@charset "utf-8";

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

img {max-width:100%;}

/* 바로가기 아이콘 : S */
.ws_main_icon_wrap{padding: 20px 0;margin-bottom: 20px;background: #f7f7f7;}
.ws_main_icon_wrap .es_quick_box{text-align: center;border-right: 1px solid #ddd;}
.ws_main_icon_wrap .es_quick_box:last-child{border-right:0;}
.ws_main_icon_wrap .es_quick_box a{}
.ws_main_icon_wrap .es_quick_box a .bs_quick_icon{background: url(../img/main/main_quick_icon.png) center no-repeat;height:73px;width:120px;display:inline-block;}
.ws_main_icon_wrap .es_quick_box a .bs_quick_icon.is_quick_icon01{background-position: 27px 0;}
.ws_main_icon_wrap .es_quick_box a .bs_quick_icon.is_quick_icon02{background-position: -83px 0;}
.ws_main_icon_wrap .es_quick_box a .bs_quick_icon.is_quick_icon03{background-position: -200px 0;}
.ws_main_icon_wrap .es_quick_box a .bs_quick_icon.is_quick_icon04{background-position: -309px 0;}
.ws_main_icon_wrap .es_quick_box a .bs_quick_icon.is_quick_icon05{background-position: -423px 0;}
.ws_main_icon_wrap .es_quick_box a .bs_quick_icon.is_quick_icon06{background-position: -538px 0;}
.ws_main_icon_wrap .es_quick_box a p{padding-top:11px;color:#000;font-size:1.5em;font-weight: bold;}
/* 바로가기 아이콘 : E */

.ws_image_wrap {display:block;text-align:center;}

/* 텍스트 배너 : S */
.ws_text_banner_wrap{margin-top: 50px;}
.ws_text_banner_wrap .es_text_box.bs_co_box01{background:#252733;}
.ws_text_banner_wrap .es_text_box.bs_co_box02{background:#1b6485;}
.ws_text_banner_wrap .es_text_box.bs_co_box03{background:#0072BB;}
.ws_text_banner_wrap .es_text_box.bs_co_box04{background:#4599F1;}
.ws_text_banner_wrap .es_text_box a{font-size: 1.35em;line-height:1.5em;color: #fff;letter-spacing: -0.9px;display: block;text-align: center;padding: 27px 0;}
.ws_text_banner_wrap .es_text_box a strong{display: block;position:relative;margin: 11px 0 24px 0;font-size: 1.4em;}
.ws_text_banner_wrap .es_text_box a strong:after{content: "";position: absolute;display: block;width: 40px;height: 2px;bottom: -16px;left: 43.2%;background: #fff;}
.ws_text_banner_wrap .es_text_box a span{display: inline-block;border: 1px solid #fff;padding: 4px 25px;margin-top: 16px;}
.ws_text_banner_wrap .es_text_box a span:hover{background: #fff;color: #666;transition: 0.3s;border: 1px solid #fff;font-weight:bold;}
.ws_text_banner_wrap .es_text_box a .is_text_icon{background: url(../img/main/main_txtbanner01.png) #fff center no-repeat;height:60px;width:60px;display:inline-block;border-radius:50% !important}
.ws_text_banner_wrap .es_text_box a .is_text_icon.ss_text_icon01{background-position: 4px 0;}
.ws_text_banner_wrap .es_text_box a .is_text_icon.ss_text_icon02{background-position: -80px 4px;}
.ws_text_banner_wrap .es_text_box a .is_text_icon.ss_text_icon03{background-position: -171px 3px;}
.ws_text_banner_wrap .es_text_box a .is_text_icon.ss_text_icon04{background-position: -258px 8px;}
/* 텍스트 배너 : E */

/* 전화배너 : S */
.ws_main_banner_wrap {padding: 23px;background: #f6f7ff;border: 1px solid #cecece;border-radius: 25px !important;}
.ws_main_banner_wrap .es_banner_number {padding-bottom: 20px;border-bottom: 1px solid #505050;}
.ws_main_banner_wrap .es_banner_number .bs_icon {display: inline-block;}
.ws_main_banner_wrap .es_banner_number .bs_icon .is_icon {display:block;width:61px;height:60px;background:url(../img/main/main_cs.png) no-repeat;}
.ws_main_banner_wrap .es_banner_number .bs_text {display: inline-block;padding-left: 23px;}
.ws_main_banner_wrap .es_banner_number .bs_text .is_subject {display: block;margin-bottom: 20px;font-size: 2em;}
.ws_main_banner_wrap .es_banner_number .bs_text .is_desc {color: #0072bb;font-size: 2.5em;font-weight: bold;}
.ws_main_banner_wrap .es_banner_time {padding-top: 21px;}
.ws_main_banner_wrap .es_banner_time .bs_title {margin-bottom: 16px;color: #000;font-size: 1.5em;}
.ws_main_banner_wrap .es_banner_time .bs_title i {color:#4599f1;}
.ws_main_banner_wrap .es_banner_time ul {}
.ws_main_banner_wrap .es_banner_time ul li {position:relative;padding-left: 10px;font-size: 1.2em;line-height: 1.8em;}
.ws_main_banner_wrap .es_banner_time ul li:after {content:"";display:block;position:absolute;top:10px;left:0;width:2px;height:2px;background:#333;}
/* 전화배너 : E */

/* ==================================================================================================== *
 *
 *     WEBIS STYLE SHEET - SECTION
 *
 * ==================================================================================================== */

/*
	# layout (노출여부와 표현방식)
	display > list-style
	ex) display:block;visibility:none;overflow:hidden;float:left;clear:both;

	# position (위치와 좌표)
	position > float > clear
	ex) position:relative;top:0;right:0;left:0;bottom:0;z-index:0;

	# size (크기와 여백)
	width / height > padding / margin
	ex) width:0px;height:0px;padding:0;margin:0;

	# border, background (윤곽과 배경)
	border / background
	ex) border-line:0;border-style:solid;border-color:0;border-radius:0;
	ex) background-color:#000;background-position:0 0;background-size:100%;background-repeat:no-repeat;background-image:url('');

	# font (글자와 정렬)
	color / font > text-decoration > text-align / vertical-align > white-space > other text
	ex) color:#333;font-style:bold;font-variant:small-caps;font-weight:bold;font-size:0;line-height:0;font-family:'돋움', dotum, sans-serif;

	# content (컨텐츠)
	content
*/

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

/* MEDIA (모바일 이하) 767px 이하 */
@media all and (max-width:767px) {

	.ws_nav_wrap .es_1st_ul .bs_1st_li .is_1st_a{font-size:1.2em;}
	.ws_sub_visual_wrap .es_sub_visual_area .bs_text_box .is_title{font-size:2em;}
	.ws_sub_head_wrap .es_local_area{display:none;}

	/* 메인 바로가기 아이콘 */
	.ws_main_icon_wrap .es_quick_box{margin: 11px 0;border-right:0;}
	.ws_main_icon_wrap .es_quick_box a p{font-size:1.1em;}
	.ws_main_icon_wrap .es_quick_box a .bs_quick_icon.is_quick_icon01{background-position: 28px 0;}
	.ws_main_icon_wrap .es_quick_box a .bs_quick_icon.is_quick_icon02{background-position: -84px 0;}
	.ws_main_icon_wrap .es_quick_box a .bs_quick_icon.is_quick_icon03{background-position: -199px 0;}
	.ws_main_icon_wrap .es_quick_box a .bs_quick_icon.is_quick_icon04{background-position: -309px 0;}
	.ws_main_icon_wrap .es_quick_box a .bs_quick_icon.is_quick_icon05{background-position: -426px 0;}
	.ws_main_icon_wrap .es_quick_box a .bs_quick_icon.is_quick_icon06{background-position: -538px 0;}

	/* 메인 텍스트박스 */
	.ws_text_banner_wrap .es_text_box a{font-size: 1.1em;}
	.ws_text_banner_wrap .es_text_box a strong{margin:15px 0;}
	.ws_text_banner_wrap .es_text_box a strong{font-size:1.3em;}
	.ws_text_banner_wrap .es_text_box a strong:after{content: "";position: absolute;display: block;width: 40px;height: 2px;bottom: -11px;left: 38.2%;background: #fff;}

    /* 카피라이트 */
    .ws_copyright_wrap {text-align:center}
}

/* MEDIA (태블릿 이하) 991px 이하 */
@media all and (max-width:991px) {
	.es_story_latest {margin-top:50px;}

}

/* 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_main_icon_wrap .es_quick_box a p {font-size:1.3em}
}
/* MEDIA (데스크탑 구간만) 992px ~ 1279px */
@media all and (min-width:992px) and (max-width:1279px) {
	.ws_main_icon_wrap .es_quick_box a p {font-size:1.4em}

}