﻿/* body 공통 속성 */
body,div,ul,li,dl,dt,dd,ol,p,h3,h4,h3,h4,h5,h6,form {margin:0;padding:0}
body {font-family:normal dotum,'돋움';}
ul,ol,dl {list-style:none}
img {border:0;vertical-align:top;}
ul {list-style:none; padding:0; margin:0;}

body {
    padding:0; margin:0;
	background: #fff ;
	font-family:dotum, Helvetica, Arial, "Trebuchet MS",  sans-serif;
	font-size: 12px;
	color: #999999;    
	background:url('../../04_Resources/Image/bg1.gif') top repeat-x;
}


/* top 레이아웃 */
#header_wrap {width: 100%;height: 135px;}

 #top{width:1125px;margin: 0 auto;height: 42px;background:#fff;position:relative ;}
  #top .logo{float: left;}
  #top .menu{float: right;margin-right:100px;margin-top:10px;}
    #top .menu ul{padding:0px  }
    #top .menu li{display:inline; font-size: 11px;letter-spacing:-1px;}
    #top .menu li a{color:#949497; text-decoration:none;}
    #top .menu li a:hover{color:#0094AE;}

 #nav1{width:1125px;margin: 0 auto;height: 33px;background:url('../../04_Resources/Image/bg2.jpg') no-repeat;}
 #nav2{width:1125px;margin: 0 auto;height: 25px; } /*text-align:left;*/
    #nav2 ul {margin: 0;padding: 0;list-style: none;line-height: normal; }/*margin-left:105px; */
    #nav2 li { float: left; padding:10px 35px 0 0 ; }	/*display:inline*/
    #nav2 a {text-decoration: none;letter-spacing:0px;font-size: 12px;font-weight:normal;color: #5e5e5e;}
    #nav2 a:hover {text-decoration: none;color: #0059c8;font-weight:normal;}
 #nav3{width:955px;margin: 0 auto;height: 35px;text-align:right;padding-right:170px}
        
 
/* 메인 body 레이아웃 */
#body_wrap{float:left;width: 100%;background: url('../../04_Resources/Image/bg3.gif') repeat-x  top;}
#body_main {margin: 0 auto;width:1030px;padding-right:95px}/*#body_main {margin: 0 auto;width:1125px;}*/
 #sl {float:left; width:800px; height:486px;}/* */
  #sidebar_main{float:right;width:230px;}
    #tab_main{float:left;width:230px;height:160px ;}
       #tab_menu{float:left;width:230px;height:34px ;background:url('../../04_Resources/Image/tab_bg1.gif') no-repeat}
           #tab_menu .img {float:left;padding-top:9px;}        
           #tab_menu .btn {float:right;padding:17px 13px 0 0;} 
       #tab_txt{float:left;margin-top:9px;}
           #tab_txt ul{padding:0px  }
           #tab_txt li{background: url('../../04_Resources/Image/bullet1.gif') no-repeat  2px 35% ; font-size: 12px;padding:4px 0 3px 14px;}
           #tab_txt li a{color:#909090; text-decoration:none;}
           #tab_txt li a:hover{color:#026892;}	
           
	 
       #sidebar_main  .link1{float:left;padding:0px;}
       #sidebar_main  .link2{float:left;height:28px;padding-top:15px;}	     
       #sidebar_main .link3{float:left;height:28px;padding-top:5px;}

  
/* 서브 body 레이아웃 */  
 #body_sub {margin: 0 auto;width:1090px;height:100%;}
  #sidebar_sub{float:left;width:200px;height:370px;background: url('../../04_Resources/Image/boundary.gif') no-repeat right top; }
  #cont{float:left;width:755px;padding:0 10px 0 15px; height:100%;}
  #cont1{float:left;width:755px;padding:0 10px 0 15px; height:100%;}


/*퀵메뉴레이아웃 */
#slider {width:78px;float:left; margin-left:20px;}
#DivMovingLayer {width:78px; height:261px;  position:absolute; }/*top:145px;*/


