@charset "utf-8";

/* 조문메시지 : S */
textarea:focus {border:none !important;}

.ws_courtesy_wrap {position:relative; padding-top:30px;}
.ws_courtesy_wrap .es_top_bg {position:absolute; top:0; right:-15px; width:200px; z-index:-1;}
.ws_courtesy_wrap .es_top_bg img {max-width:100%;}
.ws_courtesy_wrap .es_icon {display:block;}
.ws_courtesy_wrap .es_title {display:block; margin-top:5px;  font-weight:normal; font-size:2em; line-height:normal; letter-spacing:-1px;}
.ws_courtesy_wrap .es_title .bs_point {font-weight:bold;}
.ws_courtesy_wrap .es_text_area {margin-top:20px; background:#fff;}
.ws_courtesy_wrap .es_text_area .bs_textarea_box {margin-bottom:10px; padding:10px; background:#f9f9f9;}
.ws_courtesy_wrap .es_text_area .bs_textarea_box .is_bg {position:relative;}
.ws_courtesy_wrap .es_text_area .bs_textarea_box .is_bg:before,
.ws_courtesy_wrap .es_text_area .bs_textarea_box .is_bg:after {content:''; display:block; position:absolute; left:0; width:100%; height:60px;}
.ws_courtesy_wrap .es_text_area .bs_textarea_box .is_bg:before {top:0; background:url('../../../../webis/img/app/messages_box_bg01.png') top no-repeat; background-size:contain;}
.ws_courtesy_wrap .es_text_area .bs_textarea_box .is_bg:after {bottom:0; background:url('../../../../webis/img/app/messages_box_bg02.png') bottom no-repeat; background-size:contain;}
.ws_courtesy_wrap .es_text_area .bs_textarea_box .is_bg .ss_textarea {position:relative; width:100%; padding:30px 20px; font-size:1.2em; line-height:1.8em; letter-spacing:-0.5px;z-index:500;margin-left: 50px !important;}
.ws_courtesy_wrap .es_text_area .bs_select {width:100%; height:40px; margin-bottom:10px; border:1px solid #333;}
.ws_courtesy_wrap .es_text_area .bs_input {width:100%; height:40px; border:0; border-bottom:1px solid #333;}
/* 조문메시지 : E */

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

/* MEDIA (모바일 이하) 767px 이하 */
@media all and (max-width:767px) {
	.ws_courtesy_wrap .es_title .bs_br {display:block;}
}

/* MEDIA (태블릿 이하) 991px 이하 */
@media all and (max-width:991px) {

}

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

}

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

}
/* MEDIA (데스크탑 이상) 992px 이상 */
@media all and (min-width:992px) {
	.ws_courtesy_wrap .es_text_area .bs_textarea_box .is_bg:before {background-size:cover;}
	.ws_courtesy_wrap .es_text_area .bs_textarea_box .is_bg:after {background-size:cover;}

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

/* MEDIA (태블릿 구간만) 768px ~ 991px */
@media (min-width:768px) and (max-width:991px) {
	
}
/* MEDIA (데스크탑 구간만) 992px ~ 1279px */
@media (min-width:992px) and (max-width:1279px) {

}