@charset "UTF-8";
body {width:100%;min-height: 100%;overflow-x:hidden}
@font-face {font-family: "나눔고딕";font-weight: normal;font-style: normal;}


/* HEADER LOGO AREA */
#wrap {position:relative;min-height: 100%;}
.top-share-btn{ float:left;width:50%;-moz-box-sizing: border-box; -webkit-box-sizing: border-box;box-sizing: border-box;cursor: pointer;box-shadow: 0px 3px 5px 0px rgba(107,107,107,1);text-align:center;}
.share-wrap:after{display:table;content:" "}
.share-wrap:after{clear:both}
.navbar-header {height: 65px;}
.icon-top{display:block;position: absolute;top: 18px;max-width: 30px;cursor:pointer}
.icon-home, .icon-menu{left: 7px;}
.navbar-brand {padding-top: 18px;max-width: 200px;position:absolute;left: 50%;margin-left: -100px;cursor:pointer}
.icon-phone{right: 7px;}

/* GNB, SIDE MENU */
.collapse {display: none;}
#menu-btn-wrap:after {display: table;content: " ";}
#menu-btn-wrap:after {clear: both;}
.navi-title > span, .tab-link > span{display:inline-block}
.navi-title {color: #fff;}
.navi-title:hover, .navi-title:focus, .curr_menu{color: #fff;background: #2873ba;}

/* FOOTER AREA */
#footer {width:100%;border-top: 1px solid #8e929b;background: #8e929b;color: #fff;font-size: 13px;position: relative;font-weight:bold;line-height: 1.8em;text-align:center}
#footer-content {padding: 15px 15px 7px;}
#footer-content span {display: block;}
.credit-link {position: relative;color: #fff;font-size:.9em;font-weight:normal;}

/* MAIN CONTENT AREA */
#main-wrap, #sub-article{position:relative;max-width:720px;margin:0 auto;}
#main-slide-section, #main-normal-section, #main-menu-btn-section{position:relative;z-index: 1;}

.float-btn{cursor: pointer;max-width: 7%;position: absolute;top: 4%;z-index: 2;}
#main-phone{right: 22%;}
#main-facebook {right: 6%;}
#main-kko{right: 14%;}

#main-menu-btn-section{width: 100%;padding: 0 4%;position: absolute;bottom: 9%;z-index:10}

.link-btn{max-width: 47%;position:absolute;z-index: 5;bottom: 1.3%;cursor: pointer;}
#link-bbs {left: 3%;}
#link-map {right: 3%;}

.menu-btn-list, .menu-btn-list-block{float:left;cursor: pointer;}
.menu-btn img{width: 50%;cursor:pointer;}
.li-2-menu-pad{width:48%;margin-top:2%}
.li-2-menu{width:50%;-moz-box-sizing: border-box; -webkit-box-sizing: border-box;box-sizing: border-box;}
.li-3-menu-pad{width:32%;margin-top:2%}
.li-3-menu{width: 33.33%;-moz-box-sizing: border-box; -webkit-box-sizing: border-box;box-sizing: border-box;}
.li-4-menu-pad{width:24%;margin-top:2%}
.li-4-menu{width:25%;-moz-box-sizing: border-box; -webkit-box-sizing: border-box;box-sizing: border-box;}
.li-5-menu-pad{width:19%;margin-top:2%}
.li-5-menu{width:20%;-moz-box-sizing: border-box; -webkit-box-sizing: border-box;box-sizing: border-box;}
.li-6-menu-pad{width:15%;margin-top:2%}
.li-6-menu{width:16%;-moz-box-sizing: border-box; -webkit-box-sizing: border-box;box-sizing: border-box;}
.li-9-menu{width:10%}
.li-11-menu{width:9%}
.bx-wrapper .bx-pager{bottom: 5%;right: 3%;text-align: right;font-size:0}
.bx-wrapper .bx-pager.bx-default-pager a:hover, .bx-wrapper .bx-pager.bx-default-pager a.active {background: #2673b9;}

table th{text-align:center}
table {font-size:.9em}
.th-pad20{width:20%}
.th-pad25{width:25%}
.th-pad30{width:30%}
.th-pad35{width:35%}
.th-pad40{width:40%}

.goto-top {max-width: 70px;width: 100%;margin: 20px 0 0 auto;}

/* MEDIA QUERY */
@media (min-width: 769px) {
	#menu-wrap{padding-left: 200px;background:transparent;width:100%;display: block;}
	header{border-bottom: 1px solid #ccc;height: 70px;}
	.collapse {display: block !important}
	#main-phone, #main-kko, .share-wrap,.smenu-title, .icon-menu, .icon-phone, .icon-home, .icon-menu, .navbar-toggle {display:none !important}
	.navbar-header {float: left;display:block !important}
	.navbar-brand {position:relative;margin-left:-70px;}
	.navi-title{float: left;font-size: .8em;color:#000;font-weight: bold;-moz-box-sizing: border-box; -webkit-box-sizing: border-box;box-sizing: border-box;height: 60px;padding-top:25px;text-align: center;cursor: pointer;border:0}
	.navi-title:hover, .navi-title:focus {text-decoration: none;color: #999;background: transparent;}
	.container, #footer-content {max-width: 100%;margin: 0 auto;}
	#footer span {display: inline;}
}