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

/* -------------------------- common -------------------------- */
/* a btn  */
.motion {
	background: #8ec055;
	color: #fff;
}

.cancel {
	background: #6e6e6e;
	color: #fff;
}

/* BtnBox */
.btnBox {
	text-align: center;
	padding-top: 30px;
	font-size: 0;
}

.btnBox a {
	display: inline-block;
	width: 150px;
	padding: 12px 0;
	text-align: center;
	font: 15px'Manum GothicB';
	color: #fff;
	margin-right: 15px;
	box-shadow: 3px 3px 0 #e1e1e1;
}

.btnBox a:last-child {
	margin-right: 0;
}

.btnBox input {
	display: inline-block;
	width: 150px;
	padding: 12px 0;
	text-align: center;
	font: 15px'Manum GothicB';
	color: white;
	margin-right: 15px;
}

.btnBox input:last-child {
	margin-right: 0;
}

/* font color, style */
.orange {
	color: #ff6600;
}

.blue {
	color: #3e8ddc;
}

.boldBlue {
	color: #3e8ddc;
	font-weight: 600;
}

.brown {
	color: #9f4910;
}

.gray {
	color: #b7b7b7;
}

.green {
	color: #8ec055;
}

.red {
	color: #ce3718
}

.orangeBtn {
	background: #ff6600;
	text-align: center;
	color: #ffffff;
	margin: 0 auto;
}

.blueBtn {
	background: #3e8ddc;
	text-align: center;
	color: #ffffff;
	margin: 0 auto;
}

.grayBtn {
	background: #686868;
	text-align: center;
	color: #ffffff;
	margin: 0 auto;
}

.greenBtn {
	background: #8ec055;
	text-align: center;
	color: #ffffff;
	margin: 0 auto;
}

.through {
	text-decoration: line-through;
}

.underline {
	text-decoration: underline;
}

.bold {
	font-weight: 500;
}

.commonDot {
	font-size: 30px;
	color: #4f4f4f;
	padding-left: 25px;
	background: url('../images/commonDot.png') left no-repeat;
	margin: 20px 0 7px;
	background-size: 15px 15px;
}

.select-arrow {
	background: url('../images/select-arrow.png') no-repeat 100% 48%;
	padding-left: 14px;
}

.dotLine {
	height: 1px;
	border-bottom: 1px dashed #dcdcdc;
}

.margin30 {
	margin: 30px 0;
}

.padding100 {
	padding: 100px 0;
}

/* commonText */
.commonText {
	margin-top: 20px;
	color: #80807f;
	font-size: 14px;
	line-height: 30px;
	letter-spacing: -0.5px
}

.commonText span {
	font-size: 15px;
}

.commonText2 {
	margin: 20px 0 10px;
	color: #80807f;
	font-size: 14px;
	line-height: 30px;
	letter-spacing: -0.5px;
}

.commonText2 span {
	font-size: 15px;
}

h1 {
	font-size: 22px;
	color: #292929;
}

h2 {
	font-size: 20px;
	color: #292929;
	padding-top: 10px;
	font-weight: 500;
}

h3 {
	font-size: 18px;
	color: #292929;
	padding-top: 20px
}

h4 {
	font-size: 16px;
	color: #292929;
	margin: 20px 0
}

b {
	font-weight: bold;
	font-size: inherit;
}

.mt10 {
	margin-top: 10px !important;
}

/* commonTable */
.commonTable {
	width: 100%;
	border-top: 1px solid #45454f;
	border-bottom: 1px solid #45454f;
}

.commonTable.tableBottom {
	margin-bottom: 70px;
}

.commonTable th {
	padding: 10px;
	border-bottom: 1px solid #e1e1e1;
}

.commonTable td {
	height: 40px;
	color: #535252;
	border-bottom: 1px solid #dedede;
	text-align: center;
}

.commonTable tr:last-child td {
	border-bottom: 0;
}

.commonTable td input.greenBtn {
	display: block;
	width: 85px;
	height: 30px;
	font-size: 14px;
	margin-top: -1px;
	border-radius: 10px;
	border: 1px solid #fff;
	box-shadow: 1px 1px 1px #dddddd;
}

.commonTable td input.orangeBtn {
	display: block;
	width: 85px;
	height: 30px;
	font-size: 14px;
	margin-top: -1px;
	border-radius: 10px;
	border: 1px solid #fff;
	box-shadow: 1px 1px 1px #dddddd;
}

.commonTable td input.blueBtn {
	display: block;
	width: 85px;
	height: 30px;
	font-size: 14px;
	margin-top: -1px;
	border-radius: 10px;
	border: 1px solid #fff;
	box-shadow: 1px 1px 1px #dddddd;
}

.commonTable td input.grayBtn {
	display: block;
	width: 85px;
	height: 30px;
	font-size: 14px;
	margin-top: -1px;
	border-radius: 10px;
	border: 1px solid #fff;
	box-shadow: 1px 1px 1px #dddddd;
}

.commonTable td a.orangeBtn {
	display: block;
	width: 85px;
	height: 30px;
	line-height: 30px;
	font-size: 12px;
	border-radius: 10px;
	border: 1px solid #fff;
	margin-top: -1px;
	box-shadow: 1px 1px 1px #dddddd;
}

.commonTable td a.blueBtn {
	display: block;
	width: 85px;
	height: 30px;
	line-height: 30px;
	font-size: 14px;
	border-radius: 10px;
	border: 1px solid #fff;
	margin-top: -1px;
	box-shadow: 1px 1px 1px #dddddd;
}

.commonTable td a.grayBtn {
	display: block;
	width: 85px;
	height: 30px;
	line-height: 30px;
	font-size: 14px;
	border-radius: 10px;
	border: 1px solid #fff;
	margin-top: -1px;
	box-shadow: 1px 1px 1px #dddddd;
}

.commonTable td a.greenBtn {
	display: block;
	width: 85px;
	height: 30px;
	line-height: 30px;
	font-size: 14px;
	border-radius: 10px;
	border: 1px solid #fff;
	margin-top: -1px;
	box-shadow: 1px 1px 1px #dddddd;
}

.commonTable td .txt {
	color: #b2b2b2;
}

/* paging */
.paging {
	width: 100%;
	margin: 20px auto 0;
}

.paging>ul {
	text-align: center;
}

.paging>ul li {
	width: 30px;
	height: 35px;
	display: inline-block;
	line-height: 35px;
	margin-right: 5px;
	vertical-align: middle;
}

.paging>ul li.arrow {
	border: 1px solid #c2c2c2;
	width: 35px;
	line-height: 0;
}

.paging>ul li.arrow>img {
	width: 25px;
	margin-top: 5px;
}

.paging>ul li:last-child {
	margin-right: 0;
}

.paging>ul li.on {
	color: #333333;
	font-weight: 600;
	display: inline-block;
}

/*pageNum*/
.pageNum {
	width: 100%;
	text-align: center;
}

.pageNum a.pagebtn {
	border: 1px solid #ddd;
	color: #444;
	width: 35px;
	line-height: 35px;
	display: inline-block;
	margin: 10px;
	background-color: #fff;
}

.pageNum .pageNumWrap a {
	display: inline-block;
	color: #444;
	width: 25px;
	line-height: 35px;
}

.pageNum .pageNumWrap a.on {
	font-weight: 500;
	color: #000000;
}

/* serching */
.serching {
	width: 100%;
	margin: 0 auto 20px;
}

.serching>ul {
	text-align: right;
}

.serching>ul li {
	display: inline-block;
	margin-left: 5px
}

.serching select.select-arrow {
	height: 35px;
	width: 80px;
	border: 1px solid #c8c8c8
}

.serching .inputSerch {
	height: 35px;
	border: 1px solid #c8c8c8;
	padding-left: 10px;
	width: 200px;
}

.serching .serchBtn {
	height: 35px;
	line-height: 35px;
	text-align: center;
	width: 70px;
}

/* -------------------------- floatingArea -------------------------- */
#wrap #floatingArea {
	width: 100%;
}

.tabFixed {
	position: fixed;
	top: 0px;
}

.navbarWrap {
	width: 100%;
	height: 55px;
	border-bottom: 1px solid #dddddd;
	box-shadow: 0 2px 4px #e8e8e8 inset;
	background: #fff;
	z-index: 99;
}

.navbarWrap .navbarBox {
	width: 520px;
	margin: 0 auto;
	overflow: auto
}

.navbarWrap .navbarBox>li {
	height: 55px;
	border-left: 1px solid #dddddd;
	float: left;
}

.navbarWrap .navbarBox>li:last-child {
	border-right: 1px solid #dddddd;
}

.navbarWrap .navbarBox li.homeBox {
	width: 57px;
}

.navbarWrap .navbarBox li.homeBox>img {
	vertical-align: middle;
	margin: 18px auto 17px;
	;
	width: 20px;
	display: block;
}

.navbarWrap .navbarBox li.categoriBox {
	width: 160px;
	height: 55px;
	font-size: 13px;
}

.navbarWrap .navbarBox li.categoriBox .categori {
	width: 160px;
	height: 55px;
	line-height: 55px;
	font-size: 13px;
	padding-left: 0;
	text-align: center;
	float: left;
	cursor: pointer;
	border-bottom: 1px solid #dddddd;
	border-right: 1px solid #dddddd;
	box-shadow: 0 2px 0px #e8e8e8 inset;
}

.navbarWrap .navbarBox li.categoriBox .categoriSelect {
	display: none;
	width: 161px;
	overflow: auto;
	overflow-x: hidden;
	overflow-y: hidden;
	background: #fff;
	margin-left: -1px;
	border: 1px solid #dddddd;
	border-top: 0;
	position: absolute;
	top: 55px;
}

.navbarWrap .navbarBox li.categoriBox .categoriSelect li>a {
	padding: 15px 0 15px 15px;
	font-size: 12px;
}

.navbarWrap .navbarBox li.categoriBox .categoriSelect li>a.selected {
	cursor: pointer;
	color: #588511;
	font-weight: bold;
}

.navbarWrap .navbarBox li.categoriBox .categoriSelect li>a:hover {
	cursor: pointer;
	color: #588511;
	font-weight: bold;
}

.navbarWrap .navbarBox .selectedMenu {
	width: 143px;
	text-align: center;
	padding: 20px 0;
	font-size: 13px;
	box-shadow: 0 2px 0px #e8e8e8 inset;
}


/* -------------------------- contetns -------------------------- */
#wrap .contentBg {
	position: absolute;
	top: 55px;
	left: 0;
	width: 100%;
}

#floatingArea .contents {
	width: 1200px;
	margin: 70px auto;
	padding-bottom: 100px;
	overflow: hidden;
	background: #fff;
	z-index: 100;
}

