@charset "utf-8";

/* 청소년전화 1388 : S */
.ws_content_wrap {}
.ws_content_wrap .es_cs_area {margin-top:30px}
.ws_content_wrap .es_cs_area .bs_list_box {height:260px;margin-top:20px;padding:25px 10px;border-radius:20px !important;background-color:#f5f5f5;text-align:center}
.ws_content_wrap .es_cs_area .bs_list01 {}
.ws_content_wrap .es_cs_area .bs_list02 {}
.ws_content_wrap .es_cs_area .bs_list03 {}
.ws_content_wrap .es_cs_area .bs_list04 {}
.ws_content_wrap .es_cs_area .bs_list05 {}
.ws_content_wrap .es_cs_area .bs_list_box {}
.ws_content_wrap .es_cs_area .bs_list_box .is_icon {display:inline-block;width:100px;height:100px;border-radius:50% !important;background-image:url('../../../img/page/1388_icon01.png');background-repeat:no-repeat}
.ws_content_wrap .es_cs_area .bs_list_box .is_icon01 {background-position:0px 0px}
.ws_content_wrap .es_cs_area .bs_list_box .is_icon02 {background-position:0px -106px}
.ws_content_wrap .es_cs_area .bs_list_box .is_icon03 {background-position:0px -213px}
.ws_content_wrap .es_cs_area .bs_list_box .is_icon04 {background-position:0px -428px}
.ws_content_wrap .es_cs_area .bs_list_box .is_icon05 {background-position:0px -320px}
.ws_content_wrap .es_cs_area .bs_list_box .is_subject {display:block;color:#000;font-size:1.6em;line-height:1.5em;letter-spacing:-0.5px}
.ws_content_wrap .es_cs_area .bs_list_box .is_desc {font-size:1.3em;line-height:1.8em;letter-spacing:-0.5px}
.ws_content_wrap .es_text_content_area {}
.ws_content_wrap .es_text_content_area .bs_subject {display:block;margin-top:30px;margin-bottom:20px;color:#000;font-weight:500;font-size:1.6em;line-height:1.5em;letter-spacing:-0.5px}
.ws_content_wrap .es_text_content_area .bs_subject .is_point {box-shadow:0 -9px 0 #fbde0e inset}
.ws_content_wrap .es_text_content_area .bs_desc_box {padding:30px 20px;border-radius:10px !important;border:1px solid #ddd;font-size:1.3em;line-height:1.7em;letter-spacing:-0.5px}
.ws_content_wrap .es_qa_area {}
.ws_content_wrap .es_qa_area .bs_open_btn {display:block;position:relative}
.ws_content_wrap .es_qa_area .bs_open_btn:before {content:'\f107';position:absolute;right:20px;top:50%;color:#bbb;font-size:2em;font-family:'FontAwesome';transform:translateY(-50%)}
.ws_content_wrap .es_qa_area .bs_open_btn .is_title {display:block;padding:20px;border-bottom:1px solid #ddd;color:#000;font-weight:500;font-size:1.3em;line-height:1.5em;letter-spacing:-0.5px;word-break:keep-all}
.ws_content_wrap .es_qa_area .bs_open_btn .is_title .ss_label {margin-right:10px;font-weight:bold;font-size:1.5em}
.ws_content_wrap .es_qa_area .bs_desc_box {display:none;padding:30px;background-color:#f0f0f0;font-size:1.3em;line-height:2em;letter-spacing:-0.5px;word-break:keep-all}
/* 청소년전화 1388 : E */


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

/* MEDIA (모바일 이하) 767px 이하 */
@media all and (max-width:767px) {
	.ws_content_wrap .es_cs_area .bs_list_box {height:200px}
	.ws_content_wrap .es_cs_area .bs_list_box .is_icon {width:70px;height:70px;background-size:70px}
	.ws_content_wrap .es_cs_area .bs_list_box .is_icon01 {background-position:0px 0px}
	.ws_content_wrap .es_cs_area .bs_list_box .is_icon02 {background-position:0px -72px}
	.ws_content_wrap .es_cs_area .bs_list_box .is_icon03 {background-position:0px -146px}
	.ws_content_wrap .es_cs_area .bs_list_box .is_icon04 {background-position:0px -294px}
	.ws_content_wrap .es_cs_area .bs_list_box .is_icon05 {background-position:0px -220px}
	.ws_content_wrap .es_cs_area .bs_list_box .is_subject {font-size:1.4em}
	.ws_content_wrap .es_cs_area .bs_list_box .is_desc {font-size:1.2em}

	.ws_content_wrap .es_text_content_area .bs_subject {font-size:1.4em}
	.ws_content_wrap .es_text_content_area .bs_desc_box {padding:15px;font-size:1.2em}

	.ws_content_wrap .es_qa_area .bs_open_btn .is_title {padding:20px 10px 20px 0;font-size:1.2em}
	.ws_content_wrap .es_qa_area .bs_open_btn .is_title .ss_label {margin-right:5px;font-size:1.3em}
	.ws_content_wrap .es_qa_area .bs_open_btn:before {right:0;font-size:1.5em}
	.ws_content_wrap .es_qa_area .bs_desc_box {padding:20px 15px;font-size:1.2em}

}

/* 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_cs_area .bs_list04,
	.ws_content_wrap .es_cs_area .bs_list05 {height:150px}
	.ws_content_wrap .es_cs_area .bs_list04 .is_icon,
	.ws_content_wrap .es_cs_area .bs_list05 .is_icon {float:left}
	.ws_content_wrap .es_cs_area .bs_list04 .is_text_field,
	.ws_content_wrap .es_cs_area .bs_list05 .is_text_field {float:left;width:calc(100% - 100px);padding-left:30px}

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

}