/* footer 레이아웃 */
#footer_wrap {width:100%;clear:both; }
 #footer {width:1125px;height:115px;margin: 0 auto; background: url('../../04_Resources/Image/bg_bottom2.gif') no-repeat; }
    #footer .logo {float: left;margin-top:78px;}
	#footer .info {float: right;margin:78px 10px 0 0;}
	#footer  select {width:170px;height:20px;background-color:#f6f6f6;font-family:Arial;color:#4a7787;font-size:12px;}
	
	
#pop_footer{width:100% ;float: left;_float:none; height: 36px;background:url('../../04_Resources/Image/popup_bottom_bg.gif') repeat-x ;text-align:center;padding-top:13px ;margin-top:100px ; .margin-top:20px ;}
    


/*전체메뉴보기창 */
#menu_view { position:absolute;top:100px;left:80px; width:900px; height:240px; background:url('../../04_Resources/Image/all_view_bg.jpg') no-repeat; border:none; z-index:1;}


/* 서브 left menu */
#l_menu{float:left;width:200px; }
   #l_menu li{float:left;width:160px;border-bottom:solid 1px #e8e8e8 ; height:21px ;padding-left:7px;padding-top:10px;}
   #l_menu a {text-decoration: none;letter-spacing:0px;font-size: 12px;font-weight:normal;color: #777777;float:left;width:160px;}
   #l_menu a:hover {text-decoration:none;color:#007a99;font-weight:normal;}
   #l_menu .active {float:left;width:160px;border-bottom:solid 1px #e8e8e8 ; height:21px ;padding-left:7px;padding-top:10px;background:url('../../04_Resources/Image/bullet3.gif') right  no-repeat; color:#007a99 }
   #l_menu .active a span{color:#007a99;}

   #l_menu li.no_line {float:left;width:160px;border:none ; height:27px ;padding-left:7px;padding-top:10px;}
   #l_menu li.dep_space{height:1px ;border-bottom:solid 1px #e8e8e8 ;}
   #l_menu li.dep {float:left;width:147px;border:none ; height:23px ;padding-left:20px;padding-top:0px;}
   #l_menu li.dep_active {float:left;width:147px;height:23px ;border:none ;padding-left:20px;padding-top:0px;background:url('../../04_Resources/Image/bullet3.gif') right 5% no-repeat; color:#007a99}
   #l_menu .dep_active a span {color:#007a99;}

  
  /* 서브 컨텐츠 영역 */
  #tit{float:left;width:100%;height:47px ;border-bottom:solid 1px #e1e1e1; background-image:url('../../04_Resources/Image/bg4.gif');}
  #tit .img{float:left;}
  #tit .history {float:right ;padding:29px 10px 0 0 ;}
  #tit .history a {font-size: 11px;color:#939c9f;text-decoration:none;}
  #tit .history a span{font-size: 11px;color:#007a99;text-decoration:none;}
  #tit1{float:left;width:100%;height:47px ;border-bottom:solid 1px #e1e1e1; background-image:url('../../04_Resources/Image/bg4.gif');}

  #cont2 .btn{float:left;width:710px;text-align:right ;}  

  /*#cont2 .tab{float:left;width:705px;margin-left:15px ;border-bottom:solid 1px #cecece ;}  */
  #cont2 .tab{float:left;width:705px;margin-left:15px ;_background:url('../../04_Resources/Image/bg_tab.gif')  ;_height:27px ;_border-bottom:solid 0px #888888 ;}  
	#cont .tab2{float:left;width:705px;height:22px ;border-bottom:solid 1px #cecece ;margin-left:20px ;margin-top:40px; }   
 #cont .tab{float:left;width:705px;margin-left:15px ;border-bottom:solid 1px #888888 ;height:26px ;}  


/* IE6.0 tab라인 안보이게 하기 위한 핵사용  */
  #cont .tab2{_border-bottom:solid 0px #cecece ;_background:url('../../04_Resources/Image/faq_tab_bg.gif'); } 
  #cont2 .btn{float:left;width:710px;text-align:right ;_height:20px ;}    
    
  
 #tab{float:left;width:705px;height:22px ;border-bottom:solid 1px #cecece ;margin-top:20px ;}   
 
 
 /* list3 table-가로사이즈100% 테이블 */
