@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 */
.side_menu {position: absolute;left: -200px;top: 0px;}
/*.navi-title + .navi-title {border-left: 1px solid #999;}*/
.navi-title > span{display:inline-block}

/* FOOTER AREA */
#footer {width:100%;border-top: 1px solid #bababa;background: #ffffff;color: #a3a3a3;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:#a3a3a3;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}
#main-img-wrap {position: relative;}
#main-img-wrap img {width:100%;overflow:hidden;}
#main-phone {position:absolute;bottom: 24%;right: 8.5%;max-width: 25%;cursor: pointer;}
#main-menu-btn-section{padding: 0 8%;position: absolute;bottom: 20px;}
.menu-btn-list +.menu-btn-list{margin-left:2%}
/*.menu-btn-list +.menu-btn-list-block{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: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%}

#menu-btn-list-01{position: absolute;top: -49%;width: 26.9%;}
#menu-btn-list-02 {margin-left: 0;}
#menu-btn-list-03 {margin-right: 2%;}

.bx-wrapper .bx-pager{bottom: 0;}
.bx-wrapper .bx-pager.bx-default-pager a:hover, .bx-wrapper .bx-pager.bx-default-pager a.active {background: #fc6774;}

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) {
	#main-wrap{width:720px;margin:0 auto;}
	header {border-bottom: 1px solid #ccc;height: 70px;}
	#menu-wrap{padding-left: 200px;}
	#menu-btn-list-01 {position: absolute;top: -48%;width: 25.6%;}
	.col-lg{float: left;width: 100%;}
	.collapse {display: block !important;}
	#main-phone,.share-wrap,.smenu-title, .icon-menu, .icon-phone, .icon-home, .navbar-toggle {display:none !important}
	.navbar-header {float: left;display:block !important}
	.navbar-brand {position:relative;margin-left:-70px;}
	.navi-title+.navi-title{border:0;}
	.navi-title{float: left;font-size: .8em;font-weight: bold;background: #fff;color:#000;-moz-box-sizing: border-box; -webkit-box-sizing: border-box;box-sizing: border-box;height: 60px;padding-top:27px;text-align: center;cursor: pointer}
	.container, #footer-content {max-width: 900px;margin: 0 auto;}
	#footer span {display: inline;}
	#main-menu-btn-section {padding: 0 10% 2%;}
}