@charset "utf-8";

@import url('//fonts.googleapis.com/earlyaccess/nanumgothiccoding.css');


*,
::after,
::before {
	box-sizing: border-box
}

.skip,
legend {
	position: absolute
}

a,
abbr,
address,
article,
aside,
audio,
blockquote,
body,
canvas,
caption,
cite,
code,
dd,
del,
details,
dfn,
div,
dl,
dt,
em,
fieldset,
figcaption,
figure,
footer,
form,
h1,
h2,
h3,
h4,
h5,
header,
hgroup,
hr,
html,
i,
iframe,
img,
ins,
kbd,
li,
main,
mark,
nav,
ol,
output,
p,
pre,
q,
ruby,
s,
samp,
section,
small,
span,
strong,
sub,
summary,
sup,
tbody,
td,
tfoot,
th,
thead,
time,
tr,
u,
ul,
var,
video,
input,
button,
textarea,
label {
	padding: 0;
	margin: 0;
	border: 0;
	box-sizing: border-box;
	font: inherit;
	vertical-align: baseline;
	word-break: keep-all;
}

body {
	/*line-height: 1;*/
	font-weight: 400;
	font-size: 15px;
	font-family: SUIT !important;
	color: #111;
	letter-spacing: -.04em
}

a {
	text-decoration: none;
	color: inherit;
	cursor:pointer;
}

ol,
ul {
	list-style: none
}

table {
	border-collapse: collapse;
	border-spacing: 0
}

caption,
hr {
	display: none
}

legend {
	height: 0;
	font-size: 0;
	font-family: 'SUIT';
	line-height: 0;
	overflow: hidden;
	text-indent: -20000px
}

h1,h2,h3,h4,h5 { font-weight:600;}

address,
cite,
em {
	font-style: normal
}

button,
label {
	cursor: pointer
}

