@charset "utf-8";

/* 청소년동반자 : S */
.ws_content_wrap {}
.ws_content_wrap .es_content_area {}
.ws_content_wrap .es_content_area .bs_list_box {position:relative;margin-top:30px;text-align:center}
.ws_content_wrap .es_content_area .bs_list_box:after {content:'';display:block;position:absolute;top:28%;right:-6%;width:19px;height:26px;background:url('../../../img/page/step_arrow.png') center no-repeat}
.ws_content_wrap .es_content_area .bs_last:after {display:none}
.ws_content_wrap .es_content_area .bs_list_box .is_icon {display:inline-block;position:relative;width:150px;height:150px;border-radius:50% !important;background-color:#f5f5f5;background-repeat:no-repeat}
.ws_content_wrap .es_content_area .bs_list_box .is_icon:before {content:'';display:block;position:absolute;top:-10px;left:-10px;width:170px;height:170px;border-radius:50% !important;border:2px dotted #ddd}
.ws_content_wrap .es_content_area .bs_list_box .is_icon_01 {background-image:url('../../../img/page/companion_icon01.png')}
.ws_content_wrap .es_content_area .bs_list_box .is_icon_02 {background-image:url('../../../img/page/companion_icon02.png')}
.ws_content_wrap .es_content_area .bs_list_box .is_icon01 {background-position:32px 40px}
.ws_content_wrap .es_content_area .bs_list_box .is_icon02 {background-position:32px -102px}
.ws_content_wrap .es_content_area .bs_list_box .is_icon03 {background-position:32px -258px}
.ws_content_wrap .es_content_area .bs_list_box .is_icon04 {background-position:32px -402px}
.ws_content_wrap .es_content_area .bs_list_box .is_icon05 {background-position:40px 40px}
.ws_content_wrap .es_content_area .bs_list_box .is_icon06 {background-position:36px -102px}
.ws_content_wrap .es_content_area .bs_list_box .is_icon07 {background-position:40px -258px}
.ws_content_wrap .es_content_area .bs_list_box .is_icon08 {background-position:32px -402px}
.ws_content_wrap .es_content_area .bs_list_box .is_subject {display:block;margin-top:20px;color:#000;font-size:1.6em;line-height:1.5em;letter-spacing:-0.5px;word-break:keep-all}
.ws_content_wrap .es_content_area .bs_list_box .is_desc {margin-top:20px;color:#333;font-size:1.3em;line-height:1.5em;letter-spacing:-0.5px;word-break:keep-all}
.ws_content_wrap .es_slide_area {}
.ws_content_wrap .es_slide_area .bs_list_box {}
.ws_content_wrap .es_slide_area .bs_list_box .is_label_field {display:block;position:relative;border-bottom:4px solid #eee}
.ws_content_wrap .es_slide_area .bs_list_box .is_label_field:before {content:'\f107';position:absolute;right:20px;top:50%;color:#bbb;font-size:2em;font-family:'FontAwesome';transform:translateY(-50%)}
.ws_content_wrap .es_slide_area .bs_list_box .is_label_field:after {content:'';display:block;position:absolute;bottom:-3px;left:0;width:200px;height:4px}
.ws_content_wrap .es_slide_area .bs_list_box .is_label_field .ss_text {display:inline-block;padding:20px 0;font-weight:bold;font-size:1.5em;line-height:1em}
.ws_content_wrap .es_slide_area .bs_list_box .is_desc_field {display:none;padding:20px 30px;background-color:#f0f0f0}
.ws_content_wrap .es_slide_area .bs_list_box .is_list {position:relative;margin:10px;padding-left:12px;color:#777;font-size:1.3em;line-height:1.5em;letter-spacing:-0.5px;word-break:keep-all}
.ws_content_wrap .es_slide_area .bs_list_box .is_list:before {content:'';display:block;position:absolute;top:12px;left:0;width:4px;height:4px;border-radius:50px !important;background-color:#333}
/* 청소년동반자 : E */


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

/* MEDIA (모바일 이하) 767px 이하 */
@media all and (max-width:767px) {
	.ws_content_wrap .es_content_area .bs_list_box:after {display:none}
	.ws_content_wrap .es_content_area .bs_list_box .is_icon {width:130px;height:130px;background-size:70px}
	.ws_content_wrap .es_content_area .bs_list_box .is_icon:before {width:150px;height:150px}
	.ws_content_wrap .es_content_area .bs_list_box .is_icon02 {background-position:32px -80px}
	.ws_content_wrap .es_content_area .bs_list_box .is_icon03 {background-position:32px -208px}
	.ws_content_wrap .es_content_area .bs_list_box .is_icon04 {background-position:32px -325px}
	.ws_content_wrap .es_content_area .bs_list_box .is_desc {font-size:1.2em}
	.ws_content_wrap .es_slide_area .bs_list_box .is_label_field .ss_text {font-size:1.4em}
	.ws_content_wrap .es_slide_area .bs_list_box .is_desc_field {padding:15px}
	.ws_content_wrap .es_slide_area .bs_list_box .is_list {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) {


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

}