@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;}
.navi-title > span{display:inline-block}

/* GNB, SIDE MENU */
.collapse {display: none;}
#main-slide-section {width: 72.5%;}
#menu-btn-wrap:after {display: table;content: " ";}
#menu-btn-wrap:after {clear: both;}

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

/* MAIN CONTENT AREA */
#main-wrap, #sub-article{position:relative;max-width:720px;margin:0 auto;}
.menu-btn-list, .menu-btn-list-block{cursor: pointer;position: absolute;top: 0;right: 0;max-width: 27.6%;}
.menu-btn img{width: 50%;cursor:pointer;}
.li-1-menu-pad{width:48%;}
.li-2-menu{width:50%}
.li-3-menu-pad{width:32%;margin-top:2%}
.li-3-menu{width: 33.3%;}
.li-4-menu-pad{width:24%;margin-top:2%}
.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%}

.bx-wrapper .bx-pager.bx-default-pager a:hover, .bx-wrapper .bx-pager.bx-default-pager a.active {background: #ffb70a;}
#menu-btn-list-01 {z-index:11}
#menu-btn-list-02 {padding-top: 27.2%;z-index:10}
#menu-btn-list-03 {padding-top: 54.5%;z-index:9}
#menu-btn-list-04 {padding-top: 81.7%;z-index:8}
#menu-btn-list-05 {padding-top: 108.9%;z-index:7}
#menu-btn-list-05 {float: right;}
#menu-btn-list-06 {padding-top: 136.1%;}

#main-mms, #main-kko, #main-phone {position:absolute;top: 3.5%;left: 3.7%;max-width: 31%;cursor: pointer;}

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,.share-wrap,.icon-menu, .icon-phone, .icon-home, .icon-menu, .navbar-toggle,.float-btn {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: 900px;margin: 0 auto;}
	#footer span {display: inline;}
}