button {
	border: 0;
	background: 0 0;
	display: inline-block;
	font-size:16px !important;
	cursor: pointer;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
nav,
section {
	display: block
}

input,
button,
textarea,
select {
	outline: none;
	padding:10px;
}

strong {
    font-weight: bold;
}

.skip {
	visibility: hidden;
	top: 0;
	left: 0
}


/* 초기화 */
input[type=text], 
input[type=password], 
input[type=submit], 
input[type=image], 
button {font-size:1em;-webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;}		

textarea, select {font-size:1em;}
textarea {border-radius:0;-webkit-appearance:none; line-height:1.4;}
select {margin:0;background:none;}
p {margin:0;padding:0; /*word-break:break-all*/}
hr {display:none}
pre {overflow-x:scroll;font-size:1.1em}
a {color:#000;text-decoration:none}
ul,li,dl,dt,dd {padding:0;margin:0; list-style:none;	}
ul {list-style:none}

input[type=button],
input[type=checkbox],
input[type=radio]
button,
select {
    -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
}

input[type=radio],
input[type=checkbox] { border-radius:100% !important; border:1px solid #aaa; background-color:#fff; width:14px !important; height:14px !important; padding:0;}

input[type=radio]:checked,
input[type=checkbox]:checked { background-color:#2b3990; border-color:#2b3990;background-image: url(../../../../img/common/check.png) !important;
    background-repeat: no-repeat !important;
    background-size:cover;}

button:focus{ 	
    border: none;
    outline:none;
    }


select {
    background-image: url(../../../../img/common/select.png) !important;
    background-repeat: no-repeat !important;
    background-size: 20px !important;
    background-position: right !important;
	border: 1px solid #ddd;
    height: 40px;
    border-radius: 0px;
    float: left;
    padding: 0px 6px;
	color:#000;
}

.point { color:#655bcb !important;}
.point_bg { background-color:#655bcb !important;}
.point_bo { border-color:#655bcb !important;}

.point_02 {color:#5149f7 !important;}
.point_02_bg { background-color:#5149f7 !important;}
.point_02_bo { border-color:#5149f7 !important;}

.red { color:#F00 !important;}
.red_bg { background-color:#F00 !important;}
.red_bo { border-color:#F00 !important; }

.blue {color:#000 !important;}
.blue_bg { background-color:#000 !important;}
.blue_bo { border-color:#000 !important;}

.blue_02 {color:#06F !important;}
.blue_02_bg { background-color:#06F !important;}
.blue_02_bo { border-color:#06F !important;}

.green { color:#00BD00 !important;}
.green_bg { background-color:#00BD00 !important;}
.green_bo { border-color:#00BD00 !important;}

.white { color:#fff !important;}
.white_bg { background-color:#fff !important;}
.white_bo { border-color:#fff !important;}

.black {color:#000 !important;}
.black_bg { background-color:#000 !important;}
.black_bo { border-color:#000 !important;}

.gray { color:#f8f8f8 !important;}
.gray_bg { background-color:#f8f8f8 !important;}
.gray_bo { border-color:#f8f8f8 !important;}

.gray02 { color:#999 !important;}
.gray02_bg { background-color:#999 !important;}
.gray02_bo { border-color:#f999 !important;}

.red { color: red !important;}
.yellow { color:#FF0}

.fw_100 { font-weight:100 !important;}
.fw_200 { font-weight:200 !important;}
.fw_300 { font-weight:300 !important;}
.fw_400 { font-weight:400 !important;}
.fw_500 { font-weight:500 !important;}
.fw_600 { font-weight:600 !important;}
.fw_700 { font-weight:700 !important;}
.fw_800 { font-weight:800 !important;}
.fw_900 { font-weight:900 !important;}


.center { text-align:center !important;}
.left { text-align:left !important;}
.right { text-align:right !important}

.mtop10 { margin-top:10px !important}
.mtop15 { margin-top:15px !important}
.mtop20 { margin-top:20px !important}

.mbot0 { margin-bottom:0 !important;}
.mbot10 { margin-bottom:10px !important}
.mbot15 { margin-bottom:14px !important}
.mbot20 { margin-bottom:20px !important}

.w100 { width:100%;}


@font-face {
 font-family: 'NanumBarunGothic';
 font-style: normal;
 font-weight: 400;
 src: url('//fastly.jsdelivr.net/font-nanumlight/1.0/NanumBarunGothicWeb.eot');
 src: url('//fastly.jsdelivr.net/font-nanumlight/1.0/NanumBarunGothicWeb.eot?#iefix') format('embedded-opentype'), url('//fastly.jsdelivr.net/font-nanumlight/1.0/NanumBarunGothicWeb.woff') format('woff'), url('//fastly.jsdelivr.net/font-nanumlight/1.0/NanumBarunGothicWeb.ttf') format('truetype');
}

@font-face {
 font-family: 'NanumBarunGothic';
 font-style: normal;
 font-weight: 700;
 src: url('//fastly.jsdelivr.net/font-nanumlight/1.0/NanumBarunGothicWebBold.eot');
 src: url('//fastly.jsdelivr.net/font-nanumlight/1.0/NanumBarunGothicWebBold.eot?#iefix') format('embedded-opentype'), url('//fastly.jsdelivr.net/font-nanumlight/1.0/NanumBarunGothicWebBold.woff') format('woff'), url('//fastly.jsdelivr.net/font-nanumlight/1.0/NanumBarunGothicWebBold.ttf') format('truetype')
}

@font-face {
 font-family: 'NanumBarunGothic';
 font-style: normal;
 font-weight: 300;
 src: url('//fastly.jsdelivr.net/font-nanumlight/1.0/NanumBarunGothicWebLight.eot');
 src: url('//fastly.jsdelivr.net/font-nanumlight/1.0/NanumBarunGothicWebLight.eot?#iefix') format('embedded-opentype'), url('//fastly.jsdelivr.net/font-nanumlight/1.0/NanumBarunGothicWebLight.woff') format('woff'), url('//fastly.jsdelivr.net/font-nanumlight/1.0/NanumBarunGothicWebLight.ttf') format('truetype');
}

.font_num { font-family: ui-monospace;}

#btnShare { cursor:pointer;}

/* font-family:'noto-sans-cjk-kr','roboto','din-2014',sans-serif; */

/* browser_msg */
#max_browser_msg {
	width: 100%;
	height: auto;
	background: #222;
	padding: 15px;
	box-sizing: border-box;
	text-align: center;
	position: absolute;
	z-index: 9999;
	color: #fff;
	font: normal 12px 'SUIT';
	line-height: 140%;
	letter-spacing: 0
}

#max_browser_msg mark {
	background: #f0bd41;
	color: #000;
	padding: 0 5px
}

#max_browser_msg .bt_browser_upgrade {
	display: inline-block;
	background: #fff;
	color: #000;
	padding: 5px 30px;
	margin: 15px 0 0 0
}

#max_browser_msg .bt_close_browser {
	background: #ccc;
	color: #000;
	padding: 5px 10px
}

::selection {
	background: rgba(22, 22, 22, 0.85);
	color: #fff;
}

::-moz-selection {
	background: rgba(22, 22, 22, 0.85);
	color: #fff;
}

img {
	max-width: 100%;
}

/* 팝업레이어 */
#hd_pop {
	z-index: 1000;
	position: relative;
	margin: 0 auto;
	height: 0
}

#hd_pop h2 {
	position: absolute;
	font-size: 0;
	line-height: 0;
	overflow: hidden
}

.hd_pops {
	position: absolute;
	border: 1px solid #e9e9e9;
	background: #fff
}

.hd_pops img {
	width: 100%
}

.hd_pops_con {}

.hd_pops_footer {
	padding: 0;
	background: #000;
	color: #fff;
	text-align: left;
	position: relative
}

.hd_pops_footer:after {
	display: block;
	visibility: hidden;
	clear: both;
	content: ""
}

.hd_pops_footer button {
	padding: 10px;
	border: 0;
	color: #fff
}

.hd_pops_footer .hd_pops_reject {
	background: #000;
	text-align: left
}

.hd_pops_footer .hd_pops_close {
	background: #393939;
	position: absolute;
	top: 0;
	right: 0
}

/* button */
.bt_wrap {
	width: 87.5%;
	margin: 0 auto;
	text-align: center;
}

.bt_wrap a {
	display: inline-block;
	width: 100%;
	height: 4em;
	line-height: 4em;
	text-align: center;
	font-weight: 600;
	box-sizing: border-box;
}

a.bt_next {
	background: #4227CD;
	border-color: #4227CD;
	color: #fff;
}

a.bt_home {
	border-left-width: 0;
}

.btn_next[type=submit] {
	display: inline-block;
	width: 240px;
	height: 64px;
	line-height: 64px;
	text-align: center;
	border: 1px solid #000;
	background: #000;
	color: #fff;
}

.bt_wrap .btn_next[type=submit]:hover {
	border-color: #4227CD;
	background: #4227CD;
	color: #fff;
}

.bt_complete {
	display: inline-block;
	width: 100%;
	height: 64px;
	line-height: 64px;
	box-sizing: border-box;
	text-align: center;
	border: 1px solid #000;
	vertical-align: middle;
	color: red;
	font-weight: 600
}

/* admin button */
.adm_btns {
	display: inline-block;
	font: bold 12px;
	padding: 7px 14px;
	border-radius: 50px;
	background-color: #d7d7d7;
	color: #000;
	position: fixed;
	bottom: 128px;
	right: 48px;
}

.adm_btns:hover {
	text-decoration: underline;
}

/* scroll down */
.scroll_down {
	width: 1px;
	height: 64px;
	background: #414141;
	position: absolute;
	bottom: 0;
	left: 50%;
	transform: translateX(-50%);
	font-size: 0;
	overflow: hidden;
}

.scroll_down span {
	animation: scroll_effect .75s infinite alternate linear;
	display: block;
	width: 1px;
	height: 20px;
	background: #fff;
	position: absolute;
	top: 0;
	left: 0;
}

.scroll_down.black {
	background: #d0d0d0;
}

.scroll_down.black span {
	background: #414141;
}

/* icon */
.max-ico {
	display: block;
	position: relative;
}

.max-ico:before,
.max-ico:after {
	content: '';
	display: block;
}

/* arrow right */
.ico-arr-rg {
	width: 32px;
	height: 24px;
}

.ico-arr-rg:before {
	height: 0;
	width: 0;
	border: 5px transparent solid;
	border-right-width: 0;
	border-left-color: #fff;
	position: absolute;
	top: 7px;
	right: 0;
}

.ico-arr-rg:after {
	height: 2px;
	width: 27px;
	background: #fff;
	position: absolute;
	top: 11px;
	left: 0px;
}

/* arrow left */
.ico-arr-le {
	width: 32px;
	height: 24px;
}

.ico-arr-le:before {
	height: 0;
	width: 0;
	border: 5px transparent solid;
	border-left-width: 0;
	border-right-color: #fff;
	position: absolute;
	top: 7px;
	left: 0;
}

.ico-arr-le:after {
	height: 2px;
	width: 27px;
	background: #fff;
	position: absolute;
	top: 11px;
	right: 0;
}

/* arrow top */
.ico-arr-top {
	width: 48px;
	height: 24px;
}

.ico-arr-top:before {
	width: 24px;
	height: 24px;
	border: 1px solid #b9b9b9;
	border-left-width: 0;
	border-bottom-width: 0;
	transform: rotate(-45deg);
	position: absolute;
	top: 7px;
	left: 10px;
}

/* arrow  bottom */
.ico-arr-btm {
	width: 48px;
	height: 24px;
}

.ico-arr-btm:before {
	width: 24px;
	height: 24px;
	border: 1px solid #b9b9b9;
	border-top-width: 0;
	border-right-width: 0;
	transform: rotate(-45deg);
	position: absolute;
	bottom: 7px;
	left: 10px;
}

/* list */
.ico-list {
	width: 30px;
	height: 30px;
	overflow: hidden;
}

.ico-list:before {
	height: 6px;
	width: 6px;
	background: #111;
	position: absolute;
	top: 0;
	left: 0px;
	box-shadow: 12px 0 #111, 24px 0 #111, 0 14px #111, 12px 12px #111, 24px 12px #111, 0 24px #111, 12px 24px #111, 24px 24px #111;
}

/* close */
.ico-close {
	width: 24px;
	height: 24px;
	margin: 0 auto;
}

.ico-close:before,
.ico-close:after {
	width: 20px;
	height: 2px;
	background: #fff;
	border-radius: 10px;
	position: absolute;
	top: 11px;
	left: 2px;
	transform: rotate(-45deg);
}

.ico-close:after {
	transform: rotate(45deg);
}

.ico-close.black:before,
.ico-close.black:after {
	background: #181818;
}

/* arrow prev */
.ico_arr_prev {
	width: 48px;
	height: 48px;
}

.ico_arr_prev:before {
	height: 32px;
	width: 32px;
	border: 2px solid #fff;
	border-right-width: 0;
	border-bottom-width: 0;
	transform: rotate(-45deg);
	position: absolute;
	top: -12px;
	left: 17px;
}

/* arrow next */
.ico_arr_next {
	width: 48px;
	height: 48px;
}

.ico_arr_next:before {
	height: 32px;
	width: 32px;
	border: 2px solid #fff;
	border-left-width: 0;
	border-top-width: 0;
	transform: rotate(-45deg);
	position: absolute;
	top: -12px;
	right: 17px;
}

@media screen and (max-width: 568px) {

	/* list */
	.ico-list {
		width: 20px;
		height: 20px;
	}

	.ico-list:before {
		width: 4px;
		height: 4px;
		box-shadow: 8px 0 #111, 16px 0 #111, 0 8px #111, 8px 8px #111, 16px 8px #111, 0 16px #111, 8px 16px #111, 16px 16px #111;
	}

	/* arrow top, arrow bottom */
	.ico-arr-top,
	.ico-arr-btm {
		width: 24px;
		height: 16px;
	}

	.ico-arr-top:before,
	.ico-arr-btm:before {
		width: 16px;
		height: 16px;
		left: 4px;
	}

}

/* layout */
body {
	width: 100%;
	max-width: 800px;
	margin: 0 auto;
	/*background-color:#f9f9f9;*/
}

#max_wrap {width: 100%;
    max-width: 800px;
    box-shadow: 10px 10px 20px rgb(0 0 0 / 10%);
    position: absolute;
    top: 0;
    left: 50%;
	min-height:100%;
	    padding-top: 60px;
		background-color:#fff;
	margin-left: -400px;
}

@media (max-width: 800px) {

#max_wrap {
    /*position: relative;*/
    margin: auto;
    left: auto;
    max-width: 100%;
	box-shadow:none;
    /*height: calc(100vh - 0px);*/
    /*height: calc(100vh - 54px);*/
}	

}

#header,
#container,
#footer {
	width: inherit;
	height: inherit;
}

#container { /*margin-top:60px;*/}

#container_mobile {
	width: 100%;
	height: auto;
}

.sound_only {
	display: none;
}



/* 캡챠 자동등록(입력)방지 기본 -pc */
#captcha {position:relative}
#captcha label { display:none !important;}
#captcha legend {position:absolute; margin:0; padding:0; font-size:0; line-height:0; text-indent:-9999em; overflow:hidden}
#captcha #captcha_img {height:40px; border:1px solid #ddd; vertical-align:top; padding:0; margin:0; border-radius: 4px;}
#captcha #captcha_mp3 {margin:0; padding:0; width:40px; height:40px; border:0; background:transparent; vertical-align:middle; overflow:hidden; cursor:pointer; width:40px; height:40px; background:url('../../../img/captcha2.png') no-repeat; text-indent:-999px; border-radius:3px}
#captcha #captcha_reload {margin:0; padding:0; width:40px; height:40px; border:0; background:transparent; vertical-align:middle; overflow:hidden; cursor:pointer; background:url('../../../img/captcha2.png') no-repeat 0 -40px; text-indent:-999px; border-radius:3px}
#captcha #captcha_key {margin:0 0 0 3px; padding:0 5px; width:90px; height:40px; border:1px solid #ddd; background:#fff; font-size:1.333em; font-weight:bold; text-align:center; border-radius:4px; vertical-align:top}
#captcha #captcha_info {display:block; margin:3px 0 5px; font-size:0.95em; letter-spacing:-0.1em}

/* 캡챠 자동등록(입력)방지 기본 - mobile */
#captcha.m_captcha audio {display:block; margin:0 0 5px}

/* 구글리캡챠 크기 조정 scale */
#captcha.recaptcha {width:213px; height:55px; overflow:hidden}
#rc-imageselect, .g-recaptcha {transform:scale(0.7); -webkit-transform:scale(0.7); transform-origin:0 0; -webkit-transform-origin:0 0}


.bo_lst {
	float: left;
	width: 100%;
	height: auto;
	padding:0px 0;
}

.bo_lst .num {
	padding: 0 0 14px;
}

.bo_lst table {
	width: 100%;
	height: auto;
}

.bo_lst thead th {
	border-top: 1px solid #000;
	border-bottom: 1px solid #d3d3d4;
	padding: 14px 0;
	text-align: center;
	font-weight: 500;
	background-color: #f7f6f6;
}

.bo_lst tbody th,
.bo_lst tbody td {
	border-bottom: 1px solid #d3d3d4;
	padding: 14px 0;
	text-align: center;
	position: relative;
}

.bo_lst tbody .tt {
	text-align: left;
	font-size: 0.9em;
}

.bo_lst tbody .cont {
	text-align: center;
	font-size: 0.9em;
}

.bo_lst tbody a:hover {
	text-decoration: underline;
}

.bo_lst tbody span {
	display: inline-block;
	color: #000;
	padding: 4px;
}

.bo_lst tbody span.flag1 {
	background-color: #313131;
}

.bo_lst tbody span.flag2 {
	background-color: #b60009;
}

.bo_lst .notice_icon {
	background: #6167fc;
	color: #fff;
	font-weight: bold;
	padding: 4px 8px;
	border-radius: 3px;
	font-size: 12px;
}

.bo_lst .sch_word {
	color: #6167fc;
}

.gallery_lst {
	padding: 0 6.25%;
}

.gallery_lst .event {
	width: 100%;
}

.gallery_lst .event li {
	margin-bottom: 3em;
	font-size: 13px;
	text-align: center;
}

.gallery_lst .event a {
	display: block;
}

.gallery_lst .event a .thumb {
	position: relative;
	line-height: 0;
}

.gallery_lst .event a .thumb img {
	width: 100%;
}

.gallery_lst .event a em {
	display: block;
	padding: .75em 0;
	text-align: center;
	font-size: 18px;
}

.gallery_lst .event a p {
	height: 2.8em;
	overflow: hidden;
	margin-bottom: 1em;
	color: #797979;
	line-height: 1.4;
	text-overflow: ellipsis;
	display: -webkit-box;
	word-wrap: break-word;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
}

.gallery_lst .event a .date {
	display: block;
	width: 100%;
}

.gallery_lst .event a dl {
	display: inline-block;
	overflow: hidden;
}

.gallery_lst .event a dt {
	float: left;
}

.gallery_lst .event a dd {
	float: left;
	margin: 0 .75em 0 .5em;
}

.gallery_lst .event a dd.color {
	font-size: 15px;
	font-weight: 600;
	color: #4227CD;
}

.gallery_lst .event a button {
	display: inline-block;
	font-size: 13px;
	width: 12em;
	padding: .75em;
	margin: 1em auto 0;
	text-align: center;
	border-radius: 3em;
	background: #000;
	color: #fff;
	border: 1px solid #000;
}

.gallery_lst .event a.on em {
	color: #4227CD;
}

.gallery_lst .event a.on button {
	background: #4227CD;
	border-color: #4227CD;
	color: #fff;
	transition: all .3s;
}

.gallery_lst .event a.off {
	cursor: default;
}

.gallery_lst .event a.off .thumb:after {
	content: '';
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 1;
	width: 100%;
	height: 100%;
	background: rgba(40, 40, 40, .8);
	box-sizing: border-box;
}

.gallery_lst .event a.off dd.color {
	font-weight: 400;
	color: #797979;
}

.gallery_lst .event a.off button {
	background: #797979;
	border-color: #797979;
	cursor: default;
}

table.horizon {
	width: 100%;
	border-top: 2px solid #333;
	margin: .5em 0 1em;
}

table.horizon th {
	border: 1px solid #ccc;
	padding: 1em 0;
	font-size: 14px;
	text-align: center;
}

table.horizon thead th {
	text-align: center;
}

table.horizon td {
	border: 1px solid #ccc;
	padding: 10px 5px;
	line-height: 1.4;
	text-align: center;
	vertical-align: middle;
}

table.horizon .image {
	vertical-align: middle;
	width: 80px;
	height: 80px;
	margin: 0 auto;
}

table.horizon .image img {
	width: 100%;
}

table.horizon .info {
	padding: .75em;
	margin: .75em .75em 0;
	font-size: 12px;
	background: #f5f5f5;
	border: 1px solid #e5e5e5;
	text-align: left;
}

table.horizon p {
	line-height: 1.4;
}

table.formset {
	width: 100%;
	border-top: 2px solid #333;
	margin: .5em 0 1em;
	text-align: left;
}

table.formset th {
	display: block;
	width: 100%;
	padding: .5em 0;
	margin: .5em 0 0;
	text-align: left;
	font-weight: 600;
}

table.formset td {
	display: block;
	width: 100%;
	border: 1px solid #ccc;
	padding: .5em;
	color: #797979;
}

table.formset input[type=text] {
	border: 1px solid #ccc;
	padding: 5px 10px;
	width: 90%
}

table.formset input.zip {
	width: 120px
}

table.formset button[type=button] {
	padding: 8px 16px;
	margin: 0 0 0 4px;
	background: #333;
	color: #fff;
}

table.formset input[placeholder=기본주소] {
	margin-top: 4px;
}

table.formset input[placeholder=상세주소] {
	margin-top: 4px;
}

table.formset textarea {
	display: block;
	width: 98%;
	padding: 1%;
	margin: 0 0 .5em;
	background: #f5f5f5;
	border: 1px solid #d7d7d7;
	box-sizing: border-box;
}

table.info {
	width: 100%;
	margin: 1em 0 2em;
}

table.info tbody th {
	width: 100%;
	height: 64px;
	font-size: 18px;
	line-height: 1.4;
}

table.info tbody th:first-child {
	padding-left: 0;
}

table.info tbody .info_head {
	padding: 16px 0;
	border: 1px solid #d7d7d7;
	background: #f5f5f5;
}

table.info tbody .info_head p {
	font-size: 24px;
}

table.info tbody .info_head p.color {
	color: #4227cd;
}

table.info tbody td {
	width: 100%;
	padding: 0 0 16px;
}

table.info tbody td:first-child {
	padding-left: 0;
}

table.info tbody .info_body {
	padding: 16px;
	height: auto;
	line-height: 1.5;
	border: 1px solid #d7d7d7;
	border-top: 0;
}

table.info tbody .info_body .title {
	padding-bottom: 12px;
	margin-bottom: 12px;
	font-weight: bold;
	border-bottom: 1px solid #d7d7d7;
}

table.info tbody .info_body p span {
	float: right;
}

table.info tbody .info_body p.calculate {
	padding-top: 12px;
	margin-top: 12px;
	font-weight: bold;
	border-top: 1px solid #d7d7d7;
}

table.info tfoot {
	text-align: center;
}

table.info tfoot .info_foot {
	width: 100%;
	padding: .75em 0;
	margin-bottom: 8px;
	font-size: 14px;
	border: 2px solid #d7d7d7;
	text-align: center;
}

table.info tfoot .info_foot em {
	display: inline-block;
	margin-left: .5em;
	color: #4227cd;
	font-size: 1.125em;
	font-weight: 600;
}

table.info tfoot .info_foot strong {
	display: inline-block;
	font-size: 1.125em;
	padding-bottom: .25em;
	vertical-align: middle;
}

table.info tfoot span {
	font-size: 13px;
}

legend.label {
	display: inline-block;
	font-size: 15px;
	height: auto;
	line-height: 1;
	text-indent: 0;
	position: relative;
}

#reservation_comment {}

#reservation_comment .write_wrap {
	width: 87.5%;
	margin: 32px auto 0;
	position: relative;
}

#reservation_comment .write_wrap .write_line {
	padding: 10px 0;
}

#reservation_comment .write_wrap .write_line textarea {
	display: block;
	width: 100%;
	height: 80px;
	border: 1px solid #ccc;
	padding: 15px;
	box-sizing: border-box;
}

#reservation_comment .write_wrap .write_line label {
	display: block;
	padding-right: 10px;
	margin-bottom: .75em;
	font-size: 15px;
	font-weight: 600;
}

#reservation_comment .write_wrap .write_line input {
	width: 100%;
	border: 1px solid #ccc;
	padding: 10px 15px;
	box-sizing: border-box;
}

#reservation_comment .write_wrap .button_line {}

#reservation_comment .write_wrap .button_line button {
	width: 100%;
	padding: 20px 0;
	margin-top: 1em;
	background: #4227cd;
	color: #fff;
	border-radius: 4px;
}

#reservation_comment .write_wrap a {
	display: block;
	width: 240px;
	padding: 1.25em 0;
	margin: 32px auto 0;
	font-size: 14px;
	background: #4227cd;
	color: #fff;
	text-align: center;
	border-radius: 28px;
}

#comment_wrap {
	width: 100%;
	margin: 64px auto;
	border-top: 2px solid #000;
	position: relative;
}

#comment_wrap .comment_item {
	padding: 16px;
	border-bottom: 1px solid #d7d7d7;
}

#comment_wrap .comment_item .comment_cont {
	padding-bottom: 8px;
}

#comment_wrap .comment_item .comment_cont dt {
	padding-bottom: 12px;
	position: relative;
	overflow: hidden;
}

#comment_wrap .comment_item .comment_cont dt span {
	display: inline-block;
}

#comment_wrap .comment_item .comment_cont dt span.writer {
	font-size: 14px;
	font-weight: 700;
}

#comment_wrap .comment_item .comment_cont dt span.writer:before {
	content: '';
	display: inline-block;
	width: 1em;
	height: 1em;
	vertical-align: bottom;
	margin-right: 4px;
	background: url("http://phonemeri.dmax.kr/theme/phonemericano/css/../image/common/ico_member.svg") 50% no-repeat;
	background-size: cover;
}

#comment_wrap .comment_item .comment_cont dt span.date {
	margin-left: .5em;
	font-size: 11px;
	color: #797979;
}

#comment_wrap .comment_item .comment_cont dd {
	font-size: 13px;
}

#comment_wrap .comment_item .cooent_btns {
	text-align: right;
}

#comment_wrap .comment_item .cooent_btns a {
	display: inline-block;
	padding: 5px 10px;
	border: 1px solid #ccc;
}

#comment_wrap .comment_item .cooent_btns .good {
	display: inline-block;
	width: 12px;
	height: 12px;
	margin-right: 4px;
	font-size: 0;
	vertical-align: middle;
	background: url("http://phonemeri.dmax.kr/theme/phonemericano/css/../image/common/ico_good.svg") 50% no-repeat;
	background-size: cover;
}

#comment_wrap .comment_item .cooent_btns .bad {
	display: inline-block;
	width: 12px;
	height: 12px;
	margin-right: 4px;
	font-size: 0;
	vertical-align: middle;
	background: url("http://phonemeri.dmax.kr/theme/phonemericano/css/../image/common/ico_bad.svg") 50% no-repeat;
	background-size: cover;
}

#comment_wrap .comment_item.comment_reply {
	position: relative;
	padding-left: 45px;
	background: #f1f1f1;
}

#comment_wrap .comment_item.comment_reply span.reply {
	position: absolute;
	left: 16px;
	top: 26px;
	width: 15px;
	height: 2px;
	background: #333;
}

#comment_wrap .comment_item.comment_reply span.reply:after {
	content: '';
	position: absolute;
	left: 0;
	top: -12px;
	height: 12px;
	width: 2px;
	background: #333;
}

#reservation_comment .btn_comment {
	border: 1px solid #000;
	width: 100%;
	height: 3em;
	line-height: 3em;
	margin: 0 0 3em;
}

