@charset "utf-8";

/**************************************************
 *
 *     WEBIS PC USER DESIGN STYLE SHEET
 *
 **************************************************/

.css_example {
/* 레이아웃 */
display:block;visibility:none;overflow:hidden;float:left;clear:both;
position:relative;top:0;right:0;left:0;bottom:0;z-index:0;
width:0px;height:0px;padding:0;margin:0;
/* 보더 */
border-line:0;border-style:solid;border-color:0;border-radius:0;
/* 폰트 */
font-style:bold;font-variant:small-caps;font-weight:bold;font-size:0;line-height:0;font-family:'돋움', dotum, sans-serif;
/* 백그라운드 */
background-color:#000;background-position:0 0;background-size:100%;background-repeat:no-repeat;background-image:url('');
}


/* ================================================== *
 *
 *          WEBIS STYLE SHEET - COMMON
 *
 * ================================================== */
select {padding:3px; border:1px solid #eee;}
input[type="checkbox"], input[type="radio"] {width: 14px; height: 14px; display: inline-block; -webkit-appearance: none; margin-top: 0; margin-right: 3px;}
input[type="checkbox"] {background:url(../../webis/img/checkbox_off.png) center no-repeat;}
input:checked[type="checkbox"] {background:url(../img/checkbox_on.png) center no-repeat;}
input[type="radio"] {background:url(../../webis/img/radio_off.png) center no-repeat;}
input:checked[type="radio"] {background:url(../../webis/img/radio_on.png) center no-repeat;}
/* 프리로더 */
.ws_preloader {position: fixed; background-color:rgba(0,0,0,.5);  width:100%; height:100%; z-index: 99;}
.ws_preloader .es_load_img {position: absolute; left: 50%; top: 50%; margin-left: -70px; border-radius: 5px; padding: 30px; background-color: #fff; text-align: center; margin-top: -70px;} 
.ws_preloader .es_load_img h3 {margin-top:10px; letter-spacing:-0.5px;}

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


#wd_header {}
#wd_header .ws_top_wrap {background-color:#f9f9f9; height:40px; padding:10px 0; margin-bottom:20px;}
#wd_header .ws_top_wrap ul {}
#wd_header .ws_top_wrap ul li {float:left; margin-left:5px; font-size:0.9em;}
#wd_header .ws_top_wrap ul li:before {background:rgba(0,0,0,.15); width: 1px; height: 15px; content: ''; float: left; position: relative; top: 1px; margin-right:6px;}
#wd_header .ws_top_wrap ul li:first-child:before {display:none;}
#wd_header .ws_top_wrap ul li a {text-decoration:none !important;}
#wd_header .ws_top_wrap ul li #es_fav_icon {}
#wd_header .ws_top_wrap ul li #es_call_icon {font-weight:bold;}
#wd_header .ws_top_wrap ul li #es_fav_icon:before,
#wd_header .ws_top_wrap ul li #es_call_icon:before {font-family:Fontawesome; margin-right:5px}
#wd_header .ws_top_wrap ul li #es_fav_icon:before {content:'\f005'; font-size: 1.1em}
#wd_header .ws_top_wrap ul li #es_call_icon:before {content:'\f2a0'; border-radius:50%; color:#fff; background:#145EA9; border-radius:50%; width:18px; line-height: 18px; text-align:center; display:inline-block; font-size:0.9em;}

/* 로고영역 */
.ws_top_info_wrap {margin: 15px 0;}
.ws_top_info_wrap .es_logo {}
.ws_top_info_wrap .es_logo a {margin-top: 5px; display: inline-block;}
.ws_top_info_wrap .es_logo a img {}

/* 검색박스 */
.ws_top_info_wrap .es_search {float: left; position: relative; padding: 5px;  max-width: 450px; border:3px solid #145EA9;}
.ws_top_info_wrap .es_search select {float: left; width: 113px; border: 0; padding: 0; z-index: 1; height: 28px; background-color:#fff;}
.ws_top_info_wrap .es_search .bs_divide {float: left; height: 22px; margin: 3px 5px; border-left: 1px solid #d1d1d1;}
.ws_top_info_wrap .es_search input[type="text"] {float: left; width: 270px; border: 0; padding: 4px 0 4px 4px; height: 30px;}
.ws_top_info_wrap .es_search button {float: right; display: block; border: 0 !important; box-shadow: none; font-size: 0px; padding: 0; width: 30px; text-align: center; background-color:transparent}
.ws_top_info_wrap .es_search button:before {content: '\f002'; font-size: 19px; font-family: Fontawesome; line-height: 30px; color:#145EA9;}

/* 우측상단 홍보배너 */
.ws_top_info_wrap .es_top_banner {width: 188px !important; height:70px; float: right; background:url(../../webis/img/no_img/188x70.png) center no-repeat; margin-top: -10px;}
.ws_top_info_wrap .es_top_banner .bx-viewport {}
.ws_top_info_wrap .es_top_banner .bx-wrapper .bx-pager {text-align:right !important;top: -5px !important; right: 10px; width: auto; height: 20px;}
.ws_top_info_wrap .es_top_banner .bx-wrapper .bx-pager a {margin:0 3px !important}
.ws_top_info_wrap .es_top_banner .bx-wrapper .bx-pager a.active {background-color:#145EA9 !important}



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

/* 상단메뉴 > 1차 */
#wd_nav {background: #145EA9;}
#wd_nav ul.es_1st_ul {} 
#wd_nav ul.es_1st_ul li:first-child {float:left; }
#wd_nav ul.es_1st_ul .bs_1st_li {float:left; width: 11.9%; position: relative; text-align: center; font-weight: bold;} 
#wd_nav ul.es_1st_ul .bs_1st_li:hover {background-color:#125498;}
#wd_nav ul.es_1st_ul li:first-child #bs_nav_all_open {height: 50px; line-height: 51px; background-color: #125498; width: 50px; display: inline-block; text-align: center;}
#wd_nav ul.es_1st_ul li:first-child #bs_nav_all_open i {color:#fff; font-size: 1.5em;}
#wd_nav ul.es_1st_ul .es_1st_ul .bs_data_empty {display:block; text-align:center;}
#wd_nav ul.es_1st_ul .bs_1st_li .is_1st_a {font-size: 1.1em; height: 50px; display: block;color: #fff; font-weight: bold; line-height: 51px;} 
#wd_nav ul.es_1st_ul .bs_1st_li .es_2nd_ul {display:none; position: absolute; left: 0; top: 50px; z-index: 99; background: #fff; width: 100%; background: #145EA9;} 
#wd_nav ul.es_1st_ul .bs_1st_li .es_2nd_ul .bs_2nd_li {float:none; border-bottom: 1px solid rgba(255,255,255,.3); font-weight:normal; font-size:0.85em;} 
#wd_nav ul.es_1st_ul .bs_1st_li .es_2nd_ul .bs_2nd_li:last-child {margin-bottom:0; border-bottom:0;}
#wd_nav ul.es_1st_ul .bs_1st_li .es_2nd_ul .bs_2nd_li:hover {background-color:#125498;}
#wd_nav ul.es_1st_ul .bs_1st_li .es_2nd_ul .bs_2nd_li .is_2nd_a {font-size: 1.25em; letter-spacing: -1px; padding: 9px 12px; color: #fff; display: block;}

/* 서브페이지 상단메뉴 > 1차 */
#wd_menu_nav {}
#wd_menu_nav {border-bottom:1px solid #ddd;}
#wd_menu_nav ul {}
#wd_menu_nav ul li {float:left; border-right:1px solid #ddd;}
#wd_menu_nav ul li:first-child {width:56px; border-left:1px solid #ddd;}
#wd_menu_nav ul li:first-child a {min-width:50px;}
#wd_menu_nav ul li:first-child a i {color:#444; font-size:1.2em;}
#wd_menu_nav ul li a {display: table-cell; position: relative; height: 50px; min-width: 160px; padding: 0 20px; vertical-align: middle;}
#wd_menu_nav ul li a i {float: right; color:#d0d0d0;}

/* 3차이상 메뉴 */
#wd_depth_menu {padding:10px 0; background-color:#f9f9f9; border-bottom:1px solid #ddd;}
#wd_depth_menu dl {overflow: hidden; margin-bottom:10px;}
#wd_depth_menu dl:last-child {margin-bottom:0;}
#wd_depth_menu dl dt {border-radius: 50px; padding:10px; border:1px solid #4A505D; color:#4A505D; text-align:center;float:left; font-weight:bold; font-size:1.0em; background-color:#fff; margin-right:10px;}
#wd_depth_menu dl dd {float:left; padding:10px 5px; margin-right:10px;}
#wd_depth_menu dl dd:last-child {margin-right:5px;}
#wd_depth_menu dl dd a {display:block;}
#wd_depth_menu dl dd a:hover {color:#145EA9; font-weight:bold; text-decoration:none;}




 /* ================================================== *
 *
 *          WEBIS STYLE SHEET - MAIN CONTANTS
 *
 * ================================================== */
#wd_container {margin-bottom: 60px;}

#wd_main_visiul {height:500px; position: relative; left: 50%; width: 1920px; margin-left: -952px;}
#wd_main_visiul .es_main_visual_bx {}
#wd_main_visiul .es_main_visual_bx li {text-align: center;}
#wd_main_visiul .es_main_visual_bx li img {max-width:auto;}
#wd_main_visiul .bx-wrapper {border:none;margin-bottom:0}
#wd_main_visiul .bx-wrapper img {display:initial;max-width:none;}
#wd_main_visiul .bx-wrapper .bx-pager {bottom:20px}
#wd_main_visiul .bx-wrapper .bx-pager.bx-default-pager a {width:12px;height:12px;background-color:rgba(255,255,255,.7)}
#wd_main_visiul .bx-wrapper .bx-pager.bx-default-pager a.active {background-color:#145EA9}

/* MD추천 */
.ws_md_wrap {margin:45px 0;}
.ws_md_wrap h2 {font-size: 2.2em; text-align: center; font-weight: bold; margin-bottom: 2em}
.ws_md_wrap h2:after {content: ''; width: 30px; height: 3px; display: block; position: relative; top: 20px; margin: 0 auto; background: #125498;}

/* MD 추천 스킨 (썸네일 스킨 원형) */
.ws_md_wrap .es_thumb_round {margin-left:1em}
.ws_md_wrap .es_thumb_round li {}
.ws_md_wrap .es_thumb_round li a {}
.ws_md_wrap .es_thumb_round li a:hover.bs_link .is_text {background:rgba(0,0,0,.8);}
.ws_md_wrap .es_thumb_round li a.bs_link {background:#000; display:block; position: relative; overflow: hidden; margin:0em 1em 1em 0em;}
.ws_md_wrap .es_thumb_round li a.bs_link .is_thumb {height:256px;text-align:center; background:url(../../webis/img/no_img/258x261.png) center no-repeat;}
.ws_md_wrap .es_thumb_round li a.bs_link .is_thumb img {width:auto !important;max-width:none;height:100% !important;}
.ws_md_wrap .es_thumb_round li a.bs_link .is_text {position:absolute; top:0; text-align:center; padding:6.5em 0em; color:#fff; width:100%; height:100%; background:rgba(0,0,0,.25);}
.ws_md_wrap .es_thumb_round li a.bs_link .is_text .ss_place {font-size:1.0em}
.ws_md_wrap .es_thumb_round li a.bs_link .is_text .ss_tit {font-size: 1.6em; font-weight: bold; letter-spacing: -0.03em; margin: 0em 1em; border-bottom: 1px solid rgba(256,256,256,0.5); display: -webkit-box; overflow: hidden; height: 50px;}
.ws_md_wrap .es_thumb_round li a.bs_link .is_text .ss_tit:after {content:''; width:100%; height:1px; background-color:#fff; display:block;}
.ws_md_wrap .es_thumb_round li a.bs_link .is_text .ss_term {margin-top:1em; display:block;}

/* HOT 태그 */
.ws_tag_wrap {background:url(../../webis/img/no_img/1920x182.png) no-repeat 50%; background-size:auto 100%; padding:5em 0em ;color:#fff; margin-bottom:40px; width:100%; height:182px;}
.ws_tag_wrap .es_tag_title {}
.ws_tag_wrap .es_tag_title h2 {font-size:2.2em; font-weight:bold;}
.ws_tag_wrap .es_tag_title p {font-size:1.2em;margin-top:0.5em}
.ws_tag_wrap .es_tag_link {text-align:right}
.ws_tag_wrap .es_tag_link a {display:inline-block;color:inherit;line-height: 38px;margin:0 0 5px 0;padding:0 11px;font-size: 1.05em;display: inline-block;background-color:rgba(0,0,0,0.5)}
.ws_tag_wrap .es_tag_link a:hover {background-color:#579ee9; transition: all .3s ease-in-out; text-decoration:none;}

/* 추천 이벤트 */
.ws_main_bn_wrap {}
.ws_main_bn_wrap h2 {font-size: 2.2em; text-align: center; font-weight: bold; margin-bottom: 2em}
.ws_main_bn_wrap h2:after {content: ''; width: 30px; height: 3px; display: block; position: relative; top: 20px; margin: 0 auto; background: #125498;}
.ws_main_bn_wrap div a:hover {}
.ws_main_bn_wrap div a img {max-width:100%;}
.ws_main_bn_wrap .es_bn_left {width:540px; height:315px; background:url(../../webis/img/no_img/540x315.png) center no-repeat;  overflow:hidden;}
.ws_main_bn_wrap .es_bn_right {width: 540px; overflow:hidden;} 
.ws_main_bn_wrap .es_bn_right a {display:block; width: 540px; height: 147px; background:url(../../webis/img/no_img/540x147.png) center no-repeat;}
.ws_main_bn_wrap .es_bn_right a:first-child {margin-bottom:20px;}

/* 추천상품 */
.ws_rec_product_wrap {margin:65px 0 0 0; background: #f9f9f9; padding: 30px 0}
.ws_rec_product_wrap h2 {font-size: 2.2em; text-align: center; font-weight: bold; margin-bottom: 2em}
.ws_rec_product_wrap h2:after {content: ''; width: 30px; height: 3px; display: block; position: relative; top: 20px; margin: 0 auto; background: #125498;}

/* 추천상품 스킨 (썸네일 스킨 가로형) */
.ws_rec_product_wrap .es_hor_thumb {margin-left:1em;}
.ws_rec_product_wrap .es_hor_thumb li {}
.ws_rec_product_wrap .es_hor_thumb li a.bs_link {height: 167px; border:1px solid rgba(0,0,0,.1); display:block; overflow:hidden; margin:0em 1em 1em 0em; background: #fff;}
.ws_rec_product_wrap .es_hor_thumb li a.bs_link .is_thumb {float:left; background:url(../../webis/img/no_img/220x165.png) center no-repeat; width:219px; height:165px;}
.ws_rec_product_wrap .es_hor_thumb li a.bs_link .is_thumb img {width:100% !important;height:auto !important}
.ws_rec_product_wrap .es_hor_thumb li a.bs_link .is_text {overflow:hidden; padding:1.2em 1em;}
.ws_rec_product_wrap .es_hor_thumb li a.bs_link .is_text .ss_cate {display:block; font-size: 0.9em;}
.ws_rec_product_wrap .es_hor_thumb li a.bs_link .is_text .ss_cate:before {content:''; width:12px; height:2px; display:block; margin-bottom:5px; background-color:#125498;}
.ws_rec_product_wrap .es_hor_thumb li a.bs_link .is_text .ss_tit {font-size: 1.2em; font-weight: bold; letter-spacing: -0.03em;  overflow: hidden; display: block; margin: 10px 0px; height: 40px; line-height: 20px;}
.ws_rec_product_wrap .es_hor_thumb li a.bs_link .is_text .ss_text {opacity:.75; text-overflow:ellipsis; white-space:normal; display:-webkit-box; overflow:hidden; -webkit-box-orient:vertical; margin-bottom:10px; line-height:1.4em; font-size:0.95em; height: 17px;}
.ws_rec_product_wrap .es_hor_thumb li a.bs_link .is_text .ss_price {font-size:1.4em; letter-spacing:-1px;}
.ws_rec_product_wrap .es_hor_thumb li a.bs_link .is_text .ss_price b {color:#F2312C;}


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

 /* 마이페이지 탭 */
.ws_mypage_tab {margin:30px 0;}
.ws_mypage_tab ul {}
.ws_mypage_tab ul li {float:left; width:20%;}
.ws_mypage_tab ul li a {padding:15px 0; display:block; text-align:center; border:1px solid #ddd; border-right:0; font-size:1.05em; letter-spacing:-0.5px;}
.ws_mypage_tab ul li:last-child a {border-right:1px solid #ddd;}
.ws_mypage_tab ul li a.es_on {font-weight:bold; color:#fff; background-color:#145EA9;}

 /* 공지사항 등 탭 */
.ws_board {margin:30px 0;}
.ws_board ul {}
.ws_board ul li {float:left; width:25%;}
.ws_board ul li a {padding:15px 0; display:block; text-align:center; border:1px solid #ddd; border-right:0; font-size:1.05em; letter-spacing:-0.5px;}
.ws_board ul li:last-child a {border-right:1px solid #ddd;}
.ws_board ul li a.es_on {font-weight:bold; color:#fff; background-color:#145EA9;}



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

/* 하단 설명문구 */
#wd_footer .ws_footer_exp_wrap {margin-bottom:20px;}
#wd_footer .ws_footer_exp_wrap .wd_area {border-bottom:1px solid #eee; padding:30px 0; }
#wd_footer .ws_footer_exp_wrap h3 {text-align:center; font-weight:bold; font-size:2.2em; margin-bottom:50px;}
#wd_footer .ws_footer_exp_wrap h3:after {width: 30px; height: 3px; content: ''; display: block; position: relative; top: 20px; margin: 0 auto; background-color:#145EA9;} 
#wd_footer .ws_footer_exp_wrap ul {overflow:hidden;}
#wd_footer .ws_footer_exp_wrap ul li {vertical-align: top;}
#wd_footer .ws_footer_exp_wrap ul li:last-child {margin-right:0;}
#wd_footer .ws_footer_exp_wrap ul li h5 {font-weight:bold; letter-spacing:-1px; margin-bottom:10px; font-size:17px; text-align:center;}
#wd_footer .ws_footer_exp_wrap ul li h5 i {margin-bottom:7px; font-size:40px; display:block;}
#wd_footer .ws_footer_exp_wrap ul li p {color:#777; line-height:18px; font-size:13px; letter-spacing:-0.5px; text-align:center; height: 54px;}

/* 하단 정보 리스트 */
#wd_footer #wd_footer .ws_footer_info_wrap {margin: 40px 0}
#wd_footer .ws_footer_info_wrap .es_ft_icon_list {margin: 0 10px; overflow: hidden;}
#wd_footer .ws_footer_info_wrap .es_ft_icon_list li {float:left; border:1px solid #ddd; margin-right:9px; width:23%; text-align:center; margin-bottom:9px; height: 118px; padding: 15px 10px;}
#wd_footer .ws_footer_info_wrap .es_ft_icon_list li:hover {border-color:#444; transition:all .3s ease-in-out;}
#wd_footer .ws_footer_info_wrap .es_ft_icon_list li:hover a {font-weight:bold;}
#wd_footer .ws_footer_info_wrap .es_ft_icon_list li:nth-child(4n) {margin-right:0;}
#wd_footer .ws_footer_info_wrap .es_ft_icon_list li:nth-child(5),
#wd_footer .ws_footer_info_wrap .es_ft_icon_list li:nth-child(6),
#wd_footer .ws_footer_info_wrap .es_ft_icon_list li:nth-child(7),
#wd_footer .ws_footer_info_wrap .es_ft_icon_list li:nth-child(8) {margin-bottom:0;}
#wd_footer .ws_footer_info_wrap .es_ft_icon_list li a {display:block; height:100%; text-align:center;}
#wd_footer .ws_footer_info_wrap .es_ft_icon_list li a:hover {text-decoration:none;}
#wd_footer .ws_footer_info_wrap .es_ft_icon_list li a em {font-style:normal; display:inline-block; background:url(../../webis/img/ft_icons.png) center no-repeat; width:70px; height:55px;}
#wd_footer .ws_footer_info_wrap .es_ft_icon_list li.bs_i01 a em {background-position:8px 0px;}
#wd_footer .ws_footer_info_wrap .es_ft_icon_list li.bs_i02 a em {background-position:-104px 0;}
#wd_footer .ws_footer_info_wrap .es_ft_icon_list li.bs_i03 a em {background-position:-212px 0;}
#wd_footer .ws_footer_info_wrap .es_ft_icon_list li.bs_i04 a em {background-position:-322px 0;}
#wd_footer .ws_footer_info_wrap .es_ft_icon_list li.bs_i05 a em {background-position:8px -124px;}
#wd_footer .ws_footer_info_wrap .es_ft_icon_list li.bs_i06 a em {background-position:-102px -124px;}
#wd_footer .ws_footer_info_wrap .es_ft_icon_list li.bs_i07 a em {background-position:-212px -124px;}
#wd_footer .ws_footer_info_wrap .es_ft_icon_list li.bs_i08 a em {background-position:-323px -124px;}
#wd_footer .ws_footer_info_wrap .es_ft_icon_list li a span {display: block;}
#wd_footer .ws_footer_info_wrap .es_right_cs {border:1px solid #ddd; padding:37px 35px;}
#wd_footer .ws_footer_info_wrap .es_right_cs h4 {font-weight:bold; font-size:23px; letter-spacing:-1px; margin-bottom:24px; position: relative; display: inline-block;}
#wd_footer .ws_footer_info_wrap .es_right_cs h4:before {content:''; display:block; width:20px; height:2px; background-color:#555; position: absolute; left:0; bottom:-11px;}
#wd_footer .ws_footer_info_wrap .es_right_cs span {display:block; font-size: 17px; color: #666; margin-bottom:5px;}
#wd_footer .ws_footer_info_wrap .es_right_cs em {font-weight:bold; font-size:25px;}
#wd_footer .ws_footer_info_wrap .es_right_cs p {color:#888; line-height:20px; margin-top:11px;}

/* 하단 메뉴 */
#wd_footer .ws_footer_menu_wrap {text-align:center; background-color:#f9f9f9; border-top: 1px solid #eee; border-bottom: 1px solid #eee; margin: 40px 0 20px 0;}
#wd_footer .ws_footer_menu_wrap ul li {display:inline-block; position: relative;}
#wd_footer .ws_footer_menu_wrap ul li:after {background: rgba(0,0,0,.1); width: 1px; height: 15px; content: ''; display: inline-block; position: absolute; top: 19px; right: 0;}
#wd_footer .ws_footer_menu_wrap ul li:last-child:after {display:none;}
#wd_footer .ws_footer_menu_wrap ul li a {padding:1.2em 1em;display:block;color:inherit}
#wd_footer .ws_footer_menu_wrap ul li a:hover {text-decoration:none; font-weight:bold; color:#145EA9;}

/* 하단 카피라이트 */
#wd_footer .ws_copyright_wrap {text-align:center; line-height: 20px; color: #888; padding-top: 10px; margin-bottom: 30px;}
#wd_footer .ws_copyright_wrap .es_info {margin-bottom:15px;color: #444; font-weight: bold;}
#wd_footer .ws_copyright_wrap span {font-size: 13px; margin-right: 6px; line-height: 20px; color: #888; font-weight:normal;}

/* 관련사이트 */
#wd_footer .ws_prize_wrap {border-top:1px solid #eee; padding: 20px 0; margin:30px 0;}
#wd_footer .ws_prize_wrap ul {}
#wd_footer .ws_prize_wrap ul li {float:left; width:20%}
#wd_footer .ws_prize_wrap ul li img {vertical-align:middle; max-width:100%;}
#wd_footer .ws_prize_wrap ul li p {display: inline-block; font-size: 12px; color: #777; letter-spacing: -1px; vertical-align: middle; margin-left: 10px; line-height:17px;} 
#wd_footer .ws_prize_wrap ul li p a:hover {color:#145EA9; font-weight:bold;}

/* 상단으로 버튼 */
#top_btn {border:1px solid #ddd;color:#444;text-align:center;background:#f9f9f9; border-radius: 50px; text-align:center; text-transform:uppercase; line-height: 13px; font-weight:bold;}
#top_btn i {display:block; margin-bottom:2px;}
#top_btn:hover{border-color:#3059c7;background:#145EA9;color:#fff} 

/* 전체메뉴 */
.ws_all_menu_box {display:none; width:100%; height:100%; background:rgba(0,0,0,0.3); position:fixed; top:0; left:0;}
.ws_all_menu_box .es_all_menu_conts {position: absolute; padding: 30px; width: 1020px; top: 50px; left: 23%; background: #fff; z-index: 100;}
.ws_all_menu_box .es_all_menu_conts ul.bs_1st_ul {overflow: hidden;}
.ws_all_menu_box .es_all_menu_conts ul.bs_1st_ul li.is_1st_li {float:left; width:12%;  font-weight:bold; font-size:1.3em; margin-right: 2%;}
.ws_all_menu_box .es_all_menu_conts ul.bs_1st_ul li.is_1st_li:last-child {margin-right:0;} 
.ws_all_menu_box .es_all_menu_conts ul.bs_1st_ul li.is_1st_li .ss_1st_a {font-size:0.9em;}
.ws_all_menu_box .es_all_menu_conts ul.bs_2nd_ul {margin-top:10px; border-top: 1px solid #145ea9;}
.ws_all_menu_box .es_all_menu_conts ul.bs_2nd_ul li.is_2nd_li {padding:5px 0; margin-bottom:5px; font-weight:normal; font-size:0.85em; border-bottom: 1px dotted #dedede;}
.ws_all_menu_box .es_all_menu_conts ul.bs_2nd_ul li.is_2nd_li a {color:#888;}
.ws_all_menu_box .es_all_menu_conts ul.bs_2nd_ul li.is_2nd_li a:hover {text-decoration:underline;}
.ws_all_menu_box .es_btn_close {position:absolute; right:0; bottom: -30px;}
.ws_all_menu_box .es_btn_close a {color:#fff;background: #145EA9; display: inline-block; padding: 5px 10px; border-radius: 0px 0px 5px 5px;}
.ws_all_menu_box .es_btn_close a i {}
.ws_all_menu_box .es_btn_close a span {}
.ws_all_menu_box .es_btn_close a span em {}

/* 모바일 메뉴 */
.ws_mobile_menu {display:none; position: absolute; left: 20px; top: 60px;}
.ws_mobile_menu .es_menu_btn {}
.ws_mobile_menu .es_menu_btn i {font-size: 2em;}

/* 모바일메뉴 */
.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;left:0;bottom:0;width:70%;background-color: #fff;}
.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 {}
.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: 11px; color: #000; font-weight: bold; font-size: 1em; letter-spacing: -0.5px; border-bottom: 1px solid #ddd;}
.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: 50%; background: #f9f9f9; border-bottom: 1px solid #ddd; position: relative; padding-left: 12px;}
.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: 25%; 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; }
.ws_nav_mobile_wrap .es_all_wrap .bs_menu_box .is_menu_top {padding:10px; border-bottom: 1px solid rgba(255,255,255,.5);}
.ws_nav_mobile_wrap .es_all_wrap .bs_menu_box .is_menu_top a.ss_mobile_close {float: right; display: block; background:url(../../webis/img/close_w.png) center no-repeat; width:23px; height:23px; font-size:0;}
.ws_nav_mobile_wrap .es_all_wrap .bs_menu_box .is_menu_mid {background-color:#f9f9f9; border-bottom:1px solid #ddd;}
.ws_nav_mobile_wrap .es_all_wrap .bs_menu_box .is_menu_mid ul {overflow:hidden;}
.ws_nav_mobile_wrap .es_all_wrap .bs_menu_box .is_menu_mid ul li {float:left; width:33.3%; text-align:center; border-right:1px solid #ddd;}
.ws_nav_mobile_wrap .es_all_wrap .bs_menu_box .is_menu_mid ul li:last-child {border-right:0}
.ws_nav_mobile_wrap .es_all_wrap .bs_menu_box .is_menu_mid ul li a {font-weight:bold; font-size:1em; letter-spacing:-0.5px;  margin-right:1%; display:block; padding: 10px 0;}
.ws_nav_mobile_wrap .es_all_wrap .bs_menu_box .is_menu_mid ul li a i {margin-right:5px; display:block; font-size: 2em; color: #7eb3e8;}
.ws_nav_mobile_wrap .es_all_wrap .bs_menu_box .is_menu_mid ul li a:last-child {margin-right:0;}
.ws_nav_mobile_wrap .es_all_wrap .bs_menu_box .is_menu_mid a:last-child {margin-right:0;}
.ws_nav_mobile_wrap .es_all_wrap .bs_menu_box .is_menu_cs {padding:15px; margin-top: 30px;}
.ws_nav_mobile_wrap .es_all_wrap .bs_menu_box .is_menu_cs h3 {font-size:1.7em; position: relative; margin-bottom:15px;}
.ws_nav_mobile_wrap .es_all_wrap .bs_menu_box .is_menu_cs h3:after {content:''; display:block; width:20px; height:2px; background-color:#145EA9; position: absolute; left:0; bottom:-7px;}
.ws_nav_mobile_wrap .es_all_wrap .bs_menu_box .is_menu_cs span {}
.ws_nav_mobile_wrap .es_all_wrap .bs_menu_box .is_menu_cs h4 {font-size:2.15em; color:red;}
.ws_nav_mobile_wrap .es_all_wrap .bs_menu_box .is_menu_cs p {color:#888; font-size: 0.95em;}


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

/* MEDIA (모바일 이하) 767px 이하 */
@media all and (max-width:575px) {
	#wd_menu_nav ul li:first-child {display:none;}
	#wd_menu_nav ul li {width:33.3%}
	#wd_menu_nav ul li a {min-width: 108px; padding: 0 11px;}
	#wd_menu_nav ul li a i {margin-top:5px;}
	#wd_menu_nav {border-top:1px solid #ddd;}
}

@media all and (max-width:767px) {
	.wd_area {padding:0 10px;}
	.ws_tag_wrap {padding:3em 0em;}
	.ws_tag_wrap .es_tag_title {margin-bottom:15px;}
	.ws_top_info_wrap .es_logo a img {width: 140px;}
	#wd_header .ws_top_wrap {margin-bottom: 15px;}
	.ws_md_wrap .es_thumb_round li:nth-child(5),.ws_md_wrap .es_thumb_round li:nth-child(6),
	.ws_md_wrap .es_thumb_round li:nth-child(7),.ws_md_wrap .es_thumb_round li:nth-child(8) {display:none;}
	.ws_md_wrap .es_thumb_round li a.bs_link .is_text .ss_tit {font-size:1.3em;}
	.ws_md_wrap .es_thumb_round li a.bs_link {border-radius: 0;}
	.ws_tag_wrap {height:auto;}
	.ws_tag_wrap .es_tag_link a {padding:0 7px; font-size: 0.9em;}
	.ws_main_bn_wrap {text-align:center;}
	.ws_main_bn_wrap .es_bn_left,
	.ws_main_bn_wrap .es_bn_right a {height:auto;}
	.ws_main_bn_wrap .es_bn_right {margin-top:20px;}
	.ws_main_bn_wrap .es_bn_right a:first-child {margin-bottom:10px;}
	.ws_main_bn_wrap .es_bn_left,.ws_main_bn_wrap .es_bn_right,
	.ws_rec_product_wrap .es_hor_thumb li a.bs_link .is_thumb {width:100%; overflow: hidden;}
	.notice,
	#wd_footer .ws_footer_info_wrap .es_ft_icon_list,
	#wd_footer .ws_footer_info_wrap .es_right_cs {margin:15px 0;}
	#wd_footer .ws_footer_exp_wrap ul li {margin-bottom:20px;}
	#wd_footer .ws_footer_menu_wrap ul li a {font-size:0.9em; padding: 1em 0;}
	#wd_footer .ws_footer_menu_wrap ul li:first-child {display:none}
	.ws_prize_wrap {display:none;}
	.ws_go_to_pc {display:block;}
	#wd_footer .ws_copyright_wrap span,#wd_footer .ws_copyright_wrap .es_info {font-size:0.85em;}
	#wd_footer .ws_footer_exp_wrap {padding:0 5px;}
	#wd_footer .ws_footer_exp_wrap h3,.ws_rec_product_wrap h2,.ws_main_bn_wrap h2 {font-size:1.9em;}
	#wd_footer .ws_footer_exp_wrap ul li p {font-size:12px;}
	.ws_mypage_tab ul li a,.ws_board ul li a {font-size:0.9em;}
	.ws_rec_product_wrap .es_hor_thumb li a.bs_link {height:329px;}
	.ws_main_bn_wrap .es_bn_right {margin-left:0 !important;}
	.ws_top_info_wrap .es_search input[type="text"] {width: 165px;}
}

/* MEDIA (태블릿 이하) 991px 이하 */
@media all and (max-width:991px) {
	.wd_area {padding:0 10px;}
	.ws_top_info_wrap .es_logo {text-align:center;}
	.ws_top_info_wrap .es_top_banner {display:none;}
	.ws_top_info_wrap .es_search {max-width:100%;}
	.ws_rec_product_wrap .es_hor_thumb li a.bs_link .is_text .ss_tit {font-size:1.2em;}
	.ws_rec_product_wrap .es_hor_thumb li a.bs_link .is_text .ss_text {font-size:0.9em;}
	#wd_footer .ws_footer_info_wrap .es_right_cs {text-align:center;}
	#wd_footer .ws_footer_info_wrap .es_right_cs h4:before {left:29px;}
	.ws_main_bn_wrap .es_bn_right a {width:100%;}
	.ws_top_info_wrap .es_search {margin-top:10px;}
	.ws_mobile_menu {display:block;}
	.ws_top_menu {display:none;}
	#wd_header.fixed {position: fixed; top: 0; z-index: 9; width: 100%;}
	.ws_top_info_wrap {margin:0; padding:15px 0; border-bottom: 1px solid #ddd; background: #fff;} 
	#wd_header .ws_top_wrap {margin-bottom: 0px;}
	#wd_menu_nav {border-top:1px solid #ddd;}
	.ws_main_bn_wrap .es_bn_left {min-height:198px;}
	.ws_main_bn_wrap .es_bn_right a {min-height: 93px;}
    body {overflow-x: hidden; margin-top: 164px;}
	#wd_depth_menu dl dt {float:none;}
}

/* MEDIA (데스크탑 이하) 1279px 이하 */
@media all and (max-width:1279px) {
	.wd_area {padding:0 10px;}
	#wd_nav ul.es_1st_ul .bs_1st_li {width:11.8%;}
	.ws_main_bn_wrap .es_bn_left,.ws_main_bn_wrap .es_bn_right a {height:auto; width:auto;}
	.ws_main_bn_wrap .es_bn_right {margin-left:2%;}
	
}

 /* ================================================== *
 *
 *     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) {
	#wd_footer .ws_footer_info_wrap .es_ft_icon_list,
	#wd_footer .ws_footer_info_wrap .es_right_cs {margin:15px 0;}
	.ws_rec_product_wrap .es_hor_thumb li a.bs_link .is_thumb {width:159px;}
	#wd_footer .ws_footer_exp_wrap ul li {margin-bottom:20px;}
	.ws_main_bn_wrap .es_bn_left,.ws_main_bn_wrap .es_bn_right,.ws_main_bn_wrap .es_bn_right a {width:100%; margin-bottom:10px; text-align:center;}
	.ws_main_bn_wrap .es_bn_right a:first-child {margin-bottom:10px;}
	.ws_md_wrap .es_thumb_round li:nth-child(7),
	.ws_md_wrap .es_thumb_round li:nth-child(8) {display:none;}
	.ws_top_info_wrap .es_search input[type="text"] {width: 200px;}
}
/* MEDIA (데스크탑 구간만) 992px ~ 1279px */
@media (min-width:992px) and (max-width:1279px) {
	.ws_top_info_wrap .es_search input[type="text"] {width:220px;}
	.ws_main_bn_wrap .wd_lg_6.wd_xs_12 {text-align:center;}
	.ws_main_bn_wrap .es_bn_left,
	.ws_main_bn_wrap .es_bn_right {width:100%;}
	.ws_main_bn_wrap .es_bn_right a {display:inline-block;}
	
}