@import url(http://fonts.googleapis.com/earlyaccess/jejugothic.css);
@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);
@import url(https://raw.githubusercontent.com/bskgo88/mrbong/master/animated.css);

/*ºê¶ó¿ìÁ® ¼ÂÆà ÆùÆ®Àû¿ë*/
html {
	height:100%;
}
* {
	font-family:'Jeju Gothic',sans-serif;
	font-weight:400;
	font-size:14px;
	color:#333333;
	transition:0.3s;
}
a:active,
a:hover {
	text-decoration:none;
}
body, th, td, input, select, textarea, button {
	font-family:'Jeju Gothic',sans-serif;
	color:#333333;
}
body {
	width:100%;
	background-color:#C2E0BA;
}
#mypiHead {
	width:100%;
	height:35px;
	padding:5px 0;
	background-color:#A9E2C5;
	border-bottom:1px solid #FFFFFF;
}
#mypiHead .menu li {
	display:none;
}
#mypiHead .menu li a {
	font-family:'Jeju Gothic',sans-serif;
	font-weight:400;
	font-size:14px;
	color:#333333;
	line-height:21px;
	color:#FFFFFF;
}
#mypiHead .menu li:first-of-type {
	display:inline-block;
}
#mypiGnb .mymypi {
	left:200px;
}
#mypiGnb .mymypi a {
	color:#FFFFFF;
}
#mypiWrap {
	background-color:rgba(255,255,255,0.75);
	border-radius:10px;
	box-shadow:5px 5px 15px rgba(25,25,25,0.5);
	margin-bottom:20px;
}
.footer_ruliweb {
	display:none;
}
#mRight {
	width:160px;
}
.rightfly {
	width:140px;
}
.mypiSide li {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.mypiSide li a {
	font-size:12px;
}
.mypiSideUl .f_r a {
	font-size:0;
	display:block;
}
.mypiSideUl .f_r a:after {
	content:"More";
	font-size:10px;
}
.mypiEdit {
	display:block;
	margin:10px auto;
	border-radius:5px;
	box-sizing:border-box;
	box-shadow:3px 3px 5px rgba(25,25,25,0.5);
}
.subject {
	margin:15px 0 0;
	padding-left:10px;
	box-sizing:border-box;
	border-bottom:none;
	color:#A9E2C5;
}
.ico_comm {
	background:none;
}
.mypiMenu01 a,
.mypiMenu02 a {
	padding:0;
	padding-left:10px;
	box-sizing:border-box;
}
#mLeft h4 {
	padding:0;
	padding-left:10px;
	box-sizing:border-box;
	color:#A9E2C5;
}
.mypiEtc li {
	padding:0;
	padding-left:10px;
	box-sizing:border-box;
}
.ver.ico_comm {
	display:none;
}
.mypiList {
	padding:10px;
	box-sizing:border-box;
	border-radius:10px;
	box-shadow:5px 5px 15px rgba(25,25,25,0.5);
}
.mypiComment {
	display:none;
}
#mypiRead {
	overflow:hidden;
	border-radius:10px;
	box-shadow:5px 5px 15px rgba(25,25,25,0.5);
}
.mypiFind form {
	font-size:0;
	padding-left:10px;
	box-sizing:border-box;
}
.mypiFind .search {
	border-right:none;
	height:28px;
	border-radius:5px 0 0 5px;
	box-shadow:3px 3px 5px rgba(25,25,25,0.5);
}
.mypiFind .btn {
	height:30px;
	border-radius:0 5px 5px 0;
	box-shadow:3px 3px 5px rgba(25,25,25,0.5);
}
#mypiTop {
	border:none;
}



/*¸®½ºÆ® ¼ýÀÚ ¹öÆ°*/
.paging_comm {
    display:inline-block;
    height:40px;
    margin:0 auto;
    font-size:0;
	border-radius:3px;
	overflow:hidden;
	box-shadow:5px 5px 15px rgba(25,25,25,0.5);
	transition:0.3s;
	background-color:#C2E0BA;
}
.paging_comm:hover {
	box-shadow:2px 2px 5px rgba(25,25,25,0.5);
}
.paging_comm .num {
    display:inline-block;
    padding:0;
    margin:0;
    font-family:'Jeju Gothic','Malgun Gothic',Helvetica,Arial,sans-serif;
	font-weight:400;
	font-size:14px;
	text-align:center;
    width:40px;
    height:40px;
	line-height:38px;
	border:1px solid #C2E0BA;
	background-color:#C2E0BA;
	color:#FFFFFF;
	box-sizing:border-box;
}
.wrap_paging {
	text-align:right;
	padding:1%;
}
.wrap_paging .btn_comm {
    display:inline-block;
    position: relative;
    float:left;
    width:40px;
    height:40px;
    padding:0;
	line-height:38px;
    background-image:none;
	border:1px solid #C2E0BA;
	background-color:#C2E0BA;
	color:#FFFFFF;
	box-sizing:border-box;
	margin:0;
	font-size:0;
	text-align:center;
}
.btn_comm.btn_next:after,
.btn_comm.btn_prev:after {
	font-size:14px;
	display:inline-block;
	line-height:38px;
	border:1px solid #C2E0BA;
	background-color:#C2E0BA;
	color:#FFFFFF;
	box-sizing:border-box;
	margin:0;
	text-align:center;
}
.btn_comm.btn_next:after {
    content:">";
}
.btn_comm.btn_prev:after {
    content:"<";
}
.paging_comm .num:hover,
.paging_comm em.num {
    padding:0;
	line-height:38px;
    border:1px solid #C2E0BA;
    color:#333333;
    background:none;
    text-decoration:none;
	box-shadow:inset 3px 3px 5px #CCCCCC;
	box-sizing:border-box;
	border-radius:5px;
	background-color:rgba(255,255,255,0.3);
}
.paging_comm .ir_pm {
	display:none;
}
/*¸®½ºÆ® ¼ýÀÚ ¹öÆ°*/