#floatingArea .contents .contPage {
	padding-top: 30px;
}

.contTitleBox {
	margin: 20px auto 60px;
}

.contTitleBox .title {
	font-size: 35px;
	text-align: center;
}

.contTitleBox .title>span.en {
	font-size: 30px;
}

.contTitleBox .titleBar {
	width: 43px;
	margin: 20px auto 0;
	display: block;
}

.grayCommonBox {
	width: 100%;
	height: 130px;
	background: #575f74;
	color: #ffffff;
	margin: 70px 0 40px;
	border-radius: 15px;
	position: relative;
}

.grayCommonBox .memList {
	padding: 20px 30px;
}

.grayCommonBox .memList li {
	padding: 5px 0;
	color: #fff;
}

.grayCommonBox .memList li span {
	color: #ffe776;
}

.courseTabList {
	width: 100%;
	height: 45px;
	overflow: hidden;
	margin-top: 30px;
}

.courseTabList a {
	display: inline-block;
	width: 170px;
	height: 45px;
	line-height: 45px;
	text-align: center;
	color: #45454f;
	background: #ebebeb;
	border-radius: 10px 10px 0 0;
	font-size: 14px;
	margin-right: 3px
}

.courseTabList a.on {
	background: #8ec055;
	color: white;
}

.topLinkBtn {
	text-align: center;
	padding-bottom: 30px;
	font-size: 0;
}

.topLinkBtn a {
	display: inline-block;
	padding: 12px 15px;
	text-align: center;
	font-size: 20px;
}

.topLinkBtn a:last-child {
	margin-right: 0;
}

.topLinkBtn a.on {
	color: #2297a5;
	font-weight: 600;
}

.topLinkBtn>span.bar {
	width: 1px;
	height: 10px;
	display: inline-block;
	background: #b3b1b1;
}

/* ------------ reservation ------------ */
.memDown {
	display: block;
	margin-top: 20px;
	width: 320px;
	padding: 10px 0;
	text-align: center;
	border: 1px solid #cdcccc;
	box-shadow: 2px 2px 0 #e1e1e1;
	cursor: pointer;
}

.memDown>img {
	display: inline-block;
	margin-right: 10px;
}

.reserCalendar {
	overflow: hidden;
	width: 1200px;
	margin: 50px auto 0;
}

.reserCalendar .calDate {
	width: 100%;
	font: 27px 'Nanum GothicB';
	padding: 10px 0;
	margin-top: 10px;
	color: #fff;
	background: #2c2c2c;
	margin: 0 auto;
	text-align: center;
}

.reserCalendar .reserCalBox {
	float: left;
	overflow: hidden;
}

.reserCalendar .reserCalBox .box {
	background: #fff;
	width: 570px;
	height: 570px;
	margin: 0 auto;
	float: left;
	border: 1px solid #ececec;
	position: relative;
}

.reserCalendar .reserCalBox .box.rightMargin {
	margin-right: 60px;
}

.reserCalendar .reserCalBox .box .monthChoice .title {
	float: left;
	border: none;
}

.reserCalendar .reserCalBox .line {
	border-right: 1px solid #ececec;
	height: 415px;
	width: 1px;
}

.reserCalendar .reserCalBox .box .monthChoice {
	width: 200px;
	overflow: hidden;
	margin: 40px auto 30px;
}

.reserCalendar .reserCalBox .box .monthChoice .monthBtn {
	float: left;
	height: 40px;
	padding: 5px 0;
}

.reserCalendar .reserCalBox .box .monthChoice .monthBtn>img {
	vertical-align: middle;
}

.reserCalendar .reserCalBox .box .monthChoice .month {
	float: left;
	margin: 0 auto;
	color: #1d1d1d;
	font-weight: bold;
	width: 200px;
	height: 40px;
	line-height: 40px;
	font-size: 30px;
	text-align: center;
}


.reserCalendar .reserCalBox .box .mainCalendar {
	text-align: center;
	width: 450px;
	height: 450px;
	margin: 0 auto;
}

.reserCalendar .reserCalBox .box .mainCalendar tr.trBg {
	background: #747b8e;
	border-radius: 10px;
}

.reserCalendar .reserCalBox .box .mainCalendar th {
	font-size: 15px;
	color: #fff;
	font-weight: bold;
	padding: 10px 0;
}

.reserCalendar .reserCalBox .box .mainCalendar td {
	/*width:60px;height:50px;*/
	font-size: 17px;
	color: #d3d3d3;
	letter-spacing: -1px;
	line-height: 40px;
	position: relative;
	vertical-align: top;
}

.reserCalendar .reserCalBox .box .mainCalendar td a {
	height: 44px
}

.reserCalendar .reserCalBox .box .mainCalendar th.sun {
	color: #f9a8a8;
	border-radius: 15px 0 0 15px;
}

.reserCalendar .reserCalBox .box .mainCalendar th.sat {
	color: #c3d9fe;
	border-radius: 0 15px 15px 0;
}

.reserCalendar .reserCalBox .box .mainCalendar .today>span {
	color: #fff;
	background: #8ec055;
	border-radius: 15px;
	width: 40px;
	height: 40px;
	margin: 0 auto;
	display: block;
	line-height: 40px;
	font-size: inherit;
}

.reserCalendar .reserCalBox .box .mainCalendar .on {
	color: #fff;
	background: #199dd4;
	border-radius: 9px
}

.reserCalendar .reserCalBox .box .mainCalendar .possible {
	color: #353535;
	cursor: pointer;
}

.reserCalendar .reserCalBox .box .mainCalendar .possible>span {
	font-size: 17px;
	display: block;
	color: #008dca;
	font-weight: 600;
	position: absolute;
	top: 20px;
	left: 50%;
	transform: translateX(-50%);
	width: 100%;
}

.reserCalendar .reserCalBox .box .mainCalendar .possible p.waitC {
	position: absolute;
	top: 38px;
	width: 100%;
	font-size: 13px;
	color: #333;
	text-align: center;
	left: 0;
}

.reserCalendar .reserCalBox .box .mainCalendar .impossible>span {
	font-size: 17px;
	display: block;
	color: #ca0000;
	font-weight: 600;
	position: absolute;
	top: 20px;
	left: 50%;
	transform: translateX(-50%);
}

.reserCalendar .reserCalBox .box .mainCalendar .closure>span {
	font-size: 17px;
	display: block;
	color: #7b7c7d;
	font-weight: 600;
	position: absolute;
	top: 20px;
	left: 50%;
	transform: translateX(-50%);
}

.reserCalendar .reserCalBox .box .resChoice {
	width: 370px;
	text-align: center;
	letter-spacing: 0;
	bottom: 20px;
	left: 50%;
	position: absolute;
	margin-left: -190px;
}

.reserCalendar .reserCalBox .box .resChoice span {
	font-size: 15px;
	color: #a3a1a1;
	vertical-align: middle;
}

.reserCalendar .reserCalBox .box .resChoice img {
	width: 25px;
	height: 25px;
	vertical-align: middle;
}

.reserDotBox {
	overflow: hidden;
	margin: 10px 0
}

.reserDotBox .reserDot {
	float: right;
	font-size: 13px;
}

.reserDotBox .reserDot>img {
	display: inline-block;
	vertical-align: middle;
}

.reserText {
	font-size: 13px;
	line-height: 22px;
	float: left;
}

/* reserCheck */
.grayCommonBox .inquiry {
	width: 610px;
	margin: 0 auto;
	padding: 30px 0;
}

.grayCommonBox .inquiry .inquiryTitle {
	font-size: 15px;
	color: #ffffff;
	width: 100px;
	height: 40px;
	margin-right: 10px;
	line-height: 40px;
	text-align: center;
}

.grayCommonBox .inquiry .dayInput {
	width: 145px;
	height: 30px;
	border: 1px solid #dddddd;
	padding: 5px;
	color: #b0abab;
	background: #fff;
	display: inline-block;
	vertical-align: middle;
	text-align: center;
	cursor: pointer;
	overflow: hidden;
}

.grayCommonBox .inquiry .dayInput .calImg {
	width: 17px;
	display: block;
	float: right;
}

.grayCommonBox .inquiry>a {
	display: inline-block;
	vertical-align: middle;
	margin-left: 5px;
}

.grayCommonBox .inquiry>img {
	vertical-align: middle;
	margin-left: 5px;
}

.grayCommonBox .inquiry .inquiryBtn {
	padding: 10px 40px;
	color: #ffffff;
	background: #8ec055;
	font-size: 15px;
	border-radius: 10px;
	margin-left: 20px;
}


.SubMonthBox1 {
	position: absolute;
	top: 65px;
	left: 300px;
	width: 270px;
	height: 280px;
	border: solid 1px #e3e3e3;
	background: #fff;
	display: none;
	padding: 10px;
	overflow: hidden;
}

.SubMonthBox1 .monthChoice {
	width: 183px;
	overflow: hidden;
	margin: 10px auto;
}

.SubMonthBox1 .monthChoice a {
	letter-spacing: 0;
	display: inline-block;
	padding: 0 10px;
	vertical-align: middle;
}

.SubMonthBox1 .monthChoice .month {
	margin: 0 auto;
	color: #1d1d1d;
	font-weight: bold;
	font-size: 19px;
	text-align: center;
	padding: 0 5px;
	vertical-align: middle;
}

.SubMonthBox1 .calTxt {
	width: 100%;
	margin: 10px auto;
	text-align: center;
	font-size: 15px;
	letter-spacing: 0;
}

.SubMonthBox1 .mainCalendar {
	text-align: center;
	width: 100%;
	margin: 0 auto;
}

.SubMonthBox1 .mainCalendar th {
	font-size: 13px;
	color: #444444;
	font-weight: bold;
	padding: 10px 0;
}

.SubMonthBox1 .mainCalendar td div {
	font-size: 13px;
	;
	width: 30px;
	color: #b7b7b7;
	cursor: pointer;
	margin: auto;
	height: 30px;
	line-height: 30px;
	vertical-align: middle;
}

.SubMonthBox1 .mainCalendar .sun {
	color: #bf3b3b;
	height: 20px;
}

.SubMonthBox1 .mainCalendar .possible div {
	color: #444;
}

.SubMonthBox1 .mainCalendar .today.possible div {
	background-color: #8ec055;
	background-size: 20px 20px;
	border-radius: 10px;
	color: #fff;
}

.SubMonthBox2 {
	position: absolute;
	top: 65px;
	left: 535px;
	width: 270px;
	height: 280px;
	border: solid 1px #e3e3e3;
	background: #fff;
	display: none;
	padding: 10px;
	overflow: hidden;
}