/* mypage */
.order_table {
	width: 87.5%;
	margin: 0 auto;
}

.order_list_thumb {
	text-align: left;
}

.maypage_order_view_box span {
	display: block;
	font-size: 13px;
}

.bt_maypage_order_view {
	display: block;
	margin-top: 4px;
	font-size: 13px;
	font-weight: 600;
	color: #4227CD;
	text-decoration: underline;
}




/* order_write */
.reservation_item img {
	width: 100%;
}

.step_sec {
	padding:0 20px 20px; border-bottom:1px solid #ddd;
}

.step_sec * {
	box-sizing: border-box;
	font-size: 14px;
	line-height: 1.4;
}

.step_sec h3 {
	font-weight: 600;
	font-size: 18px;
	padding: 20px 0px 0;
	/*border-bottom:2px solid #333;*/
}

.step_sec table {
	width: 100%
}

.step_sec .form_group {
	padding: .5em;
	margin: .5em 0;
	border: 1px solid #d7d7d7;
	border-radius: .25em;
}

.step_sec .form_group .empty {
	text-align: center;
	padding: 2rem 0;
}

.step_sec .form_row {
	display: block;
	padding-bottom:20px;
	margin-bottom:20px;
	border-bottom: 1px solid #eee;
}

.step_sec .form_row:last-child {
	border-bottom: none;
	padding-bottom:0;
	margin-bottom:0;
}

