/*********************** Font ***********************/
@font-face { font-family: ng; src:url(/dbimage/bnuehansae/WebData/font/NanumGothic.eot?#iefix) format("embedded-opentype"); src:local(¡Ø),  url(/dbimage/bnuehansae/WebData/font/NanumGothic.woff)  format(¡®woff¡¯), url(/dbimage/bnuehansae/WebData/font/NanumGothic.ttf) format("truetype");}
@font-face { font-family: ngb; src:url(/dbimage/bnuehansae/WebData/font/NanumGothicBold.eot?#iefix) format("embedded-opentype"); src:local(¡Ø),  url(/dbimage/bnuehansae/WebData/font/NanumGothicBold.woff)  format(¡®woff¡¯), url(/dbimage/bnuehansae/WebData/font/NanumGothicBold.ttf) format("truetype");}




#wrap { width:100%; min-width: 1100px; height:auto; margin:0; padding:0; background:url(/dbimage/bnuehansae/WebData/img/common/bg_body.gif) repeat-y top center;}
#wrap_w { width:1000px; height:auto; margin:0 auto; padding:0; background:url(/dbimage/bnuehansae/WebData/img/common/bg_left_color.gif) repeat-y top left; overflow:auto;}

#wrap_left { float:left; width:206px; height:auto; min-height:900px; margin:0; padding:0 56px 0 0;}
#header { width:206px; height:auto; margin:0 0 20px 0; padding:0;}
#header > h1 { width:206px; height:113px; margin:38px 0 18px 0; padding:0;}
#gnb { width:auto; height:auto; margin:18px 0 41px 0; padding:0; text-align:right;}
#gnb > li { width:auto; height:13px; margin:0; padding:0 0 0 18px; background:url(/dbimage/bnuehansae/WebData/img/common/gnb_line.gif) no-repeat 0 2px; display:inline;}
#gnb > li > a.gnblk:link,a.gnblk:visited,a.gnblk:active,a.gnblk:hover { font-size:12px; color:#8dcdff;}
#lnb { width:auto; height:auto; margin:0; padding:0; display:inline-block;}
#lnb > li { width:206px; height:auto; margin:0 0 25px 0; padding:0; text-align:right;}
#lnb > li > a { font-size:20px; font-weight:normal; padding-top:2px; padding-bottom:2px; display:block;}
#lnb > li > a.lnb1:link, a.lnb1:visited, a.lnb1:active { color:#fff;}
#lnb > li > a.lnb1:hover { color:#fff0b9;}
#lnb > li > #lnb2th { width:auto; height:auto; margin:15px 0 0 0; padding:0;}
#lnb > li > #lnb2th > li { width:206px; height:auto; margin:4px 0 0 0; padding:0; text-align:right;}
#lnb > li > #lnb2th > li > a { font-size:13px; font-weight:normal; display:block;}
#lnb > li > #lnb2th > li > a.lnb2:link, a.lnb2:visited, a.lnb2:active { color:#8dc9e5;}
#lnb > li > #lnb2th > li > a.lnb2:hover { color:#fff0b9;}
#footer { width:206px; height:auto; margin:0 0 20px 0; padding:0;}
#footer > address { width:206px; height:auto; margin:0 0 10px 0; padding:0; text-align:right; font-size:12px; font-weight:normal; font-style:normal; color:#fafee1;}
#footer > p { width:206px; height:auto; margin:0; padding:0; text-align:right; font-family:Verdana; font-size:10px; letter-spacing:-0.02em; color:#ecc79f;}












/*********************** Float Style ***********************/
.f_left { float:left !important;}
.f_right { float:right !important;}
.f_none { float:none !important;}
.f_clear { clear:both !important;}


/*********************** Text Align Style *******************/
.t_left { text-align:left !important;}
.t_right { text-align:right !important;}
.t_center { text-align:center !important;}


/*********************** Vertical Align Style ****************/
.v_top { vertical-align:top !important;}
.v_middle { vertical-align:middle !important;}
.v_bottom { vertical-align:bottom !important;}


/*********************** Font Color Style *******************/
.red { color:#a40000 !important;}
.red2 { color:#cc0000;}
.blue { color:#6390de;}
.skyblue { color:#00A0DC !important;}
.gray { color:#555 !important;}
.green { color:#4DA81C !important;}
.orange { color:#e38731 !important;}
.black { color:#000 !important;}
.yellow { color:#f4f675 !important;}
.pupple { color:#3c6ab3;}


/*********************** Font Size ***********************/
.f_11 { font-size:11px !important;}
.f_12 { font-size:12px !important;}
.d_inline { display:inline !important;}


/*********************** Letter Spacing Style *************/
.spacing1 { letter-spacing:-1px;}
.spacing2 { letter-spacing:-2px;}
.spacing3 { letter-spacing:-3px;}


/*********************** Padding Style *******************/
.p_t0 { padding-top:0px !important;}
.p_t5 { padding-top:5px !important;}
.p_t10 { padding-top:10px !important;}
.p_t15 { padding-top:15px !important;}
.p_t20 { padding-top:20px !important;}
.p_t30 { padding-top:30px !important;}
.p_t40 { padding-top:40px !important;}
.p_t50 { padding-top:50px !important;}

.p_l0 { padding-left:0px !important;}
.p_l5 { padding-left:5px !important;}
.p_l10 { padding-left:10px !important;}
.p_l15 { padding-left:15px !important;}
.p_l20 { padding-left:20px !important;}
.p_l25 { padding-left:25px !important;}
.p_l30 { padding-left:30px !important;}

.p_r0 { padding-right:0px !important;}
.p_r5 { padding-right:5px !important;}
.p_r10 { padding-right:10px !important;}
.p_r15 { padding-right:15px !important;}
.p_r20 { padding-right:20px !important;}

.p_b0 { padding-bottom:0px !important;}
.p_b5 { padding-bottom:5px !important;}
.p_b10 { padding-bottom:10px !important;}
.p_b15 { padding-bottom:15px !important;}
.p_b20 { padding-bottom:20px !important;}
.p_b30 { padding-bottom:30px !important;}
.p_b40 { padding-bottom:40px !important;}
.p_b50 { padding-bottom:50px !important;}
.p_b60 { padding-bottom:60px !important;}


/*********************** Margin Style *******************/
.m_t0 { margin-top:0px !important;}
.m_t5 { margin-top:5px !important;}
.m_t10 { margin-top:10px !important;}
.m_t15 { margin-top:15px !important;}
.m_t20 { margin-top:20px !important;}
.m_t30 { margin-top:30px !important;}
.m_t40 { margin-top:40px !important;}
.m_t50 { margin-top:50px !important;}
.m_t60 { margin-top:60px !important;}

.m_r0 { margin-right:0px !important;}
.m_r5 { margin-right:5px !important;}
.m_r10 { margin-right:10px !important;}
.m_r15 { margin-right:15px !important;}
.m_r20 { margin-right:20px !important;}

.m_l0 { margin-left:0px !important;}
.m_l5 { margin-left:5px !important;}
.m_l10 { margin-left:10px !important;}
.m_l15 { margin-left:15px !important;}
.m_l20 { margin-left:20px !important;}
.m_l25 { margin-left:25px !important;}
.m_l30 { margin-left:30px !important;}

.m_b0 { margin-bottom:0px !important;}
.m_b5 { margin-bottom:5px !important;}
.m_b10 { margin-bottom:10px !important;}
.m_b15 { margin-bottom:10px !important;}
.m_b20 { margin-bottom:20px !important;}
.m_b30 { margin-bottom:30px !important;}
.m_b40 { margin-bottom:40px !important;}
.m_b50 { margin-bottom:50px !important;}


/*Å×ÀÌºí*/

.table_01 { width:100%; border-collapse:collapse; border-top:2px solid #33495f; border-bottom:2px solid #d4d4d4; text-align:center;}
.table_01 thead th { background: #f7f9fa;  text-align:center;  border:1px solid #e7e7e7; border-bottom:1px solid #cacaca; color:#000 ; padding:8px 4px 9px 4px; }
.table_01 td { color:#5b5b5b; border:1px solid #e7e7e7; padding:10px;}
.table_01 td.t_bold{ font-weight:bold; background-color:#f3fafd;}
.table_01 td.t_left{ text-align:left;}

.table_02 { width:100%; border-collapse:collapse; border-top:2px solid #3a77ca; border-bottom:2px solid #d4d4d4; text-align:center;}
.table_02 th { background: #f7f9fa;  text-align:center;  border:1px solid #e7e7e7; border-bottom:1px solid #cacaca; color:#333; padding:8px 4px 9px 4px; }
.table_02 td { color:#5b5b5b; border:1px solid #e7e7e7; padding:10px;}
.table_02 td.t_bold{ font-weight:bold; background-color:#f3fafd;}
.table_02 td.t_left{ text-align:left;}


/* ±âº»¹öÆ° */
.btntype_01{display:inline-block;*display:inline;*zoom:1;padding:0px
7px;margin-bottom:0;font-size:13px;line-height:20px;text-align:center;vertical-align:middle;cursor:pointer;color:#333;text-shadow:0 1px 1px rgba(255, 255, 255, 0.75);background-color:#f5f5f5;background-image:-moz-linear-gradient(top, #ffffff, #e6e6e6);background-image:-webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#e6e6e6));background-image:-webkit-linear-gradient(top, #ffffff, #e6e6e6);background-image:-o-linear-gradient(top, #ffffff, #e6e6e6);background-image:linear-gradient(to bottom, #ffffff, #e6e6e6);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffe6e6e6', GradientType=0);border-color:#e6e6e6 #e6e6e6 #bfbfbf;border-color:rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);*background-color:#e6e6e6;filter:progid:DXImageTransform.Microsoft.gradient(enabled = false);border:1px
solid #ccc;*border:0;border-bottom-color:#b3b3b3;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;*margin-left: .2em;-webkit-box-shadow:inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05);-moz-box-shadow:inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05);box-shadow:inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05)}
.btntype_01:hover,.btn_type:focus,.btn_type:active,.btn_type.active,.btn_type.disabled,.btn_type[disabled]{color:#333;background-color:#e6e6e6;*background-color:#d9d9d9}
.btntype_01:active,.btn_type.active{background-color:#ccc \9}
.btntype_01:first-child{*margin-left:0}
.btntype_01:hover,.btn_type:focus{color:#333;text-decoration:none;background-position:0 -15px;-webkit-transition:background-position 0.1s linear;-moz-transition:background-position 0.1s linear;-o-transition:background-position 0.1s linear;transition:background-position 0.1s linear}

.btntype_02 { display:inline-block;*display:inline;*zoom:1; padding:20px 30px; margin-bottom:0; font-size:18px; font-weight:normal; line-height:20px; text-align:center; vertical-align:middle; cursor:pointer; color:#fff; background:#40678f;}


/*ÇÏ¾á¹ÙÅÁ ¹öÆ° */
a.btn_type1 {display:inline-block; padding:6px 23px 5px 24px; border:#c6c6c6 1px solid; color:#898989; font-size:13px; background-color:#fff;}
a.btn_type1:visited {color:#898989;}
a.btn_type1:hover {text-decoration:none; background-color:#eeeeee; }
a.btn_type1:active { text-decoration:none; background-color:#eeeeee;}

/*ÇÏ¾á¹ÙÅÁ Å«¹öÆ° */
a.btn_type1_1 {display:inline-block; padding:8px 45px 7px 42px; border:#c6c6c6 1px solid; color:#898989; font-size:14px}
a.btn_type1_1:visited {color:#898989;}
a.btn_type1_1:hover {text-decoration:underline; background-color:#eeeeee; }
a.btn_type1_1:active { text-decoration:underline; background-color:#eeeeee;}

/*ÇÏ¾á¹ÙÅÁ ÀÛÀº¹öÆ° */
a.btn_type1_2 {display:inline-block; padding:2px 10px 3px 10px; border:#999 1px solid; color:#898989; font-size:11px; background:#fff; font-weight:normal; color:#000;  }
a.btn_type1_2:visited {color:#000;}
a.btn_type1_2:hover { background-color:#eeeeee; color:#0060ff }
a.btn_type1_2:active {  background-color:#eeeeee; color:#0060ff}


/*ÆÄ¶õ¹ÙÅÁ ¹öÆ° */
a.btn_type2 {display:inline-block; padding:6px 23px 5px 24px; border:#093e82 1px solid; font-size:13px; background-color:#2f73d4; color:#ffffff;}
a.btn_type2:visited {  color:#fff}
a.btn_type2:hover {text-decoration:none; background-color:#083370;  }
a.btn_type2:active { text-decoration:none; background-color:#083370;}

/*ÆÄ¶õ¹ÙÅÁ Å« ¹öÆ° */
a.btn_type2_1 {display:inline-block; padding:8px 45px 7px 42px; border:#093e82 1px solid; font-size:14px; background-color:#2f73d4; color:#ffffff;}
a.btn_type2_1:visited {  color:#fff}
a.btn_type2_1:hover {text-decoration:underline; background-color:#083370; }
a.btn_type2_1:active { text-decoration:underline; background-color:#083370;}

/*°ËÀº¹ÙÅÁ ¹öÆ° */
a.btn_type3 {display:inline-block; padding:6px 23px 5px 24px; border:#093e82 1px solid; font-size:13px; background-color:#333; color:#ffffff;}
a.btn_type3:visited {  color:#fff}
a.btn_type3:hover { background-color:#083370; }
a.btn_type3:active { background-color:#083370;}











/* ½ºÅµ³×ºñ°ÔÀÌ¼Ç */
ul#skipNavi { position:absolute; left:50%; z-index:100;}
ul#skipNavi li{ float:left;width:130px; position:absolute; top:-50px; z-index:100;}
ul#skipNavi a { height:1px;width:1px; margin-bottom:-1px; overflow:hidden; text-align:center; color:#fff; white-space:nowrap; background:#fff; color:#ff0000;} 
ul#skipNavi a:focus, 
ul#skipNavi a:active { position:absolute; top:50px; height:auto; width:130px; padding:5px; margin-bottom:10px; font-weight:bold; border:solid 2px #ff9900; color:#000; z-index:100}










.input_no input { border-width: 0px; background-color: transparent; selector-dummy : expression(this.hideFocus=true);}
.input_no { border-width: 0px; background-color: transparent; selector-dummy : expression(this.hideFocus=true);}
.clear { clear:both;}
.first { padding-left:0 !important; background:none !important;}
.bold { font-weight:bold;}
.cursor { cursor:pointer;}










.bg0 { background:none !important;}
