@charset "utf-8";

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

/* 퀵아이콘 */
.ws_quick_icon_wrap {padding:20px 0; border-bottom:1px solid #ddd; background:#f7f7f7;}
.ws_quick_icon_wrap ul {}
.ws_quick_icon_wrap ul li {border-right:1px solid #ddd; text-align:center;}
.ws_quick_icon_wrap ul li:last-child {border-right:0;}
.ws_quick_icon_wrap ul li a {display:block;}
.ws_quick_icon_wrap ul li a em {display:inline-block; width:75px; height:55px; background:url('../../webis/img/quick_icon_over.png') no-repeat;}
.ws_quick_icon_wrap ul li a .es_quick_icon01,
.ws_quick_icon_wrap ul li a:hover .es_quick_icon01 {background-position:-23px 0px;}
.ws_quick_icon_wrap ul li a .es_quick_icon02,
.ws_quick_icon_wrap ul li a:hover .es_quick_icon02 {background-position:-133px 0px;}
.ws_quick_icon_wrap ul li a .es_quick_icon03,
.ws_quick_icon_wrap ul li a:hover .es_quick_icon03 {background-position:-247px 0px;}
.ws_quick_icon_wrap ul li a .es_quick_icon04,
.ws_quick_icon_wrap ul li a:hover .es_quick_icon04 {background-position:-380px 0px;}
.ws_quick_icon_wrap ul li a .es_quick_icon05,
.ws_quick_icon_wrap ul li a:hover .es_quick_icon05 {background-position:-493px 0px;}
.ws_quick_icon_wrap ul li a .es_quick_icon06,
.ws_quick_icon_wrap ul li a:hover .es_quick_icon06 {background-position:-604px 0px;}
.ws_quick_icon_wrap ul li a p {margin-top:3px; font-size:1.2em; letter-spacing:-0.5px;}
.ws_quick_icon_wrap ul li a:hover p {color:#333; font-weight:bold;}

/* 상담분야 */
.ws_spouse_wrap {padding:80px 0;}
.ws_spouse_wrap .es_spouse_txt_area {position:relative; height:390px;}
.ws_spouse_wrap .es_spouse_txt_area .bs_txt_box {position:absolute; top:50%; left:0; width:100%; height:270px; margin-top:-135px;}
.ws_spouse_wrap .es_spouse_txt_area .bs_txt_box h2 {margin-bottom:50px; font-weight:400; font-size:3.8em; line-height:1.4em;}
.ws_spouse_wrap .es_spouse_txt_area .bs_txt_box ul {overflow:hidden; padding-bottom:30px;}
.ws_spouse_wrap .es_spouse_txt_area .bs_txt_box ul .is_tab_menu {float:left; margin-right:20px;}
.ws_spouse_wrap .es_spouse_txt_area .bs_txt_box ul .is_tab_menu h3 {display:block; color:#777; font-weight:300; font-size:1.3em;cursor: pointer;}
.ws_spouse_wrap .es_spouse_txt_area .bs_txt_box ul .is_tab_menu .ss_active {position:relative; color:#dd5937; font-weight:bold;}
.ws_spouse_wrap .es_spouse_txt_area .bs_txt_box ul .is_tab_menu .ss_active:after {content:''; display:block; position:absolute; bottom:-10px; left:0; width:100%; height:3px; background:#dd5937; z-index:9;}
.ws_spouse_wrap .es_spouse_txt_area p {color:#777; font-size:1.3em; line-height:1.5em; letter-spacing:-0.5px;}
.ws_spouse_wrap .es_tab_box {display:none;}
.ws_spouse_wrap .es_tab_active {display:block;}
.ws_spouse_wrap .es_spouse_img_area {}
.ws_spouse_wrap .es_spouse_img_area img {max-width:100%;}

/* 중간배너 */
.ws_middle_banner_wrap {position:relative; margin-bottom:80px; height:322px; background-image:url('../../webis/img/middle_banner_full.png'); background-size:auto; background-repeat:no-repeat; background-attachment:fixed; background-position:center;}
.ws_middle_banner_wrap:after {content:''; display:block; position:absolute; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,.7);}
.ws_middle_banner_wrap .es_banner_txt_area {position:relative; height:322px; z-index:9;}
.ws_middle_banner_wrap .es_banner_txt_area .bs_txt_box {position:absolute; top:50%; left:0; width:100%; height:196px; margin-top:-98px;}
.ws_middle_banner_wrap .es_banner_txt_area .bs_txt_box ul {text-align:center;}
.ws_middle_banner_wrap .es_banner_txt_area .bs_txt_box ul li a {display:block;}
.ws_middle_banner_wrap .es_banner_txt_area .bs_txt_box ul li {}
.ws_middle_banner_wrap .es_banner_txt_area .bs_txt_box ul li img {max-width:100%;}
.ws_middle_banner_wrap .es_banner_txt_area .bs_txt_box ul li p {position:relative; min-height:36px; margin-top:10px; color:#fff; font-size:1.2em;}
.ws_middle_banner_wrap .es_banner_txt_area .bs_txt_box ul li p:after {content:''; display:block; position:absolute; top:0px; right:-5px; width:15px; height:16px; background:url('../../webis/img/middle_arrow.png') center no-repeat;}
.ws_middle_banner_wrap .es_banner_txt_area .bs_txt_box ul li p:hover {color:#ffa549;}
.ws_middle_banner_wrap .es_banner_txt_area .bs_txt_box ul li p.is_after_none:after {display:none;}

/* 최근게시물 */
.ws_main_latest_wrap {margin-bottom:80px;}

/* 고객센터 */
.ws_cs_wrap {}
.ws_cs_wrap .es_title {margin-bottom:10px; font-size:2em; letter-spacing:-0.5px;}
.ws_cs_wrap .es_content_area {height:262px; padding:35px; background:#f0f0f0;}
.ws_cs_wrap .es_content_area dl dt,
.ws_cs_wrap .es_content_area dl dd {display:inline-block; vertical-align:middle;}
.ws_cs_wrap .es_content_area .bs_cs_tel {}
.ws_cs_wrap .es_content_area .bs_cs_tel dl {}
.ws_cs_wrap .es_content_area .bs_cs_tel dl dt {}
.ws_cs_wrap .es_content_area .bs_cs_tel dl dt img {width:65px;}
.ws_cs_wrap .es_content_area .bs_cs_tel dl dd {margin-left:10px;}
.ws_cs_wrap .es_content_area .bs_cs_tel dl dd span {color:#777; font-size:1.5em; letter-spacing:-0.5px;}
.ws_cs_wrap .es_content_area .bs_cs_tel dl dd strong {display:block; margin-top:5px; font-size:2em;}
.ws_cs_wrap .es_content_area .bs_cs_info {margin-top:15px;}
.ws_cs_wrap .es_content_area .bs_cs_info dl {}
.ws_cs_wrap .es_content_area .bs_cs_info dl dt,
.ws_cs_wrap .es_content_area .bs_cs_info dl dd {margin-bottom:3px; font-size:1.3em; letter-spacing:-0.5px;}
.ws_cs_wrap .es_content_area .bs_cs_info dl dt {}
.ws_cs_wrap .es_content_area .bs_cs_info dl dd {margin-left:10px;}
.ws_cs_wrap .es_content_area .bs_cs_txt {margin-top:10px;}
.ws_cs_wrap .es_content_area .bs_cs_txt p {color:#26abce; font-weight:bold; font-size:1.2em;}


/* ==================================================================================================== *
 *
 *     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_quick_icon_wrap {margin-bottom:30px;}
	.ws_quick_icon_wrap ul li {margin-bottom:10px; border-right:0;}
	.ws_quick_icon_wrap ul li a em {width:50px; height:40px;background-size:385px;}
	.ws_quick_icon_wrap ul li a .es_quick_icon01, .ws_quick_icon_wrap ul li a:hover .es_quick_icon01 {background-position: -9px 0px;}
	.ws_quick_icon_wrap ul li a .es_quick_icon02, .ws_quick_icon_wrap ul li a:hover .es_quick_icon02 {background-position:-70px 0px;}
	.ws_quick_icon_wrap ul li a .es_quick_icon03, .ws_quick_icon_wrap ul li a:hover .es_quick_icon03 {background-position:-130px 0px;}
	.ws_quick_icon_wrap ul li a .es_quick_icon04, .ws_quick_icon_wrap ul li a:hover .es_quick_icon04 {background-position:-204px 0px;}
	.ws_quick_icon_wrap ul li a .es_quick_icon05, .ws_quick_icon_wrap ul li a:hover .es_quick_icon05 {background-position:-267px 0px;}
	.ws_quick_icon_wrap ul li a .es_quick_icon06, .ws_quick_icon_wrap ul li a:hover .es_quick_icon06 {background-position:-328px 0px;}
	.ws_quick_icon_wrap ul li a p {font-size:1.1em;}
	.ws_latest_gallery_wrap .es_title, .ws_cs_wrap .es_title {font-size:1.6em;}
	.ws_latest_gallery_wrap .es_content_area .bs_gallery_box {padding-right:0;}
	.ws_quick_box {height:140px !important;}
	.ws_quick_box a p {float:left;}
	.ws_quick_box a em {float:right; margin:20px 0;}
	.ws_bg_gray {margin-top:20px !important;}
	.ws_cs_wrap {margin-top:30px;}
	.ws_cs_wrap .es_content_area {min-height:264px;}
	.ws_cs_wrap .es_content_area .bs_cs_tel dl dt img {width:60px;}
	.ws_cs_wrap .es_content_area .bs_cs_tel dl dd span {font-size:1.4em;}
	.ws_cs_wrap .es_content_area .bs_cs_tel dl dd strong {font-size:2em;}
	.ws_cs_wrap .es_content_area .bs_cs_info dl dt, .ws_cs_wrap .es_content_area .bs_cs_info dl dd, .ws_cs_wrap .es_content_area .bs_cs_holiday span {font-size:1.2em;}
	.ws_cs_wrap .es_content_area .bs_cs_holiday strong {font-size:1.3em;}
	.ws_bottom_banner_wrap {display:none;}

	.ws_middle_banner_wrap{height:350px;}
	.ws_middle_banner_wrap .es_banner_txt_area{height:350px;}
	.ws_middle_banner_wrap .es_banner_txt_area .bs_txt_box{height:294px; margin-top:-147px;}
	.ws_middle_banner_wrap .es_banner_txt_area .bs_txt_box ul li p{font-size:1em;}
	.ws_middle_banner_wrap .es_banner_txt_area .bs_txt_box ul li p:after{top: 2px;right: -16px;width: 15px;height: 14px;}
	.ws_middle_banner_wrap .es_banner_txt_area .bs_txt_box ul .is_m_icon p:after {display:none;}

	/* 진실한마음 */
	.ws_spouse_wrap{margin-bottom:30px; padding:0;}
	.ws_spouse_wrap .es_spouse_txt_area{height:350px;}
	.ws_spouse_wrap .es_spouse_txt_area .bs_txt_box{top:45%;}
	.ws_spouse_wrap .es_spouse_txt_area .bs_txt_box ul {padding-bottom:0;}
	.ws_spouse_wrap .es_spouse_txt_area .bs_txt_box ul .is_tab_menu {margin-bottom:25px;}
	.ws_spouse_wrap .es_spouse_txt_area .bs_txt_box h2 {font-size:2.2em !important; text-align:center;}
	.ws_middle_banner_wrap .es_banner_txt_area .bs_txt_box ul li img {width:75px;}
	.ws_spouse_wrap .es_spouse_txt_area .bs_txt_box .is_tab_menu li a {font-size:1.2em;}
	.ws_spouse_wrap .es_spouse_txt_area p {font-size:1.1em;}

	/* 게시판 */
	.ws_latest_list_wrap .es_content_area .bs_list_box {margin:10px 0;}
	.ws_latest_list_wrap .es_content_area .bs_list_box .is_subject {font-size:1.1em;}

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

/* MEDIA (태블릿 이하) 991px 이하 */
@media all and (max-width:991px) {
	.ws_spouse_wrap .es_spouse_txt_area {height:300px}
	.ws_spouse_wrap .es_spouse_txt_area .bs_txt_box {height:280px; margin-top:-140px;}
	.ws_spouse_wrap .es_spouse_txt_area .bs_txt_box h2{font-size:2.7em;}
}

/* MEDIA (데스크탑 이하) 1279px 이하 */
@media all and (max-width:1279px) {
	.ws_quick_box {height:230px;}
	.ws_quick_box {background-image:none;}
	.ws_quick_box a h2 {font-size:1.6em;}

	.ws_middle_banner_wrap .es_banner_txt_area .bs_txt_box ul li{padding:8px;}
	.ws_middle_banner_wrap .es_banner_txt_area .bs_txt_box ul li p:after{right:-15px;}

	.ws_right_quick_wrap {display:none;}

}

/* ==================================================================================================== *
 *
 *     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_quick_box {background-image:url('../../webis/img/quick_bg01.png');}
	.ws_latest_gallery_wrap .es_content_area .bs_gallery_box .is_gallery_img {min-height:178px;}
	.ws_cs_wrap .es_content_area {min-height:278px;}
	.ws_cs_wrap .es_content_area .bs_cs_tel dl dt img {width:55px;}
	.ws_cs_wrap .es_content_area .bs_cs_tel dl dd span {font-size:1.2em}
	.ws_cs_wrap .es_content_area .bs_cs_tel dl dd strong {font-size:1.4em;}
	.ws_cs_wrap .es_content_area .bs_cs_info dl dt, .ws_cs_wrap .es_content_area .bs_cs_info dl dd, .ws_cs_wrap .es_content_area .bs_cs_holiday span {font-size:1.2em;}
	.ws_cs_wrap .es_content_area .bs_cs_holiday strong {font-size:1.3em;}
	.ws_bottom_banner_wrap .es_center_area .bs_site_box li {margin-right:8px;}
	.ws_bottom_banner_wrap .es_center_area .bs_site_box li a img {width:100px;}
}
/* MEDIA (데스크탑 구간만) 992px ~ 1279px */
@media all and (min-width:992px) and (max-width:1279px) {
	.ws_cs_wrap .es_content_area .bs_cs_tel dl dt,
	.ws_cs_wrap .es_content_area .bs_cs_tel dl dd {display:inline-block; vertical-align:middle;}
	.ws_cs_wrap .es_content_area .bs_cs_tel dl dt img {width:65px;}
	.ws_cs_wrap .es_content_area .bs_cs_tel dl dd {width:65%;}
	.ws_cs_wrap .es_content_area .bs_cs_tel dl dd span {font-size:1.4em}
	.ws_cs_wrap .es_content_area .bs_cs_tel dl dd strong {font-size:1.8em;}
	.ws_cs_wrap .es_content_area .bs_cs_info dl dt, .ws_cs_wrap .es_content_area .bs_cs_info dl dd {font-size:1.3em;}
	.ws_cs_wrap .es_content_area .bs_cs_holiday strong {font-size:1.4em;}
	.ws_bottom_banner_wrap .es_center_area .bs_site_box li {margin-right:20px;}
	.ws_bottom_banner_wrap .es_center_area .bs_site_box li a img {width:120px;}
}