@charset "utf-8";
/* CSS Document */
@font-face{
  font-family:'NanumGothic';
  src:url("../font/NanumGothic.eot");
  src:local("※"),url("../font/NanumGothic.woff") format("woff");}
@font-face{
  font-family:'NanumGothicB';
  src:url("../font/NanumGothicBold.eot");
  src:local("※"),url("../font/NanumGothicBold.woff") format("woff");}
@font-face{
  font-family:'NanumGothicEB';
  src:url("../font/NanumGothicExtraBold.eot");
  src:local("※"),url("../font/NanumGothicExtraBold.woff") format("woff");}
@font-face{
  font-family:'NanumSquareR';
  src:url("../font/NanumSquareR.eot");
  src:local("※"),url("../font/NanumSquareR.woff") format("woff");}
@font-face{
  font-family:'NanumSquareB';
  src:url("../font/NanumSquareB.eot");
  src:local("※"),url("../font/NanumSquareB.woff") format("woff");}
@font-face{
  font-family:'NanumSquareEB';
  src:url("../font/NanumSquareEB.eot");
  src:local("※"),url("../font/NanumSquareEB.woff") format("woff");}
@media screen and (-webkit-min-device-pixel-ratio:0){
* { margin:0; padding:0; font-family:'NanumGothic', dotum, arial;}}
@font-face{
  font-family:'Nanum Barun Gothic';
  src:url("../font/NanumBarunGothic.eot");
  src:local("※"),url("../font/NanumBarunGothic.woff") format("woff");}
@font-face{
  font-family:'Gotham-Bold';
  src:url("../font/Gotham-Bold.eot");
  src:local("※"),url("../font/Gotham-Bold.woff") format("woff");}
@font-face{
  font-family:'Gotham-Book';
  src:url("../font/Gotham-Book.eot");
  src:local("※"),url("../font/Gotham-Book.woff") format("woff");}
@font-face{
  font-family:'Gotham-Light';
  src:url("../font/Gotham-Light.eot");
  src:local("※"),url("../font/Gotham-Light.woff") format("woff");}
@font-face{
  font-family:'Gotham-Medium';
  src:url("../font/Gotham-Medium.eot");
  src:local("※"),url("../font/Gotham-Medium.woff") format("woff");}
@font-face{
  font-family:'MontserratBl';
  src:url("../font/Montserrat-Black.eot");
  src:local("※"),url("../font/Montserrat-Black.woff") format("woff");}
@font-face{
  font-family:'MontserratHL';
  src:url("../font/Montserrat-Hairline.eot");
  src:local("※"),url("../font/Montserrat-Hairline.woff") format("woff");}
@font-face{
  font-family:'MontserratEB';
  src:url("../font/Montserrat-ExtraBold.eot");
  src:local("※"),url("../font/Montserrat-ExtraBold.woff") format("woff");}
@font-face{
  font-family:'MontserratSB';
  src:url("../font/Montserrat-SemiBold.eot");
  src:local("※"),url("../font/Montserrat-SemiBold.woff") format("woff");}
@font-face{
  font-family:'MontserratB';
  src:url("../font/Montserrat-Bold.eot");
  src:local("※"),url("../font/Montserrat-Bold.woff") format("woff");}
@font-face{
  font-family:'MontserratR';
  src:url("../font/Montserrat-Regular.eot");
  src:local("※"),url("../font/Montserrat-Regular.woff") format("woff");}
@font-face{
  font-family:'MontserratT';
  src:url("../font/Montserrat-Thin");
  src:local("※"),url("../font/Montserrat-Thin.woff") format("woff");}
@font-face{
  font-family:'MontserratL';
  src:url("../font/Montserrat-Light.eot");
  src:local("※"),url("../font/Montserrat-Light.woff") format("woff");}
@font-face{
  font-family:'MontserratUl';
  src:url("../font/Montserrat-UltraLight");
  src:local("※"),url("../font/Montserrat-UltraLight.woff") format("woff");}
@font-face{
  font-family:'SCD3';
  src:url("../font/SCDream3.eot");
  src:local("※"),url("../font/SCDream3.woff") format("woff");}
@font-face{
  font-family:'SCD4';
  src:url("../font/SCDream4.eot");
  src:local("※"),url("../font/SCDream4.woff") format("woff");}
@font-face{
  font-family:'SCD5';
  src:url("../font/SCDream5.eot");
  src:local("※"),url("../font/SCDream5.woff") format("woff");}
@font-face{
  font-family:'SCD6';
  src:url("../font/SCDream6.eot");
  src:local("※"),url("../font/SCDream6.woff") format("woff");}

