@charset "utf-8";



.responsiveEle {display:none; width:0; height:0; position:absolute; top:-9999em; left:-9999em; margin:0; padding:0; box-sizing:border-box;}
.responsiveEle#responsiveEle_pc {display:block;}
.responsiveEle#responsiveEle_tablet {display:none;}
.responsiveEle#responsiveEle_mobile {display:none;}

@media screen and (max-width:1280px){
	
}

@media screen and (max-width:1240px){
	.responsiveEle#responsiveEle_pc {display:none;}
	.responsiveEle#responsiveEle_tablet {display:block;}
	.responsiveEle#responsiveEle_mobile {display:none;}
}

@media screen and (max-width:1080px){
	
}

@media screen and (max-width:960px){
	
}

@media screen and (max-width:840px){
	
}

@media screen and (max-width:768px){
	.responsiveEle#responsiveEle_pc {display:none;}
	.responsiveEle#responsiveEle_tablet {display:none;}
	.responsiveEle#responsiveEle_mobile {display:block;}
}

@media screen and (max-width:730px){
	
}

@media screen and (max-width:685px){
	
}

@media screen and (max-width:640px){
	
}

@media screen and (max-width:560px){
	
}

@media screen and (max-width:480px){
	
}

@media screen and (max-width:420px){
	
}

@media screen and (max-width:360px){
	
}

@media screen and (max-width:320px){
	
}



/* 기본 및 공통 스타일 관련 :: S */
.ma_0 {margin:0 !important;}
.ma_5 {margin:5px !important;}
.ma_10 {margin:10px !important;}
.ma_20 {margin:20px !important;}
.ma_30 {margin:30px !important;}
.ma_40 {margin:40px !important;}
.ma_50 {margin:50px !important;}

.mv_5 {margin:5px 0 !important;}
.mv_10 {margin:10px 0 !important;}
.mv_20 {margin:20px 0 !important;}
.mv_30 {margin:30px 0 !important;}
.mv_40 {margin:40px 0 !important;}
.mv_50 {margin:50px 0 !important;}

.mh_5 {margin:0 5px !important;}
.mh_10 {margin:0 10px !important;}
.mh_20 {margin:0 20px !important;}
.mh_30 {margin:0 30px !important;}
.mh_40 {margin:0 40px !important;}
.mh_50 {margin:0 50px !important;}

.mt_0 {margin-top:0 !important;}
.mt_5 {margin-top:5px !important;}
.mt_10 {margin-top:10px !important;}
.mt_20 {margin-top:20px !important;}
.mt_30 {margin-top:30px !important;}
.mt_40 {margin-top:40px !important;}
.mt_50 {margin-top:50px !important;}

.mb_0 {margin-bottom:0 !important;}
.mb_5 {margin-bottom:5px !important;}
.mb_10 {margin-bottom:10px !important;}
.mb_20 {margin-bottom:20px !important;}
.mb_30 {margin-bottom:30px !important;}
.mb_40 {margin-bottom:40px !important;}
.mb_50 {margin-bottom:50px !important;}

.ml_0 {margin-left:0 !important;}
.ml_5 {margin-left:5px !important;}
.ml_10 {margin-left:10px !important;}
.ml_20 {margin-left:20px !important;}
.ml_30 {margin-left:30px !important;}
.ml_40 {margin-left:40px !important;}
.ml_50 {margin-left:50px !important;}

.mr_0 {margin-right:0 !important;}
.mr_5 {margin-right:5px !important;}
.mr_10 {margin-right:10px !important;}
.mr_20 {margin-right:20px !important;}
.mr_30 {margin-right:30px !important;}
.mr_40 {margin-right:40px !important;}
.mr_50 {margin-right:50px !important;}

.pa_0 {padding:0 !important;}
.pa_5 {padding:5px !important;}
.pa_10 {padding:10px !important;}
.pa_20 {padding:20px !important;}
.pa_30 {padding:30px !important;}
.pa_40 {padding:40px !important;}
.pa_50 {padding:50px !important;}

