@charset "utf-8";

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

/* 메인 > 퀵아이콘 */
.ws_main_icon_wrap {margin-bottom:30px;border-top:1px solid #eee;border-bottom:1px solid #eee;background:#fff}
.ws_main_icon_wrap .es_quick_area {border-left:1px solid #eee}
.ws_main_icon_wrap .es_quick_area .bs_quick_box {text-align:center}
.ws_main_icon_wrap .es_quick_area .bs_quick_box:hover {background:#f5f5f5}
.ws_main_icon_wrap .es_quick_area .bs_quick_box a {display:block;padding:15px 0;border-right:1px solid #eee}
.ws_main_icon_wrap .es_quick_area .bs_quick_box .is_quick_icon {display:block}
.ws_main_icon_wrap .es_quick_area .bs_quick_box .is_quick_icon span {display:inline-block;width:70px;height:65px;background:url('../../webis/img/quick_icon.png') no-repeat}
.ws_main_icon_wrap .es_quick_area .bs_quick_box .is_quick_icon .ss_icon01 {background-position:0 5px}
.ws_main_icon_wrap .es_quick_area .bs_quick_box .is_quick_icon .ss_icon02 {background-position:0 -84px}
.ws_main_icon_wrap .es_quick_area .bs_quick_box .is_quick_icon .ss_icon03 {background-position:0 -172px}
.ws_main_icon_wrap .es_quick_area .bs_quick_box .is_quick_icon .ss_icon04 {background-position:0 -262px}
.ws_main_icon_wrap .es_quick_area .bs_quick_box .is_quick_icon .ss_icon05 {background-position:0 -362px}
.ws_main_icon_wrap .es_quick_area .bs_quick_box .is_quick_icon .ss_icon06 {background-position:0 -460px}
.ws_main_icon_wrap .es_quick_area .bs_quick_box p {color:#555;font-weight:500;font-size:1.3em}

/* 텍스트 배너 */
.ws_text_banner_wrap {margin:40px 0}
/* .ws_text_banner_wrap .es_text_box.bs_co_box01 {background:#ffb909}
.ws_text_banner_wrap .es_text_box.bs_co_box02 {background:#FFCC4D}
.ws_text_banner_wrap .es_text_box.bs_co_box03 {background:#FFE67B}
.ws_text_banner_wrap .es_text_box.bs_co_box04 {background:#FFFDB3} */
.ws_text_banner_wrap .es_text_box.bs_co_box01 {background:#FFCC4D}
.ws_text_banner_wrap .es_text_box.bs_co_box02 {background:#FFE67B}
.ws_text_banner_wrap .es_text_box.bs_co_box03 {background:#FFCC4D}
.ws_text_banner_wrap .es_text_box.bs_co_box04 {background:#FFE67B}
.ws_text_banner_wrap .es_text_box a {display:block;padding:25px 0;color:#000;letter-spacing:-0.5px;text-align:center}
.ws_text_banner_wrap .es_text_box a strong {display:block;position:relative;margin:14px 0 28px 0;font-size:1.5em}
.ws_text_banner_wrap .es_text_box a strong:after {content:"";position:absolute;display:block;width:40px;height:2px;bottom:-14px;left:50%;margin-left:-20px;background:#000}
.ws_text_banner_wrap .es_text_box a p {font-size:1.2em}
.ws_text_banner_wrap .es_text_box a span {display:inline-block;margin-top:15px;border:1px solid #000;padding:5px 15px;font-size:1.1em}
.ws_text_banner_wrap .es_text_box a .is_text_icon{display:inline-block;width:70px;height:70px;background:url('../img/text_banner_icon.png') no-repeat}
.ws_text_banner_wrap .es_text_box a .is_text_icon.ss_text_icon01 {background-position:0 0}
.ws_text_banner_wrap .es_text_box a .is_text_icon.ss_text_icon02 {background-position:-107px 0}
.ws_text_banner_wrap .es_text_box a .is_text_icon.ss_text_icon03 {background-position:-216px 0}
.ws_text_banner_wrap .es_text_box a .is_text_icon.ss_text_icon04 {background-position:-324px 0}

/* 웹진 */
.ws_webzin_wrap {}
.ws_webzin_wrap .es_content_area .bs_list_box {width:100% !important}

/* 하단 배너 */
.ws_main_banner_wrap {margin-top:30px;text-align:center}
.ws_main_banner_wrap a {display:block;padding-top:10px}
.ws_main_banner_wrap img {max-width:100%}

/* ==================================================================================================== *
 *
 *     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_main_icon_wrap .es_quick_area {border-left:0}
	.ws_main_icon_wrap .es_quick_area .bs_quick_box {margin:10px 0}
	.ws_main_icon_wrap .es_quick_area .bs_quick_box .is_quick_icon {padding:0;border-right:0}
	.ws_main_icon_wrap .es_quick_area .bs_quick_box p {font-size:1.2em}

	.ws_main_banner_wrap {margin-top:30px}

    /* 카피라이트 */
    .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) {
	.ws_main_banner_wrap {margin-top:30px}
}