#list3 {float:left;margin-left:20px ;margin-top:0px ;width:705px ;_margin-left:10px ;}
  #list3 .left {float:left;width:320px ;}
  #list3 .right {float:right;width:320px ;}
  #list3 .center {float:left;width:705px ;}

  #list3 table {border-collapse : collapse; width:100% ; border-top:1px solid #888b92 ;}
  #list3 th {font-weight:normal;border-top:1px solid #888b92 ;border-right:1px solid #eaeaea ; border-bottom: 1px solid #eaeaea ;border-left:1px solid #eaeaea ;background:#f5f6f6;color:#666666 ;padding:7px 0 ; }
  #list3 .th {font-weight:normal;border-top:1px solid #888b92 ;border-right:1px solid #eaeaea ; border-bottom: 1px solid #eaeaea ;border-left:1px solid #eaeaea ;background:#f5f6f6;color:#666666 ;padding:7px 0 ; }
  /*  #list3 th {font-weight:normal;border-right:1px solid #eaeaea ; border-bottom: 1px solid #eaeaea ;border-left:1px solid #eaeaea ;background:#f5f6f6;color:#666666 ;padding:7px 0 ; }*/
  #list3 .lth {border-left:1px solid #eaeaea ; }
  #list3 .rth {border-right:1px solid #eaeaea ; }
  #list3 .bth {border-bottom:1px solid #888b92 ; }
  #list3 .accent {background:#e1e1e1 ;color: #555; }
  
  #list3 td {border-right:1px solid #eaeaea ; border-bottom: 1px solid #eaeaea ;border-left:1px solid #eaeaea ;padding:4px 5px ;color: blue;color:#666666 ;line-height:130%;}
  #list3 .ttd {border-top:1px solid #888b92 ; }
  #list3 .btd {border-bottom:1px solid #888b92 ; }
  
  #list3 .foot {border-bottom: 3px solid #e2e2e2 ; }
  #list3 .even {background:#f4f4f4; }
  #list3 .c {text-align:center; }
  #list3 .r {text-align:right; }

  #list3 a {text-decoration: none;letter-spacing:0px;font-size: 12px;font-weight:normal;color: #777;}
  #list3 a:hover {text-decoration:none;color:#111;font-weight:normal;}
  #list3 .btn {padding-top:12px ;padding-bottom:7px ;border-bottom: 3px solid #e2e2e2 ; width:705px;text-align:right ; }
  
  #list3 .tit {margin-top:50px ;padding-bottom:1px ;}  
  #list3 .btn_area{text-align:center;padding-top:35px ;}
  #list3 img {padding:0 7px 0 0 ;}

  #list3 .txtbox{ height:12px; background-color:#f8f8f8; border:solid 1px #cccccc; font-size:12px;color:#666666;font-family:dotum; padding:3px 0 2px 5px;}
  #list3 .font{ font-size:12px;color:#666666;font-family:dotum; padding:3px 0 2px 5px;}
  #list3 select {height:20px;background-color:#f6f6f6;color:#666666;font-size:11px;font-family:dotum;}

  #list3 .txt1 {font-size:12px;font-family:dotum;color:#454545;font-weight:normal;padding:0 0 0 0px ;}
  #list3 .t1 {font-size:11px;font-family:dotum;color:#b73592;font-weight:normal;}
 
 /* list4 table-가로사이즈100% 테이블 tab아래 떨어지는 table*/