.SubMonthBox2 .monthChoice {
	width: 183px;
	overflow: hidden;
	margin: 10px auto;
}

.SubMonthBox2 .monthChoice a {
	letter-spacing: 0;
	display: inline-block;
	padding: 0 10px;
	vertical-align: middle;
}

.SubMonthBox2 .monthChoice .month {
	margin: 0 auto;
	color: #1d1d1d;
	font-weight: bold;
	font-size: 19px;
	text-align: center;
	padding: 0 5px;
	vertical-align: middle;
}

.SubMonthBox2 .calTxt {
	width: 100%;
	margin: 10px auto;
	text-align: center;
	font-size: 15px;
	letter-spacing: 0;
}

.SubMonthBox2 .mainCalendar {
	text-align: center;
	width: 100%;
	margin: 0 auto;
}

.SubMonthBox2 .mainCalendar th {
	font-size: 13px;
	color: #444444;
	font-weight: bold;
	padding: 10px 0;
}

.SubMonthBox2 .mainCalendar td div {
	font-size: 13px;
	;
	width: 30px;
	color: #b7b7b7;
	cursor: pointer;
	margin: auto;
	height: 30px;
	line-height: 30px;
	vertical-align: middle;
}

.SubMonthBox2 .mainCalendar .sun {
	color: #bf3b3b;
	height: 20px;
}

.SubMonthBox2 .mainCalendar .possible div {
	color: #444;
}

.SubMonthBox2 .mainCalendar .today.possible div {
	background-color: #8ec055;
	background-size: 20px 20px;
	border-radius: 10px;
	color: #fff;
}


/* reserJoin */
.nomalBoxW {}

.BlackBox {
	border-radius: 20px;
	background-color: #3e3e3e;
	padding: 10px 30px;
	width: 100%;
	text-align: center;
	font-size: 16px;
}

.BlackBox span {
	margin: 0 5px;
	color: #fff;
}

.w180 {
	width: 180px;
}

.openCalendar {
	display: none;
	position: absolute;
	width: 350px;
	padding: 10px;
	top: 38px;
	left: -1px;
	background: #fff;
	border: 1px solid #ddd;
	z-index: 10;
}

.smallCalendarTit {
	width: 100%;
	margin-bottom: 10px;
	overflow: hidden;
}

.smallCalendarTit p img {
	height: 20px;
}

.smallCalendarTit p.arwl {
	width: 29%;
	text-align: right;
	float: left;
	display: inline-block;
}

.smallCalendarTit .date {
	width: 40%;
	margin-top: 4px;
	text-align: center;
	float: left;
	display: inline-block;
	font-size: 18px;
	line-height: 23px;
	font-family: 'Nanum GothicB';
}

.smallCalendarTit p.arwr {
	width: 29%;
	text-align: left;
	float: left;
	display: inline-block;
}

.openCalendar2 {
	display: none;
	position: absolute;
	width: 350px;
	padding: 10px;
	top: 38px;
	left: -1px;
	background: #fff;
	border: 1px solid #ddd;
	z-index: 10;
}

.sCalendar {
	width: 100%;
	height: 100%;
}

.sCalendar th {
	font-size: 14px;
	color: #444;
	font-weight: 500;
	padding: 5px;
	text-indent: 0;
}

.sCalendar th:first-child {
	color: #e07174;
}

.sCalendar th:last-child {
	color: #199dd4;
}

.sCalendar td {
	text-indent: 0;
	text-align: center;
	color: #45454f;
	font-size: 14px;
	vertical-align: middle;
	padding: 4px 0;
	cursor: pointer;
}

.reser_search {
	height: 40px;
	border: 1px solid #c9c9c9;
	line-height: 37px;
	text-indent: 10px;
	position: relative;
	background-color: #fff;
	display: inline-block;
	vertical-align: middle;
}

.reser_search span {
	float: right;
	padding: 0 5px;
	display: inline-block;
	cursor: pointer;
}

.reser_search span img {
	vertical-align: middle;
}

.nomalBoxW hr {
	clear: both;
	border: 0;
	border-bottom: 1px dashed #c3c3c3;
	display: block;
	width: 100%;
	margin: 20px 0;
}

.padding15 {
	padding: 15px 0;
}

.joinChoice {
	width: 100%;
	text-align: center;
	padding: 50px 0 100px
}

.joinChoice li {
	padding: 40px 0;
	font-size: 0;
}

.joinChoice li a {
	display: inline-block;
	padding: 8px;
	border: 1px solid #ddd;
	margin: 0 8px;
}

.joinChoice li a.on {
	background-color: #ffc832;
	box-shadow: 3px 3px 0 rgba(96, 95, 95, 0.1)
}

.joinChoice p {
	color: #646464;
	text-align: center;
	line-height: 24px;
}

.joinChoice p span {
	color: #1f1f1f;
	font-weight: 400;
}

.joinTable {
	width: 100%;
	border-top: 1px solid #3e3e3e;
	margin-top: 20px;
}

.joinTable th {
	padding: 10px 0;
	background-color: #f6f6f6;
	border: 1px solid #c3c3c3;
	border-right: 0;
	border-top: 0;
	font-weight: 400;
}

.joinTable th:first-child {
	border-left: 0;
}

.joinTable td {
	padding: 10px 5px;
	border: 1px solid #c3c3c3;
	border-right: 0;
	text-align: center;
}

.joinTable td.lineTop {
	border-top: 1px solid #3e3e3e;
}

.joinTable td:first-child {
	border-left: 0;
}

.joinTable td.title {
	text-align: center;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	padding: 5px;
	cursor: pointer;
}

.joinTable td.viewTitle {
	text-align: left;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	padding: 5px 20px;
}

.joinTable tr.bg_reply td {
	background-color: #f6f6f6;
	position: relative;
	background-clip: padding-box;
}

.joinTable tr.bg_reply .reply {
	text-align: left;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	padding-left: 90px;
	cursor: pointer;
}

.joinTable tr.bg_reply .reply::before {
	content: '';
	background: url(../images/reply.png) center center no-repeat;
	width: 29px;
	height: 24px;
	display: inline-block;
	position: absolute;
	top: 7px;
	left: 50px;
}

.joinTable tr.bg_reply .reply b {
	font-weight: 400;
}

.joinTable .new {
	display: inline-block;
	border-radius: 30px;
	background-color: #f06019;
	color: #fff;
	text-align: center;
	padding: 2px 5px;
	font-size: 10px;
	vertical-align: middle;
	margin: 0 6px;
}

.joinTable .border0 {
	border-left: 0;
}

.joinTable .joinCon {
	text-align: left;
	padding: 40px;
	line-height: 28px;
}

.joinWBtnBox {
	width: 100%;
	overflow: hidden;
}

.joinWBtn {
	float: right;
	margin-top: 15px;
	width: 100px;
	height: 40px;
	line-height: 40px;
	text-align: center;
	color: #fff;
	background-color: #7fb734;
	font-size: 14px;
}

.joinWBtn img {
	vertical-align: middle;
}

.btn_joinOk {
	display: inline-block;
	padding: 0 25px;
	line-height: 40px;
	background-color: #7fb734;
	color: #fff;
	text-align: center;
	margin: 0 5px;
	vertical-align: top;
}

.boardBtnBox {
	width: 100%;
	padding: 15px 0 30px;
	text-align: right;
}

.boardBtnBox a {
	display: inline-block;
	width: 110px;
	padding: 6px 0;
	text-align: center;
	border: 1px solid #adadad;
	background-color: #fff;
}

.boardBtnBox a.comple {
	background-color: #7fb734;
	color: #fff;
}

.joinList2 {
	width: 100%;
	margin-top: 100px;
}

.joinList2 dl {
	border-top: 1px solid #c3c3c3;
	border-bottom: 1px solid #c3c3c3;
	font-size: 0;
}

.joinList2 dl:last-child {
	border-top: 0;
}

.joinList2 dt {
	display: inline-block;
	font-size: 16px;
	font-weight: 400;
	width: 150px;
	text-align: center;
	padding: 5px;
}

.joinList2 dt span {
	color: #929292;
	padding: 0 5px;
}

.joinList2 dd {
	display: inline-block;
	font-size: 16px;
	width: ;
	text-align: left;
	padding: 5px 10px;
}

.joinTable2 {
	width: 100%;
	border-top: 1px solid #3e3e3e;
}

.joinTable2 th {
	padding: 10px 0;
	background-color: #f6f6f6;
	border: 1px solid #c3c3c3;
	border-right: 0;
	border-top: 0;
	font-weight: 400;
	vertical-align: middle;
}

.joinTable2 th:first-child {
	border-left: 0;
}

.joinTable2 td {
	padding: 10px 20px;
	border: 1px solid #c3c3c3;
	border-right: 0;
	text-align: left;
}

.joinTable2 td.lineTop {
	border-top: 1px solid #3e3e3e;
}

.joinTable2 td:first-child {
	border-left: 0;
}

.joinTable2 td label {
	padding: 0 10px 0 0;
}

.joinTable2 td input[type="text"],
.joinTable2 td select {
	height: 30px;
}

.joinTable2 td input[type="radio"] {
	width: 13px;
	height: 13px;
	vertical-align: middle;
}

.joinTable2 td textarea {
	height: 200px;
	overflow-y: scroll;
	resize: none;
	border: 1px solid #c9c9c9;
	width: 100%;
	padding: 10px;
	border-radius: 3px;
}

.joinTable2 td .gray {
	color: #6d6d6d;
	padding-left: 10px;
}

.joinDate {
	height: 30px;
	border: 1px solid #c9c9c9;
	line-height: 30px;
	text-indent: 10px;
	position: relative;
	width: 180px;
	float: left;
	border-radius: 3px;
}

.joinDate .choiceCalendar {
	float: right;
	padding: 0 5px;
	display: inline-block;
	cursor: pointer;
}

.joinTable2 .openCalendar {
	top: 28px;
}

.joinTable2 .openCalendar th {
	text-align: center;
	padding: 5px 0;
	border: 1px solid #c3c3c3;
}

.joinTable2 .openCalendar td {
	padding: 0;
	text-indent: 0;
	text-align: center;
	border: 1px solid #c3c3c3;
}

.timeSelec {
	width: 150px;
	height: 30px;
	border: 1px solid #c9c9c9;
	border-radius: 3px;
}

.joinTitleInput {
	width: 100%;
	border-radius: 3px;
	border: 1px solid #c9c9c9;
}

.joinCalendar {
	width: 100%;
	margin: 0 auto;
	height: 500px;
	border: 1px solid #c3c3c3;
}

