@charset "utf-8";


@media (max-width: 1400px) {
	
	/* header */
	#header .sitelogo {left:15px;}
	#gnb > ul {margin-left:350px;}
	#gnb > ul > li {padding:0 25px;}
	
	.open-nav {right:15px;}
	.top-map {right:85px;}

	.main-visual .bt-prev a {left:150px;}
	.main-visual .bt-next a {right:150px;}

}

@media (max-width: 1300px) {
	#gnb > ul {margin-left:320px;}
	#gnb > ul > li {padding:0 20px;}

	.main-visual .bt-prev a {left:100px;}
	.main-visual .bt-next a {right:100px;}

	.sub-visual {padding-bottom:20%;}
}

/* Landscape tablet to portrait tablet */
@media (max-width: 1200px) {
	/* 공통 */
	.only-desktop {display:none;}
	.only-tablet {display:block;}
	.only-mobile {display:none;}
	.desktop-tablet {display:block;}


	/* header */
	#gnb {display:none;}
	#header {height:80px;}
	#header .sitelogo {top:22px;}
	#header .sitelogo img {height:35px;}
	.top-map {top:15px; right:75px; width:50px; height:50px; background-size:18px;}
	.open-nav {top:15px; width:50px; height:50px;}

	/* main */
	.main-visual li .img {padding-bottom:45%;}
	.main-visual .bx-wrapper .bx-pager {bottom:20px}
	.main-visual .bx-wrapper .bx-pager.bx-default-pager a {width:12px; height:12px; border-radius:12px;}
	.main-visual .bx-wrapper .bx-pager.bx-default-pager a:hover,
	.main-visual .bx-wrapper .bx-pager.bx-default-pager a.active {width:30px;}
	.main-visual .text {margin-top:-102px;}
	.main-visual .text .big {font-size:35px; padding-bottom:40px; margin-bottom:20px;}
	.main-visual .text .big:after {margin-left:-2px; width:2px; height:30px;}
	.main-visual .text .logo img {height:60px;}
	.main-visual .bt-prev a {left:20px; margin-top:-33px; width:33px; height:66px; background-size:33px}
	.main-visual .bt-next a {right:20px; margin-top:-33px; width:33px; height:66px; background-size:33px}

	.main-title {margin-bottom:30px;}
	.main-title h2 {font-size:26px;}

	.section1 {padding:50px 15px;}
	.about-slide {margin-left:-20px;}
	.about-slide .item {padding-left:20px;}
	.about-slide .item .title {height:50px;}
	.about-slide .item .title .cell {font-size:17px;}

	.section2 {padding:50px 5px;}
	.section2 .col {padding:0 10px;}

	.section3 {padding:40px 15px;}
	.section3 .part-slide {margin:0 -5px;}
	.section3 .part-slide li {padding:0 5px;}

	

	/* sub page */
	.sub-visual {padding-bottom:25%; font-size:20px;}
	.sub-visual .cell {margin-top:-65px;}
	.sub-visual .cell .tit {font-size:35px;}

	.sub-title {margin:30px auto 40px; padding-bottom:15px;}
	.sub-title h2 {font-size:25px;}

	.real-cont {padding:0 15px 80px;}

	.lnb-menu {margin:-45px auto 0;}
	.lnb-menu ul li {font-size:16px; line-height:45px;}

	.menu-depth.menu-fixed {left:0; width:100%; margin-left:0;}
	.menu-depth {margin:0 auto 40px;}
	.menu-depth ul li {font-size:18px; line-height:50px;}
	
	
	/* footer */
	#footer {padding:20px 15px;}
	#footer .bar {padding:0 7px;}
	.foot-menu {padding-bottom:15px; margin-bottom:15px;}
	.foot-menu li {padding-right:20px;}
	.foot-logo {top:5px;}
	.foot-logo img {height:35px;}
	.foot-info {padding-left:250px;}
	
	
	/* doc */
	.doc-title {font-size:20px; margin-bottom:20px;}

	.table01 {margin-bottom:50px;}
	.table01 table tbody th {padding:12px 7px;}
	.table01 table tbody td {padding:12px 7px; }
	.table01 .bar {padding:0 7px;}

	.history-head {height:180px; margin-bottom:25px;}
	.history-head .text {padding:25px 0 0 25px;}
	.history-head .text .year {font-size:25px;}
	.history-head .text p {font-size:22px;}

	.history {margin-bottom:50px; padding-left:30px;}
	.history li {font-size:16px; padding-left:220px;}
	.history li .year {width:140px; font-size:17px;}

	.org {margin-bottom:50px;}

	.cert-list ul {margin:0 -10px;}
	.cert-list ul li {width:25%; padding:0 10px; margin-bottom:40px;}
	.cert-list ul li:nth-child(5n+1) {clear:none;}
	.cert-list ul li:nth-child(4n+1) {clear:left;}
	.cert-list ul li .more {height:30px; font-size:14px; line-height:28px; border-radius:30px;}

	.map-head {padding:25px; background-size:80px;}
	.map {margin-bottom:50px; padding-bottom:50px;}

	.doc-tit {font-size:20px; padding:0 0 10px 20px; margin-bottom:20px;}
	.doc-tit:after {top:7px; width:15px; height:15px; border-width:4px;}

	.mainten-photo {padding:0 0 0 20px; margin-bottom:35px;}
	.mainten-photo ul li {margin-bottom:30px;}
	.mainten-photo ul li .info {padding-left:15px;}
	.mainten-photo ul li .info dl dt {font-size:17px;}
	.mainten-photo ul li .info dl dd {font-size:15px;}
	.mainten-photo ul li .info dl dd:after {top:8px; width:5px; height:5px;}

	.mainten-cnt {margin-bottom:30px; padding-left:20px;}
	.mainten-cnt .title {font-size:17px;}
	.mainten-cnt ul {margin:0 -10px;}
	.mainten-cnt ul li {padding:0 10px;}
	.mainten-cnt ul li dl dt {font-size:16px;}
	.mainten-cnt ul li dl dt:after {top:8px; width:5px; height:5px}
	
	.table02 {margin-bottom:40px;}
	.table02 table thead th {padding:10px 10px; height:40px;}
	.table02 table tbody th {padding:10px 5px;}
	.table02 table tbody td {padding:10px 5px;}

	
	.remodel-cnt {margin-bottom:30px; padding-left:20px;}

	.law-cnt {margin-bottom:30px; padding-left:20px;}
	.law-cnt .title {font-size:17px;}

	.law-cnt2 {padding-top:20px;}
	.law-cnt2 .info {padding:0 15px;}
	.law-cnt2 .info dl {margin-bottom:20px;}
	.law-cnt2 .info dl dt {font-size:17px;}
	.law-cnt2 .info dl dd:after {top:7px; width:5px; height:5px;}
	

	/* board */
	.board-form {display:none;}
	.m-board-form {display:block;}
	.mailform table {font-size:14px;}
	.mailform table thead th {padding:7px 5px; height:30px;}
	.mailform table tbody th {padding:7px 5px;}
	.mailform table tbody td {padding:7px 10px;}

}