#list4 {float:left;margin-left:15px ;margin-top:0px ;width:705px ;}
  #list4 .left {float:left;width:320px ;}
  #list4 .right {float:right;width:320px ;}
  #list4 .center {float:left;width:705px ;}

  #list4 table {border-collapse : collapse; width:100% ;}
  #list4 th {font-weight:normal;border-top:1px solid #888b92 ;border-right:1px solid #eaeaea ; border-bottom: 1px solid #eaeaea ;border-left:1px solid #eaeaea ;background:#f5f6f6;color:#666666 ;padding:7px 0 ;}
  #list4 .lth {border-left:1px solid #eaeaea ; }
  #list4 .rth {border-right:1px solid #eaeaea ; }
  #list4 .bth {border-bottom:1px solid #888b92 ; }
  #list4 .accent {background:#e1e1e1 ;color: #555; }
  
  #list4 td {border-right:1px solid #eaeaea ; border-bottom: 1px solid #eaeaea ;border-left:1px solid #eaeaea ;padding:4px 5px ;color: blue;color:#666666 ;line-height:130%;}
  #list4 .ttd {border-top:1px solid #888b92 ; }
  #list4 .btd {border-bottom:1px solid #888b92 ; }
  
  #list4 .foot {border-bottom: 3px solid #e2e2e2 ; }
  #list4 .even {background:#f4f4f4; }
  #list4 .c {text-align:center; }
  #list4 .r {text-align:right; }

  #list4 a {text-decoration: none;letter-spacing:0px;font-size: 12px;font-weight:normal;color: #777;}
  #list4 a:hover {text-decoration:none;color:#111;font-weight:normal;}
  #list4 .btn {padding-top:12px ;padding-bottom:7px ;border-bottom: 3px solid #e2e2e2 ; width:705px;text-align:right ; }
  
  #list4 .tit {margin-top:50px ;padding-bottom:1px ;}  
  #list4 .btn_area{text-align:center;padding-top:35px ;}
  #list4 img {padding:0 7px 0 0 ;}

  #list4 .txtbox{ height:12px; background-color:#f8f8f8; border:solid 1px #cccccc; font-size:12px;color:#666666;font-family:dotum; padding:3px 0 2px 5px;}
  #list4 select {height:20px;background-color:#f6f6f6;color:#666666;font-size:11px;font-family:dotum;}

  #list4 .txt1 {font-size:11px;font-family:dotum;color:#b73592;font-weight:normal;padding:15px ;line-height:160%;}
  #list4 .t1 {font-size:11px;font-family:dotum;color:#b73592;font-weight:normal;}
 
 
/* table 검색창이 상단에 있을 경우 */
#tbl_search2 {float:left; width:705px ;margin-top:30px ;margin-left:20px ;background:#ededef ;height:30px;padding:10px 0 0 0 ;} 
#tbl_search2  .entry {float:left;margin-left:35px;}
#tbl_search2  .entry {_margin-left:12px;}

#tbl_search2  .result {float:right;margin-right:18px;margin-top:5px;}

#tbl_search2  .input{width:200px; height:13px; background-color:#ffffff; border:solid 1px #cbcbcb; font-size:11px;color:#b1139d;font-family:dotum; float:left; padding:5px 0 2px 5px} 
#tbl_search2  select {width:70px;height:20px;background-color:#f6f6f6;color:#666666;font-size:11px;font-family:dotum;}

#tbl_search2  .t1 {color:#333333;font-size:12px;font-family:dotum;font-weight: normal;}
#tbl_search2  .t2 {color:#df0059;font-size:12px;font-family:dotum;font-weight: bold;}

 
 /* height조절이 필요한 영역들 */
#area1 {float:left;padding:30px 0 10px 0;margin-left:20px  ;}
#area1 {_padding:30px 0 10px 40px  ;}
#area1 select {width:75px;height:20px;background-color:#575757;color:#ffffff ;font-size:13px;font-family:dotum;}


/* height조절이 필요한 영역들 */
#area2 {float:left;width:705px ;height:30px ;margin-left:20px ;border-bottom:solid 1px #cccccc;padding-top:20px;}
#area2 select {width:80px;height:20px;background-color:#575757;color:#ffffff ;font-size:11px;font-family:dotum;}
#area2 .input{width:75px; height:13px; background-color:#575757; border:solid 1px #575757; font-size:11px;color:#fff;font-family:dotum;padding:3px 0 0 0; text-align:center;}

/* data 정보 */
#data {float:left; width:705px ;margin-top:30px ;margin-left:20px ;background:#ededef ;height:30px;padding:10px 0 0 0px ;} 
#data  ul {float:left;margin-left:35px;margin-top:5px ;}
#data  li {float:left;display:inline;padding:0 30px 0 0 ;color:#333333;}