.joinCalendar thead th {
	height: 60px;
	vertical-align: middle;
	font-size: 16px;
	color: #434343;
	font-family: 'Nanum GothicB';
}

.joinCalendar thead th:first-child {
	color: #d12525;
}

.joinCalendar thead th:last-child {
	color: #276cc2;
}

.joinCalendar td {
	font-size: 18px;
	font-weight: 400;
	border: 1px solid #c3c3c3;
	text-align: left;
	color: #5b5b5b;
	vertical-align: top;
	padding: 5px 10px;
	position: relative;
}

.joinCalendar tr td:first-child {
	color: #d12525;
}

.joinCalendar tr td:last-child {
	color: #276cc2;
}

.joinCalendar td.no {
	background-color: #e7e7e7;
	color: #a5a5a5;
	cursor: default;
	text-indent: -99999999999999999999px;
	background-clip: padding-box;
}

.joinCalendar td.today {
	background-color: #d44730 !important;
	color: #fff !important;
	cursor: pointer;
}

.joinCalendar tr td:first-child.no {
	background-color: #e7e7e7;
	color: #a5a5a5;
}

.joinCalendar tr td:last-child.no {
	background-color: #e7e7e7;
	color: #a5a5a5;
}

.joinCalendar td span {
	position: absolute;
	width: 100%;
	bottom: 5px;
	text-align: center;
	display: block;
	font-size: 13px;
	left: 0;
	line-height: 16px;
}

.joinCalendar td span a:hover {
	text-decoration: underline;
}



/* ------------ member ------------ */
/* login */
.grayBg {
	width: 100%;
	border-radius: 10px;
	padding: 30px 50px;
	background: #f4f4f4;
	overflow: hidden;
}

.grayBg .keyImg {
	width: 69px;
	margin: 25px auto 40px;
	display: block;
}

.grayBg .memBox {
	padding: 10px 0;
}

.grayBg .memBox>span {
	margin-right: 15px;
	font-size: 12px
}

.grayBg .LogFindBtn {
	height: 50px;
	margin-bottom: 30px;
}

.grayBg .LogFindBtn>a {
	display: inline-block;
	width: 185px;
	padding: 15px;
	text-align: center;
	border: 1px solid #bfbfbf;
	color: #727272;
	background: #fff;
}

.grayBg .LogFindBtn>a.id_Btn {
	margin-right: 16px;
}

.grayBg .loginInputBox {
	width: 900px;
	overflow: hidden;
	margin: 0 auto;
}

.grayBg .loginInputBox .loginTitle {
	padding-top: 10px;
	display: block;
}

.grayBg .loginInputBox .leftBox {
	float: left;
	background: #fff;
	border-radius: 10px;
	padding: 15px 20px;
}

.grayBg .loginInputBox .leftBox .membercheck {
	margin: 10px 0;
}

.grayBg .loginInputBox .leftBox .membercheck>.mem {
	width: 15px;
	height: 15px;
}

.grayBg .loginInputBox .leftBox .leftInputBox {
	overflow: hidden;
	width: 390px;
}

.grayBg .loginInputBox .leftBox .leftInputBox .memberNumInput {
	float: left;
	overflow: hidden;
	width: 250px;
}

.grayBg .loginInputBox .leftBox .leftInputBox .memberNumInput>li {
	float: left;
}

.grayBg .loginInputBox .leftBox .leftInputBox .memberNumInput>li.num>.number {
	width: 120px;
	height: 45px;
	border: 1px solid #e0e0e0;
	margin-bottom: 8px;
}

.grayBg .loginInputBox .leftBox .leftInputBox .memberNumInput>li.bar {
	margin: 0 2px;
	height: 45px;
	line-height: 45px;
}

.grayBg .loginInputBox .leftBox .leftInputBox .memberNumInput>li.password>.pw {
	height: 45px;
	border: 1px solid #e0e0e0;
	width: 248px
}

.grayBg .loginInputBox .rightBox {
	float: left;
	margin-left: 20px;
	background: #fff;
	border-radius: 10px;
	padding: 20px 30px;
}

.memlogTxt {
	font-family: "dotum";
	font-size: 13px;
	line-height: 23px;
	margin-bottom: 16px;
}

.memlogTxt>span {
	color: #494646;
	font-family: inherit;
	font-size: inherit;
	font-weight: bold;
}

.grayBg .loginInputBox .rightBox .loginCont {
	width: 390px;
	margin: 20px auto 0;
	overflow: hidden;
}

.grayBg .loginInputBox .rightBox .loginCont .loginInput {
	float: left;
}

.grayBg .loginInputBox .rightBox .loginCont .loginInput li input {
	width: 250px;
	height: 45px;
	border: 1px solid #e0e0e0;
	margin-bottom: 8px;
}

.loginBtn {
	float: left;
	padding: 41px 43px;
	margin-left: 10px;
	background: #8ec055;
	color: #fff;
	border: 1px solid #fff;
	box-shadow: 3px 3px 0 #dddddd;
}

.grayBg .loginTxt {
	margin: 15px auto 0;
	width: 390px;
}

.grayBg .loginTxt p {
	color: #727272;
	font-size: 12px;
	line-height: 18px;
}

.grayBg .loginTxt p.q_B {
	font: 15px 'Nanum GothicB';
	color: #8ec055;
	margin-bottom: 10px;
}

.grayBg .loginTxt .joinBtn {
	display: block;
	width: 150px;
	height: 40px;
	line-height: 40px;
	margin-top: 8px;
	text-align: center;
	color: #fff;
	background: #a1a1a1;
	border: 1px solid #fff;
	box-shadow: 3px 3px 0 #dddddd;
}

.loginText {
	width: 900px;
	height: 150px;
	line-height: 27px;
	margin: 20px auto 30px;
	padding: 30px 0 0 50px;
	background: url('/images/loginTxtBg.png')no-repeat center;
}

/* join01 */
.joinStepBox {
	float: left;
}

.joinStepBox .stepList {
	overflow: hidden;
}

.joinStepBox .stepList>li {
	float: left;
}

.joinStepBox .stepList li.stepImg {
	background: #dddddd;
	border-radius: 50%;
	width: 98px;
	height: 98px;
}

.joinStepBox .stepList li.stepImg.on {
	background: #8ec055;
}

.joinStepBox .stepList li.stepImg>img {
	display: block;
	margin: 27px auto;
	width: 45px;
}

.joinStepBox .stepList li.stepImg>img.img2 {
	margin: 25px 0 0 29px
}

.joinStepBox .stepList li.text {
	font-size: 14px;
	line-height: 20px;
	color: #b2b2b2;
	margin: 30px 0 0 33px;
}

.joinStepBox .stepList li.text.on {
	color: #4f4f4f
}

.stepR {
	float: left;
	margin: 40px 37px;
}

.agreeTitle {
	font-size: 16px;
	font-weight: 600;
	padding: 20px 10px;
	10px;
}

.joinAgreeyList2 {
	overflow: hidden;
	padding: 15px 0 20px;
}

.joinAgreeyList2>li {
	float: right;
	margin-left: 10px;
}

.agreeyBgBox {
	width: 100%;
	border: 1px solid #e0e0e0;
	margin: 30px 0;
	border-radius: 10px;
}

.agreeyBgBox .joinAgreeyList {
	overflow: hidden;
	padding: 15px 20px 15px 30px;
	border-bottom: 1px solid #e0e0e0;
}

.agreeyBgBox .joinAgreeyList li {
	float: left;
}

.agreeyBgBox .joinAgreeyList .agreeyTitle {
	width: 680px;
	font-size: 14px;
	color: #4f4f4f;
	line-height: 29px;
	cursor: pointer;
}

.agreeyBgBox .joinAgreeyList .agreeyBtn1,
.agreeyBgBox .joinAgreeyList .agreeyBtn2,
.agreeyBgBox .joinAgreeyList .agreeyBtn3,
.agreeyBgBox .joinAgreeyList .agreeyBtn4,
.agreeyBgBox .joinAgreeyList .agreeyBtn5 {
	font-size: 14px;
	padding: 6px 8px;
	background: #f4f4f4;
	color: #797979;
	border-radius: 10px;
	cursor: pointer;
}

.agreeyBgBox .joinAgreeyList .agreeyCheck {
	color: #a1a1a1;
	font-size: 12px;
	padding-right: 15px;
	float: right;
}

.agreeyBgBox .joinAgreeyList .agreeyCheck input {
	width: 14px;
	height: 14px;
	margin: 6px 5px 0 0;
	vertical-align: bottom;
}

.agreeyBgBox .joinAgreeyList .arrowBtn {
	float: right;
}

.joinTextarea_1 textarea,
.joinTextarea_2 textarea,
.joinTextarea_3 textarea,
.joinTextarea_4 textarea,
.joinTextarea_5 textarea {
	font-size: 13px;
	line-height: 24px;
	width: 1199px;
	height: 200px;
	border: 10px solid #fff;
	padding: 10px;
	background: #f9f9f9;
}

.joinTxtA {
	border-bottom: 1px solid #e0e0e0;
	width: 1200px;
	height: 201px;
}

.joinAllAgreeBox {
	font-size: 17px;
	text-align: center;
	padding: 20px 0 30px;
}

.joinTable {
	width: 100%;
	border: 1px solid #c3c3c3;
}

.joinTable th {
	padding: 10px;
	background: #f9f9f9;
	text-align: center;
	border-bottom: 1px solid #c3c3c3;
	border-right: 1px solid #c3c3c3;
}

.joinTable th:last-child {
	border-right: 0;
}

.joinTable td {
	padding: 15px 0;
	color: #535252;
	border-bottom: 1px solid #c3c3c3;
	border-right: 1px solid #c3c3c3;
	text-align: center;
}

.joinTable tr:last-child {
	border-bottom: 0;
}

.agreeTxt {
	margin: 10px 0 30px;
}

/* join02 */
.confirmTitle {
	font-size: 14px;
	border-radius: 10px 10px 0 0;
	padding: 20px;
	margin-top: 30px;
	background: #f4f4f4;
	border: 1px solid #ececec;
}

.confirmTxtBox {
	border: 1px solid #ececec;
	border-top: 1px solid #8ec055;
	border-radius: 0 0 10px 10px;
	padding: 40px;
}

.confirmTxtBox .confirmBtn {
	overflow: hidden;
	width: 260px;
	margin: 0 auto;
}

.confirmTxtBox .confirmBtn>a {
	float: left;
	width: 120px;
	margin-right: 20px;
}

.confirmTxtBox .confirmBtn>a:last-child {
	margin-right: 0;
}