.pv_5 {padding:5px 0 !important;}
.pv_10 {padding:10px 0 !important;}
.pv_20 {padding:20px 0 !important;}
.pv_30 {padding:30px 0 !important;}
.pv_40 {padding:40px 0 !important;}
.pv_50 {padding:50px 0 !important;}

.ph_5 {padding:0 5px !important;}
.ph_10 {padding:0 10px !important;}
.ph_20 {padding:0 20px !important;}
.ph_30 {padding:0 30px !important;}
.ph_40 {padding:0 40px !important;}
.ph_50 {padding:0 50px !important;}

.pt_0 {padding-top:0 !important;}
.pt_5 {padding-top:5px !important;}
.pt_10 {padding-top:10px !important;}
.pt_20 {padding-top:20px !important;}
.pt_30 {padding-top:30px !important;}
.pt_40 {padding-top:40px !important;}
.pt_50 {padding-top:50px !important;}

.pb_0 {padding-bottom:0 !important;}
.pb_5 {padding-bottom:10px !important;}
.pb_10 {padding-bottom:10px !important;}
.pb_20 {padding-bottom:20px !important;}
.pb_30 {padding-bottom:30px !important;}
.pb_40 {padding-bottom:40px !important;}
.pb_50 {padding-bottom:50px !important;}

.pl_0 {padding-left:0 !important;}
.pl_5 {padding-left:5px !important;}
.pl_10 {padding-left:10px !important;}
.pl_20 {padding-left:20px !important;}
.pl_30 {padding-left:30px !important;}
.pl_40 {padding-left:40px !important;}
.pl_50 {padding-left:50px !important;}

.pr_0 {padding-right:0 !important;}
.pr_5 {padding-right:5px !important;}
.pr_10 {padding-right:10px !important;}
.pr_20 {padding-right:20px !important;}
.pr_30 {padding-right:30px !important;}
.pr_40 {padding-right:40px !important;}
.pr_50 {padding-right:50px !important;}

.wid_30 {width:30px !important;}
.wid_40 {width:40px !important;}
.wid_50 {width:50px !important;}
.wid_60 {width:60px !important;}
.wid_70 {width:70px !important;}
.wid_80 {width:80px !important;}
.wid_90 {width:90px !important;}
.wid_100 {width:100px !important;}
.wid_120 {width:120px !important;}
.wid_140 {width:140px !important;}
.wid_150 {width:150px !important;}
.wid_180 {width:180px !important;}
.wid_200 {width:200px !important;}
.wid_250 {width:250px !important;}
.wid_300 {width:300px !important;}
.wid_350 {width:350px !important;}
.wid_400 {width:400px !important;}
.wid_500 {width:500px !important;}
.wid_full {width:100% !important;}
.wid_auto {width:auto !important;}
.hei_auto {height:auto !important;}

.wid_20p {width:20% !important;}
.wid_30p {width:30% !important;}
.wid_33p {width:33.333333333333333333333333333333% !important;}
.wid_40p {width:40% !important;}
.wid_49p {width:49% !important;}
.wid_50p {width:50% !important;}
.wid_60p {width:60% !important;}
.wid_70p {width:70% !important;}
.wid_80p {width:80% !important;}
.wid_90p {width:90% !important;}
.wid_maxFull {max-width:100% !important;}

.wid_1_2 {width:50% !important;}
.wid_1_3 {width:33.33333333333333% !important;}
.wid_1_4 {width:25% !important;}
.wid_1_5 {width:20% !important;}

.hei_0 {height:0 !important;}
.minHei_0 {min-height:0 !important;}


.disN {display:none !important;}
.disB {display:block !important;}
.disI {display:inline !important;}
.disIB {display:inline-block !important;}
.disT {display:table !important; position:relative; width:100%; height:100%;}
.disTC {display:table-cell !important; position:relative; text-align:center; vertical-align:middle;}

