/*=================================================================================================
// 명    칭 : 메인화면 스타일쉬트
// 처리내용 : 
// 작 성 자 : 2013-09-06 강대인 
//=================================================================================================*/
@charset "utf-8";
@import url("/common/css/global.css");

@import url(https://fonts.googleapis.com/earlyaccess/nanumgothic.css);
	
/* NanumBarunGothic 기본 폰트 */
@font-face{
font-family: "NanumBarunGothic";
src: url('/common/css/font/NanumBarunGothic.eot')format('eot');
src: url('/common/css/font/NanumBarunGothic.woff') format('woff');
}
/* NanumBarunGothic 굵은 폰트 */
@font-face{
font-family: "NanumBarunGothicBold";
src: url('/common/css/font/NanumBarunGothicBold.eot')format('eot');
src: url('/common/css/font/NanumBarunGothicBold.woff') format('woff');
}

html {width: 100%;}
a[href^="tel:"] {color: inherit;text-decoration:none;}
* {	-webkit-text-size-adjust: none;}

body {	font: 14px/18px  Arial, Helvetica, sans-serif;	color:#826660;	position:relative;	width:100%;	background: #5fa022;}
body,h1,h2,h3,h4,input,button,table{font-family:NanumBarunGothic, Nanum Gothic, "나눔고딕", Sans-serif, Dotum, Gulim, AppleGothic ;font-size:12px;line-height:1.4}

/* body{_text-align:center; background:url(/modules/user/img/common/bg_body.jpg) repeat 0 0; } */
body{_text-align:center; }

#di_wrap{width: 100%;margin: 0 auto; background: #f2f0f0 none repeat scroll 0 0;}

#di_header{width:100%;}
#di_gnb{width:100%; height:30px; background: #5fa022;}
#di_gnb ul{max-width:900px; margin:0 auto;}
#di_gnb ul li{float:right;margin-left:10px; margin-top:6px;}

.ic {	border:0;	float:right;	background:#fff;	color:#f00;	width:50%;	line-height:10px;	font-size:10px;	margin:-220% 0 0 0;	overflow:hidden;	padding:0}

h1, h2, h3, h4, h5, h6 {	font-weight: normal;	color: #5d0400;	font-family: Times New Roman;}
h2 {	font-size: 25px;	line-height: 30px;}
h3 {	font-size: 20px;	line-height: 24px;}

p.inn1 {	padding-top: 2px;	margin-bottom: 20px;}
img {	max-width: 100%;}

address {	font-style: normal;}
ul {	padding: 0;	margin: 0;	list-style: none;}
ul.list li{	background: url(/modules/user/img/main2/marker.png) 0 8px no-repeat;	padding-left: 11px;	color: #464646;	margin-bottom: 5.5px;}
ul.list.l1 li {	margin-bottom: 5.2px;}

/*links*/
a {	text-decoration: none;	color: inherit;	outline: none;	transition: 0.5s ease;	-o-transition: 0.5s ease;	-webkit-transition: 0.5s ease;}
a:hover {	color: #699440;}
a.btn {	font-size: 12px;	display: inline-block;	background: #e2827e;	padding: 5px 14px 4px;	border-radius: 4px;	margin-top: 17px;	color: #fff;	text-transform: uppercase;}
a.btn:hover {	background: #699440;}
a.btn.m1 {	margin-top: 30px;	margin-bottom: 1px;}

/*preclass*/
.mb0 {	margin-bottom: 0px !important;}
.m0 {	margin: 0 !important;}
.ind1 {	margin-top: 11px;}
.pad0 {	padding: 0 !important;}
.pt0 {	padding-top: 0;}
.img_inner {	max-width: 100%;	padding: 7px;	background: #fff ;	 -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; border: 1px solid #e6e4e4; margin-bottom: 19px; box-shadow: 2px 2px 4px #ddd;}
.fleft {	float: left;	margin-right: 20px;	margin-bottom: 0;}
.fright {	float: right !important;	}
.upp {	text-transform: uppercase;}
.alright {	text-align: right;}
.center {	text-align: center;}
.wrapper, .extra_wrapper {	overflow: hidden;}
.clear {	float: none !important;	clear: both;}

.col1 {	color: #464646;}
.col2 {	color: #e1837f;}

.hor_separator {	background: url(/modules/user/img/main2/hor_separator.png) 0 bottom no-repeat;	height: 40px;}

/*header*/
header {	display: block;	padding-top: 16px;	position: relative;	z-index: 999;	background: #f2f0f0 ;	padding-bottom: 10px;	border-bottom: 1px solid #dddbdb;	box-shadow: 0 1px 5px #ccc;}
header h1 {	float: none;	position: relative;	z-index: 999;}
header h1 a {	display: block;	overflow: hidden;	margin: 0 auto;	width: 179px;	float: left;	height: 83px;	text-indent: -999px;	transition: 0s ease;	-o-transition: 0s ease;	-webkit-transition: 0s ease;}
header h1 a img {	display: block;	}

.main {	background: #f2f0f0;}

/*Content*/
.content h2{ 	padding-top: 36px;	font-size: 24px;	color: #79302b;	margin-bottom: 17px;}
.content.page1 {	padding-top: 50px;	background: url(/modules/user/img/main2/hor_separator.png) center 50px no-repeat;}
.content.page1 h2 {	font-size: 25px;	padding-top: 43px;	margin-bottom: 19px;	color: #5D0400;}
.page1_block img {	float: left;	margin-top: 2px;	margin-right: 24px;}
.car_wrap {	position: relative;	margin: 0 -10px;	overflow: hidden;}
.content.page1 .car_wrap h2 {	padding-left: 10px;	padding-top: 23px;	padding-bottom: 3px;}

.carousel1 {	height: 249px;}
.carousel1 li {	float: left;	width: 240px !important;	font-size: 12px;}
.carousel1 li >div {	padding: 0 10px;}
.carousel1 li .price {	display: inline-block;	background: #699440;	color: #fff;	min-width: 41px;	height: 38px;	border-radius: 4px;	font: 20px/36px 'Lobster', cursive;	text-align: center;	margin-top: 15px;}
.carousel1 li span {	line-height: 16px;}
.carousel1 img {	box-shadow: 2px 2px 3px #ddd;	padding: 4px;	background: #fff;	border: 1px solid #e6e4e4;	 -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; margin-bottom: 19px;}

.bottom_block {	background: url(/modules/user/img/main2/hor_separator.png) center 38px no-repeat;	padding-top: 38px;	font-size: 12px;	padding-bottom: 34px;	overflow: hidden;}
.bottom_block h3 {	padding-top: 39px;	margin-bottom: 25px;}

.socials {	overflow: hidden;}

.bottom_block nav {	padding-top: 27px;}
.bottom_block nav li {	float: left;}
.bottom_block nav li+li {	margin-left: 19px;}
.bottom_block nav {	font-size: 12px;	text-transform: uppercase;	color: #504f4f;}
.bottom_block p {	margin-top: -5px;}
.bottom_block nav li.current {	color: #699440;}

.socials a {	background: url(/modules/user/img/main2/socials.png) 0 0 no-repeat;	width: 26px;	float: left;	display: block;	height: 27px;	margin-left: 11px;}
.socials a:hover {	opacity: 0.5;}
.socials a:first-child {	margin-left: 0;}
.socials a:first-child+a {	background: url(/modules/user/img/main2/socials.png) -38px 0 no-repeat;}
.socials a:first-child+a+a {	background: url(/modules/user/img/main2/socials.png) right 0 no-repeat;}

.testimo li img {	float: left;	margin-top: -1px;	margin-right: 20px;}
.testimo li {	float: left;}
.testimo li .title {	font-size: 24px;	line-height: 22.9px;	font-family: "Times New Roman", Times, serif;	color: #e2827e;	text-align: center;	padding-top: 36px;}
.testimo .col1 {	line-height: 22.9px;	margin-bottom: 6px;	padding-top: 10px;}

.prev1 {	background: url(/modules/user/img/main2/prevnext.png) 0 bottom no-repeat;	display: block;	float: left;	width: 32px;	z-index: 999;	height: 30px;	margin-top: 8px;}
.prev1:hover {	background-position: 0 0;}
.next1 {	background: url(/modules/user/img/main2/prevnext.png) right bottom no-repeat;	display: block;	z-index: 999;	float: left;	width: 32px;	height: 30px;	margin-top: 8px;}
.next1:hover {	background-position: right 0;}

.hor_separator.hor1 {margin-top: 13px;}

.content h2.head1 {	padding-top: 28px;	font-size: 25px;}
.content h2.head2 {	font-size: 25px;	padding-top: 35px;	margin-bottom: 20px;}

.chefs {	padding-top: 7px;}
.chefs .img_inner {	padding: 10px 4px;}
.chefs .col1 {	font-size: 12px;	padding-top: 8px;	margin-bottom: 16px;}

.menu {	padding-top: 8px;}
.menu h3 {	color: #85423f;	margin-bottom: 22px;}
.menu .img_inner {	padding: 5px 4px;	margin-bottom: 12px;}

.news .img_inner{	padding: 4px;	margin-top: 1px;}
.news {	font-size: 12px;	margin-bottom: 52px;}
.news .extra_wrapper {	position: relative;	top: -4px;}
.news a.btn {	margin-top: 5px;}

#newsletter {	position: relative;}
#newsletter label {	display: block;	position: relative;	width: 313px;	float: left;	padding-top: 1px;	z-index: 1;}
#newsletter input {	border: 1px solid #d9d8d8;	float: left;	color: #a8a8a8;	width: 220px;	height: 30px;	font: 12px/18px  Arial, Helvetica, sans-serif;	padding: 6px 10px;	box-shadow: none !important;	-moz-box-sizing: border-box; -webkit-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box;}
#newsletter a.btn {	float: right;	text-transform: capitalize;	font-size: 13px;	margin-top: 0;	padding-top: 6px;	padding-bottom: 6px;}
#newsletter .error, #form1 .empty {			height:0px;	top: 35px;	width: 100%;	left: 4px;	font-size: 10px;	line-height: 13px;	display: block;	overflow: hidden;	z-index: 999;	color: #ff0000;		-webkit-transition:  0.3s ease-out; 		-o-transition: all 0.3s ease-out; 		transition: all 0.3s ease-out; 		position: absolute;	}
#newsletter label.invalid .error {	/*display: block;*/	height:40px;}
#newsletter .success {	width: 220px;	z-index: 999;	-moz-box-sizing: border-box; 	-webkit-box-sizing: border-box; 	-o-box-sizing: border-box; 	box-sizing: border-box;		display: none;		top: 0px;	border: 1px solid #d9d8d8;	background: #fff;	left: 0px;	font-size: 12px; color: #a7a7a7;	overflow: hidden;	padding: 10px;	-webkit-transition:  0.3s ease-out; 	-o-transition: all 0.3s ease-out; 	transition: all 0.3s ease-out; 	position: absolute;}

/****Map***/
.map {	padding-top: 6px;	color: #848383;}
.map figure { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; display: block; margin-bottom: 42px;}
.map figure iframe {	width: 100%;	height: 282px;	max-width: 100%;}
.map address {	float: left;	margin-right: 80px;}
.map .text1 {	line-height: 20px;	margin-bottom: 2px;}
address dd span {	min-width: 100px;	display: inline-block;	text-align: left;}

/************Footer***********/
footer {	display: block;	padding: 10px 0;	font-size: 12px;	color: #fff;	text-align: center;}
footer a:hover {	color: #fff;	text-decoration: underline;}




#di_container{width:100%;clear:both;z-index: 2 }

#di_con{ max-width:1000px;margin:0 auto; padding:0 20px 50px 20px; overflow: hidden; min-height:600px; background-color:white;}

#di_subtitle {  width: 100%;  height: 85px;  border-bottom: solid 1px #ddd;  overflow: hidden; margin-bottom:40px;}
#di_subtitle h3 { float: left; padding: 50px 0 0 0; font-size: 30px; color: #333; font-family: "NanumBarunGothic"; }
#di_subtitle #di_nav { float:right; position:relative; top: 60px; right: 15px; color: #aaa; }


.dc_scroll { line-height:17px; overflow:auto; border:1px solid #d6dbde; color:#666;  height:1000px; padding:40px; }
.rules{margin-bottom:20px; font-family:Nanum Gothic, "나눔고딕", Sans-serif, Dotum, Gulim, AppleGothic;padding: 0 33px;}
.rules h3{margin-bottom: 10px;font-size: 16px;background: url(/modules/user/img/sub/li_leftMenu.gif) no-repeat 0 5px;padding-left: 15px;color: #244364;}
.rules ul{padding-left:10px;}
.rules ul li{background: url(/modules/user/img/sub/ico_builet01.gif) no-repeat 0 8px;padding-left: 10px;line-height: 20px;font-weight: bold;margin-bottom: 5px; font-size:13px;}
.rules ul li li{font-weight: normal;background: url(/modules/user/img/sub/ico_builet02.gif) no-repeat 0 8px;padding-left: 10px;margin-bottom: 0; font-size:13px;}
.rules ul li.bold{background: none; padding-left:0;line-height: 20px;font-weight: bold;margin-bottom: 5px; font-size:14px; color:red;}
.rules ul li.none{background:none;}

.table_organ2 {width: 99%; margin: 50px auto; border-collapse:collapse; border-spacing:0; font-size:13px;border-top:solid 2px #666;border-bottom:solid 2px #666;}
.table_organ2 thead tr th { height:55px; text-align: center; color: #666; font-weight:bold; border-right:1px solid #ccc; font-size:14px;background:#f4f4f4; }
.table_organ2 thead tr td { padding:10px; text-align:center; color:#666; border:1px solid #ccc; height: 60px; }
.table_organ2 thead tr td:last-child{border-right:0;}
.table_organ2 thead tr th:last-child{border-right:0;}
.table_organ2 tbody tr th{height:55px; text-align: center; color: #666; font-weight:bold; border-right:1px solid #ccc;border-top:1px solid #ccc; font-size:14px;background:#f4f4f4; }
.table_organ2 tbody tr th:last-child{border-bottom:0;}
.table_organ2 tbody tr td { padding:10px; text-align:center; color:#666; border:1px solid #ccc; height: 60px;}
.table_organ2 tbody tr td:first-child{border-left:0;}
.table_organ2 tbody tr td:last-child{border-right:0;}
.table_organ2 tbody tr td span{color:red;}
.table_organ2 tbody tr td.accent{font-size:25px; font-weight:bold;}
.table_organ2 tbody tr td.accent span{font-size:14px; font-weight:normal; color:#666;}

.sub1010{background:url(/modules/user/img/sub/bg_img1010.jpg) no-repeat right bottom;padding: 0 0 22px 0;margin-bottom:30px;}
.sub1010 h3{font-size:16px; font-weight:bold; color:red; margin-bottom:10px;}
.sub1010 p{font-size: 13px;font-weight: bold;color: #666;margin-bottom: 10px;width: 443px;line-height: 23px;text-align: justify;}

/* 기본 테이블*/
.tnList01 {width:100%;margin:10px 0;border:0;}
.tnList01 th,
.tnList01 td{padding:8px;border-bottom:solid 1px #dcdcdc; border-right:solid 1px #dcdcdc; vertical-align:middle;text-align:left;}
.tnList01 th{background:url(../img/sub/ico_buillet.gif) no-repeat 10px 15px;padding-left:20px; font-weight:bold; color:#2d2f38;vertical-align: top;}
.tnList01 th:first-child{border-left:0}
.tnList01 th:last-child{border-right:0;}
.tnList01 td{color:#333}
.tnList01 td:first-child{border-left:0}
.tnList01 td:last-child{border-right:0}
.tnList01 .last-child{border-bottom:0;}

.tn_protfolio{width:100%;border-top:solid 2px #db4145;}
.tn_protfolio thead th{background:#fafafa; font-weight:bold; font-size:14px; padding:15px 20px;border-bottom:solid 1px #ddd; text-align:center;}
.tn_protfolio tbody td{padding:10px 20px;border-bottom:solid 1px #ddd;text-align:center;}
.tn_protfolio tbody .on{color:#db4145; font-size:13px; font-weight:bold;}

.pagination{height:40px;margin:20px 0;}
.pagination ul{display:inline-block;margin-left:0;margin-bottom:0;border-radius:3px;}
.pagination ul li{display:inline;}
.pagination ul li a,
.pagination ul li span{float: left;padding: 0 12px;line-height: 30px;text-decoration: none;background-color: #ffffff;border: 1px solid #ddd;margin: 0 3px;}
.pagination ul li a:hover{color:#fff;cursor:pointer;font-weight:bold;background-color:#d42930;}
.pagination ul .on a,
.pagination ul .on span{background-color:#d42930;color:#fff;cursor:pointer;font-weight:bold;}
.pagination-centered{text-align:center;}
.pagination-right{text-align:right;}

.tn_awards{width:100%;border-top:solid 2px #db4145;}
.tn_awards thead th{background:#fafafa; font-weight:bold; font-size:14px; padding:15px 20px;border-bottom:solid 1px #ddd; text-align:center;}
.tn_awards tbody td{padding:10px 20px;border-bottom:solid 1px #ddd;border-right:solid 1px #ddd;text-align:center;}
.tn_awards tbody td:last-child{border-right:0;}
.tn_awards tbody .on{color:#db4145; font-size:13px; font-weight:bold;}

#di_event_form { width:100%; margin:33px auto; }
.dc_event_title { color:#152e7f; font-size:1.2em; font-weight:bold; margin:0 0 19px 0; }
.dc_event_info { background:url("../img/sub/join_info_bg.png") no-repeat; height:97px; padding:18px 30px; color:#666; line-height:20px; margin:0 0 46px 0; }
.dc_event_table { border-bottom:2px solid #c1c1c1; border-top:2px solid #c1c1c1; width:100%; color:#777; font-size:13px;}
.dc_event_table tr th { min-height:49px; line-height:49px; font-size:14px;border-top:1px solid #c1c1c1; color:#333; font-weight:bold;background:#f9f9f9;padding-left:10px;}
.dc_event_table tr td { min-height:49px; border-top:1px solid #c1c1c1;padding-left:10px; }
.dc_event_table tr td .accent {color:red;}
.dc_event_table tr td .dc_game_kb {font-size:14px; width:500px;}

.dc_event_table tr td .subject {font-size:14px;width:400px;}
.dc_event_table tr td .subject ul{ padding:5px 47px;overflow: hidden;}
.dc_event_table tr td .subject ul li{float:left;margin-right:40px;}

.dc_event_table tr td label{margin-right:7px;}
.dc_event_table tr td label:last-child{margin-right:0px;}
.dc_event_table tr td input{margin-right:5px;}
.dc_event_table tr td span { /*color:#b61466;*/ line-height:28px; }
.dc_event_table tr td .dc_input { width:145px; height:34px; line-height:34px; font-size:12px; padding:9px; border:1px solid #ababab; }
.dc_event_table .dc_phone input { height:34px; line-height:34px; font-size:12px; padding:0 9px; border:1px solid #ababab; margin: 0;}
.dc_event_table .dc_addr { padding:10px 0; }
.dc_event_table .dc_addr input { height:34px; line-height:34px; font-size:12px; padding:0 9px; border:1px solid #ababab; }
.dc_event_table .dc_file { padding:10px 0; }
.dc_event_table .dc_file input { height:34px; line-height:34px; font-size:12px; padding:0 9px; border:1px solid #ababab; }

.dc_event_button { text-align:right; margin:47px 0 0 0; }
.dc_event_button .btn_sumit{height: 45px;background: #666;text-align: center;color: #fff;line-height: 45px;padding: 10px 60px;font-size: 16px;}
.dc_event_button .btn_reset{height: 45px;background:url(../img/sub/bg_button.gif) repeat-x;text-align: center;color:#333;line-height: 45px;padding: 10px 60px;font-size: 16px;border:solid 1px #ddd;}

.dc_event_list { border-bottom:2px solid #c1c1c1; border-top:2px solid #c1c1c1; width:100%; color:#777; font-size:13px;margin-bottom:50px;}
.dc_event_list thead th{text-align:center; background:#f9f9f9;min-height:49px; line-height:49px; font-size:16px;border-top:1px solid #c1c1c1; color:#333; font-weight:bold;}
.dc_event_list tbody td{text-align:center;min-height:49px; border-top:1px solid #c1c1c1;padding:10px 0; font-size:16px;}
.dc_event_list tbody td.accent{color:red;}
.dc_event_list tbody td .dc_event_list_button { text-align:center; margin:0 0 0 0;}
.dc_event_list tbody td .dc_event_list_button .btn_detail{height: 45px;background: #666;text-align: center;color: #fff;line-height: 45px;padding: 10px 15px;font-size: 12px;}


#di_footer{position:relative;width:100%; height:340px;background:url(../img/common/bg_footer.jpg) repeat-x bottom ; }
#di_foot{width:1000px; height:340px; margin:0 auto;position:relative;min-width:1027px;}
#di_foot .dc_ft img{padding: 10px 0 0 30px;}
#di_foot .ft_text{font-size: 14px;color: #6d6d6d; padding: 22px 0px 0px 29px; overflow: hidden;}
#di_foot .ft_text span{margin-right:10px;}
#di_foot .ft_text a{color:#ccc;}
#di_foot .ft_text a:hover{color:#ccc;}
#di_foot .ft_logo{width:215px; height:149px;position:absolute; top:0; left:-90px;}
#di_foot .dc_bottom_copy { float:left; width:145px; height:45px; background:url(../img/common/bottom_copy.gif) no-repeat;}
#di_foot .dc_bottom_addr { float: left;margin: 38px 0 0 26px;width: 600px;display:inline-block;}
#di_foot .dc_bottom_addr table{font-family:Nanum Gothic;}
#di_foot .dc_bottom_addr .dc_bt_title {width:350px; height:10px; font-size:11px; font-weight:bold; color:#ccc; padding:0 10px;}
#di_foot .dc_bottom_addr .dc_bt_data {width:350px; height:15px;  font-size:11px;  color:#ccc;padding:0 10px;}
#di_foot .ft_bg{width:627px; height:182px;position:absolute; top:108px; right:-260px;}
#di_copyright{width:686px; height:20px;margin: 0 0 0 28px;position:absolute; bottom:12px; left:0px;}
#di_copyright p{color:#bbb; }
#di_sns{position:absolute; bottom:13px; right:22px;}




#copyright{position:absolute; width:686px; height:65px;margin: 0 0 0 28px }
#sns{position:absolute; top:13px; right:22px;}