﻿/* reset 공통된 사항들에 대한 css  */






/* -------------------------------------------------------------------------- 공통버튼 세팅  ---------------------------------------------------- */

a.button, input.button, button.button {display: inline-block/* [IE]버그수정 */; cursor: pointer; margin: 0; padding: 4px 23px 4px; background: #5c5c5c; color: #fff !important;
vertical-align: middle; white-space: nowrap; text-decoration: none !important; line-height: 1.25}
img.button {cursor: pointer; vertical-align: middle}
input, select{ padding:3px;ime-mode:active }
input.button01, button.button01 {display: inline-block/* s[IE]버그수정 */; cursor: pointer; margin: 0; padding: 4px 16px 4px; * padding: 4px 9px 4px; background: #777777; color: #fff !important;
vertical-align: middle; white-space: nowrap; border:1px solid #777777; text-decoration: none !important; line-height: 1.25}
img.button {cursor: pointer; vertical-align: middle}

.grabtn-gray {display: inline-block; cursor: pointer; margin: 0; padding: 4px 13px 4px; background: #737373; color: #fff !important;}
.button-white {display: inline-block; cursor: pointer; margin: 0; padding: 4px 13px 4px; background: #f8f8f8; color: #5c5c5c !important; border:1px solid #dfdfdf}

a.figure-a {cursor: pointer}
a.figure-a:focus,
a.figure-a:hover {text-decoration: none}

.btn_right {margin-top:20px;text-align:right;  letter-spacing:0px;}
.btn_right a{ margin-left:3px }

.btn_left {margin-top:10px;text-align:left;  letter-spacing:0px;}
.btn_left a{ margin-left:2px }

.btn_center {margin-top:10px;text-align:center;  letter-spacing:0px;}
.btn_center a{ margin-left:2px }
/*하얀바탕 버튼 */
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:underline; background-color:#eeeeee; }
a.btn_type1:active { text-decoration:underline; 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:underline; background-color:#083370; }
a.btn_type2:active { text-decoration:underline; 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 {text-decoration:underline; background-color:#083370; }
a.btn_type3:active { text-decoration:underline; background-color:#083370;}

/*검은바탕 작은버튼 */
a.btn_type3_2 {display:inline-block;  padding:3px 10px 4px 10px; border:#093e82 1px solid;  font-size:11px; font-weight:normal; background-color:#575757; color:#ffffff;}
a.btn_type3_2:visited {  color:#fff}
a.btn_type3_2:hover {  background-color:#083370; }
a.btn_type3_2:active {   background-color:#083370;}

/*검은바탕 작은버튼2 */
a.btn_type3_1 {display:inline-block; padding:2px 13px 3px 15px; border:#093e82 1px solid; font-size:12px; background-color:#333; color:#ffffff; font-weight:normal}
a.btn_type3_1:visited {  color:#fff}
a.btn_type3_1:hover {text-decoration:underline; background-color:#083370; }
a.btn_type3_1:active { text-decoration:underline; background-color:#083370;}



/*하단 검색 숫자*/
.btn_search{ text-align:center; margin-top:30px; height:36px; font-size:13px;}
.btn_search a{ width:36px; height:36px; display:inline-block; vertical-align:middle; line-height:35px}
.btn_search a.number01{  text-align:center; vertical-align:middle border-top:#cdcdcd 1px solid; border-left:#cdcdcd 1px solid;  border-bottom:#cdcdcd 1px solid;  background-color:#2f73d4;   color:#fff}


.btn_search .number02{  border-top:#cdcdcd 1px solid; border-left:#cdcdcd 1px solid; border-bottom:#cdcdcd 1px solid; background-color:#ececec;  display:inline-block; text-align:center}
.btn_search a.number02:hover{ color:2f73d4}
.btn_search a.number02:active{ color:2f73d4}
.btn_search .number02 span{ color:#515151; }

/* 목록기본세팅 */
ul.ic {list-style: none; margin: 0; padding: .3em 0 .5em .8em; text-align: left}
ul.ic li {margin: 0; padding: 5px 0 5px 10px; background: url(../../img/all/libg.gif) no-repeat 0 1em; line-height:1.5em; color:#000}
ul.ic ul {list-style: none; margin: 3px 0 0 0; padding: 0 0 0 0}
ul.ic ul li {background: url(//dbimage/WebData/img/sub/lilibg.gif) no-repeat 0 .7em; margin:0; padding:0 0 0 7px; line-height:1.6em}
ul.ic li .li-title {font-weight:bold; color:#633}


.tbold{ font-weight:bold}
.imgz {max-width:100%}
.dpi {display: inherit !important}
.m_t40 {margin-top:40px}
/*들여쓰기*/
.indent {padding: 0 0 0 10px!important}
.indent2 {padding: 0 0 0 20px!important}
.indent3 {padding: 0 0 0 30px!important}
/*********************** Float Style ***********************/
.f_left {float:left !important}
.f_right {float:right !important}
.f_none {float:none !important}
.f_clear {clear:both !important}
.d_inline{display:inline !important}
.show {display:block}
.hide {display:none}
/*********************** Vertical Align Style ***********************/
.v_top {vertical-align:top !important}
.v_middle {vertical-align:middle !important}
.v_bottom {vertical-align:bottom !important}
.v_baseline {vertical-align:baseline !important}
/*********************** 텍스트 배열 ***********************/
.t_left { text-align:left !important}
.t_center {text-align:center !important}
.t_right {vtext-align:right !important}
 /*********************** Font Color Style ***********************/
/*st : 강한   vi : 선명한   dp : 짙은  dk : 어두운  dl : 칙칙한 gr : 은은한   pale : 밝은   vpale : 매우밝은*/
.black {color:#000 !important}
.white {color:#fff !important}
.cgray01 {color:#e8e8e8 !important}
.cgray02 {color:#989898 !important}

.red_st {color:#ec1a1a !important}
.red_vi {color:#ee0202 !important}
.red_dp {color:#a40e0e !important}
.red_dk {color:#5c0909 !important}
.red_dl {color:#925050 !important}
.red_gr {color:#d06c6c !important}
.red_pale {color:#ffa4a4 !important}
.red_vpale {color:#fbd7d7 !important}

.blue_st {color:#12a3f9 !important}
.blue_dk {color:#486795 !important}/* 남색 */

.bluegreen_dl {color:#316989} /* 청녹색 칙칙 */

.orange_st {color:#ec641a !important}
.orange_vi {color:#ee5b02 !important}
.orange_dp {color:#993300 !important}
.orange_dk {color:#5c2009 !important}
.orange_dl {color:#926950 !important}
.orange_gr {color:#d0946c !important}
.orange_pale {color:#ffc2a4 !important}
.orange_vpale {color:#ffe6d9 !important}

.f_8 {font-size:8px !important}
.f_10 {font-size:10px !important}
.f_11 {font-size:11px !important}
.f_12 {font-size:12px !important}
.f_13 {font-size:13px !important}
.f_14 {font-size:14px !important}
.f_16 {font-size:16px !important}
.f_18 {font-size:18px !important}
.f_20 {font-size:20px !important}
.f_22 {font-size:22px !important}
.f_24 {font-size:24px !important}
.f_26 {font-size:26px !important}

/*********************** Letter Spacing Style ***********************/
.spacing1 {letter-spacing:-1px}
.spacing2 {letter-spacing:-2px}
.spacing3 {letter-spacing:-3px}

.mp0 {margin:0 !important; padding:0 !important}
.m0 {margin:0 !important }
.p0 {padding:0 !important }

/*********************** Padding Style ***********************/
.p_t0 {padding-top:0px !important}
.p_t1 {padding-top:1px !important}
.p_t2 {padding-top:2px !important}
.p_t3 {padding-top:3px !important}
.p_t4 {padding-top:4px !important}
.p_t5 {padding-top:5px !important}
.p_t6 {padding-top:6px !important}
.p_t7 {padding-top:7px !important}
.p_t8 {padding-top:8px !important}
.p_t9 {padding-top:9px !important}
.p_t10 {padding-top:10px !important}
.p_t11 {padding-top:11px !important}
.p_t12 {padding-top:12px !important}
.p_t13 {padding-top:13px !important}
.p_t14 {padding-top:14px !important}
.p_t15 {padding-top:15px !important}
.p_t16 {padding-top:16px !important}
.p_t17 {padding-top:17px !important}
.p_t18 {padding-top:18px !important}
.p_t19 {padding-top:19px !important}
.p_t20 {padding-top:20px !important}
.p_t40 {padding-top:40px !important}


.p_l0 {padding-left:0px !important}
.p_l1 {padding-left:1px !important}
.p_l2 {padding-left:2px !important}
.p_l3 {padding-left:3px !important}
.p_l4 {padding-left:4px !important}
.p_l5 {padding-left:5px !important}
.p_l6 {padding-left:6px !important}
.p_l7 {padding-left:7px !important}
.p_l8 {padding-left:8px !important}
.p_l9 {padding-left:9px !important}
.p_l10 {padding-left:10px !important}
.p_l11 {padding-left:11px !important}
.p_l12 {padding-left:12px !important}
.p_l13 {padding-left:13px !important}
.p_l14 {padding-left:14px !important}
.p_l15 {padding-left:15px !important}
.p_l16 {padding-left:16px !important}
.p_l17 {padding-left:17px !important}
.p_l18 {padding-left:18px !important}
.p_l19 {padding-left:19px !important}
.p_l20 {padding-left:20px !important}
.p_l30 {padding-left:30px !important}
.p_l35 {padding-left:35px !important}

.p_r0 {padding-right:0px !important}
.p_r1 {padding-right:1px !important}
.p_r2 {padding-right:2px !important}
.p_r3 {padding-right:3px !important}
.p_r4 {padding-right:4px !important}
.p_r5 {padding-right:5px !important}
.p_r6 {padding-right:6px !important}
.p_r7 {padding-right:7px !important}
.p_r8 {padding-right:8px !important}
.p_r9 {padding-right:9px !important}
.p_r10 {padding-right:10px !important}
.p_r11 {padding-right:11px !important}
.p_r12 {padding-right:12px !important}
.p_r13 {padding-right:13px !important}
.p_r14 {padding-right:14px !important}
.p_r15 {padding-right:15px !important}
.p_r16 {padding-right:16px !important}
.p_r17 {padding-right:17px !important}
.p_r18 {padding-right:18px !important}
.p_r19 {padding-right:19px !important}
.p_r20 {padding-right:20px !important}

.p_b0 {padding-bottom:0px !important}
.p_b1 {padding-bottom:1px !important}
.p_b2 {padding-bottom:2px !important}
.p_b3 {padding-bottom:3px !important}
.p_b4 {padding-bottom:4px !important}
.p_b5 {padding-bottom:5px !important}
.p_b6 {padding-bottom:6px !important}
.p_b7 {padding-bottom:7px !important}
.p_b8 {padding-bottom:8px !important}
.p_b9 {padding-bottom:9px !important}
.p_b10 {padding-bottom:10px !important}
.p_b11 {padding-bottom:11px !important}
.p_b12 {padding-bottom:12px !important}
.p_b13 {padding-bottom:13px !important}
.p_b14 {padding-bottom:14px !important}
.p_b15 {padding-bottom:15px !important}
.p_b16 {padding-bottom:16px !important}
.p_b17 {padding-bottom:17px !important}
.p_b18 {padding-bottom:18px !important}
.p_b19 {padding-bottom:19px !important}
.p_b20 {padding-bottom:20px !important}


/*********************** Margin Style ***********************/
.m_t0 {margin-top:0px !important}
.m_t1 {margin-top:1px !important}
.m_t2 {margin-top:2px !important}
.m_t3 {margin-top:3px !important}
.m_t4 {margin-top:4px !important}
.m_t5 {margin-top:5px !important}
.m_t6 {margin-top:6px !important}
.m_t7 {margin-top:7px !important}
.m_t8 {margin-top:8px !important}
.m_t9 {margin-top:9px !important}
.m_t10 {margin-top:10px !important}
.m_t11 {margin-top:11px !important}
.m_t12 {margin-top:12px !important}
.m_t13 {margin-top:13px !important}
.m_t14 {margin-top:14px !important}
.m_t15 {margin-top:15px !important}
.m_t16 {margin-top:16px !important}
.m_t17 {margin-top:17px !important}
.m_t18 {margin-top:18px !important}
.m_t19 {margin-top:19px !important}
.m_t20 {margin-top:20px !important}
.m_t30 {margin-top:30px !important}
.m_t25 {margin-top:25px !important}
.m_t96 {margin-top:96px !important}
.m_t60 {margin-top:60px !important}


.m_l0 {margin-left:0px !important}
.m_l1 {margin-left:1px !important}
.m_l2 {margin-left:2px !important}
.m_l3 {margin-left:3px !important}
.m_l4 {margin-left:4px !important}
.m_l5 {margin-left:5px !important}
.m_l6 {margin-left:6px !important}
.m_l7 {margin-left:7px !important}
.m_l8 {margin-left:8px !important}
.m_l9 {margin-left:9px !important}
.m_l10 {margin-left:10px !important}
.m_l11 {margin-left:11px !important}
.m_l12 {margin-left:12px !important}
.m_l13 {margin-left:13px !important}
.m_l14 {margin-left:14px !important}
.m_l15 {margin-left:15px !important}
.m_l16 {margin-left:16px !important}
.m_l17 {margin-left:17px !important}
.m_l18 {margin-left:18px !important}
.m_l19 {margin-left:19px !important}
.m_l20 {margin-left:20px !important}
.m_l25 {margin-left:25px !important}
.m_l55 {margin-left:55px !important}

.m_r0 {margin-right:0px !important}
.m_r1 {margin-right:1px !important}
.m_r2 {margin-right:2px !important}
.m_r3 {margin-right:3px !important}
.m_r4 {margin-right:4px !important}
.m_r5 {margin-right:5px !important}
.m_r6 {margin-right:6px !important}
.m_r7 {margin-right:7px !important}
.m_r8 {margin-right:8px !important}
.m_r9 {margin-right:9px !important}
.m_r10 {margin-right:10px !important}
.m_r11 {margin-right:11px !important}
.m_r12 {margin-right:12px !important}
.m_r13 {margin-right:13px !important}
.m_r14 {margin-right:14px !important}
.m_r15 {margin-right:15px !important}
.m_r16 {margin-right:16px !important}
.m_r17 {margin-right:17px !important}
.m_r18 {margin-right:18px !important}
.m_r19 {margin-right:19px !important}
.m_r20 {margin-right:20px !important}
.m_r25 {margin-right:25px !important}
.m_r50 {margin-right:50px !important}
.m_r55 {margin-right:55px !important}
.m_r88 {margin-right:88px !important}

.m_b0 {margin-bottom:0px !important}
.m_b1 {margin-bottom:1px !important}
.m_b2 {margin-bottom:2px !important}
.m_b3 {margin-bottom:3px !important}
.m_b4 {margin-bottom:4px !important}
.m_b5 {margin-bottom:5px !important}
.m_b6 {margin-bottom:6px !important}
.m_b7 {margin-bottom:7px !important}
.m_b8 {margin-bottom:8px !important}
.m_b9 {margin-bottom:9px !important}
.m_b10 {margin-bottom:10px !important}
.m_b11 {margin-bottom:11px !important}
.m_b12 {margin-bottom:12px !important}
.m_b13 {margin-bottom:13px !important}
.m_b14 {margin-bottom:14px !important}
.m_b15 {margin-bottom:15px !important}
.m_b16 {margin-bottom:16px !important}
.m_b17 {margin-bottom:17px !important}
.m_b18 {margin-bottom:18px !important}
.m_b19 {margin-bottom:19px !important}
.m_b20 {margin-bottom:20px !important}

/* 가로세로 */
.w100p {width:100% !important}
.w90p {width:90% !important}
.w80p {width:80% !important}
.w70p {width:70% !important}
.w60p {width:60% !important}
.w50p {width:50% !important}
.w40p {width:40% !important}
.w30p {width:30% !important}
.w20p {width:20% !important}
.w10p {width:10% !important}

.h100p {height:100% !important}
.h90p {height:90% !important}
.h80p {height:80% !important}
.h70p {height:70% !important}
.h60p {height:60% !important}
.h50p {height:50% !important}
.h40p {height:40% !important}
.h30p {height:30% !important}
.h20p {height:20% !important}
.h10p {height:10% !important}


/* ------------------------------------------------------------------------ 상단메뉴 ------------------------------------------------------------------------- */

body{ margin:0px; padding:0px; }

#wrap{ width:100%; min-width:1000px;height:100%; top:0px;  position: relative; background:url(../../img/all/bg02.gif) repeat-x top center; margin:0px; padding:0px}

#header{ width:1000px; position:relative; margin:0 auto;  height:153px; z-index:99}
#gnb{ padding-top:14px; height: 35px; /* height:40px; */ text-align:right; width:100%; font-size:12px; }
#gnb a{ padding:0px 8px 0px 12px; display:inline-block; background:url(../../img/all/img01.gif) 0px 4px no-repeat; }

.logo{ position:absolute; top:48px; /*top:34px;*/ }


 /* 메뉴 */
ul#nav{  max-width:700px; float:right ;  }

ul#nav li {font-size: 18px; float: left; display: inline; padding-left:15px; /* padding-left:45px; */ font-weight:bold; position:relative ;  }
ul#nav li a {color: #2a2a2a; font-weight: bold; padding:15px 10px 42px 10px; /* padding:15px 10px 34px 10px; */ }
ul#nav li a:focus,
ul#nav li a:hover,
ul#nav li.on a {color:#0f5e8d; text-decoration:none; background:url(../../img/all/menu_bg.png) 48% bottom  no-repeat;  }
ul#nav .on_big{color:#0f5e8d; background:url(../../img/all/menu_bg.png) 48% bottom  no-repeat;}
ul#nav ul {position:absolute; top:68px;  /* top:60px; */left: 1px;  padding:6px 15px; } /* ---------2deps 틀 ------------ */
ul#nav ul li { margin:0px  } /* ---------2deps 글자 margin------------ */
ul#nav ul li a {font-weight:normal;    padding:6px 15px 6px; line-height:12px; color:#fff } /* ---------2deps 글자 ------------ */

ul#nav .nav_inner01 li ul li {font-size: 14px ;   float:left; padding-left:0px; background-image:none  }
ul#nav .nav_inner01 li ul li a{background-image:none  }
ul#nav .nav_inner01 li ul li a.on2 {  color:#1ceaf2  }
ul#nav li ul li a:focus,
ul#nav li ul li a:hover
{ color:#1ceaf2; text-decoration:none  }
ul#nav li ul li a:active{ color:#ffffff;}
ul#nav .nav_inner01 li ul {  display:none }
ul#nav .nav_inner01 li .on{ display:inline-block}

ul#nav .nav_inner01 li .nm01{   width:500px; z-index:15;}
ul#nav .nav_inner01 li .nm02{   width:590px; z-index:15; left:-50px}
/* ul#nav .nav_inner01 li .nm03{   width:600px; z-index:15; left:-200px} */
ul#nav .nav_inner01 li .nm03{   width:750px; z-index:15; left:-275px}
ul#nav .nav_inner01 li .nm04{   width:500px; z-index:15;}
ul#nav .nav_inner01 li .nm05{ left:-30px;  width:250px; z-index:15;}



/* --------- 하단 ------------ */

#footer{ clear:both;  width:100%; border-top:#dddddd 1px solid; height:130px; background-color:#fff; font-size:12px; }
.footer_con{   width:1000px; margin:0 auto;    margin-top:30px; position:relative;  }
#footer .foot_site{ float:right;   }
#footer .foot_site select{ width:160px; margin-bottom:5px; font-size:11px}
#footer .social{ float:right; margin-right:20px}
#footer .link a{ font-weight:bold; color:#000; margin-right:25px }
#footer .link{ }
#footer .address{color:#5f5f5f; margin-top:10px; }
