@charset "utf-8";
/* @import url(http://fonts.googleapis.com/earlyaccess/notosanskr.css); */

@font-face {
	font-family: 'Noto Sans KR';
    font-style: normal;
    font-weight: 300;
    src:url('/res/fonts/NotoSans-Light.woff2') format('woff2'),
        url('/res/fonts/NotoSans-Light.woff') format('woff'),
		url('/res/fonts/NotoSans-Light.otf') format('opentype');
}
@font-face {
	font-family: 'Noto Sans KR';
    font-style: normal;
    font-weight: 400;
    src:url('/res/fonts/NotoSans-Regular.woff2') format('woff2'),
    	url('/res/fonts/NotoSans-Regular.woff') format('woff'),
        url('/res/fonts/NotoSans-Regular.otf') format('opentype');
}
@font-face {
	font-family: 'Noto Sans KR';
    font-style: normal;
    font-weight: bold;
    src:url('/res/fonts/NotoSans-Medium.woff2') format('woff2'),
    	url('/res/fonts/NotoSans-Medium.woff') format('woff'),
		url('/res/fonts/NotoSans-Medium.otf') format('opentype');
}


html {font-family:/* 'Noto Sans KR', */'Malgun Gothic',Dotum,'Apple SD Gothic Neo',Helvetica,Sans-serif   }
body { width:100%; height:100%; margin: 0; padding: 0;border: 0 none; word-break: break-all;}
body, input, textarea, button { }
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, blockquote, th, td, p, button { margin: 0; padding: 0; }
table { border-collapse: collapse; border-spacing: 0; table-layout: fixed; width: 100%; font-weight:normal; letter-spacing: 0px; font-family:'Malgun Gothic';}
fieldset, img, abbr, acronym { border: 0 none; }
address, caption, cite, code, dfn, em, var { font-style: normal; font-weight: normal; text-decoration: none; }
ins { font-style: normal; text-decoration: none; }
ol, ul { list-style: none; }
legend, caption { text-align: left; margin: 0; padding: 0; }
legend { *margin-left: -7px; }
q:before, q:after { content: ""; }
hr { display: none; }
em { color: inherit; font-weight: normal; }
button { border: 0 none; background: transparent; overflow: visible; cursor: pointer; }
button::-moz-focus-inner { padding: 0; border: 0 none; }
input[type="radio"], input[type="checkbox"] { width: 13px; height: 13px; vertical-align:middle; margin-right:2px; margin-top:-2px; }
input[type="text"], input[type="password"] {border:1px solid #c1c1c1; padding:2px; letter-spacing:-0.5px;}
a { color: inherit; text-decoration: none; }
a[onclick] { cursor: pointer; }
caption { display: table-caption; width: 0; height: 0; line-height: 0; font-size: 0; overflow: hidden; text-align: left; }
legend { display: block; position: absolute; width: 0; height: 0; line-height: 0; font-size: 0; overflow: hidden; }
textarea {padding:5px; border:1px solid #d1d1d1}
li {list-style:none}
.hidden { position: absolute; width: 0; height: 0; line-height: 0; font-size: 0; overflow: hidden; }
.pointer {cursor: pointer !important}
/* .info-txt{color:#b47512; font-size:12px; font-family:'돋움'} */
.clear {clear:both}
.clear-b {clear:both}
.ty2 {height:15px; padding-bottom:4px !important}
/* HTML5 reset */
header, footer, section, article, aside, nav, hgroup, details, menu, figure, figcaption { display: block; margin: 0; padding: 0; }
.dsc {font-size:12px; color:#555; margin-left:5px; font-family:'돋움';}
.toggle_btn {text-align:center}
.bg-n {background:none !important}
.overflow_t {text-overflow:ellipsis; overflow:hidden; white-space:nowrap;}
/* width */
.wauto {width:auto !important}
.w40 {width:40px !important}
.w50 {width:50px !important}
.w70 {width:70px !important}
.w80 {width:80px !important}
.w110 {width:110px !important}
.w100 {width:100px !important}
.w120 {width:120px !important}
.w130 {width:130px !important}
.w140 {width:140px !important}
.w150 {width:150px !important}
.w194 {width:194px !important}
.w200 {width:200px !important}
.w300 {width:300px !important}
.w480 {width:480px !important}
.w480 {margin-right:15px;}
.w515 {width:515px !important}
.w520 {width:520px !important}
.w25per {width:25% !important}
.w30per {width:30% !important}
.w35per {width:35% !important}
.w48per {width:48% !important}
.w80per {width:80% !important}
.w90per {width:90% !important}
.w100per {width:100% !important}
.w8em {width:70%}
/* height */
.mheight300 {min-height:300px !important}
.h210 {height:210px !important}
/* display */
.dis-b {display:block !important}

/* overflow */
.over-h {overflow:hidden}

/* float */
.fl {float:left}
.fr {float:right}

/* clear 수정하지 마세요. */
.clear { clear: both !important; height:0 !important;}
.b_clear { clear: both !important; height:0 !important;}
.f_none {float:none !important}
.f_left { float: left !important; }
.f_right { float: right !important; }
.clear_box:after{content:""; display:block; clear:both;}

/* font */
.underline { text-decoration: underline !important; }
.inherit { color: inherit !important; line-height: inherit !important; font-size: inherit !important; }
.normal { font-weight: normal !important; }
.bold { font-weight: bold !important; }
.line30 {line-height:30px !important}
.font-c-f {color:#fff !important}
.font-c-6 {color:#666 !important}
.font-c-y2 {color:#be7502 !important}
.font-c-b {color:#196ac5 !important}
.font-c-r {color:#ec1717 !important}
.h2_tit2 {font-size:16px; font-weight:normal; text-align:center;}
.check-red {display:inline-block !important; vertical-align:middle; color:red; margin-top:5px;}
.txt-c {text-align:center !important}
.txt-l {text-align:left !important}
.txt-r {text-align:right !important}
.font-c-m {color:#46a2b3}
.font-12 {font-size:12px; font-family:'Malgun Gothic','Noto Sans KR';}
.font-normal {font-weight:normal !important}
.font-c-y2.ty02{font-family:'Malgun Gothic','Noto Sans KR'; font-size:12px;}
/* overflow */
.over_scroll { overflow-y: auto !important; }
.visible { overflow: visible !important; }
.v_hidden { visibility: hidden !important; }
.overflow-h {overflow:hidden}

.pointer_none {pointer-events: none;}
/* 기타 */
.position-r {position:relative}
.position-r .position-a-rt0 {position: absolute; top:0; right: 0}

/* 정렬 */
.al_c { text-align: center !important; }
.al_l { text-align: left !important; }
.al_r { text-align: right !important; }
.al_t { vertical-align: top !important; }
.al_b { vertical-align: bottom !important; }
.al_m { vertical-align: middle !important; }
.text-deco {text-decoration:underline}

/* display */
.block { display: block !important;}
.inblock { display: inline-block !important; }
.dsp_tbl { display: table; table-layout: fixed; width: 100%; }
.dsp_tbl_row { display: table-row; }
.dsp_tbl_cell { display: table-cell; vertical-align: middle; }
.readonly {background-color: #f2f3f5 !important; color:#7c7c7c !important;}
.disabled {background-color: #f2f3f5 !important}
input[disabled], textarea[disabled], select[disabled], select.disabled {
    color:#7c7c7c;
    background-color: #f2f3f5;
}

/* position */
.position-r {position:relative !important}
.t0 {top:0 !important}

/* background-color */
.bg_9 {background:#999 !important}
.bg_e {background:#eee !important}
.bg_bc {background:#bc162c !important}
.bg_fb {background:#fbf0f2 !important}
.bg_70 {background:#707070 !important}
.bg_fa {background:#fafafa !important}
/* size */

/* margin */
.no_mg { margin: 0 !important; }

.mtm1 {margin-top:-1px !important}
.mtm2 {margin-top:-2px !important}
.mtm3 {margin-top:-3px !important}
.mtm3 {margin-top:-3px !important}
.mtm20 {margin-top:-20px !important}

.mglr5p{margin:0 5%;}
.mt_7{margin-top:-7px !important;}
.mt_15{margin-top:-15px !important;}
.mt0 { margin-top: 0 !important; }
.mt2 { margin-top: 2px !important; }
.mt3 { margin-top: 3px !important; }
.mt4 { margin-top: 4px !important; }
.mt5 { margin-top: 5px !important; }
.mt7 { margin-top: 7px !important; }
.mt8 { margin-top: 8px !important; }
.mt9_5 { margin-top: 9.5px !important; }
.mt10 {margin-top:10px !important}
.mt15 { margin-top: 15px !important; }
.mt20 { margin-top: 20px !important; }
.mt22 { margin-top: 22px !important; }
.mt25 { margin-top: 25px !important; }
.mt30 { margin-top: 30px !important; }
.mt35 { margin-top: 35px !important; }
.mt40 { margin-top: 40px !important; }
.mt45 { margin-top: 45px !important; }
.mt50 { margin-top: 50px !important; }
.mt55 { margin-top: 55px !important; }
.mt56 { margin-top: 56px !important; }
.mt60 { margin-top: 60px !important; }
.mt65 { margin-top: 65px !important; }
.mt70 { margin-top: 70px !important; }
.mt75 { margin-top: 75px !important; }
.mt80 { margin-top: 80px !important; }
.mt85 { margin-top: 85px !important; }
.mt90 { margin-top: 90px !important; }
.mt95 { margin-top: 95px !important; }
.mt100 { margin-top: 100px !important; }
.mt105 { margin-top: 105px !important; }
.mt150 { margin-top: 150px !important; }
.mt750 { margin-top: 750px !important; }

.mb0 { margin-bottom: 0 !important; }
.mb3 { margin-bottom: 3px !important; }
.mb5 { margin-bottom: 5px !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; }
.mb65 { margin-bottom: 65px !important; }
.mb70 { margin-bottom: 70px !important; }
.mb75 { margin-bottom: 75px !important; }
.mb80 { margin-bottom: 80px !important; }
.mb85 { margin-bottom: 85px !important; }
.mb90 { margin-bottom: 90px !important; }
.mb95 { margin-bottom: 95px !important; }
.mb100 { margin-bottom: 100px !important; }

.ml0 { margin-left: 0 !important; }
.ml3 { margin-left: 3px !important; }
.ml5 { margin-left: 5px !important; }
.ml10 { margin-left: 10px !important; }
.ml14 { margin-left: 14px !important; }
.ml15 { margin-left: 15px !important; }
.ml20 { margin-left: 20px !important; }
.ml25 { margin-left: 25px !important; }
.ml30 { margin-left: 30px !important; }
.ml35 { margin-left: 35px !important; }
.ml40 { margin-left: 40px !important; }
.ml45 { margin-left: 45px !important; }
.ml50 { margin-left: 50px !important; }
.ml55 { margin-left: 55px !important; }
.ml60 { margin-left: 60px !important; }
.ml65 { margin-left: 65px !important; }
.ml70 { margin-left: 70px !important; }
.ml75 { margin-left: 75px !important; }
.ml80 { margin-left: 80px !important; }
.ml85 { margin-left: 85px !important; }
.ml90 { margin-left: 90px !important; }
.ml93 { margin-left: 93px !important; }
.ml95 { margin-left: 95px !important; }
.ml100 { margin-left: 100px !important; }
.ml200 { margin-left: 200px !important; }

.mr0 { margin-right: 0 !important; }
.mr5 { margin-right: 5px !important; }
.mr10 { margin-right: 10px !important; }
.mr15 { margin-right: 15px !important; }
.mr18 { margin-right: 18px !important; }
.mr20 { margin-right: 20px !important; }
.mr25 { margin-right: 25px !important; }
.mr30 { margin-right: 30px !important; }
.mr35 { margin-right: 35px !important; }
.mr40 { margin-right: 40px !important; }
.mr45 { margin-right: 45px !important; }
.mr50 { margin-right: 50px !important; }
.mr55 { margin-right: 55px !important; }
.mr60 { margin-right: 60px !important; }
.mr65 { margin-right: 65px !important; }
.mr70 { margin-right: 70px !important; }
.mr75 { margin-right: 75px !important; }
.mr80 { margin-right: 80px !important; }
.mr85 { margin-right: 85px !important; }
.mr90 { margin-right: 90px !important; }
.mr95 { margin-right: 95px !important; }
.mr100 { margin-right: 100px !important; }

/* padding */

.p0 {padding:0 !important;}
.p10 {padding:10px !important;}

.pt0 { padding-top: 0 !important; }
.pt5 { padding-top: 5px !important; }
.pt7 { padding-top: 7px !important; }
.pt10 { padding-top: 10px !important; }
.pt15 { padding-top: 15px !important; }
.pt20 { padding-top: 20px !important; }
.pt25 { padding-top: 25px !important; }
.pt30 { padding-top: 30px !important; }
.pt35 { padding-top: 35px !important; }
.pt40 { padding-top: 40px !important; }
.pt45 { padding-top: 45px !important; }
.pt50 { padding-top: 50px !important; }
.pt55 { padding-top: 55px !important; }
.pt60 { padding-top: 60px !important; }
.pt65 { padding-top: 65px !important; }
.pt70 { padding-top: 70px !important; }
.pt75 { padding-top: 75px !important; }
.pt80 { padding-top: 80px !important; }
.pt85 { padding-top: 85px !important; }
.pt90 { padding-top: 90px !important; }
.pt95 { padding-top: 95px !important; }
.pt100 { padding-top: 100px !important; }

.pb0 { padding-bottom: 0 !important; }
.pb5 { padding-bottom: 5px !important; }
.pb10 { padding-bottom: 10px !important; }
.pb15 { padding-bottom: 15px !important; }
.pb20 { padding-bottom: 20px !important; }
.pb25 { padding-bottom: 25px !important; }
.pb30 { padding-bottom: 30px !important; }
.pb35 { padding-bottom: 35px !important; }
.pb40 { padding-bottom: 40px !important; }
.pb45 { padding-bottom: 45px !important; }
.pb50 { padding-bottom: 50px !important; }
.pb55 { padding-bottom: 55px !important; }
.pb60 { padding-bottom: 60px !important; }
.pb65 { padding-bottom: 65px !important; }
.pb70 { padding-bottom: 70px !important; }
.pb75 { padding-bottom: 75px !important; }
.pb80 { padding-bottom: 80px !important; }
.pb85 { padding-bottom: 85px !important; }
.pb90 { padding-bottom: 90px !important; }
.pb95 { padding-bottom: 95px !important; }
.pb100 { padding-bottom: 100px !important; }

.pl0 { padding-left: 0 !important; }
.pl5 { padding-left: 5px !important; }
.pl10 { padding-left: 10px !important; }
.pl15 { padding-left: 15px !important; }
.pl20 { padding-left: 20px !important; }
.pl25 { padding-left: 25px !important; }
.pl30 { padding-left: 30px !important; }
.pl35 { padding-left: 35px !important; }
.pl40 { padding-left: 40px !important; }
.pl45 { padding-left: 45px !important; }
.pl50 { padding-left: 50px !important; }
.pl55 { padding-left: 55px !important; }
.pl60 { padding-left: 60px !important; }
.pl65 { padding-left: 65px !important; }
.pl70 { padding-left: 70px !important; }
.pl75 { padding-left: 75px !important; }
.pl80 { padding-left: 80px !important; }
.pl85 { padding-left: 85px !important; }
.pl90 { padding-left: 90px !important; }
.pl95 { padding-left: 95px !important; }
.pl100 { padding-left: 100px !important; }

.pr0 { padding-right: 0 !important; }
.pr5 { padding-right: 5px !important; }
.pr10 { padding-right: 10px !important; }
.pr15 { padding-right: 15px !important; }
.pr20 { padding-right: 20px !important; }
.pr25 { padding-right: 25px !important; }
.pr30 { padding-right: 30px !important; }
.pr35 { padding-right: 35px !important; }
.pr40 { padding-right: 40px !important; }
.pr45 { padding-right: 45px !important; }
.pr50 { padding-right: 50px !important; }
.pr55 { padding-right: 55px !important; }
.pr60 { padding-right: 60px !important; }
.pr65 { padding-right: 65px !important; }
.pr70 { padding-right: 70px !important; }
.pr75 { padding-right: 75px !important; }
.pr80 { padding-right: 80px !important; }
.pr85 { padding-right: 85px !important; }
.pr90 { padding-right: 90px !important; }
.pr95 { padding-right: 95px !important; }
.pr100 { padding-right: 100px !important; }
.p4-0 {padding:4px 0 !important}
.p4-7 {padding:4px 7px !important}

.pt3 {padding-top:3px !important}
.pt6 {padding-top:6px !important}
.pt8 {padding-top:8px !important}
.pt10 {padding-top:10px !important}
.pt20 {padding-top:20px !important}
.pr10 {padding-right:10px !important}
.pb20 {padding-bottom:20px !important}
.pb10 {padding-bottom:10px !important}

/* margin */
.mt5 {margin-top:5px !important}
/*.mt10 {margin-top:10px !important}*/
.mt15 {margin-top:15px !important}
.mt20 {margin-top:20px !important}
.mt40 {margin-top:40px !important}

.ml5 {margin-left:5px !important}
.ml10 {margin-left:10px !important}
.ml30 {margin-left:30px !important}

.mr3 {margin-right:3px !important}
.mr10 {margin-right:10px !important}

.mb0 {margin-bottom:0 !important}
.mb3 { margin-bottom: 3px !important; }
.mtm5{margin-top:-5px;}

/* datepicker */
.datearea {width:100px; height:17px; overflow:hidden;background-size:20px; border:1px solid #d1d1d1; background:#fff; padding:2px 5px;}
.datearea input {width:70% !important; float:left; height:17px; padding:0; border:0 !important}
.division {width:21px; float:left; text-align:center; margin-top:5px}

/* grid select*/
.grid_s select {padding:0 !important;}

/* 버튼 */
.gnb_bt_1 { width:61px; background:url(../images/main/sng__btn_bg1.png) no-repeat; text-align:center; font-weight:bold; color:#4d5e74}
.gnb_bt_01 { width:90px; background:url(../images/main/sng__btn_bg01.png) no-repeat; text-align:center; font-weight:bold; color:#4d5e74}
.gnb_bt_2 { width:230px; background:url(../images/main/sng__btn_bg2.png) no-repeat; font-weight:bold; color:#777}
.gnb_bt_2 a {padding-left:14px;}
.gnb_bt_3 { width:155px; background:url(../images/main/login_sub_btn2.png) no-repeat; font-weight:bold; color:#777}
.gnb_bt_3 a {padding-left:19px;}
.gnb_bt_4 { width:220px; background:url(../images/main/login_sub_btn3.png) no-repeat; font-weight:bold; color:#777}
.gnb_bt_4 a {padding-left:19px;}

.btn-area {position:relative; margin:10px 0 5px 0px; /*j*/padding:0 0px 0 4px;text-align:center; /*j*/float__:right}
.btn-area:after{content:""; display:block; clear:both; }
.btn_area .h_txt {color: #b47512; font-size: 12px; font-family: '돋움';}
.btn_ty1 {height:23px; padding:0 15px; display:inline-block; background:#1c5aa4; border:1px solid #00248b; border-radius:3px; vertical-align:middle; font-size:12px; font-weight:bold;  line-height:24px; color:#fff;}
.btn_ty1.idchek_btn, .tbl-type.idfind .btn_ty1.idchek_btn{height:35px; line-height:32px; }
.tbl-type.idfind .btn_ty1.idchek_btn{background: #1c5aa4; border: 1px solid #00248b;}
.btn_ty2 {position:relative; display:inline-block; background:url(../images/common/bt_ty2_bg.png) repeat-x; padding:6px 9px; line-height:17px; font-size:12px; color:#444; font-weight:bold; font-family:'돋움';
/*j*//* border-left:1px solid #b5b5b5; border-right:1px solid #b5b5b5; padding:6px 10px 7px; line-height:14px; */}
.user_wrap .btn_ty2.intd{    background: #f6f7f8; border:1px solid #ddd;
    /* color: #fff; */
    line-height: 15px;
    padding: 3px 12px 3px 10px;
    text-align: center;
    border-radius: 18px;
    /* border: 0px; */
    display: inline-block;}
.user_wrap  .btn_ty2.intd:hover{box-shadow:none; border__:none;}
.btn_ty2 .lt { position:absolute; top:0; left:-3px; width:4px; height:26px; background:url(../images/common/btn_ty2_left_bg.png) left no-repeat;}
.btn_ty2 .rt { position:absolute; top:0; right:-3px; width:4px; height:26px; background:url(../images/common/btn_ty2_right_bg.png) left no-repeat;}
.btn_ty2.grid {padding:0px 8px; height:19px; font-size:11px; letter-spacing:-1px; line-height:23px; font-weight:normal; color:#555; font-family:'굴림'; border-radius:4px; border-left:1px solid #858585; border-right:1px solid #858585;  border-bottom:1px solid #858585}
.btn_ty2:hover {color:#1b3a9f}
.btn_ty5 {position:relative; display:inline-block; background:url(../images/common/bt_ty5_bg.png) repeat-x; padding:6px 9px; line-height:17px; font-size:12px; color:#3d591f; font-weight:bold; font-family:'돋움'}
.btn_ty5 .lt { position:absolute; top:0; left:-3px; width:4px; height:26px; background:url(../images/common/btn_ty5_left_bg.png) left no-repeat;}
.btn_ty5 .rt { position:absolute; top:0; right:-3px; width:4px; height:26px; background:url(../images/common/btn_ty5_right_bg.png) left no-repeat;}
.btn_ty6 { position:relative; display:inline-block; background:url(../images/common/bt_ty6_bg.png) repeat-x; padding:6px 9px; line-height:17px; font-size:12px; color:#6c4a13; font-weight:bold; font-family:'돋움'}
.btn_ty6 .lt { position:absolute; top:0; left:-3px; width:4px; height:26px; background:url(../images/common/btn_ty6_left_bg.png) left no-repeat;}
.btn_ty6 .rt { position:absolute; top:0; right:-3px; width:4px; height:26px; background:url(../images/common/btn_ty6_right_bg.png) left no-repeat;}

.btn_ty6 .save { width:14px; height:13px; background:url(../images/ico/btn_ico_save.png) left 1px no-repeat; background-size:12px; padding:2px 4px 0 12px;}
.btn_ty2 .excell { width:12px; height:12px; background:url(../images/ico/btn_ico_excell.png) left no-repeat; background-size:10px; padding:2px 5px 0 10px;}
.btn_ty2 .excell2 { width:12px; height:12px; background:url(../images/ico/btn_ico_excell2.png) left no-repeat; background-size:10px; padding:2px 5px 0 10px;}
.btn_ty2 .close { width:12px; height:12px; background:url(../images/ico/btn_ico_close.png) left 50% no-repeat; background-size:14px; padding:0px 8px 1px 10px;}
.btn_ty2 .regi { width:12px; height:12px; background:url(../images/ico/btn_ico_regi.png) left 1px no-repeat; background-size:10px; padding:2px 5px 0 10px;}
.btn_ty2 .del { width:12px; height:12px; background:url(../images/ico/btn_ico_del.png) left no-repeat; background-size:12px; padding:2px 5px 0 10px;}
.btn_ty2 .list { width:12px; height:13px; background:url(../images/ico/btn_ico_list.png) left 1px no-repeat; background-size:12px; padding:2px 5px 1px 10px;}
.btn_ty2 .modifi { width:12px; height:12px; background:url(../images/ico/btn_ico_modifi.png) left 50% no-repeat; background-size:14px; padding:2px 9px 2px 10px;}
.btn_ty2 .search { width:14px; height:13px; background:url(../images/ico/idw_s_ico.png) left 62% no-repeat; background-size:13px; padding:0px 5px 0 13px;}
.btn_ty2 .prev { width:14px; height:13px; background:url(../images/ico/btn_ico_left.png) left 1px no-repeat; background-size:10px; padding:2px 5px 0 11px;}
.btn_ty2 .next { width:14px; height:13px; background:url(../images/ico/btn_ico_right.png) right 1px no-repeat; background-size:10px; padding:2px 12px 0 4px;}
.btn_ty2 .add { width:14px; height:13px; background:url(../images/ico/btn_ico_add.png) left 1px no-repeat; background-size:12px; padding:2px 4px 0 12px;}
.btn_ty2 .save { width:14px; height:13px; background:url(../images/ico/btn_ico_save.png) left 1px no-repeat; background-size:12px; padding:2px 4px 0 12px;}
.btn_ty2 .save2 { width:14px; height:13px; background:url(../images/ico/btn_ico_save2.png) left 1px no-repeat; background-size:12px; padding:2px 4px 0 12px;}
.btn_ty2 .wri { width:14px; height:13px; background:url(../images/ico/btn_ico_wri.png) left 50% no-repeat; background-size:12px; padding:2px 4px 0 12px;}
.btn_ty2 .confirm { width:14px; height:13px; background:url(../images/ico/btn_ico_confirm.png) left 1px no-repeat; background-size:12px; padding:2px 4px 0 12px;}
.btn_ty2 .main { width:14px; height:13px; background:url(../images/ico/btn_ico_main.png) left 2px no-repeat; background-size:14px; padding:2px 4px 0 12px;}
.btn_ty2 .auth { width:14px; height:13px; background:url(../images/ico/btn_ico_auth.png) left 50% no-repeat; background-size:12px; padding:0px 4px 0 12px;}
.btn_ty2 .tree_open { width:14px; height:13px; background:url(../lib/SBGrid25/img/grid/group_collapse3.gif) left 50% no-repeat; background-size:12px; padding:0px 4px 0 12px;}
.btn_ty2 .tree_close { width:14px; height:13px; background:url(../lib/SBGrid25/img/grid/group_open3.gif) left 50% no-repeat; background-size:12px; padding:0px 4px 0 12px;}
.btn_ty5 .type1 { width:14px; height:13px; background:url(../images/ico/btn_ico_eco1.png) left 1px no-repeat; background-size:12px; padding:2px 4px 0 12px;}
.btn_ty5 .type2 { width:14px; height:13px; background:url(../images/ico/btn_ico_eco2.png) left 2px no-repeat; background-size:12px; padding:2px 4px 0 12px;}
.btn_ty5 .type3 { width:14px; height:13px; background:url(../images/ico/btn_ico_eco3.png) left 1px no-repeat; background-size:12px; padding:2px 4px 0 12px;}
.btn_ty6 .type4 { width:14px; height:13px; background:url(../images/ico/btn_ico_eco4.png) left 1px no-repeat; background-size:12px; padding:2px 4px 0 12px;}
.btn-area .type1 { width:14px; height:13px; background:url(../images/ico/btn_ico_eco1.png) left 1px no-repeat; background-size:12px; padding:2px 4px 0 12px;}
.btn-area .type2 { width:14px; height:13px; background:url(../images/ico/btn_ico_eco2.png) left 2px no-repeat; background-size:12px; padding:2px 4px 0 12px;}
.btn-area .type3 { width:14px; height:13px; background:url(../images/ico/btn_ico_eco3.png) left 1px no-repeat; background-size:12px; padding:2px 4px 0 12px;}
.btn-area .type4 { width:14px; height:13px; background:url(../images/ico/btn_ico_eco4.png) left 1px no-repeat; background-size:12px; padding:2px 4px 0 12px;}
.btn_sms1 { height:13px; padding:5px 48px 5px 53px; background:#1f9fab url(../images/ico/sms_ico1.png) 30px 6px no-repeat; background-size:14px; font-size:12px; color:#fff; border-radius:5px; border:1px solid #187c84}
.btn_sms2 { padding:5px 48px 5px 53px;  height:13px; background:#82aa22 url(../images/ico/sms_ico2.png) 30px 5px no-repeat; background-size:13px; font-size:12px; color:#fff; border-radius:5px; border:1px solid #648613;}
.btn_ty3 { position:relative; display:inline-block; background:url(../images/common/btn_ty3_bg.png) repeat-x; padding:6px 20px; border-radius:3px; border:1px solid #3f8bcb; line-height:15px; font-size:12px; color:#fff; font-weight:bold;}
.btn_ty4 { position:relative; display:inline-block; background:url(../images/common/btn_ty4_bg.png) repeat-x; padding:6px 20px; border-radius:3px; border:1px solid #d1d0d0; line-height:15px; font-size:12px; color:#555; font-weight:bold;}
.btn_3 {padding:6px 20px; display:inline-block; background:#a2a2a2; border-radius:5px; color:#fff;}
.btn_4 {display:inline-block;width:49px; height:26px; background:url(../images/common/btn_s_1_bg.png) no-repeat; text-align:center; font-weight:bold; line-height:26px; color:#444; font-size:12px; font-family:'돋움';}
.btn_ty2 .fileup {background:url(../images/ico/btn_ico_fileup.png) left 2px no-repeat; padding:2px 5px 0 12px;}
.btn_ty2 .del2 {background:url(../images/ico/btn_ico_del02.png) left 2px no-repeat; padding:2px 5px 0 12px;}
.btn_zipcode, .btn_ingrey{display:inline-block; font-size:12px; color:#fff; letter-spacing:-0.5px; font-weight:bold;
 background:#768289; padding:2px 8px; line-height:20px; border-radius:2px; vertical-align:middle; }

/*user*/
.user_wrap .btn_ty1, .user_wrap .btn_ty2, .user_wrap .btn{font-family:'Malgun Gothic','Noto Sans KR',sans-serif, Dotum}
.user_wrap .btn_ty1 {height:auto; padding:0 10px; display:inline-block; background:#1585bb; border:0px; border-radius:2px;
font-size:12px; color:#fff; letter-spacing:0px; font-weight:bold; line-height:24px;}
.user_wrap .btn_ty2{position:relative; display:inline-block; vertical-align:middle; background:none; border:1px solid /* #b5b5b5 */#c8c8c8; padding:6px 10px 7px; line-height:14px; font-size:12px; color:#444; font-weight:bold; letter-spacing:-1px;}
.user_wrap .btn_ty2:hover{border: 1px solid #898989; box-shadow: 0px 1px 1px 0px rgba(95,95,95,0.2);}
.user_wrap .btn_ty2.ty02{overflow:hidden; vertical-align:middle}
.user_wrap .btn_ty2.ty02.mr10{margin-right:3px !important;}
.user_wrap .btn_ty2.grid{border:0px; font-size:12px; padding:0px 7px 0px; line-height:21px; height:auto; border-radius:2px;}
.user_wrap .btn_ty2.ty03{border:1px solid #0073ab; background-color:#0073ab; color:#fff;}
.user_wrap .btn_ty2.ty04{border:1px solid /* #449f90 #18a899*/#3ab4c9; background-color:/* #449f90 #18a899*/#3ab4c9; color:#fff;}
.user_wrap .btn_ty2.ty04>span{display:none;}
.user_wrap .btn_ty3 {background:#0073ab; border:1px solid #0073ab; padding:6px 20px; border-radius:2px; line-height:15px; font-size:13px; color:#fff; font-weight:bold;}
.user_wrap .btn_ty4 {background:#fff; border:1px solid #d1d0d0; padding:6px 20px; border-radius:2px; line-height:15px; font-size:13px; color:#555; font-weight:bold;}
.user_wrap .btn_ty2.ty05{position:relative; display:inline-block; border:1px solid #449f90; line-height:15px; font-size:12px; color:#fff; font-weight:bold;}
.user_wrap .btn_ty2 .lt, .user_wrap .btn_ty2 .rt{position:absolute; top:0; right:-3px; width:0px; background:none;}
.user_wrap .btn_ty2 .list{width:12px; height:12px; background:url(../images/ico/btn_ico_list.png) left 4px no-repeat; padding: 2px 5px 1px 10px;}
.user_wrap .btn_ty2 .excell{width:12px; height:12px; background:url(../images/ico/btn_ico_excell.png) left 4px no-repeat; padding:2px 5px 0 10px }
.user_wrap .btn_ty2 .excell2{width:12px; height:12px; background:url(../images/ico/btn_ico_excell2.png) left 4px no-repeat; padding:2px 5px 0 10px;}
.user_wrap .btn_ty2 .regi {background:url(../images/ico/btn_ico_regi.png) left 4px no-repeat; padding:2px 7px 0 10px;}
.user_wrap .btn_ty2 .save {background:url(../images/ico/btn_ico_save.png) left 4px no-repeat; padding:2px 4px 0 12px;}
.user_wrap .btn_ty2 .fileup {background:url(../images/ico/btn_ico_fileup.png) left 5px no-repeat; padding:2px 5px 0 12px;}
.user_wrap .btn_ty2 .del2 {background:url(../images/ico/btn_ico_del02.png) left 5px no-repeat; padding:2px 5px 0 12px;}
.user_wrap .btn_ty2 .confirm {background:url(../images/ico/btn_ico_confirm.png) left 4px no-repeat;padding:2px 5px 0 12px;}
.user_wrap .btn_ty2 .reset {background:url(../images/ico/btn_ico_confirm.png) left 4px no-repeat;padding:2px 5px 0 12px;}
.user_wrap .btn_ty2 .add {background-position:left 4px; padding:2px 4px 0 12px;}
.user_wrap .btn_ty2 .del{background-position:left 4px;}
.user_wrap .btn_ty2 .direc {background:url(../images/ico/btn_icon_direc.png) left 40% no-repeat; padding:0 0 0 12px;}
.user_wrap .btn_ty2 .type1{background:url(../images/ico/btn_ico_eco1.png) left 4px no-repeat; background-size:12px; padding:2px 7px 0 12px;}
.user_wrap .btn_ty2 .type2 {background:url(../images/ico/btn_ico_eco2.png) left 4px no-repeat; background-size:12px; padding:2px 7px 0 12px;}
.user_wrap .btn_ty2 .type3 {background:url(../images/ico/btn_ico_eco3.png) left 4px no-repeat; background-size:12px; padding:2px 7px 0 12px;}
.user_wrap .btn_ty2 .type4 {background:url(../images/ico/btn_ico_eco3.png) left 4px no-repeat; background-size:12px; padding:2px 7px 0 12px;}
.user_wrap .btn_ty8.btn_icon01{padding:11px 30px 11px 60px; background:#0073ab url(../images/btn/btn_info_icon.png) 28px 50% no-repeat;}

.pbtn_area{padding-top:20px; text-align:center;}
.pbtn_area02{text-align:center;}
.btn{font-weight:bold; letter-spacing:-1px; text-align:center; display:inline-block; line-height:30px; padding:0 28px 0; border-radius:2px; vertical-align:middle; display:inline-block;}
.btn_blue, .btn_blue:visited, .btn_blue:active{font-size:13px; color:#fff !important; background-color:/* #0073ab */ #1585bb !important; border:1px solid #1585bb !important;}
.btn_blue:hover{background-color:#006393 }
.btn_skyblue, .btn_skyblue:visited, .btn_skyblue:active{font-size:13px; color:#fff; background-color:#41bed4 !important; border:1px solid #41bed4 !important;}
.btn_skyblue:hover{background-color:#3ab4c9 }
.btn_grey, .btn_grey:visited, .btn_grey:active{font-size:13px; color:#fff; background-color:#868585 !important; border:1px solid #868585 !important;}
.btn_grey:hover{background-color:#868585}
.btn_white, .btn_white:visited, .btn_white:active{font-size:13px; color:#555; background-color:#fff !important; border:1px solid #adadad !important;}
.btn_white:hover{background-color:#fafbfd}
.btn_green, .btn_green:visited, .btn_green:active{font-size:13px; color:#fff; background-color:#249b87 !important; border:1px solid #249b87 !important;}
.btn_green:hover{background-color:#1f9480}

a.layer_close, a.layer_close:visited, a.layer_close:active{font-size:13px; color:#fff; background-color:#8c8c8c; border:1px solid #8c8c8c;}
a.layer_close:hover{background-color:#868585}
a.layer_close.type02{width:26px; height:26px; float:right; text-indent:-9999px; background: url(../images/popup/pop_close_2.png) 0 0 no-repeat; border:none;}

.btn02{font-family:'Noto Sans KR',sans-serif,'Malgun Gothic',Dotum; font-weight:bold; letter-spacing:-1px; text-align:center; display:inline-block; line-height:41px; padding:0 35px 0; border-radius:2px; vertical-align:middle; display:inline-block;}
.btn_blue.ty02{font-size:15px; letter-spacing:-0.5px; background-color:#0065ab;}
.btn_blue.ty02:hover{background-color:#0065ab;}
.btn_skyblue.ty02{font-size:15px; letter-spacing:-0.5px;}
.btn_grey.ty02 {font-size:15px; letter-spacing:-0.5px;}
.btn_green.ty02{font-size:15px; color:#fff; letter-spacing:-0.5px; background-color:#249b87;}

.t_grey, td.t_grey{color:#848484}
.t_red, td.t_red{color:#cc3333}

/* 테이블 */
.tbl-type .search_area input {padding:0; margin-top:-1px !important}
.tbl-type,.tbl-type th,.tbl-type td {border:none;text-align:left; font-size:14px;}
.tbl-type.txt-c,.tbl-type.txt-c th,.tbl-type.txt-c td {text-align:center !important}
.tbl-type.txt-c td.txt-l, .tbl-type.txt-c th.txt-l {text-align:left !important}
.tbl-type.txt-c td.txt-r, .tbl-type.txt-c th.txt-r {text-align:right !important}
.tbl-type th,.tbl-type th a {font-size:12.5px}
.tbl-type th label {font-size:12.5px}
.tbl-type td label {font-size:12px}
.tbl-type {width:100%;/* border-top:1px solid #3d6ad7; */border-top:1px solid /* #1585bb */#333; border-bottom:1px solid #dbdbdb;  border-collapse:collapse; table-layout:fixed}
/* .user_wrap .tbl-type{border-top:1px solid #5f5f5f;} */
.ie7 .tbl-type {border-collapse:collapse;border-spacing: 0}
.tbl-type th {padding:5px; color:/* #13426a */#333; font-size___:/* 12px */12.5px; border-top:1px solid #d1d1d1; border-right:1px solid #d1d1d1;
background:/* #eef3f6 */#f6f7f8;font-weight:bold;vertical-align:middle;letter-spacing:-0.5px}
*:first-child+html .tbl-type th{padding:5px 0 5px 5px;}
.tbl-type td {/* padding:5px 20px; */ padding:5px 10px; border-top:1px solid #e5e5e5;border-right:1px solid #e5e5e5;color:#555;background:#fff;vertical-align:middle;line-height:21px; /*j min-height:35px;*/ word-break:break-all}
.ie7 .tbl-type td {line-height:24px;}
.tbl-type tr th:last-child, .tbl-type tr td:last-child {border-right:none !important}
.tbl-type tr.division th, .tbl-type tr.division td {border-top:1px solid #c7c7c7 !important}
.tbl-type thead th {padding:7px 10px; text-align:center; border-bottom:1px solid #d1d1d1;border-top:none}
.tbl-type tbody th {padding:5px 10px}
.tbl-type tbody {position:relative;top:-1px}
.tbl-type tbody tr:first-child th, .tbl-type tbody tr:first-child td {border-top:none !important}
.tbl-type thead tr:first-child th, .tbl-type head tr:first-child td {border-top:none !important}
.tbl-type tbody tr:first-child th.tbl-o-bt-dark, .tbl-type tbody tr:first-child td.tbl-o-bt-dark {border-top:solid 1px #636363 !important}
.tbl-type tfoot th {font-weight:normal;padding:7px 20px;border-top:1px solid #d1d1d1 !important;font-size:12px !important}
.tbl-type tfoot td {font-weight:normal;padding:7px 20px;border-top:1px solid #d1d1d1 !important;background:#ececec;font-size:12px !important}
.tbl-type tfoot th.b {border-right:1px solid #d1d1d1 !important}
.tbl-type tfoot strong {font-weight:bold;color:#000}
.tbl-type em {color:#0087e5}
.tbl-type .point {color:red; padding-right:5px;}
.tbl-type td.br0 {border-right:0}
.tbl-type td .btn-pack.btn-type-2,.tbl-type td .btn-pack.btn-type-2 * {*position:static !important;/* padding:0 0 0 4px !importnat; */}
.tbl-type td .btn-pack.btn-type-2c,.tbl-type td .btn-pack.btn-type-2c * {*position:static !important;/* padding:0 0 0 4px !importnat; */}
.tbl-type .btn-calendar, .pop-inner .tbl-type .btn-calendar {font-size:0 !important;line-height:0 !important;vertical-align:top}
.tbl-type .btn-calculator, .pop-inner .tbl-type .btn-calculator {font-size:0 !important;line-height:0 !important;vertical-align:top}
.tbl-type span.tit {font-weight:bold}
.tbl-type .table-info {font-size:12px; display:block; padding:3px; color:#666;}
.tbl-type tr th.dth-r {border-right:1px solid #d1d1d1 !important}
.tbl-type tr td.dtd-r {border-right:1px solid #e5e5e5 !important}
.tbl-type tr.tbl-tr-hidden td {padding-top:0;padding-bottom:0;border:none;height:0;line-height:0}
.tbl-type input[type="checkbox"],.tbl-type input[type="radio"] {margin-left:20px}
.tbl-type input[type="checkbox"]:first-child,.tbl-type input[type="radio"]:first-child {margin-left:0 !important}
.tbl-type strong {color:#000}
/*j.tbl-type select { margin:3px 0}*/
.tbl-type input[type="text"],.tbl-type input[type="password"] {/* font-family:Arial, 'Malgun Gothic',Dotum; font-size:13px; */color:#353535; width:100%; border:1px solid #ccc; height:18px; padding-left:3px; vertical-align:middle}
.tbl-type input[type="checkbox"] {width:13px; height:13px; border:1px solid #4e4e4e; vertical-align:middle;}
.textarea {width:100%; margin-top:3px; min-height:100px;}
.tbl-type.ty1 td {text-align:center; padding:5px 3px;}
.tbl-type.ty1 dl dt {text-align:left; margin:5px 20px 0 15px; padding-left:8px; font-size:13px; text-align:left; color:#13426a; font-weight:bold;}
.tbl-type.ty1 dl dd {margin:5px 20px 0 20px; background:url(../images/common/li-bg-ty2.gif) left 8px no-repeat; padding-left:10px; text-align:left; color:#555}
.tbl-type.ty2 {padding-bottom:0 !important; border-left:1px solid #dbdbdb; border-right:1px solid #dbdbdb}
.tbl-type.ty2 thead th {padding:13px 10px !important; font-size:13px;}
.tbl-type.ty2 td {padding:9px 10px; font-size:13px; text-align:center;}
.tbl-type.ty3 {padding-bottom:0 !important; border-left:1px solid #dbdbdb; border-right:1px solid #dbdbdb}
.tbl-type.ty3 thead th {padding:13px 10px !important; font-size:13px;}
.tbl-type.ty3 td {padding:8px 10px; line-height:22px; font-size:13px; text-align:center;}
.tbl-type.ty4 {padding-bottom:0 !important;}
.tbl-type.ty4 thead th {padding:13px 10px !important; border:0; font-size:12px;}
.tbl-type.ty4 td {padding:6px 10px; line-height:22px;font-size:12px;  border-right:0;  text-align:center;}
.tbl-type.ty4 tbody tr:hover td {background:#f8f7f2; color:#aa6615}
.tbl-type.ty5 td {padding:5px 10px; height:25px; }
.tbl-type.ty5 td.tel>select{width:67px;}
.tbl-type.ty5 td.tel>input{width:70px;}
.tbl-type.over tbody tr:hover td {background:#f8f7f2; color:#aa6615}
.tbl-type.sms {border:1px solid #dddcdc !important;}
.tbl-type.sms th {background:#eef3f6 url(../images/common/sms_table_bg.png) left bottom no-repeat; border:0; border-bottom:1px solid #e5e5e5; padding:10px 10px}
.tbl-type.sms th:first-child {background-image:none; }
.tbl-type.sms td {border-right:0; text-align:center}
.tbl-type.task th {padding:6px 10px 5px 10px !important; line-height:22px;font-size:12px;  border-right:0;  text-align:center;}
.tbl-type.task td {padding:5px 10px; line-height:22px;font-size:12px;  border-right:0;  text-align:center;}
.tbl-type.intro th {padding:9px 10px; line-height:19px; }
.tbl-type.intro td {padding:9px 10px; line-height:19px; font-size:13px; letter-spacing:0px; text-align:center;}
.tbl-type.intro tr.td_excep td {padding-top:26px;}

.tbl-type.type_task {width: 100%;  border-top: 1px solid #3b3b3b; border-bottom: 1px solid #dbdbdb; border-collapse: separate; table-layout: fixed;}
.tbl-type.type_task th {height:31px; font-size:12px; color:#3a3a3a;  border-right:0;  text-align:center;}
.tbl-type.type_task td {font-size:14px; color:#3e5b95; font-weight: bold; border-right:0; text-align:center;}

.tbl-type.type_task2 {padding-bottom:0 !important; border-top: 1px solid #3b3b3b; border-left:1px solid #dbdbdb; border-right:1px solid #dbdbdb}
.tbl-type.type_task2 thead th {padding:12px 10px !important; font-size:13px;}
.tbl-type.type_task2 td {padding:8px 10px; /* line-height:22px; */ font-size:13px; text-align:center;}

.tbl-type.visit {margin-top:10px; border-left:0; border-right:0}
.tbl-type.visit td {text-align:center; padding:5px 3px;}
.tbl-type.visit td.v_td {background:#fafafa; padding:10px; font-weight:bold; color:#666}
.tbl-type.visit th {text-align:center; padding:10px 3px;}
.tbl-type.visit th {border-right:0;}
.tbl-type.visit dl dt {text-align:left; margin:5px 20px 0 15px; padding-left:8px; font-size:13px; text-align:left; color:#13426a; font-weight:bold;}
.tbl-type.visit dl dd {margin:5px 20px 0 20px; background:url(../images/common/li-bg-ty2.gif) left 8px no-repeat; padding-left:10px; text-align:left; color:#555}
#accordian table {border-top:0;}
.tbl-type td.pd5{padding:5px 5px;}
td.brd_none{border-right:none;}
td.tdin_input>select{width:71px !important; min-width:auto}
td.tdin_input>input[type="text"], td.tdin_input>input[type="password"]{width:68px}

.tbl-type tbody tr:first-child th.tdborder, .tbl-type tbody tr:first-child td.tdborder{border-top:1px solid #ef8a03 !important}
.tbl-type tr th.tdborder:last-child, .tbl-type tr td.tdborder:last-child {border-right:1px solid #ef8a03 !important}
.tdborder{border:1px solid #ef8a03 !important;}
.trborder>th, .trborder>td{border-top:1px solid #ef8a03 !important; border-bottom:1px solid #ef8a03 !important;}
.trborder>th:first-child{border-left:1px solid #ef8a03 !important;}
.trborder>td:last-child, .tbl-type tr.trborder td:last-child{border-right:1px solid #ef8a03 !important;}

/* select */
@media screen\0 {
    .ie89 select {padding-right:0 \0/IE9; background:none /IE9; height:24px \0/IE9; min-width:80px \0/IE9;}
}
_:-ms-fullscreen, :root {/*padding:1px 30px 3px 5px;*/}
:root select {padding-right:0 \0/IE9;padding-top:0 \0/IE9;padding-bottom:0 \0/IE9; background:none /IE9; height:24px \0/IE9; min-width:100px \0/IE9;}
select {
    padding:2px 23px 2px 5px; /* 여백으로 높이 설정 */
    font-family: inherit;  /* 폰트 상속 */
    background:#fff url(../images/common/select_bg_2.png) no-repeat 100% 50%; /* 네이티브 화살표를 커스텀 화살표로 대체 */
    border: 1px solid #ccc;
    border-radius: 0px; /* iOS 둥근모서리 제거 */
    -webkit-appearance: none; /* 네이티브 외형 감추기 */
    -moz-appearance: none;
    appearance: none;
    vertical-align:middle;}
select::-ms-expand {display: none;}

/* 탭 */
#tabcontainer { width:100%; margin:10px auto; overflow_:hidden}
#tabcontainer:after{content:""; display:block; clear:both}
ul.tabs { margin: 0; padding: 0; float: left; list-style: none; height: 36px; border-bottom: 1px solid #1b4dac; border-left: 1px solid #eee; width: 100%; font-family:'Malgun Gothic',"dotum"; font-size:13px;}
ul.tabs li {overflow: hidden; position: relative; float: left; text-align:center; /*j width:114px;*/ min-width:100px; padding: 0 10px; height: 35px; margin-left:-1px; line-height: 35px; background:#fff; border: 1px solid #cbcbcb; border-bottom:0; font-weight: bold; color:#555; cursor: pointer;}
ul.tabs li a {width:100%; display:inline-block;}
ul.tabs li:hover {}
ul.sb_tabs { margin: 0; padding: 0; float: left; list-style: none; height: 35px; border-bottom: 1px solid #eee; border-left: 1px solid #eee; width: 100%; font-family:"dotum"; font-size:12px;}
ul.sb_tabs li {overflow: hidden; position: relative; float: left; text-align:center; /*j width:112px;*/ min-width:100px; padding:0 10px; height: 35px; margin-left:-1px;  line-height: 35px; border: 1px solid #cbcbcb; font-weight: bold; color:#555;
/* background:url(../images/common/tab_bg.png) repeat-x; */ }
ul.sb_tabs li a {width:100%; display:inline-block;}
ul.sb_tabs li.active { background: #1b4dac; border-top:1px solid #6a91cc; color:#fff!important}
ul.tabs li.active {background: #1b4dac; border-bottom:0; border-top: 1px solid #6a91cc; color:#fff !important}
.user_wrap ul.tabs{border-bottom:1px solid #cbcbcb; font-size:13px;}
.user_wrap ul.tabs li.active {background:#0073ab}

ul.tabs1 { margin: 0;list-style:none;display: inline-block;  padding: 3px 0px; vertical-align:middle; list-style: none; height: 62px; border-left: 1px solid #eee; width: 100%; font-family:"dotum"; font-size:0.70em;word-wrap: break-word;}
ul.tabs1 li {overflow: hidden; float: left; display:inline-block; text-align:center; width:196px; height: 60px; margin-left:-1px; background:url(../images/common/tab_bg.png) repeat-x; border: 1px solid #cbcbcb; font-weight: bold; color:#555; cursor: pointer;}
ul.tabs1 li span.litext{display:inline-block;vertical-align:middle; margin-top: 10px;}
ul.tabs1 li a {width:100%; display:inline-block;}
ul.tabs1 li:hover {}
ul.tabs1 li.active { background: #fff; border-bottom:0; border-top: 1px solid #6a91cc; color:#0e4986 !important}

ul.tabs2 { margin: 0; padding: 0; float: left; list-style: none; height: 35px; border-bottom: 1px solid #eee; border-left: 1px solid #eee; width: 100%; font-family:"dotum"; font-size:12px;}
ul.tabs2 li {overflow: hidden; position: relative; float: left; text-align:center; width:112px; height: 35px; margin-left:-1px; background:url(../images/common/tab_bg.png) repeat-x; line-height: 35px; border: 1px solid #cbcbcb; font-weight: bold; color:#555; cursor: pointer;}
ul.tabs2 li a {width:100%; display:inline-block;}
ul.tabs2 li:hover {}
ul.tabs2 li.active { background: #fff; border-bottom:0; border-top: 1px solid #6a91cc; color:#0e4986 !important}

.tab_container {clear: both; float: left; width: 100%;}
/*.tab_content { font-size: 12px; display: none;}
.tab_container .tab_content ul { } 2020.04.24 chun SBGrid 전환시 디자인 깨짐으로 주석*/
/* .tab_container .tab_content ul>li { padding:7px 5px;list-style:none} 2019.1.2 ejkim 탭이 있는 네비게이션의 css 주석처리 */
.tab_content1 { font-size: 12px;}
.tab_container .tab_content1 ul { }
.tab_container .tab_content1 ul>li { padding:7px 5px;list-style:none}
.tab_content2 { font-size: 12px; display: none;}
.tab_container .tab_content2 ul { }
.tab_container .tab_content2 ul>li { padding:7px 5px;list-style:none}

/* pagination */
.pagination2 { margin:5px auto; padding: 20px; text-align:center}
.pagination2 li {display:inline-block;}
.page.no {border:0;}
.page {font-family:'굴림'; font-size: 12px; color: #585858; text-align:center;
width:18px; border-left:1px solid #d0d0d0; display: inline-block;  }
.pagination2 .ico{padding:0;}
.pagination2 .bn {border:0;}
.page a:hover {font-size:12px; color:#d76601; font-weight:bold; text-decoration:underline;}
.pagination2 .page.active {font-size:12px; color:#d76601; font-weight:bold; text-decoration:underline;}

/* 그리드 대응 */
.sbgrid-ui-datepicker-month, .sbgrid-ui-datepicker-year {padding:0 0 0 5px !important}
.grid_area {width:100%; height:100%; min-height:50px; background:#eee; text-align:center; color:#fff; font-size:30px; clear:both }
.pop-layer .pop-container { padding: 20px 25px;}
.pop-layer h4 {font-size:15px; color:#1c5aa4}
.pop-layer p.ctxt { color: #666; line-height: 25px;}
.pop-layer .btn-area { margin-bottom:0}
.pop-layer { display: none; position: absolute; top: 50%; left: 50%; width: 410px; height: auto; background-color: #fff; border: 5px solid #3e8ad1; z-index: 10;}
.dim-layer { display: none; position: fixed; _position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 999;}
.dim-layer .dimBg {position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #000; opacity: .5; filter: alpha(opacity=50);}
.dim-layer .pop-layer { display: block;}
.pop-layer .info_li {margin-top:20px; margin-bottom:10px;}
.pop-layer .info_li li {background:url(../images/common/li-bg-ty2.gif) left no-repeat; padding-left:10px; color:#666; line-height:23px; font-size:12px;}
.subway1 {border:1px solid #eaa426; border-radius:3px; color:#eaa426; font-size:11px; padding:2px;}
.grid_warp{background-color:#f8f8f8; padding:10px;}
.grid_box{width:48.5%; margin:0.5%; text-align:left; display:inline-block; vertical-align:top;}

/* 1001 task_pagination */
.pagination2.task{ margin:20px auto 0; padding:4px 0; text-align:center;}
.pagination2.task > a.page {width:22px; border:1px solid #cfcfcf; margin:0 1px; padding:4px 0px 3px; display: inline-block; font-size: 12px; font-family:'굴림'; text-align:center; color: #585858;}
.pagination2.task > a.page.bn {background-color:#0667b9; color:#fff; border:1px solid #0667b9; color:#fff; font-weight:bold; vertical-align:middle;}
.pagination2.task > a.page.icon {padding:3px 0px 4px; vertical-align:middle}
/*1001*/
.btn_box01{margin-top:22px; text-align:center;}
.btn_box02{}
.btn_ty7{font-size:12px; color:#fff; font-weight:bold; letter-spacing:-1px; position:relative; display:inline-block; background-color:#31629c; border-radius:2px; padding:6px 12px;  }
.btn_ty7.cgray{background-color:#868686}

.btn_ty8{font-size:15px; color:#fff; line-height:17px; font-weight:bold; position:relative; display:inline-block; background-color:#31629c; border-radius:2px; padding:11px 30px;  }
.btn_ty8.cgray{background-color:#868686}
.btn_ty8.btn_icon01{padding:12px 30px 12px 60px; background:#31629c url(../images/btn/btn_info_icon.png) 28px 50% no-repeat;}
.btn_uidpw{font-size:15px; letter-spacing:-1px; font-weight:bold; color:#fff; border-radius:3px; background-color:#0073ab; width:100%; padding:11px 0 12px; text-align:center; display:block}