@charset "utf-8";

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

/* 바로가기 아이콘 : S */
.ws_main_icon_wrap{padding: 20px 0;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:65px;width:120px;display:inline-block;}
.ws_main_icon_wrap .es_quick_box a .bs_quick_icon.is_quick_icon01{background-position: 34px 0;}
.ws_main_icon_wrap .es_quick_box a .bs_quick_icon.is_quick_icon02{background-position: 32px -95px;}
.ws_main_icon_wrap .es_quick_box a .bs_quick_icon.is_quick_icon03{background-position: 35px -202px;}
.ws_main_icon_wrap .es_quick_box a .bs_quick_icon.is_quick_icon04{background-position: 31px -303px;}
.ws_main_icon_wrap .es_quick_box a .bs_quick_icon.is_quick_icon05{background-position: 33px -397px;}
.ws_main_icon_wrap .es_quick_box a .bs_quick_icon.is_quick_icon06{background-position: 30px -499px;}
.ws_main_icon_wrap .es_quick_box a p{padding-top:11px;font-size:1.5em;font-weight: bold;}

/* 바로가기 아이콘 : E */

/* 텍스트 배너 : S */
.ws_text_banner_wrap{margin: 40px 0;}
.ws_text_banner_wrap .es_text_box.bs_co_box01{background:#843112;}
.ws_text_banner_wrap .es_text_box.bs_co_box02{background:#a74a27;}
.ws_text_banner_wrap .es_text_box.bs_co_box03{background:#cc6004;}
.ws_text_banner_wrap .es_text_box.bs_co_box04{background:#e28004;}
.ws_text_banner_wrap .es_text_box a{font-size: 1.25em;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: 14px 0 28px 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: -14px;left: 42.2%;background: #fff;}
.ws_text_banner_wrap .es_text_box a span{display: inline-block;border: 1px solid #fff;padding: 4px 7px;margin-top: 15px;}
.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) center no-repeat;height:61px;width:156px;display:inline-block;}
.ws_text_banner_wrap .es_text_box a .is_text_icon.ss_text_icon01{background-position: 46px 0;}
.ws_text_banner_wrap .es_text_box a .is_text_icon.ss_text_icon02{background-position: -188px 0;}
.ws_text_banner_wrap .es_text_box a .is_text_icon.ss_text_icon03{background-position: -426px 0;}
.ws_text_banner_wrap .es_text_box a .is_text_icon.ss_text_icon04{background-position: -673px 0;}
/* 텍스트 배너 : 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{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: 28px -95px;}
	.ws_main_icon_wrap .es_quick_box a .bs_quick_icon.is_quick_icon03{background-position: 28px -202px;}
	.ws_main_icon_wrap .es_quick_box a .bs_quick_icon.is_quick_icon04{background-position: 31px -296px;}
	.ws_main_icon_wrap .es_quick_box a .bs_quick_icon.is_quick_icon05{background-position: 27px -394px;}
	.ws_main_icon_wrap .es_quick_box a .bs_quick_icon.is_quick_icon06{background-position: 25px -499px;}

	/* 메인 텍스트박스 */
	.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) {

}

/* 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) {

}