/* default *********************************************************/
body {background: #fff;}
section { text-align:center;}
section h2 { color:#b4b4b4;}
li { list-style: none !important;}
.fl { float:left !important;}
.fr { float:right !important;}
.fi { float:inherit !important;}
.cb { clear:both;}
.fw_b {font-weight: bold;}
.wa {width:auto !important;}
.ha {height:auto !important;}
.oa {overflow:auto !important;}
.bg_white {background:#fff !important;}
.cursor_p {cursor:pointer !important;}
.cursor_n_d {cursor: no-drop !important;}
.plus {color: #e51735 !important;}
.minus {color: #4575fd !important;}
.plusBg {background: #f75b72 !important;}
.minusBg {background: #789bff !important;}
.success {color: #2dd470 !important;font-family: 'NanumGothicB';}
.fail {color: #ff3653 !important;font-family: 'NanumGothicB';}
.ing {color: #5dafff!important;font-family: 'NanumGothicB';}
.non {color: #888 !important;font-family: 'NanumGothicB';}
.defaultBg {background: #bbb !important;}
.ff_NEB {font-family:'NanumGothicEB';}
.tdMultiLine {text-overflow: clip !important;word-break: break-all !important;white-space: normal !important;padding: 5px 0;}
.ovF_a {overflow: auto !important;}
.ovF_h {overflow: hidden !important;}
.ovF_i {overflow: initial !important;}
.ovF_x_a {overflow-x: auto !important;}
.ovF_x_h {overflow-x: hidden !important;}
.ovF_y_a {overflow-y: auto !important;}
.ovF_y_h {overflow-y: hidden !important;}
.up1 {position: relative !important;top: -1px !important;}
.down3 {position: relative !important;top: 3px !important;}
.pointerE_n {pointer-events: none;}
.btnDisable {pointer-events: none !important;background: #aaa !important;border: 1px solid #aaa !important;}
.z_index_9 {z-index: 99999;}
@media (max-width: 1170px) { 
	body.sign {background-size: 100%;min-width: 100vw;}}
@media (min-width: 1400px) { 
	body {background: #fff;overflow-x: hidden;min-width: 1400px;height: 100vh;}}
		
/* scrollbar *********************************************************/
.leftmnScroll::-webkit-scrollbar { width: 10px;}
.leftmnScroll::-webkit-scrollbar-track { background:rgba(0,0,0,0.05);padding-right: 1px;margin-top: 1px;}
.leftmnScroll::-webkit-scrollbar-thumb { -webkit-border-radius: 0px; background: rgba(0,0,0,0.1);}
.contents ::-webkit-scrollbar { width: 10px;}
.contents ::-webkit-scrollbar-track { background:rgba(0,0,0,0.05);padding-right: 1px;margin-top: 1px;}
.contents ::-webkit-scrollbar-thumb { -webkit-border-radius: 0px; background: rgba(116,162,239,0.4);}
/* .contents .boardProduct ::-webkit-scrollbar-thumb { -webkit-border-radius: 0px; background: rgba(251,171,127,0.7);} */
.contents .board01 ::-webkit-scrollbar-thumb { -webkit-border-radius: 0px; background: rgba(168,228,128,0.7);}
.contents .board02 ::-webkit-scrollbar-thumb { -webkit-border-radius: 0px; background: rgba(204,125,199,0.5);}
.contents .board03 ::-webkit-scrollbar-thumb { -webkit-border-radius: 0px; background: rgba(96,209,214,0.7);}
.contents .board04 ::-webkit-scrollbar-thumb { -webkit-border-radius: 0px; background: rgba(251,171,127,0.7);}
.select2-drop ::-webkit-scrollbar { width: 8px;}
.select2-drop ::-webkit-scrollbar-track { background:rgba(0,0,0,0.05);padding-right: 1px;margin-top: 1px;}
.select2-drop ::-webkit-scrollbar-thumb { -webkit-border-radius: 0px; background: rgba(0,0,0,0.4);}
.tbOverF_X .tableWrap::-webkit-scrollbar {width: 8px;height: 14px;}
.tbOverF_X .tableWrap::-webkit-scrollbar-track { background:rgba(0,0,0,0.05);padding-right: 1px;margin-top: 0px;}
.tbOverF_X .tableWrap::-webkit-scrollbar-thumb { -webkit-border-radius: 0px; background: rgba(96,209,214,0.25);}
.form .con_01 dl dd textarea::-webkit-scrollbar { width: 10px;}
.form .con_01 dl dd textarea::-webkit-scrollbar-track { background:rgba(0,0,0,0.05);padding-right: 1px;margin-top: 0px;}
.form .con_01 dl dd textarea::-webkit-scrollbar-thumb { -webkit-border-radius: 0px; background: rgba(96,209,214,0.3);}
.modal_Left ::-webkit-scrollbar { width: 10px;}
.modal_Left ::-webkit-scrollbar-track { background:rgba(0,0,0,0.09);padding-right: 1px;margin-top: 0px;}
.modal_Left ::-webkit-scrollbar-thumb { -webkit-border-radius: 0px; background: rgba(96,209,214,0.4);}
.modal_box .boardArea ::-webkit-scrollbar { width: 10px;}
.modal_box .boardArea ::-webkit-scrollbar-track { background:rgba(0,0,0,0.05);padding-right: 1px;margin-top: 1px;}
.modal_box .boardArea ::-webkit-scrollbar-thumb { -webkit-border-radius: 0px; background: rgba(96,209,214,0.3);}

/*position*/
.po_u {position:unset !important;}
.po_r {position:relative !important;}
.po_a {position: absolute !important;}

/*margin*/
.no_margin	{ margin:0 !important;}
.m_0_auto	{ margin:0 auto !important;}
.m_10 		{margin: 10px !important;}
.m_20 		{margin: 20px !important;}
.m_30 		{margin: 30px !important;}
.m_t_0 		{margin-top: 0px !important;}
.m_t_2 		{margin-top: 2px !important;}
.m_t_3 		{margin-top: 3px !important;}
.m_t_5 		{margin-top: 5px !important;}
.m_t_6 		{margin-top: 6px !important;}
.m_t_7 		{margin-top: 7px !important;}
.m_t_10		{margin-top: 10px !important;}
.m_t_15		{margin-top: 15px !important;}
.m_t_20		{margin-top: 20px !important;}
.m_t_30   	{margin-top: 30px !important;}
.m_t_50		{margin-top: 50px !important;}
.m_t_60		{margin-top: 60px !important;}
.m_t_70		{margin-top: 70px !important;}
.m_t_80		{margin-top: 80px !important;}
.m_b_0 		{margin-bottom: 0px !important;}
.m_b_5 		{margin-bottom: 5px !important;}
.m_b_10 	{margin-bottom: 10px !important;}
.m_b_20 	{margin-bottom: 20px !important;}
.m_b_50 	{margin-bottom: 50px !important;}
.m_b_80    	{margin-bottom: 80px !important;}
.m_l_0 		{margin-left: 0px !important;}
.m_l_3 		{margin-left: 3px !important;}
.m_l_5 		{margin-left: 5px !important;}
.m_l_10 	{margin-left: 10px !important;}
.m_l_15 	{margin-left: 15px !important;}
.m_l_20 	{margin-left: 20px !important;}
.m_l_25 	{margin-left: 25px !important;}
.m_l_30 	{margin-left: 30px !important;}
.m_l_40 	{margin-left: 40px !important;}
.m_l_50 	{margin-left: 50px !important;}
.m_r_0 		{margin-right: 0px !important;}
.m_r_3 		{margin-right: 3px !important;}
.m_r_5 		{margin-right: 5px !important;}
.m_r_10 	{margin-right: 10px !important;}
.m_r_20 	{margin-right: 20px !important;}
.m_r_30 	{margin-right: 30px !important;}
.m_r_50 	{margin-right: 50px !important;}

/*padding*/
.no_padding {padding:0 !important;}
.P_0		{padding:0 !important;}
.p_5	 	{padding:5px !important;}
.p_10	 	{padding:10px !important;}
.p_20	 	{padding:20px !important;}
.p_30	 	{padding:30px !important;}
.p_l_0 		{padding-left: 0 !important;}
.p_l_5 		{padding-left: 5px !important;}
.p_l_7 		{padding-left: 7px !important;}
.p_l_10 	{padding-left: 10px !important;}
.p_l_15 	{padding-left: 15px !important;}
.p_l_20 	{padding-left: 20px !important;}
.p_l_30 	{padding-left: 30px !important;}
.p_l_40 	{padding-left: 40px !important;}
.p_l_50 	{padding-left: 50px !important;}
.p_r_0 		{padding-right: 0px !important;}
.p_r_5 		{padding-right: 5px !important;}
.p_r_10 	{padding-right: 10px !important;}
.p_r_13 	{padding-right: 13px !important;}
.p_r_15 	{padding-right: 15px !important;}
.p_r_16 	{padding-right: 16px !important;}
.p_r_17 	{padding-right: 17px !important;}
.p_r_20 	{padding-right: 20px !important;}
.p_r_30 	{padding-right: 30px !important;}
.p_r_40 	{padding-right: 40px !important;}
.p_r_50 	{padding-right: 50px !important;}
.p_r_60 	{padding-right: 60px !important;}
.p_t_0 		{padding-top: 0px !important;}
.p_t_5 		{padding-top: 5px !important;}
.p_t_10 	{padding-top: 10px !important;}
.p_t_15 	{padding-top: 15px !important;}
.p_t_20 	{padding-top: 20px !important;}
.p_t_30 	{padding-top: 30px !important;}
.p_t_40 	{padding-top: 40px !important;}
.p_t_50 	{padding-top: 50px !important;}
.p_t_80 	{padding-top: 80px !important;}
.p_t_100 	{padding-top: 100px !important;}
.p_t_150 	{padding-top: 150px !important;}
.p_t_200 	{padding-top: 200px !important;}
.p_b_0 		{padding-bottom: 0px !important;}
.p_b_3 		{padding-bottom: 3px !important;}
.p_b_5 		{padding-bottom: 5px !important;}
.p_b_10 	{padding-bottom: 10px !important;}
.p_b_20 	{padding-bottom: 20px !important;}

/*display*/
.disp_i_b 	{display:inline-block  !important;}
.disp_b 	{display:block !important;}
.disp_n 	{display:none !important;}

/*text*/
.t_a_l 		{text-align:left !important;}
.t_a_r 		{text-align:right !important;}
.t_a_c 		{text-align:center !important;}
.no_text_deco 	{text-decoration: none !important;}

/* background color */
.bg_blue 	{background:#5884ff !important;color:#fff !important;}
.bg_white 	{background:#fff !important;color:#777 !important;}

/*border*/
.no_border 	{border: none !important;}
.border_b_0 {border-bottom: 0 !important;}
.border_b_1 {border-bottom: 1px solid #cccccc !important;}
.border_b_2 {border-bottom: 2px dotted #cccccc !important;}
.border_r_r {border-right:1px solid #cccccc !important;}
.border_t_1 {border-top:1px solid #cccccc !important;}
.b_1_red 	{border:1px solid #ff0000 !important}
.bb1_blueG 	{border-bottom:1px solid #bfc9e2 !important}
.bb1_555 	{border-bottom:1px solid #555 !important}
.b2_eee 	{border:2px solid #eee !important}
.b1_ddd 	{border:1px solid #ddd !important}
.bb1_solid  {border-bottom: 1px solid #bbb !important;}

/*background*/
.bg_t 		{background:transparent !important;}

/*align*/
.lh_init    {line-height: initial !important;}
.v_a_t 		{vertical-align:top !important;}
.v_a_m 		{vertical-align:middle !important;}
.v_a_n 		{vertical-align:inherit !important;}
.v_outer {display: table;width: 100%;height: 100%;}
.v_inner {display: table-cell;vertical-align: middle;text-align: center;}
.v_inner .v_contents {position: relative;width: 100%;padding-bottom: 1px;line-height: 1.0em;text-overflow: ellipsis;white-space: normal;overflow: hidden;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;word-wrap: break-word;word-break: break-all;}
.v_inner .v_contents ul {display: table-row !important;width: 100%;margin: 0;padding: 0;float: left;}
.v_inner .statNoDataSpan {display: inline;line-height: 120px;font-size: 12px;}

/*font*/
.font_italic{font-style: italic;color: #000 !important;}
.font_nanumB{font-family: 'NanumGothicB';}
.font_b		{font-weight:bold !important;}
.font_n		{font-weight: normal;}
.font_s_10	{font-size:10px !important;}
.font_s_11	{font-size:11px !important;}
.font_s_12	{font-size:12px !important;}
.font_s_13	{font-size:13px !important;}
.font_s_14	{font-size:14px !important;}
.font_s_15	{font-size:15px !important;}
.font_s_17	{font-size:17px !important;}
.font_s_18	{font-size:18px !important;}
.font_s_23	{font-size:23px !important;}
.font_s_25	{font-size:25px !important;}
.font_s_30	{font-size:30px !important;}
.ellipsis	{text-overflow: ellipsis;word-break: break-all;white-space: nowrap;overflow: hidden}

/*width*/
.w_unset{width: auto !important;}
.w10	{width:10px !important;}
.w15	{width:15px !important;}
.w20	{width:20px !important;}
.w25	{width:25px !important;}
.w30	{width:30px !important;}
.w40	{width:40px !important;}
.w50	{width:50px !important;}
.w55	{width:55px !important;}
.w60	{width:60px !important;}
.w67	{width:67px !important;}
.w70	{width:70px !important;}
.w80	{width:80px !important;}
.w85	{width:85px !important;}
.w90	{width:90px !important;}
.w95	{width:95px !important;}
.w100	{width:100px !important;}
.w110	{width:110px !important;}
.w120	{width:120px !important;}
.w130	{width:130px !important;}
.w140	{width:140px !important;}
.w150	{width:150px !important;}
.w170	{width:170px !important;}
.w180	{width:180px !important;}
.w190	{width:190px !important;}
.w200	{width:200px !important;}
.w210	{width:210px !important;}
.w220	{width:220px !important;}
.w230	{width:230px !important;}
.w240	{width:240px !important;}
.w250	{width:250px !important;}
.w260	{width:260px !important;}
.w270	{width:270px !important;}
.w280	{width:280px !important;}
.w300	{width:300px !important;}
.w330	{width:330px !important;}
.w333	{width:333px !important;}
.w350	{width:350px !important;}
.w355	{width:355px !important;}
.w360	{width:360px !important;}
.w370	{width:370px !important;}
.w380	{width:380px !important;}
.w380	{width:380px !important;}
.w400	{width:400px !important;}
.w420	{width:420px !important;}
.w440	{width:440px !important;}
.w450	{width:450px !important;}
.w500	{width:500px !important;}
.w540	{width:540px !important;}
.w565	{width:565px !important;}
.w590	{width:590px !important;}
.w600	{width:600px !important;}
.w630	{width:630px !important;}
.w650	{width:650px !important;}
.w690	{width:690px !important;}
.w700	{width:700px !important;}
.w750	{width:750px !important;}
.w800	{width:800px !important;}
.w850	{width:850px !important;}
.w900	{width:900px !important;}
.w920	{width:920px !important;}
.w950	{width:950px !important;}
.w1000	{width:1000px !important;}
.w1100	{width:1100px !important;}
.w1140	{width:1140px !important;}
.w1200	{width:1200px !important;}
.w10p	{width:10% !important;}
.w12p	{width:12% !important;}
.w13p	{width:13% !important;}
.w14p	{width:14% !important;}
.w15p	{width:15% !important;}
.w16p	{width:16% !important;}
.w17p	{width:17% !important;}
.w18p	{width:18% !important;}
.w19p	{width:19% !important;}
.w20p	{width:20% !important;}
.w25p	{width:25% !important;}
.w30p	{width:30% !important;}
.w35p	{width:35% !important;}
.w40p	{width:40% !important;}
.w42p	{width:42% !important;}
.w45p	{width:45% !important;}
.w48p	{width:48% !important;}
.w50p	{width:50% !important;}
.w55p	{width:55% !important;}
.w56p	{width:56% !important;}
.w58p	{width:58% !important;}
.w60p	{width:60% !important;}
.w65p	{width:65% !important;}
.w70p	{width:70% !important;}
.w75p	{width:75% !important;}
.w80p	{width:80% !important;}
.w85p	{width:85% !important;}
.w90p	{width:90% !important;}
.w95p	{width:95% !important;}
.w98p	{width:98% !important;}
.w100p	{width:100% !important;}
.h10	{height:10px !important;}
.h12	{height:12px !important;}
.h15	{height:15px !important;}
.h20	{height:20px !important;}
.h25	{height:25px !important;}
.h30	{height:30px !important;}
.h32	{height:32px !important;}
.h35 	{height:35px !important;}
.h37	{height:37px !important;}
.h40	{height:40px !important;}
.h42	{height:42px !important;}
.h45	{height:45px !important;}
.h50	{height:50px !important;}
.h60	{height:60px !important;}
.h70	{height:70px !important;}
.h80	{height:80px !important;}
.h90	{height:90px !important;}
.h100	{height:100px !important;}
.h125	{height:125px !important;}
.h130	{height:130px !important;}
.h135	{height:135px !important;}
.h150	{height:150px !important;}
.h160	{height:160px !important;}
.h165	{height:165px !important;}
.h170	{height:170px !important;}
.h180	{height:180px !important;}
.h185	{height:185px !important;}
.h190	{height:190px !important;}
.h200	{height:200px !important;}
.h230	{height:230px !important;}
.h300	{height:300px !important;}
.h350	{height:350px !important;}
.h500	{height:500px !important;}
.h530	{height:530px !important;}
.h540	{height:540px !important;}
.h560	{height:560px !important;}
.mw0	{min-width:0px !important;}
.mw40	{min-width:40px !important;}
.mw45	{min-width:45px !important;}
.mw50	{min-width:50px !important;}
.mw60	{min-width:60px !important;}
.mw70	{min-width:70px !important;}
.mw90	{min-width:90px !important;}
.mw100	{min-width:100px !important;}
.mw120	{min-width:120px !important;}
.mw950	{min-width:950px !important;}
.mw1000 {min-width:1000px !important;}
.mha 	{min-height: auto !important;}
.mh20	{min-height:20px !important;}
.mh23	{min-height:23px !important;}
.mh100	{min-height:100px !important;}
.mh180	{min-height:180px !important;}
.mh200	{min-height:200px !important;}
.mh240	{min-height:240px !important;}
.mh266	{min-height:266px !important;}
.mh300	{min-height:300px !important;}
.mh400	{min-height:400px !important;}
.mh450	{min-height:450px !important;}
.mh550	{min-height:550px !important;}
.mh620	{min-height:620px !important;}
.mxh300 {max-height:300px !important;}
.mxh400 {max-height:400px !important;}
.mxh620 {max-height:620px !important;}

/*  버튼, 페이징 ****************************************************************/
@media (min-width: 320px) {
	input.form-control { display: inline-block;height: 45px;border-radius: 3px;box-shadow: none;vertical-align: middle;background: #fff;}
	input, select { height: 28px;}
	input[type=checkbox] { width: 15px;}
	input[type=checkbox] { margin: 0 !important;cursor: pointer;} 
	input[type=text] { margin: 0;} 
	textarea { border-radius: 3px; border: 1px solid #b7b7b7;padding: 5px 7px;vertical-align: middle;}
	input, select { font-size: 12px;border-radius: 5px; border: 1px solid #b7b7b7;padding: 2px 5px 3px;vertical-align: middle;font-family: NanumGothic;font-weight: normal;}
	input::placeholder, input::-webkit-input-placeholder, input:-ms-input-placeholder, textarea::-webkit-input-placeholder, textarea:-ms-input-placeholder { color: #888; font-family: 'NanumSquareR', 'NanumGothic', sans-serif, dotum, arial !important;}
	.form-horizontal .form-group { margin: 0 0 15px 0;}
	.form_srch { margin-bottom:20px;}
	.form_srch select { width: 75px; height:40px;}
	.form_srch input.form-control { height: 40px; width:150px;}
	.btn-default.srch { background:url(../images/sub/icon_srch.png) 13px 7px no-repeat;height:40px; padding:6px 18px 6px 35px; background-position:13px 10px;}
	.btn-default.srch:hover { background:#434343 url(../images/sub/icon_srch_w.png) 13px 7px no-repeat;background-position:13px 10px;}
	.btn-lg.down { padding:9px 25px; font-size:1em;}
	.btn-lg.down { padding:9px 25px 9px 15px; font-size:1em;}
	.btn-lg.down, .btn-lg.down:hover { background-position:90% 12px;}
	.btn-lg.down, .btn-lg.down:hover { padding:11px 42px 11px 30px; background-position:87% 15px;}
	.pagination > li > a { padding:5px 10px;}
	.bottom_btn {float: left;width: 100%;padding: 10px 0 20px;margin-top: 0px;border-top: 1px solid #ccc;}
	.bottom_btn2 {float: left;width: 100%;padding: 10px 0 20px;margin-top: 0px;}
	.bottom_btn .btn {}
	.btn-default { border-radius:0; border-color:#434343; vertical-align:middle;height:40px;}
	.btn-default:hover { background:#434343; border-color:#434343; color:#fff;}
	.btn {float: right;min-width: 50px;height: 29px;border-radius: 3px;font-size: 13px;vertical-align: middle;padding: 3px 15px 4px;transition: 0.2s;color: #fff;background: #74a2ef;border: 1px solid #74a2ef;text-align: center;cursor: pointer;font-family: 'NanumGothicB';margin-left: 2px;}
	.btn:hover, .btn:visited, .btn:focus {background: #4382e9;border: 1px solid #4382e9;color: #fff;}
	.btn_w {background: #fff;color: #666;border: 1px solid #aaa;}
	.btn_w:hover, .btn_w:visited, .btn_w:focus {background: #aaa;color: #fff;border: 1px solid #aaa;}
	.btn-sm { width: 45px;border-radius: 3px;font-size: 11px;vertical-align: middle;transition: 0.2s;color: #fff;background: #5884ff;text-align: center;border: 1px solid #5884ff;height: 25px;padding: 2px 5px;transition:0.2s;font-weight: normal;}
	.btn-sm:hover { color: #fff;background: #3768ef;border: 1px solid #3768ef;}
	.btn-sm.down { padding:5px 35px 5px 20px; background:url(../images/sub/icon_download.png) 85% 7px no-repeat;}
	.btn-sm.down span { font-family:'Century Gothic'; font-size:0.87em;}
	.btn-lg.down { background:url(../images/sub/icon_download.png) no-repeat;}
	.btn-lg.down:hover { background:#434343 url(../images/sub/icon_download_w.png) no-repeat; border-color:#434343; color:#fff;}
	.btn_bottom {margin: 20px 0 30px; overflow: hidden;width: 100%;float: right;}
	.bottom_btn3 {margin: 20px 0 30px; overflow: hidden;float: right;width: 100%;}
	.btn_gray {background: #bbbfc5;color: #fff;border: 1px solid #bbbfc5;}
	.btn_gray:hover {background: #a2a5ab;color: #fff;border: 1px solid #a2a5ab;}
	.btn_gray:visited, .btn_gray:focus {background: #bbbfc5;color: #fff;border: 1px solid #bbbfc5;}
	.btn_cancel {background: #bbbfc5;color: #fff;border: 1px solid #bbbfc5;}
	.btn_cancel:hover {color:#fff; background: #a2a5ab; border: 1px solid #a2a5ab;}
	.btn_cancel:visited, .btn_cancel:focus {background: #bbbfc5;color: #fff;border: 1px solid #bbbfc5;}
	.btn_s { width: 49%; font-size: 14px; padding: 5px;}
	.btn_b { color:#fff; background: #bbb; border: 1px solid #bbb;} 
	.btn_b:hover, .btn_b:visited, .btn_b:focus { color:#fff !important; background: #777;border: 1px solid #777;}
	.btn_bottom button:last-child { float: right;}
	.btn_comm {padding: 3px 15px 2px;border-radius: 5px;font-size: 12px;vertical-align: middle;color: #666;background: #fff;text-align: center;border: 1px solid #ccc;height: 28px;transition:0.2s;font-weight: normal;float: right;margin-left: 3px;font-family: 'NanumGothicEB';}
	.btn_comm:hover { color: #fff;background: #74a2ef;border: 1px solid #74a2ef;}
	.btn_comm2 {padding: 1px 15px 1px;border-radius: 5px;font-size: 12px;vertical-align: middle;color: #666;background: #fff;text-align: center;border: 1px solid #ccc;height: 23px;transition:0.2s;font-weight: normal;float: right;margin-left: 3px;font-family: 'NanumGothicEB';}
	.btn_comm2:hover { color: #fff;background: #74a2ef;border: 1px solid #74a2ef;}
	.btn_board {color: #fff;background: #74a2ef;border: 1px solid #74a2ef;float: left !important;margin-left: 0px;}
	.btn_board:hover { color: #fff;background: #528beb;border: 1px solid #528beb;}
	.btn_td {color: #fff;background: #74a2ef;border: 1px solid #74a2ef;float: left !important;height: 24px;padding: 0 10px;font-size: 12px;margin: -7px 1px;width: calc(100% - 2px);}
	.btn_td .fa-sign-in-alt {margin: 0 5px 0 0;color: #fff;position: relative;top: 2px;}
	.btn_blue { width: 45px;border-radius: 5px;font-size: 12px;vertical-align: middle;color: #fff;background: #5884ff;text-align: center;border: 1px solid #5884ff;height: 28px;line-height: 28px;transition:0.2s;font-weight: normal;float: right;margin-left: 3px;}
	.btn_blue:hover { color: #fff;background: #436bda;border: 1px solid #436bda;}
	.btn_g { color: #555;background: #fff;border: 1px solid #bbb;height: 23px;border-radius: 3px;width: 35px;font-size: 11px;line-height: 21px;}
	.btn_g:hover, .btn_g:visited, .btn_g:focus { color:#fff !important; background: #bbb;border: 1px solid #bbb;}
	.btn_warning {background: #e51735;border: 1px solid #e51735;}
	.btn_warning:hover, .btn_warning:visited, .btn_warning:focus {background: #c5161f;border: 1px solid #c5161f;}}
@media (max-width: 767px) {
	.btn_cancel {margin: 0 auto;float: left;}
	.btn_gray {float: left;}
	.bottom_btn .btn {width: 100%;height: 40px;font-size: 15px;float: right;margin: 0;}
	.bottom_btn2 .btn {width: calc(100% / 2 - 2px);margin: 0 1px !important;height: 40px;font-size: 15px;float: right;}
	.bottom_btn3 .btn {width: calc(100% / 3 - 2px);margin: 0 1px !important;height: 40px;font-size: 15px;float: right;}
	.bottom_btn4 .btn {width: calc(100% / 4 - 2px);margin: 0 1px !important;height: 40px;font-size: 15px;float: right;}}

@media (min-width: 320px) {	
	.top_btn {width: 50%;text-align: right;margin: 0 0 5px;margin-bottom: 5px;position: relative;float: right;top: 0;}
	.top_btn select {float: right;}
	.top_btn .latestDate {display: inline-block;font-size: 12px;font-family: 'NanumGothicEB';color: #292929;}
	.top_btn .icon_down_xls {margin: 0 0 0 3px;float: right;}
	.top_btn .icon2 {cursor: pointer;color: #777;font-size: 13px;margin-right: -1px;border: 1px solid #ccc;border-radius: 5px;width: 25px;height: 25px;line-height: 23px;text-align: center;background: #fff;}
	.top_btn .icon2:hover {background: #e51735;color: #fff;border: 1px solid #e51735;}
	.top_btn span.winWhite {display: inline-block;width: 17px;height: 17px;border-radius: 50%;position: relative;top: 4px;cursor: pointer;background: #fff;border: 1px solid #484954;}
	.top_btn span.winBlack {display: inline-block;width: 17px;height: 17px;border-radius: 50%;position: relative;top: 4px;cursor: pointer;background: #000;border: 1px solid #ccc;margin: 0 5px 0 1px;}
	.top_btn span.winWhite.active, .top_btn span.winWhite:hover, .top_btn span.winBlack.active, .top_btn span.winBlack:hover {border: 2.5px solid #e51735;}
	.top_btn button.topSrch {background: #e51735 url(../images/icon/btn_srch.png) no-repeat -13px -14px;display: inline-block;width: 43px;height: 25px;color: #fff;margin-left: 0px;border: none;border-radius: 5px;vertical-align: middle;cursor: pointer;transition: 0.2s;}
	.top_btn button.topSrch:hover { background:#c2142f url(../images/icon/btn_srch.png) no-repeat -13px -14px;}
	.top_btn button.btn_srch {background: #74a2ef url(../images/icon/btn_srch.png) no-repeat -15px -13px;display: inline-block;width: 38px;height: 28px;color: #fff;margin-left: 0px;border: none;border-radius: 5px;vertical-align: middle;cursor: pointer;transition: 0.2s;}
	.top_btn button.btn_srch:hover { background:#30b5bc url(../images/icon/btn_srch.png) no-repeat -15px -13px;}
	.top_btn span.txt {font-size: 13px;margin: 5px 7px 0 0;display: inline-block;font-family: 'NanumGothicB';}
	.top_btn select {font-size: 12px;padding: 3px 5px;height: 28px !important;}
	.top_btn input {font-size: 12px;padding: 3px 3px;height: 28px !important;}
	.top_btn .notiTxt01 {font-size: 12px;margin-right: 5px;}
	.top_btn .notiTxt01 input[type="checkbox"] {margin-right: 4px !important;height: 26px !important;}
	.top_btn i.fa-list {cursor: pointer;color: #777;font-size: 13px;border: 1px solid #ccc;border-radius: 5px;width: 29px;height: 28px;line-height: 25px;text-align: center;background: #fff;margin: 0;float: left;}
	.top_btn i.fa-th-large {cursor: pointer;color: #777;font-size: 13px;border: 1px solid #ccc;border-radius: 5px;width: 29px;height: 28px;line-height: 25px;text-align: center;background: #fff;margin: 0 3px;}
	.top_btn i.fa-list:hover, .top_btn i.fa-th-large:hover, .top_btn i.fa-list.active, .top_btn i.fa-th-large.active {color: #fff;background: #e51735;}
	.top_btn2 { overflow: hidden;}}
@media (max-width: 767px) {
	.top_btn {width: 100% !important;}
}	

i.iconBox {float: right;cursor: pointer;color: #777 !important;font-size: 13px;border: 1px solid #ccc;border-radius: 5px;width: 30px;height: 30px;line-height: 30px;text-align: center;background: #fff;margin-left: 3px;}
i.iconBox:hover {background: #e51735;color: #fff !important;border: 1px solid #e51735;}
i.iconBox2.fa-download {padding-top: 2px;} 
.icon_down_pdf {display: inline-block;width: 21px;height: 28px;background: url(../images/icon_down_pdf.png) no-repeat;cursor: pointer;transition: .15s;} 
.icon_down_xls {display: inline-block;width: 21px;height: 28px;background: url(../images/icon_down_xls.png) no-repeat;cursor: pointer;transition: .15s;} 
.icon_down_pdf:hover {background: url(../images/icon_down_pdf_ov.png) no-repeat;} 
.icon_down_xls:hover {background: url(../images/icon_down_xls_ov.png) no-repeat;} 
.icon_pdf {display: inline-block;width: 20px;height: 21px;background: url(../images/icon_pdf.png) no-repeat;margin-right: 1px;cursor: pointer;transition: .15s;} 
.icon_xls {display: inline-block;width: 20px;height: 21px;background: url(../images/icon_xls.png) no-repeat;margin-right: 1px;cursor: pointer;transition: .15s;} 
.icon_pdf:hover {background: url(../images/icon_pdf_ov.png) no-repeat;} 
.icon_xls:hover {background: url(../images/icon_xls_ov.png) no-repeat;} 
.icon_table {display: inline-block;width: 11px;height: 11px;background: url(../images/icon_table.png) no-repeat;margin-right: 1px;cursor: pointer;} 
.noData {display: block;width: 129px;height: 140px;background: url(../images/nodata.png)center no-repeat;background-size: 100%;margin: 0 auto;}
.noDataComm {display: block;width: 129px;height: 140px;background: url(../images/nodata.png)center no-repeat;background-size: 100%;margin: 0 auto;position: absolute;left: 0;right: 0;top: 50%;margin-top: -70px;}
.noData_classWrap {display: block;width: 100%;height: 450px;border: 1px solid #ccc;position: relative;background: #fff;z-index: 1;float: left;}
.noData_class {display: block;width: 159px;height: 50px;background: url(../images/nodata_class.png)center no-repeat;background-size: 100%;margin: 0 auto;position: absolute;left: 0;right: 0;top: 50%;margin-top: -25px;}

.noDataLine {border-left: 1px solid #eee;} 
.noData_s {display: block;width: 100px;height: 69px;background: url(../images/nodata_s.png)center no-repeat;background-size: 100%;margin: 0 auto;} 
.calcWrap {position: absolute;top: 200px;z-index: 1;background: rgba(0,0,0,.35);width: calc(100% - 40px);border-radius: 10px;padding: 50px 0;height: 200px;left: 0;right: 0;margin: 0 auto;margin-left: 20px;margin-right: 20px;} 
.calcWrap .calc {display: block;width: 275px;height: 91px;background: url(../images/calc.png)center no-repeat;background-size: 100%;margin: 0 auto;} 
.rotate {width: 155px;position: relative;float: right;margin: 0 0 5px 0;}
.rotate select {margin: 0 0 0 5px;padding: 2px 0 5px 5px;width: 75px !important;height: 28px;}
.icon_rotate {display: inline-block;background: url(../images/icon_rotate.png)center no-repeat;width: 16px;height: 18px;margin-top: 5px;float: right;cursor: pointer;opacity: .7;}
.icon_rotate.active {display: inline-block;background: url(../images/icon_rotate_ov.png)center no-repeat;width: 16px;height: 18px;float: right;opacity: 1.0;}
.icon_rotate:hover {display: inline-block;background: url(../images/icon_rotate_ov.png)center no-repeat;width: 16px;height: 18px;float: right;opacity: 1.0;}
.icon_stop {display: inline-block;background: url(../images/icon_stop.png)center bottom no-repeat;width: 18px;height: 18px;float: right;margin-left: 5px;margin-top: 5px;cursor: pointer;opacity: .7;}
.icon_stop.active {display: inline-block;background: url(../images/icon_stop_ov.png)center bottom no-repeat;width: 18px;height: 18px;float: right;opacity: 1.0;}
.icon_stop:hover {display: inline-block;background: url(../images/icon_stop_ov.png)center bottom no-repeat;width: 18px;height: 18px;float: right;opacity: 1.0;}
.icon_save {display: inline-block;background: url(../images/icon_save.png)center no-repeat;width: 18px;height: 18px;opacity: 1.0;cursor: pointer;}
.icon_save:hover {background: url(../images/icon_save_ov.png)center no-repeat;opacity: 1.0;}
.icon_reset {display: inline-block;width: 20px;height: 18px;background: url(../images/icon_reset.png)center no-repeat;margin: 5px 5px 0 0;float: right;cursor: pointer;}

/* +, -, x 버튼 */
.customBtnPlus {display: inline-block; padding:0; margin: 5px 0 0 0;border: 0px; cursor: pointer;font-size: 20px;color: #559CEC;}
.customBtnPlus:hover {color:#1f4e79;}
.customBtnPlus:focus {outline: none;}
.customBtnPlus span {position: absolute; margin-top:-2px; margin-left:3px; padding:0 !important;}
.customBtnMinus {display: inline-block; padding:0; margin:  5px 0 0 0;  border: 0px; cursor: pointer;font-size: 20px;color: #559CEC;}
.customBtnMinus:hover {color:#1f4e79;}
.customBtnMinus:focus {outline: none;}
.customBtnMinus span {position: absolute; margin-top:-2px; margin-left:4.5px; padding:0 !important;}
.customBtnTimes {display: inline-block; float:right; vertical-align:bottom; padding:0; margin: 0; font-size: 20px;color: #559CEC; cursor: pointer;}
.customBtnTimes span {position: absolute; margin-top:-3px; margin-left:3px; padding:0 !important;}