@charset "UTF-8";
/* CSS Document */


@import url(http://fonts.googleapis.com/css?family=Roboto:400,100,300,500,700,900);


/****** 기본스타일 ******/
html,body {/* height:100%; */}
/*font-family: 'Nanum Gothic','NanumBarunGothic','Malgun Gothic', Dotum;*/

body {font-family:Open Sans, Helvetica Neue, Roboto, 'NanumGothic', 'nbg', 'Malgun Gothic', Dotum, Arial, Helvetica, sans-serif; font-size:14px; color:#666666; line-height:1.7em; padding:0; margin:0;  }
    
.title {width:100%; margin:35px auto 15px; font-size:18px; font-weight:bold; padding:0;}
img { border:none }
a:link { text-decoration:none; }
a:hover { color:#0f58ac; }


input[type="text"], input[type="email"], input[type="search"], input[type="password"] {
	-webkit-appearance: none;
	-moz-appearance: none;
}
button {*border: none !important; *border-color: transparent !important}
a, button, input {outline:none !important}

#footer .TailMenu{text-align: center;}
#footer .Tailleft{
    width: calc(50% - 20px);
    display: inline-block;
    vertical-align: top;
    text-align: left;
    padding-left: 100px;
    box-sizing: border-box;
    line-height: 20px;
}
#footer .Tailleft img{

}
#footer .TailRight{
    width: calc(50% - 20px);
    display: inline-block;
    vertical-align: bottom;
    padding-left: 20px;
    box-sizing: border-box;
    text-align: right;
}
#footer .TailAgentAddr{
    width: calc(50% - 10px);
    display: inline-block;
    max-width: 350px;
    text-align: left;
}
#footer .TailAgentArea{
    display: inline-block;
    padding: 2px;
    background-color: #666;
    margin: 1px 10px 1px 0;
    width: 60px;
    text-align: center;
}

#footer #TailCopyRight{
    margin-top: 20px;
    text-align: center;
}