.confirmTxtBox .confirmBtn>a>img {
	display: block;
	width: 100%;
}

.confirmTxtBox .line {
	height: 1px;
	border-top: 1px solid #ececec;
	width: 100%;
	margin: 40px auto;
}

.confirmTxtBox .confirmTxt {
	line-height: 27px;
}

.confirmTxtBox .confirmTxt .small {
	font-size: 12px;
}

.confirmTxtBox .confirmTxt .popBtn {
	display: inline-block;
	padding: 8px;
	width: 140px;
	text-align: center;
	font-weight: 600;
	border: 1px solid #e1e1e1;
	margin-left: 20px;
}

.commonTable_v {
	width: 100%;
	border-top: 1px solid #c3c3c3;
	border-bottom: 1px solid #c3c3c3;
}

.commonTable_v th {
	background-color: #f6f6f6;
	border-bottom: 1px solid #c3c3c3;
	width: 15%;
	text-align: center;
	padding: 10px 0;
	font-size: 16px;
	vertical-align: middle;
}

.commonTable_v td {
	border-bottom: 1px solid #c3c3c3;
	width: 85%;
	padding: 5px 0 5px 10px;
	font-size: 16px;
	line-height: 36px;
}

.commonTable_v td input[type="text"],
.commonTable_v td input[type="password"],
.commonTable_v td input[type="number"] {
	height: 30px;
}

.commonTable_v td select {
	height: 30px;
}

.commonTable_v td textarea {
	height: 200px;
	overflow-y: scroll;
	resize: none;
	border: 1px solid #ddd;
	width: 100%;
	padding: 10px;
}

.commonTable_v td textarea.h100 {
	height: 100px;
}

.commonTable_v tr:last-child td,
.commonTable_v tr:last-child th {
	border-bottom: 0;
}

.cmBtn {
	line-height: 30px;
	color: #fff;
	background-color: #797979;
	text-align: center;
	display: inline-block;
	font-size: 14px;
	padding: 0 10px;
}

.w100 {
	width: 100px;
}

.w180 {
	width: 180px;
}


/* join03 */
.joinTitle {
	text-align: center;
	font: 25px 'Nanum GothicB';
	padding: 50px 0 20px;
	color: #4f4f4f;
	border-bottom: 1px solid #e1e1e1;
}

.joinGrayBg {
	width: 700px;
	margin: 20px auto 0;
	border: 1px solid #e0e0e0;
	padding: 40px 50px;
	background: #f9f9f9
}

.joinGrayBg .joinInfoBox {
	width: 460px;
	margin: 0 auto;
	overflow: hidden;
	padding: 10px 0;
}

.joinGrayBg .joinInfoBox li {
	float: left;
	height: 50px;
}

.joinGrayBg .joinInfoBox .infoList {
	width: 140px;
	height: 50px;
	font: 16px 'Nanum GothicB';
	color: #7f7f7f;
	padding-top: 15px;
}

.joinGrayBg .joinInfoBox li>input {
	width: 310px;
	height: 50px;
	border: 1px solid #e1e1e1;
}

.joinGrayBg .joinInfoBox li>select {
	width: 100px;
	height: 50px;
	border: 1px solid #e1e1e1;
}

.joinGrayBg .joinInfoBox li>select.email {
	width: 155px;
	height: 50px;
	border: 1px solid #e1e1e1;
}

.joinGrayBg .joinInfoBox li .idInput {
	width: 200px;
	height: 50px;
	border: 1px solid #e1e1e1;
}

.joinGrayBg .joinInfoBox li .emailInput {
	width: 145px;
	height: 50px;
	border: 1px solid #e1e1e1;
}

.joinGrayBg .joinInfoBox li .overlap.greenBtn {
	width: 100px;
	margin: 5px 0 0 10px;
	padding: 12px 0;
	vertical-align: middle;
}

.joinInfoBox .gender {
	float: left;
	width: 50px;
	height: 50px;
	text-align: center;
	padding: 15px 0;
	background: #fff;
	font-size: 16px;
	color: #7f7f7f;
	border: 1px solid #e1e1e1;
	margin-right: 5px;
	cursor: pointer;
}

.joinInfoBox .gender.on {
	background: #979797;
	color: #fff;
}

.passTxt2 {
	width: 460px;
	margin-left: 210px;
	padding-bottom: 8px;
	font-size: 12px;
	color: #7f7f7f;
}

.passTxt {
	width: 460px;
	margin-left: 210px;
	padding-bottom: 8px;
}

.passTxt li.title {
	font-size: 14px;
	padding-bottom: 4px;
}

.passTxt li {
	padding: 2px 0;
	font-size: 13px;
}

.joinGrayBg .joinInfoBox li>input.snsCheck {
	width: 15px;
	margin-right: 10px;
}


/* join04 */
.middleBar {
	height: 1px;
	border-bottom: 1px solid #e1e1e1;
	margin: 15px auto;
	width: 200px;
}

.joinEnd {
	display: block;
	width: 55px;
	margin: 30px auto;
}

.joinEndTxt {
	font-size: 14px;
	line-height: 24px;
	margin: 0 auto 30px;
	text-align: center;
	color: #7f7f7f;
}

/* modify */
.changeBtn {
	display: inline-block;
	font-size: 16px;
	font-weight: 500;
	padding: 10px 20px;
	text-align: center;
	color: #fff;
	background: #666666;
}

/* find */
.findBox {
	width: 835px;
	margin: 0 auto 60px;
	;
}

.findBox .findId {
	width: 415px;
	height: 200px;
	border-right: 1px solid #eeeeee;
	display: inline-block;
}

.findBox .findId.pw {
	border-right: 0;
	padding-left: 30px;
}

.findBox .findId .findTitle {
	font-size: 18px;
	margin: 30px 0 10px;
	color: #4d4c4c;
	display: block;
}

.findBox .findId .findTitle>img {
	display: inline-block;
	width: 25px;
	margin-right: 3px;
}

.findBox .findId .findIpBox {
	overflow: hidden;
}

.findBox .findId .findIpBox .loginInput {
	float: left;
}

.findBox .findId .findIpBox .loginInput li input {
	text-indent: 10px;
	width: 260px;
	height: 45px;
	margin-bottom: 10px;
	border: 1px solid #e0e0e0;
}

.findBox .findId .findIpBox .findBtn {
	float: left;
	width: 110px;
	height: 100px;
	line-height: 97px;
	margin-left: 10px;
	font-size: 15px;
	box-shadow: 3px 3px #dddddd;
	border: 1px solid #fff;
	text-align: center;
	background: #8fc055;
	color: #fff;
}

.findTxt {
	margin: 30px auto 0;
	width: 400px;
}

.findTxt>p {
	text-align: center;
}

.findTxt>p.findGreen {
	font-size: 20px;
	color: #8fc055;
	margin-bottom: 10px;
}

/* find_num */
.findNumberBox {
	width: 500px;
	margin: 0 auto;
}

.findNumberBox .findTitle {
	font-size: 18px;
	margin: 30px 0 10px;
	color: #4d4c4c;
	display: block;
}

.findNumberBox .findTitle>img {
	display: inline-block;
	width: 25px;
	margin-right: 3px;
}

.findNumber {
	overflow: hidden;
}

.findNumber>li>span {
	display: inline-block;
	width: 100px;
}

.findNumber>li>input {
	text-indent: 10px;
	width: 300px;
	height: 45px;
	margin-bottom: 10px;
	border: 1px solid #e0e0e0;
}




/* ------------ club ------------ */
/* intro */
.proshopImg {
	display: block;
	width: 1000px;
	margin: 0 auto;
}

.introTxt {
	font-size: 20px;
	line-height: 34px;
	font-weight: 300;
	margin: 50px 0;
}

.introTxt>span.big {
	font-size: 25px;
	font-weight: 400;
	display: block;
	margin-bottom: 15px;
}

.contGrayBg {
	width: 100%;
	background: #f2f2f2;
	padding: 50px 0;
}

.contGrayBg .contBox {
	width: 1200px;
	margin: 0 auto;
}

.contGrayBg .contBox .clubSlide {
	width: 100%;
}

.contGrayBg .contBox .slideCenter {
	font-size: 18px;
	text-align: center;
}

.contGrayBg .contBox .slideCenter>span.bold {
	font-size: 22px;
	font-weight: 500;
}

/* history */
.historyTxt {
	text-align: center;
	font-size: 30px;
	margin: 50px 0 40px;
	color: #656565;
}

.historyChoice {
	overflow: hidden;
	width: 1030px;
	margin: 0 auto;
	text-align: center;
}

/*.historyChoice > li{float:left;padding:7px 30px;font-size:20px;border-radius:20px;margin-right:10px;font-weight:500;text-align:center;color:#fff;background:#e0e0e0;cursor:pointer;}*/
.historyChoice>li {
	padding: 7px 30px;
	font-size: 20px;
	border-radius: 20px;
	font-weight: 500;
	text-align: center;
	color: #fff;
	background: #e0e0e0;
	cursor: pointer;
	display: inline-block;
	margin: 0 5px 15px;
}

.historyChoice>li:last-child {
	margin-right: 0;
}

.historyChoice>li.on {
	background: #28a3b2;
}

.historyImg {
	display: block;
	margin: 30px auto;
}

/* friendship */
.friednshipBox {
	width: 100%;
	margin: 50px 0;
	overflow: hidden;
}

.countryInfoBox {
	float: left;
	overflow: hidden;
	width: 580px;
	margin-right: 40px;
	margin-bottom: 40px;
}

.countryInfoBox:nth-child(even) {
	margin-right: 0;
}

.countryInfoBox .colors {
	float: left;
	width: 200px;
	height: 246px;
	border: 1px solid #d1d1d1;
}

.countryInfoBox .colors>img {
	display: block;
	margin: 86px auto 0;
}

.friendTable {
	width: 380px;
	border-bottom: 1px solid #dedede;
	border-top: 1px solid #dedede;
	margin-bottom: 10px;
}

.friendTable tr:last-child th {
	border-bottom: 0;
}

.friendTable tr:last-child td {
	border-bottom: 0;
}

.friendTable th {
	line-height: 34px;
	font-size: 15px;
	border-right: 1px solid #dedede;
	border-bottom: 1px solid #dedede;
}

.friendTable th.bg {
	background-color: #f1f1f1;
}

.friendTable td {
	border-bottom: 1px solid #dedede;
	border-right: 1px solid #dedede;
	line-height: 16px;
	font-size: 13px;
	text-align: center;
}

/* location */
.locaIcon {
	display: inline-block;
	margin: -7px 5px 0 0;
}

