@charset "utf-8";

/* ==================================================================================================== *
 *
 *   WEBIS STYLE SHEET - MAIN
 *
 * ==================================================================================================== */

/* MAIN COMMON DESIGN */
.wc_main_design_wrap {margin-bottom:5em}
.wc_main_design_wrap .ec_title_area {text-align:center;margin-bottom:3em;line-height:normal}
.wc_main_design_wrap .ec_title_area .bc_title {display:block;margin-bottom:0.8em;color:#000;font-size:2.5em;letter-spacing:-0.02em}
.wc_main_design_wrap .ec_title_area .bc_title .ic_point {box-shadow:0 -0.3em 0 #20BCEF             000000000          0nset;font-weight:bold;z-index:0}
.wc_main_design_wrap .ec_title_area .bc_desc {color:#777;font-size:1.3em;letter-spacing:-0.01em}
.wc_main_design_wrap .ec_title_area .bc_line {display:none}

/* MAIN ICON & LOGIN */
.ws_main_icon_wrap {padding:1em 0;background-color:#F9F9F9}
.ws_main_icon_wrap .es_icon_area,
.ws_main_icon_wrap .es_login_area {}
.ws_main_icon_wrap .es_icon_area .bs_icon_box {display:block;margin-top:1em;white-space:nowrap}
.ws_main_icon_wrap .es_icon_area .bs_icon_box .is_icon {display:block}
.ws_main_icon_wrap .es_icon_area .bs_icon_box .is_icon.is_icon_1 {}
.ws_main_icon_wrap .es_icon_area .bs_icon_box .is_icon.is_icon_2 {}
.ws_main_icon_wrap .es_icon_area .bs_icon_box .is_icon.is_icon_3 {}
.ws_main_icon_wrap .es_icon_area .bs_icon_box .is_icon.is_icon_4 {}
.ws_main_icon_wrap .es_icon_area .bs_icon_box .is_icon.is_icon_5 {}
.ws_main_icon_wrap .es_icon_area .bs_icon_box .is_icon.is_icon_6 {}
.ws_main_icon_wrap .es_icon_area .bs_icon_box .is_icon .fa {color: #0f5b77;font-size:3em}
.ws_main_icon_wrap .es_icon_area .bs_icon_box .is_subject {display:block;margin-top:1em;color:#999;font-size:1.3em;letter-spacing:0.01em}
.ws_main_icon_wrap .es_icon_area .bs_icon_box .is_desc {display:block;margin-top:0.5em;font-weight:bold;font-size:1.2em;letter-spacing:-0.01em}
.ws_main_icon_wrap .es_icon_area .bs_icon_box .is_desc .ss_point {margin-right:0.1em;box-shadow:0 -9px 0 rgb(166, 231, 255) inset;font-size:1.4em}
.ws_main_icon_wrap .es_login_area {}

/* MAIN LATEST & BANNER */
.ws_main_latest_wrap {}
.ws_main_latest_wrap .es_content_area {height:400px}
.ws_main_latest_wrap .es_content_area.es_latest_area {}
.ws_main_latest_wrap .es_content_area.es_banner_area {}
.ws_main_latest_wrap .es_content_area.es_banner_area .bs_image_box {height:120px}
.ws_main_latest_wrap .es_content_area.es_banner_area .bs_image_box.bs_img_1 {margin-bottom:20px}
.ws_main_latest_wrap .es_content_area.es_banner_area .bs_image_box.bs_img_2 {margin-bottom:20px}
.ws_main_latest_wrap .es_content_area.es_banner_area .bs_image_box.bs_img_3 {}
.ws_main_latest_wrap .es_content_area.es_banner_area .bs_image_box img {width:100%;height:100%} /* 400 x 120 */

/* MAIN INFO CONTENT */
.ws_main_info_wrap {padding:5em 0;margin-bottom:0;background-color:#F9F9F9}
.ws_main_info_wrap .es_content_area {}
.ws_main_info_wrap .es_content_area .bs_info_box {position:relative;height:260px;padding:3em;box-shadow:0 4px 12px rgba(102,102,102,0.12);text-align:center}
.ws_main_info_wrap .es_content_area .bs_info_box:before {content:'';display:block;position:absolute;top:-1px;left:0;width:0;height:0;border-top:1px solid transparent;border-right:1px solid transparent}
.ws_main_info_wrap .es_content_area .bs_info_box:after {content:'';display:block;position:absolute;right:0;bottom:-1px;width:0;height:0;border-bottom:1px solid transparent;border-left:1px solid transparent}
.ws_main_info_wrap .es_content_area .bs_info_box:hover:before,
.ws_main_info_wrap .es_content_area .bs_info_box:hover:after {border-color:#12B4E5;width:100%;height:100%;transition:width .4s, height .4s .4s}
.ws_main_info_wrap .es_content_area .bs_info_box .is_subject {color:#000;font-size:1.3em;line-height:1.5em;letter-spacing:-0.5px}
.ws_main_info_wrap .es_content_area .bs_info_box .is_desc {margin-top:1em;font-size:1.1em;line-height:1.5em;letter-spacing:-0.5px}
.ws_main_info_wrap .es_content_area .bs_info_box .is_icon {display:inline-block;width:82px;height:82px;margin-bottom:15px;background:url('../../../img/main/main_service.png') no-repeat}
.ws_main_info_wrap .es_content_area .bs_info_box .is_icon_1 {background-position:0 0}
.ws_main_info_wrap .es_content_area .bs_info_box .is_icon_2 {background-position:-111px 0}
.ws_main_info_wrap .es_content_area .bs_info_box .is_icon_3 {background-position:-222px 0}
.ws_main_info_wrap .es_content_area .bs_info_box .is_icon_4 {background-position:-333px 0}

/* MIAN LINE BANNER */
.ws_main_line_banner_wrap {position:relative;background-image:url('../../../img/main/middle_banner.png');background-position:center;background-repeat:no-repeat;background-size:cover;background-attachment:fixed}
.ws_main_line_banner_wrap:after {content:'';display:block;position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.4)}
.ws_main_line_banner_wrap .es_content_area {position:relative;margin:3.5em 0;text-align:center;color:#FFF;z-index:1}
.ws_main_line_banner_wrap .es_content_area .bs_title {display:block;margin-bottom:1em;font-size:2em;line-height:1.5}
.ws_main_line_banner_wrap .es_content_area .bs_desc {display:block;margin-bottom:1em;font-size:1.3em;line-height:1.5em;word-break:keep-all}
.ws_main_line_banner_wrap .es_content_area .bs_button {display:inline-block;padding:1em 2em;border:1px solid #FFF;color:#FFF;font-size:1.2em}

/* MAIN HELP CENTER */
.ws_main_help_wrap {}
.ws_main_help_wrap .es_info_area {}
.ws_main_help_wrap .es_info_area .bs_subject {margin-bottom:2em;color:#000;font-size:1.5em;line-height:normal;letter-spacing:-0.02em}

/* MAIN HELP CENTER > CS INFO */
.ws_main_help_wrap .es_info_area.es_cs_area {}
.ws_main_help_wrap .es_info_area.es_cs_area .bs_tel {display:block;margin-bottom:0.5em;font-weight:bold;font-size:3em}
.ws_main_help_wrap .es_info_area.es_cs_area .bs_time_box {overflow:hidden}
.ws_main_help_wrap .es_info_area.es_cs_area .bs_time_box .is_subject {position:relative;width:40px}
.ws_main_help_wrap .es_info_area.es_cs_area .bs_time_box .is_desc {width:calc(100% - 40px)}
.ws_main_help_wrap .es_info_area.es_cs_area .bs_time_box .is_subject,
.ws_main_help_wrap .es_info_area.es_cs_area .bs_time_box .is_desc {float:left;font-size:1.2em;line-height:1.7em;word-break:keep-all}

/* MAIN HELP CENTER > NAME SERVER */
.ws_main_help_wrap .es_info_area.es_server_area {}
.ws_main_help_wrap .es_info_area.es_server_area .bs_ip_box {}
.ws_main_help_wrap .es_info_area.es_server_area .bs_ip_box .is_subject,
.ws_main_help_wrap .es_info_area.es_server_area .bs_ip_box .is_desc {float:left;margin-bottom:0.5em}
.ws_main_help_wrap .es_info_area.es_server_area .bs_ip_box .is_subject {width:20%;font-size:1.3em}
.ws_main_help_wrap .es_info_area.es_server_area .bs_ip_box .is_subject .ss_point {display:block;padding:0.5em 0;text-align:center}
.ws_main_help_wrap .es_info_area.es_server_area .bs_ip_box .is_desc {width:80%;padding-left:1em;font-size:1.2em;line-height:1.7em}
.ws_main_help_wrap .es_info_area.es_server_area .bs_ip_box .is_desc .ss_url {}
.ws_main_help_wrap .es_info_area.es_server_area .bs_ip_box .is_desc .ss_ip {display:block}

/* MAIN HELP CENTER > BANK ACCOUNT */
.ws_main_help_wrap .es_info_area.es_bank_area {}
.ws_main_help_wrap .es_info_area.es_bank_area .bs_bank_box {}
.ws_main_help_wrap .es_info_area.es_bank_area .bs_bank_box .is_bank {display:block;margin-bottom:0.5em;font-weight:bold;font-size:2em}
.ws_main_help_wrap .es_info_area.es_bank_area .bs_bank_box .is_number,
.ws_main_help_wrap .es_info_area.es_bank_area .bs_bank_box .is_name {display:block;font-size:1.5em;line-height:1.7em}
.ws_main_help_wrap .es_info_area.es_bank_area .bs_bank_box .is_number {font-size:2em}
.ws_main_help_wrap .es_info_area.es_bank_area .bs_bank_box .is_name {}

/* MAIN HELP CENTER > CS SUPPORT */
.ws_main_help_wrap .es_info_area.es_support_area {}
.ws_main_help_wrap .es_info_area.es_support_area .bs_support_box {}
.ws_main_help_wrap .es_info_area.es_support_area .bs_support_box .is_subject,
.ws_main_help_wrap .es_info_area.es_support_area .bs_support_box .is_desc {float:left;height:2em;margin-bottom:1em;vertical-align:middle;line-height:2em}
.ws_main_help_wrap .es_info_area.es_support_area .bs_support_box .is_subject {width:50%}
.ws_main_help_wrap .es_info_area.es_support_area .bs_support_box .is_subject .ss_icon {margin-right:0.5em;font-size:1.4em}
.ws_main_help_wrap .es_info_area.es_support_area .bs_support_box .is_subject .ss_text {font-size:1.3em}
.ws_main_help_wrap .es_info_area.es_support_area .bs_support_box .is_desc {width:50%;text-align:center}
.ws_main_help_wrap .es_info_area.es_support_area .bs_support_box .is_desc .ss_btn {display:block;border:1px solid #DDD;font-size:1.2em}

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

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

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

}
/* MEDIA (모바일 이하) 767px 이하 */
@media all and (max-width:767px) {
	.wc_main_design_wrap .ec_title_area .bc_title {margin-bottom:10px;font-size:2em}
	.wc_main_design_wrap .ec_title_area .bc_desc {font-size:1.1em}
	
	.ws_main_icon_wrap .es_icon_area .bs_icon_box .is_icon .fa {font-size:2em}
	.ws_main_icon_wrap .es_icon_area .bs_icon_box .is_subject {font-size:0.9em}
	.ws_main_icon_wrap .es_icon_area .bs_icon_box .is_desc {font-size:1em}
	.ws_main_icon_wrap .es_icon_area .bs_icon_box .is_desc .ss_point {font-size:1em}
	
	.ws_main_line_banner_wrap .es_content_area .bs_desc {font-size:1.1em}
	
	.ws_main_help_wrap .es_info_area.es_cs_area .bs_tel {font-size:2em}
	.ws_main_help_wrap .es_info_area.es_cs_area .bs_time_box .is_subject,
	.ws_main_help_wrap .es_info_area.es_cs_area .bs_time_box .is_desc {font-size:1em}
	.ws_main_help_wrap .es_info_area.es_server_area .bs_ip_box .is_subject {width:100%;font-size:1em}
	.ws_main_help_wrap .es_info_area.es_server_area .bs_ip_box .is_subject .ss_point {padding:3px 0}
	.ws_main_help_wrap .es_info_area.es_server_area .bs_ip_box .is_desc {width:100%;padding-left:0;font-size:1em}
	.ws_main_help_wrap .es_info_area.es_bank_area .bs_bank_box .is_number {font-size:1.6em}
	.ws_main_help_wrap .es_info_area.es_bank_area .bs_bank_box .is_name {font-size:1.2em}
	.ws_main_help_wrap .es_info_area.es_support_area .bs_support_box .is_subject,
	.ws_main_help_wrap .es_info_area.es_support_area .bs_support_box .is_desc {margin-bottom:5px}
	.ws_main_help_wrap .es_info_area.es_support_area .bs_support_box .is_subject .ss_text {font-size:1em}
	.ws_main_help_wrap .es_info_area.es_support_area .bs_support_box .is_desc .ss_btn {font-size:1em}
}

 /* ================================================== *
 *
 *     MEDIA EXTEND - MIN DEVICE
 *
 * ================================================== */
 
/* MEDIA (태블릿 이상) 768px 이상 */
@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 (min-width:768px) and (max-width:991px) {
	
}
/* MEDIA (데스크탑 구간만) 992px ~ 1279px */
@media (min-width:992px) and (max-width:1279px) {

}