#wrapper {width: 100%;}

.no-js { display:none; }


/*탑메뉴*/
#top_sitemap {background-color:#bb0a3c;width: 100%;height: 32px;}
#top_inner {width:1008px;margin: auto;display: block;overflow: hidden;}
#top_inner ul li img {vertical-align: text-top}
#top_inner ul li {float: left;line-height: 32px;font-size: 11px;}
#top_inner ul li span {color: #fff;height: 8px;opacity: 0.4;padding:0px 13px;}
#top_inner ul li a{color: #fff}
/*탑메뉴 끝*/


/*메뉴시작*/
#main_top_menu {width: 1008px;margin:0 auto;height: 85px; clear:both;display: block;}
#logo {display:inline;float: left;padding-top:18px;clear: both;}
#gnb {padding-top:25px;}
#gnb ul li{float: left;font-size:15px;position: relative;font-weight:600;width:120px; color:#3e3e3e;text-align: center;}
.menu {padding-top:10px;padding-left:50px;}
.menu li a{display: block;width: 100%;color: #333;text-decoration: none;}
.menu_top {padding-bottom: 16px;display: block;}
.sub_menu {position: absolute;z-index: 99999;background: url(../image/main/menu_over.png) top center no-repeat;width:120px;overflow: hidden;padding-top:6px;}
.sub_menu li {display: block;}
.sub_menu li a {padding-left: 10px;display: block;text-align: left;color:#fff; background-color: #bb0a3c;font-weight: normal;font-size:12px;font-weight: 600;padding:10px 10px}
.sub_menu li:first-child {padding-top:15px;background-color: #bb0a3c;}
.sub_menu li:last-child {padding-bottom:15px;background-color: #bb0a3c;}
.sub_menu li a:hover{color:#f4a6bc;}
.menu{zoom: 1;}
.menu:after{height: 0;visibility: hidden;content: ".";display: block;clear: both;}
.long_n {line-height: 18px}
.submenu_m {font-size: 11px !important;padding:7px 10px !important;}
/*메뉴끝*/ 


#infoToggler {margin-top:-3px;}
#infoToggler img {cursor: pointer;}
.top_sitemenu {width:1008px;background-color: #fff;margin-top:18px;border-top:3px solid #bb0a3c;z-index: 999;position: absolute;padding:38px 0px}
.top_sitemenu>li {float: left;text-align: left ;margin:0px 40px;}
.top_sitemenu>li>a{font-size: 16px;color: #bb0a3c;font-weight: 600;margin-bottom: 20px;display: inline-block}
.top_sitemenu>li>ul>li>a {font-size: 13px;color: #4f4f4f;font-weight: 600;}
.top_sitemenu>li>ul>li {padding:4px 0px}
.sitemap_submenu a {font-size: 13px !important;color: #a09f9f !important;}
.sitemap_submenu a:hover {color: #000 !important}
.top_sitemenu>li>ul>li>a:hover {color: #000}


/*MainVisual*/
#main_visual {height: 600px; margin: auto;display: block;overflow: hidden;background:url("../image/main/main_visual.jpg")center center no-repeat;}
#banner_wrap {width:1008px;padding-top:50px;display: block;overflow: hidden;margin: auto;position: relative;height: 600px;clear: both}
.banner_popup {border:2px solid #bb0a3c;background-color: #fff; box-sizing: border-box; width: 1008px;height: 414px;overflow: hidden;display: block;padding:30px 0px;position: absolute;z-index: 999;top:50px;left:0px;}
.popup_title {font-size: 14px;color: #424141;letter-spacing: -0.5px;font-weight: 600;padding-left:30px;}
.popup_title img {vertical-align: middle;padding-right: 10px;}
.popup_img {margin-top:45px;}
.popup_img>li {float: left;width: 166px;height: 270px; border-right:1px solid #eaeaea;font-size: 14px; text-align: center;font-weight: 600;}
.popup_img img {display: block;overflow: hidden;margin: auto}
.popup_img2 {padding-left: 10px;}
.popup_img2>li{width:140px !important}
.popup_img>li>a {color: #333}
.popup_img>li:last-child {border:0px;}
.visual_banner {float: left}
.popup_close {position: absolute;z-index: 9999;right: 0px;top: 50px;}
.visual_btn {padding-top:123px;display:block;overflow: hidden;clear: both}
.visual_btn a{float: left;padding-right: 1px;}


/*MainContent*/
#main_content  {width: 1008px;margin: auto;overflow: hidden;display: block;clear:both;padding:50px 0px;}
#main_content>div {float: left}
#main_notice {width:242px;overflow: hidden;display: block;margin-right: 38px;}
.main_border {background-color: #c22f51;width:30px;height: 2px;margin-bottom: 10px;}
#notice {border-top:1px solid #e5e5e5;margin-top:18px;padding-top:18px; }
#notice ul li {font-family: dotum;line-height: 31px; font-size: 12px;color: #676767;}
#notice ul li span {float: right;}
#notice ul li a {color: #676767}
#content_btn {width:242px;display: block;overflow:hidden;border:1px solid #ddd;margin-right: 37px;}
#content_btn ul li{float: left;text-align: center;width:120px;height: 106px;display: block;overflow: hidden;font-size: 14px;font-weight: 600;line-height: 20px;}
#content_btn ul li a span {color: #676767;letter-spacing: 0.3px;}
#content_btn ul li a {display: block;overflow: hidden;color: #000;}
#content_btn ul li a img {padding:17px 0px 10px 0px;}
#content_btn ul li:nth-child(2n+0){border-left:1px solid #ddd}
#content_btn ul li:nth-child(3){border-top:1px solid #ddd}
#content_btn ul li:nth-child(4){border-top:1px solid #ddd}
.btn_red {background-color:#bb0a3c }
.btn_red a span{color: #fff !important }
.btn_red a {color: #fff !important }
#content_btn ul li img {display: block;margin: auto}
#b2b_banner {width:230px;overflow: hidden;margin-right: 37px;letter-spacing:-0.5px}
#b2b_banner p a{font-family: dotum;color: #c22f51;text-decoration: underline;margin-top:20px;display:inline-block}
#b2b {font-size: 13px;color: #676767;line-height: 15px;}
#b2b>img {margin:10px 0px 15px 0px;}
#main_customer {width:180px}

/*footer*/
#footer_line {background-color: #333;line-height: 40px;height: 40px;clear: both}
.footer_inner {width: 1008px;margin: auto;position: relative;}
.footer_inner>ul>li {float:left;font-size: 11px;color:#adadad;}
.footer_inner>ul>li>span {padding:0px 8px;}
.footer_inner>ul>li>a {color:#adadad;}
.footer>img {padding:20px 0px;}
.footer>p {font-size: 11px;color: #555;line-height:18px;padding-left:30px;padding-top:35px;display: inline-block}
/*familsite*/
.f_sltbox {position:absolute; top:0px; right:0;  box-sizing:border-box; z-index: 9999;}
.f_sltbox .f_sltlist { position: relative; width: 135px; height: 23px; border: 0; background-color:#323237; color:#a2a2a7; background-image:url(../images/f_up.gif);font-size:11px; background-repeat:no-repeat; background-position:right center;}
.family_btn { display: block; position: absolute; top: 0; right: 0; width: 220px; height: 40px; line-height: 40px; background: url(../image/main/fm_up.png) no-repeat ;font-weight: 600; background-position:190px center;  color: #a2a2a7; text-indent: 15px;  cursor: pointer; font-size: 12px; z-index: 99999; background-color:#252525;}
.family_btn.on { background: url(../image/main/fm_down.png) no-repeat ; background-position:190px center;background-color:#252525;}
.f_sltbox .family_list { display: none; position: absolute; bottom: 0px;right: 0;width: 218px;  border: 1px solid #848484; border-bottom: 0; color: #000; background:#fff;padding:3px 0px}
.f_sltbox .family_list li { margin-bottom: 5px;width: 135px; padding-left: noen;}
.f_sltbox .family_list li a { display: block; width: 100%; height: 20px; line-height:22px; color: #fff; text-indent: 15px; font-size: 12px; font-weight: normal; color: #a2a2a7;}
.f_sltbox .family_list li:first-child {padding-top:5px;}
.f_sltbox .family_list li:last-child {padding-bottom:5px;}
.f_sltbox .family_list li a:hover { background: #fff; color: #323237; }

.main_line {background:url("../image/main/line_bg.png") no-repeat;width:229px;height:97px;margin:auto;overflow:hidden;display:block;margin:13px 0px;}
.main_line img {margin:auto;text-align:center;display:block;margin-top:10px;}