:root {
    --text-color: #000;
    --background-color: #263343;
    --accent-color: #d49466;
}

@font-face {
    font-family: 'Pretendard-Regular';
    src: url('https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Regular.woff') format('woff');
    font-weight: 500;
    font-style: normal;
  }

body {
    margin: 0;
    //* font-family: 'Source Sans Pro';  *//
}

a {
    text-decoration: none;
    color: #000; 
}

#top {
	display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    height: 44px;
    text-align: center;
    background-color: #dedede;
}
#top .line {
    width: 1025px;
    margin: auto;
}
#top .txt {
    width: 510px;
    float: left;
}
#top .btn {
    width: 490px;
    float: left;
    text-align: right;
}
img {
    border: 0;
    vertical-align: bottom;
}

img2 {
	width:1000px;
	height:360px;
	text-align: center;
}




.navbar {
    display: flex;
    justify-content: space-between;
    align-items: center;
    background-color: #FFF;
    width:100%;
}

.navbar_logo {
    font-size: 18px;
    color: var(--text-color);
}

.navbar_logo i {
    color: var(--accent-color);
}

.navbar_menu {
    display: flex;
    list-style: none;
    padding-left: 0;
	font-weight:bold;
}

.navbar_menu li:hover {
    background-color: var(--accent-color);
    border-radius: 4px;
}

.navbar_menu li {
    padding: 8px 12px;
}

.navbar_icons {
    list-style: none;
    color: var(--text-color);
    display: flex;
    padding-left: 0;
}

.navbar_icons li{
    padding: 8px 12px;
}

.navbar_toogleBtn {
    display: none;
    position: absolute;
    right: 32px;
    font-size: 24px;
	margin-top: 10px;
    color: var(--accent-color);
}

.banner {
	padding: 60px 0;
	background-color: #f7f7f7;
}

.bannr .list .icon_text {
	display:inline-block;
	vertical-align: middle;
	margin-left: 17px;
	font-family: Pretendard-Regular, sans-serif;
	font-size: 15px;
	line-height: 22px;
	color: #333;
	letter-spacing: 0;
	text-align:left;
}

.banner .list li{
	display: linline-block;
	vertical-align: middle;
}

.main_content {
    display: flex;
    justify-content: space-between;
    align-items: center;
	flex-wrap: wrap;
	width:100%;
}

.main_content li {
    padding: 8px 12px;
}

.content {
    display: flex;
    justify-content: space-between;
    align-items: center;
	margin-top:-30px;
	
}

.content li {
    padding: 8px 12px;
}

.mobile-false .footer-overlap .footer {bottom:0}
.bc-bottom{display:none;}


.navbar_navfixed {
 position: fixed; 
 top:0px;
 }

.foot_lay {
 height: auto;
 position: relaive;
 background: #e6e6e6;
 padding: 0px 0;
 text-align: center;
}

.tab_container {
position:relative;
float:left;
border: 1px solid #dedede;
width:100%;

-webkit-box-sizing:border-box; box-sizing:border-box;
}

.tbl-pro table { 
width: 1000px; 
border-top: 2px solid #727272; 
border-bottom: 1px solid #727272; 
color: #606060; 
/* table 가운데 정렬 */
display : table;
margin-left : auto;
margin-right : auto;
}



@media screen and (max-width: 800px) {
    .navbar {
        flex-direction: column;
        align-items: flex-start;
        width:100%;
    }
    

	
    .navbar_menu {
        display: none;
        flex-direction: column;
        align-items: center;
        width: 100%;
    }

    .navbar_menu li {
        width: 100%;
        text-align: center;
    }

    .navbar_icons {
        display: none;
        justify-content: center;
        width: 100%;
    }
	.foot_lay {
        height: auto;
        position: relaive;
		background: #e6e6e6;
		
		text-align: center;
	}
	
	.navbar_logo {
	width:380px;	
    font-size: 16px;
    color: var(--text-color);
	}
	
	.content {
    display: flex;
    justify-content: space-between;
    align-items: center;
	margin-top:-30px;
	flex-direction: column;
	padding-top: 5px;
    }
	
    .navbar_toogleBtn {
        display: block;    /* 768xp 이하 일때만 햄버거 버튼 나오게 함 */
    }

    .navbar_menu.active,
    .navbar_icons.active {
        display: flex;
    }

	body{padding-bottom:40px;}  
	.mobile-false .footer-overlap .footer {bottom:40px}

	.bc-bottom{background-color:#263343;box-shadow: 0 -2px 2px -2px #333;position:fixed;width:100%;height:60px;bottom:0;left:0;right:0;z-index:80000000;display:block;}
	.bc-bottom .bc-bottom-a{width:33%;text-align:center;height:40px;line-height:40px;color:#fff;float:left;text-decoration:none;font-size:17px;margin:10px 12% 0 4%;box-shadow: 0px 0px 5px #2a2a2a;background:#d49466;border-radius:10px;}
	.bc-bottom .bc-bottom-a:last-child{float:right;margin:10px 4% 0 12%;box-shadow: 0px 0px 5px #2a2a2a;}
	.bc-bottom img{width:60px;height:60px;position:absolute;bottom:0px;left:48%;margin-left:-25px;border-radius:30px;box-shadow: 0px 0px 5px #fff;}
    
	img2 {
	width:720px;
	height:440px;
	text-align: center;
    }

    .tbl-pro table {
    width: 780px;
    border-top: 2px solid #727272;
    border-bottom: 1px solid #727272;
    color: #606060;
    max-width: 250px;
}
    .tab_container {
    position: relative;
    float: left;
    border: 1px solid #dedede;
    width: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
	
}

.tbl-pro table { 
width: 780px; 
border-top: 2px solid #727272; 
border-bottom: 1px solid #727272; 
color: #606060; 
}

.container {
    position: relative;
    width: 780px 
    padding: 0;
}


}