@charset "utf-8";
/* Common Style */

/* Reset */
* { margin:0px; padding:0px;}
html, body	{ width:100%; height:100%; }
html	{ overflow-y:scroll; } /* 항상스크롤영역 잡혀있도록 */ 
body	{ background-color:#FFF; *word-break:break-all;	-ms-word-break:break-all;}
body,input,button,textarea {font-size:12px; line-height:1.3em; 	font-family:"돋움", dotum, Verdana, Arial, Helvetica, Sans-serif; color:#7c7c7c;}

select {font-size:13px; color:#7b7b7b; padding:3px 2px; font-family:"돋움", dotum, Verdana, Arial, Helvetica, Sans-serif; border:1px solid #E0E0E1;}
img,fieldset,iframe { border:0 none; font-family:"돋움", dotum, Verdana, Arial, Helvetica, Sans-serif; }
a { color:#333; text-decoration:none;}
a:hover { color:#368dce; text-decoration:none;}
em,address { font-style:normal; }
textarea { overflow:auto; }
li { list-style:none; }
hr { display:none; }
h1, h2, h3	{ text-align:left; }
table { border-collapse:collapse; }

.input_txt { height:18px; line-height:18px; border:1px solid #d7d7d7; padding:0 4px; vertical-align:middle; }
.input_txt2 { height:24px; line-height:24px; background:#fbfbfb; border:1px solid #d7d7d7; padding:0 4px; vertical-align:middle; }
.textArea{ background:#fbfbfb; border:1px solid #d7d7d7; padding:4px; vertical-align:middle;}
.select { height:24px; line-height:24px; background:#fbfbfb; border:1px solid #d7d7d7;  padding-left:4px; vertical-align:middle; }
.select2 { height:24px; line-height:24px; background:#fff; border:1px solid #d7d7d7;  padding-left:2px; vertical-align:middle; }
.rd, .chk { width:13px; height:13px; padding:0; margin:0 0 2px 0; vertical-align:middle; }
.blank { display:none;}

/* 여백 */
.mt2{ margin-top:2px;}/*20180724 추가*/
.mt5{ margin-top:5px;}
.mt10{ margin-top:10px;}
.mt15{ margin-top:15px;}
.mt20{ margin-top:20px;}
.mt30{ margin-top:30px;}
.mt45{ margin-top:45px;}

.mr3{ margin-right:3px;}
.mr5{ margin-right:5px;}
.mr10{ margin-right:10px;}
.mr8{margin-right:8px;}/*20180112추가*/

.mb10{ margin-bottom:10px;}
.mbi10{ margin-bottom:10px !important;}/*20180724 추가*/
.mb20{ margin-bottom:20px;}
.mb30{ margin-bottom:30px;}
.mb60{ margin-bottom:60px;}

.ml10{ margin-left:10px;}/*20180724 추가*/
.ml30{ margin-left:30px;}/*20180724 추가*/
.ml15{ margin-left:15px;}

.pt5{ padding-top:5px;}
.pt10{ padding-top:10px;}
.pt25{ padding-top:25px;}

.pr10{ padding-right:10px;}
.pr20{ padding-right:20px;}

.pl10{ padding-left:10px;}
.pl20{ padding-left:20px;}
.pl30{ padding-left:30px;}
.pl40{ padding-left:40px;}
.pl50{ padding-left:50px;}

.pd20{ padding:20px;}
.pd30{ padding:30px;}

/* 정렬 */
.vb {vertical-align:bottom;}
.vm	{vertical-align:middle;}
.vt	{vertical-align:top;}
.al {text-align:left;}
.ac	{text-align:center;}
.ar	{text-align:right;}

/* Float */
.cl	{clear:left;}
.fl	{float:left;}
.fr	{float:right;}

/* Position */
.pr{ position:relative;}

/* Display */
.none{ display:none;}

/* FontColor style */
.f_sk{ color:#57b0f2;}
.f_or{ color:#f27800;}
.f_gn{ color:#679a3b;}
.f_pp{ color:#ad83e0;}
.f_bl{ color:#444444;}
.f_bb{color:#000; font-weight:bold;} /*20150923 추가*/
.f_rb{color:#d50000; font-weight:bold;}/*20150923 추가*/

/*20160711 추가 S*/
.f_r{color:#ff0000; }
.mail{color:#0000d5; text-decoration:underline;}
.mail:hover {color:#000000; text-decoration:underline;}
.f_tu {text-decoration:underline;}
/*20160711 추가 E*/

/* Button style */
.rBtn{text-align:right; position:relative; width:980px;}
.cBtn{text-align:center; position:relative; width:980px;}
.lBtn{ position:absolute; top:0; left:0; text-align:left;}
.allBtn{width:104px; height:29px; line-height:29px; font-size:11px; background: url(/images/common/btn/all.gif) no-repeat 0 0; border:0; color:#393939; padding-left:28px; cursor:pointer; text-align:left;}
.bBtn{width:41px; height:17px; line-height:17px; font-size:11px; background:url(/images/common/btn/bBtn.gif) no-repeat 0 0; border:0; color:#fff; cursor:pointer; text-align:center; margin:0 1px;}
.oBtn{width:41px; height:17px; line-height:17px; font-size:11px; background:url(/images/common/btn/oBtn.gif) no-repeat 0 0; border:0; color:#fff; cursor:pointer; text-align:center; margin:0 1px;}
.gBtn{width:41px; height:17px; line-height:17px; font-size:11px; background:url(/images/common/btn/gBtn.gif) no-repeat 0 0; border:0; color:#fff; cursor:pointer; text-align:center; margin:0 1px;}
.change_btn {padding: 5px 8px 4px;font-size:11px; color:#666; border:1px solid #dadada; cursor:pointer; margin-left:2px;}/*20150317 추가*/

.gr_btn2, .bl_btn2, .bl_btn4, .bl_btn9, .or_btn4, .gr_btn6, .gr_btn4, .or_btn9{ color:#fff; font-size:12px; font-weight:bold; height:27px; line-height:27px; text-align:center;  margin:0 1px; cursor:pointer; border:0;}
.bl_btn20{ color:#fff; font-size:12px; font-weight:bold; height:27px; line-height:27px; text-align:center;  margin:0 1px; cursor:pointer; border:0;}

.bl_btn20{width:105px; background:url(/images/common/btn/bl_btn4.gif) no-repeat 0 0;}
.bl_btn2{width:85px; background:url(/images/common/btn/bl_btn2.gif) no-repeat 0 0;}
.bl_btn4{width:108px; background:url(/images/common/btn/bl_btn4.gif) no-repeat 0 0;}
.bl_btn9{width:169px; background:url(/images/common/btn/bl_btn9.gif) no-repeat 0 0;}
.or_btn4{width:108px; background:url(/images/common/btn/or_btn4.gif) no-repeat 0 0;}
.or_btn9{width:169px; background:url(/images/common/btn/or_btn9.gif) no-repeat 0 0;}
.gr_btn2{width:85px; background:url(/images/common/btn/gr_btn2.gif) no-repeat 0 0; }/*20180724 추가*/
.gr_btn4{width:108px; background:url(/images/common/btn/gr_btn4.gif) no-repeat 0 0; }
.gr_btn6{width:132px; background:url(/images/common/btn/gr_btn6.gif) no-repeat 0 0;}
.post_btn{ width:95px; height:25px; line-height:25px; font-size:12px; color:#fff; text-align:center; border:0; cursor:pointer; font-weight:bold; letter-spacing:-1; background:url(/images/common/btn/post.gif) no-repeat 0 0; }

/* TAB style */
.Tab { width:980px; height:25px; zoom:1; margin-bottom:20px;}
.Tab:after {clear:both; display:block; content:'';}
.Tab li{ float:left; margin-right:2px;}
.Tab li a{ background:url(/images/common/tab/tab_bg2.gif) no-repeat 0 top;  width:107px; height:25px; line-height:25px; display:block; text-align:left; font-weight:bold; color:#989797; padding-left:10px; }
.Tab li a:hover{ background:url(/images/common/tab/tab_bg2.gif) no-repeat 0 bottom;  width:107px; height:25px; line-height:25px; display:block; text-align:left; font-weight:bold; color:#fff; padding-left:10px; }
.Tab li.Tab_ov a{ background:url(/images/common/tab/tab_bg2.gif) no-repeat 0 bottom;  width:107px; height:25px; line-height:25px; display:block; text-align:left; font-weight:bold; color:#fff; padding-left:10px; }

/*20160119 추가*/
.Tab li.w a{ background:url(/images/common/tab/tab_bg3.gif) no-repeat 0 top;  width:137px; height:25px; line-height:25px; display:block; text-align:left; font-weight:bold; color:#989797; padding-left:10px; }
.Tab li.w a:hover{ background:url(/images/common/tab/tab_bg3.gif) no-repeat 0 bottom;  width:137px; height:25px; line-height:25px; display:block; text-align:left; font-weight:bold; color:#fff; padding-left:10px; }
.Tab li.wTab_ov a{ background:url(/images/common/tab/tab_bg3.gif) no-repeat 0 bottom;  width:137px; height:25px; line-height:25px; display:block; text-align:left; font-weight:bold; color:#fff; padding-left:10px; }

/*131025 추가*/
.ic_new{background:url(/images/common/ic/ic_new.gif) right top no-repeat; width:11px; height:11px; padding:5px 15px 0 0;}

/*20140723배경블랙*/
#pop_block{background: #000; position: fixed; left: 0; top: 0; z-index: 10; width: 100%; height: 100%; opacity: .70; z-index:8888;}

/*20140723로딩바*/
.loading { width:980px;position:absolute; z-index:9999; margin:25%; text-align:center; color:#f27800; font-size:14px; font-weight:bold; line-height:24px;}


/*20151113 추가*/
.delay_bg {background-color:#eaeaea;}
.systemerror {text-align:center;padding-top:15%; margin-top:25px;}