@media (max-width: 1024px) {

	.main-visual li .img {padding-bottom:50%;}
	.main-visual .text {margin-top:-102px;}
	.main-visual .text .big {font-size:25px; padding-bottom:40px; margin-bottom:20px;}
	.main-visual .text .big:after {margin-left:-2px; width:2px; height:30px;}
	.main-visual .text .logo img {height:50px;}
	.main-visual .bt-prev a {left:15px; margin-top:-33px; width:33px; height:66px; background-size:33px}
	.main-visual .bt-next a {right:15px; margin-top:-33px; width:33px; height:66px; background-size:33px}

	.main-title {margin-bottom:25px;}
	.main-title h2 {font-size:22px;}

	.section1 {padding:40px 15px;}
	.about-slide {margin-left:-15px;}
	.about-slide .item {padding-left:15px;}
	.about-slide .item .title .cell {font-size:16px;}
	
	.section2 {padding:40px 15px;}
	.section2 .col {float:none; width:100%; padding:0; margin-bottom:10px;}
	.section2 .bnr {height:auto; font-size:16px; padding:30px 0;}
	.section2 .bnr .icon img {height:60px;}

	.main-board {height:auto; padding:15px 20px 15px;}
	.main-board .title {font-size:16px; padding-bottom:10px; margin-bottom:10px;}
	.main-board ul li {font-size:15px;}
	.main-board .more {top:20px; right:20px;}

	
	.section3 {padding:30px 15px;}

	.sub-visual {padding-bottom:27%; font-size:18px;}
	.sub-visual .cell {margin-top:-55px;}
	.sub-visual .cell .tit {font-size:30px;}

	.sub-title {margin:25px auto 35px}
	.sub-title h2 {font-size:22px;}



	/* footer */
	#footer {padding:10px 15px 40px; text-align:center;}
	#footer .bar {padding:0 7px;}
	.foot-menu {padding-bottom:10px; margin-bottom:20px;}
	.foot-menu li {display:inline-block; float:none;  padding:0 5px;}
	.foot-logo {top:0; position:relative; margin-bottom:20px;}
	.foot-logo img {height:30px;}
	.foot-info {padding-left:0;}

	#sub .quick-wrap {top:auto}
	#sub .quick-wrap.quick-fixed {position:fixed; top:auto;}
	.quick-wrap.quick-fixed {position:fixed; top:auto;}
	.quick-wrap.active {right:auto; bottom:0; height:40px}
	.quick-wrap {position:fixed; top:auto; bottom:0; right:0; width:100%;}
	.quick-wrap .btn-open {left:50%; margin-left:-20px;width:70px; height:40px; border-radius:5px 5px 0 0;}
	.quick-wrap .btn-open span {transform:rotate(45deg); -ms-transform:rotate(45deg); margin-top:18px;}
	.quick-wrap .btn-open a.active span {transform:rotate(-135deg); -ms-transform:rotate(-135deg);}
	.quick {margin-left:0;width:100%; margin-top:40px; height:280px; border-radius:0; padding:10px; margin-bottom:0;}
	.quick .tit {text-align:center; margin-bottom:10px;}
	.quick .tit dl dt {font-size:16px; line-height:1.4em; color:#fff; font-weight:500; margin-bottom:5px; letter-spacing:-.5px;}
	.quick .tit dl dd {color:#fff; font-size:26px; line-height:1.4em; font-family: 'TmonMonsori';}
	.quick .col {margin-bottom:5px;}
	.quick .check {position:relative; font-size:14px; line-height:1.4em; color:#fff; margin-bottom:10px; padding-top:5px;}
	.quick .check .btn {position:absolute; top:7px; right:0;}
	.quick  button {width:100%; height:45px; outline:0; border:0; font-size:19px; color:#fff; line-height:45px; background:#3594cb; text-align:center; border-radius:5px;}
	.quick  button span {display:inline-block; width:26px; height:45px; vertical-align:top; background:url('../images/common/bt_sns.png') 0 50% no-repeat; margin-right:10px;}
	.top {display:none !important}

	.real-cont {min-height:300px; _height:300px; padding:0 15px 50px;}

	/* doc */
	.history-head {height:150px; margin-bottom:20px;}
	.history-head .text {padding:20px 0 0 20px;}
	.history-head .text .year {font-size:22px;}
	.history-head .text p {font-size:19px;}

	.history {margin-bottom:40px; padding-left:0;}
	.history li {font-size:15px; min-height:30px; padding-left:180px; margin-bottom:10px;}
	.history li .year {width:130px; height:30px; font-size:16px; line-height:30px; border-radius:30px;}
	.history li .year:after {left:130px; width:40px; height:1px;}
	.history .cnt {padding-top:4px;}

	.org {margin-bottom:35px;}

	.cert-list ul {margin:0 -5px;}
	.cert-list ul li {width:33.333%; padding:0 5px; margin-bottom:30px;}
	.cert-list ul li:nth-child(4n+1) {clear:none;}
	.cert-list ul li:nth-child(3n+1) {clear:left;}

	.map-head {padding:20px; background-size:70px;}
	.map-head .photo .tit {bottom:10px; right:10px;}
	.map-head .info {padding-left:20px;}
	.map-head .info dl dt {font-size:18px;margin-bottom:7px;}
	.map-head .info dl dd {font-size:15px;}
	.map {margin-bottom:40px padding-bottom:40px;}
	.kakao-map {height:350px !important;}
	.kakao-map .wrap_map {height:350px !important;}

	.doc-tit {font-size:18px; padding:0 0 10px 20px; margin-bottom:20px;}
	.doc-tit:after {top:7px; width:15px; height:15px; border-width:4px;}

	.mainten-photo {padding:0; margin-bottom:20px}
	.mainten-photo ul li {float:none; width:100%; margin-bottom:40px;}
	.mainten-photo ul li:nth-child(2),
	.mainten-photo ul li:nth-child(4) {width:100%}
	.mainten-photo ul li:nth-child(2n+1) {clear:none;}

	.mainten-cnt.type2 {margin-bottom:10px;}
	.mainten-cnt {margin-bottom:25px;}
	.mainten-cnt ul {margin:0 -5px;}
	.mainten-cnt ul li {width:50%; padding:0 5px; margin-bottom:20px;}
	.mainten-cnt ul li:nth-child(4n+1) {clear:none;}
	.mainten-cnt ul li:nth-child(2n+1) {clear:left;}

	.table02 {margin-bottom:25px;}

	.remodel-cnt {margin-bottom:25px;}
	.remodel-cnt ul li {font-size:15px;}
	.remodel-cnt ul li:after {top:7px;width:5px; height:5px;}

	.law-cnt {margin-bottom:25px;}
	.law-cnt .title {font-size:15px;}
	.law-cnt ol li {font-size:14px; padding-left:15px; text-indent:-15px}
	.law-cnt ol li ol li {padding-left:15px;}
	.law-cnt .pl {padding-left:78px; text-indent:-78px}
	.law-cnt .p2 {padding-left:90px; text-indent:-90px}
	.law-cnt ul {margin-bottom:20px;}
	.law-cnt ul li:after {top:7px; width:5px; height:5px;}

	.law-cnt2 .info {padding:0 10px;}
	.law-cnt2 .info dl {margin-bottom:20px;}
	.law-cnt2 .info dl dt {font-size:16px; margin-bottom:5px;}
	.law-cnt2 .info dl dd {font-size:15px; margin-bottom:5px}


}


/* Landscape phone */
@media (max-width: 767px) {

	/* 공통 */
	.only-desktop {display:none;}
	.only-tablet {display:none;}
	.only-mobile {display:block;}
	.desktop-tablet {display:none;}
	
	#m-header {height:60px;}
	#m-header .sitelogo {top:13px;}
	#m-header .sitelogo img {height:35px}

	/* main */
	.main-visual li .img {padding-bottom:55%;}
	.main-visual .text {margin-top:-50px;}
	.main-visual .text .big {font-size:20px; padding-bottom:30px; margin-bottom:15px;}
	.main-visual .text .big:after {margin-left:-2px; width:2px; height:20px;}
	.main-visual .text .logo img {height:30px;}
	.main-visual .bx-wrapper .bx-pager {bottom:10px}
	.main-visual .bt-prev a {left:15px; margin-top:-20px; width:20px; height:40px; background-size:20px}
	.main-visual .bt-next a {right:15px; margin-top:-20px; width:20px; height:40px; background-size:20px}

	.main-title {margin-bottom:20px;}
	.main-title h2 {font-size:18px;}
	.main-title p {font-size:15px;}

	.section1 {padding:30px 15px;}
	.about-slide {margin-left:-10px;}
	.about-slide .item {padding-left:10px;}
	.about-slide .item .title {height:45px;}
	.about-slide .item .title .cell {font-size:15px;}

	.section2 {padding:30px 15px;}
	.section2 .bnr {padding:25px 0;}
	.section2 .bnr .icon img {height:50px;}

	.main-board {padding:12px;}
	.main-board .more {top:12px; right:12px;}

	.section3 {padding:20px 15px;}
	.section3 .part-slide {margin:0 -2px;}
	.section3 .part-slide li {padding:0 2px;}
	


	/* sub page */
	.sub-visual {padding-bottom:35%; font-size:16px;}
	.sub-visual .cell {margin-top:-27px;}
	.sub-visual .cell .tit {font-size:25px;}

	.sub-title {display:none;} 

	.real-cont {min-height:200px; _height:200px; padding:0 15px 30px;}
	
	
	/* 메뉴 */
	#lnb {display:none;}
	.m-lnb-menu {display:block;position:relative; background:#3594cb;text-align:center; margin-bottom:20px;}
	.m-lnb-menu .submenu {position:relative; z-index:100}
	.m-lnb-menu .submenu:after {content:"";position:absolute; top:15px; right:20px; transform:rotate(45deg); border:solid #fff;border-width:0 2px 2px 0; padding:5px;}
	.m-lnb-menu .submenu > a {display:block; padding:10px 25px 10px 19px; color:#fff; font-size:1.1em; line-height:30px; transition:none;}
	.m-lnb-menu .submenu.active:after {top:22px; transform:rotate(-135deg);}
	.m-lnb-menu .submenu ul {display:none; position:absolute; top:50px; left:0; width:100%; background:#f3f4f5; z-index:50;}
	.m-lnb-menu .submenu ul li a {display:block; padding:15px 0; color:#5d5d5d; font-size:15px; line-height:20px; text-decoration:none; border-bottom:1px solid #e0e0e0;}
	.m-lnb-menu .submenu ul li a:hover {color:#fff; background:#3594cb; border-bottom:1px solid #3594cb;}

	.menu-depth {margin:0 auto 20px;}
	.menu-depth ul li {font-size:16px; line-height:40px;}
	

	/* footer */
	#footer {padding:10px 15px 70px;}
	#footer .bar {padding:0 5px;}
	#footer .br {display:block}
	#footer .br .bar {padding:0;}
	.foot-menu {padding-bottom:10px; margin-bottom:10px;}
	.foot-menu li {font-size:13px; padding:0 3px;}
	.foot-logo {margin-bottom:10px;}
	.foot-logo img {height:25px;}

	/* doc */
	.doc-title {font-size:17px; margin-bottom:15px;}

	.table01 {margin-bottom:25px;}
	.table01 table tbody th {padding:10px 5px; font-size:14px;}
	.table01 table tbody td {padding:10px 5px; font-size:14px;}
	.table01 .bar {padding:0 3px;}

	.history-head {height:120px; margin-bottom:15px;}
	.history-head .text .year {font-size:20px;}
	.history-head .text p {font-size:16px;}

	.history {margin-bottom:20px;}
	.history li {font-size:14px; padding-left:0; margin-bottom:10px;}
	.history li .year {position:relative; width:120px; font-size:15px;}
	.history li .year:after {left:120px; width:100%}
	.history .cnt {padding-left:10px;}

	.org {margin-bottom:20px;}

	.cert-list ul li {width:50%; margin-bottom:20px;}
	.cert-list ul li:nth-child(3n+1) {clear:none;}
	.cert-list ul li:nth-child(2n+1) {clear:left;}

	.map-head {padding:15px; background-position:95% 95%; background-size:60px;}
	.map-head .photo {float:none; width:100%; margin-bottom:10px;}
	.map-head .photo .tit {font-size:14px}
	.map-head .info {float:none; width:100%; padding-left:0;}
	.map-head .info dl dt {font-size:17px; margin-bottom:5px;}
	.map-head .info dl dd {font-size:14px;}
	.map {margin-bottom:25px; padding-bottom:25px;}
	.kakao-map {height:250px !important;}
	.kakao-map .wrap_map {height:250px !important;}

	.doc-tit {font-size:17px; margin-bottom:10px; padding:0 0 10px 15px;}
	.doc-tit:after {top:7px; width:12px; height:12px; border-width:3px;}

	.mainten-photo {padding:0; margin-bottom:20px;}
	.mainten-photo ul li {float:none; width:100%; margin-bottom:20px;}
	.mainten-photo ul li:nth-child(2),
	.mainten-photo ul li:nth-child(4) {width:100%}
	.mainten-photo ul li:nth-child(2n+1) {clear:none;}
	.mainten-photo ul li .photo {float:100%; width:100%; margin-bottom:10px;}
	.mainten-photo ul li .info {width:100%; padding-left:0;}
	.mainten-photo ul li .info dl dt {font-size:16px; margin-bottom:5px}
	.mainten-photo ul li .info dl dd {font-size:14px;}

	.mainten-cnt {margin-bottom:20px; padding-left:0;}
	.mainten-cnt .title {font-size:16px;}
	.mainten-cnt ul {margin:0;}
	.mainten-cnt ul li {float:none; width:100%; padding:0; margin-bottom:15px;}
	.mainten-cnt ul li:nth-child(2n+1) {clear:none;}
	.mainten-cnt ul li dl dt {font-size:15px; margin-bottom:5px;}
	.mainten-cnt ul li dl dd {font-size:14px; margin-bottom:5px;}
	
	.table02 {margin-bottom:20px;}
	.table02 table thead th {padding:5px 7px; height:35px; font-size:14px;}
	.table02 table tbody th {padding:5px 7px; font-size:14px;}
	.table02 table tbody td {padding:5px 7px; font-size:14px;}

	.remodel-cnt {margin-bottom:20px;}

	.law-cnt {margin-bottom:20px;}
	.law-cnt ol li ol li {padding-left:15px;}
	.law-cnt ul {margin-bottom:10px;}
	.law-cnt ul li {font-size:14px;margin-bottom:5px;}

	.law-cnt2 {padding-top:15px;}
	.law-cnt2 .info {float:none; width:100%; padding:0; margin-bottom:10px;}
	.law-cnt2 .info dl {margin-bottom:15px;}
	.law-cnt2 .photo {float:none; width:100%}
	
	/* 사이트맵 */
	.sitemap div {width:50%; margin-bottom:30px;}
	.sitemap div:nth-child(3n+1) {clear:none}
	.sitemap div:nth-child(2n+1) {clear:left}


	/* board */

	/* 리스트 */
	.board-list {display:none;}
	.m-board-list {display:block !important; border-top:1px solid #686868; border-bottom:1px solid #ddd; margin-bottom:10px;}
	.m-board-list li {border-top:1px solid #ddd; font-size:.9em; letter-spacing:-.25px; padding:10px 10px}
	.m-board-list li:first-child {border-top:0;}
	.m-board-list li a {display:block;}
	.m-board-list li strong {font-size:1em; font-weight:normal; line-height:1.4em; color:#333; word-wrap:break-word; word-break:break-all; vertical-align:top;}
	.m-board-list li img {vertical-align:middle;}
	.m-board-list li .info {display:inline-block; position:relative; padding:4px 0 0 0; font-size:1em; line-height:1.4em; color:#888;}
	.m-board-list li .bar {color:#ccc; margin:0 6px;}
	.m-board-list .answer {border-top:1px solid #ddd; background:#f4f4f4; padding:10px; font-size:12px;}
	.m-board-list .answer .q {color:#666; padding:0 0 8px 18px; text-indent:-18px;}
	.m-board-list .answer .q span {font-weight:bold; font-size:1em; margin-right:6px;}
	.m-board-list .answer .a {color:#d15a13; padding:0 0 0 18px; text-indent:-18px;}
	.m-board-list .answer .a span {font-weight:bold; font-size:1em; margin-right:6px;}
	.m-board-list .answer .cnt {margin-bottom:10px; padding:10px 15px;}
	.m-board-list .btn {text-align:right; padding:0 0 10px 10px;}
	.m-board-list .btn a {display:inline-block}
	.m-board-list .none {padding:50px; text-align:center;}
		
	

	/* 검색 */
	.board-search {margin:20px auto 10px;}
	.board-search .total-page {display:none;}
	.board-search .search {float:none; text-align:center;}
	.board-search .search .select {min-width:70px;}
	.board-search .search .input {width:120px;}
	.board-search .search .btn {padding:0 10px;}
	
	.board-write .files_table input[type=file]{margin-right:10px; width:100% !important; margin-bottom:5px;}
	.board-write .btn-pack.medium {height:25px; line-height:23px;}

	.buttons {margin:20px auto;}

	.mailform table {font-size:14px;}
	.mailform table thead th {padding:7px 5px;}
	.mailform table tbody th {padding:7px 5px;}
	.mailform table tbody td {padding:7px 5px;}
	.mailform .city {margin:0;}
	.mailform .city li {float:none; width:100%; padding:0; margin-bottom:5px;}
	.mailform .city.type2 li {float:none; width:100%; padding:0; margin-bottom:5px;}
	.form-agree {margin-top:20px;}
	.form-agree .btn span {display:none;}


	

}	

/* Landscape phones and down */
@media (max-width: 480px) {
		
	.main-visual li .img {padding-bottom:80%;}
	.main-visual .text {margin-top:-46px; padding:0 30px;}
	.main-visual .text .big {font-size:18px; padding-bottom:30px; margin-bottom:10px;}
	
	#header {height:60px;}
	#header .sitelogo {top:17px;}
	#header .sitelogo img {height:28px;}
	.top-map {top:10px; right:60px; width:40px; height:40px; background-size:14px;}
	.open-nav {top:10px; width:40px; height:40px;}
	
}