.verTop {vertical-align:top !important;}
.verMid {vertical-align:middle !important;}
.verBot {vertical-align:bottom !important;}

.oh {overflow:hidden !important;}
.ov {overflow:visible !important;}

.tal,
.tal * {text-align:left !important;}
.tar,
.tar * {text-align:right !important;}
.tac,
.tac * {text-align:center !important;}

.fl {float:left !important;}
.fr {float:right !important;}

.ov {overflow:visible !important;}
.oh {overflow:hidden !important;}

.relDiv {position:relative; box-sizing:border-box;}
.cf {float:none; clear:both;}
#ugroEle {width:0; height:0; position:fixed; top:-100%; left:-100%;}

.hr {display:block; width:100%; height:0; position:relative; margin:0; padding:0; font-size:0; text-indent:-999em;}

.fw_el,
.fw_el * {font-weight:100 !important}
.fw_l,
.fw_l * {font-weight:300 !important}
.fw_n,
.fw_n * {font-weight:400 !important}
.fw_m,
.fw_m * {font-weight:500 !important}
.fw_b,
.fw_b * {font-weight:700 !important}
.fw_eb,
.fw_eb * {font-weight:900 !important}

.fs_xs,
.fs_xs * {font-size:0.5rem !important;}
.fs_sm,
.fs_sm * {font-size:0.75rem !important;}

