@charset "utf-8";

/* common */
.pannel-title { font-size: 23px; color: #555; font-weight: 700; margin: 0 0 20px; }
.pannel-title > span { font-size: 17px; color: #777; line-height: 1.4; font-weight: 400; margin: 10px 0 0; display: block; }
.pannel-title2 { font-size: 23px; color: #555; font-weight: 700; margin: 50px 0 20px;}
.pannel-title2 > span { font-size: 17px; color: #777; line-height: 1.4; font-weight: 400; margin: 10px 0 0; display: block; }
.pannel-title3 { font-size: 23px; color: #555; font-weight: 700; margin: 30px 0 10px;}    /* 180430 추가 */
.pannel-title4 { font-size: 23px; color: #555; font-weight: 700; margin: 50px 0 20px; letter-spacing:-0.07em;} /* 20180131 신규이벤트 */
.pannel-title4 > span { font-size: 23px; color: #dc3431; line-height: 1.4; margin: 10px 0 0;}
.pannel-title5  { font-size: 30px; color: #555; font-weight: 700; margin: 60px 0 60px; text-align:center; line-height: 1.4;}  /* 190228 추가 */
.pannel-title6   { font-size: 17px; color: #555; line-height: 1.7; margin-top:20px; font-weight:300;} /* 190305 추가 */
.pannel-title6 span  { font-size: 23px; color: #555; line-height: 1.4; margin: 10px 0 0;  font-weight:700; margin-bottom:10px;}
.pannel-title6 b  { color: #ed5c23;;} 

}



/* mobile */
@media screen and (max-width: 1023px) { /* 1810 renewal rev */
	.pannel-title { font-size: 18px; margin: 0 0 10px; }
	.pannel-title > span { font-size: 14px; }
	.pannel-title2 { font-size: 18px; margin: 25px 0 10px; }
	.pannel-title2 > span { font-size: 14px; }
	.pannel-title3 { font-size: 18px; margin: 25px 0 10px; }
	.pannel-title4 { font-size: 18px; margin: 25px 0 10px; }
	.pannel-title4 > span { font-size: 18px; color: #dc3431;}
	.area-btn2 { margin: 20px 0 0 0; }
	.area-btn2 a { line-height: 35px; font-size: 14px; }
	.area-btn3 { margin: 30px 0 0 0; }
	.area-btn3 a { line-height: 35px; font-size: 14px; }
	.icon-blot { margin: 0 0 5px; }
	.com_tip {font-size:14px; }


}


/* 팝업정보 */
.layer-popup { position: fixed; top: 50%; left: 50%; z-index: -999; opacity: 0; transform: translate(-50%, -50%); box-sizing: border-box; }
.background-bg { cursor: pointer; position: fixed; top: 0; left: 0; right: 0; bottom: 0; z-index: -999; opacity: 0; background: rgba(0,0,0,0.6); }
/*.layer-popup { z-index:999;opacity:1; }.background-bg { z-index:998;opacity:1; }*/

/*서비스개요*/
.sub-page.pannel-join .top-image {background:url(../now_img/sub/service_visual_01.png) no-repeat top center; width:100%; height:250px; background-color:#f8f8f7; }
.sub-page.intro .top-image { background:url(../now_img/sub/service_visual_01.png) no-repeat top center; width:100%; height:250px; background-color:#f8f8f7;}


@media (min-width:768px) and (max-width:1024px) {
.sub-page.pannel-join .top-image{ background:url(../now_img/sub/service_visual_01.png) no-repeat top center; width:100%; background-size:cover; background-color:#f8f8f7;}
.sub-page.intro .top-image { background:url(../now_img/sub/service_visual_01.png) no-repeat top center; width:100%; height:250px; background-size:cover; background-color:#f8f8f7;}
}

@media all and (max-width:767px) {
.sub-page.pannel-join .top-image {background:url(../now_img/sub/service_visual_01.png) no-repeat top center;  height:250px; width:100%; background-size:cover; background-color:#f8f8f7;}
.sub-page.intro .top-image{ background:url(../now_img/sub/service_visual_01.png) no-repeat top center; width:100%; height:250px; background-size:cover; background-color:#f8f8f7; }
}