.locationChoice {
	overflow: hidden;
	width: 580px;
	margin: 0 auto 30px;
}

.locationChoice>li {
	float: left;
	padding: 6px 15px;
	font-size: 18px;
	border-radius: 20px;
	margin-right: 10px;
	font-weight: 500;
	text-align: center;
	color: #fff;
	background: #e0e0e0;
	cursor: pointer;
}

.locationChoice>li:last-child {
	margin-right: 0;
}

.locationChoice>li.on {
	background: #28a3b2;
}

#daumRoughmapContainer1607160548187 {
	width: 100%;
}


.chargeTable {
	width: 100%;
	border-top: 1px solid #373737;
}

.chargeTable th {
	padding: 10px;
	border-bottom: 1px solid #fff;
	background: #a7d060;
	color: #fff;
	border-right: 1px solid #fff;
}

.chargeTable th.gray {
	background: #ebebeb;
	color: #545353;
}

.chargeTable th:last-child {
	border-right: 0;
}

.chargeTable tr {
	font: 13px "Nanum GothicB";
	height: 40px;
	color: #545353;
	text-align: center;
}

.chargeTable td {
	border: 1px solid #ebebeb;
}


/* intro */
.houseBg {
	width: 100%;
	margin: 70px auto;
	background: url('../images/houseBg.png')no-repeat top center;
}

.clubHouseTxt {
	font-size: 15px;
	line-height: 30px;
	margin: 70px 0 50px;
	color: #8a8a8a;
}

.clubHouseTxt .big {
	font-size: 30px;
	line-height: 32px;
	font-weight: 400;
	display: block;
	margin-bottom: 50px;
}

.houseCont {
	width: 1200px;
	height: 1000px;
	margin: 0 auto;
	overflow: hidden;
	position: relative;
}

.houseCont .houseSlide {
	width: 780px;
	height: 520px;
	position: absolute;
	left: 50%;
	top: 205px;
	margin-left: -250px;
	box-shadow: 7px 7px 0 #e1e1e1;
}

.houseMid {
	font-size: 18px;
	text-align: center;
}

.commonTable.fac {
	width: 300px;
	border-top: 1px solid #b2b2b2;
	border-bottom: 1px solid #b2b2b2;
}

.label {
	display: block;
	z-index: 10;
	padding: 7px 30px;
	text-align: center;
	position: absolute;
	top: 650px;
	left: 50%;
	margin-left: -320px;
	background: #272727;
	color: #fff;
	font-size: 20px;
	font-weight: 400;
}

.clubIntroTitle {
	font-size: 35px;
	color: #2e2e2e;
	margin-top: 30px;
	padding-left: 100px;
}

.clubIntroTitle>span.miniTt {
	font-size: 16px;
	color: #2e2e2e;
}

.restSlideBox {
	width: 1250px;
	margin: 0 auto;
	overflow: hidden;
}

.restSlideBox .restSlide {
	width: 400px;
}

.slider {
	width: 1200px;
	margin: 0 auto;
}

.slider .slick-slide {
	margin: 0px 20px;
	width: 330px;
	transition: all ease-in-out .3s;
}

.slider .slick-slide img {
	width: 100%;
}

.fullgray .restTxt {
	font-size: 14px;
	text-align: center;
	margin-top: 20px;
}

.fullgray .restTxt .big {
	font-size: 16px;
	font-weight: bold;
}


/* plan */
.titleBox {
	margin-bottom: 20px;
}

.titleBox .ttImg {
	width: 200px;
	margin-bottom: 5px;
}

.titleBox .ttImg .ttBar {
	width: 18px;
	height: 1px;
	display: block;
}

.titleBox .mTitle {
	font: 27px "Nanum GothicB";
}

.planTxt {
	font-family: "dotum";
	line-height: 27px;
	padding: 0 220px;
}

.planTxt>span.bold {
	font-size: 20px;
}

.sign {
	font-family: "dotum";
	float: right;
	margin-right: 170px;
}

.planExBox {
	overflow: hidden;
}

.planExBox>li {
	float: left;
	width: 390px;
	margin-right: 15px;
	line-height: 24px;
	text-align: center;
}

.planExBox>li:last-child {
	margin-right: 0;
}

.planExBox>li>img {
	display: block;
	margin-bottom: 20px;
	width: 100%;
}

.planExBox>li .bold {
	font-size: 15px;
	margin-bottom: 10px;
	display: block;
}


/* location */
.map {
	margin: 20px 0 60px;
}

.locaTxt {
	padding: 20px 0 40px;
	margin: 0 auto;
	overflow: hidden;
}

.locaTxt>li {
	float: left;
	margin-right: 35px;
}

.locaTxt>li>img {
	display: inline-block;
}

.locaTxt>li .bold {
	font-weight: bold;
	font-size: 16px;
}

.locaTxt2 {
	overflow: hidden;
	margin-bottom: 40px;
}

.locaTxt2>li {
	float: left;
}

.locaTxt2 .icon {
	border: 1px solid #d2d2d2;
	border-radius: 15px;
	box-shadow: 4px 4px 1px #f1f1f1;
	width: 100px;
	height: 100px;
}

.locaTxt2 .icon>img {
	display: block;
	width: 65px;
	margin: 17px auto;
}

.locaTxt2 .txt {
	margin-left: 20px;
	line-height: 25px;
}

.locaTxt2 .txt .bold {
	font-size: 16px;
	display: block;
	margin-bottom: 10px;
}

.locaTxt2 .txt .empty {
	display: inline-block;
	width: 75px;
}


.locaTable {
	overflow: hidden;
	border-top: 1px solid #9d9d9c;
	width: 100%;
}

.locaTable li {
	float: left;
}

.locaTable li.box {
	width: 400px;
	padding: 15px 0;
	border-right: 1px solid #e9e9e9;
	font-size: 15px;
	line-height: 25px;
	text-align: center;
	border-bottom: 1px solid #e9e9e9;
}

.locaTable li.box.two {
	width: 800px;
	border-right: 0;
}

.locaTable li.box.txtBox {
	height: 370px;
}

.locaTable li.box.txtBox.txt1 {
	padding: 47px 0;
}

.locaTable li.box.txtBox.txt2 {
	padding: 60px 0;
}

.locaTable li.box.txtBox.txt3 {
	padding: 26px 40px
}

.locaTable li.box.b_r_0 {
	border-right: 0;
}

.locaTable li.box>span.bold {
	font-weight: bold;
	font-size: 16px;
}

.locaTable li.box .leftTxt {
	text-align: left;
	line-height: 25px;
	margin-top: 20px;
}

.locaTable li.box .locaIcon {
	display: block;
	width: 90px;
	margin: 30px auto;
}

.dotBg {
	border: 1px dashed #e9e9e9;
	padding: 40px 35px 0;
	border-radius: 15px;
	margin-top: 60px;
}

.dotBg .text .big {
	font-size: 18px;
}

.dotBg .imgBox {
	margin: 10px 0 40px;
}


/* ------------ course ------------ */

/* intro */
.courseIntroTxt {
	font-size: 16px;
	margin-top: 50px;
}

.courseIntroBox {
	overflow: hidden;
}

.courseIntroBox .totalImg {
	float: left;
	width: 618px;
	height: 630px;
	border: 1px solid #d0d0d0;
}

.courseIntroBox .totalImg>img {
	display: block;
	margin: 29px auto;
}

.courseIntroBox .courseIntroBtn {
	float: left;
	width: 580px;
}

.courseIntroBox .courseIntroBtn>li {
	width: 580px;
	height: 315px;
	cursor: pointer;
}

.courseIntroBox .courseIntroBtn>li.new {
	width: 580px;
	height: 315px;
	background: url('/images/course/courseLink2.jpg')no-repeat center;
	background-size: cover;
}

.courseIntroBox .courseIntroBtn>li.old {
	width: 580px;
	height: 315px;
	background: url('/images/course/courseLink.jpg')no-repeat center;
	background-size: cover;
}

.courseIntroBox .courseIntroBtn>li.new:hover {
	background: url('/images/course/courseLink2_hover.jpg')no-repeat center;
	background-size: cover;
}

.courseIntroBox .courseIntroBtn>li.old:hover {
	background: url('/images/course/courseLink_hover.jpg')no-repeat center;
	background-size: cover;
}

.fullgray {
	width: 100%;
	margin: -15px 0 40px;
	padding: 50px 0;
	min-width: 1000px;
	background: #f2f2f2;
}


.courseTab {
	width: 100%;
	overflow: hidden;
	margin-bottom: -20px;
	margin-top: 50px;
}

.courseTab>li {
	float: left;
	width: 150px;
	height: 65px;
	padding-top: 10px;
	font-size: 16px;
	border-radius: 20px 20px 0 0;
	margin-right: 10px;
	text-align: center;
	background: #a7a7a7;
	color: #fff;
	cursor: pointer;
}

.courseTab>li.on {
	background: #28a3b2;
}


/* course */
.choiceTab {
	width: 1200px;
	margin: 20px auto 0;
	overflow: hidden;
}

.choiceTab>li {
	float: left;
	width: 130px;
	margin-right: 3px;
}

.choiceTab>li>a {
	display: block;
	width: 130px;
	text-align: center;
	font-size: 15px;
	padding: 12px 0;
	background: #fbfbfb;
	color: #909090;
	border-radius: 15px 15px 0 0;
	border: 1px solid #efefef;
	border-bottom: 0;
}

.choiceTab>li>a.on {
	background: #2e2e2e;
	color: #fff;
}

.courseWrap {
	width: 100%;
	background: #fbfbfb;
	border-radius: 20px;
	padding: 20px;
	position: relative;
	overflow: hidden;
}

.courseWrap h2.b_title {
	font-size: 35px;
	padding-bottom: 8px;
	font-weight: 400;
	color: #333;
}

.courseWrap h4.s_title {
	color: #333;
	padding-bottom: 5px;
}

.courseBox {
	position: relative;
	width: 370px;
	height: 568px;
	background: #fff;
	border: 1px solid #ddd;
	margin: 7px 25px 20px 0;
	display: inline-block;
	float: left;
}

.courseBox:nth-child(3n) {
	margin-right: 0;
}

.courseBox .holeNum {
	font-size: 17px;
	background: url(../images/course/holeMini.png) center center no-repeat;
	position: absolute;
	left: 0;
	top: 0;
	color: #fff;
	font-weight: 400;
	width: 70px;
	height: 70px;
	padding: 5px 10px;
}

.courseBox .holeNum2 {
	background: url(../images/course/holeMini.png) center center no-repeat;
	position: absolute;
	left: 0;
	top: 0;
	color: #fff;
	font-weight: 400;
	width: 70px;
	height: 70px;
	padding: 5px 10px;
}