.step_sec .form_row dl {
	position: relative;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-ms-flex-align: stretch;
	align-items: stretch;
	width: 100%;
}

.step_sec .form_row dt {
	flex: 1 100%;
	padding: 0 0 .5em;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	font-weight: 600;
}

.step_sec .form_row dt div.image {
	text-align: center;
}

.step_sec .form_row dt img {
	width: 80%;
}

.step_sec .form_row .info_head,
.step_sec .form_row .info_foot { display:flex; justify-content: space-between;}

.step_sec .form_row .info_head { margin-top:8px; }
.step_sec .form_row .info_foot { margin-bottom:8px;}

.step_sec .form_row dd {
	flex: 1 100%;
	position: relative;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
}


.step_sec .form_row dd.one_line {align-items: center;  justify-content: flex-start;  flex-direction: row; }

.step_sec .form_row dd .info {
	padding: .75em;
	background: #f5f5f5;
	border: 1px solid #e5e5e5;
}

.step_sec .form_row dd .info p {
	padding: .25em 0;
}

.step_sec .form_row dd .info_body {
	padding: .75em;
	background: #f5f5f5;
	border: 1px solid #e5e5e5;
}

.step_sec .form_row dd .info_body p {
	font-size: 13px;
}

.step_sec .form_row input[type=text] {
	padding: .5rem .5rem;
	border: 1px solid #ccc;
	border-radius: .25rem;
	width: 100%;
}

