@charset "utf-8";

/**************************************************
 *
 *     WEBIS ALL COMMON DESIGN STYLE SHEET
 *
 **************************************************/

textarea {width:100%; border:1px solid #ddd !important; border-radius: 3px !important; padding:5px;}
input[type="text"],select {padding:3px; border-radius: 3px; border:1px solid #ddd; height: 35px; width:100%;}
input[type="radio"] {width:21px; height:21px; display:inline-block;}
input[type="text"]::placeholder {font-size:0.9em;}
input:checked[type="radio"] {}
input[type="checkbox"] {width:21px; height:21px; display:inline-block; border:1px solid #ddd;}
input:checked[type="checkbox"] {}


/* ================================================== *
 *
 *          WEBIS STYLE SHEET - HEADER
 *
 * ================================================== */

#wd_header {position:relative; z-index:5;}
#wd_header .ws_top_box {position:absolute; width:100%; height:38px; background:rgba(0,0,0,0.6);}
#wd_header .ws_top_box .es_left {}
#wd_header .ws_top_box .es_left ul {}
#wd_header .ws_top_box .es_left ul li {float:left; text-align:center; border-right:1px solid rgba(255,255,255,.2);}
#wd_header .ws_top_box .es_left ul li a {color:#d0d0d0;}
#wd_header .ws_top_box .es_left ul li:first-child {border-left:1px solid rgba(255,255,255,.2);}
#wd_header .ws_top_box .es_left ul li:hover a {background-color:#fff; color:#000;}
#wd_header .ws_top_box .es_left ul li a {display:inline-block; padding:10px 10px;}
#wd_header .ws_top_box .es_left ul li a i {color:#ffca00; margin-right:3px;}
#wd_header .ws_top_box .es_right {float:right;}
#wd_header .ws_top_box .es_right ul {}
#wd_header .ws_top_box .es_right ul li {float:left; text-align:right; border-right:1px solid rgba(255,255,255,.2);}
#wd_header .ws_top_box .es_right ul li a {color:#d0d0d0;}
#wd_header .ws_top_box .es_right ul li:first-child {border-left:1px solid rgba(255,255,255,.2);}
#wd_header .ws_top_box .es_right ul li:hover a {background-color:#fff; color:#000;}
#wd_header .ws_top_box .es_right ul li a {display:inline-block; padding:10px 10px; text-align:center;}
#wd_header .es_logo {margin-top:10px;}

 /* ================================================== *
 *
 *          WEBIS STYLE SHEET - NAV
 *
 * ================================================== */

.ws_menu_box {position:absolute; width:100%; top:38px; background: rgba(0,0,0,0.3); border-bottom:1px solid #eee; height: 80px;}
.ws_menu_box #wd_nav {}
.ws_menu_box #wd_nav ul {}
.ws_menu_box .ws_top_menu {margin-top: 8px;}

/* 상단메뉴 > 1차 */

#menu2{font-family:NanumGothicBold,Helvetica,'Apple SD Gothic Neo',Sans-serif;}
#menu2 ul li .headlink{color:#fff;} /*1차메뉴 마우스아웃시 글자색*/
#menu2 ul li:hover .headlink,#menu2 ul li.on .headlink{color:#ffffff;}/*1차메뉴 마우스오버시 글자색*/
#menu2 ul li ul{background:#012F59;}/*2차메뉴 배경색*/
#menu2 ul li:hover ul li a,#menu2 ul li.on ul li a{color:#F0F8FF;}/*2차메뉴 비활성화시 글자색*/
#menu2 ul li:hover ul li:hover a,#menu2 ul li.on ul li:hover a{color:#ffdede;}/*2차메뉴 활성화시 글자색*/

#menu2{position:relative;float:left;width:100%;height:70px; letter-spacing:-1px;}
#menu2 ul{position:relative;overflow:visible;height:100%;z-index:9999;padding:0 20px}
#menu2 ul li.bs_1st_li {width:16%;}
#menu2 ul li{float:left;height:100%;position:relative;}
#menu2 ul li .headlink {display:block;height:70px;line-height:70px;font-size:1.5em;font-weight:bold;text-decoration:none;text-align:center;overflow:hidden;}
#menu2 ul li:hover,#menu2 ul li:hover ul{background-color:#dc3d2c;}
#menu2 ul li ul{display:none;position:absolute;top:70px;width:180px;height:auto;white-space:nowrap;border-top:0;padding:5px 0;}
#menu2 ul li ul li {display:block;float:none;white-space:nowrap;background-image:none;}
#menu2 ul li ul li a {display:block;padding:0 10px;height:28px;line-height:28px;font-size:13px;white-space:nowrap;zoom:1;font-weight:bold;text-decoration:none;}


/* 모바일 메뉴 */
.ws_mobile_menu {display:none;}
.ws_mobile_menu .es_menu_btn {}
.ws_mobile_menu .es_menu_btn i {color:#dc3d2c;}

/* 모바일메뉴 */
.ws_nav_mobile_wrap {display:none}
.ws_nav_mobile_wrap .es_menu_bg {display: block;position: fixed;top: 0;bottom: 0;left: 0;right: 0;z-index: 1003;background: #000;opacity: 0.5;}
.ws_nav_mobile_wrap .es_all_wrap {z-index:9999;position: fixed;top:0;right:0;bottom:0;width:50%;background-color: #dc3d2c;}
.ws_nav_mobile_wrap .es_all_wrap .bs_menu_box {position: relative;height: 100%;width: 100%;overflow-y: auto;}
.ws_nav_mobile_wrap .es_all_wrap .bs_menu_box .is_1st_ul .ss_1st_li {clear: both;}
.ws_nav_mobile_wrap .es_all_wrap .bs_menu_box .is_1st_ul .ss_1st_li .m_1st_a {display: block; padding: 20px; color: #000; font-size: 1.2em; letter-spacing: -0.5px; border-bottom: 1px solid #ddd; background-color:#fff;}
.ws_nav_mobile_wrap .es_all_wrap .bs_menu_box .is_1st_ul .ss_1st_li .m_1st_a .btn_plus {float:right;}
.ws_nav_mobile_wrap .es_all_wrap .bs_menu_box .is_1st_ul .ss_1st_li .m_1st_a .btn_plus i {color:#c1c1c1;}
.ws_nav_mobile_wrap .es_all_wrap .bs_menu_box .is_1st_ul .ss_1st_li ul.m_2nd_ul {display: none; overflow:hidden}
.ws_nav_mobile_wrap .es_all_wrap .bs_menu_box .is_1st_ul .ss_1st_li ul.m_2nd_ul .m_2nd_li {float: left; width: 100%; background: #f9f9f9; border-bottom: 1px solid #ddd; position: relative;}
.ws_nav_mobile_wrap .es_all_wrap .bs_menu_box .is_1st_ul .ss_1st_li ul.m_2nd_ul .m_2nd_li:before {content: '·'; display: inline-block; position: absolute; left: 10px; top: 10px;; color: #cccccc; font-size: 23px;}
.ws_nav_mobile_wrap .es_all_wrap .bs_menu_box .is_1st_ul .ss_1st_li ul.m_2nd_ul .m_2nd_li a {display: block; padding: 9px; font-size: 1em; padding-left: 20px;}
.ws_nav_mobile_wrap .es_all_wrap .bs_menu_box .is_1st_ul .ss_1st_li ul.m_2nd_ul .m_2nd_li ul.m_3rd_ul {background:#eee; padding-left: 10px;}
.ws_nav_mobile_wrap .es_all_wrap .bs_menu_box .is_1st_ul .ss_1st_li ul.m_2nd_ul .m_2nd_li ul.m_3rd_ul li {border-bottom:1px solid #ddd;}
.ws_nav_mobile_wrap .es_all_wrap .bs_menu_box .is_close_btn {padding:20px; border-bottom: 1px solid rgba(255,255,255,.5);}
.ws_nav_mobile_wrap .es_all_wrap .bs_menu_box .is_close_btn span {font-weight:bold; font-size:1.3em; letter-spacing:-0.5px; color:#fff;}
.ws_nav_mobile_wrap .es_all_wrap .bs_menu_box .is_close_btn a {float: right; display: block; background:url(../../img/m_btn_close.png) center no-repeat; width:23px; height:23px; font-size:0;}






 /* ================================================== *
 *
 *          WEBIS STYLE SHEET - CONTAINER
 *
 * ================================================== */



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

hr.h_l {display:block; width:50px; margin: 20px 0; border:2px solid #DA3D2A;}
hr{display:block; width:50px; border:2px solid #DA3D2A;}
img {max-width: 100%;}

#ws_main_visiul {position:relative; height:710px;}
#ws_main_visiul .es_visual_img {height:710px; background:url('../../webis/img/main_visual02.png') center no-repeat;}
#ws_main_visiul .es_visual_img .bs_visual_txt {position:absolute; top:30%; left:25%; color:#fff;}
#ws_main_visiul .es_visual_img .bs_visual_txt h3 {font-size:5em; text-shadow: 1px 1px 1px rgba(0,0,0,.8);}
#ws_main_visiul .es_visual_img .bs_visual_txt p {padding: 20px 0; font-size: 1.7em; line-height: 1.25em; text-shadow: 1px 1px 1px rgba(0,0,0,.8); letter-spacing: -1px;}

.ws_main_conts_box {position:absolute; top:510px; height:526px;}
.ws_main_conts_box .es_conts_wrap {}
.ws_main_conts_box .es_conts_wrap div {float:left;}
.ws_main_conts_box .es_conts_wrap .bs_main_product {width:40%; height:305px; background:url('../../webis/img/main_product.png') #d13a2a no-repeat; padding:55px 20px;}
.ws_main_conts_box .es_conts_wrap .bs_main_product .is_conts_txt span {display:block; color:#fff; font-size:1.15em; margin-bottom:30px;}
.ws_main_conts_box .es_conts_wrap .bs_main_product .is_conts_txt p {color:#fff; font-size:2.5em; line-height:1.4em; font-weight:bold; margin-bottom:50px;} 
.ws_main_conts_box .es_conts_wrap .bs_main_product .is_conts_txt a {color:#fff; font-size:1.15em;  margin-bottom:10px;}

.ws_main_conts_box .es_conts_wrap .bs_main_null {width:30%; height:305px; background:url('../../webis/img/main_null.png') no-repeat;}

.ws_main_conts_box .es_conts_wrap .bs_main_cscenter {width:70%; height:220px; background:url('../../webis/img/main_cscenter.png') #0f9f96 no-repeat; padding:50px 20px;}
.ws_main_conts_box .es_conts_wrap .bs_main_cscenter .is_conts_txt {margin-left:60%;}
.ws_main_conts_box .es_conts_wrap .bs_main_cscenter .is_conts_txt span {display:block; color:#fff; font-size:1.15em; margin-bottom:10px;}
.ws_main_conts_box .es_conts_wrap .bs_main_cscenter .is_conts_txt p {color:#fff; font-size:2.5em; line-height:1.4em; font-weight:bold; margin-bottom:20px;} 
.ws_main_conts_box .es_conts_wrap .bs_main_cscenter .is_conts_txt a {color:#fff; font-size:1.15em;  margin-bottom:10px;}

.ws_main_conts_box .es_conts_wrap .bs_main_company {position:relative; top:-305px; width:30%; height:525px; background:url('../../webis/img/main_company.png') #bd860f center no-repeat; padding:45px 20px;}
.ws_main_conts_box .es_conts_wrap .bs_main_company .is_conts_txt span {display:block; color:#fff; font-size:1.15em; margin-bottom:10px;}
.ws_main_conts_box .es_conts_wrap .bs_main_company .is_conts_txt p {color:#fff; font-size:2.5em; line-height:1.4em; font-weight:bold; margin-bottom:20px;} 
.ws_main_conts_box .es_conts_wrap .bs_main_company .is_conts_txt a {color:#fff; font-size:1.15em;  margin-bottom:10px;}

.ws_field_business_box {margin-top:400px;}
.ws_field_business_box h2 {text-align:center; font-size:3em; font-weight:bold; text-transform: uppercase;}
.ws_field_business_box .es_business_conts_wrap {min-height:450px;margin-top:50px; border:solid #ddd; border-width:1px 1px 7px 0}
.ws_field_business_box .es_business_conts_wrap.es_first_line {border-left:1px solid #ddd;}
.ws_field_business_box .es_business_conts_wrap:hover {border-bottom-color:#DA3D2A;}
.ws_field_business_box .es_business_conts_wrap .bs_business_conts {margin:20px;}
.ws_field_business_box .es_business_conts_wrap .bs_business_conts .is_business_conts_txt {margin:30px 0;}
.ws_field_business_box .es_business_conts_wrap .bs_business_conts .is_business_conts_txt span {font-size:1.3em; color: #a9a9a9; text-transform: uppercase;}
.ws_field_business_box .es_business_conts_wrap .bs_business_conts .is_business_conts_txt h3 {font-size:1.8em; line-height:2.5em;}
.ws_field_business_box .es_business_conts_wrap .bs_business_conts .is_business_conts_txt p {font-size:1.2em; text-overflow: ellipsis; white-space: normal;-webkit-line-clamp: 3;display: -webkit-box;overflow: hidden; -webkit-box-orient: vertical;}
.ws_field_business_box .es_btn {margin:30px 0; text-align:center}
.ws_field_business_box .es_btn a:hover {background:#DA3D2A; color:#fff;}
.ws_field_business_box .es_btn a {display:inline-block; padding:10px 40px; border:1px solid #ddd; font-weight:bold; font-size:1.15em;}

.ws_product_box {background: #f9f9f9; padding: 60px 0; text-align: center; margin-top: 40px;}
.ws_product_box h2 {font-size:2.5em; font-weight:bold; position: relative; padding-bottom: 25px;}
.ws_product_box h2:after {content:''; display: block; width: 50px; height:4px; background-color:#DA3D2A; position: absolute; left:48%; bottom:0;}
.ws_product_box .es_product_conts_wrap .bs_product_conts {margin-top:20px}
.ws_product_box .es_product_conts_wrap .bs_product_conts li {}
.ws_product_box .es_product_conts_wrap .bs_product_conts li img {}
.ws_product_box .es_product_conts_wrap .bx-wrapper {width:100%; background:#f9f9f9;}
.ws_product_box .es_product_conts_wrap .bx-wrapper li p a {padding-right:55px; font-size:1.3em; font-weight:bold;}


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

#wd_sub_visual {background-color:#585858; background:url('../../webis/img/main_visual01.png') center no-repeat;}
#wd_sub_visual .es_sub_visual {background-position:center; background-repeat:no-repeat; height:378px;}
#wd_sub_visual .es_sub_visual h2 {text-align: center; color: #fff; font-size: 3em; letter-spacing: -1px; margin-top: 200px;}

.wd_aside {margin-top: 25px; min-height:420px}
.wd_aside h2 {font-size: 2.1em; letter-spacing:-1px; padding: 20px; text-align: center; height: 100px; background-color:#474747; color:#fff; line-height: 60px;}
.wd_aside .es_1st_ul {}
.wd_aside .es_1st_ul .bs_1st_li {border-bottom:1px solid #eee;}
.wd_aside .es_1st_ul .bs_1st_li a {letter-spacing: -0.5px;}
.wd_aside .es_2nd_ul {}
.wd_aside .es_2nd_ul .bs_2nd_li {padding:5px; border-bottom:1px solid #eee;}
.wd_aside .es_2nd_ul_on .bs_2nd_li_on {}
.wd_aside .es_2nd_ul_on .bs_2nd_li_on a {color:#dc3d2c; font-weight:bold;}
.wd_aside .es_2nd_ul .bs_2nd_li:last-child {border-bottom:0;}
.wd_aside .es_2nd_ul .bs_2nd_li a {}
.wd_aside a {display: block; padding: 10px 10px; font-size: 1.1em;}
.wd_aside a.is_1st_a {background-color:#f3f3f3; color:#5a5a5a; font-weight:bold; font-size:1.2em; padding:20px 10px;}
.wd_aside a.is_1st_a:after {position: absolute; right: 10px; font-family: 'FontAwesome'; content: "\f067"; color: #474747;}
.wd_aside a.is_1st_a.Open {padding: 20px 10px; background:#dc3d2c; font-weight:bold; color:#fff;}
.wd_aside a.is_1st_a.Open:after {position: absolute; right: 10px; font-family: 'FontAwesome'; content: "\f068"; color: #fff;}
.wd_aside a.is_1st_a_close:after {}

/* 서브컨텐츠 레이아웃 */
#wd_contents {position: relative; margin-bottom: 100px;}
#wd_contents h2.es_sub_title {padding:20px 0; border-bottom:1px solid #eee; font-size:1.35em; display:none;}
#wd_contents .es_sub_wrap {margin-left:40px;}

/* 접속경로 */
#wd_location {border-bottom: 1px solid #eee; overflow: hidden; margin: 20px 0; padding-bottom: 10px;}
#wd_location ul {float: left; margin: 5px 10px 0 0;}
#wd_location ul li {display:inline-block; }
#wd_location ul li:after {content: '>'; display: inline-block; margin: 0 5px;}
#wd_location ul li:last-child:after {display:none;}
#wd_location ul li a {padding:5px 10px; display:inline-block;}

/* 확대,축소버튼 */
#wd_location .es_zoom {float: left; float: right;}
#wd_location .es_zoom a {padding:5px 10px; border:1px solid #ddd; display:inline-block;}

/* 검색창 */
.hd_sch_wr {display:none;position: absolute; top: 27px; right: 300px; width: 220px; margin-left: -215px; z-index: 99999999; border: 1px solid rgba(255,255,255,.3);}
.hd_sch_wr.hd_sch_open {display:block !important;}
#hd_sch h3 {position:absolute;font-size:0;line-height:0;overflow:hidden}
#hd_sch{background:#fff;overflow:hidden; background:rgba(0,0,0,.9);}
#hd_sch #sch_stx {padding-left:10px;height:40px;width:168px;border:0;float:left;font-size:1.25em; background: rgba(0,0,0,.9);}
#hd_sch #sch_submit {height:40px;border:0;background:rgba(0,0,0,.9);color:#969696;width:50px;float:left;cursor:pointer;font-size:18px; }

 /* ================================================== *
 *
 *          WEBIS STYLE SHEET - FOOTER
 *
 * ================================================== */


#wd_footer {background: #444;}
#wd_footer .ws_footer_menu_box {padding:5px 0; border-top: 1px solid #ddd; overflow: hidden;}
#wd_footer .ws_footer_menu_box ul {overflow:hidden; text-align:center;}
#wd_footer .ws_footer_menu_box ul li {display: inline-block;}
#wd_footer .ws_footer_menu_box ul li a {display: inline-block; padding: 5px; color:#fff; line-height: 31px; font-size: 1.15em; letter-spacing: -0.5px;}
#wd_footer .ws_footer_menu_box ul li a.es_privacy {color:#b75aff;}
#wd_footer .ws_copyright_box {padding: 30px 0; border-top:1px solid #ddd;}
#wd_footer .ws_copyright_box .es_ft_info {color:#787878; font-size: 1.15em;}
#wd_footer .ws_copyright_box .es_ft_info ul {padding-left:30px;}
#wd_footer .ws_copyright_box .es_ft_info ul li {margin-bottom:7px; color:rgba(255,255,255,.6);}
#wd_footer .ws_copyright_box .es_ft_info ul li span {display:inline-block; margin-right:5px;}
#wd_footer .ws_copyright_box .es_ft_info ul li strong {color:#aaa;}


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

/* MEDIA (모바일 이하) 767px 이하 */
@media all and (max-width:767px) {
	hr.h_l {margin:0;}
	.wd_area {padding:0 10px;}
	#ws_main_visiul .es_visual_img .bs_visual_txt {left: 10%;}
	#ws_main_visiul .es_visual_img .bs_visual_txt img {max-width:85%;}
	.ws_main_conts_box {top:500px; height: 526px;}
	.ws_main_conts_box .es_conts_wrap .bs_main_product {width:51%; height: 236px; background-image:none; padding: 40px 20px;}
	.ws_main_conts_box .es_conts_wrap .bs_main_product .is_conts_txt p,
	.ws_main_conts_box .es_conts_wrap .bs_main_cscenter .is_conts_txt p,
	.ws_main_conts_box .es_conts_wrap .bs_main_company .is_conts_txt p {font-size: 1.3em;}
	.ws_main_conts_box .es_conts_wrap .bs_main_null {display:none;}
	.ws_main_conts_box .es_conts_wrap .bs_main_cscenter {width:51%; height:180px; padding: 35px 10px; background-image:none;}
	.ws_main_conts_box .es_conts_wrap .bs_main_cscenter .is_conts_txt {margin-left: 8%;}
	.ws_main_conts_box .es_conts_wrap .bs_main_company {top: -236px; width: 46%; height: 416px; padding: 38px 20px;}
	.ws_field_business_box {margin-top: 230px;}
	.ws_field_business_box .es_business_conts_wrap {min-height: 260px;}
	.ws_field_business_box .es_business_conts_wrap .bs_business_conts {margin: 10px;}
	.ws_field_business_box .es_business_conts_wrap .bs_business_conts .is_business_conts_txt {margin: 15px 0;}
	.ws_field_business_box .es_business_conts_wrap .bs_business_conts .is_business_conts_txt span {font-size: 1em;}
	.ws_field_business_box .es_business_conts_wrap .bs_business_conts .is_business_conts_txt h3 {font-size: 1.3em;}
	.ws_field_business_box .es_business_conts_wrap .bs_business_conts .is_business_conts_txt p {font-size: 1.05em;}
	.ws_copyright_box .es_ft_info img {display:none;}
	#wd_footer .ws_copyright_box .es_ft_info ul {padding-left:0;}
	
}

/* MEDIA (태블릿 이하) 991px 이하 */
@media all and (max-width:991px) {
	.wd_area {padding:0 10px;}	
}

/* MEDIA (데스크탑 이하) 1279px 이하 */
@media all and (max-width:1279px) {
	.wd_area {padding:0 10px;}
	.ws_top_menu {display:none;}
	.ws_mobile_menu {display:block;}
	.ws_mobile_menu {text-align:right;}
	.ws_mobile_menu .es_menu_btn {display: inline-block; margin-top: 20px;}
	.ws_mobile_menu .es_menu_btn i {font-size:2em;}
	#wd_contents img {max-width:100%;}
	.wd_aside {display:none;}
	#wd_contents .es_sub_wrap {margin-left:0;}
}

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

}