.courseBox h2 {
	padding: 20px 20px 20px 70px;
	font-size: 18px;
	color: #000;
	font-weight: 400;
}

.courseBox p {
	width: 100%;
}

.courseBox p img {
	width: 100%;
	display: block;
}

.courseInfo {
	font-size: 0;
	width: 100%;
	padding: 20px 30px;
	font-size: 18px;
	text-align: center;
	font-weight: 400;
}

.blueP {
	background-color: #258ac2;
	border-radius: 50%;
	display: inline-block;
	width: 15px;
	height: 15px;
	margin-right: 5px;
}

.whiteP {
	background-color: #fff;
	border: 1px solid #ccc;
	border-radius: 50%;
	display: inline-block;
	width: 15px;
	height: 15px;
	margin-right: 5px;
}

.silverP {
	background-color: #cbcbcb;
	border-radius: 50%;
	display: inline-block;
	width: 15px;
	height: 15px;
	margin-right: 5px;
}

.redP {
	background-color: #c91d1d;
	border-radius: 50%;
	display: inline-block;
	width: 15px;
	height: 15px;
	margin-right: 5px;
}

.courseBtn {
	text-align: center;
	position: absolute;
	bottom: 50px;
	left: 50%;
	margin-left: -72px;
	width: 144px;
	background-color: #2b2f32;
	color: #fff;
	padding: 3px 15px;
	font-size: 18px;
	text-align: center;
	border-radius: 50px;
	cursor: pointer;
	z-index: 5;
}

.courseOver {
	width: 100%;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: rgba(0, 0, 0, 0.9);
	opacity: 0;
}

.overBox {
	padding: 30px 15px;
	width: 100%;
}

.overBox h1 {
	background: url(../images/course/tip.png) center center no-repeat;
	width: 100px;
	height: 60px;
	margin: 60px auto 35px;
}

.overBox p {
	color: #fff;
	font-size: 14px;
	line-height: 30px;
	text-align: center;
	width: 100%;
	white-space: pre-line;
	word-break: keep-all;
	height: 300px;
	overflow-y: auto;
}



/* score */
.scoreTable {
	width: 100%;
	border-bottom: 1px solid #444;
	border-top: 1px solid #444;
	margin-bottom: 10px;
}

.scoreTable tr:last-child th {
	border-bottom: 0;
}

.scoreTable tr:last-child td {
	border-bottom: 0;
}

.scoreTable td:last-child {
	border-right: 0;
}

.scoreTable th {
	background-color: #f1f1f1;
	line-height: 45px;
	font-size: 15px;
	border-bottom: 1px solid #dedede;
}

.scoreTable td {
	border-bottom: 1px solid #dedede;
	line-height: 24px;
	font-size: 15px;
	padding: 10px 0;
	text-align: center;
}

.scoreTable tr:nth-child(odd) {
	background: #fcfcfc;
}

.scoreTable td.total {
	border-top: 1px solid #45454f;
	background: #f0f0f0;
	font-weight: 500;
}

.scoreListBox {
	width: 100%;
	overflow: hidden;
	margin-top: 50px;
}

.scoreListBox .scoreBox {
	float: left;
	width: 580px;
	margin-right: 40px;
}

.scoreListBox .scoreBox:nth-child(2) {
	margin-right: 0;
}

.scoreListBox .scoreBox .courseScore {
	overflow: hidden;
	margin-bottom: 5px;
}

.scoreListBox .scoreBox .courseScore>li.name {
	float: left;
	font-size: 18px;
	font-weight: 500;
}

.scoreListBox .scoreBox .courseScore>li.date {
	float: right;
	font-weight: 500;
	height: 26px;
	line-height: 32px;
}

/* ------------ guide ------------ */
/* guide */
.guideTable {
	width: 100%;
	border-bottom: 1px solid #444;
	border-top: 1px solid #444;
	margin-bottom: 10px;
}

.guideTable tr:last-child th {
	border: 0;
}

.guideTable tr:last-child td {
	border: 0;
}

.guideTable th {
	background-color: #f1f1f1;
	line-height: 45px;
	font-size: 15px;
	border-bottom: 1px solid #dedede;
}

.guideTable td {
	border-bottom: 1px solid #dedede;
	line-height: 24px;
	font-size: 15px;
	color: #535252;
	padding: 20px 0 20px 20px;
	;
}

.guideTable td.right {
	border-right: 1px solid #dedede;
}

/* fee */
.feeTitle {
	width: 240px;
	padding: 10px 0;
	background: #28a3b2;
	color: #fff;
	text-align: center;
	font-size: 20px;
	font-weight: 500;
	border-radius: 15px 15px 0 0;
}

.feeTitle.feeTt2 {
	background: #79b32a;
	margin-top: 50px;
}


.feeTable {
	width: 100%;
	border-bottom: 1px solid #444;
	border-top: 1px solid #444;
	margin-bottom: 10px;
}

.feeTable tr:last-child th {
	border-bottom: 0;
}

.feeTable tr:last-child td {
	border-bottom: 0;
}

.feeTable td:last-child {
	border-right: 0;
}

.feeTable th {
	background-color: #f1f1f1;
	line-height: 45px;
	font-size: 17px;
	border-right: 1px solid #dedede;
	border-bottom: 1px solid #dedede;
}

.feeTable td {
	border-bottom: 1px solid #dedede;
	border-right: 1px solid #dedede;
	line-height: 24px;
	font-size: 17px;
	padding: 10px 0;
	text-align: center;
}

.feeTable td.right {
	border-right: 1px solid #dedede;
}

.feeTable td.title {
	text-overflow: ellipsis;
	white-space: pre;
	overflow: hidden;
	cursor: pointer;
	padding: 0 10px;
	text-align: left;
}

.barTitle {
	font-size: 18px;
	margin: 30px 0 10px;
}

.barTitle>span.bar {
	display: inline-block;
	width: 10px;
	height: 4px;
	border-radius: 20px;
	background: #4f4f4f;
	margin-right: 5px;
	vertical-align: middle;
}


/* membership */
.midTitle {
	font-size: 20px;
	margin: 20px 0 15px;
}

.memberBgBox {
	border: 1px solid #c2c2c2;
	border-radius: 15px;
}

.memberBgBox .memberPapers {
	width: 100%;
	height: 45px;
	line-height: 45px;
	background: #f7f7f7;
	border-bottom: 1px solid #e6e6e6;
	padding: 0 20px;
}

.memberBgBox .memberPapers:first-child {
	border-radius: 15px 15px 0 0;
}

.memberBgBox .memberPapers.radius {
	border-radius: 0 0 15px 15px;
}

.memberBgBox .memberPapers>li.papersTitle {
	float: left;
	width: 500px;
	font-size: 17px;
	font-weight: 400;
	cursor: pointer;
}

.memberBgBox .memberPapers>li.arrowBtn {
	float: right;
	width: 22px;
	height: 22px;
	margin-top: 10px;
	border-radius: 50%;
	background: #fff;
	border: 1px solid #c2c2c2;
	box-shadow: 2px 2px 0 #e1e1e1;
	cursor: pointer;
}

.memberBgBox .memberPapers>li.arrowBtn .papers {
	margin-top: -12px;
	width: 22px;
	height: 22px;
	text-align: center;
}

.memberBgBox .papersBox {
	width: 100%;
	padding: 30px 20px;
	background: #fff;
	overflow: hidden;
}

.memberBgBox .papersBox .downloadBtn {
	float: right;
	margin: 20px 0;
	padding: 0 20px;
	height: 50px;
	line-height: 50px;
	border: 1px solid #c2c2c2;
	background: #fff;
	border-radius: 15px;
	box-shadow: 2px 2px 0 #e1e1e1;
	text-align: center;
}

.memberBgBox .papersBox .downloadBtn>img {
	display: inline-block;
	margin-right: 10px;
	margin-top: -4px;
}

.ppTitle {
	margin: 10px 0;
}

/* ------------ mypage ------------ */
/* confrim */
.grayBgBox {
	background: #f4f4f4;
	border-radius: 15px;
	padding: 50px;
}

.grayBgBox .confirmPxTxt {
	text-align: center;
	margin-bottom: 30px;
}

.confirmPwInput {
	overflow: hidden;
	width: 350px;
	margin: 0 auto;
}

.confirmPwInput>li {
	float: left;
	font-size: 16px;
	color: #626262
}

.confirmPwInput>li.txt {
	width: 120px;
	height: 45px;
	line-height: 45px;
	text-align: center;
}

.confirmPwInput>li.input {
	width: 230px;
}

.confirmPwInput>li.input>input {
	width: 230px;
	height: 45px;
	border: 1px solid #dddddd;
}

/* pwChange */
.pwChangeTxt {
	margin-bottom: 20px;
}

.pwChangeTxt>span {
	font-size: 16px;
	font-weight: 500;
	color: #434343;
}

.pwChangeBox {
	overflow: hidden;
}

.pwChangeBox>li {
	float: left;
	margin-bottom: 10px;
}

.pwChangeBox>li.title {
	font-size: 16px;
	width: 200px;
	height: 45px;
	line-height: 45px;
}

.pwChangeBox>li.inputBox>input {
	width: 250px;
	height: 45px;
	border: 1px solid #dddddd;
}

.pwChangeBox>li.txt {
	color: #9d9d9d;
	height: 45px;
	line-height: 45px;
	margin-left: 10px;
}

/* withdraw */
.wdInput {
	width: 200px;
	height: 45px;
	border: 1px solid #dddddd;
	text-align: left;
}

.wdArea {
	width: 800px;
	height: 200px;
	border: 1px solid #dddddd;
}

.leftTable {
	width: 100%;
	border-bottom: 1px solid #444;
	border-top: 1px solid #444;
	margin-bottom: 10px;
}

.leftTable tr:last-child th {
	border-bottom: 0;
}

.leftTable tr:last-child td {
	border-bottom: 0;
}

.leftTable td:last-child {
	border-right: 0;
}

.leftTable th {
	background-color: #f1f1f1;
	line-height: 45px;
	font-size: 15px;
	border-right: 1px solid #dedede;
	border-bottom: 1px solid #dedede;
}

.leftTable td {
	border-bottom: 1px solid #dedede;
	border-right: 1px solid #dedede;
	line-height: 24px;
	font-size: 15px;
	padding: 10px 0;
	padding-left: 15px;
}

.leftTable td.right {
	border-right: 1px solid #dedede;
}

/* ------------ board ------------ */
/* list */
.borderBox {
	border: 1px solid #c3c3c3;
	width: 100%;
	padding: 30px 20px;
	margin-bottom: 150px;
}