.step_sec .form_row textarea {
	padding: .5rem .5rem;
	border: 1px solid #ccc;
	border-radius: .25rem;
	width: 100%;
	height: 5rem;
}

.step_sec .form_row legend {
	font-size: 1rem;
	height: auto;
	line-height: normal;
	text-indent: 0;
	position: relative;
}

.step_sec .form_row .append_row {
	position: relative;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-ms-flex-align: stretch;
	align-items: stretch;
	width: 100%;
}

.step_sec .form_row .append_row input[type=text] {
	position: relative;
	-ms-flex: 1 1 auto;
	flex: 1 1 auto;
	width: 1%;
	margin-bottom: 0;
}

.step_sec .form_row .append_row input[type=text]:not(:first-child) {
	border-top-left-radius: 0;
	border-bottom-left-radius: 0;
}

.step_sec .form_row .append_row input[type=text]:not(:last-child) {
	border-top-right-radius: 0;
	border-bottom-right-radius: 0;
}

.step_sec .form_row .append_row .append_after {
	margin-left: -1px;
	display: -ms-flexbox;
	display: flex;
}

.step_sec .form_row .append_row .append_after button {
	border-top-left-radius: 0;
	border-bottom-left-radius: 0;
	position: relative;
	z-index: 2;
}

.step_sec .form_row .append_row button {
	display: inline-block;
	color: #fff;
	background-color: #333;
	border: 1px solid #000;
	font-weight: 400;
	text-align: center;
	vertical-align: middle;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	padding: .375rem .75rem;
	font-size: 1rem;
	line-height: 1.5;
	border-radius: .25rem;
	transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
}

