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

/*location*/
#loc {
	width:640px;
	height:70px;
	background:#eee;
	position:relative;
}
#loc .loc_text {
	float:left;
	padding-left:23px;	
}
#loc .loc_text span {
	font-size:27px;
	line-height:70px;
	letter-spacing:-1px;
}
#loc .loc_text .loc1 {
	color:#999;
}
#loc .loc_text .loc2 {
	color:#333;
}

#loc .loc_arrow {	
	position:absolute; left:0; top:0; z-index:2;
	width:100%; height:70px; cursor:pointer; 
}
#loc .loc_arrow a {
	display:block; float:right;
	width:70px; height:70px; font-size:0; line-height:0;
	border-left:1px solid #ccc; 
	background:url(../images/arrow_down.gif) no-repeat center center;
}
#loc .submenu {
	display:none;
	position:absolute; left:0; top:0; z-index:20;
	width:100%;
}
#loc .submenu .close_submn {
	height:70px;
	text-align:right; cursor:pointer;
}
#loc .submenu .close_submn a {
	display:inline-block;
	width:70px; height:0;
	padding-top:70px;
	overflow:hidden;
	background:#eee url(../images/btn_close.gif) no-repeat center center;	
}

#loc .submenu li {
	height:59px;
	background:#4d4d4d;
	border-bottom:1px solid #666666;
}
#loc .submenu li a {
	display:block;
	padding-left:24px;
	height:100%;
	line-height:59px;
	font-size:27px;
	color:#fff;
}

/*visual*/
#sub_visual {
	clear:both;
	width:100%; height:350px; margin-bottom:30px;
	font-size:0; line-height:0;
}


/*contents*/
#contents {
	position:relative;
	clear:both; 
	min-height:300px;
	background:#fff;
}
#contents:after {
	clear:both;
	display:block;
	content:"";
}
#contents h2 {margin:20px auto; width:600px; font-size:35px; color:#333; font-weight:bold;}
#contents .cntbox {	width:640px; margin:0 auto; position:relative;}
#contents .cntbox h3 {width:600px; height:50px; margin:auto; margin-bottom:25px; background:url(../images/tit_bg.gif) no-repeat left bottom;}
#contents .cntbox p {padding-bottom:40px; text-align:center; line-height:0;}
#contents .sub_common p {width:640px; margin:0 auto; position:relative; font-size:0; line-height:0;}

#contents .sub_cnt {width:640px; margin:auto;}
#contents .sub_cnt .cnt_box {margin-bottom:40px; width:640px;}
#contents .sub_cnt .cnt_box h2 {margin-top:0; padding-top:25px; width:640px; font-size:0; line-height:0;}
#contents .sub_cnt .cnt_box h3 {margin-bottom:20px;}

#contents .btn_cpt {width:640px; margin:auto; padding-top:25px; margin-bottom:10px;}
#contents .btn_cpt:after {clear:both; display:block; content:"";}
#contents .btn_cpt li {float:left; width:213px; text-align:center;}
#contents .btn_cpt li:first-child {with:214px;}
#contents .btn_cpt li img {width:210px;}

/*board*/
#contents .board_box p {
	font-size:inherit; line-height:inherit;
	background:#fff;
}
.board_box {
	width:600px;
	margin:0 auto; padding:30px 0;
}
#bbs_wrap {
	padding-bottom:20px;
}

/*board_list*/
.bbs_list thead tr {
	height:50px;
	background:#737780;
}
.bbs_list {
	width:100%;
}
.bbs_list th {
	text-align:center;
	color:#fff;
}
.bbs_list tbody tr {
	border-bottom:1px solid #d9d9d9;
}
.bbs_list .num {
	text-align:center;
}
.bbs_list .title a {
	display:block;
	padding:5px;
	font-size:25px;
	background:#fff;
	overflow:hidden;
}
.bbs_list .title a span {	
	font-size:20px;
	color:#999;
}
.bbs_list .title .png24 {vertical-align:middle; margin-bottom:7px;}
.status {
	text-align:center;
}
.status span {
	display:inline-block;
	text-align:center;
	font-size:18px;
	width:86px; padding:5px 0;
	border-radius:.3em;
	background:#eee;
}
.status .answer {
	background:#F90;
	color:#fff;
}

