/*
	Copyright 2020 Raonbnp
	http://raonbnp.com, http://raonwebstore.com
*/
@charset "UTF-8";
@import 'fontSet.css';
@import 'common.css';
@import 'layout.css';


body.scroll_none {overflow:hidden;}

/* 서브공통 */
.subVisual {
	position:relative;
	height:33rem;
	background-repeat:no-repeat;
	background-position:center center;
	background-size:cover;
}
.subVisual > .txt {
	color:#fff;
	position:absolute;
	width:100%;
	left:50%;
	top:50%;
	transform:translate(-50%, -50%);
	text-align:center;
}
@media (max-width: 991.98px) {
	.subVisual {
		position:relative;
		height:21rem;
	}
}
.sub-cont-wrap {
	position:relative;
	width:100%;
	height:auto;
	box-sizing:border-box;
	padding:0
}
.sub-cont-wrap > section {
	position:relative;
	width:100%;
	height:auto;
	box-sizing:border-box;
}
@media (max-width: 991.98px) {
	.sub-cont-wrap {
		position:relative;
		width:100%; 
		box-sizing:border-box;
		padding:0;
	}
}

/**************** stamp ****************/
/******************************************/


.row.row-xl > [class^='col-']{
	padding-left:40px;
	padding-right:40px;
}
@media (max-width: 991.98px) {
	.row.row-xl > [class^='col-']{
		padding-left:10px;
		padding-right:10px;
	}
}
@media (min-width: 1199.98px) {
	.d-xl-block {display:block !important;}
}
@media (max-width: 991.98px) {
	.b-lg-inline {display:inline !important;}
}
.t_l {text-align:left !important;}
.t_c {text-align:center !important;}
.t_r {text-align:right !important;}
.fc-01 {color:#EF5059;}

/* sec01 */
.stamp-wrap section {
	text-align:center;
	letter-spacing:-1px;
}
.stamp-wrap .sec01 {
	border-bottom:2px solid #EF5059;
	padding-bottom:11rem;
}
.stamp-wrap .sec01 .img-box {
	position:relative;
	margin:auto;
	max-width:100rem;
}


/* sec02, sec03 */
.stamp-wrap .sec02 > div,
.stamp-wrap .sec03 > div{
	padding-bottom:14rem;
	border-bottom:1px solid #ccc;
}
.stamp-wrap .sec03 > div > .inner {
	position:relative;
	margin:auto;
	max-width:1080px;
	box-sizing:border-box;
}
.stamp-wrap .sec03 > div > .inner > h3 {
	text-align:left;
}
.stamp-wrap .sec03 > div > .inner {
	position:relative;
	margin:auto;
	max-width:1080px;
	box-sizing:border-box;
}
.stamp-wrap .sec03 > div > .inner > div > .inner-box {
	position:relative;
	height:200px;
}
.stamp-wrap .sec03 > div > .inner > div > .inner-box:after {
	content:"";
	display:block;
	clear:both;
}
.stamp-wrap .sec03 > div > .inner > div > .inner-box > div{
	float:left;
	height:100%;
}
.stamp-wrap .sec03 > div > .inner > div > .inner-box > div:nth-of-type(1){
	width:200px;
}
.stamp-wrap .sec03 > div > .inner > div > .inner-box > div:nth-of-type(2) {
	position:relative;
	width:calc(100% - 200px);
	word-break:break-all;
	text-align:left;
}
.stamp-wrap .sec03 > div > .inner > div > .inner-box > div:nth-of-type(2) dl {
	position:absolute;
	left:4rem;
	top:50%;
	transform:translateY(-50%);
	width:120%;
	height:auto;
}
.stamp-wrap .sec03 > div > .inner > div > .inner-box > div:nth-of-type(2) dl > dt,
.stamp-wrap .sec03 > div > .inner > div > .inner-box > div:nth-of-type(2) dl > dd {
	float:left;
}
.stamp-wrap .sec03 > div > .inner > div > .inner-box > div:nth-of-type(2) dl > dt {
	position:relative;
	top:-2px;
	width:3.5rem;
}
.stamp-wrap .sec03 > div > .inner > div > .inner-box > div:nth-of-type(2) dl > dd {
	width:calc(100% - 3.5rem);
}
.stamp-wrap .sec03 > div > .inner > div > .inner-box > div:nth-of-type(2) dl:after {
	content:"";
	display:block;
	clear:both;
}
.stamp-wrap section h3 > div.step {
	display:inline-block !important;
	position:relative;
	top:-.5rem;
	width:20rem;
	height:7rem;
	margin-right:1rem;
	line-height:7rem;
	text-align:center;
	background:#EF5059;
	color:#fff;
}
@media (max-width: 991.98px) {
	.stamp-wrap .sec02 > div,
	.stamp-wrap .sec03 > div{
		padding-bottom:10rem;
	}
	.stamp-wrap .sec03 > div > .inner{
		max-width:100%;
	}
	.stamp-wrap .sec03 > div > .inner > h3{
		text-align:center;
	}
	.stamp-wrap .sec03 > div > .inner > div > .inner-box {
		position:relative;
		height:auto;
	}
	.stamp-wrap .sec03 > div > .inner > div > .inner-box > div:nth-of-type(1){
		width:100%;
	}
	.stamp-wrap .sec03 > div > .inner > div > .inner-box > div:nth-of-type(2) {
		position:relative;
		width:100%;
	}
	.stamp-wrap .sec03 > div > .inner > div > .inner-box > div:nth-of-type(2) dl {
		position:relative;
		left:0;
		top:0;
		transform:translateY(0);
		width:100%;
	}
	.stamp-wrap section h3 > p.step {
		top:0;
		width:17rem;
		height:5rem;
		line-height:5rem;
	}
}


/* sec04 */
.stamp-wrap .sec04 > div > .inner {
	position:relative;
	margin:auto;
	max-width:1080px;
	box-sizing:border-box;
}
.stamp-wrap .sec04 > div > .inner > h3 {
	text-align:left;
}
.stamp-wrap .sec04 > div > .inner > .process > div {
	position:relative;
	height:auto;
}
.stamp-wrap .sec04 > div > .inner > .process > div > dl {
	position:relative;
	height:auto;
}
.stamp-wrap .sec04 > div > .inner > .process > div > dl:after {
	content:"";
	display:block;
	clear:both;
}
.stamp-wrap .sec04 > div > .inner > .process > div > dl > dt,
.stamp-wrap .sec04 > div > .inner > .process > div > dl > dd {
	float:left;
}
.stamp-wrap .sec04 > div > .inner > .process > div > dl > dt {
	position:relative;
	top:-2px;
	width:3.5rem;
}
.stamp-wrap .sec04 > div > .inner > .process > div > dl > dd {
	width:calc(100% - 3.5rem);
}
.stamp-wrap .sec04 > div > .inner > .process1 > div:nth-of-type(2) > p {
	width:100%;
	height:9.4rem;
	line-height:9.4rem;
	color:#fff;
	background:#EF5059;
	border-radius:1rem;
}
.stamp-wrap .sec04 > div > .inner > .process1 > div:nth-of-type(2) > .icon_click {
	position:absolute;
	left:60%;
	bottom:-3rem;
}
.stamp-wrap .sec04 > div > .inner > .process2 > div:nth-of-type(2) > .row > div[class^='col'] {
	position:relative;
	height:auto;
}
.stamp-wrap .sec04 > div > .inner > .process2 > div:nth-of-type(2) > .row > div[class^='col']:nth-of-type(2):before {
	content:"▶";
	position:absolute;
	left:0;
	bottom:12rem;
}
.stamp-wrap .sec04 > div > .inner > .process2 > div:nth-of-type(2) > .row > div[class^='col']:nth-of-type(3):before {
	content:"▶";
	position:absolute;
	left:-2rem;
	bottom:12rem;
}

@media (max-width: 1199.98px) {
	.stamp-wrap .sec04 > div > .inner > .process2 > div:nth-of-type(2) > .row > div[class^='col']:nth-of-type(2):before,
	.stamp-wrap .sec04 > div > .inner > .process2 > div:nth-of-type(2) > .row > div[class^='col']:nth-of-type(3):before {
		bottom:5.5rem;
	}
}
@media (max-width: 991.98px) {
	.stamp-wrap .sec04 > div > .inner {
		max-width:100%;
	}
	.stamp-wrap .sec04 > div > .inner > h3 {
		text-align:center;
	}
	.stamp-wrap .sec04 > div > .inner > .process1 > div:nth-of-type(2) > p {
		width:90%;
		margin:auto;
		height:8rem;
		line-height:8rem;
	}
	.stamp-wrap .sec04 > div > .inner > .process1 > div:nth-of-type(2) > .icon_click {
		bottom:-4rem;
	}
	.stamp-wrap .sec04 > div > .inner > .process2 > div:nth-of-type(2) > .row > div[class^='col']:nth-of-type(2):before {
		bottom:4rem;
	}
	.stamp-wrap .sec04 > div > .inner > .process2 > div:nth-of-type(2) > .row > div[class^='col']:nth-of-type(3):before {
		bottom:4rem;
	}
}
@media (max-width: 580px) {
	.stamp-wrap .sec04 > div > .inner > .process2 > div:nth-of-type(2) > .row > div[class^='col']:nth-of-type(2):before,
	.stamp-wrap .sec04 > div > .inner > .process2 > div:nth-of-type(2) > .row > div[class^='col']:nth-of-type(3):before {
		bottom:15%;
	    left: -1rem;	
	}
}
@media (max-width: 480px) {
	.stamp-wrap .sec04 > div > .inner > .process2 > div:nth-of-type(2) > .row > div[class^='col']:nth-of-type(2):before,
	.stamp-wrap .sec04 > div > .inner > .process2 > div:nth-of-type(2) > .row > div[class^='col']:nth-of-type(3):before {
		bottom:24%;
	}
}


/* sec05 */
.stamp-wrap .sec05 > div > .inner.box {
	position:relative;
	margin:auto;
	max-width:1080px;
	box-sizing:border-box;
	border:1px solid #EF5059;
}
.stamp-wrap .sec05 > div > .inner.box > h4 {
	color:#EF5059;
	padding:3.5rem;
	border-bottom:1px solid #EF5059;
}
.stamp-wrap .sec05 > div > .inner.box > div {
	box-sizing:border-box;
	padding:5rem 11rem;
}
.stamp-wrap .sec05 > div > .inner.box > div > div.row {
	margin:auto;
	width:80rem;
}
@media (max-width: 991.98px) {
	.stamp-wrap .sec05 > div > .inner.box {
		width:100%;
	}
	.stamp-wrap .sec05 > div > .inner.box > h4 {
		padding:3rem;
	}
	.stamp-wrap .sec05 > div > .inner.box > div {
		padding:3rem 2rem;
	}
	.stamp-wrap .sec05 > div > .inner.box > div > div.row {
		width:100%;
	}
}


/* sec06 */
.stamp-wrap .sec05.sec06 > div > .inner.box > h4 > p {
	color:#222;
}
.stamp-wrap .sec05.sec06 > div > .inner.box > div {
	box-sizing:border-box;
	padding:5rem;
}
.stamp-wrap .sec05.sec06 > div > .inner.box form > div {
	text-align:left;
}
.stamp-wrap .sec05.sec06 > div > .inner.box form > div > div.input-sp{
	box-sizing:border-box;
	width:48rem;
	padding:0.5rem 0;
	border-bottom:1px solid #ccc;
}
.stamp-wrap .sec05.sec06 > div > .inner.box form > div > div.check-sp {
	position:relative;
	height:auto;
}
.stamp-wrap .sec05.sec06 > div > .inner.box form > div > div.check-sp:after {
	content:"";
	display:block;
	clear:both;
}
.stamp-wrap .sec05.sec06 > div > .inner.box form > div > div.check-sp > .check-box {
	position:relative;
	float:left;
	width:28px;
	height:28px;
	border:1px solid #ddd;
	border-radius:6px;
	margin-right:1.5rem;
}
.stamp-wrap .sec05.sec06 > div > .inner.box form > div > div.check-sp > .check-box > .icon-check {
	position:absolute;
	width:47px;
	left:-3px;
	top:-18px;
}
.stamp-wrap .sec05.sec06 > div > .inner.box form > div > div.check-sp > .check-box > .icon-click {
	position:absolute;
	width:100px;
	left:20px;
	top:20px;
}
.stamp-wrap .sec05.sec06 > div > .inner.box form > div > div.check-sp > p {
	float:left;
	line-height:1;
}
.stamp-wrap .sec05.sec06 > div > .inner.box form > div > div.file-sp {
	position:relative;
	height:auto;
}
.stamp-wrap .sec05.sec06 > div > .inner.box form > div > div.file-sp > .file-box {
	position:relative;
	height:auto;
}
.stamp-wrap .sec05.sec06 > div > .inner.box form > div > div.file-sp > .file-box > p {
	width:18rem;
	height:6.4rem;
	border:1px solid #5094ED;
	color:#5094ED;
	text-align:center;
	line-height:6.4rem;
	border-radius:1rem;
}
.stamp-wrap .sec05.sec06 > div > .inner.box form > div > div.file-sp > .file-box > .icon-click {
	position:absolute;
	width:100px;
	left:16rem;
	bottom:-3rem;
}
.stamp-wrap .sec05.sec06.sec07 > div > .inner.box form > div > div.check-sp > .check-box > .icon-click {
	position:absolute;
	width:100px;
	left:120px;
	top:0;
}
.stamp-wrap .sec07 > div{
	padding-bottom:14rem;
	border-bottom:1px solid #ccc;
}
@media (max-width: 991.98px) {
	.stamp-wrap .sec05.sec06 > div > .inner.box > div {
		padding:3rem 2rem;
	}
	.stamp-wrap .sec05.sec06 > div > .inner.box form > div > div.input-sp{
		width:100%;
	}
	.stamp-wrap .sec05.sec06 > div > .inner.box form > div > div.check-sp > p {
		float:left;
		line-height:1.6;
	}
	.stamp-wrap .sec05.sec06 > div > .inner.box form > div > div.check-sp > .check-box > .icon-check {
		width:30px;
		left:2px;
		top:-5px;
	}
	.stamp-wrap .sec05.sec06 > div > .inner.box form > div > div.check-sp > .check-box > .icon-click {
		width:60px;
		left:20px;
		top:20px;
	}
	.stamp-wrap .sec05.sec06 > div > .inner.box form > div > div.file-sp > .file-box > p {
		width:14rem;
		height:5.4rem;
		line-height:5.4rem;
	}
	.stamp-wrap .sec05.sec06 > div > .inner.box form > div > div.file-sp > .file-box > .icon-click {
		width:60px;
		left:12rem;
		bottom:-2rem;
	}
	.stamp-wrap .sec05.sec06.sec07 > div > .inner.box form > div > div.check-sp > .check-box > .icon-click {
		width:60px;
		left:80px;
		top:0;
	}
	.stamp-wrap .sec07 > div{
		padding-bottom:10rem;
	}
}



/* sec08 */
.stamp-wrap .sec08 > div > .inner {
	position:relative;
	margin:auto;
	max-width:1080px;
	box-sizing:border-box;
}
.stamp-wrap .sec08 > div > .inner > h3 {
	text-align:left;
}
.stamp-wrap .sec08 > div > .inner > .row {
	flex-direction:row-reverse;
	padding-bottom:7rem;
	border-bottom:1px solid #EF5059;
}
.stamp-wrap .sec08 > div > .inner > .row > div:nth-of-type(1){
	text-align:right;
}
.stamp-wrap .sec08 > div > .inner > .row > div:nth-of-type(2){
	text-align:left;
}
.stamp-wrap .sec08 > div > .inner > .row > div:nth-of-type(2) > .line {
	width:1rem;
	height:2px;
	background:#222;
}
@media (max-width: 991.98px) {
	.stamp-wrap .sec08 > div > .inner {
		max-width:100%;
	}
	.stamp-wrap .sec08 > div > .inner > h3 {
		text-align:center;
	}
	.stamp-wrap .sec08 > div > .inner > .row {
		flex-direction:row;
	}
	.stamp-wrap .sec08 > div > .inner > .row > div:nth-of-type(1){
		text-align:center;
	}
	.stamp-wrap .sec08 > div > .inner > .row > div:nth-of-type(2){
		text-align:center;
	}
	.stamp-wrap .sec08 > div > .inner > .row > div:nth-of-type(2) > .line {
		margin:auto;
		width:1rem;
		height:2px;
		background:#222;
	}
}


/* sec09 */
.stamp-wrap .sec09 {
	box-sizing:border-box;
	padding:16rem 0 12rem;
	background:#F8F8F8;
}
.stamp-wrap .sec09 > div > .inner {
	position:relative;
	margin:auto;
	max-width:1080px;
	box-sizing:border-box;
}
.stamp-wrap .sec09 > div > .inner > div {
	text-align:left;
	box-sizing:border-box;
	position:relative;
	width:76%;
	padding:3rem 4rem;
	margin-left:6.9rem;
	background:#fff;
}
.stamp-wrap .sec09 > div > .inner > div:before {
	content:"";
	position:absolute;
	left:-6.9rem;
	top:3rem;
	width:6.9rem;
	height:5.8rem;
	background:url('/culture/end/_static/chf1/img/sub/stamp_sec09_bg_left.png') no-repeat left top / cover;
}
.stamp-wrap .sec09 > div > .inner > div:nth-child(2n + 1) {
	margin-left:16rem;
	margin-right:6.9rem;
}
.stamp-wrap .sec09 > div > .inner > div:nth-child(2n + 1):before {
	left:auto;
	right:-6.9rem;
	background:url('/culture/end/_static/chf1/img/sub/stamp_sec09_bg_right.png') no-repeat left top / cover;
}
.stamp-wrap .sec09 > div > .inner > div > dl > dt {
	font-weight:400;
}
.stamp-wrap .sec09 > div > .inner > div > dl > dd > p {
	color:#555;
}
@media (max-width: 991.98px) {
	.stamp-wrap .sec09 > div > .inner {
		max-width:100%;
	}
	.stamp-wrap .sec09 > div > .inner > div {
		padding:2rem 3rem;
		margin-left:4.9rem;
		width:auto;
	}
	.stamp-wrap .sec09 > div > .inner > div:before {
		left:-4.9rem;
		width:4.9rem;
		height:3.8rem;
	}
	.stamp-wrap .sec09 > div > .inner > div:nth-child(2n + 1) {
		margin-left:0;
		margin-right:4.9rem;
	}
	.stamp-wrap .sec09 > div > .inner > div:nth-child(2n + 1):before {
		right:-4.9rem;
	}
}


/* sec10 */
.stamp-wrap .sec10 {
	box-sizing:border-box;
	height:41rem;
	padding:14rem 0;
	background:url('/culture/end/_static/chf1/img/sub/stamp_sec010_bg.png') no-repeat center top / cover;
}
.stamp-wrap .sec10 > div > .inner {
	position:relative;
	margin:auto;
	max-width:1080px;
	box-sizing:border-box;
}
.stamp-wrap .sec10 > div > .inner > a {
	display:block;
	box-sizing:border-box;
	padding:2rem 0;
	background:#EF5059;
	color:#fff;
	border-radius:1rem;
}
@media (max-width: 991.98px) {
	.stamp-wrap .sec10 {
		box-sizing:border-box;
		height:27.4rem;
		padding:9.4rem 0;
		background:url('/culture/end/_static/chf1/img/sub/stamp_sec010_bg-mo.png') no-repeat center top / cover;
	}
	.stamp-wrap .sec10 > div > .inner {
		max-width:100%;
	}
}