/*¹æ¸í·Ï*/
.visit {
	border:none;
	width:96%;
	background-color:#C2E0BA;
	box-shadow:10px 10px 30px rgba(25,25,25,0.5);
	border-radius:10px;
	box-sizing:border-box;
	height:auto;
	margin:0 2% 15px;
}
.visit form {
	width:100%;
	box-sizing:border-box;
	padding:0 10px 10px;
}
.vcom {
    padding:7px 15px;
    background:none;
	font-size:0;
	text-align:center;
}
.vcom:after {
    content:"¹¹¶ó±¸¿ä? È¥¹äÇÏ´Â Áøµû¶ó ¹æ¸í·ÏÀº ȯ¿µÇϴµ¥¿ä?";
	font-size:18px;
	color:#FFFFFF;
}
.visitxt {
	color:#333333;
	width:96%;
	resize:none;
	outline:none;
	height:100px;
	border-radius:10px;
	border:none;
	float:none;
	margin:0 2%;
	box-sizing:border-box;
}
.visitxt2 {
	float:none;
	width:96%;
	height:45px;
	position:relative;
	font-size:0;
	margin:0 2%;
}
.visitxt2 input[type=image] {
	position:absolute;
	width:70px;
	height:35px;
	right:10px;
	bottom:0px;
	opacity:0;
	z-index:1;
}
.visitxt2 input[type=checkbox] {
	position:absolute;
	width:20px;
	height:20px;
	right:150px;
	bottom:7.5px;
	z-index:1;
}
.visitxt2:after {
	display:block;
	content:"µî·ÏÇϱâ";
	position:absolute;
	width:70px;
	height:35px;
	right:10px;
	bottom:0px;
	background-color:#333333;
	border-radius:5px;
	color:#FFFFFF;
	box-sizing:border-box;
	text-align:center;
	line-height:33px;
	border:1px solid #333333;
	transition:0.3s;
	font-size:14px;
}
.visitxt2:before {
	display:block;
	content:"ºñ¹Ð±Û";
	position:absolute;
	width:60px;
	height:35px;
	right:85px;
	bottom:0px;
	color:#FFFFFF;
	box-sizing:border-box;
	text-align:left;
	line-height:35px;
	font-size:14px;
}
.visitxt2:after:hover {
	background-color:#FFFFFF;
	color:#333333;
	box-shadow:inset 3px 3px 5px #CCCCCC;
}
.visitxt3,
.visitxt4 {
    float:none;
    width:96%;
    border:none;
    margin:0 2%;
    padding:10px;
    background-color:#F5F5F5;
	box-sizing:border-box;
	box-shadow:10px 10px 30px rgba(25,25,25,0.5);
	transition:0.3s;
}
.visitxt4 {
    background-color:#C2E0BA;
	min-height:200px;
	padding:2%;
	box-shadow:10px 10px 30px rgba(25,25,25,0.5);
	margin-bottom:5px;
}
.visitxt3:hover,
.visitxt4:hover {
	box-shadow:2px 2px 5px rgba(25,25,25,0.5);
}
.visitxt4 form {
	width:100%;
}
.visitxt4 form:after {
	content:"";
	float:none;
	display:block;
	width:100%;
	clear:both;
}
.visitxt3:after,
.visitxt4:after {
	content:"";
	float:none;
	display:block;
	width:100%;
	clear:both;
}
.visitxt4 .visitxt2 {
	position:relative;
	top:-25px;
}
.cl_b {
	height:15px;
}
#mCenter > form > div > div > div {
	max-width:100%;
}
.visitxt3:nth-child(2) {
	border-radius:10px 10px 0 0;
}
.visitxt4 {
	border-radius:0 0 10px 10px;
	color:#333333;
}
.cl_b + .visitxt3 {
	border-radius:10px 10px 0 0;
}
.visitxt4 + .visitxt3 {
	border-radius:10px 10px 0 0;
	margin-top:5px;
}
.visitxt3 + .visitxt3 {
	background-color:#C2E0BA;
	color:#333333;
}
.visitxt3:nth-of-type(2n+2) {
	background-color:#FFFFFF;
}
/*¹æ¸í·Ï*/