@charset "UTF-8";

/* MaruBuri */
@font-face{
	font-family:'MaruBuri';
	font-weight: normal;
	src:url("../font/MaruBuri-Regular.woff") format('woff');
}
@font-face{
	font-family:'MaruBuri';
	font-weight: 300;
	src:url("../font/MaruBuri-SemiBold.woff") format('woff');
}
@font-face{
	font-family:'MaruBuri';
	font-weight: 400;
	src:url("../font/MaruBuri-Bold.woff") format('woff');
}

@font-face{
    font-family: 'SCoreDream';
    font-weight: normal;
    src: url("../font/S-CoreDream-4Regular.woff2") format('woff2'),
    url("../font/S-CoreDream-4Regular.woff") format('woff');
}
@font-face{
    font-family: 'SCoreDream';
    font-weight: 500;
    src: url("../font/S-CoreDream-5Medium.woff2") format('woff2'),
    url("../font/S-CoreDream-5Medium.woff") format('woff');
}
@font-face{
    font-family: 'SCoreDream';
    font-weight: 600;
    src: url("../font/S-CoreDream-6Bold.woff") format('woff');
}


body{position:relative; color:#222222; font-size:16px; line-height:30px; letter-spacing:-0.025em; font-weight:400; font-family:"SCoreDream","NotoKr","Malgun Gothic","맑은 고딕","Dotum","돋움","Gulim","굴림",sans-serif;}


@media all and (max-width:640px){
    body{font-size:14px; line-height:24px;}
}
#wrapper{overflow:hidden; position:relative; width:100%; min-width:1500px}
.wrap{position:relative; width:1500px; margin-right:auto; margin-left:auto}

@media all and (max-width:1500px){
    #wrapper{min-width:1300px}
    .wrap{width:1300px}
}
@media all and (max-width:1300px){
    #wrapper{min-width:1000px}
    .wrap{width:1000px}
}
@media all and (max-width:1000px){
    #wrapper{min-width:0}
    .wrap{width:auto; margin-right:0; margin-left:0; padding-right:20px; padding-left:20px;}
}
@media all and (max-width:640px){
    .wrap{padding-right:15px; padding-left:15px;}
}



#header {border-bottom:1px solid #cdcdcd; padding-bottom:5px; }
#header .header_line {border-bottom:1px solid #cdcdcd;}
.logobox {text-align:center; padding:40px 0;}
.logobox p {display:inline-block; text-align:right; vertical-align:middle; color:#6a6a6a; font-family:"MaruBuri"; font-weight:200; font-size:20px; line-height:26px;}
.logobox h1 {display:inline-block; vertical-align:middle; font-family:"MaruBuri"; letter-spacing:-0.06em;  font-weight:300; font-size:45px; line-height:48px; margin-left:10px;}

@media only screen and (max-width:750px){
.logobox {padding:20px 0 12px 0;}
.logobox p {display:block; text-align:center; font-size:15px; line-height:20px;}
.logobox p br {display:none;}
.logobox h1 {margin-top:0px; font-size:30px; line-height:40px;}
}



.rowgroup {position:relative; padding-top:90px;}
.maintop_left {display:inline-block; width:45%; vertical-align:middle;}
.maintop_right {display:inline-block; width:53%; vertical-align:middle;}
.maintop_title {text-align:center; width:100%;}
.maintop_m_img {display:none;}
.maintop_text {width:100%; padding:10px 0; text-align:center; font-size:23px; line-height:38px; font-family:"MaruBuri"; font-weight:200; color:#6a6a6a; letter-spacing:-0.06em; }
.maintop_text p {padding-top:30px;}

.maintop_gobox {display:block; border-radius:10px; background-color:#f0f0f0; padding:24px 50px; margin-top:40px;}
.maintop_gobox img {display:inline-block; margin-right:10px;}
.maintop_gobox input.p-input {display:inline-block; width:380px; margin:2px 0;background-color:#fff;border:1px solid #c2c2c2;border-radius:4px;vertical-align:middle;appearance:none;-webkit-appearance:none;-moz-appearance:textfield;box-sizing:border-box;transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s;height:50px;padding:0 12px 2px;line-height:inherit; margin-right:5px;}
.maintop_number {text-align:center; width:100%; margin-top:30px; font-size:23px; line-height:38px; font-family:"MaruBuri"; font-weight:200; }
.maintop_number span {font-size:27px; font-weight:400;}

@media only screen and (max-width:1500px){
	.maintop_gobox input.p-input {width:300px;}
}

@media only screen and (max-width:1300px){
	.maintop_text p {word-break:keep-all;}
	.maintop_text p br {display:none;}
	.maintop_gobox {padding:24px 20px; margin-top:40px;}
	.maintop_gobox input.p-input {width:200px;}
}
@media only screen and (max-width:1000px){
	.rowgroup {padding-top:30px;}
	.maintop_text {font-size:20px; line-height:30px;}
	.maintop_text p {padding-top:20px;}
	.maintop_gobox {padding:16px 20px; margin-top:20px;}
	.maintop_gobox img {display:block;}
	.maintop_gobox label {display:block; margin-bottom:5px;}
	.maintop_gobox input.p-input {width:50%;}
	.maintop_gobox input.p-input-img {display:inline-block;}
	.maintop_number {margin-top:20px;}
}

@media only screen and (max-width:750px){
	.rowgroup {text-align:center;}
	.maintop_left {display:none;}
	.maintop_right {display:block; width:100%; }
	.maintop_m_img {display:block; margin-top:20px;}
}

@media only screen and (max-width:400px){
	.maintop_text {font-size:17px; line-height:28px;}
	.maintop_number {font-size:18px; line-height:30px;}
	.maintop_number span {font-size:22px;}
	.maintop_gobox input.p-input {width:60%; height:34px; margin-right:0px;}
	.maintop_gobox input.p-input-img {width:35%;}
}


.rowgroup2 {position:relative; display:block; margin-top:80px;}
.flower_box {margin:40px 0 80px 0;display:block; border-radius:10px; background-color:#f0f0f0; padding:60px 20px;  }
.flower_box ul li {display:inline-block; text-align:center; width:10.8%;}
.flower_box ul li span {display:block; font-size:23px; line-height:38px; font-family:"MaruBuri"; font-weight:200; color:#6a6a6a; padding-top:22px;}

@media only screen and (max-width:1300px){
	.flower_box ul li {display:inline-block; text-align:center; width:10.5%;}
}

@media only screen and (max-width:750px){
	.rowgroup2 {margin-top:40px;}
	.flower_box {margin:20px 0 40px 0; padding:20px 20px; overflow:hidden; width:100%; height:160px;}
	.flower_box ul li {width:86px; height:160px;}
	.flower_box ul li img {width:50px;}
	.flower_box ul li span {font-size:18px; line-height:30px;}
}




/* 추모의 글 */
h2 {font-size:23px; line-height:38px;}
p.text01 {font-size:18px; line-height:40px;}
p.text02 {font-size:16px; line-height:30px; color:#eb003b;}

.chumogwan_box {margin:30px 0 80px 0;display:block; border-radius:10px; background-color:#f5f5f5; padding:40px 10%;  }
.p-form__label {position:relative; width:100px; display:inline-block; font-size:18px; line-height:30px; color:#000; font-weight:500; padding-left:10px;}
.p-form__label:before{display:inline-block; position:absolute; left:0; top:14px; width:5px;height:5px; border-radius:10px; background-color:#000;}
.input_list {display:inline-block; margin: 0 2%;}
.input_list input.p-input {display:inline-block;  width:380px; margin:2px 0;background-color:#fff;border:1px solid #c2c2c2;border-radius:4px;vertical-align:middle;appearance:none;-webkit-appearance:none;-moz-appearance:textfield;box-sizing:border-box;transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s;height:50px;padding:0 12px 2px;line-height:inherit; margin-right:5px;}
.chumogwan_box textarea.p-input {height: auto; padding: 12px; word-wrap: break-word; word-break: break-all; line-height: inherit; display: inline-block; width: 100%; margin: 20px 0 10px 0; background-color: #fff; border: 1px solid #cdcdcd; vertical-align: middle; border-radius:4px; }
.chumogwan_box .btn {text-align:right;}


@media only screen and (max-width:1500px){
	.input_list input.p-input {width:300px; }
}

@media only screen and (max-width:1300px){
	.p-form__label {width:80px;}
	.input_list input.p-input {width:220px; }
}

@media only screen and (max-width:750px){
	.chumogwan_box {margin:20px 0 40px 0; padding:20px 5%; }
	p.text01 {font-size:16px; line-height:22px;}
	p.text02 {font-size:14px; line-height:24px;}
	.input_list input.p-input {height:36px;}
	.chumogwan_box textarea.p-input {margin: 10px 0 10px 0; }
}



.p-comment__list{border-top:1px solid #cacaca;}
.p-author__info {margin-bottom:10px;}
.p-author__info .p-split {font-size:18px; line-height:30px; color:#000; margin-right:10px;  vertical-align:top;}
.p-author__info .p-split2 {font-size:16px; line-height:30px; color:#898989; margin-right:10px;  vertical-align:top;}
.p-author__info button{display:inline-block;vertical-align:top;}
.p-comment__item{padding:26px 0;border-bottom:1px solid #cacaca;}


/* .p-pagination{position:relative;display:table;margin:60px auto; margin-bottom:120px;} */
/* .p-page{display:table;margin:0;text-align:center} */
/* .p-page__link{display:table-cell;position:relative;width:45px;height:45px; margin:0; text-align:center; vertical-align:middle;} */
/* .p-page__link.active{ border-color:#202e70;background:#f2f2f2;color:#000;font-weight:500; border-radius:100px;} */
/* .p-page__control{display:inline-block; vertical-align:top} */



@media only screen and (max-width:750px){
	.p-comment__item{padding:20px 0;}
	.p-pagination{margin-bottom:80px; margin:30px auto;}
}