/*board_btns*/
.board_btns {
	text-align:right;
	padding-right:10px;
	margin-bottom:10px;
}

.board_btns a {
	display:inline-block;
	height:40px; 
	padding:0 15px;
	font-size:22px; line-height:40px;
	border-radius:.3em;
	border:1px solid #ccc;
	background:-webkit-gradient(linear,0 0,0 100%,from(white),to(whiteSmoke));
}

/*board_page*/
.paging {
	text-align:center; padding-top:10px;
}
.paging a {
	display:inline-block;
	width:50px; height:50px;
	line-height:50px;
	text-align:center;
	border:1px solid #ccc;
	margin:0 3px;
}
.paging .page_btn {
	background:#999;
	border-color:#999;
	color:#fff;
}
.paging .selected {
	background:#4d4d4d;
	border-color:#4d4d4d;
	color:#fff;
}

/*board_search*/
.search {
	margin-top:20px;
	text-align:center;
}
.search .input_box {
	width:40%; height:42px;
	border:1px solid #ccc;
}
.search .btn_search {
	width:80px; height:44px;
	line-height:44px;
	border:1px solid #ccc;
	border-radius:.3em;
	background:-webkit-gradient(linear,0 0,0 100%,from(white),to(whiteSmoke));
}


/*board_view*/
.bbs_view {
	width:600px;
	border-top:6px solid #737780;
	table-layout:fixed;
	word-break:break-all;
	overflow:hidden;
}
.bbs_view thead th {
	height:50px;
	background:#fff;
	text-align:left;
	font-weight:bold;
	padding-left:20px;
}
.bbs_view tr  {
	border-bottom:1px solid #ccc;
}
.bbs_view tbody {
	width:100%;
}
.bbs_view tbody th {
	height:50px;
	border-right:1px solid #ccc;
	background:#f6f6f6;
}
.bbs_view tbody td {
	padding-left:10px;
	background:#fff;
}
.bbs_view .cnt {
	width:580px;
	padding:10px;
	min-height:100px; 
	vertical-align:top;
	background:#fff;	
}
.bbs_view .cnt2 {
	margin-top:20px;
	padding:16px;
	min-height:100px; 
	vertical-align:top;
	background:#eee;	
}
.bbs_view .board_btns {
	margin-bottom:0;
}
#view_tt {background:#fff;}
#view_tt img {width:100%; height:auto;}


/*board_write*/
.bbs_write {
	width:100%;
	border-top:6px solid #737780;
	margin-bottom:10px;
}
.bbs_write tr  {
	border-bottom:1px solid #ccc;
}
.bbs_write th {
	height:50px;
	border-right:1px solid #ccc;
	background:#f6f6f6;
}
.bbs_write td {
	padding:8px 0 8px 10px;
}
.inputbox {
	height:40px;
	border:1px solid #ccc;
}
.phone {
	width:100px;
}
.txtbox {
	border:1px solid #ccc;
	width:98%;
}
.submit {
	color:#fff;
	border-color:#333333 !important;
	background-color:#333333;
	background: -webkit-gradient(linear,0 0,0 100%,from(#666666),to(#333333)) !important;
}
.exp {
	font-size:18px;
}

/*board_case*/
.tabs li {
	float:left;
	width:50%; height:50px;	
}
.tabs li a {
	display:block;
	width:100%; height:100%;
	text-align:center; line-height:50px;
	background:#eee;
}
.tabs li a.tab_on {
	color:#fff;
	background:#666699;
}

/*press*/
#press .thumb img {margin:10px 0; width:164px; height:130px;}

/*gallery*/
.gallery {width:600px; margin:0 auto;}
.gallery td {text-align:center;}
.gallery td .subj {display:block; text-align:center; margin-top:5px; margin-bottom:20px;}

/*둘러보기*/
.tit {
	height:60px;
	margin-bottom:20px;
}
#bigPic {
	width:588px; height:394px;
	background-color:#FFF;
	margin:0 auto;
	margin-bottom:6px;
}
#bigPic img {
	position:absolute;
	display:none;
}
#thumbbox {
	width:590px;
	margin:0 auto;
	padding-bottom:30px;
}
ul#thumbs .active {
	border-bottom:4px solid #ff6694;	
	background:#fff;	
}
	
