/*
LS CSS
by HYH
*/


.page_main.page_er p.min{
	
}

@media all and (-ms-high-contrast:none) {
    *::-ms-backdrop, .page_main.page_er p.min{
        letter-spacing: -1.6px;
    }
}

.page_title.eroom{
	background:url(../images/eroom/er0_vol23_01.jpg) no-repeat center top;
	padding-top: 0px;
    height: 600px;
}

.page_title.eroom .title_main{
	/*background:url(../images/eroom/er0-1_vol04.png) no-repeat 640px top;*/
	width:1280px;
	margin:0 auto;	
    padding-top: 174px;
    height: 600px;
}

.page_title.eroom .title_box,
.page_title.eroom .title_box h2,
.page_title.eroom .title_box h3,
.page_title.eroom .title_box h4{
	color:#000;
}

.page_title.eroom .title_box h2 span:before,
.page_title.eroom .title_box h2 p{
	border-color:#000;
}

.pg_top{
	padding-bottom:130px;
}

.page_er section{
	padding:0px;
	/*padding-bottom:50px;*/
}

.page_er section h5{
	text-align:center;
}

section h6{
	display:inline-block;
	font-size:2.6rem;
	color:#50cce9;
	line-height:3.4rem;
}


/* 가운데 정렬, 엔터로 정렬시 사용 */
.line_break{ display: block; }

/* 공통 */
.clear{clear: both;}
.bold{font-weight: 500;}
.bold2{font-weight: 400;}
.left {float: left;}
.right {float: right;}
.non{font-weight: 300}


/* sec1 */
.page_er .sec1{
	position: relative;
	padding-bottom: 130px;
}
.page_er .sec1 .er_box{
	background:url(../images/eroom/er1-1_vol23_01.jpg) repeat center top;
	padding: 0 70px 50px 70px;
}
.page_er .sec1 .er_box .title_box{
	padding: 30px 0 0 0;
}
.page_er .sec1 .er_box .title_box .title_pic{
	text-align: center;
	position: relative;
	z-index: 999;
	margin-top: -60px;
	padding-bottom: 50px;
}
.page_er .sec1 .er_box .best_pic{
	padding-bottom: 50px;
}
.page_er .sec1 .er_box .best_pic .best_title01{
	text-align: center;
	background-color: #fd8c49;
	padding-top: 35px;
	padding-bottom: 25px;
}
.page_er .sec1 .er_box .best_pic .best_title02{
	text-align: center;
	background-color: #94e0b4;
	padding-top: 35px;
	padding-bottom: 25px;
}
.page_er .sec1 .er_box .best_pic .con_box{
	background-color: #fff;
	padding: 50px 70px 50px 70px;
	text-align: center;
}
.page_er .sec1 .er_box .best_pic .con_box p{
	padding-top: 50px;
}
.page_er .sec1 .er_box .best_pic .con_box1{
	background-color: #fff;
	padding: 50px 70px 50px 70px;
}
.page_er .sec1 .er_box .best_pic .l_text{
	float: left;
	width: 50%;
}
.page_er .sec1 .er_box .best_pic .r_con{
	float: right;
	width: 50%;
	text-align: right;
}

/* sec2 */
.page_er .sec2{
	position: relative;
	padding-bottom: 0;
}
.page_er .sec2 .er_box{
	background:url(../images/eroom/er2-1_vol23_01.jpg) repeat center top;
	padding: 0 70px 20px 70px;
}
.page_er .sec2 .er_box .title_box{
	padding: 30px 0 0 0;
}
.page_er .sec2 .er_box .title_box .title_pic{
	text-align: center;
	position: relative;
	z-index: 999;
	margin-top: -60px;
	padding-bottom: 50px;
}
.page_er .sec2 .er_box .con_box{
	padding-bottom: 80px;
	clear: both;
}
.page_er .sec2 .er_box .con_box p{
	padding-top: 25px;
}
.page_er .sec2 .er_box .con_box .l_img1{
	float: left;
	width: 50%;
	text-align: left;
}
.page_er .sec2 .er_box .con_box .r_con1{
	float: left;
	width: 50%;
	padding-left: 10px;
}
.page_er .sec2 .er_box .con_box .l_img2{
	float: right;
	width: 50%;
	text-align: right;
}
.page_er .sec2 .er_box .con_box .r_con2{
	float: left;
	width: 50%;
	padding-right: 10px;
}
.page_er .sec2 .er_box .con_box .l_img3{
	float: left;
	width: 50%;
}