/* searching */

.searchingBox {
	width: 100%;
	padding: 5px;
	position: relative;
	overflow: hidden;
}

.searchingBox .searching {
	position: absolute;
	top: 10px;
	right: 0;
}

.searchingBox .searching>ul {
	text-align: right;
}

.searchingBox .searching>ul>li {
	display: inline-block;
	float: left;
	margin-left: 5px
}

.searchingBox .searching>ul>li input {
	height: 40px;
	background-color: #fff;
	border: 1px solid #c9c9c9;
}

.searchingBox .searching>ul>li select {
	height: 40px;
	width: 80px;
	border: 1px solid #c9c9c9;
	border-radius: 3px;
	padding-left: 10px;
}

/* °Ô½ÃÆÇ °Ë»ö±â´É */
.my-searchBox {
	width: 1161px;
	text-align: right;
}

.search-box {
	display: inline-block;
	width: 800px;
}

.search-box2 {
	display: inline-block;
}

.btn_Ok2 {
	display: inline-block;
	padding: 0 25px;
	line-height: 38px;
	background-color: #8ec055;
	color: #fff;
	text-align: center;
	margin: 0 5px;
	vertical-align: top;
}
/* °Ô½ÃÆÇ °Ë»ö±â´É */


/* gallery */
.galleryBox {
	width: 268px;
	height: 290px;
	border: #e4e4e4 solid 1px;
	display: inline-block;
	margin: 30px 10px;
}

.galleryBox:first-child {
	margin-left: 0;
}

.galleryBox:nth-child(4n+1) {
	margin-right: 0;
}

.galleryBox .gallBoxCont {}

.galleryBox .gallBoxCont a {
	display: block;
	overflow: hidden;
	font-size: 0;
}

.galleryBox .gallBoxCont .galImg {
	width: 98%;
	height: 160px;
	margin: 1%;
}

.galleryBox .gallBoxCont .galImg img {
	width: 100%;
	height: 100%;
}

.galleryBox .gallBoxCont .gallery {
	height: 130px;
	padding: 15px;
}

.galleryBox .gallBoxCont .gallery .gallTitle {
	width: 240px;
	height: 37px;
	font: 15px 'Nanum GothicB';
	color: #111111;
	padding: 10px 0;
	text-overflow: ellipsis;
}

.galleryBox .gallBoxCont .gallery .gallDate {
	font-size: 12px;
	color: #7f7f7f;
}

.galleryBox .gallBoxCont .gallery .gallBtn {
	background: #8ec055;
	text-align: center;
	width: 90px;
	height: 27px;
	line-height: 27px;
	border-radius: 10px;
	color: #fff;
	font-size: 12px;
	margin-top: 15px;
	display: block;
}


.commentBox {
	margin: 25px 0 15px;
	border-top: 1px solid #e0e0e0;
}

.commentBox .comment {
	padding: 10px 0;
	border-bottom: 1px dotted #d4d4d4;
}

.commentBox .comment .dateText {
	overflow: hidden
}

.commentBox .comment .dateText .date {
	float: left;
	margin: 10px 0 10px 5px;
	font-size: 15px;
}

.commentBox .comment .dateText .x-box {
	float: right;
	margin-right: 10px;
	margin-top: 6px;
	cursor: pointer;
}

.commentBox .comment .dateText .x-box img {
	width: 25px;
}

.commentBox .comment .cont {
	font-size: 14px;
	line-height: 22px;
	padding: 10px 5px;
}

.commentTxt {
	padding: 10px 0;
	width: 100%;
}

.commentTxt .txtReply {
	display: inline-block;
	width: 1055px;
	height: 70px;
	padding: 5px;
	border: 1px solid #d7d7d7;
	overflow-y: scroll;
	vertical-align: middle;
}

.commentTxt .viewInput {
	display: inline-block;
	width: 120px;
	margin-left: 17px;
	font-size: 15px;
	height: 70px;
	line-height: 70px;
	background: #fff;
	color: #515151;
	vertical-align: middle;
	border: 1px solid #515151;
	text-align: center;
	box-shadow: 3px 3px 0 #dddddd;
}



/* fac */
.facChoice {
	overflow: hidden;
	width: 400px;
	margin: 0 auto 30px;
}

.facChoice>li {
	float: left;
	padding: 6px 20px;
	font-size: 18px;
	border-radius: 20px;
	margin-right: 10px;
	font-weight: 500;
	text-align: center;
	color: #fff;
	background: #e0e0e0;
	cursor: pointer;
}

.facChoice>li:last-child {
	margin-right: 0;
}

.facChoice>li.on {
	background: #f14938;
}

/*220609*/
.mt25 {
	margin-top: 25px;
}

.mt60 {
	margin-top: 60px;
}

.mb100 {
	margin-bottom: 100px;
}

.center {
	text-align: center;
}

.survey-wrap {
	border: 1px solid #555;
	padding: 20px;
	word-break: keep-all;
}

.survey-wrap h1 {
	text-align: center;
	background-color: #000;
	color: #fff;
	padding: 10px 20px;
}

.survey-wrap h2 {
	font-size: 20px;
	font-weight: 400;
	line-height: 1.5em;
	color: #454545;
}

.survey-wrap h2.blue {
	color: darkblue;
}

.survey-wrap h2 span {
	font-size: inherit;
}

.survey-wrap h3 {
	font-size: 18px;
	font-weight: 400;
	line-height: 1.5em;
	color: #454545;
	padding-bottom: 6px;
}

.survey-wrap ol {
	padding: 15px 0 5px 0;
}

.survey-wrap ol li {
	padding-bottom: 10px;
}

.survey-wrap ol li label {
	font-size: 18px;
}

.survey-wrap ol li input[type=radio] {
	margin-top: -3px;
	margin-right: 10px;
	width: 20px;
	height: 20px;
}

.survey-box {
	border: 1px dashed #888;
	padding: 10px 20px;
}

.user-info {
	width: 100%;
	text-align: center;
	font-size: 18px;
}

.user-info dl {
	padding: 45px 0;
}

.user-info dt {
	width: 100px;
	display: inline-block;
	position: relative;
	font-size: 18px;
	color: #333;
	font-weight: 500;
}

.user-info dt::after {
	content: ':';
	position: absolute;
	right: 0;
	margin-right: 10px;
}

.user-info dd {
	width: 180px;
	display: inline-block;
	text-align: left;
	font-size: 18px;
}

.user-info p {
	padding: 20px 0 50px;
	font-weight: 500;
	font-size: 22px;
}

.imamge-box {
	padding: 15px 0;
}

.imamge-box img {
	display: block;
	margin: auto;
}

.text-con {
	text-align: left;
	text-indent: 10px;
	font-size: 18px;
	color: #545454;
	white-space: pre-line;
	word-wrap: break-word;
	font-weight: 400;
}

.text-con b {
	font-weight: 500;
}

.survey-wrap.v2 h2 {
	line-height: 1.8em;
}

.survey-wrap.v2 h3 {
	padding-top: 0;
}

.survey-wrap.v2 ol {
	padding: 20px 0;
}

.survey-wrap textarea {
	border: 1px solid #888;
	resize: none;
	width: 100%;
	height: 200px;
	padding: 15px;
}

.nomal-table {
	width: 100%;
	border-top: 1px solid #444;
}

.nomal-table th {
	background-color: #f1f1f1;
	padding: 8px 0;
	font-size: 18px;
	border: 1px solid #dedede;
	border-top: 0;
}

.nomal-table td {
	border: 1px solid #dedede;
	padding: 8px;
	vertical-align: middle;
	font-size: 18px;
	text-align: center;
	line-height: 1.25em;
}

.nomal-table td img {
	max-width: 100%;
	display: block;
}

.nomal-table td span {
	display: block;
	font-size: 16px;
}

.nomal-table tr.sty1 td {
	background-color: #f4f4f4;
	padding: 10px 0;
}

.nomal-table tr.sty2 td {
	background-color: #f4f4f4;
	font-weight: 500;
	padding: 10px 0;
	color: dodgerblue;
}

/*221220*/

.reser-popup {
	/* display: none; */
	width: 600px;
	border-radius: 15px;
	box-shadow: 5px 5px 10px 0 rgba(0, 0, 0, 0.3);
	background: #fff;
	position: fixed;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	z-index: 1006;
	padding-bottom: 30px;
}

.reser-popup-bg {
	background: rgba(0, 0, 0, 0.8);
	position: fixed;
	top: 0;
	right: 0;
	left: 0;
	bottom: 0;
	z-index: 1005;
	display: none;
	opacity: 0.5;
}

.reser-popup table tbody tr {
	height: 45px;
}

.reserCheckPop table tbody tr {
	height: 75px;
}

.reser-pop-header {
	position: relative;
}

.reser-popup h3 {
	width: 100%;
	height: 60px;
	background: #4a4a4a;
	text-align: center;
	color: #fff;
	font-size: 20px;
	line-height: 60px;
	border-radius: 15px 15px 0 0;
}

.reser-pop-header img {
	display: inline-block;
	position: absolute;
	right: 23px;
	top: 18px;
	cursor: pointer;
}

.popup-check1 {
	padding: 39px 50px 35px 55px;
	font-size: 18px;
}

.popup-check1 table {
	margin: 0 auto;
}

.popup-check1 tbody tr td {
	position: relative;
}

.popup-check2 {
	width: 550px;
	background: #f5f5f5;
	text-align: center;
	margin: 0 auto;
	padding: 20px 0 25px 0;
}

.popup-check2 p {
	font-size: 18px;
	padding: 10px 0 20px 0;
}

.popup-check2 a {
	background: #000;
	color: #fff;
	font-size: 16px;
	vertical-align: bottom;
	width: 70px;
	height: 30px;
	display: inline-block;
	line-height: 30px;
}

.reser-popup02 table {
	margin: 0 auto;
}

.reser-popup02 table tbody tr {
	height: 45px;
}

.reser-popup02 {
	display: none;
	width: 600px;
	border-radius: 15px;
	box-shadow: 5px 5px 10px 0 rgba(0, 0, 0, 0.3);
	background: #fff;
	position: fixed;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	z-index: 300;
	padding-bottom: 30px;
}

.reser-pop-header {
	position: relative;
}

.reser-popup02 h3 {
	width: 100%;
	height: 60px;
	background: #4a4a4a;
	text-align: center;
	color: #fff;
	font-size: 20px;
	line-height: 60px;
	border-radius: 15px 15px 0 0;
}

.reser-pop-header img {
	display: inline-block;
	position: absolute;
	right: 23px;
	top: 18px;
	cursor: pointer;
}