@charset 'utf-8';

header, footer, menu, nav, section, article, aside, figure, figcaption, time, hgroup, details, summary {display:block}

* { -webkit-print-color-adjust: exact; }

/*body { background-color: #FFFFFF; margin: 0; }
ul { margin:0; padding:0; }
li { list-style:none; }*/

img, form, input, button, select, textarea { vertical-align:middle; }

.echo2 { display:block; word-break:break-all; white-space:pre-wrap; margin:1em 0px; font-family:'Tahoma', '돋움', 'dotum', '맑은고딕', '굴림'; font-size:9pt; text-align:left; }

.auto_width { width:auto !important; }
.empty { height:0; margin:0; padding:0; }

/* --Clearfix */
.cf:before,
.cf:after {content:''; display:table;}
.cf:after {clear:both;}
.cf {zoom:1;}

.clear_both, .new_line, .newline, .nl, .clear { clear:both; }
.display_none, .hidden, .hide { display:none; }
.block {display:block;}
.relative {position:relative;}
.absolute {position:absolute;}
.oh, .over_hidden { overflow:hidden; }
.ellipsis { white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.center { /*margin:0 auto;*/ margin-left:auto; margin-right:auto; }
.left   { float:left; }
.right  { float:right; }
.tleft,   .align_left   { text-align:left; }
.tright,  .align_right  { text-align:right; }
.tcenter, .align_center { text-align:center; }
.bold   { font-weight:bold; }
.normal { font-weight:normal; }
.basic { font-size:9pt; font-weight:normal; }
.nowrap { white-space:nowrap; }
.fixed-table { table-layout:fixed; word-break:break-all; }

.vTop {vertical-align:top !important;}
.vCenter { display:table; table-layout:fixed; }
.vCenter > span, .vCenter > div { display:table-cell; /*zoom:1; #display:inline;*/ text-align:center; vertical-align:middle; overflow:hidden; }

.vCenter_table { /*zoom:1; display:inline;*/ border-collapse:collapse; border:0; table-layout:fixed; }
.vCenter_table, .vCenter_table td { width:100%; height:100%; text-align:center; overflow:hidden; }
.vCenter_table td { vertical-align:middle; }

.inline-block, .ib {
	display:-moz-inline-stack; /*display:-moz-inline-box;*/
	display:inline-block;
	zoom:1;/*IE*/ *display:inline;/*IE7*/ _display:inline;/*IE6*/
}
.mc   {	margin: 0 auto;}

.mt5  { margin-top:5px; }
.mt10 { margin-top:10px; }
.mt15 { margin-top:15px; }
.mt20 { margin-top:20px; }
.mt30 { margin-top:30px; }
.mt40 { margin-top:40px; }

.mb5  { margin-bottom:5px; }
.mb10 { margin-bottom:10px; }
.mb15 { margin-bottom:15px; }
.mb20 { margin-bottom:20px; }
.mb30 { margin-bottom:30px; }

.pt5  { padding-top:5px; }
.pt10 { padding-top:10px; }
.pt15 { padding-top:15px; }
.pt20 { padding-top:20px; }

.pb5  { padding-bottom:5px; }
.pb10 { padding-bottom:10px; }
.pb15 { padding-bottom:15px; }
.pb20 { padding-bottom:20px; }


.mr5  { margin-right:5px; }
.mr10 { margin-right:10px; }
.mr15 { margin-right:15px; }
.mr20 { margin-right:20px; }
.mr30 { margin-right:30px; }

.ml5  { margin-left:5px; }
.ml10 { margin-left:10px; }
.ml15 { margin-left:15px; }
.ml20 { margin-left:20px; }
.ml30 { margin-left:30px; }
.ml40 { margin-left:40px; }
.ml50 { margin-left:50px; }
.ml60 { margin-left:60px; }
.ml70 { margin-left:70px; }

.pr5  { padding-right:5px; }
.pr10 { padding-right:10px; }
.pr15 { padding-right:15px; }
.pr20 { padding-right:20px; }
.pr30 { padding-right:30px; }

.pl5  { padding-left:5px; }
.pl10 { padding-left:10px; }
.pl15 { padding-left:15px; }
.pl20 { padding-left:20px; }
.pl30 { padding-left:30px; }
.pl40 { padding-left:40px; }
.pl50 { padding-left:50px; }
.pl60 { padding-left:60px; }
.pl70 { padding-left:70px; }

.pd0 { padding:0; }
.pd5 { padding:5px; }
.pd10 { padding:10px; }
.pd15 { padding:15px; }
.pd20 { padding:20px; }
.pd30 { padding:30px; }

.mg0 { margin:0 !important; }
.mg5 { margin:5px; }
.mg10 { margin:10px; }
.mg15 { margin:15px; }
.mg20 { margin:20px; }
.mg30 { margin:30px; }

.bt1 { border-top: 1px solid #CCC }
.br1 { border-right: 1px solid #CCC }
.bb1 { border-bottom: 1px solid #CCC }
.bl1 { border-left: 1px solid #CCC }
.bx1 { border: 1px solid #CCC; overflow: hidden; }

.ul {text-decoration: underline;}
.ul-i {text-decoration: underline !important;}
.fc-inherit {color: inherit;}
.fc-inherit-i {color: inherit !important;}


.hidden-jump-tab { position:relative; }
.hidden-jump-tab a { display:block; height:1px; width:1px; margin-bottom:-1px; overflow:hidden; text-align:center; color:#000; white-space:nowrap; }
.hidden-jump-tab a:focus,
.hidden-jump-tab a:active { height:auto; width:auto; padding:5px; margin-bottom:10px;}

/* 문서의 최상단 스킵네비게이션 */
#skip-navigation{position:relative;z-index:10000;top:0;left:0;/*width:980px*/;margin:0 auto;}
.msie7 #skip-navigation{position:absolute;}
#skip-navigation a{width:1px;height:1px;position:absolute;overflow:hidden;margin-bottom:-1px;}
#skip-navigation a:focus, #skip-navigation a:active{width:auto;height:auto;position:relative;overflow:auto;margin:0px 0px 0px 0px;position:absolute;width:auto;top:0;padding:5px 10px;border:2px solid #232323;background:#1287e0;color:#ffffff;font-weight:bold}


/* 화면낭독기 사용자용 */
#hd_login_msg {position:absolute;top:0;left:0;font-size:0;line-height:0;overflow:hidden}
.msg_sound_only, .sound_only {display:inline-block !important;position:absolute;top:0;left:0;margin:0 !important;padding:0 !important;font-size:0;line-height:0;border:0 !important;overflow:hidden !important}

/* tail.sub.php 문서 최하단 숨김플레임 */
#hiddenframe { display:none; }



.shadow_box {
/*horizontal length, vertical length, blur radius, spread radius, shadow color(r,b,g,trans)*/
-webkit-box-shadow: 10px 10px 5px 0px rgba(0,0,0,0.75);
-moz-box-shadow: 10px 10px 5px 0px rgba(0,0,0,0.75);
box-shadow: 10px 10px 5px 0px rgba(0,0,0,0.75);
}