.fc_black,
.fc_black * {color:#000 !important;}
.fc_white,
.fc_white * {color:#fff !important;}
.fc_gray7,
.fc_gray7 * {color:#777 !important;}
.fc_gray9,
.fc_gray9 * {color:#999 !important;}
.fc_red,
.fc_red * {color:#dd0000 !important;}
.fc_orange,
.fc_orange * {color:#ff9900 !important;}
.fc_green,
.fc_green * {color:#00dd00 !important;}
.fc_blue,
.fc_blue * {color:#0000dd !important;}
.fc_sky,
.fc_sky * {color:#1a99c2 !important;}
.fc_mint,
.fc_mint * {color:#71b4aa !important;}
.fc_emrld,
.fc_emrld * {color:#0ca2a8 !important;}
.fc_range1,
.fc_range1 * {color:#00abce !important;}
.fc_range2,
.fc_range2 * {color:#00ac51 !important;}
.fc_range3,
.fc_range3 * {color:#972bd7 !important;}
.fc_range4,
.fc_range4 * {color:#f71085 !important;}
.fc_range5,
.fc_range5 * {color:#ac0000 !important;}
.fc_pfSecSafe,
.fc_pfSecSafe * {color:#00c100 !important; color:#1a99c2 !important;}
.fc_pfSecDanger,
.fc_pfSecDanger * {color:#ec0000 !important;}

.fw_300,
.fw_300 * {font-weight:300 !important;}
.fw_400,
.fw_400 * {font-weight:400 !important;}
.fw_500,
.fw_500 * {font-weight:500 !important;}
.fw_600,
.fw_600 * {font-weight:600 !important;}
.fw_700,
.fw_700 * {font-weight:700 !important;}
.fw_800,
.fw_800 * {font-weight:800 !important;}
.fw_900,
.fw_900 * {font-weight:900 !important;}

.bg_white,
.bg_white * {background:#fff !important;}
.bg_black,
.bg_black * {background:#000 !important;}
.bg_gray9,
.bg_gray9 * {background:#999 !important;}
.bg_gray7,
.bg_gray7 * {background:#777 !important;}
.bg_gray5,
.bg_gray5 * {background:#555 !important;}
.bg_emrld,
.bg_emrld * {background:#0ca2a8 !important;}
.bg_emrld2,
.bg_emrld2 * {background:#00a396 !important;}

.btn.excel,
.btn.excel * {color:#fff !important; background:#217346 !important;}

.titleTxt {font-size:15px; line-height:22px; color:#333;}
.titTxt,
.titTxt p {font-size:20px; line-height:24px; font-weight:700; color:#202020;}
.notiTxt,
.notiTxt p {font-size:13px; line-height:18px; color:#454545;}
.warnTxt,
.warnTxt p {font-size:13px; line-height:18px; color:#dd0000 !important; margin:0;}
.posiTxt,
.posiTxt p {font-size:13px; line-height:18px; color:#0000dd;}
.notiTxt.sm,
.notiTxt.sm p,
.warnTxt.sm,
.warnTxt.sm p,
.posiTxt.sm,
.posiTxt.sm p {font-size:12px !important; line-height:16px !important;}
.ellipTxt {white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.btnTxt {font-size:13px; color:#454545; padding:3px 6px; border:1px solid #e0e0e0; border-radius:3px; margin:0 4px 4px 0;}
.seoTxt,
.seoTxt * {width:0 !important; height:0 !important; font-size:0 !important; overflow:hidden !important;}

.rectTxt {display:inline-block; position:relative; text-align:center; vertical-align:middle; margin:1.5px; padding:0 6px; box-sizing:border-box; font-size:12px; line-height:26px; font-weight:500; color:#fff; background:#bbb; border:1px solid #bbb; border-radius:5px;}
.rectTxt.twinEle {opacity:0.9;}
.rectTxt.twinEle:hover {opacity:1.0;}
.rectTxt.sm {padding:0 4px; font-size:11px; line-height:20px;}
.rectTxt.xs {padding:0 2.5px; font-size:11px; line-height:18px;}
.rectTxt.lg {padding:0 10px; font-size:14px; line-height:38px;}
.rectTxt.hg {padding:0 15px; font-size:16px; line-height:56px;}
.rectTxt.default {color:#333; background:#f4f4f4; border:1px solid #333;}
.rectTxt.default2 {color:#fff; background:#222; border:1px solid #222;}
.rectTxt.disabled {color:#666; background:#ddd; border:1px solid #ddd;}
.rectTxt.cancel {color:#fff; background:#999; border:1px solid #999;}
.rectTxt.canceld,
.rectTxt.canceled {color:#666; background:#ddd; border:1px solid #ddd;}
.rectTxt.detail,
.rectTxt.confirm {color:#fff; background:#1a99c2; border:1px solid #1a99c2;}
.rectTxt.delete {color:#fff; background:#cc0000; border:1px solid #cc0000;}
.rectTxt._1 {color:#8cc152; background:#edfbde; border:1px solid #edfbde;}
.rectTxt._2 {color:#fff; background:#84c93a; border:1px solid #84c93a;}
.rectTxt._3 {color:#16b494; background:#e2f6f2; border:1px solid #e2f6f2;}
.rectTxt._4 {color:#3a8afd; background:#e2eaf6; border:1px solid #e2eaf6;}
.rectTxt._5 {color:#fff; background:#3a8afd; border:1px solid #3a8afd;}
.rectTxt._6 {color:#fff; background:#c56262; border:1px solid #c56262;}
.rectTxt._7 {color:#cc0000; background:#fff2f2; border:1px solid #fff2f2;}

.twinEle {
transition:all 0.3s ease;
-webkit-transition:all 0.3s ease;
-moz-transition:all 0.3s ease;
-o-transition:all 0.3s ease;
-ms-transition:all 0.3s ease;
}

.testEle,
.hideEle {display:block; position:absolute; top:-9999em; left:-9999em; margin:0; padding:0; box-sizing:border-box;}




@media screen and (min-width:1601px){
  /* br 태그 정리 */
  .bru_1600 {display:block; width:100%; height:0px;}
  .brd_1600 {display:inline; width:0; height:0;}
}

@media screen and (min-width:1441px){
  /* br 태그 정리 */
  .bru_1440 {display:block; width:100%; height:0px;}
  .brd_1440 {display:inline; width:0; height:0;}
}

@media screen and (min-width:1201px){
  /* br 태그 정리 */
  .bru_1200 {display:block; width:100%; height:0px;}
  .brd_1200 {display:inline; width:0; height:0;}
}

@media screen and (min-width:1025px){
  /* br 태그 정리 */
  .bru_1024 {display:block; width:100%; height:0px;}
  .brd_1024 {display:inline; width:0; height:0;}
}

@media screen and (min-width:961px){
  /* br 태그 정리 */
  .bru_960 {display:block; width:100%; height:0px;}
  .brd_960 {display:inline; width:0; height:0;}
}

@media screen and (min-width:769px){
  /* br 태그 정리 */
  .bru_768 {display:block; width:100%; height:0px;}
  .brd_768 {display:inline; width:0; height:0;}
}

@media screen and (min-width:641px){
  /* br 태그 정리 */
  .bru_640 {display:block; width:100%; height:0px;}
  .brd_640 {display:inline; width:0; height:0;}
}

@media screen and (min-width:481px){
  /* br 태그 정리 */
  .bru_480 {display:block; width:100%; height:0px;}
  .brd_480 {display:inline; width:0; height:0;}
}

@media screen and (min-width:401px){
  /* br 태그 정리 */
  .bru_400 {display:block; width:100%; height:0px;}
  .brd_400 {display:inline; width:0; height:0;}
}

@media screen and (min-width:361px){
  /* br 태그 정리 */
  .bru_360 {display:block; width:100%; height:0px;}
  .brd_360 {display:inline; width:0; height:0;}
}

@media screen and (min-width:321px){
  /* br 태그 정리 */
  .bru_320 {display:block; width:100%; height:0px;}
  .brd_320 {display:inline; width:0; height:0;}
}





@media screen and (max-width:1600px){
  /* br 태그 정리 */
  .bru_1600 {display:inline; width:0; height:0;}
  .brd_1600 {display:block; width:100%; height:0px;}
}

@media screen and (max-width:1440px){
  /* br 태그 정리 */
  .bru_1440 {display:inline; width:0; height:0;}
  .brd_1440 {display:block; width:100%; height:0px;}
}

@media screen and (max-width:1200px){
  /* br 태그 정리 */
  .bru_1200 {display:inline; width:0; height:0;}
  .brd_1200 {display:block; width:100%; height:0px;}
}

@media screen and (max-width:1024px){
  /* br 태그 정리 */
  .bru_1024 {display:inline; width:0; height:0;}
  .brd_1024 {display:block; width:100%; height:0px;}
}

@media screen and (max-width:960px){
  /* br 태그 정리 */
  .bru_960 {display:inline; width:0; height:0;}
  .brd_960 {display:block; width:100%; height:0px;}
}

@media screen and (max-width:768px){
  /* br 태그 정리 */
  .bru_768 {display:inline; width:0; height:0;}
  .brd_768 {display:block; width:100%; height:0px;}
}

@media screen and (max-width:640px){
  /* br 태그 정리 */
  .bru_640 {display:inline; width:0; height:0;}
  .brd_640 {display:block; width:100%; height:0px;}
}

@media screen and (max-width:480px){
  /* br 태그 정리 */
  .bru_480 {display:inline; width:0; height:0;}
  .brd_480 {display:block; width:100%; height:0px;}
}

@media screen and (max-width:400px){
  /* br 태그 정리 */
  .bru_400 {display:inline; width:0; height:0;}
  .brd_400 {display:block; width:100%; height:0px;}
}

@media screen and (max-width:360px){
  /* br 태그 정리 */
  .bru_360 {display:inline; width:0; height:0;}
  .brd_360 {display:block; width:100%; height:0px;}
}

@media screen and (max-width:320px){
  /* br 태그 정리 */
  .bru_320 {display:inline; width:0; height:0;}
  .brd_320 {display:block; width:100%; height:0px;}
}