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


div,ul,li,ol,dd,input {
	border:0;margin:0;padding:0;
	box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;color:black;outline:none;
	font-family:dotum,Verdana, sans-serif;   font-size:12px;font-weight:normal;color:#333333;
	vertical-align:top;
}
body,h1,h2,h3,h4,th,td,input,select{color:black;font-size:12px;}
body{margin:0;padding:0;border:none; border:0px}

table {border-collapse:collapse;border-spacing:0;padding:0;border:0;box-sizing:border-box;}
th, td {padding:0;vertical-align:top;}
img{border:0;}
frame { border:0; border:none; margin:0px; padding:0px;}
form { margin:0px; padding:0px; }
li {list-style:none}
a{text-decoration:none;outline:none;cursor:pointer;color:#333333}
a:hover{text-decoration:underline;}
a:active{text-decoration:none;}
.pointer {cursor:pointer;}
.clear{ clear:both}

#header { width:100%; margin:0 auto; position:relative}
#center { width:100%; height:auto; margin:0 auto; position:relative;}
#center .center_s { width:1100px; margin:0 auto; position:relative;}

.center_s .ctnbx { width:1000px; margin:0 auto; position:relative; } 
.center_s .ctnbx li { list-style:none; }
.center_s .ctnbx .ctnL { float:left}
.center_s .ctnbx .ctnR { float:right}


.ctn_tb { width:460px; background:#ffffff; margin-top:40px; border-bottom:#666666 2px solid; border-top:#666666 2px solid; margin-left: }
.ctn_tb td { height:40px; line-height:40px; font-size:12px; color:#666;border-bottom:#cccccc 1px solid;}

.center_s .map { width:900px; margin:0 auto; position:relative; margin-bottom:20px;} 



/*### 연혁 ###*/
.ctn_his_tot { width:1000px; margin:0 auto; position:relative; text-align:center}
.ctn_his { width:75%; margin:0 auto; text-align:center; margin-top:60px;  }
.ctn_his td { height:40px; line-height:40px; font-size:12px; color:#666;}
.ctn_his .his1 { width:150px;background:url(../images/gift_his_line1.jpg) no-repeat; background-position:center;}
.ctn_his .his2 { width:150px;background:url(../images/gift_his_line2.jpg) no-repeat; background-position:center}
.ctn_his .his3 { width:150px;background:url(../images/gift_his_line3.jpg) no-repeat; background-position:center}
.ctn_his .his4 { width:150px;background:url(../images/gift_his_line4.jpg) no-repeat; background-position:center}



#footer  { clear:both; width:100%; height:100px; margin:0 auto; text-align:center;  padding-top:20px; border-top: #CCC 1px solid ; color:#666666;margin-top:50px; }
#footer p { line-height:10px;}



.gift_top { width:100%; height:92px; line-height:90px; margin:0 auto; padding:0; background:url(../images/gift_topbg.jpg) repeat-x;  } 
.gift_top_s { width:1100px; margin:0 auto;} 
.gift_top_s li { list-style:none; } 
.gift_top_s .gift_logo { float:left; width:190px; height:71px; margin:0 auto; padding:0; background:url(../images/gift_top_logo.png) no-repeat; margin-top:10px; cursor:pointer} 

/*### 탑 메뉴 ###*/
.gift_top_s .gnav { float:right; width:400px; height:71px; margin:0 auto;} 
.gift_top_s .gnav li  { list-style:none;  display:block;  cursor:pointer; margin-left:10px;margin-top:30px;}

.gift_top_s .gnav .gtab_01 { float:left; width:123px; height:42px; background:url(../images/gnav.png) no-repeat; background-position:0px 0px;}
.gift_top_s .gnav .gtab_01:hover { background-position:0px -42px;}
.gift_top_s .gnav .gtab_01.ton1 {background-position:0px -42px}

.gift_top_s .gnav .gtab_02 {  float:left;  width:123px; height:42px;; background:url(../images/gnav.png) no-repeat; background-position:-123px 0px;}
.gift_top_s .gnav .gtab_02:hover { background-position:-123px -42px;}
.gift_top_s .gnav .gtab_02.ton2 { background-position:-123px -42px;}

.gift_top_s .gnav .gtab_03 {  float:left; width:123px; height:42px; background:url(../images/gnav.png) no-repeat; background-position:-246px 0px;}
.gift_top_s .gnav .gtab_03:hover { background-position:-246px -42px;}
.gift_top_s .gnav .gtab_03.ton3 {background-position:-246px -42px;}


/*### 메인센터단 ###*/
#slider {width:100%; height:386px; background-color:#FF0000; position:relative}
#slider .main_on { z-index:100}
#slider .common {width:100%; height:386px; position:absolute;  z-index:100; text-align:center}
#slider .img_1 { width:100%; background:#999999; text-align:center;}
#slider .img_2  { width:100%; background:#bb9963;text-align:center;}
#slider .img_3  { width:100%; background:#7d97ad; text-align:center;}

.gift_mid { clear:both; width:1055px; margin:0 auto; background-color:#FFFFFF; border-bottom:#d9d9d9 1px solid; height:55px;  }
.gift_mid li { list-style:none;height:20px;  line-height:20px; margin-top:20px; }
.gift_mid .mid_L { float:left; text-align:left; cursor:pointer}
.gift_mid .mid_R { float:right; text-align:right }

.gift_menu { clear:both; width:1100px;  margin:0 auto; text-align:center;  padding-top:30px; }
.gift_menu table { width:1055px; margin:0 auto; background:#FFFFFF  } 
.gift_menu table td { padding:20px; cursor:pointer; position:relative} 
.gift_menu table .noti { position:absolute; top:73px; left:25px; line-height:18px; font-size:11px;} 
.gift_menu table .noti_txt  {width:200px; text-align:left; height:20px; text-overflow:ellipsis; overflow:hidden; white-space:nowrap;}

.gift_menu table .lineR { border-right: #d9d9d9 1px solid}
.gift_menu table .lineB { border-bottom: #d9d9d9 1px solid}



/*### 탑  탭###*/
.gift_sub { clear:both; width:100%; height:258px;}
.sub_img1  { width:1200px; height:258px; background:url(../images/gift_sub_top1.jpg) no-repeat; margin:0 auto; text-align:center; background-position:center   }
.sub_img2  { width:1200px; height:258px; background:url(../images/gift_sub_top2.jpg) no-repeat; margin:0 auto; text-align:center; background-position:center   }
.sub_img3  { width:1200px; height:258px; background:url(../images/gift_sub_top3.jpg) no-repeat; margin:0 auto; text-align:center; background-position:center   }


/*### 서브 탭 1###*/
.gift_tab {clear:both; width:100%; height:50px; margin-top:30px;  }
.gift_tab .tmenu { width:1100px; height:71px; margin:0 auto;background:url(../images/gift_nav_line.jpg) repeat-x;} 
.gift_tab .tmenu li  {list-style:none;  display:block;  cursor:pointer;}

.gift_tab .tmenu .Atab_01 { float:left; width:130px; height:50px; background:url(../images/gift_nav_bg1.jpg) no-repeat; background-position:0px 0px;}
.gift_tab .tmenu .Atab_01:hover { width:130px; height:50px; background-position:0px -55px;}
.gift_tab .tmenu .Atab_01.aon1 { width:130px; height:50px; background-position:0px -55px;}

.gift_tab .tmenu .Atab_02 {float:left; width:130px; height:50px; background:url(../images/gift_nav_bg1.jpg) no-repeat; background-position:-130px 0px;}
.gift_tab .tmenu .Atab_02:hover { width:130px; height:50px; background-position:-130px -55px;}
.gift_tab .tmenu .Atab_02.aon2 { width:130px; height:50px; background-position:-130px -55px;}

.gift_tab .tmenu .Atab_03 {  float:left;width:130px;  height:50px;  background:url(../images/gift_nav_bg1.jpg) no-repeat;  background-position:-260px 0px;}
.gift_tab .tmenu .Atab_03:hover { width:130px; height:50px;  background-position:-260px -55px;}
.gift_tab .tmenu .Atab_03.aon3 {width:130px; height:50px;  background-position:-260px -55px;}



.gift_tab .tmenu .Btab_01 { float:left; width:130px; height:50px; background:url(../images/gift_nav_bg2.jpg) no-repeat; background-position:0px 0px;}
.gift_tab .tmenu .Btab_01:hover { width:130px; height:50px; background-position:0px -55px;}
.gift_tab .tmenu .Btab_01.bon1 { width:130px; height:50px; background-position:0px -55px;}

.gift_tab .tmenu .Btab_02 {float:left; width:130px; height:50px; background:url(../images/gift_nav_bg2.jpg) no-repeat; background-position:-130px 0px;}
.gift_tab .tmenu .Btab_02:hover { width:130px; height:50px; background-position:-130px -55px;}
.gift_tab .tmenu .Btab_02.bon2 { width:130px; height:50px; background-position:-130px -55px;}

.gift_tab .tmenu .Btab_03 {  float:left;width:130px;  height:50px;background:url(../images/gift_nav_bg2.jpg) no-repeat; background-position:-260px 0px;}
.gift_tab .tmenu .Btab_03:hover { width:130px; height:50px;  background-position:-260px -55px;}
.gift_tab .tmenu .Btab_03.bon3 {width:130px; height:50px;  background-position:-260px -55px;}

.gift_tab .tmenu .Btab_04 {  float:left;width:130px;  height:50px; background:url(../images/gift_nav_bg2.jpg) no-repeat; background-position:-390px 0px;}
.gift_tab .tmenu .Btab_04:hover { width:130px; height:50px;  background-position:-390px -55px;}
.gift_tab .tmenu .Btab_04.bon4 {width:130px; height:50px;  background-position:-390px -55px;}



.gift_tab .tmenu .Ctab_01 { float:left; width:130px; height:50px; background:url(../images/gift_nav_bg3.jpg) no-repeat; background-position:0px 0px;}
.gift_tab .tmenu .Ctab_01:hover { width:130px; height:50px; background-position:0px -55px;}
.gift_tab .tmenu .Ctab_01.con1 { width:130px; height:50px; background-position:0px -55px;}

.gift_tab .tmenu .Ctab_02 {float:left; width:130px; height:50px; background:url(../images/gift_nav_bg3.jpg) no-repeat; background-position:-130px 0px;}
.gift_tab .tmenu .Ctab_02:hover { width:130px; height:50px; background-position:-130px -55px;}
.gift_tab .tmenu .Ctab_02.con2 { width:130px; height:50px; background-position:-130px -55px;}

.gift_tab .tmenu .Ctab_03 {  float:left;width:130px;  height:50px;background:url(../images/gift_nav_bg3.jpg) no-repeat; background-position:-260px 0px;}
.gift_tab .tmenu .Ctab_03:hover { width:130px; height:50px;  background-position:-260px -55px;}
.gift_tab .tmenu .Ctab_03.con3 {width:130px; height:50px;  background-position:-260px -55px;}



.noti_tb { clear:both;  width:1000px; margin:0 auto; position:relative; } 
.noti_tb table { width:100%; margin:0 auto;border-bottom:#f8a31d 2px solid;  border-top:#f8a31d 2px solid; }
.noti_tb table td {line-height:30px; border-bottom:#cccccc 1px solid; padding:7px; }
.noti_tb table .not_tit { background:#f9f9f9; text-align:center; font-weight:bold; font-size:12px;}
.noti_tb table .noti_text {line-height:20px; padding-top:10px; padding-bottom:20px;color:#8b6120 }

.noti_tb table .noti_re { background:#fbf6ee; border-bottom:#f6eee2 2px solid;border-top:#f6eee2 2px solid; color:#8b6120 }
.noti_tit { clear:both; width:100%; height:80px; margin:0 auto; text-align:left; padding-top:40px;}
.noti_btn { clear:both; width:100%; height:80px; margin:0 auto; text-align:center; padding-top:40px;}
.noti_input { height:30px; line-height:30px; background-color:#FFF; border:#CCC 1px solid; font-size:11px; text-align:left;}
.noti_input:focus{ height:30px; line-height:30px; background-color:#ffe8c5; border:#f8a31d 1px solid; font-size:11px; text-align:left; }
.noti_tarea { width:100%; height:250px; line-height:20px; background-color:#FFF; border:#CCC 1px solid; font-size:11px; text-align:left;}

/*### 페이징 ###*/
.noti_tb .page_tot { clear:both; width:90%; height:30px; line-height:30px; margin:0 auto; text-align:center; font-size:12px; margin-top:30px; margin-bottom:30px;  }
.noti_tb .page_tot span { color:#666666; line-height:20px; padding:5px; cursor:pointer; font-weight:bold}
.noti_tb .page_tot span:hover { color:#F60; }
.noti_tb .page_tot span.on { color:#F60;}
.noti_tb .page_tot img { cursor:pointer}

.hig40 { clear:both; width:100%; height:40px; margin:0 auto }


/*### 폰트 ###*/
.font_through { text-decoration:line-through;}
.font_super {vertical-align:super}
.font_spg1 { letter-spacing:-1px;font-size:11px; }

.bold {font-weight:bold;}
.font8 {font-size:8px;}
.font9 {font-size:9px;}

.font10 {font-size:10px;}
.font11 {font-size:11px;}
.font12 {font-size:12px;}
.font14 {font-size:14px;}
.font16 {font-size:16px;}

.fontva10 {font-family:Verdana;font-size:10px;}
.fontva11 {font-family:Verdana;font-size:11px;}
.fontva12 {font-family:Verdana;font-size:12px;}
.fontva13 {font-family:Verdana;font-size:13px;}
.fontva14 {font-family:Verdana;font-size:14px;}
.fontva15 {font-family:Verdana;font-size:15px;}
.fontva16 {font-family:Verdana;font-size:16px;}
.fontva18 {font-family:Verdana;font-size:18px;}
.fontva20 {font-family:Verdana;font-size:20px;}


.fontOrange{ color:#F30;}


/*### 여백 ###*/
.mar_top20{ margin-top:20px}
.mar_top30{ margin-top:30px}
.mar_top40{ margin-top:40px}
.mar_top60{ margin-top:60px}
.mar_top80{ margin-top:80px}

.mar_rig10 { margin-right:10px}

.mar_bot20 {margin-bottom:20px;}
.mar_bot40 {margin-bottom:40px;}
.mar_bot80 {margin-bottom:80px;}

.pad_top40{ padding-top:40px;}

.alignC {text-align:center;}
.alignR {text-align:right;}
.alignL {text-align:left;}