/****** 공통사용 ******/
.clear {clear:both;}		
.float_l {float:left;}
.float_r {float:right; }
.pd10 { padding:10px; }
.pd_t10 { padding-top:10px; }
.pd_b10 { padding-bottom:10px; }
.mg10 { margin:10px; }
.mg_t10 { margin-top:10px; }
.bg_w { background-color:#fff }
#hd_login_msg {position:absolute;top:0;left:0;font-size:0;line-height:0;overflow:hidden}

/* align */
.valign_07{vertical-align:-.7em}
.valign_06{vertical-align:-.6em}
.valign_05{vertical-align:-.5em}
.valign_04{vertical-align:-.4em}
.valign_03{vertical-align:-.3em}
.valign_02{vertical-align:-.2em}
.valign_01{vertical-align:-.1em}
.valign_00{vertical-align:0}
.valign01{vertical-align:.1em}
.valign02{vertical-align:.2em}
.valign03{vertical-align:.3em}
.valign04{vertical-align:.4em}

/* Font */
.font10{font-size:10px}
.font11{font-size:11px}
.font14{font-size:14px}
.font18{font-size:18px}
.font24{font-size:24px}
.font28{font-size:28px}
.font46{font-size:46px}
.font18_1{font:bold 18px Malgun gothic}
.font46_1{font:bold 46px/100px Verdana}
.font_my{font-family:Myriad Pro}
.font_va{font-family:Verdana}
.font_ta{font-family:tahoma}
.font_do{font-family:'Dotum'}

/* 간격, 폰트 */
.mt5{margin-top:5px}
.mt10{margin-top:10px}
.mt15{margin-top:15px}
.mt20{margin-top:20px}
.mt25{margin-top:25px}
.mt30{margin-top:30px}
.mt35{margin-top:35px}
.mt40{margin-top:40px}
.mt45{margin-top:45px}
.mt50{margin-top:50px}
.mt55{margin-top:55px}
.mt60{margin-top:60px}
.mt75{margin-top:75px}

/* 정렬 */
.taC{text-align:center}
.taR{text-align:right}
.taL{text-align:left;}
.pBox {overflow: hidden;position: relative; width:100%;}

/* color */
.red { color:#d21e1e}
.orange { color:#f06a2e}
.yellow { color:#e6a300}
.green { color:#1e980a}
.sky { color:#3185e1}
.sky2 { color:#2390a7}
.blue { color:#2672c7}
.violet { color:#8e53c5}
.black { color:#000000}
.gray { color:#757575}
.gray2 { color:#414141}
.point01 { color:#c85252;}
.point02 { color:#4a979a;}
.point03 { color:#ce0648;}
.point04 { color:#666666;}
/* color 추가 201307*/
.green3 { color:#baff00}
.green4 { color:#36a186 }
.greendark {color:#b2d953}
.greenneon { color:#CF0}
.skyneon { color:#0FF}
.redpink { color:#ea3256}
.white {color:#FFFFFF; background:none /* 쿼크모드 백그라운드 문제로 추가*/}


/*** 저채도 색상 ***/
.orange2 { color:#ae7a63 }
.blue2 { color:#547ba2}	
.blue3 { color:#4b62e9 }
.redpink2 { color:#976751 }
.green2 { color:#508149 }
.hotpink {color:#d353d1;}
.hotpink2 {color:#e03d7f;}


/* bg_color */
.bg_red { background-color:#d21e1e}
.bg_red:hover  { background-color:#b91515}
.bg_orange { background-color:#f17139}
.bg_yellow { background-color:#e6a300}
.bg_green { background-color:#71c460}
.bg_green2 { background-color:#68ab1e}
.bg_sky { background-color:#7faee8}
.bg_sky2 { background-color:#31b2cd}
.bg_blue { background-color:#3282d5}
.bg_blue2 { background-color:#5d74c2}
.bg_violet { background-color:#8a88dc}
.bg_violet2 { background-color:#a775d6}

.bg_black { background-color:#000000}
.bg_gray { background-color:#757575}
.bg_gray2 { background-color:#414141}
.bg_point01 { background-color:#c85252;}
.bg_point02 { background-color:#4a979a;}
.bg_point03 { background-color:#ce0648;}
.bg_point04 { background-color:#666666;}
.bg_green3 { background-color:#baff00}
.bg_greendark {background-color:#b2d953}
.bg_greenneon { background-color:#CF0}
.bg_skyneon { background-color:#0FF}
.bg_redpink { background-color:#ea3256}
.bg_white {background-color:#FFFFFF; background:none /* 쿼크모드 백그라운드 문제로 추가*/}
.bg_brown { background-color:#7d7951 }
.bg_pink { background-color:#db5091 }

.border_4 { border:#f0f0f0 solid 6px; padding:1px; }


		
/****** 양식 *****/
textarea, input, .select_form {font-family: 'Nanum Gothic','NanumBarunGothic','Malgun Gothic', Dotum; 
    font-size:14px; 
    color:#333;  
    *vertical-align:middle;
	border-radius:4px; border:1px #cccccc solid;
	box-shadow:inset 1px 1px 2px rgba(0,0,0,0.05);
	-webkit-box-shadow:inset 1px 1px 2px rgba(0,0,0,0.05);
	-moz-box-shadow:inset 1px 1px 2px rgba(0,0,0,0.05);
	
}


.select_form {*border:0; }

.select_form {
   	overflow: hidden;
   	background: url(../images/select_arrow.png) no-repeat right #fff;
	margin-right:5px;
	padding:5px;
	z-index:2;
}

.select_form select {
	padding:0; margin:0;
	background: transparent;
   	font-size: 12px;
   	line-height: 1;
   	border: 0;
  	 border-radius: 0;
  	-webkit-appearance: none;
	outline:none;
	z-index:1;
}		

/****** 레이아웃 ******/
#header{
    position: fixed;
    width: 100%;
    z-index: 888888888;
}
.top_wrap { width:100%; height:79px; z-index:9; margin:0 auto;
	border-bottom:4px #e14444 solid;
	background: url(../images/common/bg_top.png) repeat-x 0 0;
	
}
.top_wrap .topmenu { margin:0 auto; text-align:center} 
.top_wrap .topmenu .logo { position:absolute; width:220px; margin-left:30px; top:15px; z-index:100 }
.top_wrap .topmenu .logo a { color:#444; }

.top_wrap .topmenu .logo .branch a { background-color:#999999; margin:0 2px; color:#fff; padding:0 10px 1px 10px }
.top_wrap .topmenu .logo .branch a:hover,
.top_wrap .topmenu .logo .branch .on {  background-color:#f97b00;  }

.top_wrap .topmenu .logo .branch .on2:hover {  background-color:#8158b4;  }

.top_wrap .topmenu .smenu {float:right; text-align:right; margin-top:35px; color:#555555; font-size:11px; line-height:14px; font-family:Verdana, Dotum; text-align:center; padding-left:10px;}
.top_wrap .topmenu .smenu a { color:#5a94dc; text-decoration:none;}
.top_wrap .topmenu .smenu a:hover {color:#000; text-decoration:underline}
.top_wrap .topmenu .line {float:right; width:1px; height:15px; background-color:#c9c9c9;  margin-left:3px;}



.top_wrap .topmenu .search_all { float:right; margin-top:25px; }
.top_wrap .topmenu .search_all input { border:none; width:200px; height:28px; line-height:28px; padding-left:10px; padding-right:25px; color:#333; background:url(../images/ico/search.png) no-repeat 210px 5px; background-color:#fff;  }
.top_wrap .topmenu .search_all .btn_search { background-color:#ff9703; width:32px; height:32px; line-height:32px; color:#fff; font-size:12px; border:none; border-radius:16px; padding:0; margin:0;  }


.top_wrap .topmenu .search_all .btn_search:hover,
.top_wrap .topmenu .search_all .btn_search:focus { background-color:#ff6803 }
.top_wrap .topmenu .search_all .btn_search:active { background-color:#824e2b }

.top_wrap .topmenu .nav_all { position:absolute; width:48px; left:50%; margin-left:550px; margin-top:-11px; z-index:100; list-style:none; display:inline; overflow:hidden; }



.top_wrap .topmenu .nav_all a { float:left; padding:46px 0 0 0; overflow:hidden; height:0px !important; height/**/:46px; /* IE5 */ margin:0; border:#CCC solid 1px;   background-image:url(../images/common/btn_nav_01.png); background-position:9px 13px ; background-repeat:no-repeat;background-color:#fff}

.top_wrap .topmenu .nav_all a:hover { background-color:#333; background-image:url(../images/common/btn_nav_02.png); background-position:9px 13px ;  border:#333 solid 1px;}
.top_wrap .topmenu .nav_all a:active, #nav a.selected {  border:#333 solid 1px; }


.top_wrap .topmenu .nav_top {  position:fixed; right:30px; bottom:20px; z-index:100; list-style:none; display:inline; overflow:hidden; }

.top_wrap .topmenu .nav_top a { float:left; padding:0 10px; overflow:hidden;  margin:0; border:#CCC solid 1px; background-color:#fff; color:#333; text-align:center; font-weight:600; font-size:14px; border-radius:20px  }

.top_wrap .topmenu .nav_top a:hover { background-color:#333;  border:#fff solid 1px; color:#fff }
.top_wrap .topmenu .nav_all a:active, #nav a.selected {  border:#333 solid 1px; }


/* 상단 메뉴 */
nav {
	height:75px;
	position:relative;
	margin:0 0 0 300px;
	padding-top:25px;
	max-width:850px;
}
@media all and (max-width:920px){ 
    nav {
    	margin:0 0 0 270px;
    }
}

@media all and (max-width:1440px){ 
    #OutsideBtn{
        display: none;
    }
}
@media all and (max-width:1400px){ 
    #topmenuTelNum{
        display: none;
    }
}
#OutsideBtn{
    display: inline-block;
    width: 110px;
    line-height: 0;
    font-size: 0;
    margin-right: 20px;
    position: relative;
    top: -17px;
    vertical-align: middle;
}

nav .nav_line {
	width:100%; height:1px;
	position:absolute; left:0;
	background-color:#fff; }
	
nav ul { margin:0; padding:0; list-style:none; }
nav .NavMenuTop { float:left; height:40px;width:20%;max-width:170px; }

nav li a 
{ /*대메뉴*/
    display: inline-block;
    text-align: center;
    font-weight: 600;
    font-size: 16px;
    color: #fff;
    text-transform: uppercase;
}
nav li a:hover, 
nav li a:active,
nav li a.selected,
nav li a:focus { color:#fff; background-color:#e14444 }	

/*
nav li a:nth-child(5n) { margin-right:0;}*/	

nav .NavMenuSub { height:30px }
nav .NavMenuSub a 
{ /*소메뉴*/ 
	display:block;
	padding:4px 0; margin:0;
	font-weight:bold; font-size:13px; color:#fff; border-top:0;width:160px; }
nav .NavMenuSub a:hover { color:#ffdd1e;  border-top:0; background:none }

nav li ul { /*소메뉴*/	display:none; position:absolute; /* left:0px;*/ top:58px;  background-color:#333; max-width:160px; padding:10px 0; margin-left:10px; z-index:100}

nav > ul> li:hover > ul {display:block;   }

#topmenuTelNum{
    position: absolute;
    right: 0;
    top: 10px;
    width: calc(100% - 1150px);
    min-width: 340px;
}
#topmenuTelNum img{
    width:200px;
}

/* 전체메뉴 펼치기 */
.menu_all{ position:absolute; clear:both; top:130px; z-index:100; width:100%; height:auto; background-color:#402b23; margin:0 auto; padding:10px 0 20px 0; text-align:center; display:none }
.menu_all h3 { font-size:16px; color:#fff; font-weight:600; text-align:left; padding-left:10px; }
.menu_all h3 a {color:#fff;  }
.menu_all ul{  display:inline-block; margin:0 auto; padding:0 30px 20px; text-align:center; vertical-align:top; }
.menu_all li{  display:block; margin:0; text-align:left; list-style:none; }
.menu_all li a { padding:0 15px 2px 15px; font-size:14px;line-height:21px;color:#dedede;text-decoration:none; }
.menu_all li a:hover { background-color:#8158b4;color:#FFF; border-radius:20px;  }


.menu_all_bottom { clear:both; top:100px; z-index:100;width:100%; min-width:1200px; background-color:#4d4d4d;  margin:0 auto; padding:20px 0 30px 0; text-align:center}
.menu_all_bottom h3 { font-size:26px; color:#CCC; font-weight:300; text-align:left; padding-left:6px; }
.menu_all_bottom ul{ display:inline-block; margin:0 auto; padding:0 42px; text-align:center; vertical-align:top}
.menu_all_bottom li{ margin:0; text-align:left; }
.menu_all_bottom li a { padding:0 7px 3px 7px; font-size:14px;line-height:30px;color:#dedede;text-decoration:none; }
.menu_all_bottom li a:hover { background-color:#7b7b7b;color:#FFF; border-radius:20px; }


.body_wrap {
    width: 100%;
    height: 100%;
    margin: 0 auto;
    min-height: 100%;
    height: auto !important;
    padding-top: 83px;
    box-sizing: border-box;
} /* 너비 조정시 보더값 주의! */


/*
#product { display:inline-block; position:relative; width:100%; margin-bottom:20px; text-align:center; }
#product h2 { display:block; font-weight:600; font-size:30px; letter-spacing:-0.05em; }
#product span { float:left; display:inline; padding:0 30px 0 0;   }



#main_notice { display:inline-block; position:relative; width:100%;  padding-top:25px; margin-bottom:40px;text-align:left; }

#main_notice img { margin-right:20px; }


#main_notice .more { display:inherit; margin-top:10px; padding-right:15px; background:url(../images/ico/ico_arrow_next_blue.gif) no-repeat right 4px;  font-size:14px; line-height:14px;  }
#main_notice .more a  { color:#6888cd }


#main_notice font { float:left; display:block; margin-bottom:10px; }
#main_notice .more2  { float:left; display:inherit; font-size:14px; line-height:14px; color:#6888cd; padding-right:15px; background:url(../images/ico/ico_arrow_next_blue.gif) no-repeat right 4px;  }



*/

#main_notice .news {  display:inline-block; width:200px; padding:0; text-align:left; vertical-align:top}
#main_notice .news ul { float:left; padding-top:34px; }
#main_notice .news ul li { float:left; width:100%; font-size:14px; line-height:14px;  list-style:none; padding-bottom:25px; color:#666666 }
#main_notice .news ul li a { float:left; display:inline-block; /*word-break:break-all; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;*/ color:#808080 }
#main_notice .news ul li a:hover { text-decoration:underline; color:#666 }
#main_notice .news ul li span { float:left; display:block; font-size:12px; line-height:14px; width:200px; color:#999999; margin-top:10px; }



.banner_wrap2 { position:relative; margin-left:150px; margin-top:-53px; width:810px; overflow:hidden; white-space:nowrap }

.body_wrap .history { display:block; max-width:1200px; margin:0 auto; margin-top:0; color:#666; text-align:left; padding:8px 0 8px 12px; z-index:100; font-size:12px;  text-align:right; border-bottom:#d9d9d9 solid 1px;   }
.body_wrap .history strong { color:#333; padding:0;  }

.body_wrap .data_loading { display:block; float:right; width:500px; height:25px; color:#808080; text-align:right; font-size:11px; }
.body_wrap .data_loading span { padding-left:20px; }
.body_wrap .data_loading strong { color:#4d4d4d; padding-right:8px; }










.footer { float:left; width:100%; margin:0;  font-size:11px; line-height:16px; clear:both; border-top:#dedede solid 1px; padding-top:15px; padding-bottom:10px; background-color:#363237; color:#bdbdbd;box-sizing: border-box;}
.footer p { font-weight:600 }
.footer p .language { float:right;  background-color:#666; padding:2px 5px; display:none }
.footer p .language a:link { color:#fff; font-size:13px;    }
.footer span { font-weight:100; color:#bdbdbd; padding:0 5px; font-family:돋움 }
.footer .box { display:block; max-width:1720px; margin:0 auto;  text-align:left;  }
/* .footer .box img { display:block; float:left; margin:10px 40px 20px 40px;}*/
.footer .box a:link, 
.footer .box a:active, 
.footer .box a:visited {color:#fff; text-decoration:none; }
.footer .box a:hover {color:#59b1f3; text-decoration:underline;}

.footer .box .sns { float:right; margin-top:-60px; margin-right:40px;display:none;}
.footer .box .sns img { padding:0; margin:0; vertical-align:middle}

.footer .box .sns a:link, 
.footer .box .sns a:active, 
.footer .box .sns a:visited  {float:right; background-color:#808080; border-radius:20px; width:36px; height:36px; padding:0; margin:5px; vertical-align:middle }
.footer .box .sns a:hover { background-color:#8158b4; }

.main_graph .total_data { color:#808080; font-size:11px; line-height:40px;}
.main_graph .total_data font { font-size:16px; font-weight:bold;  margin-left:5px; }

.main_graph .blue  { background-color:#19a0c9 }
.main_graph .red   { background-color:#d2587c }
.main_graph .gray  { background-color:#333333 }
.main_graph .green { background-color:#749119 }

.blue2  { color:#19a0c9 }
.red2  { color:#d2587c }
.gray2  { color:#333333 }
.green2 { color:#749119 }


.add_text { text-align:right; padding:5px; font-size:11px; color:#a3a3a3; letter-spacing:-0.05em}
.add_text_input { padding:5px; font-size:11px; color:#5a96d5}
.text_cut { display: inline-block; width:250px; color:#000; word-break:break-all; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; }




/* 설정 관련 팝업*/ 
.popup_wrap {width:530px; margin:0 auto; padding:0; } /* 너비 조정시 보더값 주의! */

.popup_wrap h3 { color:#FFFFFF; font-size:15px; letter-spacing:-0.05em; margin-top:30px; padding-left:5px }

.popup_wrap table { padding:20px 0; }

.popup_wrap .join  { border:#262626 solid 1px; background-color:#3b3e40; *padding:20px 0; }
.popup_wrap .join th { width:120px; color:#ffffff; text-align:right; border:0; padding-right:10px; }
.popup_wrap .join td { color:#808080; border:0; margin:0; padding:3px 10px}
.popup_wrap .join td input { width:220px }
.popup_wrap .join td textarea {  }


.login_wrap {width:530px; margin:0 auto; padding:0; font-family:Verdana }
.login_wrap .login_tit { text-align:center; padding:180px 0 30px 0; 

color:#333; font-size:28px; font-family:Myriad Pro, Tahoma; font-weight:bold; background-image:url(../images/logo/bi_sm.gif);
	background-size:87px 13px;
	background-repeat:no-repeat;
	background-position:50% 145px;



}
.login_wrap .login_tit span { font-size:18px; font-weight:normal; color:#666}
.login_wrap .login_bottom {text-align:center; margin:30px 0 30px 0; color:#666; font-size:12px; }
.login_wrap .login_bottom strong {  }
.login_wrap .login_bottom a { color:#39F }

.login_wrap .login  { width:420px; border:#e5e5e5 solid 1px; border-radius:10px;  background-color:#fafafa; margin:0 auto;}
.login_wrap .login table { width:320px; padding:20px 0 20px 0; margin:0 auto;}
.login_wrap .login th { color:#ffffff; border:0; }
.login_wrap .login td { color:#ffffff; border:0; margin:0; padding:0}
.login_wrap .login td input { width:220px; color:#999999; padding:6px 10px; border:#d3d3d3 solid 1px; font-family:nanumgothic  }
.login_wrap .login td textarea {  }
.login_wrap .login .save { padding:10px 8px 3px 3px; margin:0; font-weight:normal;  }
.login_wrap .login .save input { width:16px; border:0; padding:0; margin:0 }
.login_wrap .login .save a { color:#999999 }
.login_wrap .login .save a:hover { text-decoration:underline }

.box_w { font-family:helvetica, geneva, arial, sans-serif; font-size:12px; color:#333; background:#FFF;
	border-radius:4px; border:1px #cccccc solid;
	padding:7px 5px; margin:0;
	box-shadow:inset 1px 1px 2px rgba(0,0,0,0.05);
	-webkit-box-shadow:inset 1px 1px 2px rgba(0,0,0,0.05);
	-moz-box-shadow:inset 1px 1px 2px rgba(0,0,0,0.05); }
	
.box_w img { vertical-align:middle}

.popup_bottom { text-align:center; margin-top:25px; }
.center_bottom {display:block; text-align:center; margin-top:25px; margin-bottom:25px;  }
.right_bottom {display:block; text-align:right; margin-top:10px; margin-bottom:25px;  }

.footer_popup { width:100%; font-size:10px; line-height:16px; clear:both; color:#777c84; text-align:center; margin-top:25px }


/* 알림 레이어 팝업*/
.layer_popup { position:absolute; left:50%; top:0; margin-top:200px; margin-left:-400px; border:#3b3e40 solid 1px; background-color:#FFF; z-index:100; border-radius: 5px; min-width:400px;}

.layer_popup h3 { display:block; *min-width:400px; background-color:#3b3e40; height:45px; margin:0; padding-left:20px; padding-bottom:4px; font:bold 13px/45px 맑은 고딕; color:#FFF; vertical-align:middle }
.layer_popup h3 span { color:#0b7ac4; font-size:13px; }


.layer_popup p { padding:10px 20px; border:#dddddd solid 1px; background-color:#f5f5f5; margin:20px; color:#333333}

.layer_popup .bottom { text-align:center; margin:0 20px 15px 20px;}

.layer_popup .popup_close {margin:0 20px 15px 20px; padding-bottom:25px; }

.layer_popup .popup_close input { border:0; box-shadow:none; margin-left:0; padding:1px; vertical-align:-0.15em }


.layer_popup ul { width:300px; margin:20px auto; padding:0; }
.layer_popup li { list-style:none; line-height:36px;}
.layer_popup li span { float:left; width:85px;}


/*  사용자 정보 미니 팝업*/
.popup_info { position:absolute; z-index:100; margin-top:-40px; margin-left:-170px; width:140px; font-size:11px; font-family:Verdana, 돋움; padding:10px; border:#999 solid 1px; border-radius:10px;  background-color:#fff}
.popup_info li { float:left; list-style:none; line-height:12px; color:#666  }
.popup_info span { float:left; width:40px; text-align:left;  }


/* 리스트 */
ul {margin:0; padding:0;}
ul.list_1 li {list-style:url(../images/list_1.png);}


.file_box { width:400px; padding:0; margin-right:10px; vertical-align:middle; font-weight:bold }



/****** 테이블 ******/
.table {padding:0; margin:0; border-spacing:0; width:100%;
/*
	border-radius:4px;
	-webkit-border-radius:4px;
	-moz-border-radius:4px; overflow:hidden;*/
}
.table a:link, 
.table a:active, 
.table a:visited { color:#2e88cc; text-decoration:none;}




.table img { vertical-align:middle}
.table input { vertical-align:middle;}

.table .i_box {border:#c6c6c6 solid 1px;}
.table .i_box:hover { border:1px #09F solid}

.table .c_box {border:#c6c6c6 solid 1px; width:100px; text-align:center;}
.table .c_box:hover { border:1px #09F solid; }

.table .border_l { border-left:1px #ddd solid; text-align:center }
.table .border_r { border-right:1px #ddd solid; text-align:center }

.table th {/*text-shadow: 1px 1px 0 #fff; background-color:#ebf2f6;*/ background-color:#4d4d4d; font-weight:bold; color:#fff; }
.table th, 
.table td {vertical-align:middle; padding:5px 20px; border-bottom:1px #ddd solid; /*border-left:1px #ddd solid;*/  text-align:center;}

.table_striped tbody tr:nth-child(2n) td {background-color: #fcfcfc;}
.table_striped tbody tr:nth-child(2n) th {background-color: #fcfcfc;}
.table_striped tbody th:hover {background-color:#000;}

.table_striped2 th { border-right:#c6c6c6 solid 1px;}
.table_striped2 .none { border-right:none }


.total tbody tr:last-child td { 
border-bottom:1px #666 solid; background:#f2f2f2; font-weight:bold; color:#000  }

.table tbody tr:hover td {background-color:#f1f8ff;}
.table tbody tr:last-child td { border-bottom:1px #ddd solid; }
.table tbody th:first-child, .table thead th:first-child { }

.table_w { }
.table_w tr:first-child td { border-top:1px #ddd solid; }
.table_w tr:first-child th { border-top:1px #ddd solid; }
.table_w td { text-align:left}
.table_w th { background-color:#f2f2f2; color:#808080; text-align:left }

.table_w_c {   }
.table_w_c tr:first-child td { border-top:1px #ddd solid; }
.table_w_c tr:first-child th { border-top:1px #ddd solid; }
.table_w_c td { text-align:center}
.table_w_c th { background-color:#f2f2f2; color:#666 }


.table_center {}
.table_center th { text-align:center}
.table_center td { text-align:center}
.table_center a:link  { text-decoration:underline; }

.table_center th a:link  { color:#333; text-decoration:none}
.table_center th a:hover  { color:#333;  text-decoration:underline;  }


.table_search { }
.table_search th {text-align:center; border:0; }
.table_search th, 
.table_search td { padding:10px }

.table_none {  border:1px #ddd solid; border-bottom:0; }
.table_none td { border:none; text-align:left}

.w_100 { display:inline-block; width:100px; }



.paging{width:100%; text-align:center; clear:both;}
.paging_align{display:inline-block; text-align:center; height:40px; margin:25px auto 15px;}
.paging a{display:block; float:left; border-radius:50%; width:30px; height:30px; line-height:30px; color:#666; margin:0 1px;}
.paging a:hover, .paging a.active{background:#f97e1f; color:#fff; font-weight:400;}
.paging a.paging_arrow_left{background:url(../images/ico/ico_realtime_arrow_left.gif) no-repeat center center;}
.paging a.paging_arrow_right{background:url(../images/ico/ico_realtime_arrow_right.gif) no-repeat center center;}
.paging a.paging_arrow_left:hover{background-image:url(../images/ico/ico_realtime_arrow_left_over.gif);}
.paging a.paging_arrow_right:hover{background-image:url(../images/ico/ico_realtime_arrow_right_over.gif);}


/* 좌측 빠른접수 추가 16.05.18 */
.popup_left { position:fixed; top:0; left:0; z-index:1000;}
.popup_left h3 { width:210px; height:36px; background-color:#1d1e21; margin:0; padding:0 0 0 10px; border:0; color:#CCC; line-height:30px; font-size:14px; }
.popup_left h3 span { float:right; height:36px; margin:0; padding:0; border:0; line-height:30px;}
.popup_left .popup_left_img {}

.popup_left .popup_left_box { position:fixed; bottom:0; left:0; width:180px; padding:0 20px; height:420px; background:url(../images/popup/bg_bar_mobile.png) no-repeat 0 0 }
.popup_left .popup_left_box h3 { width:180px; margin:43px auto 0; padding:0; background:none; font-size:16px; text-align:center;  }
.popup_left .popup_left_box2 { width:100%; margin:0 auto}
.popup_left .popup_left_box2 span { display:none}


.popup_left .popup_left_box2 input
 { display:block; width:140px; margin:5px auto; color:#333; font-size:14px; line-height:26px; height:26px;  text-align:left;  border:none; padding-left:5px;  
 background-color:#fafafa;  border:#c4c4c4 solid 1px; }

.popup_left .popup_left_box2 textarea
 { display:block; width:136px; margin:5px auto; color:#333; font-size:14px; line-height:20px;  text-align:left;  border:none; padding:5px;
 background-color:#fafafa; border:#c4c4c4 solid 1px; }

.popup_left .popup_left_box2 input:focus,
.popup_left .popup_left_box2 textarea:focus 
{ background-color:#fff;border:#3393e5 solid 1px; }

.popup_left .popup_left_box2 select { display:block; width:148px; margin:5px auto; color:#333; font-size:14px; line-height:20px;  text-align:left;  border:none; 
 background-color:#fafafa; border:#c4c4c4 solid 1px; }

.popup_left .popup_left_agree_box {  display:block; width:140px;padding:5px 0 5px; margin:0 auto; text-align:center; color:#fff}
.popup_left .popup_left_agree_box lable { }

.popup_left .popup_left_agree_box_h4 {  display:block; width:140px;padding:5px 0 5px; margin:0 auto; text-align:center }
.popup_left .popup_left_agree_box_h4 a { background-color:#6a6a6a; color:#fff; font-size:11px; font-weight:bold; border-radius:3px; padding:5px 15px;  }
.popup_left .popup_left_btn {  display:block; text-align:center; margin:0 auto;  }
.popup_left .popup_left_btn a { width:150px; font-size:16px; font-weight:bold; line-height:30px; }

#SideAcceptIFrame{
width:100%; height: 100%; border:0px;
}

#device_change {display:block;margin:0.3em;padding:0.5em 0;border:1px solid #eee;border-radius:2em;background:#fff;color:#000;font-size:2em;text-decoration:none;text-align:center;clear:both;}



#QuickAccepterPop{
    position: fixed;
    top: 150px;
    left: 60%;
    width: 270px;
    height: 490px;
    background: url(/images/quick/bg.png) left top no-repeat;
    padding: 67px 23px 60px;
    box-sizing: border-box;
    font-family: 'Nanum Gothic','Noto Sans KR', sans-serif;
    z-index: 99999999;
    display:none;
    line-height: 1;
}
#QuickAccepterPop .ContentBox{
    width: 100%;
    height: 100%;
    background-color:#2F3535;
}
#QuickAccepterPop h3{
    text-align: center;
    padding: 15px 0 10px;
    font-size: 18px;
    color: #EEE;
    font-family: Open Sans, Helvetica Neue, Roboto, 'NanumGothic', 'nbg', 'Malgun Gothic', Dotum, Arial, Helvetica, sans-serif;
    font-weight: 800;
    margin: 0;
}

#QuickAccepterPop .PopInputBox{
    padding: 10px;
}
#QuickAccepterPop .PopInputBox input[type='text'],#QuickAccepterPop .PopInputBox textarea,#QuickAccepterPop .PopInputBox select{
    width: 100%;
    box-sizing: border-box;
    padding: 5px;
    margin-bottom: 10px;
}
#QuickAccepterPop .popup_left_agree_box_h4{
    display: block;
    border: 2px solid #EEE;
    margin: 0 auto;
    padding: 2px;
    border-radius: 6px;
    background-color: #999;
    text-align: center;
    width: 130px;
    line-height: 8px;
    height: 14px;
}
#QuickAccepterPop .popup_left_agree_box_h4 a{color:#FFF;font-size: 10px;}
#QuickAccepterPop .PopTitle{
        display: none;
}
#QuickAccepterPop .popup_left_agree_box{
    padding: 10px;
    text-align: center;
    color: #FFF;
    font-size: 12px;
}
#QuickAccepterPop .popup_left_btn{
    text-align: center;
}
#QuickAccepterPop #QuickAccepterPop-BtnX{
    position: absolute;
    top: -10px;
    right: -10px;
    width: 26px;
    height: 26px;
    background: url(/images/quick/btn_x.png) top left no-repeat;
    cursor: pointer;
}
.talk_banner_div{
    display: inline-block;
    vertical-align: text-bottom;
    padding-right: 20px;
}