@charset "utf-8";

/* Layout*/



@font-face {
	font-family: 'NanumGothic';
	src: url('../font/NanumGothic.eot');
	src: local("☺"),
		url('../font/NanumGothic.woff') format('woff'),
		url('../font/NanumGothic.ttf') format('truetype'),
		url('../font/NanumGothic.svg#webfonturzspG4F') format('svg');
}
@font-face {
	font-family: 'NanumGothicBold';
	src: url('../font/NanumGothicBold.eot');
	src: local("☺"),
		url('../font/NanumGothicBold.woff') format('woff'),
		url('../font/NanumGothicBold.ttf') format('truetype'),
		url('../font/NanumGothicBold.svg#webfontqaHEB3q2') format('svg');
}

@import url(https://cdn.jsdelivr.net/gh/moonspam/NanumSquare@1.0/nanumsquare.css);

body, div, ul, li, dl, dt, dd, ol, p, img {margin:0; padding:0; border:0}
*{	margin:0;	padding:0;}
html,body{	height:100%;}
body{	font-family:NanumGothic, "NanumSquare",dotum;	font-size:14px; letter-spacing:0.05em;	line-height:20px;	color:#666;	background:#362f2d; }


#wrap  {width:100%; margin:auto 0;	 }

#top{   width:100%; height:110px; background-color:#333333}
#top #gnb_top{ margin-right:auto; 	margin-left:auto;	 width:1290px;  }
#top #logo {width:290px;   height:110px; float:left;  }
#top #gnb{width:1000px; height:110px; float:left;}
 
#top #gnb .gnbmenu  {float:left;  width:1000px;  padding:0px; list-style:none; height:25px; margin-top:60px;}
#top #gnb .gnbmenu  li {float:left; font-size:20px; font-weight:bold; color:#fff; margin-left:40px;  }
#top #gnb .gnbmenu  li a{ color:#fff }
#top #gnb .gnbmenu  li a:hover, a:focus{color:#00ccff; text-decoration:underline;}
#top #gnb .gnbmenu  .on a{color:#00ccff; text-decoration:underline;}

#middle{ float:left;		width:100%;   background-color:#fff; height:100%;   background-color:#fff; }

#footer {	float:left;		font-size:14px;   line-height:30px;	width:100%;	height:210px; height:100%;	 padding:0px;	  background-color:#fff; color:#fff; }
#footer #footer_group{ margin-right:auto; 	margin-left:auto;	 width:1190px; height:130px;  padding:40px 50px; letter-spacing:-0.5px; background-color:#333333;}
#footer #footer_group span{color:#00ccff}

 
.main_notice {position:relative;  margin-right:auto; 	margin-left:auto;	 width:1290px; height:40px; color:#fff; font-weight:bold; z-index:100;    }
.main_notice  .main_notice_left { float:left; width:200px;  background:#ffffff;  height:30px; text-align:center; padding-top:10px;  opacity:0; }
.main_notice  .main_notice_center { float:left; width:580px;    height:30px; padding-top:5px;  padding-left:20px;  font-weight:normal; }
.main_notice  .main_notice_right { float:left; width:180px;  background:#663399;   height:30px; text-align:center; padding-top:10px;    }
.main_notice_bg {position:absolute; width:100%; height:40px; background:#000; opacity:0.5;   z-index:10 ; margin-top:-40px;}
  
.sub_position {position:relative;  margin-right:auto; 	margin-left:auto;	 width:1290px; height:50px; color:#333333; z-index:100;  background-color:#e2e2e2;  margin-bottom:0px; }
.sub_position  .sub_position_right { float:left; width:1190px;    height:30px; padding:15px 50px 5px 50px;   text-align:left ; font-size:18px;}
.sub_main {   float:left;  width:1290px;    }

.main_images{margin-right:auto; 	margin-left:auto;	  width:1290px; height:980px; }
.main_images_float{float:left; }
.main_images_notice{float:left; width:430px; height:430px; background:url('/images/middle3.jpg') center}


.gnb_sub {float:left; width:100%; background:#333; }
.sub_menu{ margin-right:auto; 	margin-left:auto;	 width:1290px;  font-size:18px; font-weight:bold; color:#000}
.home{float:left; }
.menu_1st {float:left; width:200px; height:40px; padding:20px 0px 0px 0px; background:url('/images/icon_arrow_1st.gif'); color:#fff; text-align:center; letter-spacing:-0.5px}
.menu_1st_on {float:left; width:200px; height:40px; padding:20px 0px 0px 0px;   background:#fff; text-align:center; letter-spacing:-0.5px}


#contents{margin-right:auto; 	margin-left:auto;	  width:1190px;  margin-bottom:50px;}
.title{ float:left; width:100%;  font-size:30px; font-weight:bold; height:36px; margin-top:50px; color:#000;  margin-bottom:20px;}
.title_sub{ float:left; width:100%;  font-size:26px; font-weight:bold; height:30px; margin-top:20px; margin-bottom:20px; color:#000}
.text {float:left; width:100%;  font-size:18px;  margin-top:0px; color:#333; font-weight:normal; line-height:30px; }

.product {width:100%;  float:left;  list-style:none; margin-bottom:50px; padding:0px;}
.product li{float:left; width:376px; height:428px; margin-bottom:20px;  margin-right:25px; text-align:center; line-height:25px; border:0px solid #d5d5d5;  padding:0px;}
.product .title{float:left; width:100%; text-align:center; font-size:18px; font-weight:bold; background-color:#009966; color:#fff; padding:15px 0px 10px 0px;  }
.product .title a{color:#fff}
.product .img{float:left; width:100%; text-align:center; margin-top:20px;}

.sub_title{ float:left; width:100%;  font-size:18px; text-align:center;	 height:18px; margin:20px 0px;}
.summary {float:left;   margin-left:2px; padding:15px 20px; width:932px;  margin-top:15px; border:1px #ddd solid; background-color:#f9f9f9}
.summary span{color:#039;  font-weight:bold;  }

#view {float:left; width:100%; margin-bottom:50px;}

.contentsBox {float:left; width:100%; letter-spacing:-0.9px; line-height:26px;  font-size:12px;}
.contentsBox p{  font-size:14px;}
.greetingTxtBox{float:left; width:360px; letter-spacing:-0.9px; line-height:26px; }
.greetingTxt1{float:left; margin-top:20px;}

.map li{ display:inline; width:680px; font-size:14px; color:#000; line-height:24px;}
.mapleft{float:left; width:100px; font-weight:bold}
.mapright{float:left; width:580px;}


.story{margin-bottom:20px;}
dt {background-color:#f2f2f2; border-top:2px solid #999; border-bottom:1px solid #ccc; valign:center; font-size:14px; font-family:dotum; font-weight:bold; padding:8px 15px; color:#333;}
.dd {background-color:#f2f2f2; border-top:2px solid #999; border-bottom:1px solid #ccc; valign:center; font-size:14px; font-family:dotum; font-weight:bold; height:29px;  color:#333;}
.dl {padding:20px;  font-family:dotum; line-height:17px; }




a{color:#6d6e6f; text-decoration:none !important;}
a:link{color:#6d6e6f; text-decoration:none;}
a:visited{color:#6d6e6f; text-decoration:none;}
a:hover, a:focus{color:#6d6e6f; text-decoration:underline;}
a:active{color:#6d6e6f; text-decoration:none;}


/* input */
input {vertical-align:middle;}
input[type=text],input[type=password]{border:1px solid #d4d4d4; padding:1px 2px; height:16px; font-size:12px; color:#636363; vertical-align:middle;}
input .input {border:1px solid #d4d4d4; padding:1px 2px; height:16px; font-size:12px; color:#333;}
input[type=radio],input[type=checkbox]{width:13px; height:13px; margin:0 4px 2px 2px; padding:0;}
input .file{background:#fff; width:400px; height:20px !important;}
input .width1{width:140px;}
input .width2{width:500px;}


 
 

.table001_list{ margin-top:0px; border-top:0px solid #72a2b4; text-align:center; width:1290px;}
.table001_list td span{  color:#1552a6;}
.table001_list td.left{ padding-left:5px; text-align:left}




.table01_list{ margin-top:0px;  text-align:center; width:100%; font-size:18px; border-bottom:1px solid #000}
.table01_list th{ padding:20px 0px;  background:#f7f7f7; color:#000; font-weight:bold; border-top:2px solid #000;  border-bottom:1px solid #000}
.table01_list th.end{ background-image:none}
.table01_list th.left{ padding-left:10px; text-align:left;  background:#e1e1e1;  color:#333}

.table01_list td{ padding:20px 0; border-bottom:1px solid #f2f2f2}
.table01_list td span{ color:#1552a6;}
.table01_list td.left{ padding-left:10px; text-align:left;}
.table01_list td a{ color:#494949; text-decoration:none; }
.table01_list td a:hover, .table01_list td a:focus, .table01_list td a:active{ color:#1552a6; text-decoration:none}
.table01_list td .viewx{border-bottom:1px solid #b7b7b7;background-color:##F9F9F9; padding:20px 10px 40px 40px; text-align:left;  color:#333; letter-spacing:0px;}
.table01_list .num{font-size:11px; color:#999}


.btn_write {width:85px; padding:7px 0px 10px 0px; background-color:#333; border:0px solid #302d80; color:#FFF; cursor:pointer;}





/* table_write */
.table01_write{ margin-top:5px;     text-align:center; width:100%;  border-top:2px solid #333;  font-family:dotum;}

.table01_write th{padding:0px;  border-bottom:0px solid #dadada; }
.table01_write td{ padding:3px 5px;  color:#999;  border-bottom:1px solid #dadada; font-size:12px; line-height:16px; text-align:left; vertical-align:middle}
.table01_write td span{ font-size:11px; color:#767676}
.table01_write td .bold {  font-size:12px; color:#999900; font-weight:bold;}

.table01_write .field{height:25px; text-align:center;    background-color:#f0f0f0; border-right:1px solid #dadada; font-size:11px; color:#333;}
.table01_write .field_right{height:25px; text-align:center;  background-color:#f0f0f0;  border-right:1px solid #dadada;  border-left:1px solid #dadada; font-size:11px; color:#333;}
.table01_write .field_content{height:100%; text-align:left;  background-color:#fff; padding:20px 10px; color:#868686;}
.table01_write .field_content_write{height:100%; text-align:left;  background-color:#fff; padding:0px; color:#868686;}
.table01_write .field_title{height:25px; text-align:center;  background-color:#f3f3f3; border-left:1px solid #dadada; border-right:0px solid #dadada; font-weight:bold;}





.page td {font-size:11px; color:#d3d3d3;  text-decoration:none; padding-top:2px; font-family:dotum; }
.page td a{font-size:11px; font-weight:bold; color:#999999;  text-decoration:none}
.page td a:hover, .page td a:focus, .page td a:active{ color:#1552a6; text-decoration:underline}
.page td span{ color:#fc7715; font-weight:bold; font-size:11px;}
.pageNum_line{ font-size:10px; color:#d7d7d7;}


/* top 인기검색어부분 */

#scroll-layer { width:450px; height:30px; position:relative; overflow:hidden; }
#popular-scroll { position:relative; }
#popular-scroll table { margin:0; padding:0; width:400px; }
#popular-scroll td { margin:0; height:30px; }
#popular-scroll a { color:#fff; }
#popular-scroll a:hover { color:#fff; text-decoration:underline; }
#popular-scroll .gap { color:#fff; font-size:11px; letter-spacing:-1px;  }
#popular-scroll .word { width:400px; height:24px;   margin:2px 0 0 5px;  }

#popular-hidden { position:relative;  clear:both; display:none; background-color:#fff; width:150px; border:2px solid #000000; z-index:999;  .z-index:999;}
#popular-hidden table { width:130px; z-index:999; .z-index:999;}
#popular-hidden td { margin:0; height:20px; }
#popular-hidden .gap { color:#444; font-size:11px; letter-spacing:-1px;  }
#popular-hidden .word { width:120px; height:16px; overflow:hidden; margin:2px 0 0 5px; line-height:24px;  }
#popular-hidden .word a { color:#444; }
#popular-hidden .word a:link { color:#444; }
#popular-hidden .word a:visited { color:#444; }
#popular-hidden .word a:active { color:#444; }
#popular-hidden .word a:hover { color:#444; text-decoration:underline; }