#data  .t1 {color:#df0059;font-size:12px;font-family:dotum;font-weight: normal;}

/* data 박스 */
/*
#data_box1 {float:left;margin-top:35px ;margin-bottom:30px ;border:solid 1px #e9e9eb;}
#data_box1 .tit {float:left;background:#e9e9eb ;width:753px ;}  
#data_box1 .num{float:left; width:40px ;background:#555555;font-family:Arial;font-size:18px;color:#fff;padding:9px 0;text-align:center ;} 
#data_box1 .spec{float:left; width:510px ;color:#000;padding:15px 0 0 15px ;text-align:left ;}
#data_box1 .btn{float:right;width:150px ;padding:10px 8px 0 0 ;}
#data_box1 img{padding:0 5px 0 0 ;}
#data_box1 .center{text-align:center ;}
#data_box1 .t1 {color:#000000;font-size:12px;font-family:dotum;font-weight:bold;}
*/


#data_box2 {float:left;width:630px ;margin:35px 0 20px 28px ;padding:25px 35px ;background:#f0f1f1;color:#555 ;line-height:170%;}
#data_box2 p {text-align:center ;margin-top:20px ;}




#data_box3 {float:left;width:705px;margin-left:22px ;}
#data_box3 .tit {float:left;width:705px;margin-top:45px ;}  
#data_box3 .box1 {float:left;background:#fff;width:690px;height:90px;overflow:auto; padding:10px ;border:solid 1px #aeaeae;font-size:12px;font-family:dotum;color:#666666;}
#data_box3 .h90 {height:90px;}
#data_box3 .h40 {height:40px;}

#data_box3  .form1 {float:left;width:690px;padding:7px 0 0 0px ;}
#data_box3  .txt1 {font-size:12px;font-family:dotum;color:#454545;font-weight:normal;}

#data_box3  .btn_area{float:left;width:705px;text-align:center;padding-top:20px}
#data_box3  img {padding:0 7px 0 0 ;}

#data_box4 {float:left;margin-top:35px;width:753px;margin-bottom:30px ;border:solid 1px #e9e9eb;}
#data_box4 .tit {float:left;background:#ededee ;width:753px ;padding-bottom:10px ;}  
#data_box4 .tit2{float:left; background-color:White  ;width:753px ; text-align:left; left:30px;}  
#data_box4 .num{float:left; width:40px ;background:#555555;font-family:Arial;font-size:18px;color:#fff;padding:9px 0;text-align:center ;} 
#data_box4 .spec{float:left;padding:15px 0 0 15px ;text-align:left ;width:680px ;}
   #data_box4 .data{float:left;}
   #data_box4 .line{float:left;width:100% ;border-top:solid 1px #c1c1c1;margin:8px 0 10px 0px;}
   #data_box4 .btn{float:right;width:150px ;padding:15px 8px 0 0 ;}
   #data_box4 img{padding:0 5px 0 0 ;}
   #data_box4 .center{text-align:center ;}
   #data_box4 .t1 {color:#000000;font-size:12px;font-family:dotum;font-weight:bold;}
   #data_box4 .t2 {color:#003ab5;font-size:12px;font-family:dotum;font-weight:normal;}
   #data_box4  table {border-collapse : collapse; }
   #data_box4  td {padding:3px 7px;color:#333333 ;}
 /*  
   #data_box4 {float:left;margin-top:35px ;margin-bottom:30px ;border:solid 1px #e9e9eb;}
#data_box4 .tit {float:left;background:#ededee ;width:753px ;padding-bottom:10px ;}  
#data_box4 .num{float:left; width:40px ;background:#555555;font-family:Arial;font-size:18px;color:#fff;padding:9px 0;text-align:center ;} 
#data_box4 .spec{float:left;padding:15px 0 0 15px ;text-align:left ;width:680px ;}
   #data_box4 .data{float:left;}
   #data_box4 .line{float:left;width:100% ;border-top:solid 1px #c1c1c1;margin:8px 0 10px 0px;}
   #data_box4 .btn{float:right;width:150px ;padding:15px 8px 0 0 ;}
   #data_box4 img{padding:0 5px 0 0 ;}
   #data_box4 .center{text-align:center ;}
   #data_box4 .t1 {color:#000000;font-size:12px;font-family:dotum;font-weight:bold;}
   #data_box4 .t2 {color:#003ab5;font-size:12px;font-family:dotum;font-weight:normal;}
   #data_box4  table {border-collapse : collapse; }
   #data_box4  td {padding:3px 15px;color:#333333 ;}*/

