﻿@charset "utf-8";
@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);

/* CSS Document */

/*
 * File name : common.css
 * Version : 1.0(2014-03-) YYYY-MM-DD
 * Website : http://
 * Author : LUJ
 * Modify : (YYYY-MM-DD)
 * Description: Layout, Main, Common style
 * Page Width : fixed
 * Structer : 
 * Naming rule : camelCase, number_(underscore)
 */

/* Reset */
html {overflow-y:scroll;}
body,div, dl, dt, dd, ol, ul, li, h1, h2,h3,h4,form,fieldset,p,button {margin:0; padding:0;}
body,input,select,textarea{color:#555; font-family:'맑은고딕', 맑은고딕; font-size:12px;}
img,fieldset{border:0 none;}
caption{display:none;}
button, input, select, textarea{vertical-align:middle;}
*+html button{vertical-align:top; padding-top:2px !important;}/* ie7 */
/* *+html input{vertical-align:top; padding-top:2px !important;}/* ie7 */
/* *html button{vertical-align:top; padding-top:2px !important;}/* ie6 */
/* *html input{vertical-align:top; padding-top:2px !important;}/* ie6 */
table {border-collapse:collapse; border-spacing:0;}
button{border:none; cursor:pointer;}
select{font-size:1em; border:1px solid #ccc;}
input{font-size:1em; margin:0; padding:5px; border:1px solid #ccc;}
input[type="checkbox"]{border:0;}
input[type="file"]{background:#fff; border:1px solid #ccc; margin:3px;}
input[type="radio"]{margin-top:-2px;}
input[type="text"]{}
input[type="password"]{margin:2px;}
label{cursor:pointer;}
textarea{overflow:auto; margin:0; padding:5px; border:1px solid #ccc; font-size:1em;}
ol, ul, li, dl, dt, dd{list-style:none outside;}
/*a:hover   { font-family:굴림체,arial; color:#cc9900; text-decoration:underline; }*/
hr{display:none;}
em{text-decoration:none; font-style:normal;}
input.rd{margin-top:-2px; margin-right:2px;}
strong{color:#333; font-weight:700; text-decoration:underline;}
h1, h2, h3, h4, h5{margin:0; padding:0;}
html, body {height:100%;}
a, a:link, a:active{text-decoration:none; color:#555;}
a:hover{text-decoration:none;}
a {selector-dummy:expression(this.hideFocus=true);}

#wrap {width:100%; min-height:100%;}

/* top */
#wrap .top {width:100%; background-color:#303437; padding:50px 0; text-align:center; margin:0 auto;}
#wrap .top p span {display:block;}
#wrap .top p span.t {color:#fff; font-size:3em; font-weight:600; cursor:pointer;}
#wrap .top p span.t.a {color:#fff; font-size:2.6em; line-height:46px; font-weight:600;}
#wrap .top p span.st {color:#fff; font-size:1.6em; font-weight:600; padding-top:5px;}
#wrap .top p span.st em {color:#b3bec5; font-size:.7em; font-weight:600;}
#wrap .top p span.st.a {color:#fff; font-size:1.4em; font-weight:600; background:#d87172; display:inline-block; margin-top:20px; padding:5px 35px;}



/* menu */
#wrap .menu {width:999px; height:100%; margin:0 auto;}

#wrap .menu p.logo {display: table;width:800px;height:80px;margin: 0 auto;padding:50px 0;text-align: center;font-size:2.2em;font-weight:600;color:#000;}
#wrap .menu p.logo img {vertical-align:middle; margin-right:10px;}

#wrap .menu_1 {width:999px; height:100%; margin:0 auto;}

#wrap .menu_1 p.logo {width:800px; height:80px;   /*margin-left:90px;*/ margin-left:-140px;   padding:50px 0; text-align:right; font-size:2.2em; font-weight:600; color:#000;}
#wrap .menu_1 p.logo img {vertical-align:middle; margin-right:10px;}



/* Buttom */

#wrap .bt01 {
	margin-left:60px;
	text-decoration:none;
	font-family:나눔고딕;
	background:linear-gradient(#787878, #454545);
	text-indent:0px;
	line-height: 1.2;
	letter-spacing: 0;
	border-radius:3px;
	text-align:center;
	vertical-align:middle;
	display:inline-block;
	font-size: 19px;
	color:#ffffff;
	width: 170px;
	height: 72px;
	padding:13px;
	border-color:#2e2e2e;
	border-width:1px;
	border-style:solid;
	box-sizing: border-box;
}

#wrap .bt01:active {
	box-shadow:inset #595959 0px 5px 8px -1px,#a6a6a6 0px 0 6px;
	o-box-shadow:inset #595959 0px 5px 8px -1px,#a6a6a6 0px 0 6px;
	-moz-box-shadow:inset #595959 0px 5px 8px -1px,#a6a6a6 0px 0 6px;
	-webkit-box-shadow:inset #595959 0px 5px 8px -1px,#a6a6a6 0px 0 6px;
	position:relative;
	top:4px
}

#wrap .bt01:hover {
	background:#454545;
	background:-o-linear-gradient(90deg, #454545, #787878);
	background:-moz-linear-gradient( center top, #454545 5%, #787878 100% );
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #454545), color-stop(1, #787878) );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#454545', endColorstr='#787878');
	background:-webkit-linear-gradient(#454545, #787878);
	background:-ms-linear-gradient(#454545, #787878);
	background:linear-gradient(#454545, #787878);
}


#wrap .menu ul {width:999px; min-height:100%; overflow:hidden; margin:0 auto;}
#wrap .menu ul li {display:inline-block; background:#fff; float:left;}
#wrap .menu ul li a {display:inline-block; width:100%; padding:140px 30px;}

#wrap .menu ul li.m1 a {width:269px; border-left:1px solid #e7e7e7;}
#wrap .menu ul li.m1 a p.tt {color:#95764e; font-size:1.8em; font-weight:600; letter-spacing:-1px; padding-bottom:15px;}
#wrap .menu ul li.m1 a p.tc {color:#a2845c; font-size:1.6em; font-weight:400; letter-spacing:1px;}
#wrap .menu ul li.m1 a p.tc em {font-size:.7em; line-height:32px; font-weight:600;}
#wrap .menu ul li.m1 a p.btn {height:45px; background:url(../img/btn1.png) no-repeat; margin-top:40px;}

#wrap .menu ul li.m2 a {width:269px; border-left:1px solid #e7e7e7;}
#wrap .menu ul li.m2 a p.tt {color:#403730; font-size:1.8em; font-weight:600; letter-spacing:-1px; padding-bottom:15px;}
#wrap .menu ul li.m2 a p.tc {color:#7a7b7dc; font-size:1.6em; font-weight:400; letter-spacing:1px;}
#wrap .menu ul li.m2 a p.tc em {font-size:.7em; line-height:32px; font-weight:600;}
#wrap .menu ul li.m2 a p.btn {height:45px; background:url(../img/btn2.png) no-repeat; margin-top:40px;}

#wrap .menu ul li.m3 a {width:268px; border-left:1px solid #e7e7e7; border-right:1px solid #e7e7e7;}
#wrap .menu ul li.m3 a p.tt {color:#3b6b77; font-size:1.8em; font-weight:600; letter-spacing:-1px; padding-bottom:15px;}
#wrap .menu ul li.m3 a p.tc {color:#6a9198; font-size:1.6em; font-weight:400; letter-spacing:1px;}
#wrap .menu ul li.m3 a p.tc em {font-size:.7em; line-height:32px; font-weight:600;}
#wrap .menu ul li.m3 a p.btn {height:45px; background:url(../img/btn3.png) no-repeat; margin-top:40px;}

#wrap .menu ul li.m1 a:hover {width:269px; background:#95764e;}
#wrap .menu ul li.m1 a:hover p.tt {color:#fff;}
#wrap .menu ul li.m1 a:hover p.tc {color:#fff;}
#wrap .menu ul li.m1 a:hover p.btn {background:url(../img/btn_on.png) no-repeat;}

#wrap .menu ul li.m2 a:hover {width:269px; background:#626468;}
#wrap .menu ul li.m2 a:hover p.tt {color:#fff;}
#wrap .menu ul li.m2 a:hover p.tc {color:#fff;}
#wrap .menu ul li.m2 a:hover p.btn {background:url(../img/btn_on.png) no-repeat;}

#wrap .menu ul li.m3 a:hover {width:268px;  background:#3b6b77;}
#wrap .menu ul li.m3 a:hover p.tt {color:#fff;}
#wrap .menu ul li.m3 a:hover p.tc {color:#fff;}
#wrap .menu ul li.m3 a:hover p.btn {background:url(../img/btn_on.png) no-repeat}



#wrap .menu_1 ul {width:999px;min-height:100%;overflow:hidden;margin: 0 auto 70px auto;}
#wrap .menu_1 ul li {display:inline-block;background:#fff;}
#wrap .menu_1 ul li a {display:inline-block; width:100%; padding:140px 30px;}

#wrap .menu_1 ul li.m1{float:left;margin: 0 0 0 110px;}
#wrap .menu_1 ul li.m1 a {width:269px;height: 100%;border: solid 7px #95764e;background: rgba(255, 234, 134, 0.1);color: #95764e;box-sizing: content-box;border-radius: 20px;}
#wrap .menu_1 ul li.m1 a p.tt {color: #95764e;font-size: 2em;font-weight:600;letter-spacing:-1px;text-align: center;}
#wrap .menu_1 ul li.m1 a p.tc {color:#a2845c; font-size:1.6em; font-weight:400; letter-spacing:1px;}
#wrap .menu_1 ul li.m1 a p.tc em {font-size:.7em; line-height:32px; font-weight:600;}
#wrap .menu_1 ul li.m1 a p.btn {height:45px; background:url(../img/btn1.png) no-repeat; margin-top:40px;}

#wrap .menu_1 ul li.m2 {display:none;}
#wrap .menu_1 ul li.m2 a {width:269px; border-left:1px solid #e7e7e7;}
#wrap .menu_1 ul li.m2 a p.tt {color:#403730; font-size:1.8em; font-weight:600; letter-spacing:-1px; padding-bottom:15px;}
#wrap .menu_1 ul li.m2 a p.tc {color:#7a7b7dc; font-size:1.6em; font-weight:400; letter-spacing:1px;}
#wrap .menu_1 ul li.m2 a p.tc em {font-size:.7em; line-height:32px; font-weight:600;}
#wrap .menu_1 ul li.m2 a p.btn {height:45px; background:url(../img/btn2.png) no-repeat; margin-top:40px;}

#wrap .menu_1 ul li.m3{float:right;margin: 0 110px 0 0;}
#wrap .menu_1 ul li.m3 a {width:268px;height: 100%;border: solid 7px #3b6b77;background: rgba(119, 227, 255, 0.1);color: #3b6b77;box-sizing: content-box;border-radius: 20px;float:right;}
#wrap .menu_1 ul li.m3 a p.tt {color:#3b6b77;font-size: 2em;font-weight:600;letter-spacing:-1px;text-align: center;}
#wrap .menu_1 ul li.m3 a p.tc {color:#6a9198; font-size:1.6em; font-weight:400; letter-spacing:1px;}
#wrap .menu_1 ul li.m3 a p.tc em {font-size:.7em; line-height:32px; font-weight:600;}
#wrap .menu_1 ul li.m3 a p.btn {height:45px; background:url(../img/btn3.png) no-repeat; margin-top:40px;}

#wrap .menu_1 ul li.m1 a:hover {width:269px; background:#95764e;transition:.5s;}
#wrap .menu_1 ul li.m1 a:hover p.tt {text-align: center;color:#fff;padding: 0;text-indent: 0;}
#wrap .menu_1 ul li.m1 a:hover p.tc {color:#fff;}
#wrap .menu_1 ul li.m1 a:hover p.btn {background:url(../img/btn_on.png) no-repeat;}

#wrap .menu_1 ul li.m2 a:hover {width:269px; background:#626468;}
#wrap .menu_1 ul li.m2 a:hover p.tt {color:#fff;}
#wrap .menu_1 ul li.m2 a:hover p.tc {color:#fff;}
#wrap .menu_1 ul li.m2 a:hover p.btn {background:url(../img/btn_on.png) no-repeat;}

#wrap .menu_1 ul li.m3 a:hover {width:268px;  background:#3b6b77;transition:.5s;}
#wrap .menu_1 ul li.m3 a:hover p.tt {color:#fff;}
#wrap .menu_1 ul li.m3 a:hover p.tc {color:#fff;}
#wrap .menu_1 ul li.m3 a:hover p.btn {background:url(../img/btn_on.png) no-repeat}


/* con */
#wrap .con {width:999px; height:100%; margin:0 auto;}

p.tab {width:999px; height:50px; line-height:50px; overflow:hidden; margin-top:50px; border-bottom:1px solid #535c72; border-top:1px solid #535c72;}
p.tab  span {float:left; display:inline-block; width:332px; text-align:center; color:#444; border-right:1px solid #9e9e9e; font-size:1.1em; font-weight:600;}
p.tab  span.last {border-right:0; width:330px; }

p.tab  span.on {background:#ab9d83; color:#fff; font-size:1.1em;}
p.tab  span.last.on {background:#ab9d83; width:330px; color:#fff; font-size:1.1em; border-right:0;}

#wrap .in {width:999px; margin:50px 0;}
#wrap .in p {display:block;}
#wrap .in p.tt {text-align:center;font-size:1.8em;color: #000;font-weight:600;}
#wrap .in p.tt_1 {text-align:center;font-size:1.8em;color: #000;font-weight:600;}
#wrap .in p.tt img {vertical-align:middle;}
#wrap .in p.pi {text-align:center; height:201px; margin-top:20px; padding:40px 0; border-top:1px solid #aaa;}
#wrap .in p.pi span.p {width:150px; height:201px; background:#fff; display:inline-block; border:8px solid #646464;}

.int {width:999px; margin-bottom:100px;}
.int p {display:block;}
.int p.tt {text-align:center; font-size:1.6em; color:#000; font-weight:400;}
.int p.box {border:1px dashed #444; margin-top:20px; padding:20px;}
.int p.box.a {border:none; padding:20px 0;}
.int p.box span {display:block;}
.int p.box span.tx {font-size:1em; color:#aaa; line-height:22px;}
.int p.box span.tx em {font-size:1.1em; color:#666; line-height:30px; font-weight:600;}
.int p.box span.te {font-size:1.2em; color:#444; line-height:24px; font-weight:600; padding:15px 0; text-align:center;}
.int p.box span.cp {text-align:center; font-size:1.4em; color:#222; font-weight:800; border-top:1px solid #cdcdcd; padding:20px 0; background:#eee;}
.int p.box span.gu {font-size:1.1em; font-weight:600; color:#888; line-height:24px; padding:20px; background:#f8f8f8; border:1px solid #cdcdcd;}
.int p.box span.gu em {color:#464646;}

.int_1 {width: 89%;margin: 5px auto 70px auto;box-sizing: border-box;}
.int_1 p {display:block;}
.int_1 p.tt {text-align:center; font-size:1.6em; color:#000; font-weight:400;}


.int_1 p.box {outline: dotted 2px #d0bbb1;padding: 20px 50px;box-sizing: border-box;}
.int_1 p.box.a {border:none; padding:20px 0;}
.int_1 p.box span {display:block;font-size: 1.3em;color: #303437;}
.int_1 p.box span .ic{position: relative;top: 1px;display: inline-block;color: #88a96f;}
.int_1 p.box span.tx {font-size:1em; color:#aaa; line-height:22px;}
.int_1 p.box span.tx em {font-size:1.1em; color:#666; line-height:30px; font-weight:600;}
.int_1 p.box span.te {font-size:1.2em; color:#444; line-height:24px; font-weight:600; padding:15px 0; text-align:center;}
.int_1 p.box span.cp {text-align:center; font-size:1.4em; color:#222; font-weight:800; border-top:1px solid #cdcdcd; padding:20px 0; background:#eee;}
.int_1 p.box span.gu {font-size:1.1em; font-weight:600; color:#888; line-height:24px; padding:20px; background:#f8f8f8; border:1px solid #cdcdcd;}
.int_1 p.box span.gu em {color:#464646;}

.int p.ac {width:999px; height:30px; line-height:30px; margin:30px 0; text-align:center;}
.int p.ac span.check {padding:5px 14px; margin-right:10px; line-height:30px; background:#fff; border:4px solid #777;}
.int p.ac span.check.on {background: url(../img/i_check_bb.png) no-repeat center #fff;}
.int p.ac span.atx {height:30px; line-height:30px; color:#444; font-size:1.1em;}		


p.btns {width:999px; height:60px; line-height:60px; text-align:center; margin-top:30px; overflow:hidden; border-top:1px dashed #555; padding:25px 0;}
p.btns span {display:inline-block;}
p.btns span.bt1 {width:150px; height:60px; background:#464646; font-size:1.2em; color:#fff; border:1px solid #3b3b3b; margin-right:5px;}
p.btns.a span.bt1 {background:#ac976c; border:1px solid #ab9d83;}
p.btns span.bt2 {width:150px; height:60px; background:#7c7c7c; font-size:1.2em; color:#aaa; border:1px solid #727272;}

p.btns_1 {width:999px;height:60px;line-height:60px;text-align:center;margin-top:30px;overflow:hidden;padding:25px 0;}
p.btns_1 span {display:inline-block;}
p.btns_1 span.bt1 {width: 200px;height: 56px;line-height: 56px;background: rgba(119, 100, 91, 1);font-size: 1.6em;letter-spacing: 2px;color:#fff;border-radius: 35px;margin: 0 auto;box-sizing:border-box;}
p.btns_1 span.bt1 {width: 200px;height: 56px;line-height: 56px;background: rgba(119, 100, 91, 1);font-size: 1.6em;letter-spacing: 2px;color:#fff;border-radius: 35px;margin: 0 auto;box-sizing:border-box;}
p.btns_1 span.bt1:hover {line-height: 54px;background: rgba(216, 201, 193, 1);color:rgba(76, 58, 49, 1);border-bottom:solid 5px rgba(72, 55, 47, 1);transition:.5s;}

.int p.ing {display:block; margin-top:20px; color:#444; font-size:1.1em; font-weight:600;}
.int p.ing span {color:#fff; letter-spacing:-1px; background:#CC0000; padding:2px 4px;}
		
table.join {width:999px; margin-top:10px; border-top:3px solid #464646; border-bottom:3px solid #666; margin-bottom:8px;}
table.join  th, table.join td {color:#444; text-align:left; font-size:1em; border-bottom:1px solid #666; padding:20px;}
table.join  th {border-right:1px dotted #666;}
table.join  td {padding:12px 20px 12px 20px;}
table.join  td.s {border-right:1px dotted #666;}
table.join  td input {background:#fff; width:338px; border:1px solid #ddd; padding:15px; margin:8px 0; font-size:1.2em; color:#222; font-weight:600;}
table.join  td input.sin {width:150px; text-align:left;}
table.join  td input.ts {width:20px; text-align:center;}
table.join  td span.sbt {padding:17px 30px; margin-left:5px; background:#777; font-size:.9em; color:#fff; vertical-align:middle;}
table.join  td span.sbts {padding:17px 20px 17px 30px; margin-left:5px; background:url(../img/i_check.png) 20px 20px  no-repeat #4c8286; font-size:.9em; color:#fff; vertical-align:middle; display:inline-block;}
table.join  td span.emt {background:#363636; padding:0 5px;}
table.join  td span.sbts img {margin-right:2px;}
table.join  td span.check {padding:5px 14px; line-height:30px; background:#444344; border:1px solid #777;}
table.join  td span.check_on {padding:5px 14px; line-height:30px; background: url(../img/sub/i_check_bb.png) no-repeat center #444344; border:1px solid #777;}
table.join  td span.ee {font-weight:600; font-size:1.1em; margin-left:5px; color:#464646;}
table.join  td span.ee em {color:#ab9d83;}
table.join  td span.pic {width:150px; height:201px; background:#ddd; text-align:center; display:inline-block;}
table.join  td span.pic img {width:150px; height:201px;}
table.join  td span.pay {width:300px; height:180px; background:#ddd; text-align:center; display:inline-block;}
table.join  td span.pay img {width:300px; height:180px;}
table.join  td span.wh {display:block; background:#eee; width:465px; padding:15px; margin:8px 0; font-size:1.2em; color:#000; font-weight:600;}
table.join  td span.ad {display:block; background:#ddd; width:750px; padding:10px; margin:8px 0; font-size:1em; color:#000;  font-weight:400;}
table.join  td span.guide {margin-top:10px; font-size:0.9em; color:#666; display:block;}

table.join.a {margin-top:30px;}
table.join.a  th, table.join.a td {text-align:left; font-size:1em; border-bottom:1px solid #666; padding:20px; text-align:center;}
table.join.a  th {border-right:1px dotted #666; color:#333; background:#f2f2f2;}
table.join.a  th.la {border-right:none;}
table.join.a  td {padding:12px 20px 12px 20px; border-right:1px dotted #666;}
table.join.a  td.la {border-right:none;}



.int.a {width:897px; background:#f9f9f9; padding:50px; border:1px solid #eee; margin:50px 0 0 0;}
.int.a table {width:897px; border:1px solid #999;}
.int.a table th, table td {color:#444; text-align:left; font-size:1em; border-bottom:1px solid #666; padding:20px;}
.int.a table th {border-right:1px dotted #666; background:#ab9d83; color:#fff;}
.int.a table td {padding:12px 20px 12px 20px; background:#fefefe;}

.int.b {width:799px; padding:0 100px; margin:0;}
.int.b table {width:799px; margin-top:10px; border-top:3px solid #464646; border-bottom:3px solid #666;}
.int.c {width:897px; background:#f9f9f9; padding:50px; border:1px solid #eee; margin:50px 0 50px 0;}
.int.c table {width:500px; border:1px solid #999; margin: auto;}
.int.c table th, table td {color:#444; text-align:right; font-size:1.5em; border-bottom:1px solid #666; padding:20px;}
.int.c table th {border-right:1px solid #666; background:#0173ff; color:#fff;}
.int.c table td {padding:12px 20px 12px 20px; background:#fefefe;}
.int.c table.cc.a th, table.join.a td {text-align:center; font-size:1.5em; border-bottom:1px solid #666; padding:20px; text-align:center;}



.int_1.a table.cc2 {width:897px; border:1px solid #999;}
.int_1.a table.cc2 th, table td {color:#444; text-align:left; font-size:1em; border-bottom:1px solid #666; padding:20px;}
.int_1.a table.cc2 th {border-right:1px dotted #666; background:#ab9d83; color:#fff;}
.int_1.a table.cc2 td {padding:12px 20px 12px 20px; background:#fefefe;}
.int_1.c {width:897px;background: rgba(243, 228, 205, 0.2);padding:20px;border: 1px solid rgba(243, 228, 205, 0.4);margin: 30px auto;}
.int_1.c table {width: 800px;border: 2px solid #d0bbb1;margin: auto;}
.int_1.c table th, table td {color:#444; text-align:right; font-size:1.5em; border-bottom:1px solid #666; padding:20px;}
.int_1.c table th {border-right:1px solid #666; background:#0173ff; color:#fff;}
.int_1.c table td {padding:12px 20px 12px 20px; background:#fefefe;}
.int_1.c table.cc.a th, table.join.a td {text-align:center; font-size:1.5em; border-bottom:1px solid #666; padding:20px; text-align:center;}
.int_1.c table.cc td {padding:12px 20px 12px 20px; background:#fefefe;text-align:center;}
.int_1.c table.cc2 td span{display:inline-block;padding:0 5px;}
.int_1.c {width:897px;background: rgba(243, 228, 205, 0.2);padding:20px;border: 1px solid rgba(243, 228, 205, 0.4);margin: 30px auto;}
.int_1.c table.cc2 {width: 800px;border: 0px;border-top: 2px solid #d0bbb1;border-bottom: 2px solid #d0bbb1;margin: auto;}
.int_1.c table.cc2 td {color:#444;text-align:right;font-size: 1.27em;border-bottom:1px solid #666;padding:20px;}
.int_1.c table.cc2 th {border-right:1px solid #666;background: rgba(169, 151, 143, 1);color:#fff;text-align: center;font-size: 1.27em;font-weight: 400;padding: 13px 20px;border-right: solid 1px #fff;border-bottom: solid 1px #fff;}
.int_1.c table.cc2 td {background:#fefefe;padding: 15px;border-right: solid 1px #cec7c4;border-bottom: solid 1px #cec7c4;text-align: center;}
.int_1.c table.cc2.b_a{background:#fefefe;padding: 15px;border: solid 1px #cec7c4;}
.int_1.c table.cc2 .b_r{border-right: none;}


/* lay */
.lay {width:790px; height:610px; background:#fdfdfd; border:5px solid #000; overflow:hidden;}
.lay.a {height:790px;}
.lay.b {height:410px;}
.lay.c {height:320px;}
.lay p.cl {text-align:right;}
.lay .search {width:700px; padding:15px;}
.lay .search p {display:block;}
.lay .tit {width:100%; padding:15px 0; font-size:1.4em; font-weight:800; color:#444; border-bottom:1px dashed #ccc;}
.lay .tit span {font-size:.65em; font-weight:600; color:#fff; background:#76afca; padding:4px 8px;}
.lay .mama{margin:15px 0px 15px 0px;}
.lay .mama .search_box{width:300px; height:30px; box-sizing:border-box; padding-left:10px; border:1px solid #999;}
.lay .mama .search_enter{width:30px;height:30px;border:solid 1px #666;background:#777;cursor:pointer;font-size:0.9em;color:#fff;min-width:60px;margin-left:5px;}
.lay .ex {background:#6f7a80; height:45px; line-height:45px; padding:0 10px; border:1px dotted #444; margin-top:15px; font-size:1em; color:#fff;}
.lay .ex span {display:inline-block; float:left;}
.lay .ex span.mt {width:60%;  height:45px;}
.lay .ex span.mtx {width:40%; background:#303437; font-size:.85em; color:#fff; text-align:center; height:30px; line-height:30px; margin-top:8px;}

.shs {width:100%; height:40px; margin-top:15px;}
.shs span {display:inline-block; float:left;}	
.shs span input {background:#efefef; width:236px; height:28px; border:1px solid #ccc; padding:5px; margin-right:5px;}	
.shs span.ssh {height:40px; line-height:40px; padding:0 15px; background:#b3a381; color:#fff; margin-right:2px;}	
.shs span.ssh a {color:#fff;}	
.shs span.scl {height:40px; line-height:40px; padding:0 15px; background:#7c7c7c; color:#fff;}
.shs span.scl a {color:#fff;}

.add {width:750px; height:400px; margin:15px 0; padding:10px; background:#fff; border:1px solid #ddd; overflow-y:scroll; overflow-x:hidden;}
.add.a.display_no{display:none;}
.add.a {background:#f6f6f6; height:500px;}
.add.b {background:#f6f6f6; height:250px;}
.add.c {background:#f6f6f6; height:160px;}
.add span {display:inline-block; float:left;}
.add span a {display:inline-block;}
.add span.a a {width:230px; padding:5px; font-size:.80m; color:#444; line-height:18px;}
.add span.a a:hover {color:#27b0d0; font-weight:800; text-decoration:underline;}
.add span.n {width:60px; padding:5px; font-size:.85em; color:#999; line-height:18px;}
.add.a span.self a {width:275px; padding:5px; font-size:.9em; color:#ac976c; line-height:18px; font-weight:800;}
.add.a span.self a:hover {width:275px; padding:5px; font-size:.9em; color:#ac976c; line-height:18px; font-weight:800; text-decoration:underline;}

.add span.b a {width:160px; padding:5px; font-size:.85em; color:#444; line-height:18px;}
.add span.b a:hover {color:#27b0d0; font-weight:800; text-decoration:underline;}
.add span.n.a {width:150px;}

/* copy */
.copy {text-align:center; color:#6b6f86; background:#fff; border-top:1px solid #4c4f60; padding:10px; font-size:1em; letter-spacing:1px;}


/* file upload */
.fileUpload {
	top: -16px;
	left: 0px;
    width: 460px;
    height: 26px;
    position: relative;
    overflow: hidden;
	/* background-color: #ccc; */
    background: ...;
}

.fileUpload input {
    position: absolute;
    top: 0px;
    right: 0;
    cursor: pointer;
    opacity: 0.0;
    filter: alpha(opacity=0);
   /* font-size: 300px; */
	width:450px;
    height: 17px !important;
}

.no_img_box{ text-align:center; border-top:1px dashed #ddd;}
.no_img_box .no_img{ margin-top:45px;}



