/* float 초기화 */

.clfix:after {content: ''; display: block; clear: both;}

body {text-shadow:none; /* overflow-x : hidden; */}
.wrap{width:990px;margin:0 auto}
.inner {width:1160px; margin:0 auto;}
.inner2 {margin-left:100px;}
.inner_borad {width:1160px; margin:80px auto 0;}

/* 헤더 */
.top_sbt{float:right;margin-bottom:10px}
.top_sbt li{float:left}
.top_sbt li a{display:block;padding:0px 8px;border-right:1px solid #dddddd}
.top_sbt li a.top_sbt_noboard{border-right:0;padding-right:0px}

.top_category_wrap{background-color:#343434;border-bottom:1px solid #292929}
.top_category{width:990px;margin:0 auto}

#left_menu {width:80px; margin-top:-50px; position:fixed; top:260px; left:0px; border-radius:0px 30px 30px 0px; padding:10px 0; text-align:center; background-color:#424d63; z-index: 100;} /* right:0px; */
#left_menu a {display:block; width:80px; padding:15px 0; border-bottom:1px solid #5e687a;}
#left_menu a > p {font-weight:500; font-size:14px; line-height:22px; color:#ffffff;}
#left_menu .top a {border-bottom:0; font-weight:500; font-size:15px; color:#fff;}

.wrap_left_menu {margin-bottom:10px}
.wrap_left_menu h2{background-color:#505050;padding:9px 13px;color:#ffffff}
.wrap_left_menu ul{border:3px solid #505050;}
.wrap_left_menu ul li a{display:block;padding:5px 10px;border-bottom:1px solid #dddddd}
.left_menu_on{background-color:#ccffff;font-weight:bolder}

#f1, #f2, #f3, #f4, #f5, #f6 { font-size:18px;color:#333 }


#menu {width:100%; height:120px; margin:0px auto 0px; position:fixed; z-index:9999999; background-color:#ffffff; display:block; clear:both}
#menu_ul {float:right; padding:50px 0; text-align:center;} 
#menu_ul > li {display:inline-block; vertical-align:top;}
#logob {position:absolute; top: 30px;}
#g_login { /* background: #f1f1f1; border:1px solid #eee; border-radius: 30px; */ max-width:300px; width:100%; padding: 0 14px; margin-left:20px; display: inline-block; }
#g_login a { font-size:13px; color:#777777; }
#g_login_adm { margin-left:15px; padding:8px 16px 8px 16px; color:#ffffff !important; background:#333333;  border-radius:3px 3px 3px 3px; }

.menu_li {padding:0px 15px 30px 25px; height:0px; line-height:1.7;font-size:15px;color:#555;}
.menu_li > a {color:#888;}
.menu_li > a > font:hover { color:#8C8C8C; }
.menu_li > ul { z-index:10; opacity: 0; padding-top:15px; line-height:35px;}

.menu1 { text-align:center; }

#mbg {width:100%; margin-top:0px; position:fixed; z-index:9; background:rgba(255,255,255,1);box-shadow:2px 2px 5px 2px rgba(0,0,0,.1);}
.mbg {opacity: 0;}

#search_ok { margin:40px 0px 40px; text-align:center; font-size:40px; }


/* 풋터 */

.footer_wrap{background:#333; height:260px; margin:100px 0 0 100px; border-radius: 30px 0 0 0;}
.footer_wrap .area_footer{position:relative;}
.footer_wrap .f_logo{padding-top:60px;}
.footer_wrap .footer_menu{position:absolute; top:60px; left:260px; font-size:15px; color:#bfbfbf;}
.footer_wrap .footer_menu a {color:#bfbfbf;}
.footer_wrap .footer_menu:after{content:''; display:block; clear:both;}
.footer_wrap .footer_menu>li{float:left; padding:0 15px 0 11px; }
.footer_wrap .footer_menu>li:first-child{padding-left:0;}
.footer_wrap .footer_menu>li:last-child{background:none; padding-right:0;}
.footer_wrap .add_copy {position:absolute; top:106px; left:260px; font-size:15px; color:#bfbfbf;}
.footer_wrap .add_copy span:nth-child(odd):after {display:inline-block; content:''; width:1px; height:14px; background:#696969; margin:0 20px;}
.footer_wrap .add_copy p {margin-top:20px; color:#777;}
.footer_wrap select {position: absolute; right: 0; top: 60px; padding: 10px 15px; background-color: #333; border-radius: 5px; color: #bfbfbf;}

.main_footer_wrap{ padding-bottom:60px }
.main_footer_wrap .main_area_footer{ width:1160px; margin:0px auto; display:flex; justify-content: space-between; }
.main_footer_wrap .main_f_logo img { width:120px; }
.main_footer_wrap .main_area_footer > div > div span { font-size:13px; color:#555555; }
.main_footer_wrap .main_area_footer > div > div span:nth-child(2) { margin-left:16px; }
.main_footer_wrap .main_area_footer > div p { margin-top:10px; font-size:13px; color:#777777; }
.main_footer_wrap .main_area_footer > div > div:nth-child(3) div { display: inline-block; font-size:13px; color:#555555; }
.main_footer_wrap  select{ padding:16px; border:1px solid #333333; border-radius: 5px; font-size:14px; color:#333333; }

.w-100 { width:100% !important; }

@media only screen and (max-width: 1340px) {
    #left_menu { display:none; }
}

@media screen and (max-width:1300px) {
    .footer_wrap {margin-left:0; border-radius:0; transition:all 1s ease .05s;}
}
@media screen and (min-width:1300px) {
    .footer_wrap {margin-left:100px; border-radius: 30px 0 0 0; transition:all 1s ease .05s;}
}