.page_er .sec2 .er_box .con_box .name1{
	display: inline-block;
	font-size: 2.0rem;
	font-weight: 500;
	padding: 0 3px 0 3px;
	color: #fff;
	background-color: #51a66b;
}
.page_er .sec2 .er_box .con_box .name2{
	display: inline-block;
	font-size: 2.0rem;
	font-weight: 500;
	padding: 0 3px 0 3px;
	color: #fff;
	background-color: #88bd77;
}
.page_er .sec2 .er_box .con_box .name3{
	display: inline-block;
	font-size: 2.0rem;
	font-weight: 500;
	padding: 0 3px 0 3px;
	color: #397d5b;
	background-color: #eef4dd;
}
.page_er .sec2 .er_box .con_box .name4{
	display: inline-block;
	font-size: 2.0rem;
	font-weight: 500;
	padding: 0 3px 0 3px;
	color: #fff;
	background-color: #397d5b;
}
.pt1{padding-top: 23px;}
.pt2{padding-top: 232px;}
.pt3{padding-top: 131px;}
.pt4{padding-top: 91px;}
.pt5{padding-top: 94px;}
.pt6{padding-top: 55px;}
.pt7{padding-right: 40px;}
.pt8{padding-left: 40px;}
.pt9{padding-top: 203px;}
.pt10{padding-top: 203px;}
.mt25{margin-top: 25px;}


/* sec3 */
.page_er .sec3{
	position: relative;
	padding-bottom: 40px;
}
.page_er .sec3 .er_box{	
	padding-top: 100px;
	text-align: center;
}
.page_er .sec3 .er_box p{	
	text-align: center;
}


/* sec6 신청하기 */
.page_er .sec6{
	width:100%;
	background-color:#f2f2f2;
	padding:40px 125px 50px 125px;
	text-align:center;
	margin-top:50px;
}

.page_er .sec6 h5{
	font-size:2.2rem;
	font-weight:500;
	padding-bottom: 0;
}

.page_er .sec6 p{
	margin-top:30px;
	font-size:2.0rem;
	font-weight:300;
	text-align:center;
}
.page_er .sec6 form{
	margin-top:40px;
}

.page_er .sec6 ::placeholder {
	font-size:1.8rem;
	font-weight:300;
}

.page_er .sec6 input[type=text]{
	width:420px;
	height:40px;
	padding:5px 10px;
	border:0px;
}
.page_er .sec6 input.er-name{
	margin-left:7px;
}
.page_er .sec6 textarea{
	width:850px;
	height:110px;
	padding:5px 10px;
	border:0px;
	margin:20px 0;
}

.page_er section p{
	font-size:2.0rem;
	font-weight:300;
	line-height:36px;
	letter-spacing: -1px;
}

.page_er section p.mg{
	margin-top:20px;
}

button.er_btn{
	width:175px;
	height:56px;
	line-height:56px;
	text-align:center;
	font-size:1.95rem;
	color:#FFF;
	font-weight:500;
	border:0px;
	background-color:#444;
	cursor:pointer;
}
button.er_btn img{
	vertical-align:middle;
}


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

	.page_main.page_er{
		width:1100px;
	}

	.img1 {
		margin-left: 0px;
	}

	.page_er section{
		padding-bottom: 60px;
	}

	.page_er section p{
		/*display:inline!important;*/
	}

	.page_er section p.pt {
		display: block!important;
	}

	.page_er .sec_title{
		margin-bottom: 60px;
	}

	.page_er .sec6{
		padding: 40px 10% 50px 10%;
	}

	.page_er .sec6 input[type=text]{
		width:49%;
	}

	.page_er .sec6 textarea{
		width:100%;
	}
	.row_left p{
		display: inline;
	}
}

