@charset "utf-8";
@import url('https://fonts.googleapis.com/css?family=Gothic+A1:100,200,300,400,500,600,700,800,900|Noto+Sans+KR:100,300,400,500,700,900&subset=korean');
@import url('scroll.css');

html,body,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,address,big,cite,code,del,dfn,em,font,img,ins,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,ul,ol,li,dl,dt,dd,table,caption,tbody,tfoot,thead,tr,th,td,fieldset,fo7m,label,legend,input,button,textarea,select{margin:0;padding:0}
header,footer,section,article,aside,nav,hgroup,details,menu,figure,figcaption{display:block;margin:0;padding:0}
legend{display:block;overflow:hidden;position:absolute;width:1px;height:1px;font-size:1px;line-height:0;text-indent:-999em;white-space:nowrap; }
fieldset,img,table,caption,tbody,tfoot,thead,tr,th,td,button,hr{border:0 none}
img{vertical-align:middle}
body li{*vertical-align:top}
ul li{list-style:none; padding:0; margin:0;}
table{border-collapse:collapse}
caption{visibility:hidden;overflow:hidden;width:0;height:0;font-size:0;line-height:0;}
button{overflow:visible;border:0 none;cursor:pointer}
button::-moz-focus-inner,input[type="button"]::-moz-focus-inner,input[type="submit"]::-moz-focus-inner,input[type="reset"]::-moz-focus-inner {padding: 0;border: 0 none}
a { text-decoration:none; color:#464646;  }
address,
em { font-style:normal }
body,input,select,textarea,a,button,h1,h2,h3,h4,h5,h6 { font-family:'Noto Sans KR', 'Gothic A1', '맑은고딕', sans-serif; font-size:14px; color: #4b4b4b; font-weight: 400;text-decoration: none; letter-spacing: -0.5px; }
a:hover { text-decoration: none;}

/**************************************************************************************************************
	공통
**************************************************************************************************************/
.f-mint { color:#32c5d2 !important }
.f-blue { color:#6fb7ff !important }
.bold { font-weight:700 !important }

.verti {vertical-align: middle !important }
.verti2 {vertical-align: top !important }


.mb0 { margin-bottom:0 !important }
.mb1 { margin-bottom:1px !important }
.mb3 { margin-bottom:3px !important }
.mb5 { margin-bottom:5px !important }
.mb6 { margin-bottom:6px !important }
.mb7 { margin-bottom:7px !important }
.mb8 { margin-bottom:8px !important }
.mb10 { margin-bottom:10px !important }
.mb15 { margin-bottom:15px !important }
.mb20 { margin-bottom:20px !important }
.mb25 { margin-bottom:25px !important }
.mb30 { margin-bottom:30px !important }
.mb35 { margin-bottom:35px !important }
.mb40 { margin-bottom:40px !important }
.mb45 { margin-bottom:45px !important }
.mb50 { margin-bottom:50px !important }
.mb55 { margin-bottom:55px !important }
.mb60 { margin-bottom:60px !important }
.mb70 { margin-bottom:70px !important }
.mb75 { margin-bottom:75px !important }
.mb80 { margin-bottom:80px !important }
.mb90 { margin-bottom:90px !important }
.mb100 { margin-bottom:100px !important }
.mb120 { margin-bottom:120px !important }
.mr5 { margin-right:5px !important }
.mr10 { margin-right:10px !important }
.ml5 { margin-left: 5px !important}
.ml10 { margin-left: 10px !important}
.ml15 { margin-left: 15px !important}
.ml20 { margin-left: 20px !important}
.ml25 { margin-left: 25px !important}
.mt3 { margin-top:3px !important }
.mt5 { margin-top:5px !important }
.mt10 { margin-top:10px !important }
.mt15 { margin-top:15px !important }
.mt20 { margin-top:20px !important }
.mt25 { margin-top:25px !important }
.mt30 { margin-top:30px !important }
.mt50 { margin-top:50px !important }
.mt80 { margin-top:80px !important }
.mt100 { margin-top:100px !important }

.pd0 { padding:0 !important }
.pd3 { padding:3px !important }
.pd5 { padding:5px !important }
.pd10 { padding:10px !important }
.pd15 { padding:15px !important }
.pdt5 { padding-top:5px !important }
.pdt10 { padding-top:10px !important }
.pdt15 { padding-top:15px !important }
.pdl15 { padding-left:15px !important }
.pdl0 { padding-left:0 !important }
.pdl3 { padding-left:3px !important }
.pdl5 { padding-left:5px !important }
.pdl7 { padding-left:7px !important }
.pdl10 { padding-left:10px !important }

.pdr3 { padding-right:3px !important }
.pdr5 { padding-right:5px !important }
.pdr10 { padding-right:10px !important }
.pdr15 { padding-right:15px !important }

.none_bg { background:none !important }
.mb0 { margin-bottom:0 !important }
.gray { color:#888 !important }
.text-center { text-align:center !important }
.text-left { text-align:left !important }
.text-right { text-align:right !important }
.none_bor { border:0 !important }
form { padding:0; margin:0; }
input[type="checkbox"],
input[type="radio"],
input[type="image"]{ vertical-align:middle }
.green20 { color:#009e3b !important; font-size:20px !important; line-height:30px !important; }
.blue { color:#375e98 !important; }
.rblue { color:blue !important; }
.black { color:#000 !important; }
.org { color:#fb6827 !important; }
.sky { color: #7eff00 !important; }
.navy { color: #0e325e !important;}
.dnavy { color: #0c478f !important;}
.bg-gray {background-color: #eee !important}
.bg-yellow {background-color: #fefff7 !important}
.bg-yellow2 {background-color: #ffffa8 !important}
.bg-sky1 {background-color: #95ffff !important}
.bg-sky2 {background-color: #bbffff !important}

.under { text-decoration:underline !important }
.f9 { font-size:11px !important }
.f10 { font-size:11px !important }
.f11 { font-size:11px !important }
.f12 { font-size:12px !important }
.f13 { font-size:13px !important }
.f14 { font-size:14px !important }
.f15 { font-size:15px !important }
.f16 { font-size:16px !important }
.f18 { font-size:18px !important }
.f20 { font-size:20px !important }
.f21 { font-size:21px !important }
.f24 { font-size:24px !important }
.f26 { font-size:26px !important }
.f36 { font-size:36px !important }
.clear { clear:both; }
.lh24 { line-height:24px !important }
.lh26 { line-height:26px !important }
.lh32 { line-height:32px !important }
.lh46 { line-height:46px !important }
.fl { float:left !important }
.fr { float:right !important }
.indent20 { padding-left:20px; }
.indent30 { padding-left:30px; }
.w30 { width:30% !important }
.w35 { width:35% !important }
.w40 { width:40% !important }
.w45 { width:45% !important }
.w50 { width:50% !important }
.w53 { width:53% !important }
.w55 { width:55% !important }
.w60 { width:60% !important }
.w70 { width:70% !important }
.w65 { width:65% !important }
.pdt10 { padding-top:10px !important; }
.pdt15 { padding-top:15px !important; }
.pdt20 { padding-top:20px !important; }
.pdt25 { padding-top:25px !important; }
.pdt30 { padding-top:30px !important; }
.pdt40 { padding-top:40px !important; }
.pdt50 { padding-top:50px !important; }
.pdt60 { padding-top:60px !important; }
.pdt70 { padding-top:70px !important; }
.pdb10 { padding-bottom:10px !important; }
.pdb15 { padding-bottom:15px !important; }
.pdb20 { padding-bottom:20px !important; }
.pdb25 { padding-bottom:25px !important; }
.pdb30 { padding-bottom:30px !important; }
.pdb40 { padding-bottom:40px !important; }
.pdb50 { padding-bottom:50px !important; }
.pdb60 { padding-bottom:60px !important; }
.pdb70 { padding-bottom:70px !important; }
.pdb0 { padding-bottom:0 !important; }
.col-box:after { display:block; content:''; clear:both;}
.after:after { display:block; content:''; clear:both;}
.col-left { float:left; }
.col-right { float:right; }
.col-box3:after { display:block; content:''; clear:both;}
.col-box3 .col { float:left; margin-left:12px; }
.col-box3 .col:first-child { margin-left:0; }
.red { color: #ff1800 !important; }
.black { color: #000 !important; }
.white { color: #fff !important; }

.checkbox { position: absolute;left:-9999px;}
.checkbox + label { height: 18px; width:18px; display: inline-block; vertical-align: middle; background: url(../img/common/check_off.png) no-repeat 0 0;  } 
.checkbox:checked + label { background: url(../img/common/check_on.png) no-repeat 0 0;}

.checkbox2 { position: absolute;left:-9999px;}
.checkbox2 + label { height: 18px;  display: inline-block; vertical-align: middle; background: url(../img/common/check_off.png) no-repeat 0 0; padding-left: 22px; font-size:14px; color: #3e3e3e; line-height: 16px; margin-right:12px;} 
.checkbox2:checked + label { background: url(../img/common/check_on.png) no-repeat 0 0; }
.checkbox2[disabled]:checked + label { background: url(../img/common/check_disabled.png) no-repeat 0 0;}
.checkbox2.blue[disabled]:checked + label { background: url(../img/common/check_on.png) no-repeat 0 0;}

.checkbox3 { position: absolute;left:-9999px;}
.checkbox3 + label { height: 18px; display: inline-block; vertical-align: middle; background: url(../img/common/check_off.png) no-repeat 0 0; padding-left: 22px; font-size:15px; color: #465877; font-weight: 600; line-height: 16px; margin-right:12px;} 
.checkbox3:checked + label { background: url(../img/common/check_on2.png) no-repeat 0 0; }
.checkbox3[disabled]:checked + label { background: url(../img/common/check_disabled.png) no-repeat 0 0;}

.radio { position: absolute;left:-9999px;}
.radio + label { height: 18px; display: inline-block; vertical-align: middle; background: url(../img/common/radio_off.png) no-repeat 0 50%; padding-left: 20px; font-size:14px; color: #3e3e3e; line-height: 16px; margin-right:10px; } 
.radio:checked + label { background: url(../img/common/radio_on.png) no-repeat 0 50%;}


.inp { height:22px; border: 1px solid #ddd; padding: 0 6px; font-size:14px; color: #373737; line-height: 21px; vertical-align: middle;}
.inp2 { height:21px; border: 1px solid #ddd; padding: 0 6px; font-size:11px; color: #373737; line-height: 20px; text-align: right; vertical-align: middle; }
.select { height: 24px; border: 1px solid #ddd; padding: 0 0 0 4px; font-size:14px; color: #373737; font-weight: 500; vertical-align: middle; line-height: 23px;}
.select2 { height: 24px; border: 1px solid #ddd; padding: 0 0 0 4px; font-size:14px; color: #373737; font-weight: 500; vertical-align: middle; line-height: 23px;}

.textarea textarea { width:100%; height: 100px; overflow: auto; resize:none; border: 1px solid #ddd; font-size:14px; line-height: 150%; color: #444; padding: 2px 5px; box-sizing: border-box;}

input[readonly] {background:#f6f6f6 !important;}

/**********************************************************************************************
	Common
**********************************************************************************************/
body { }

#wrap { width:100%; min-height: 700px;  position: relative;  }
#head1 { position: fixed; left: 0; min-width:1150px; width:100%; top:0; height: 40px; background:#012f68; z-index:990; }
#head1 p { float:left; width:180px; text-align: center; padding-top:2px; }
#head1 p img.ugbn-name { position: relative; top: -6px; }
#gnb1:after { display: block; content: ''; clear: both; }
#gnb1 > li { float:left; position: relative; }
#gnb1 .btn-dep1 { display: block; font-size:16px; color: #f7f7f7; font-weight: 500; letter-spacing: -0.5px; line-height: 39px; height: 40px; padding:0 16px; }
#gnb1 .btn-dep1:hover { color:#32c5d2; }
#gnb1 .dep2 { display: none;position: absolute; left: 0; top:39px; width:196px; border:1px solid #000; background: #fff; }
#gnb1 .dep2 ul { padding:10px 11px; border-top:1px solid #e7e7e7; }
#gnb1 .dep2 .btn-dep2 { display: block; font-size:14px; letter-spacing: -0.5px; color: #343434; line-height: 24px; padding-left: 6px;}
#gnb1 .dep2 .btn-dep2:hover { background: #1b60bd; color: #fff; font-weight: 500;}
#gnb1 > li:hover .dep2 { display: block; }
#gnb1 > li.m12 .dep2,
#gnb1 > li.m13 .dep2{ left:inherit; right:0; }


#head2 { position: fixed; left: 0; min-width:1150px; width:100%; padding-left:180px; height: 60px; top:40px; border-bottom: 1px solid #d5d5d5; box-shadow:0 2px 2px rgba(0,0,0,0.1); background: #efefef; z-index:900;}
.out { position: absolute; left: 10px; top: 13px; }
.brand_log { position: absolute; width:160px; left: 5px; top: 7px; text-align:center }
#gnb2:after { display: block; content: ''; clear: both; }
#gnb2 { overflow: hidden; }
#gnb2 li { margin-right:1px; float:left;  height: 60px; }
#gnb2 li a { position: relative; display: block; width:94px; height: 70px; background: #fff; text-align: center; color: #2a2a2a;}
#gnb2 li a .img { display: block; vertical-align: middle; padding-top:7px; text-align: center; height: 20px; }
#gnb2 li a .img img{max-height:20px;}
#gnb2 li a .txt { display: block; font-size:15px; font-weight: 500; letter-spacing: -0.5px; margin-top: 6px;}
#gnb2 li a:hover { background: #f5f5f5; text-decoration: underline;}
#gnb2 li.active a{ background: #e3edfb; }
#gnb2 li a[disabled] { background: #6e6e6e;}
#gnb2 li a span.badger { position: absolute; right:20px; top:5px; font-size:12px;color:#fff;font-weight:bold; min-width:15px;height:15px; line-height:13px; border:1px solid #FF0000; background-color:#FF0000; overflow:hidden;border-radius:15px; padding:0px; text-align:center; opacity:.8; filter:alpha(opacity=80);} 

#snb-left { position: fixed; left: 0; top:101px; height:99%; width:180px; background: #fff; border-right: 1px solid #b6b6b6; }
#snb-left .title { height: 60px; background: #465877; }
#snb-left .title p { text-align: center; font-size: 18px; color:#fff; font-weight: 700; letter-spacing: -1px; line-height: 59px;}
#snb-left ul { margin: 0 auto; padding: 0; }
#snb-left ul li { text-align: center; height: 50px; background: #fff; border-bottom: 1px solid #d8d8d8; }
#snb-left ul li:last-child { margin-bottom:0; }
#snb-left ul li button[disabled] { color: #898989; cursor: default; }
#snb-left .btn-fuc { display: inline-block; vertical-align: middle; width: 100%; height: 100%; font-size:15px; background: #f5f8fb; color: #1e2020; font-weight: 600; line-height: 49px; letter-spacing: -1px; }

#snb { position: fixed; left: 0; top:101px; height:99%; width:180px; background: #fff; border-right: 1px solid #b6b6b6; }
#snb .title { height: 40px; background: #0655b7; }
#snb .title p { text-align: center; font-size: 18px; color:#fff; font-weight: 700; letter-spacing: -1px; line-height: 39px;}
#snb ul { margin: 0 auto; padding: 10px 0 0; }
#snb ul li { text-align: center; background: #fff; padding: 2px 0;}
#snb ul li.blank { text-align: center; background: #fff; padding: 5px 0;}
#snb ul li:last-child { margin-bottom:0; }
#snb ul li button[disabled] { color: #939393; background: #606060; border: 1px solid #555; cursor: default; }
#snb .btn-fuc { display: inline-block; 	
			text-align:center;	
			vertical-align: middle; 
			min-width: 130px; 
			height: 30px; 
			font-size:15px; 
			color: #ffffff; 
			font-weight: 600; 
			letter-spacing: -1px; 
			border-radius:4px;
			border: 1px solid #054aa0;
			background: #0655b7; 
			}
#snb .btn-fuc:active { border: 1px solid #031b42; background: #072455; }

#msnb { position: fixed; left: 0; top:101px; height:99%; width:310px; padding: 15px 10px;}
#msnb .title { height: 38px; background: #424647; padding: 0 4px;}
#msnb .title .col-right { margin-top: 7px;}
#msnb .title p { text-align: left; padding-left: 6px; font-size: 16px; color:#fff;  letter-spacing: -1px; line-height: 37px;}

#mcontainer { width: 820px; padding:101px 0 0 320px; height: 100%; }
#mcontents { padding:15px 12px; min-height: 650px; }

#container { width: 1150px; padding:99px 0 0 183px;}
#contents { padding:15px 12px 0; overflow-x:hidden; overflow-y:hidden; }
#contents:after { display: block; content: ''; clear: both; }

#contents2 { padding:7px 12px 0; overflow-x:hidden; overflow-y:hidden; }
#contents2:after { display: block; content: ''; clear: both; }
#contents2 > .col-left { width:160px; }
#contents2 > .col-right { width:740px; }
#contents2 > .col-right .title { display: block; height: 32px; background: #465877; font-size: 16px; color: #fff; font-weight: 700; line-height: 31px; text-align: left; padding: 0 12px; }
#contents2 > .col-right .title-2 { overflow: hidden;  display: block; height: 32px; background: #465877;  }
#contents2 > .col-right .title-2 .tit { float: left; display: inline-block; width: 180px; font-size: 16px; color: #fff; font-weight: 700; line-height: 31px; text-align: left; padding-left: 12px;}
#contents2 > .col-right .title-2 .bts { float: right; display: inline-block; padding: 3px; }

#container3 { width: 1140px;  position: relative; }
#container3 .title { margin:200px auto; width: 500px; height: 250px; border: 1px solid #dbdbdb; border-radius : 5px; line-height: 240px;}
#container3 .title p { font-size: 36px; color: #000; letter-spacing: -1px; text-align: center;}



#page { margin: 0 auto; height: 100px; }


/**********************************************************************************************
	Button
**********************************************************************************************/
.btn { display: inline-block; vertical-align: middle; height: 24px; border-radius:3px; font-size:13px; line-height: 22px; background: #a6a6a6; color: #fff; font-weight: 600; padding:0 14px; margin-right: 2px;}
.btn-1 { display: inline-block; vertical-align: middle; width: 40px; height: 24px; text-align: center;  border-radius:3px; font-size:13px; line-height: 22px; background: #a6a6a6; color: #fff; font-weight: 600; }
.btn-2 { display: inline-block; vertical-align: middle; height: 28px; border-radius:3px; font-size:13px; background: #a6a6a6; color: #fff; font-weight: 600; padding:0 14px; margin-right: 2px;}
.btn-3 { display: inline-block; vertical-align: middle; height: 22px; border: 1px solid #035e7b; border-radius: 3px; font-size:12px; line-height: 21px; background: #f6f6f6; color: #1e1e1e; font-weight: 600; padding:0 10px; margin-right: 3px;}
.btn-s { display: inline-block; vertical-align: middle; height: 22px; border-radius:3px; font-size:13px; line-height: 21px; background: #a6a6a6; color: #fff; font-weight: 500; padding:0 10px 2px;}
.btn-s7 { display: inline-block; vertical-align: middle; height: 22px; border-radius:3px; font-size:13px; line-height: 21px; background: #a6a6a6; color: #fff; font-weight: 500; padding:0 7px 2px;}
.btn-s5 { display: inline-block; vertical-align: middle; height: 22px; border-radius:3px; font-size:13px; line-height: 21px; background: #a6a6a6; color: #fff; font-weight: 500; padding:0 5px 2px;}

.btn-s[disabled],.btn-s7[disabled],.btn-s5[disabled] {background: #a6a6a6;cursor:default}

.btn-lg { height: 36px; font-size:16px; line-height: 34px; }
.btn-m { height: 30px; font-size:14px; line-height: 28px; }
.btn-mint { background: #0094fc; }
.btn-gray { background: #6c6c6c; }
.btn-gray2 { background: #989898; }
.btn-gray3 { background: #3e3e3e; }
.btn-mgray { background: #767676; }
.btn-dgray { background: #101010; }
.btn-lgray { background: #ececec; }
.btn-blue { background: #00a8ff; }
.btn-blue2 { background: #465877; }
.btn-black { background: #000; }

.btn1 { display: inline-block; vertical-align: middle; height: 28px; border-radius:3px; font-size:13px; background: #f5f5f5; color: #465161; font-weight: 600; padding:0 10px; border-radius:3px; }
.btn2 { display: inline-block; vertical-align: middle; height: 28px; border-radius:3px; font-size:13px; background: #f5f5f5; color: #465161; font-weight: 600; padding:0 10px; border-radius:3px; }
.btn3-blue { background: #134c9a; }

.btn-print { display: inline-block; width: 80px; height: 28px; line-height: 27px; background: #00a8ff; border-radius: 2px; font-size:14px; color: #fff; font-weight: 600; text-align: center;}
.btn-srh { width: 100%; height: 28px; line-height: 26px; background: #134c9a; border-radius:2px; font-size:15px; color: #fff; font-weight: 600; text-align: center; }
.btn-srh2 { width: 100%; height: 28px; line-height: 26px; background: #1f3149; border-radius:2px; font-size:15px; color: #fff; font-weight: 600; text-align: center; }
.btn-srh3 { width: 100%; height: 30px; line-height: 28px; background: #134c9a; border-radius:2px; font-size:15px; color: #fff; font-weight: 600; text-align: center; }

/**********************************************************************************************
	Search Box
**********************************************************************************************/
.date-box { padding: 5px 10px; background: #3a4a63; margin-bottom: 8px; border-radius: 5px; }
.date-box .inp { border-radius: 2px; }
.date-box .select { border-radius: 2px; }
.date-box span { display: inline-block; vertical-align: middle; margin:0 5px; color: #fbffc2; font-size:15px; font-weight: 600; }

.date-box2 { padding:5px 10px; background: #fff; border: 2px solid #00a8ff; margin-bottom: 10px;}
.date-box2 .inp { border-radius:0; }
.date-box2 span { display: inline-block; vertical-align: middle; margin:0 5px; color: #00a8ff; font-size:14px; }

.date-box3 { padding: 10px; background: #fff; margin-bottom: 10px; border-radius: 5px; border: 2px solid #465877;}
.date-box3 .inp { border-radius: 2px; text-align: right; font-weight: 600; letter-spacing: 0; color: #465877; }
.date-box3 span { display: inline-block; vertical-align: middle; margin:0 5px; color: #465877; font-size:15px; font-weight: 600; }
.date-box3 em { display: inline-block; vertical-align: middle; color: #333; font-size:14px; font-weight: 500; }

.border table th,
.border table td { border: 1px solid #d6d6d6;}

.stitle { height: 32px; padding-left: 10px; background: #465877; line-height: 31px; text-align: left; font-size:16px; color: #fff; font-weight: 600; }

.pagenate { text-align: center; font-size:0;}
.pagenate a { display: inline-block; vertical-align: middle; margin:0 5px; width:30px; height: 30px; border: 1px solid #ddd; text-align: center; line-height: 28px; font-size:14px; color: #848484; }
.pagenate a.active { background: #383838; color: #fff; border-color:#383838;  }
.pagenate a.first { background: url(../img/common/ico_first.png) no-repeat 50% 50%; }
.pagenate a.prev { background: url(../img/common/ico_prev.png) no-repeat 50% 50%; }
.pagenate a.next { background: url(../img/common/ico_next.png) no-repeat 50% 50%; }
.pagenate a.last { background: url(../img/common/ico_last.png) no-repeat 50% 50%; }

.agree-txt { width: 95%; padding: 15px; border: 1px solid #eee; margin: 0 auto; height: 200px; overflow-y: scroll;}
.agree-txt .title { font-size:16px; color: #282828; font-weight: 500; text-align: center; margin-bottom: 20px; }
.agree-txt .txt { font-size:12px; color: #797979; font-weight: 400; line-height: 150%;}

.table-pop {padding:0 15px}
.table-pop-mo {padding:0 8px}
.table-pop table { width:100%; border: 1px solid #ddd; }
.table-pop table tbody th { height: 30px; background: #f7f7f7; text-align: center; font-size:14px; color: #282828; font-weight: 500; }
.table-pop table tbody td { height: 30px; background: #fff; text-align: left; font-size:14px; color: #535353;  padding: 2px 1px 2px 4px;}
.table-pop table tbody td .inp { width: 130px; height:22px; border: 1px solid #ddd; padding: 0 6px; font-size:14px; color: #373737; line-height: 21px; vertical-align: middle; margin-right: 2px;}
.table-pop table tbody td .inp2 { width: 95%; height:22px; text-align: left; border: 1px solid #ddd; padding: 0 6px; font-size:14px; color: #373737; line-height: 21px; vertical-align: middle; margin-right: 2px;}
.table-pop table tbody td .select { height: 24px; border: 1px solid #ddd; padding: 0 0 0 4px; font-size:14px; color: #373737; font-weight: 500; vertical-align: middle; line-height: 23px; }

.table-pop table tfoot th { height: 30px; background: #f7f7f7; text-align: center; font-size:14px; color: #282828; font-weight: 500; }
.table-pop table tfoot td { height: 30px; background: #fff; text-align: left; font-size:14px; color: #535353;  padding: 2px 1px 2px 4px;}
.table-pop table tfoot td .inp { width: 130px; height:22px; border: 1px solid #ddd; padding: 0 6px; font-size:14px; color: #373737; line-height: 21px; vertical-align: middle; margin-right: 2px;}
.table-pop table tfoot td .inp2 { width: 95%; height:22px; text-align: left; border: 1px solid #ddd; padding: 0 6px; font-size:14px; color: #373737; line-height: 21px; vertical-align: middle; margin-right: 2px;}
.table-pop table tfoot td .select { height: 24px; border: 1px solid #ddd; padding: 0 0 0 4px; font-size:14px; color: #373737; font-weight: 500; vertical-align: middle; line-height: 23px; }

.table-pop td.highlight{ background:#fff7ee !important;}

.table-master table { width:100%; border: 1px solid #ddd; }
.table-master table thead th { height: 34px; background: #f7f7f7; text-align: center; font-size:14px; color: #282828; font-weight: 500; }
.table-master table tbody th { height: 30px; background: #f7f7f7; text-align: center; font-size:14px; color: #505050; font-weight: 500; }
.table-master table tbody td { height: 30px; background: #fff; text-align: left; font-size:14px; color: #505050;  padding: 2px 4px;}
.table-master table tbody tr:hover td { background: #eefaff; }

.master:after { display: block; content: ''; clear: both; }
.master { width: 600px; padding:0; position: relative; }
.master .body { overflow: hidden; padding:15px 20px; background: #fff;  display: block; box-sizing: border-box;}
.master .body .mleft { float: left; width: 250px; height: 450px; overflow-x: hidden; overflow-y: scroll; box-sizing: border-box; border: 1px solid #e3e3e3; }
.master .body .mv { float: left; width: 58px; }
.master .body .mv .sort { text-align: center; vertical-align: middle; margin:0 auto; }
.master .body .mright { float: right; width: 250px; height: 450px; overflow-x: hidden; overflow-y: scroll; box-sizing: border-box; border: 1px solid #e3e3e3; }



.table1 table { width:100%; border: 1px solid #ddd; }
.table1 table thead th { height: 30px; background: #f7f7f7; text-align: center; font-size:14px; color: #282828; font-weight: 600; border: 1px solid #ddd; }
.table1 table tbody td { height: 28px; background: #fff; text-align: center; font-size:13px; color: #666; border: 1px solid #ddd; padding: 0 4px; }
.table1 table tbody tr:hover td { background: #eefaff; }

.table-s table { width:100%; border: 1px solid #ddd; }
.table-s table thead th { height: 30px; background: #f7f7f7; text-align: center; font-size:14px; color: #282828; font-weight: 600; border: 1px solid #ddd; }
.table-s table thead th { height: 30px; background: #f7f7f7; text-align: center; font-size:14px; color: #282828; font-weight: 600; border: 1px solid #ddd; }
.table-s table tbody td { height: 28px; background: #fff; text-align: left; font-size:12px; color: #666; border: 1px solid #ddd; padding: 2px 1px 2px 3px; vertical-align: top;}
.table-s table tbody tr:hover td { background: #eefaff; }

.table-b table { width:100%; border: 1px solid #ddd; }
.table-b table tbody th { height: 30px; background: #f7f7f7; text-align: center; font-size:14px; color: #282828; font-weight: 600; border: 1px solid #ddd; }
.table-b table tbody td { height: 28px; background: #fff; text-align: left; font-size:13px; color: #151616; border: 1px solid #ddd; padding: 0 6px; }

.table-b table tbody td.title{height:22px; vertical-align: bottom; border-left: 1px solid #fff; border-right: 1px solid #fff; font-weight:600;}

.table-m table { width:100%; border: 1px solid #ddd; table-layout: fixed;}
.table-m table thead th { height: 30px; background: #f7f7f7; text-align: center; font-size:13px; color: #282828; font-weight: 600; border: 1px solid #ddd; }
.table-m table tbody td { height: 28px; background: #fff; text-align: center; font-size:12px; color: #666; border: 1px solid #ddd; padding: 0 4px; overflow: hidden; text-overflow:ellipsis; white-space:nowrap;}
.table-m table tbody tr:hover td { background: #eefaff; }
.table-m table tbody td a { font-size:12px; }


.career-tab:after { display:block; content:''; clear:both;}
.career-tab { margin:5px 0; position:relative; }
.career-tab a { float:left; width:150px; height:32px; line-height:31px; text-align:center; font-size:14px; font-weight:600; color:#4e4e4e; background:#e1e1e1; margin-left:1px; }
.career-tab a:first-child { width:152px; margin-left:0;}
.career-tab a.active { background:#465877; color:#fff; }

.career-tab-view { padding-bottom:12px; margin-bottom:15px; }
.career-tab-view > div { display:none; }
.career-tab-view > div:first-child { display:block; }


.calendar .title { height: 38px; background: #465877;  padding:0 5px 0 15px; margin-bottom: 5px;}
.calendar .title p { font-size:18px; line-height: 37px; font-weight: 500; color: #fff; }
.calendar .title a { margin:0 8px;}
.calendar .title .col-right { padding-top:7px;}
.calendar .cal-table table { table-layout: fixed; width:100%; border-collapse: collapse;border:2px solid #c9c9c9; }
.calendar .cal-table table thead th { height: 31px; font-size:13px; background: #f2f2f2; color: #303030; border: 1px solid #dedede; font-weight: 500;}
.calendar .cal-table table thead th:first-child { color: #ff0000; }
.calendar .cal-table table thead th:last-child { color: #0054ff; }
.calendar .cal-table table tbody td { border: 1px solid #dedede; }
.calendar .cal-table table tbody td div { min-height: 74px; padding:22px 7px 7px 2px; position: relative; }
.calendar .cal-table table tbody td div em { position: absolute; right:5px; top:5px; font-size:15px; color: #303030;  }
.calendar .cal-table table tbody td div p { font-size:14px; color: #303030; line-height: 17px;}
.calendar .cal-table table tbody td div p a{ font-size:14px; }
.calendar .cal-table table tbody td span.day-list{ position: absolute; bottom:3px;}
.calendar .cal-table table tbody td span.config-list{ color: #ff0000;padding-left:5px }
.calendar .cal-table table tbody td div p .go-event-calendar{display:inline-block; width:110px; font-size:13px; overflow: hidden; text-overflow:ellipsis; white-space:nowrap;}
.calendar .cal-table table tbody td.active { background: #fffddf; }

.calendar .cal-table table tbody td div p span.red {color:#d53133;}
.calendar .cal-table table tbody td div p span.blue {color:#347dec;}
.calendar .cal-table table tbody td:first-child div em { color: #ff0000; }
.calendar .cal-table table tbody td:last-child div em { color: #0054ff; }
.calendar .cal-table table tbody td:first-child div em a{ color: #ff0000; }
.calendar .cal-table table tbody td:last-child div em a{ color: #0054ff; }
.calendar .cal-table table tbody td.prev {background:#f5f5f5}
.calendar .cal-table table tbody td.next {background:#f5f5f5}


#login { margin:150px auto 20px; width:400px; height: 400px; border-radius: 5px; border: 1px solid #e2e2e2; box-shadow:0 4px 0 #e5e6e6; padding:0 30px; }
#login .tit {  text-align: center; padding:30px 0 20px; font-weight: 600; font-size: 32px; color: #000; letter-spacing: -1px;}
#login .inp { width: 94%; height: 40px; padding:0 10px; font-size:16px; border:1px solid #c5c5c5; color: #636363;  }
#login .btn-login { display: block; width:100%; height: 60px; line-height: 58px; text-align: center; font-size:24px; color: #fff; font-weight: 600; background: #32c5d2; border-radius:4px; }


.col-cont:after { display: block; content: ''; clear: both; }
.col-cont .col { float:left; }
.table2 .tit { height: 34px; line-height: 30px; padding-left: 8px; font-size:14px; color: #fff; font-weight: 600; background: #465161; }
.table2 .tit .col-right { padding:0 15px 0 0;}
.table2 .tit .col-right button { vertical-align: top; margin-top:3px;}
.table2 table { width:100%; border-collapse: collapse; border: 1px solid #ddd; }
.table2 table th { width: 70px; height: 27px; text-align: center; background: #f5f5f5; font-size:12px; color: #282828; letter-spacing: -0.5px; font-weight: 500; border-bottom:1px solid #ddd; padding:0 4px;}
.table2 table td { height: 27px; padding-left: 8px; font-size:12px; color: #7d7d7d;  border-bottom:1px solid #ddd;}
.table2 table .bg { background: #ffefa2; color: #1e1e1e; padding-left: 0; text-align: center;}
.table2 table .bg2 { height: 36px; font-size:14px; color: #fff; background: #8b8b8b; line-height: 1.3em;}
.table2 table .bg3 { height: 30px; font-size:13px; color: #fff; font-weight: 500; background: #00a8ff; line-height: 1.3em;}
.table2 table span { display: inline-block; vertical-align: middle; }
.table2 table textarea {width:95%; height: 50px; overflow: auto; resize:none; border: 1px solid #ddd; font-size:12px; line-height: 1.4em; color: #444; padding:6px; box-sizing:border-box; }
.table2 table td table thead th { height: 25px; }
.table2 table td table tbody td { padding:1px 2px; }
.table2 .yellow { color: #ffea00; }
.table2 .red { color: #ff3600; font-weight: 500;}

.table3 table { width:100%; border-collapse: collapse; border: 1px solid #ddd; }
.table3 table thead th { height: 27px; background: #f5f5f5; font-size:12px; color: #282828; letter-spacing: -1px; font-weight: 600; }
.table3 table tbody td { height: 27px; text-align: center; font-size:11px; color: #7d7d7d; border-top:1px solid #ddd; padding:0 8px; }
.table3 table tbody td img {vertical-align: middle; text-align: center; }
.table3 table tbody tr:first-child td { border-top:0;}
.table3.col-left table tbody td { padding:0;}
.table3.border table th,
.table3.border table td { border: 1px solid #ddd;}

.table4 .tit { height: 30px; line-height: 28px; padding-left: 8px; font-size:13px; color: #fff; font-weight: 500; background: #707070; }
.table4 table { width:100%; border-collapse: collapse; border: 1px solid #ddd; }
.table4 table thead th { height: 27px; background: #ffffde; font-size:12px; color: #282828; letter-spacing: -1px; font-weight: 600;  }
.table4 table tbody td { height: 27px; text-align: center; font-size:12px; color: #484848; border-top:1px solid #ddd; padding:0 8px; }
.table4 table tbody td img {vertical-align: middle; text-align: center; }
.table4 table tbody tr:first-child td { border-top:0;}
.table4.col-left table tbody td { padding:0;}
.table4.border table th,
.table4.border table td { border: 1px solid #ddd;}

.table5 .tit { height: 30px; line-height: 28px; padding-left: 8px; font-size:13px; color: #fff; font-weight: 500; background: #707070; }
.table5 table { width:100%; border-collapse: collapse; border: 1px solid #ddd; }
.table5 table thead th { height: 27px; background: #f5f5f5; font-size:12px; color: #282828; letter-spacing: -1px; font-weight: 600; }
.table5 table tbody th { height: 27px; background: #f5f5f5; font-size:12px; color: #282828; letter-spacing: -1px; font-weight: 600;  }
.table5 table tbody td { height: 27px; text-align: left; font-size:12px; color: #484848; border-top:1px solid #ddd; padding:0 8px; }
.table5 table tbody td img {vertical-align: middle; text-align: center; }
.table5 table tbody tr:first-child td { border-top:0;}
.table5.col-left table tbody td { padding:0;}
.table5.border table th,
.table5.border table td { border: 1px solid #ddd;}
.table5 table textarea {width:95%; height: 70px; overflow: auto; resize:none; border: 1px solid #ddd; font-size:11px; line-height: 1.4em; color: #444; padding:6px; box-sizing:border-box; }

.col-cont:after { display: block; content: ''; clear: both; }
.col-cont .col { float:left; }
.table6 table { width:100%; border-collapse: collapse; border: 1px solid #ddd; }
.table6 table th { height: 30px; text-align: center; background: #f5f5f5; font-size:14px; color: #282828; letter-spacing: -0.5px; font-weight: 500; border-bottom:1px solid #ddd; padding:0 4px;}
.table6 table td { height: 30px; font-size:12px; color: #7d7d7d; text-align: center; border-bottom:1px solid #ddd;}






.tab-box { position: relative;}
.tab-box:after {display: block; content: ''; clear: both; }
.tab-box a { float:left; width:104px; height: 28px; line-height: 27px; text-align: center; background: #d0d4da; font-size:12px; color: #6c6c6c;  letter-spacing: -1px; margin-left: 1px;font-weight: 600; }
.tab-box a:first-child { margin-left: 0; }
.tab-box a.active { background: #465161; color: #fff; }
.tab-box p { position: absolute; right:0; top:0; line-height: 18px; font-size:11px; color: #0a459c; letter-spacing: -0.5px; }

.tabs:after { display: block; content: ''; clear: both; }
.tabs { margin-bottom: 15px; }
.tabs a { float:left; width:250px; height: 43px; line-height: 41px; text-align: center; background: #eaeaea; margin-right:1px; font-size:18px; color: #595959; }
.tabs a.active { background: #2c2e3e; color:#fff; font-weight: 500;}

.btn-info { display:inline-block; vertical-align: middle; background: #e1e1e1; border: 2px solid #cfcfcf; text-align: center; font-size:13px; color: #1a1a1a; height: 30px; line-height: 28px; border-radius:3px; font-weight: 600;}

.title2 { height: 41px; padding:0 20px; background: #465161; }
.title2 p { line-height: 38px; font-size:16px; font-weight: 500; color: #fff; }
.title2 .col-right { padding-top:6px;}
.title2 .col-left { float:left;}




.inquiry { }
.inquiry .sort-box { height: 145px; border: 2px solid #465161; }
.inquiry .sort-box .tit { padding-left: 12px; height:36px; line-height: 35px; background: #465161; font-size:18px; font-weight: 600; color: #fff; }
.inquiry .sort-box .cont { padding:9px 8px 0 70px; position: relative;}
.inquiry .sort-box .cont .subj { position: absolute; left: 7px; top:9px; width:57px; padding:14px 0; text-align: center; font-size:16px; line-height: 18px; color: #fff; font-weight: 600; background: #00a8ff; border-radius:2px; }
.inquiry .sort-box .cont .col-box { margin-bottom: 4px; }
.inquiry .sort-box .cont .col-box .col { float:left; }
.inquiry .color-sort { margin:20px 0 8px;}
.inquiry .color-sort > p { display: inline-block; vertical-align: middle; margin-left: 15px; }
.inquiry .color-sort > p:first-child { margin-left: 0; }
.inquiry .color-sort span { display: inline-block; vertical-align: middle; }
.inquiry .color-sort .bg { width:21px; height: 21px; }
.inquiry .color-sort .txt { font-size:13px; color: #212121; margin-left: 4px;}
.inquiry .table-scroll {  max-height:518px; overflow: auto; }
.inquiry .table-scroll2 {  max-height:570px; overflow: auto; }
.inquiry .table-scroll3 {  max-height:450px; overflow: auto; }
.inquiry .table-scroll4 {  max-height:600px; overflow: auto; }

.inquiry.car .sort-box { height: 166px; }
.inquiry.car .sort-box .cont .subj { padding:29px 0;}

.sort1 { border: 2px solid #465161; }
.sort1 table { width:100%; border-collapse: collapse; }
.sort1 table th { background: #f5f5f5; font-size:13px; font-weight: 500; padding: 0 2px 0 3px; color: #302f2f; letter-spacing: -1px; }
.sort1 table th.bg { background: #465161; font-size:18px; color:#fff; padding:10px 0;	}
.sort1 table td { padding:6px 3px 6px 3px;}

.tab-cont iframe { width:100%; height:98px; overflow: auto; border: 0;}

.img-upload { padding:12px; text-align: center; border: 1px solid #ddd; }
.img-upload .btn-view { display: inline-block; vertical-align: middle; width:111px; height: 24px; text-align: center; font-size:12px; color: #fff; background: #3e3e3e; border-radius:3px;}
.upload-btns { padding:5px 10px; background: #dfdfdf; margin-bottom: 1px;}


.ico-option { display: inline-block; vertical-align: middle; width:18px; height: 16px; background: url(../img/common/ico_option.png) no-repeat 0 0; margin:-3px 5px 0 0;}


.option-box{ position: relative;}
.option-box .layer-option { position: absolute; right:0; top:24px; width:203px; border: 1px solid #0a459c; background: #fff;  }
.option-box .layer-option ul { padding:12px 8px 4px; border-bottom: 1px solid #ddd; margin-bottom:8px;}
.option-box .layer-option ul:after { display: block; content: ''; clear: both; }
.option-box .layer-option ul li { float:left; width:50%; margin-bottom: 8px;}

.notice-left { margin-bottom: 10px; }
.notice-left .table-scroll { height:175px; overflow: auto;}
.notice-left .table1 table thead th { height: 30px;}


.title3 {height: 34px; background: #465161; padding:0 10px;}
.title3 p { font-size:14px; line-height: 32px; color: #fff; letter-spacing: -1px; }
.title3 .col-right { padding-top:5px;}
.title3 .checkbox2 + label { color: #fff; font-size:13px;}



.online-inq { border: 1px solid #ddd; }
.online-inq .head { padding:12px; }
.online-inq .head span { font-size:12px; color: #282828;  font-weight: 500;}
.online-inq .body { padding:5px 12px; background: #e9fcff; font-size:12px; line-height: 20px; color: #505050; letter-spacing: -1px; }

.scan-list table { letter-spacing: -1px; text-align:center;}

.total-table table { width:100%; border-collapse: collapse; border: 2px solid #9d9d9d; }
.total-table table th { height: 40px; width:125px; font-size:14px; color: #fff; font-weight: 500; background: #9d9d9d; }
.total-table table td { text-align: right; padding-right:10px; font-size:16px; color: #ff1800; font-weight: 500;}
.total-table.total table { border-color:#465161; }
.total-table.total table th { background: #465161; }
.total-table.total table td.text-left { padding-left: 15px;}

.sort-wrap { border: 2px solid #465161; }
.sort-wrap .title { background: #465161; 	 height: 35px; line-height: 32px; padding-left: 15px; font-size:18px; font-weight: 600; color: #fff;}
.sort-wrap .title .col-right label { line-height: 14px; color: #fff;}
.sort-wrap .body { padding:7px 15px;}
.sort-wrap .body .section { }
.sort-wrap .body .section span { font-size:13px; color: #282828; }
.sort-wrap .body .section .btn { margin-right:4px;}
.sort-wrap .body hr { height: 1px; width:100%; padding: 0; background: #eee; margin:10px 0; }

.tax-box { }
.border_tit {font-family:Gulim, verdana, arial; font-size: 11px;color: #5863C7;}
.border_tit_red {font-family:Gulim, verdana, arial; font-size: 11px;color: red;}
.border_up {font-family:Gulim, verdana, arial; font-size: 11px;color: #5863C7; border-top-width:1px; border-right-width:1px; border-bottom-width:1px; border-left-width:1px; border-color:#5863C7; border-top-style:solid; border-left-style:none; border-right-style:solid; border-bottom-style:none;}
.border_up_red {font-family:Gulim, verdana, arial; font-size: 11px;color: red; border-top-width:1px; border-right-width:1px; border-bottom-width:1px; border-left-width:1px; border-color:red; border-top-style:solid; border-left-style:none; border-right-style:solid; border-bottom-style:none;}
.border_all {font-family:Gulim, verdana, arial; font-size: 11px;color: #5863C7; border-top-width:2px; border-right-width:2px; border-bottom-width:2px; border-left-width:2px; border-color:#5863C7; border-top-style:solid; border-left-style:solid; border-right-style:solid; border-bottom-style:solid; }
.border_all_red {font-family:Gulim, verdana, arial; font-size: 11px;color: red; border-top-width:2px; border-right-width:2px; border-bottom-width:2px; border-left-width:2px; border-color:red; border-top-style:solid; border-left-style:solid; border-right-style:solid; border-bottom-style:solid;}
.border_both {font-family:Gulim, verdana, arial; font-size: 11px;color: #5863C7; border-top-width:1px; border-right-width:1px; border-bottom-width:1px; border-left-width:1px; border-color:#5863C7; border-top-style:none; border-left-style:solid; border-right-style:solid; border-bottom-style:none;}
.border_both_red {font-family:Gulim, verdana, arial; font-size: 11px;color: red; border-top-width:1px; border-right-width:1px; border-bottom-width:1px; border-left-width:1px; border-color:red; border-top-style:none; border-left-style:solid; border-right-style:solid; border-bottom-style:none;}
.border_top {font-family:Gulim, verdana, arial; font-size: 11px;color: #5863C7; border-top-width:1px; border-right-width:1px; border-bottom-width:1px; border-left-width:1px; border-color:#5863C7; border-top-style:solid; border-left-style:none; border-right-style:none; border-bottom-style:none;}
.border_top_red {font-family:Gulim, verdana, arial; font-size: 11px;color: red; border-top-width:1px; border-right-width:1px; border-bottom-width:1px; border-left-width:1px; border-color:red; border-top-style:solid; border-left-style:none; border-right-style:none; border-bottom-style:none;}
.border_back {font-family:Gulim, verdana, arial; font-size: 11px;color: #5863C7; border-top-width:1px; border-right-width:1px; border-bottom-width:1px; border-left-width:1px; border-color:#5863C7; border-top-style:solid; border-left-style:solid; border-right-style:solid; border-bottom-style:none;}
.border_back_red {font-family:Gulim, verdana, arial; font-size: 11px;color: red; border-top-width:1px; border-right-width:1px; border-bottom-width:1px; border-left-width:1px; border-color:red; border-top-style:solid; border-left-style:solid; border-right-style:solid; border-bottom-style:none;}
.border_all_red .text-left { padding-left: 10px;}
.border_all_red .text-right { padding-right: 10px;}

.radio2 { position: absolute; left: -9999px; }
.radio2 + label { display: inline-block; vertical-align: middle; padding-left: 20px; position: relative; height: 14px; line-height: 14px; position: relative; }
.radio2 + label:before { content: ''; position: absolute; left: 0; top:-1px; width:10px; height: 10px; border: 2px solid #ddd; border-radius:100%;}
.radio2:checked + label:before { width:6px; height:6px; border: 4px solid #ff0000; }

#pop { width:100%; position: relative; overflow:auto; -webkit-overflow-scrolling:touch; outline:0; letter-spacing: -1px; }
.pop-dialog {position:relative; width:auto; margin:0 auto; width: 600px  }
.pop-header { padding:18px 0; text-align:center; font-size:18px; color:#fff; background:#1f94f2;  }
.pop-content {position:relative; color:#555; background-color:#fff; outline:none;  overflow:hidden; }
.pop .close {position:absolute; top:0; right:0; width:60px; height:60px; padding:0; border:0; background:url(../img/common/btn_modal_close.png) no-repeat 50% 50%; text-indent: -9999px; }
.pop-body {padding:25px;line-height: 180%; font-size: 13px}
.pop-content .title { padding:0 20px; font-size:20px; color: #fff; height: 55px; background: #0a459c; position: relative; }
.pop-content .title p { line-height: 53px; font-weight: 600; }
.pop-content .title .btn-close { position: absolute; right:0; top:0; width:55px; height: 55px; background: url(../img/common/modal_close.png) no-repeat 50% 50%;}
.pop-content .body { padding:15px 20px; background: #fff; border: 1px solid #c8c8c8; }
.pop-content .body .subj { width:100%; padding:14px 0; text-align: center; font-size:16px; line-height: 18px; color: #fff; font-weight: 600; background: #00a8ff; border-radius:2px; }
.pop-content .body .select { height: 28px; border: 1px solid #ddd; border-radius:2px; padding-left: 4px; font-size:13px; color: #373737; vertical-align: middle;}
.pop-content .body .inp { height:26px; border: 1px solid #ddd; border-radius:2px; padding-left: 4px; font-size:13px; color: #373737; vertical-align: middle;}
.pop-sort { padding:0 10px 15px 10px; margin-bottom: 15px; border-bottom: 1px solid #ddd; }


/* MODAL */
.hidden { overflow:hidden; }
.modal-backdrop {position: fixed; top:0; right:0; bottom:0; left:0; background:#000;  opacity:.5; filter:alpha(opacity=50); z-index:7500;}
.modal {display:none; position:fixed; top:0; right:0; bottom:0; left:0; z-index:8000; overflow:auto; -webkit-overflow-scrolling:touch; letter-spacing: -1px;}
.modal-dialog {position:relative; width:auto; margin:80px auto; width: 600px; }
.modal-header { padding:18px 0; text-align:center; font-size:18px; color:#fff; background:#1f94f2;  }
.modal-content {position:relative; color:#555; background: #fff; border-radius: 10px; border: 1px solid #465877; overflow:hidden;  }
.modal .close {position:absolute; top:0; right:0; width:60px; height:60px; padding:0; border:0; background:url(../img/common/btn_modal_close.png) no-repeat 50% 50%; text-indent: -9999px; }
.modal-body {padding:25px; line-height: 180%; font-size: 13px;}
.modal-content .title { padding:0 20px; font-size:20px; color: #fff; height: 44px; background: #465877; position: relative; }
.modal-content .title p { line-height: 43px; font-weight: 600; }
.modal-content .title .btn-close { position: absolute; right:0; top:0; width:44px; height: 44px; background: url(../img/common/modal_close.png) no-repeat 50% 50%;}
.modal-content .body { padding:15px 20px; background: #fff;  }
.modal-sort { padding:0 10px 15px 10px; margin-bottom: 15px; border-bottom: 1px solid #ddd; }


.modal2-backdrop {position: fixed; top:0; right:0; bottom:0; left:0; background:#000; opacity:.5; filter:alpha(opacity=50); z-index:7500; }
.modal2 {display:none; position:fixed; top:0; right:0; bottom:0; left:0; z-index:8000; overflow:auto; -webkit-overflow-scrolling:touch; letter-spacing: -1px; }
.modal2-dialog {position:relative; width:auto; margin:80px auto; width: 600px;  }
.modal2-header { padding:18px 0; text-align:center; font-size:18px; color:#fff; background:#1f94f2;  }
.modal2-content {position:relative; color:#555; background: #fff; border-radius: 10px; border: 1px solid #465877; overflow:hidden; }
.modal2 .close {position:absolute; top:0; right:0; width:60px; height:60px; padding:0; border:0; background:url(../img/common/btn_modal_close.png) no-repeat 50% 50%; text-indent: -9999px; }
.modal2-body {padding:25px;line-height: 180%; font-size: 13px;}
.modal2-content .title { padding:0 20px; font-size:20px; color: #fff; height: 44px; background: #465877; position: relative; }
.modal2-content .title p { line-height: 43px; font-weight: 600; }
.modal2-content .title .btn-close { position: absolute; right:0; top:0; width:44px; height: 44px; background: url(../img/common/modal_close.png) no-repeat 50% 50%;}
.modal2-content .body { padding:15px 20px; background: #fff; overflow: hidden; display: block; box-sizing: border-box;}
.modal2-content .body .mleft { float: left; width: 250px; height: 450px; overflow-x: hidden; overflow-y: scroll; box-sizing: border-box; border: 1px solid #e3e3e3; }
.modal2-content .body .mv { float: left; width: 58px; }
.modal2-content .body .mv .sort { text-align: center; vertical-align: middle; margin:0 auto; }
.modal2-content .body .mright { float: right; width: 250px; height: 450px; overflow-x: hidden; overflow-y: scroll; box-sizing: border-box; border: 1px solid #e3e3e3; }




.car-info { padding:0 10px 15px 10px; border-bottom: 1px solid #ddd; margin-bottom: 20px;}
.car-info table { width:100%; border-collapse: collapse; }
.car-info table th { width:140px; text-align: center;}
.car-info table td { font-size:13px; line-height: 18px; color: #2f2e2e;}
.car-info-desc { font-size:13px; color: #3d3d3d;  margin-bottom: 5px; padding:0 10px;}
.car-info-desc .col-right { font-size:11px; color: #0e6ab8; }
.car-info-desc .col-right2 { font-size:12px; color: #6a6a6a; }


.car-info-table table thead th,
.car-info-table table tbody td { font-size:11px; letter-spacing: -1px; padding: 0 5px; }


.btn-flip { position: absolute; left: -15px; top:0; bottom:0; width:1px; background: #9096a1; }
.btn-flip button { position: absolute; left: 1px; top:50%; background: url(../img/common/btn_flip.png) no-repeat 0 0; width:11px; height: 49px; margin-top:-30px;}

#wrap.flip #contents > .col-left { display: none; }
#wrap.flip #contents > .col-right { float:none; width:auto; }
#wrap.flip .btn-flip button { left:4px; }

/* SMS 차량화면 */
.sms-col-left { float:left; width:285px; }
.sms-col-right { float:right; width:800px; }
.login-box {border:2px solid #465161; margin-bottom: 20px; }
.login-box .tit { text-align: center; line-height: 36px; color: #fff; background: #465161; font-size:18px; font-weight: 600;}
.login-box .box { padding:15px 15px 0; height: 130px;}
.login-box .box dl { overflow: hidden; margin-bottom: 5px; }
.login-box .box dl dt { float:left; width:60px; font-size:14px; color: #282828; font-weight: 500;}
.login-box .after { text-align: center; font-size:14px; color: #282828; line-height: 28px; padding:10px 13px; height: 125px; }
.login-box .after span { color: #134c9a;}
.login-box .after .txt { padding-bottom: 10px; border-bottom: 1px solid #d5d5d5; margin-bottom: 16px; }

.sms { padding:67px 17px 0 18px; height:496px; background: url(../img/common/bg_hp.jpg) no-repeat 0 0; width:232px; margin: 0 auto; position: relative;}
.sms table { width:100%; border-collapse: collapse; }
.sms table th { font-size:16px; color: #1c1c1c; border-bottom: 1px solid #d3d3d3; width:66px; }
.sms table td { padding:7px 0; font-size:13px; color: #494949; border-bottom: 1px solid #d3d3d3; }
.sms .text { padding:13px 13px 0; }
.sms .text textarea { height:180px; width:186px; padding:10px ; border-radius:6px; background: #283344; font-size:14px; color: #fff; line-height: 20px; resize:none;border:0; }
.sms .emo { overflow: hidden; font-size:11px; color: #949494; margin-bottom: 5px; padding:5px 13px 0;}
.sms .emo a { float:left; }
.sms .emo p { float:right; line-height: 20px; }
.sms .sel { padding:0 13px;}
.sms .send .btn { position: absolute; left: 41px; bottom:31px;font-size:18px;}

.sms-col-right .tabs a { width:185px;letter-spacing: -1px;}
.sms-col-right .tab-box a { background: #929292;  color: #fff; font-size:14px; width:107px; height: 29px; line-height: 28px; }
.sms-col-right .tab-box a.active { background: #465161; }
.sms-col-right .tab-box .btn { float:right; width:94px; height: 28px; font-size:13px; background: #d7d7d7; color: #303236;}
.sms-col-right .tab-cont { margin-bottom: 25px;}
.sms-col-right .tab-cont .body { padding:8px 15px; border:2px solid #465161; }
.sms-col-right .tab-cont .body table { width:100%; border-collapse: collapse; }
.sms-col-right .tab-cont .body table th { font-size:14px; font-weight: 500; color: #302f2f;}
.sms-col-right .tab-cont .body table td { padding:3px 0 2px; }
.sms-col-right .tab-cont .body .btn-box { padding-top:5px; border-top:1px solid #ddd; margin-top:3px; text-align: center;}
.table3.bg2 table thead th {background: #ffffde;}


.print { margin-top:100px; right:0; bottom:0; left:0; z-index:8000; overflow:auto; -webkit-overflow-scrolling:touch; outline:0; letter-spacing: -1px; }
.print-dialog {position:relative; width:auto; margin:0 auto; }
.print-header { padding:18px 0; text-align:center; font-size:18px; color:#fff; background:#1f94f2;  }
.print-content {position: relative; padding: 10px; border: 2px solid #465877; border-radius: 20px; background:#fff; outline:none; overflow:hidden; }
.print-content .title { display: block; height: 20px; }
.print-content .title p { font-size: 14px; color: #465877; font-weight: 600; text-align:right; }
.print-content .title2 { display: block; height: 20px; background:#fff;}
.print-content .title2 p { font-size: 16px; color: #465877; font-weight: 600; text-align:center; letter-spacing: -0.5px;}
.print-content .title3 { display: block; height: 40px; background:#0181b0; }
.print-content .title3 p { font-size: 14px; color: #fff; font-weight: 600; text-align:center; letter-spacing: 0; }
.print-content .title3 p span { display: inline-block; margin-left: 5px; }

.print-content .qr {position: relative; margin: 0 auto 10px; width: 120px; padding: 6px; border: 1px solid #465877; background:#fff; border-radius: 15px; }
.print-content .qr img { width: 114px;  height: 114px; }
.print-content .qr .cha { position: absolute; right:-41px; top:28px; display: inline-block;}
.print-content .qr .cha img { width:40px; height: 77px; }
.print-content .info { width: 100%; padding: 0; }
.print-content .info ul { height: 25px; background: #fff; padding: 0; border-radius: 10px 10px 0 0; border: 1px solid #465877;}
.print-content .info ul li { float: left; width: 50%; display: inline-block; text-align:center; border-right: 1px solid #465877; font-size: 13px; color: #465877; line-height: 24px; font-weight: 600; letter-spacing: 3px; }
.print-content .info ul li:last-child { border-right: 0; width: 49%;}
.print-content .info2 { width: 100%; padding: 0; }
.print-content .info2 ul { height: 28px; background: #fff; padding: 0; border-radius: 0 0 10px 10px; border: 1px solid #465877; border-top:0;}
.print-content .info2 ul li { float: left; width: 50%; display: inline-block; text-align:center; border-right: 1px solid #465877; font-size: 11px; color: #000; line-height: 27px; letter-spacing: -1px; overflow: hidden; text-overflow:ellipsis; white-space:nowrap;}
.print-content .info2 ul li:last-child { border-right: 0; width: 49%;}
.print-content .logo { text-align:center; margin: 5px 0 0; }
.print-content .ag { overflow:hidden; display: block; }
.print-content .ag .logo2 { display: inline-block; text-align:left; float: left; padding-left: 30px;}
.print-content .ag .st { display: inline-block; float: right; font-size: 12px; color: #fff; font-weight: 600; padding: 20px 30px 0 0; }

.table-p .tit { padding: 8px; font-size:16px; color: #000; text-align: center; font-weight: 500; background: #ececec; border-top: 1px solid #b7b7b7;}
.table-p table { width:100%; border-collapse: collapse; border: 1px solid #ddd; }
.table-p table thead th { height: 30px; background: #f5f5f5; font-size:12px; color: #282828; letter-spacing: -1px; font-weight: 500; }
.table-p table tbody th { text-align: center; font-size:12px; color: #282828;  letter-spacing: -1px; font-weight: 500; }
.table-p table tbody td { height: 27px; text-align: center; font-size:11px; color: #7d7d7d; border-top:1px solid #ddd; padding:0 2px; }
.table-p table tbody td img {vertical-align: middle; text-align: center; }
.table-p table tbody tr:first-child td { border-top:0;}
.table-p.col-left table tbody td { padding:0;}
.table-p.border table th,
.table-p.border table td { border: 1px solid #ddd;}
.table-p.border table tr.active { background: #e9fcff; height: 40px; }

.table-ps table { width:100%; border-collapse: collapse; border: 1px solid #ddd; }
.table-ps table thead th { height: 30px; background: #f5f5f5; font-size:11px; color: #282828; letter-spacing: -1px; font-weight: 500; }
.table-ps table tbody td { height: 27px; text-align: center; font-size:10px; color: #7d7d7d; border-top:1px solid #ddd; padding:0 2px; }
.table-ps table tbody td img {vertical-align: middle; text-align: center; }
.table-ps table tbody tr:first-child td { border-top:0;}
.table-ps.col-left table tbody td { padding:0;}
.table-ps.border table th,
.table-ps.border table td { border: 1px solid #ddd;}
.table-ps.border table tr.active { background: #e9fcff; height: 40px; }

.table-px .tit { padding: 8px; font-size:16px; color: #000; text-align: center; font-weight: 500; background: #ececec; border-top: 1px solid #b7b7b7;}
.table-px table { width:100%; border-collapse: collapse; border: 1px solid #ddd; }
.table-px table thead th { height: 30px; background: #f5f5f5; font-size:14px; color: #282828; letter-spacing: -1px; font-weight: 500; }
.table-px table tbody th { text-align: center; font-size:14px; color: #282828;  letter-spacing: -1px; font-weight: 500; }
.table-px table tbody td { height: 27px; text-align: center; font-size:12px; color: #7d7d7d; border-top:1px solid #ddd; padding:0 7px; }
.table-px table tbody td img {vertical-align: middle; text-align: center; }
.table-px table tbody tr:first-child td { border-top:0;}
.table-px.col-left table tbody td { padding:0;}
.table-px.border table th,
.table-px.border table td { border: 1px solid #ddd;}
.table-px.border table tr.active { background: #e9fcff; height: 40px; }

.stxt { padding:10px; background: #f8f8f8; border-bottom: 1px solid #616161; margin-bottom: 12px; }
.stxt p { font-size:13px; color: #000; }
.stxt p span { margin-right: 140px; }

.print-b { margin:0 auto; padding: 15px; }
.print-b .txt { margin-bottom: 10px; }
.print-b .txt p { font-size: 18px; color: #161616; font-weight: 500; text-align: center; line-height: 30px;}
.print-b .txt p span { display: inline-block; font-size: 14px; color: #161616; font-weight: 400; }
.print-b .txt strong { display: inline-block; font-size: 22px; color: #000; font-weight: 600; margin-top: 20px;}


.p-re iframe { width:100%; height:250px; overflow: auto; border: 0;}




@page{  size:auto; margin : 5mm;  }

@media print {  
	.modal { page-break-inside:auto; page-break-after: avoid; -webkit-print-color-adjust: exact; }
	.modal { left:0; right:0; top:0; bottom:0; width:100%; height: 100%; background: #fff;}
	#head1,
	#head2,
	#snb { display: none;}
	#snb-left { display: none;}
	.modal-dialog { width:100%; }
	table tbody th { background: #f2f2f2; }
}




/*** 박근용 수정 ***/
.mask-overlay {
  background-color: black;
  /* IE8 */
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";
  /* IE8 */
  background-color: rgba(0, 0, 0, 0.3);
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  display: none;
  z-index: 998; }


#contents { padding:10px 12px 0px; overflow-x:hidden; overflow-y:hidden; }

#contents > .title-b { display: block; height: 30px; background: #012f68;  }
#contents > .title-b .title { padding: 0 12px; font-size: 16px; color: #fff; font-weight: 700; line-height: 29px; }

#gnb1 > li.login_name{ position: absolute; left:1100px; width:200px; color: #fff;}
#gnb1 > li.login_name .login_name_menu{ position: absolute; display:inline-block; width:200px; text-align:right; color: #fff;}
#gnb1 > li.login_name .sub-memu{ position: text-align:left; color: #2a2a2a;}
#gnb1 > li.login_name .dep2 { left:95px; width:120px; }

input.calendar {width:68px !important; border: 1px solid #c0c0c0;}
input.calendar-mo {width:103px !important;}
input.calendar-week {width:146px !important;}
input.calendar2 {width:50px !important;}
input.no-outline {outline:0!important;}
.no-scroll {overflow:hidden;}

.table_grid table { width:100%; border-collapse: collapse; border: 1px solid #c0c0c0; border-top:0px; table-layout: fixed; background:#fff;}
.table_grid table thead th { height: 28px; background: #f7f7f7; text-align: center; font-size:14px; color: #282828; border: 1px solid #c0c0c0; padding:0px 2px; overflow: hidden; text-overflow:ellipsis; white-space:nowrap; font-weight: 600;}
.table_grid table tbody tr:first-child td { border-top:0;}
.table_grid table tbody td { height: 28px; background: #ffffff; text-align: center; font-size:13px; color: #151616; border: 1px solid #c0c0c0; padding:0px 2px; overflow: hidden; text-overflow:ellipsis; white-space:nowrap}
/*.table_grid table tbody tr:hover td { background: #eefaff; }*/
.table_grid table thead.h25 th, .table_grid table thead.h25 td { height: 25px !important; }
.table_grid table thead.h22 th, .table_grid table thead.h22 td { height: 22px !important; }
.table_grid table thead.h20 th, .table_grid table thead.h20 td { height: 20px !important; }

.table_grid table tr.yellow td{ background:#ffffcc !important;} 
.table_grid table tfoot td { height: 28px; background: #f7f7f7; text-align: center; font-size:14px; color: #151616; border: 1px solid #c0c0c0; padding:0px 2px; overflow: hidden; text-overflow:ellipsis; white-space:nowrap; font-weight: 600;}

.table_grid table tbody span { display: inline-block; }
.table_grid table.td-left tbody td { text-align : left; }

.table-info table { width:100%; border: 1px solid #ddd; }
.table-info table tbody th { height: 28px; background: #f7f7f7; text-align: center; font-size:14px; color: #282828; font-weight: 600; border: 1px solid #ddd; }
.table-info table tbody td { height: 28px; background: #fff; text-align: left; font-size:13px; color: #151616; border: 1px solid #c0c0c0; padding: 0 6px; }

.pop-title-a:after { display:block; content:''; clear:both;}
.pop-title-a { margin:5px 0 0; position:relative; }
.pop-title-a .title { float:left; width:150px; height:32px; line-height:31px; text-align:center; font-size:14px; font-weight:600; color:#fff; background:#465877; } 

/**
.grid-tab:after { display:block; content:''; clear:both;}
.grid-tab { margin:5px 0 0px; }
.grid-tab a { float:left; min-width:70px; height:30px; line-height:29px; text-align:center; font-size:15px; font-weight:600; color:#4e4e4e; background:#e1e1e1; margin-left:1px; margin-top:0px; border-radius:5px 5px 0 0; border:1px solid #c0c0c0;border-bottom:0px;}
.grid-tab a:first-child { min-width:70px; margin-left:0;}
.grid-tab a.active { background:#465877; color:#fff; margin-top:0px;}

.grid-tab-view { padding-bottom:12px; margin-bottom:15px; }
.grid-tab-view > div { display:none; }
.grid-tab-view > div:first-child { display:block; }

.grid-tab .bts span { display: inline-block; vertical-align: middle; margin:0 2px; color: #282828; font-size:15px; font-weight: 600; }
*/

.schedule_grid table { width:100%; border-collapse: collapse; border: 1px solid #c0c0c0; border-top:0px; table-layout: fixed; background:#fff;}
.schedule_grid table thead th { height: 28px; background: #f7f7f7; text-align: center; font-size:14px; color: #282828; border: 1px solid #c0c0c0; padding:0px 2px; overflow: hidden; text-overflow:ellipsis; white-space:nowrap; font-weight: 600;}
.schedule_grid table tbody tr:first-child td { border-top:0;}
.schedule_grid table tbody td { min-height: 28px; background: #ffffff; text-align: left; font-size:12px; color: #151616; border: 1px solid #c0c0c0; padding:2px 2px; vertical-align: top;}
.schedule_grid table tbody td a{ font-size:12px; color: #151616;}
.schedule_grid table tr.yellow td{ background:#ffffcc !important;} 
.schedule_grid table tfoot td { height: 28px; background: #f7f7f7; text-align: center; font-size:14px; color: #151616; border: 1px solid #c0c0c0; padding:0px 2px; overflow: hidden; text-overflow:ellipsis; white-space:nowrap; font-weight: 600;}
.schedule_grid table tbody td a:hover { background: #eefaff; } 
.schedule_grid table tbody span { display: inline-block; }
.schedule_grid table.td-left tbody td { text-align : left; }

#pop-wrap { width:100%; position: relative;  }
.pop-container:after { display: block; content: ''; clear: both; }
.pop-container { width: 600px; padding:0; position: relative; }
.pop-container .body { overflow: hidden; padding:15px 20px; background: #fff; box-sizing: border-box;}
.pop-container .body .mleft { float: left; width: 270px; box-sizing: border-box;}
.pop-container .body .mv { float: left; width: 58px; }
.pop-container .body .mv .sort { text-align: center; vertical-align: middle; margin:0 auto; }
.pop-container .body .mright { float: right; width: 270px; box-sizing: border-box;}

.table-pop table td {word-break:break-all;}
.table-pop table.h40 td {min-height:40px}
.table-pop table.h30 td {height:30px}
.table-pop table.h34 td {min-height:34px}
.table-b table.h40 td {min-height:40px}

/* 우측 본문 #d7f0ff */
.grid_focusin td{background:#eefaff !important;}
.grid_focusin2 td{ background:#ffff8c !important;}
.grid_focusin3 td{ background:#ffecd9 !important;}

.grid_col_focusin {background:#eefaff !important;}
.grid_col_focusin2 { background:#ffff8c !important;}
.grid_col_focusin3 { background:#ffecd9 !important;}

.grid_col_outline { outline: 1px solid #000 !important;}
.grid_col_outline2 { outline: 1px solid #0000ff !important;}
.grid_col_outline3 { outline: 1px solid red !important;}

.grid_edit td{background:#eefaff;}

.grid_focusin_line {outline: 1px solid #555;}

.grid-seq {color:#151616 !important; background: #f7f8fa !important;}

.btn-b { display: inline-block; vertical-align: middle; width: 70px; height: 24px; text-align: center;  border-radius:3px; font-size:13px; line-height: 22px; background: #a6a6a6; color: #fff; font-weight: 600; }

.textarea textarea { width:100%; height: 100px; overflow: auto; resize:none; border: 1px solid #ddd; font-size:14px; line-height: 150%; color: #444; padding: 2px 5px; box-sizing: border-box;}

.blue { color:blue !important; }
.blue2 { color:#0000A0 !important; }

.grid-left { text-align:left !important; }
.grid-center { text-align:center !important; }
.grid-right { text-align:right !important; padding-right:5px !important;}
.grid-right0 { text-align:right !important; padding-right:0px !important;}
.grid-right2 { text-align:right !important; padding-right:2px !important;}
.grid-right5 { text-align:right !important; padding-right:5px !important;}
.grid-right10 { text-align:right !important; padding-right:10px !important;}
.grid-yellow { background:#ffffcc !important;}
.grid-yellow2 { background:#FFFF8C !important;}
.grid-yellow3 { background:#ffecd9 !important;}
.grid-highlight { background:#e6fffd !important;}

.grid-head, tr.grid-head td { background: #f7f7f7 !important; }
.grid-blue, tr.grid-blue td { color:blue !important; }
.grid-red, tr.grid-red td { color: #ff1800 !important; }
.grid-block, tr.grid-block td { color: #ec0017 !important; }
.grid-block2, tr.grid-block2 td { color: #0062c4 !important; }
.grid-bold, tr.grid-bold td { font-weight:bold !important;}

.grid-top {vertical-align: top !important }
.grid-middle {vertical-align: middle !important }
.grid-bottom {vertical-align: bottom !important }

.cursor-pointer { cursor:pointer }

.MyDataTableGridCount {
    font-size:13px;
    height:20px;
}

.MyDataTableGridHead {
  width:100%;overflow-y:scroll;overflow-x:hidden;
  border:0px;
  background: url(../img/common/grid-line2.gif);
  background-repeat: repeat-x;
  scrollbar-arrow-color : #ddd;
  scrollbar-face-color : #ddd;
  scrollbar-track-color : #f5f5f5;
}

.MyDataTableGridHead table th.sort {
}

.MyDataTableGridHead table th.sort-asc {
	background: url(data:image/gif;base64,R0lGODlhCwAEAJEAAAAAAP///yMtMP///yH5BAEAAAMALAAAAAALAAQAAAIKnC2nKLnT4orUFAA7) no-repeat;
	background-position : 100% center;
	padding-right:7px;
}

.MyDataTableGridHead table th.sort-desc {
  background: url(data:image/gif;base64,R0lGODlhCwAEAJEAAAAAAP///yMtMP///yH5BAEAAAMALAAAAAALAAQAAAIK3IQpxrrcEJyPFQA7) no-repeat;
  background-position : 100% center;
  padding-right:7px;
}

.MyDataTableGridHead table th[data-column] {cursor:pointer}

.MyDataTableGridBody {
  width:100%;overflow-y:scroll;overflow-x:auto; 
  border-bottom: 1px solid #c0c0c0;
  border-left:0px solid #fff;
  border-right:0px solid #fff;
  background: url(../img/common/grid-line2.gif);
  background-repeat: repeat-y;
  cursor:default;
}

.MyDataTableGridSumm {
  width:100%;overflow-y:scroll;overflow-x:auto;
  border:0px;

  background: url(../img/common/grid-line2.gif);
  background-repeat: repeat-x;
  background-position: bottom;

  scrollbar-arrow-color : #ddd;	
  scrollbar-face-color : #ddd;	
  scrollbar-track-color : #f5f5f5;

  /*cursor:pointer;*/
  cursor:default;
}

.MyDataTableGridSumm table tbody td{ background: #f5f5f5; }

input.text-right { padding-right:3px; }

.bggray {background:#F6F6F6;border:0px}
.readonly {background:#F6F6F6;}

::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #B7B7B7;
}

::-moz-placeholder { /* Firefox 19+ */
  color: #B7B7B7;
}

:-ms-input-placeholder { /* IE 10+ */
  color: #B7B7B7;
}

:-moz-placeholder { /* Firefox 18- */
  color: #B7B7B7;
}


@media print {
	.no-print {display: none;}
}


/* 주단위 선택 */
.ui-datepicker-calendar-weekselect tr:hover {
    background: #eefaff url('');
}

.ui-datepicker-calendar-weekselect tr:hover td {
    background: #eefaff url('');
}

.ui-datepicker-calendar-weekselect tr:hover td a {
    background: #eefaff url('');
	border: 1px solid #d3d3d3;
}

.lsn-price {
	display:inline-block;
	text-align:right;
	min-width : 100px;
}

.lsn-center {
	display:block;
	text-align:center;
}


.checkbox-line {outline : 1px solid #0080ff; }
.checkbox-line[disabled] {outline : 0px solid #fff}

#wrap select,#pop select { border-radius: 2px; height: 24px; border: 1px solid #ddd; padding: 0 0 0 4px; font-size:14px; color: #373737; font-weight: 500; vertical-align: middle; line-height: 23px;}

#content-rule {font-family:'Noto Sans KR', 'Noto Sans', '맑은고딕', sans-serif; font-size:14px; color: #4b4b4b; font-weight: 400;text-decoration: none; max-width:1200px}
#content-rule:after { display: block; content: ''; clear: both;}
#content-rule .sub-title { position: relative; text-align: center; font-size: 24px; color: #242424; letter-spacing: -1px; font-weight: 600; margin-bottom: 30px;}

#content-rule .rule { margin: 0 auto; width: 90%; padding: 10px 30px; border: 1px solid #e7e7e7; box-sizing:border-box; margin-bottom: 30px;}
#content-rule .rule .r-title p { font-size: 20px; color: #252525; font-weight: 500; letter-spacing: -1px; line-height: 150%; margin-bottom: 20px;}
#content-rule .rule p { font-size: 13px; color: #404040; font-weight: 400; line-height: 140%; margin-bottom: 10px;}


.popup-title { display: block; height: 30px; background: #012f68; }
.popup-title .title { padding: 0 12px; font-size: 16px; color: #fff; font-weight: 700; line-height: 29px; }
.popup-title .title.right { float:right }

.textbox-link-url {
    position:   absolute;
    top:        0;
    left:       0;
    width:      1px;
    height:     1px;
    margin:     0;
    padding:    0;
    border:     0;
}


/* 이용자 TIP 버튼 스타일 */
.tip-button {
    display: inline-block;
    padding: 8px 16px;
    margin: 10px;
    font-size: 14px;
    font-weight: bold;
    color: #e74c3c; /* 붉은색 강조 */
    background-color: #ffffff;
    border: 2px solid #e74c3c;
    border-radius: 4px;
    cursor: pointer;
    transition: all 0.3s ease;
    text-align: center;
    box-shadow: 0 2px 4px rgba(0,0,0,0.1);
}

/* 마우스를 올렸을 때 (Hover) */
.tip-button:hover {
    color: #ffffff;
    background-color: #e74c3c;
    box-shadow: 0 4px 8px rgba(0,0,0,0.2);
    transform: translateY(-1px);
}