@charset "UTF-8";
@font-face {font-family: "나눔고딕";font-weight: normal;font-style: normal;}

html,body {height: 100%;width:100%;min-height: 100%;}

/* 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{position:relative;height:65px}
.icon-top{display:block;position: absolute;top: 18px;max-width: 30px;cursor:pointer}
.icon-home{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;}
#main-wrap, #sub-article{position:relative;max-width:720px;margin:0 auto;}
.navi-title > span{display:inline-block}
.bx-wrapper .bx-pager.bx-default-pager a:hover, .bx-wrapper .bx-pager.bx-default-pager a.active {background: #f26c4f;}

/* FOOTER AREA */
#footer {width:100%;border-top: 1px solid #292c30;background: #292c30;color: #8d8e91;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:#cecece;font-size:.9em;font-weight:normal;}

/* MAIN CONTENT AREA */
#main-slide-section, #main-normal-section, #main-menu-btn-section{position:relative}
#main-img-wrap {position: relative;}
#main-img-wrap img {width:100%;overflow:hidden;}
.float-btn{position:absolute;right: 5%;max-width: 45%;cursor: pointer;}
#main-mms, #main-kko,#main-phone {bottom: 30%;}

#main-menu-btn-section{padding: 0 5%;position: absolute;bottom: 1%;width: 100%;}
.menu-btn-list +.menu-btn-list{margin-left:2%}
.menu-btn-list,.menu-btn-list-block{float:left;cursor: pointer;}
.menu-btn-list-block{margin:2% 2% 2% 0;}
.menu-btn > img{-moz-box-sizing: border-box; -webkit-box-sizing: border-box;box-sizing: border-box;}
.li-2-menu-pad{width:48%;margin-top:2%}
.li-2-menu{width:50%}
.li-3-menu-pad{width:32%;margin-top:2%}
.li-3-menu{width:33%}
.li-4-menu-pad{width: 23.5%;}
.li-4-menu{width:25%}
.li-5-menu-pad{width:19%;margin-top:2%}
.li-5-menu{width:20%}
.li-6-menu-pad{width:15%;margin-top:2%}
.li-6-menu{width:16%}

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%}

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