@media all and (max-width:1099px){
	.page_main.page_er {
		width: 100%;
	}
	.page_er section {
		padding-bottom: 0;
	}
	.line_break{ display: inline; }  /* 지우지 말것!!*/

	.page_er .sec1,
	.page_er .sec2{
		padding-bottom: 50px;
	}

	.page_er .sec1 .er_box,
	.page_er .sec2 .er_box{
		padding: 0 20px 0 20px;
	}

	.page_er .sec1 .er_box .title_box .title_pic{
		padding-bottom: 30px;
		margin-top: -40px;
	}
	.page_er .sec1 .er_box .title_box .title_pic img{
		width: 70%;
	}
	.page_er .sec2 .er_box .title_box .title_pic{
		padding-bottom: 30px;
		margin-top: -45px;
	}
	.page_er .sec2 .er_box .title_box .title_pic img{
		width: 88%;
	}

	.page_er .sec1 .er_box .best_pic .best_title01,
	.page_er .sec1 .er_box .best_pic .best_title02{
		padding: 30px;
	}
	.page_er .sec1 .er_box .best_pic .con_box {
		padding: 30px;
	}
	.page_er .sec1 .er_box .best_pic .con_box1{
		padding: 30px;
	}
	.page_er .sec1 .er_box .best_pic .r_con{
		float: none;
		width: 100%;
		text-align: center;
	}
	.page_er .sec1 .er_box .best_pic .l_text{
		float: none;
		width: 100%;
		padding-top: 20px;
	}
	.page_er .sec1 .er_box .best_pic .con_box p{
		padding-top: 20px;
	}

	.page_er .sec2 .er_box .con_box{
		padding-bottom: 40px;
	}
	.page_er .sec2 .er_box .con_box .l_img1,
	.page_er .sec2 .er_box .con_box .l_img2{
		float: none;
		width: 100%;
		text-align: center;
	}
	.page_er .sec2 .er_box .con_box .r_con1,
	.page_er .sec2 .er_box .con_box .r_con2{
		float: none;
		width: 100%;
		padding-left: 0;
		padding-right: 0;
	}
	.page_er .sec2 .er_box .con_box .l_img3{
		float: nonet;
		width: 100%;
	}

	.pt1, .pt2, .pt3, .pt4, .pt5, .pt6, .pt9, .pt10{padding-top: 20px;}
	.pt7{
		padding-right: 0;
		padding-bottom: 40px;
	}
	.pt8{padding-left: 0;}
	.mt25{margin-top: 20px;}

	.page_er .sec3 .er_box{
		padding-top: 0;
	}

}

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

	.page_title.eroom{
		/*background-position-x: -180px;*/
		background:url(../images/eroom/er0-1_vol23_01.jpg) no-repeat left top;
		padding-top: 50px;
	}

	.page_title.eroom .title_main{
		padding-top: 0px;
		width: 100%;
	}

	.left { float: none;}
	.right { float: none;}

}


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

	.row{padding:10% 5%;}

	.page_main.page_er{
		padding:50px 0;
	}
	section h6{font-size:2.1rem;}

	.pg_top{padding-bottom: 50px;}
	.page_er section p.pt.pt1{
		padding-left: 0px;
		text-align: right;
	}

	.page_title.eroom .title_main{
		width: 100%;
	} 

	.page_title.eroom .title_box h3,
	.page_title.eroom .title_box h4{
		letter-spacing: -2px;
	}

	.page_er section {
		
	}
	.sec_title{
		margin-bottom: 60px;
	}
	.page_er section h5{
		padding-bottom: 0;
	}

	.page_er .sec6 p
	.page_er .div_center p{
		word-break: keep-all;
	}

	.page_er .sec6 {
		padding: 40px 5% 50px 5%;
	}

	.page_er .sec6 input[type=text] {
		width: 48%;
	}

}