.step_sec .form_row .inpadding {
	padding: .25rem 0;
}

.step_sec .form_row .noti { font-size:12px; font-weight:400;}

.btn01 {
	display: block;
	width: 160px;
	padding: 1em 0;
	margin: 1em auto 0;
	background: #4227cd;
	color: #fff;
	font-size: 13px;
	border-radius: 2em;
}

.btn02 {
	display:inline-block;
	padding:0px 10px;
	background:#000;
	color: #fff;
	font-size: 12px !important;
	border-radius: 4px;
	height:24px !important;
	line-height:24px !important;
}


#bo_cate { padding:10px 0 10px 20px !important;}
#bo_cate h2 {width:0;height:0;font-size:0;line-height:0;overflow:hidden}
#bo_cate ul {background:#fff; padding:0 10px 0 0; /*border-bottom:1px solid #d9dce3;*/zoom:1; border-bottom:none; white-space:nowrap; overflow-x: auto; text-align:left; }
#bo_cate ul:after {display:block;visibility:hidden;clear:both;content:""} 
#bo_cate li {margin-right:8px !important;margin-bottom: 10px !important; display:inline-block; float:none !important;}
#bo_cate a {border-radius: 50px !important;border:1px solid #eee !important; background: #fff !important; padding:4px 12px !important; font-size:14px !important; width:auto !important;}
#bo_cate #bo_cate_on {display:inline-block !important;position:relative !important; background-color:#000 !important; color:#fff; border-color:#000 !important; color:#fff !important;}
#bo_cate #bo_cate_on:after {content:"";position:absolute;left:0;bottom:0;width:100%;height:4px;display:inline-block;background:#000; display:none !important;}


.text_high {
	background-color: #c9c2f1
}

.text_high_red {
	background-color: #FF6347;
}

.new_win { /*margin-top: 60px;*/ }


.point_unit:after {
    content: 'P';
}

#smart_editor2 { min-width:0 !important;}

.path_wrap { display:none;}


.required {background:url('../../../../img/require.png') top right no-repeat;}
.required:after { /*content:"*"; position:absolute; top:10px; right:10px; display:block; */ }