ul#thumbs li {
	float:left;
	width:116px; height:88px;
	margin:0 1px;
	margin-top:6px;
	cursor:pointer;
	border-bottom:4px solid #fff;
}
ul#thumbs img {
	float:left;
	width:116px; height:88px;
	line-height:88px;
	overflow:hidden;
	position:relative;
	z-index:1;		
}


/*login*/
#loginbox {
	width:530px; height:110px;
	padding:30px; margin:0 auto;
	border:5px solid #eee;
}
.login {
	float:left;
	margin-top:3px;
}
.login dt {
	float:left;
	clear:both;
	width:120px;
	line-height:40px;
	margin:5px 0;	
}
.login dd {
	float:left;
	margin:5px 0;
}
.login dd .inputbox {
	width:280px;
}
.login_btn {
	float:right;
	width:110px; height:110px;
}
.login_btn a {
	display:block;
	width:100%; height:100%;
	line-height:110px;
	text-align:center;
	color:#fff;
	background:#666699;
}


/*join*/
.join td, .point05 {font-size:19px;}
.il {width:100%;height:40px;margin:10px 0;position:relative;box-shadow:0 1px 0 #FFF;-webkit-box-shadow: 0 1px 0 #FFF;padding:1px;border-radius:4px;background:-webkit-linear-gradient(top,rgba(174,174,175,1) 0%,rgba(199,199,199,1) 100%);}
.noj {margin:0;}
.j2 {margin-bottom:15px;}
.j3 {width:68%;}
.il label {display:block;font:normal 18px/40px 'NanumGothicWEB';color:#999;}
.il span {display: block;height:40px;padding: 0 6px;border-radius: 3px;background:#FFF;box-shadow: inset 1px 1px 0 #F0F0F0;-webkit-box-shadow: inset 1px 1px 0 #F0F0F0;}
.il input {position:absolute;width:99%;padding-left:1%;height:40px;border:0;background: transparent;font-size:20px;vertical-align:top;-webkit-appearance: none;top:0;left:0;z-index:1;}
.il textarea {position:absolute;width:99%;padding-left:1%;height:120px;border:0;background: transparent;font-size:20px;vertical-align:top;-webkit-appearance: none;top:0;left:0;z-index:1;}

.il2 {width:100%;height:120px;margin:10px 0;position:relative;box-shadow:0 1px 0 #FFF;-webkit-box-shadow: 0 1px 0 #FFF;padding:1px;border-radius:4px;background:-webkit-linear-gradient(top,rgba(174,174,175,1) 0%,rgba(199,199,199,1) 100%);}
.il2 label {display:block;font:normal 20px/40px 'NanumGothicWEB';color:#999;}
.il2 span {display: block;height:120px;padding: 0 6px;border-radius: 3px;background:#FFF;box-shadow: inset 1px 1px 0 #F0F0F0;-webkit-box-shadow: inset 1px 1px 0 #F0F0F0;}
.il2 textarea {position:absolute;width:98%;padding:10px 1%;height:100px;border:0;background: transparent;font-size:20px;vertical-align:top;-webkit-appearance: none;top:0;left:0;z-index:1;}

.select_wrap {width:100%; display:block; position:relative; height:40px; border:1px solid #aaaaaa; border-radius:5px; background:-webkit-linear-gradient(top,rgba(255,255,255,1) 1%,rgba(239,239,239,1) 100%);}
.bbs_write select {font-size:25px; width:100% ;height:40px; padding:0 0 0 10px; background:transparent url(../images/img_arrow.png) no-repeat 100% 0; background-size:32px 40px; -webkit-background-size:32px 40px; -webkit-appearance:none}

.ic {width:100%;margin:10px 0;overflow:hidden;}
.ic li {width:31.5%;float:left;}
.ic li.ic_num {margin-left:1%;}
.ic li.ic_mail {width:47% !important;margin-right:2%;}
.ic li.ic_mail2 {width:45% !important;}
.ic li.ic_mail3 {width:5% !important;}
.ic .select_wrap {width:100%;}

#mail_dir {display:none;}

.bbs_btns {padding-top:10px; padding-bottom:50px; text-align:right;}
.bl_btn {font-size:22px; color:#666; padding:7px 10px 5px 10px; text-align:center; border:1px solid #ccc; border-radius:.3em; background:-webkit-gradient(linear,0 0,0 100%,from(white),to(whiteSmoke));}