@charset "utf-8";

#contents {position:relative; z-index:1; font-size:24px; color:#30302e; font-weight:500; line-height:1.52;letter-spacing:-0.05em;}
.ctitle01 {margin-bottom:45px; font-size:36px; color:#000; font-weight:400;}
.stitle01 {margin-bottom:45px; font-size:45px; color:#30302e; text-align:center; font-weight:700; line-height:1.2;}
.stitle01 span {display:inline-block;}
.stitle02 {margin-bottom:40px; font-size:37px; color:#272727; text-align:center;}
.stitle03 {font-family:'Calibre',serif; font-size:56px; color:#30302e; font-weight:500; text-align:center;}
.stitle04 {font-size:48px; color:#232322; text-align:center; font-weight:700; line-height:1.2;}
.center_cont {text-align:center;}
.center_cont img {max-width:100%;}
.left_cont {text-align:left;}
.clear:after{content:'';display:block;clear:both;}
.mo_show {display:none;}
.pc_show {display:block;} 
br.pc_hidden {display:none;}
br.mo_hidden {display:block;}
img {vertical-align:top; max-width:100%;}


/* layout */
.pad_90 {padding:90px 0;}
.pad_110 {padding:110px 0;}
.pad_150 {padding:150px 0;}
.pad_170 {padding:170px 0;}
.csize01 {width:88.5%; max-width:980px; margin:0 auto;}

/* .movie{position:relative;height:0;padding-bottom:52%;padding-top:15px;text-align:center;}
.movie iframe{position:absolute;top:0;left:0;width:100%;height:100%;} 비메오 레이아웃 */

.movie {position:relative; margin-bottom:35px; padding-bottom:56.25%;}
.movie iframe {position:absolute; top:0; left:0; width:100%; height:100%;}


@media all and (max-width: 1440px){
	br.pc_hidden {display:block;}
	br.mo_hidden {display:none;}
}

@media all and (max-width: 768px){
	.mo_show {display:block;}
	.pc_show {display:none;} 

	.pad_150,
	.pad_170 {padding:100px 0;}

	button {font-size:16px;}
	input::-webkit-input-placeholder{font-size:16px;}
	input:-ms-input-placeholder{font-size:16px;}
	input:-moz-input-placeholder{font-size:16px;}
	input::-moz-input-placeholder{font-size:16px;}
	input::placeholder{font-size:16px;}	 
	textarea {font-size:16px;}
	textarea::-webkit-input-placeholder{font-size:16px;}
	textarea:-ms-input-placeholder{font-size:16px;}
	textarea:-moz-input-placeholder{font-size:16px;}
	textarea::-moz-input-placeholder{font-size:16px;}
	textarea::placeholder{font-size:16px;}
}

@media all and (max-width: 400px){
}