/* id찾기 pw찾기 */
#h50 {float:left;width:755px;margin-top:50px; text-align:center;}
 #h50 .t1 {font-size:12px;font-family:dotum;color:#b73592;font-weight:normal; }

#id_sear{float:left;width:755px;height:250px;background:url('../../04_Resources/Image/img_idsearch.gif') no-repeat; }
#id_sear .center {float:left;margin:113px 0 0 168px;width:415px;border:0px solid red;text-align:center ; _margin-left:84px; }
  #id_sear table {border-collapse : collapse;}
  #id_sear th {font-weight:normal;border-top:1px solid #888b92 ; border-bottom: 1px solid #eaeaea ;background:#f5f6f6;color:#666666 ;padding:10px 10px ;text-align:left;}
  #id_sear .bth {border-bottom:1px solid #888b92 ;}
  #id_sear td {border-top:1px solid #888b92 ; border-bottom: 1px solid #eaeaea ;padding:4px 5px ;color:#666666 ;line-height:130%;background:#fff;text-align:left;}
  #id_sear .btd {border-bottom:1px solid #888b92 ;background:#fff;}
  #id_sear .input{ height:12px;width:140px; background-color:#f8f8f8; border:solid 1px #cccccc; font-size:12px;color:#666666;font-family:dotum; padding:3px 0 2px 5px;}
  #id_sear .t1 {font-size:11px;font-family:dotum;color:#b73592;font-weight:normal;}
  #id_sear .btn {padding-top:16px ;}  

#pw_sear{float:left;width:755px;height:285px;background:url('../../04_Resources/Image/img_pwsearch.gif') no-repeat; }
#pw_sear .center {float:left;margin:113px 0 0 168px;width:415px;border:0px solid red;text-align:center ; _margin-left:84px;}
  #pw_sear table {border-collapse : collapse;}
  #pw_sear th {font-weight:normal;border-top:1px solid #888b92 ; border-bottom: 1px solid #eaeaea ;background:#f5f6f6;color:#666666 ;padding:10px 10px ;text-align:left;}
  #pw_sear .bth {border-bottom:1px solid #888b92 ;}
  #pw_sear td {border-top:1px solid #888b92 ; border-bottom: 1px solid #eaeaea ;padding:4px 5px ;color:#666666 ;line-height:130%;background:#fff;text-align:left;}
  #pw_sear .btd {border-bottom:1px solid #888b92 ;background:#fff;}
  #pw_sear .input{ height:12px;width:140px; background-color:#f8f8f8; border:solid 1px #cccccc; font-size:12px;color:#666666;font-family:dotum; padding:3px 0 2px 5px;}
  #pw_sear .t1 {font-size:11px;font-family:dotum;color:#b73592;font-weight:normal;}
  #pw_sear .btn {padding-top:16px ;}  
  
/* 이미지 위치조정 */ 
  
.btn_c {text-align:center ;}  


/*회원탈퇴 */ 
#withdraw {float:left;margin:20px 0 0 25px ;}
#withdraw .box {float:left;width:630px ;padding:25px 35px ;background:#f0f1f1;color:#555 ;line-height:170%;}
#withdraw  input{width:200px; height:13px; background-color:#ffffff; border:solid 1px #cbcbcb; font-size:11px;color:#b1139d;font-family:dotum; padding:5px 0 2px 5px;} 
#withdraw .line {float:left;text-align:center ;border-bottom: 1px solid #dfdfdf ;height:50px;width:700px ;padding-top:40px;}
#withdraw .tit {margin-top:50px ;padding-bottom:1px ;} 
#withdraw  .btn {text-align:center ;margin-top:25px ;height:50px;} 
