logo@charset "euc-kr";
@import url(design_style.css);
@import url(style.css);
@import url(fg.menu.css);
@import url(theme/ui.all.css);

body { font-family:"dotum", sans-serif; color:#666; line-height:160%; text-align:center; margin:0; font-size:12px; word-break:break-all; }
img { border:0; vertical-align:middle; }
a { color:#666; text-decoration:none; }
a:hover, a:active { color:#68341e; text-decoration:none; }
ul { margin:0; padding:0; text-align:left; }
li { list-style:none; }
li img { vertical-align:middle; }
form { margin:0; padding:0; }
input { height:20px; font-family:dotum; vertical-align:middle; border:1px solid #d3cebf; font-size:12px; color:#666666; }
input.phone { width:90px; border:1px solid #d3cebf; vertical-align:middle; text-align:left; }
input.title { width:500px; border:1px solid #d3cebf; vertical-align:middle; text-align:left; }
input.cous { width:200px; border:1px solid #d3cebf; vertical-align:middle; text-align:left; }
select { overflow:visible; font-family:dotum; vertical-align:middle; font-size:12px; color:#666666; }
p { margin:0; padding:0; line-height:140%; }
b { color:#a99f7b; }
textarea {font-family:dotum; border:1px solid #d3cebf; }
input.default { border:1px solid #D0D0D0; vertical-align:middle; padding:2px 3px; }
.clear { clear:both; margin:0; padding:0; }
.Area_Left { float:left; }
.Area_Right { float:right; }
.CenterBtn { text-align:center; margin:15px; }
.CenterBtn span { padding:0 5px; }
.bbsBtn {padding:10px 0 5px 0; }
.bbsBtn span { padding:0 2px; }
.bbsBtn .Area_Left { width:200px; }
.Rmsg { font-size:11px; padding-bottom:4px; }
.FormLine { border-top:1px solid #D9D9D9; border-bottom:1px solid #D9D9D9; padding:20px 0; margin:20px 0; }

/*main */
#Main { width:100%; position:relative; text-align:center; background:url(../image/flash/topbg.jpg) repeat-x center top ;}
#top { width:1200px; height:726px; position:relative; padding-top:0px; margin:0px; margin:0 auto; }
#top .main { width:1200px; height:726px; position:absolute; top:0px; padding-top:0px; margin:0px; margin:0 auto; z-index:1;}

/*Banner*/
#Banner { width:1035px; background:url(../image/common/banner_bg.jpg) no-repeat top; padding-top:60px; margin: 0 auto; }
#Banner_main { width:1035px; background:url(../image/common/banner_bg.jpg) no-repeat top; padding-top:0px; margin: 0 auto; }

/*FOOTER*/
#FOOTER { margin: 0px  ;   border-top:1px solid #f1f1f1; background-color:#f1f1f1; height:100px; min-height:120px}
#FOOTER p{ width:840px; margin:0px auto 0 auto; text-align:left; font:normal 11px dotum; display:block; padding:0 ; color:#808080}
#FOOTER p a{color:#808080}
#FOOTER p a:hover{color:#666666}
#FOOTER p.txt1{font:bold 11px dotum;  padding:20px 0 12px 0 ; display:block;color:#808080}
#FOOTER p.txt2{ font:normal 8px verdana;  text-transform:uppercase;  padding:5px 0 5px 0 ; display:block; color:#999; letter-spacing:1px}

/* sub_Header */
#Headerbody { width:100%; background:url(../image/common/sub_top_bg.jpg) no-repeat top center; padding-top:0px; margin:0px; }
#Header {margin:0 auto; width:1035px; height:260px; padding-top:0px;; position:relative; }
#Header .gnb {margin:0 auto; width:1035px; height:260px;  position:absolute; top:0px; z-index:1;}
#Header .mask {margin:0 auto; width:1035px; height:260px;  position:absolute; top:0px; }
#Header .Hmain {height:70px; }
#Header .Hmain ul {	float:left; display:inline;}
#Header .Hmain ul li {float:left;}
#Header .Hmain ul.logo {margin:17px 0px 0px 40px;}
#Header .Hmain ul.menu {margin-left:45px;}
#Header .Hmain ul.menu li.line {padding:21px 20px 20px 20px; background:#000; background: url(../image/common/top_menu_line.gif) no-repeat right;}
#Header .Hmain ul.menu li.line_end {padding:21px 20px 20px 20px;}
#Header .Hmain ul.right_menu {margin-top:24px; margin-right:26px; float:right;}
#Header .Hmain ul.right_menu li {padding-bottom:1px}
#Header .Mmain {height:31px; background:url(../image/common/top_menu_back_02.gif) no-repeat;}
#Header .Mmain ul.sbumenu {}
#Header .Mmain ul.sbumenu li {float:left; padding:0px 10px 0px 10px; margin-top:9px;}
#Header .Mmain ul.sbumenu li a {color:#fff;}
#Header .top_news {height:33px; background:url(../image/common/top_menu_back_03.gif) no-repeat;text-align:left;}
#Header .top_news h2 {color:#FFFEB1; font-size:12px; padding:6px 0px 0px 35px; margin:0px;}

/* contents */
#Content { width:1035px; margin: 0 auto; text-align:left; position:relative;}

/* SubQuickMenu */
#SubQuickMenu { width:60px; position:absolute ; top:0px; right:-20px;  z-index:1; }

/* left */
#SubLeft { width:174px; font-size:11px; margin:0px; float:left; display:inline; }
#SubLeft ul li.menu { width:174px; float:left; }
#SubLeft ul li.banner { width:174px; float:left; margin-top:10px; display:inline; }


/* Sub */
#SubMain { float:right; width:px; height:px; padding:0px 56px 0px 40px ; margin:0px 0px 0px 0px ; display:inline; background:url(../image/business/left_bg.gif) no-repeat; }
#SubMain .SubTopTit { margin:0px 0px 0px 0px ; position:relative; background:url(../image/business/h1_bg.gif) ;}
#SubMain .SubTopTit h2 {padding:0px; margin:0px; height:38px; }
#SubMain .SubTopTit .PageHistory { position:absolute; top:15px; right:70px; font-size:11px; }
#SubMain .SubTopTit .PageHistory img { vertical-align:middle; margin-right:5px; }
#SubMain .SubSmallTit { height:90px; margin-bottom:10px; }
#SubMain .SubSmallTit ul li.txt { float:left; margin-top:25px; display:inline; }
#SubMain .SubSmallTit ul li.img { float:right; }
#SubMain .SubSmallTit02 { height:130px; margin-bottom:10px; }
#SubMain .SubSmallTit02 ul li.txt { float:left; margin-top:25px; display:inline; }
#SubMain .SubSmallTit02 ul li.img { float:right; margin-top:25px; display:inline;}
#SubMain .Flash { margin:15px 0px 10px 0px ; background-image:url(../flash/img/bg.png) no-repeat; }
#SubMain .btninfo { background-color:#99FF66; padding:0 0px 0 0px; float:right; margin:0px; }
#SubMain .Table { }
#SubMain .Table .Tit { height:30px; padding-top:5px; }
#SubMain .Table .Tit span { padding-left:8px ; }
#SubMain .Btn { margin:20px 0px 30px 0px ; float:right; }
#SubMain .Search { margin:5px 0px 30px 0px ; text-align:center;  }
#SubMain .contents { width:735px; margin-bottom:15px; padding-bottom:20px }
#SubMain .contents ul { width:730px; }
#SubMain .contents ul li.center {  text-align:center; margin: 10px 0px 40px 0px; }
#SubMain .contents ul li.left { float:left;}
#SubMain .contents ul li.right { float:right; }
#SubMain .contents ul li.cous { float:left; }
#SubMain .contents ul li.cous span { margin-left:30px; }
#SubMain .contents ul li.cous p { margin: 45px 0px 10px 0px; }
#SubMain .contents ul li.txt { margin: 10px 0px 30px 18px; color:#7c7c7b; }
#SubMain .contents ul li.txt2 { width:680px; margin: 20px 0px 30px 18px; color:#7c7c7b; }
#SubMain .contents ul li.txt p { margin: 5px 0px 0px 0px }
#SubMain .contents ul li.txt_list { width:730px; margin: 2px 0px 2px 18px; color:#7c7c7b; background:url(../image/business/point.gif) no-repeat scroll left 5px ; }
#SubMain .contents ul li.txt_list p { float:left;margin-top:0px;margin-left:8px; }
#SubMain .contents p.img { text-align:center; margin: 10px 0px 10px 0px; }
#SubMain .contents ul.box01 { margin: 10px 0px 10px 20px; }
#SubMain .contents ul.box01 li { margin: 10px 0px 0px 0px; float:left; }
#SubMain .contents ul.box01 p { margin: 0 auto; text-align:center; margin: 20px 0px 0px 0px; }
#SubMain .contents ul.family { width:335px; float:left; margin: 0 10px 0 5px; display:inline;}
#SubMain .contents ul.family p{ width:280px; float:right; margin: 10px 10px 5px 5px; display:inline-block;}
#SubMain .contents ul.family span{ width:280px; float:right; margin: 0 10px 0 5px; display:inline-block;}
#SubMain .contents ul.family li.tit { width:335px;  }
#SubMain .contents ul.family li.con { width:335px; text-align:right; }
#SubMain .contents ul.family li.con p { width:290px; text-align:left; font-size:11px; margin:10px 0 0px 0 ; line-height:160%; }
#SubMain .contents ul.family li.con span { width:290px; float:right; margin:0px 0 35px 0 ; }

#SubMain .contents ul.cous { width:631px; margin: 30px 0px 10px 75px;}
#SubMain .contents ul.cous li { width:631px;}
#SubMain .contents ul.cous li.txt { width:631px; height:135px; background:url(../image/community/cous_box_bg.gif); margin:0; text-align:center; padding:38px 0px 0px 0px ; }
#SubMain .contents ul.cous li.btn { width:631px; margin:0; text-align:center; padding:15px 0px 0px 0px ; }
#SubMain .contents ul.login p { margin: 10px 0 0px 0px ; }
#SubMain .contents ul.login { width:631px; margin: 10px 0px 10px 75px;}
#SubMain .contents ul.login li { width:631px;}
#SubMain .contents ul.login li.txt { width:631px; height:135px; background:url(../image/community/cous_box_bg.gif); margin:0; text-align:center; padding:38px 0px 0px 0px ; }
#SubMain .contents ul.login li.btn { width:631px; margin:0; text-align:center; padding:15px 0px 0px 0px ; }
#SubMain .contents ul.login p { margin: 10px 0 0px 0px ; }
#SubMain .contents ul.tab { width:715px; height:30px; margin: 10px 0px 30px 0px; background:url(../image/business/tab_bg.gif); padding-left:20px; }
#SubMain .contents ul.tab li { float:left; }
#SubMain .contents ul li.cibtn { float:right; margin:10px 70px 20px 10px ; }
#SubMain .contents ul li.bibtn { float:right; margin:10px 25px 40px 10px ; }
#SubMain .contents ui.fa_box { width:100%; background-color:#063}
#SubMain .contents ui.fa_box li{ float:left; display:inline-block; width:320px}

/*°Ô½ÃÆÇ*/
#multiTable { width:720px; }
#multiTable p { margin-top:50px; }
#multiTable ul { margin: 40px 0 4px 0px; }
#multiTable ul li { font-size:11px; color:#675932; }
#multiTable .table_list {font-size:12px; width:760px; border:0; border-bottom:1px solid #d3cebf; }
#multiTable .table_list tr { height:31px; }
#multiTable .table_list tr.notice { background:#F5F5F5; }
#multiTable .table_list td.head { border-bottom:0; background:#F5F5F5; padding-top:0px; padding-bottom:0px; }
#multiTable .table_list td { border-bottom:1px solid #eae7df; text-align:center; padding-top:7px; padding-bottom:7px; line-height:20px; vertical-align:top }
#multiTable .table_list td.title { text-align:left; padding-left:10px; }
#multiTable .table_list td span { padding:0 5px; }
#multiTable .table_list td.tit { color:#5377CD; font-weight:bold; }
#multiTable .table_list td.tit a { color:#5377CD; font-weight:bold; }
#multiTable .table_list td img { vertical-align:middle; }
#multiTable .table_list td.house { text-align:left; padding-left:10px; font-weight:bold; }
#multiTable .table_list td.house a { color:#5377CD;}




#multiTable .table_list3{ border-top:2px solid #d3cebf; border-bottom:2px solid #d3cebf;}
#multiTable .table_list3 td { border-bottom:1px solid #eae7df; }
#multiTable .table_list2 {font-size:12px; width:600px; margin:10px 0 ; }
#multiTable .table_list2 tr { height:18px; }
#multiTable .table_list2 td { border-bottom:1px solid #eae7df;  padding-top:7px; padding-bottom:7px; line-height:15px; vertical-align:top }
#multiTable .table_list2 td.non{border:none}
#multiTable .table_list2 td.title { text-align:center; padding-left:10px;  font-weight:bold ; }








#multiTable .guestTable {width:720px; border-top:2px solid #d3cebf; border-bottom:1px solid #d3cebf; font-size:12px; }
#multiTable .guestTable th {border-bottom:1px solid #eae7df; border-right:1px solid #eae7df; background:#f7f4ec; padding: 7px 0px 7px 20px; text-align:left;  }
#multiTable .guestTable td {border-bottom:1px solid #D9D9D9; background:#fff; padding: 7px 7px 7px 15px; text-align:left; }
#multiTable .guestTable td.left{text-align:left; padding-left:10px;}
#multiTable .guestTable td span.txt{ margin-left:7px; font-size:11px; color:#675932; }

#multiTable .guestList {width:719px; border-top:2px solid #d3cebf; border-bottom:1px solid #d3cebf; font-size:12px; margin-top:30px; margin-bottom:30px;}
#multiTable .guestList th {border-bottom:1px solid #eae7df; background:#f7f4ec; padding: 7px 7px 7px 7px;   }
#multiTable .guestList td {border-bottom:1px solid #D9D9D9; background:#fff; padding: 7px 7px 7px 7px; text-align:center; height:31px; }
#multiTable .guestList td.tit {text-align:left; padding: 2px 0px 0px 10px;}

#multiTable .guestView {width:719px; border-top:2px solid #d3cebf; border-bottom:1px solid #d3cebf; font-size:12px; margin-top:30px;}
#multiTable .guestView th {border-bottom:1px solid #eae7df; border-right:1px solid #eae7df; background:#f7f4ec; padding: 7px 7px 7px 7px;   }
#multiTable .guestView td {border-bottom:1px solid #eae7df; background:#fff; padding: 7px 7px 7px 7px; text-align:center; height:31px; }
#multiTable .guestView td.tit {text-align:left; padding: 2px 0px 0px 10px;}
#multiTable .guestView td.tit span { font-weight: bold; color:#5b5b5a; }
#multiTable .guestView td.txt {text-align:left; padding: 20px 0px 20px 10px; line-height:20px; }

#multiTable .guestAnswer {width:719px; border-top:2px solid #bdd1bc; border-bottom:1px solid #d3cebf; font-size:12px; margin-top:30px;}
#multiTable .guestAnswer th {border-bottom:1px solid #bdd1bc; border-right:1px solid #bdd1bc; background:#ecf7eb; padding: 7px 7px 7px 7px;   }
#multiTable .guestAnswer td {border-bottom:1px solid #bdd1bc; background:#fff; padding: 7px 7px 7px 7px; text-align:center; height:31px; }
#multiTable .guestAnswer td.tit {text-align:left; padding: 2px 0px 0px 10px;}
#multiTable .guestAnswer td.tit span { font-weight: bold; color:#5b5b5a; }
#multiTable .guestAnswer td.txt {text-align:left; padding: 20px 0px 20px 10px; line-height:20px; }

#multiTable .noticeList {width:719px; border-top:2px solid #d3cebf; border-bottom:1px solid #d3cebf; font-size:12px; }
#multiTable .noticeList th {border-bottom:1px solid #eae7df; background:#f7f4ec; padding: 7px 7px 7px 7px;   }
#multiTable .noticeList td {border-bottom:1px solid #D9D9D9; background:#fff; padding: 7px 7px 7px 7px; text-align:center; height:31px; }
#multiTable .noticeList td.tit {text-align:left; padding: 2px 0px 0px 10px;}

#multiTable .noticeView {width:719px; border-top:2px solid #d3cebf; border-bottom:1px solid #d3cebf; font-size:12px; }
#multiTable .noticeView th {border-bottom:1px solid #eae7df; border-right:1px solid #eae7df; background:#f7f4ec; padding: 7px 7px 7px 7px;   }
#multiTable .noticeView td {border-bottom:1px solid #eae7df; background:#fff; padding: 7px 7px 7px 7px; text-align:center; height:31px; }
#multiTable .noticeView td.tit {text-align:left; padding: 2px 0px 0px 10px;}
#multiTable .noticeView td.tit span { font-weight: bold; color:#5b5b5a; }
#multiTable .noticeView td.txt {text-align:left; padding: 20px 0px 20px 10px; line-height:20px; }

/*2018.04.10 ¿¬ÈñÃß°¡*/

.guestTableper {width:100%; border-top:2px solid #c7c7c7; border-bottom:1px solid #c7c7c7; font-size:12px; }
.guestTableper th {border-bottom:1px solid #c7c7c7; border-right:1px solid #c7c7c7; background:#f1f1f1; padding: 7px 0px 7px 0px; text-align:center;  }
.guestTableper td {border-bottom:1px solid #c7c7c7; background:#fff; padding: 7px 7px 7px 7px; text-align:center;border-right:1px solid #c7c7c7; }
.tableper {font:12px!important}
.tableper th.lefttext{ font:bold; padding:10px 1px 5px 2px; text-align: left!important}
.tableper td{ font:normal 12px dotum; padding: 3px 2px; line-height: 20px}


/* ÆäÀÌÁö¸®½ºÆ® */
#pagenavi { width:760px; text-align:center; margin:0 0 0 0; padding:10px 0 20px 0 ; font-size:11px; }
#pagenavi ul {text-align:center; margin:0; padding:0 }
#pagenavi ul li { display:inline; padding:0 5px; }
#pagenavi ul li img { vertical-align:middle; }


/* Æ˾÷ */
#popup { width:100%; text-align:center; margin:0 0 0 0; font-size:12px; background-color:#d7d7d7; padding:10px; }
#popup .top { width:100%; height:45px; text-align:left; background:#686058; }
#popup .top span.tit { float:left; margin:13px 0 0 17px;}
#popup .top span.logo { float:right; margin:10px 10px 0 0; }
#popup .body { width:100%; background-color:#ffffff; text-align:left; padding:15px;}
#popup .body h1 { font-size:16px; text-align:center; color:#686058; padding:10px 0 10px 0; border-bottom:1px solid #eae7df; }
#popup .footer { width:100%; height:30px; bakground-color:#d7d7d7; text-align:left;}
#popup .footer span.today { float:left; margin:10px 0 0 0; }
#popup .footer span.btn { float:left; margin:10px 0px 0 10px;  }


#content_box{ clear:both; width:1000px; height:160px; padding:10px 0 0 0; display:block; margin:0 auto;   }
#notice_box{float:left; width:310px}
#notice_box ul.notice{ float:left; width:310px; display:block;height:100px;}
#notice_box .main_ttl{ display:block; width:310px;  height:26px ; border-bottom:1px solid  #dee1e2; margin:0 0 10px 0  }
#notice_box ul {padding:0; margin:0;display:inline-block ;}
#notice_box ul li{padding:4px 0 0px 10px;  background:url(../image/main/notice_ball.gif) no-repeat 0px 10px;  display: inline-block}
#notice_box ul li span.txt{font:normal 12px dotum; display:inline-block; width:220px; float:left; margin:0; }
#notice_box ul li span.dt{font:normal 10px verdana; display:inline-block;  width:70px; float:right; letter-spacing:-1px; margin:0; padding:0; }


div.main_ttl span.ttl{ font:bold 16px dotum; color:#333; width:280px; float:left; display:inline-block; text-align:left; }
div.main_ttl span.ar_btn{ display:inle-block; float:right; }

div.main_ttl span.ttl2{ font:bold 16px dotum;color:#333; width:337px; float:left; display:inline-block; text-align:left; }


#bu_box .main_ttl{ display:block; width:373px;  height:26px ;  margin:0 0 0px 0  }
#bu_box{ width:373px; height:100px;  float:left; margin: 0 0 0 40px }

#main_banner{width:235px; height:114px;   float:left; margin: 0 0 0 40px; display:block;   }
#main_banner .main_ttl span.ttl3{ font:bold 16px dotum;color:#333; width:234px;display:block; text-align:left;  }





#m_ba{width:235px;   float:left; margin: 0 0 0 40px; display:block;  ;  display:inline  }
#m_ba .main_ttl span.ttl3{ font:bold 16px dotum;color:#333; width:234px;display:block; text-align:left;  }
.ba01{width:235px;  height:114px; display:block; padding:13px 0 0 0  }








.zitem {width:119px;	height:113px;	border:0px solid #222;	margin:5px 5px 5px 0;	
	/* required to hide the image after resized */
	overflow:hidden;
	/* for child absolute position */
	position:relative;
	/* display div in line */
	float:left}

.zitem .caption {
	width:119px;
	height:30px;
	background:#000;
	color:#fff;
	font-weight:bold;
		
	/* fix it at the bottom */
	position:absolute;
	bottom:-1px; /* fix IE issue */
	left:0;

	/* hide it by default */
	display:none;

	/* opacity setting */
	filter:alpha(opacity=70);    /* ie  */
	-moz-opacity:0.7;    /* old mozilla browser like netscape  */
	-khtml-opacity: 0.7;    /* for really really old safari */  
	opacity: 0.2;    /* css standard, currently it works in most modern browsers like firefox,  */

}

.zitem .caption a {	text-decoration:none;	color:#fff;	font-size:12px;	/* add spacing and make the whole row clickable*/	padding:5px;	display:block}

/*img {		position: absolute;	left: 4px;	top: 2px}*/

.clear {clear:both;	}
.family{ padding:10px 0 20px 0  }



#tabbox{ margin:10px 0 20px 0 ; padding:0; display:inline-block; float:left}

#tabbox a{padding:10px 15px ; float:left; display:inline-block; border-top:1px solid #d1d1d1; border-left:1px solid #d1d1d1; border-bottom:2px solid #d1d1d1; min-width:80px; background-color:#f2f2f2; margin:0}
#tabbox a:hover{color:#b02a1a;padding:10px 15px ; float:left; display:inline-block; border-top:1px solid #d1d1d1; border-left:1px solid #d1d1d1; border-bottom:2px solid #d1d1d1; min-width:80px; background-color:#fff}
#tabbox a.tabon{padding:13px 22px ; float:left; display:inline-block;border-top:2px solid #b02a1a; border-left:2px solid #b02a1a; border-right:2px solid #b02a1a;border-bottom:none;  background-color:#fff; 
font:bold 12px dotum; color:#b02a1a;}
#tabbox a.tabon:hover{padding:13px 22px ; float:left; display:inline-block;border-top:2px solid #b02a1a; border-left:2px solid #b02a1a; border-right:2px solid #b02a1a;border-bottom:none;  background-color:#fff; 
font:bold 12px dotum; color:#b02a1a;}

.dot_txt{margin:20px 0 10px 10px }
.dot_txt li{ height:20px; background:url(../image/cooperation/dot_txt.gif) no-repeat 0px 10px;padding-left:10px; }
.dot_txt li.none{ margin:15px 0 10px 0px ; padding:0px; background:none}

.dot_txt li.list2{ height:20px; background:url(../image/cooperation/dot_txt.gif) no-repeat 15px 10px;padding-left:20px; }

.dot_txt li.list3{ height:20px; background:url(../image/cooperation/dot_txt.gif) no-repeat 15px 10px;padding-left:20px; }