@charset "utf-8";

/* ==================================================================================================== *
 *
 *     SAMPLE PAGE STYLESHEET
 *
 * ==================================================================================================== */

.ws_content_wrap {}
.ws_content_wrap .es_product_area {}
.ws_content_wrap .es_product_area .bs_list_box {}
.ws_content_wrap .es_product_area .bs_list_box .is_image_field {text-align:center}
.ws_content_wrap .es_product_area .bs_list_box .is_image_field .ss_img {max-width:100%;border:1px solid #eee;}
.ws_content_wrap .es_product_area .bs_list_box .is_title {display:block;margin-top:20px;margin-bottom:20px;margin-bottom:20px;color:#333;font-weight:500;font-size:1.8em;letter-spacing:-0.5px}
.ws_content_wrap .es_step01_area {margin-top:50px;border-bottom:1px solid #ddd}
.ws_content_wrap .es_step01_area .bs_list_box {}
.ws_content_wrap .es_step01_area .bs_list_box .is_title_field {font-size:2em;line-height:240px;text-align:center}
.ws_content_wrap .es_step01_area .bs_list_box .is_info_field {height:240px;padding:20px 30px;border-top:1px solid #ddd;background:#f9f9f9}
.ws_content_wrap .es_step01_area .bs_list_box .is_info_field .ss_image {}
.ws_content_wrap .es_step01_area .bs_list_box .is_info_field .ss_image {float:left;width:30%}
.ws_content_wrap .es_step01_area .bs_list_box .is_info_field .ss_image .ks_img {max-width:100%;max-height:100%}
.ws_content_wrap .es_step01_area .es_list_area {float:left;width:70%;padding-left:30px}
.ws_content_wrap .es_step02_area {margin-top:50px}
.ws_content_wrap .es_step02_area .bs_list_box {box-shadow:1px 0 0 0 #ddd, 0 1px 0 0 #ddd, 1px 1px 0 0 #ddd, 1px 0 0 0 #ddd inset, 0 1px 0 0 #ddd inset}
.ws_content_wrap .es_step02_area .bs_list_box .is_title {display:block;padding:15px 0;border-bottom:1px solid #ddd;font-weight:500;font-size:1.4em;text-align:center}
.ws_content_wrap .es_step02_area .bs_list_box .is_image_field {text-align:center}
.ws_content_wrap .es_step02_area .bs_list_box .is_image_field .ss_img {max-width:100%}
.ws_content_wrap .es_image02_area {text-align:left}
.ws_content_wrap .es_image02_area .bs_list_box {display:inline-block;vertical-align:top;width:49%}
.ws_content_wrap .es_image02_area .bs_list_box .is_img {max-width:100%;border:1px solid #ddd}
.ws_content_wrap .es_image02_area .bs_list_box .is_label {display:block;margin-bottom:20px;padding-top:10px;padding-bottom:10px;font-weight:bold;font-size:1.4em}
.ws_content_wrap .es_image02_area .bs_list_box .is_label01 {padding-left:100px;background:url('../../../img/page/mushroom_img10.png') left center no-repeat;background-size:80px}
.ws_content_wrap .es_image02_area .bs_list_box .is_label02 {;padding-left:80px;background:url('../../../img/page/mushroom_img11.png') left center no-repeat;background-size:50px}
.ws_content_wrap .es_list_area .bs_list_box:before {background-color:#333;}


/* ==================================================================================================== *
 *
 *     MEDIA EXTEND - MAX DEVICE
 *
 * ==================================================================================================== */

/* MEDIA (모바일 이하) 767px 이하 */
@media all and (max-width:767px) {
	.ws_content_wrap .es_step01_area .bs_list_box .is_title_field,
	.ws_content_wrap .es_step01_area .bs_list_box .is_info_field {height:100%}
	.ws_content_wrap .es_step01_area .bs_list_box .is_title_field {font-size:1.5em;line-height:50px}
	.ws_content_wrap .es_step01_area .bs_list_box .is_info_field .ss_image {height:auto;text-align:center}
	.ws_content_wrap .es_step01_area .bs_list_box .is_info_field .ss_image .ks_img {width:49%}
	.ws_content_wrap .es_step02_area .bs_list_box .is_title {font-size:1.2em}
	.ws_content_wrap .es_image02_area .bs_list_box {width:100%}

	.ws_content_wrap .es_step01_area .bs_list_box .is_info_field .ss_image,
	.ws_content_wrap .es_step01_area .es_list_area {float:none;width:100%;margin-top:15px}
}
/* MEDIA (태블릿 이하) 991px 이하 */
@media all and (max-width:991px) {

}
/* MEDIA (데스크탑 이하) 1279px 이하 */
@media all and (max-width:1279px) {

}


/* ==================================================================================================== *
 *
 *     MEDIA EXTEND - MIN DEVICE
 *
 * ==================================================================================================== */

/* MEDIA (태블릿 이상) 992px 이상 */
@media all and (min-width:768px) {

}
/* MEDIA (데스크탑 이상) 992px 이상 */
@media all and (min-width:992px) {

}
/* MEDIA (큰화면 데스크탑 이상) 1280px 이상 */
@media all and (min-width:1280px) {

}


/* ==================================================================================================== *
 *
 *     MEDIA EXTEND - AND DEVICE
 *
 * ==================================================================================================== */

/* MEDIA (태블릿 구간만) 768px ~ 991px */
@media all and (min-width:768px) and (max-width:991px) {
	.ws_content_wrap .es_step01_area .bs_list_box .is_title_field {line-height:150px}
	.ws_content_wrap .es_step01_area .bs_list_box .is_info_field {height:150px}
}
/* MEDIA (데스크탑 구간만) 992px ~ 1279px */
@media all and (min-width:992px) and (max-width:1279px) {

}