@charset "utf-8";

/* CSS reset */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, hr, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, span, strike, strong, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video{margin:0;padding:0;border:0;font-style:normal;font-variant:normal;font-weight:inherit;font-size:100%;font-family:inherit;vertical-align:baseline;line-height:120%}
input, select{margin:0;padding:0;font-style:normal;font-variant:normal;font-weight:inherit;font-size:100%;font-family:inherit;line-height:120%}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section{display:block}
body{font-family: 'Noto Sans KR', sans-serif;-webkit-text-size-adjust:none}
li{list-style:none}
blockquote, q{quotes:'"' '"'}
blockquote:before, blockquote:after, q:before, q:after{content:'';content:none}
table{border-collapse:collapse;border-spacing:0}
address{font-style:normal}
input, select, button, img{vertical-align:middle}
button{display:block;margin:0;padding:0;border:0;background-color:transparent;font-style:normal;font-variant:normal;font-weight:inherit;font-size:100%;font-family:inherit;line-height:120%;color:inherit;cursor:pointer;border-radius:0}
a{font-size:inherit;color:inherit;text-decoration:none}
strong, em{font-size:inherit;line-height:inherit}

html, body{height:100%}
/* common */
.hidden, .indent{overflow:hidden;width:0;height:0;font-size:0;line-height:0}
.over_h{overflow:hidden}
.f_left{float:left}
.f_right{float:right}
.f_clear{clear:both}
.rel{position:relative}
.abs{position:absolute}
.w100{width:100%}
.h100{height:100%}
.m_none{margin:0 !important}
.m_t05{margin-top:5px}
.m_t10{margin-top:10px}
.m_t20{margin-top:20px}
.m_t30{margin-top:30px}
.m_t40{margin-top:40px}
.m_t50{margin-top:50px}
.m_b05{margin-bottom:5px}
.m_b10{margin-bottom:10px}
.m_b20{margin-bottom:20px}
.m_b30{margin-bottom:30px}
.m_b40{margin-bottom:40px}
.m_b50{margin-bottom:50px}
.p_none{padding:0 !important}
.p_t10{padding-top:10px}
.p_t20{padding-top:20px}
.p_t30{padding-top:30px}
.p_t40{padding-top:40px}
.p_t50{padding-top:50px}
.p_b10{padding-bottom:10px}
.p_b20{padding-bottom:20px}
.p_b30{padding-bottom:30px}
.p_b40{padding-bottom:40px}
.p_b50{padding-bottom:50px}
.b_none{border:0 !important}
.bg_none{background:none !important}
.t_left{text-align:left}
.t_right{text-align:right}
.t_center{text-align:center}
.v_top{vertical-align:top}
.v_mid{vertical-align:middle}
.normal{font-weight:400}
.bold{font-weight:700}
.extra{font-weight:800}
.pointer{cursor:pointer}
.alpha{opacity:0}
.ellipsis{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.fs_def{font-size:0}
.fs_def > *{display:inline-block;font-size:16px;vertical-align:top}
.scale0{
-webkit-transform:scale(0);
-moz-transform:scale(0);
-ms-transform:scale(0);
-o-transform:scale(0);
transform:scale(0);
}
.clearfix:after{content:'';display:block;clear:both}

body::-webkit-scrollbar {
    width: 8px;  /* 스크롤바의 너비 */
}

body::-webkit-scrollbar-thumb {
    height: 30%; /* 스크롤바의 길이 */
    background: #444; /* 스크롤바의 색상 */
    
    border-radius: 10px;
}

body::-webkit-scrollbar-track {
    background: rgba(239, 239, 239, 1);  /*스크롤바 뒷 배경 색상*/
}

body {overflow-x: hidden}

/* skiptoContent */
#skiptoContent{position:absolute;width:100%}
#skiptoContent dt{position:absolute;left:0;top:-10000px}
a.skip{display:block;position:absolute;left:0;top:-10000px;z-index:1000;width:100%;font-size:15px;text-align:center}
a.skip:hover, a.skip:focus, a.skip:active{position:absolute;top:0;z-index:1000;padding:15px 0;background:#fff;font-weight:800;color:#000;text-decoration:underline}

/* header */
.header_wrap{position:fixed; top:0;width:100%;z-index:9999;background:url('') #ffffff repeat ;}

.logo{position:absolute;top:10px;left:80px;width:220px;height:50px}
.logo a{display:block;width:100%;height:100%;background:url('/img/common/bi.png')no-repeat center;font-size:0}

.btn_stm{position:absolute;right:0;top:50%;margin-top:-22px;width:155px;height:45px;border-radius:35px;border:1px solid #7fc241;font-family: 'Noto Sans KR', sans-serif;font-size:20px;letter-spacing:-0.05em;line-height:43px;color:#7fc241;text-align:center;box-sizing:border-box}
.header_bot{height:120px; border-bottom:#222 1px solid;}
.depth1_li{padding-top:50px;line-height:20px;}
.depth1_li:first-child{margin-left:0}
.depth1_a {font-family: 'Noto Sans KR', sans-serif;font-size:18px;font-weight:500;color:#000;}
.depth1_a:hover {color:#c50b29;}
.depth1_b {font-family: 'Noto Sans KR', sans-serif;font-size:18px;font-weight:500;color:#000;}
.depth1_b:hover {color:#c50b29;}
.on {color:#c50b29;}
.s_on {color:#ffffff;}
.depth1_ul{overflow:hidden}
#gnbBg{display:none;position:absolute;left:0;top:120px;z-index:10;width:100%;height:50px;background-color:#f18d00;}

ul.depth2_ul{overflow:hidden;display:none;position:absolute;left:0;top:120px;width:100%;font-size:0;text-align:center;z-index:100;}
ul.depth2_ul li.depth2_li{display:inline-block;height:50px;margin:0 10px}
.depth2_a{line-height:50px;font-size:15px;color:#fff;text-align:right;letter-spacing:-0.025em}
.depth2_ul > li.on a , .depth2_ul > li:hover a{color:#000}


.wrap { width:100%;}

.right_navi_wrap {position: fixed;width:110px;height:760px;z-index:99999; top: 50px; right: 30px;background:url('/layouts/bnb_main/image/bnb_right_quick_bg.png')no-repeat center;}
.right_navi_wrap .tel {float:left;height:245px;padding:0;margin-bottom:5px;}
.right_navi_wrap .link01 {float:left;height:261px;padding:0;margin:0;}
.right_navi_wrap .link02 {float:left;height:98px;padding:0;margin:0;}
.right_navi_wrap .link03 {float:left;height:93px;padding:0;margin:0;}
.right_navi_wrap .link04 {float:left;height:142px;padding:0;margin:0;}
.right_navi_wrap .link05 {float:left;height:154px;padding:0;margin:0;}
.right_navi_wrap a:hover {opacity:0.7;}


#quick_mail {position: fixed; bottom: 0; width:100%;height:120px;margin:0;padding:0;background:url('') #b41122 top center no-repeat ; z-index: 99;}
#quick_mail .quick_cont {width:1200px;height:145px;margin:0 auto;padding:0;}
#quick_mail .quick_cont .quick_left{ float:left;width:100px;top:25px;margin:0;padding:0;position:relative;}
#quick_mail .quick_cont .quick_right{float:left; width:1100px;margin:0;padding:0;text-align:left;font-size:13px; line-height:140%; font-family: 'Noto Sans KR', sans-serif; font-weight:400; color:#ffffff; }
#quick_mail .quick_cont .quick_right .area .put {float:left;width:1100px;height: 80px;top:25px;position:relative;}
#quick_mail .quick_cont .quick_right .area .put .email {position: absolute;top: 0;left:0;width: 200px;}
#quick_mail .quick_cont .quick_right .area .put .email input {border:none; height:36px; width: 190px; padding-left:10px;font-size:13px; font-family: 'Noto Sans KR', sans-serif; font-weight:400; }
#quick_mail .quick_cont .quick_right .area .put .tel {position: absolute;top: 0;left:210px;width: 200px;}
#quick_mail .quick_cont .quick_right .area .put .tel input {border:none; height:36px; width: 190px; padding-left:10px;font-size:13px; font-family: 'Noto Sans KR', sans-serif; font-weight:400; }
#quick_mail .quick_cont .quick_right .area .put .add {position: absolute;top: 0;left:420px;width: 130px;}
#quick_mail .quick_cont .quick_right .area .put .add input {border:none; height:36px; width: 120px; padding-left:10px;font-size:13px; font-family: 'Noto Sans KR', sans-serif; font-weight:400; }
#quick_mail .quick_cont .quick_right .area .put .money {position: absolute;top: 0;left:560px;width: 130px;}
#quick_mail .quick_cont .quick_right .area .put .money input {border:none; height:36px; width: 120px; padding-left:10px;font-size:13px; font-family: 'Noto Sans KR', sans-serif; font-weight:400; }
#quick_mail .quick_cont .quick_right .area .put .name {position: absolute;top: 0;left:700px;width: 130px;}
#quick_mail .quick_cont .quick_right .area .put .name input {border:none; height:36px; width: 120px; padding-left:10px;font-size:13px; font-family: 'Noto Sans KR', sans-serif; font-weight:400; }
#quick_mail .quick_cont .quick_right .area .put .ch {color:#fff;position: absolute;top: 45px;left: 0;font-family: 'Noto Sans KR', sans-serif; font-weight:400; }
#quick_mail .quick_cont .quick_right .area .put .ch label {color:#fff;}
#quick_mail .quick_cont .quick_right .area .put #ch_txtbox {display:none;background-color:#fff;position: absolute;top: -60px;left: 10px;z-index: 99;padding: 8px 8px 5px 8px;font-size:12px; font-family: 'Noto Sans KR', sans-serif; font-weight:400;  border: 2px solid black;}
#quick_mail .quick_cont .quick_right .area .put #ch_txtbox h6 {color: black;font-size:12px; font-family: 'Noto Sans KR', sans-serif; font-weight:400; }
#quick_mail .quick_cont .quick_right .area .put #ch_txtbox ul {margin-top: 5px;}
#quick_mail .quick_cont .quick_right .area .put #ch_txtbox ul li {margin: 3px 0;color:#444;}
#quick_mail .quick_cont .quick_right .area .put .ch a {color:#fff;margin-left: 10px;text-decoration: underline; font-family: 'Noto Sans KR', sans-serif; font-weight:400; }
#quick_mail .quick_cont .quick_right .area .put .btn {position:absolute;top: 0;left: 840px;}

#footer_wrap {float:left;width:100%;height:220px;margin:0;padding:0;background:url('') #100705 repeat-x ; overflow:hidden;}
#footer_wrap .foot_cont {width:1240px;height:220px;margin:0 auto;padding:0;}
#footer_wrap .foot_cont .foot_logo{ float:left;width:100px;margin:0;padding:40px 80px 0 40px;}
#footer_wrap .foot_cont .copy {float:left; width:1240px;margin:0;padding:40px 0 0 0;text-align:center;font-size:14px; line-height:180%; font-family: 'Noto Sans KR', sans-serif; font-weight:400; color:#999; }
#footer_wrap .foot_cont .copy .info {font-size:12px;color:#777;line-height:30px; }
#footer_wrap .foot_cont .copy .admin {margin-left:20px;color:#666; }
#footer_wrap .foot_cont .copy .admin a{font-size:12px; font-family:arial; color:#777; }

.sub_top1 {float:left;position:relative;width:100%;height:360px;margin:0;padding:0;background:url('./image/bnb_sub_top_bg1.jpg') #444 center top no-repeat ;}
.sub_top2 {float:left;position:relative;width:100%;height:360px;margin:0;padding:0;background:url('./image/bnb_sub_top_bg2.jpg') #444 center top no-repeat ;}
.sub_top3 {float:left;position:relative;width:100%;height:360px;margin:0;padding:0;background:url('./image/bnb_sub_top_bg3.jpg') #444 center top no-repeat ;}