@import url("reset.css");
@import url("font_icon.css");


#wrap {width:100%; min-width:320px;}

.header {width:100%; position:fixed; left:0; top:0; z-index:1800;}
.header .top-head {width:100%; height:40px; background:#1a1a1a;}
.header .top-head > .inner {width:95%; max-width:1200px; height:40px; margin:0 auto; /*display:flex; flex-wrap:wrap;*/ font-size:0;}
.header .top-head > .inner > * {display:inline-block; vertical-align:middle;}
.header .top-head .lf-box {width:50%; height:40px; font-size:0;}
.header .top-head .lf-box p {display:inline-block; font-size:15px; font-weight:400; letter-spacing:-0.5px; line-height:40px; color:#ccc; vertical-align:middle; margin-right:5px;}
.header .top-head .lf-box p:nth-child(1) {-webkit-transform:rotate(30deg) translateY(1px); -moz-transform:rotate(30deg) translateY(1px); transform:rotate(30deg) translateY(1px);}
.header .top-head .lf-box p img {vertical-align:middle;}
.header .top-head .lf-box p:nth-child(1) {margin-right:2px;}
.header .top-head .lf-box p:last-child {margin-right:0;}
.header .top-head .lf-box p i.icon-phone {font-size:13px;}
.header .top-head .rt-box {width:50%;}
.header .top-head .rt-box ul {text-align:right; font-size:0;}
.header .top-head .rt-box ul li {display:inline-block; height:40px; font-size:13px; font-weight:400; letter-spacing:-0.5px; line-height:40px; color:#ccc; vertical-align:middle; padding:0 30px; position:relative;}
.header .top-head .rt-box ul li:before {content:""; width:1px; height:8px; background:#4d4d4d; position:absolute; left:0; top:50%; -webkit-transform:translateY(-50%); -moz-transform:translateY(-50%); transform:translateY(-50%);}
.header .top-head .rt-box ul li img {vertical-align:middle; margin-right:3px;}
.header .top-head .rt-box ul li a {font-size:13px; font-weight:400; letter-spacing:-0.5px; color:#ccc;}
.header .top-head .rt-box ul li:first-child {padding-left:0;}
.header .top-head .rt-box ul li:first-child:before {display:none;}
.header .top-head .rt-box ul li:last-child {padding-right:0;}


.header .header-inner {width:100%; height:127px; background:rgba(0,0,0,0.2);}
.header .header-inner > .inner {width:95%; max-width:1200px; height:127px; margin:0 auto; display:flex; flex-wrap:wrap;}
.header .header-inner .logo {width:178px; position:relative;}
.header .header-inner .logo img {position:absolute; left:0; top:50%; -wekbit-transform:translateY(-50%); -moz-transform:translateY(-50%); transform:translateY(-50%); display:block;}
.header .header-inner .gnb {width:calc(100% - 237px); width:-webkit-calc(100% - 237px); width:-moz-calc(100% - 237px); position:relative;}
.header .header-inner .gnb ul.gnb-box {font-size:0; text-align:right; position:absolute; right:50px; bottom:0;}
.header .header-inner .gnb ul.gnb-box li.menu {display:inline-block; vertical-align:top; padding:10px 45px 55px 45px; position:relative; text-align:left;}
.header .header-inner .gnb ul.gnb-box li.menu a {display:block; font-size:17px; font-weight:500; letter-spacing:-0.5px; line-height:20px; color:#fff;}
.header .header-inner .gnb ul.gnb-box li.menu ul.sub {width:100%; height:250px; position:absolute; left:40px; top:81px; text-align:left; padding:40px 0; display:none; z-index:1000;}
.header .header-inner .gnb ul.gnb-box li.menu ul.sub li {display:block; margin-top:17px;}
.header .header-inner .gnb ul.gnb-box li.menu ul.sub li:nth-child(1) {margin-top:0;}
.header .header-inner .gnb ul.gnb-box li.menu ul.sub li a {font-size:17px; font-weight:400; letter-spacing:-1.5px; color:#402d19; display:inline-block;}
.header .header-inner .gnb ul.gnb-box li.menu ul.sub li:hover a {color:#e6310d;}
.header .header-inner .gnb ul.gnb-box li.menu ul.sub li dl dd {margin-top:10px;}
.header .header-inner .gnb ul.gnb-box li.menu ul.sub li dl dd a {font-size:15px; font-weight:400; letter-spacing:-1.5px; color:#906c46; display:inline-block;}
.header .header-inner .gnb ul.gnb-box li.menu ul.sub li:hover dl dd a {color:#906c46;}
.header .header-inner .gnb .gnb-member {position:absolute; right:-190px; top:127px; padding:40px 0; padding-left:50px; display:none; z-index:1000;}
.header .header-inner .gnb .gnb-member:before {content:""; width:1px; height:300px; border-left:1px solid #fff; position:absolute; left:25px; top:40px; z-index:1000;}
.header .header-inner .gnb .gnb-member ul {font-size:0;}
.header .header-inner .gnb .gnb-member ul li {display:inline-block; vertical-align:middle; padding:0 5px; position:relative;}
.header .header-inner .gnb .gnb-member ul li:after {content:""; width:1px; height:70%; border-left:1px solid #906c46; position:absolute; left:0; top:50%; -webkit-transform:translateY(-50%); -moz-transform:translateY(-50%); transform:translateY(-50%);}
.header .header-inner .gnb .gnb-member ul li:nth-child(1) {padding-left:0;}
.header .header-inner .gnb .gnb-member ul li:nth-child(1):after {display:none;}
.header .header-inner .gnb .gnb-member ul li a {font-size:15px; font-weight:400; letter-spacing:-1px; color:#906c46;}
.header .header-inner .gnb .gnb-member dl {margin-top:40px;}
.header .header-inner .gnb .gnb-member dl dd {margin-top:10px;}
.header .header-inner .gnb .gnb-member dl dd:nth-child(1) {margin-top:0;}
.header .header-inner .gnb .gnb-member dl dd a {font-size:15px; font-weight:400; letter-spacing:-1px; color:#906c46;}
.header .header-inner .all-gnb-wrap {width:24px; position:relative; margin-left:35px;}
.header .header-inner .all-gnb-wrap .all-gnb {width:24px; height:21px; position:absolute; right:0; top:50%; -wekbit-transform:translateY(-50%); -moz-transform:translateY(-50%); transform:translateY(-50%); cursor:pointer;}
.header .header-inner .all-gnb-wrap .all-gnb i {width:24px; height:3px; background:#fff; border-radius:3px; position:absolute; left:0; transition:transform 0.25s;}
.header .header-inner .all-gnb-wrap .all-gnb i:nth-child(1) {}
.header .header-inner .all-gnb-wrap .all-gnb i:nth-child(2) {top:9px;}
.header .header-inner .all-gnb-wrap .all-gnb i:nth-child(3) {bottom:0;}
.header .header-inner .all-gnb-wrap .all-gnb.active i:nth-child(1) {-webkit-transform:rotate(45deg); -moz-transform:rotate(45deg); transform:rotate(45deg); top:9px;}
.header .header-inner .all-gnb-wrap .all-gnb.active i:nth-child(2) {opacity:0;}
.header .header-inner .all-gnb-wrap .all-gnb.active i:nth-child(3) {-webkit-transform:rotate(-45deg); -moz-transform:rotate(-45deg); transform:rotate(-45deg); top:9px;}

.header.wh .header-inner {background:rgba(255,255,255,1);}
.header.wh .header-inner .gnb ul.gnb-box li.menu a {color:#333;}
.header.wh .header-inner .all-gnb-wrap .all-gnb i {background:#333}

.header.scroll-on .header-inner {background:rgba(0,0,0,0.7);}

.header.active .header-inner {background:#f2f2f2;}
.header.active .header-inner .gnb ul.gnb-box li.menu a {color:#402d19;}
.header.active .header-inner .gnb ul.gnb-box li.menu:hover:after {content:""; width:calc(100% - 40px); height:2px; background:#e6310d; position:absolute; left:40px; bottom:0; z-index:1001;}
.header.active .header-inner .all-gnb-wrap .all-gnb i {background:#402d19;}

.gnb-bg {width:100%; height:380px; background:#f2f2f2; border-top:1px solid #fff; position:absolute; left:0; top:167px; z-index:999;}

.mo-gnb {width:80%; max-width:350px; height:100%; overflow:hidden; background:#f2f2f2; position:fixed; top:0; right:0; z-index:5000; display:none;}
.mo-gnb .close-btn {width:25px; height:25px; cursor:pointer; position:relative; margin-left:auto; margin-top:10px; margin-right:20px;}
.mo-gnb .close-btn:before, .mo-gnb .close-btn:after {content:""; width:2px; height:30px; background:#402d19; position:absolute;}
.mo-gnb .close-btn:before {-webkit-transform:rotate(45deg) translateX(8px) translateY(-11px); -moz-transform:rotate(45deg) translateX(8px) translateY(-11px); transform:rotate(45deg) translateX(8px) translateY(-11px);}
.mo-gnb .close-btn:after {transform:rotate(-45deg) translateX(11px) translateY(8px);}
.mo-gnb .gnb-wrap {width:calc(100% + 20px); height:calc(100% - 50px); overflow-y:scroll; box-sizing:border-box; padding:30px 40px 30px 20px; position:relative;}
.mo-gnb .member-box {}
.mo-gnb .member-box ul {font-size:0; text-align:center;}
.mo-gnb .member-box ul li {display:inline-block; vertical-align:middle; width:50%; box-sizing:border-box; padding:0 10px; text-align:center; position:relative;}
.mo-gnb .member-box ul li:before {content:""; width:1px; height:60%; border-left:1px solid #402d19; position:absolute; left:0; top:50%; -webkit-transform:translateY(-50%); -moz-transform:translateY(-50%); transform:translateY(-50%);}
.mo-gnb .member-box ul li:nth-child(1):before {display:none;}
.mo-gnb .member-box ul li img {display:inline-block; vertical-align:middle;}
.mo-gnb .member-box ul li p {display:inline-block; vertical-align:middle; margin-left:5px;}
.mo-gnb .member-box ul li a {color:#402d19;}
.mo-gnb .mo-gnb-wrap {width:100%; margin-top:30px;}
.mo-gnb .mo-gnb-wrap .mo-gnb-box {width:100%; border-bottom:1px solid #e5e5e5;}
.mo-gnb .mo-gnb-wrap .mo-gnb-box:nth-child(1) {border-top:1px solid #e5e5e5;}
.mo-gnb .mo-gnb-wrap .mo-gnb-box .depth-1 {width:100%; height:50px; box-sizing:border-box; padding:0 10px; font-size:16px; font-weight:400; letter-spacing:-1px; line-height:50px; color:#402d19; cursor:pointer; position:relative;}
.mo-gnb .mo-gnb-wrap .mo-gnb-box .depth-1:before, .mo-gnb .mo-gnb-wrap .mo-gnb-box .depth-1:after {content:""; position:absolute; background:#402d19; top:50%; -webkit-transform:translateY(-50%); -moz-transform:translateY(-50%); transform:translateY(-50%); transition:transform 0.3s;}
.mo-gnb .mo-gnb-wrap .mo-gnb-box .depth-1:before {width:2px; height:10px; right:14px;}
.mo-gnb .mo-gnb-wrap .mo-gnb-box .depth-1:after {width:10px; height:2px; right:10px;}
.mo-gnb .mo-gnb-wrap .mo-gnb-box .depth-1.on {color:#fff; background:#402d19}
.mo-gnb .mo-gnb-wrap .mo-gnb-box .depth-1.on:before, .mo-gnb .mo-gnb-wrap .mo-gnb-box .depth-1.on:after {background:#fff;}
.mo-gnb .mo-gnb-wrap .mo-gnb-box .depth-1.on:before {top:calc(50% - 5px); -webkit-transform:rotate(-90deg); -moz-transform:rotate(-90deg); transform:rotate(-90deg);}
.mo-gnb .mo-gnb-wrap .mo-gnb-box .depth-2 {display:none; padding:10px 0;}
.mo-gnb .mo-gnb-wrap .mo-gnb-box .depth-2 li {width:100%; box-sizing:border-box; padding:5px 20px; position:relative;}
.mo-gnb .mo-gnb-wrap .mo-gnb-box .depth-2 li:before {content:""; width:5px; height:2px; background:#402d19; position:absolute; left:10px; top:15px;}
.mo-gnb .mo-gnb-wrap .mo-gnb-box .depth-2 li a {display:block; font-size:15px; font-weight:400; letter-spacing:-1px; color:#402d19;}
.mo-gnb .mo-gnb-wrap .mo-gnb-box .depth-3 dd {width:100%; box-sizing:border-box; padding:3px 0;}
.mo-gnb .mo-gnb-wrap .mo-gnb-box .depth-3 dd a {display:block; font-size:13px; font-weight:400; letter-spacing:-1px; color:#906c46;}
.mo-gnb .tel {width:100%; text-align:center; position:absolute; left:0; bottom:0; padding:10px 0; background:#402d19;}
.mo-gnb .tel > * {display:inline-block; vertical-align:middle; color:#fff; font-size:13px;}
.mo-gnb .tel p:nth-child(1) {-webkit-transform:rotate(30deg) translateY(1px); -moz-transform:rotate(30deg) translateY(1px); transform:rotate(30deg) translateY(1px);}
.mo-gnb .tel p i {font-size:12px;}
.mo-gnb .tel p i:before {margin-left:0; margin-right:0; width:auto;}

.footer {width:100%; padding-bottom:70px; background:url("/img/com/footer.jpg") center repeat; background-size:cover; position:relative; display:block;}
.footer > .inner {width:95%; max-width:1200px; margin:0 auto;}
.footer .fnb {width:100%; display:flex; flex-wrap:wrap; padding:30px 0; border-bottom:2px solid #333;}
.footer .fnb ul.fnb-box {width:calc(100% - 150px); width:-webkit-calc(100% - 150px); width:-moz-calc(100% - 150px); font-size:0;}
.footer .fnb ul.fnb-box li {display:inline-block; padding:0 12px; position:relative;}
.footer .fnb ul.fnb-box li:before {content:""; width:3px; height:3px; border-radius:50%; background:#fff; position:absolute; left:0; top:50%; -webkit-transform:translateY(-50%); -moz-transform:translateY(-50%); transform:translateY(-50%);}
.footer .fnb ul.fnb-box li:nth-child(1) {padding-left:0;}
.footer .fnb ul.fnb-box li:nth-child(1):before {display:none;}
.footer .fnb ul.fnb-box li a {font-size:16px; font-weight:300; letter-spacing:-1px; line-height:1; color:#fff;}
.footer .fnb ul.fnb-box li:hover a {color:#efa418;}
.footer .fnb ul.fnb-box li:nth-child(2) a {font-weight:500;}
.footer .fnb ul.sns-box {width:150px; font-size:0; text-align:right;}
.footer .fnb ul.sns-box li {display:inline-block; margin-left:30px;}
.footer .fnb ul.sns-box li:nth-child(1) {margin-left:0;}
.footer .fnb ul.sns-box li img {vertical-align:middle;}
.footer .copyright {width:100%; margin-top:30px; display:flex; flex-wrap:wrap;}
.footer .copyright .logo {width:150px; position:relative;}
.footer .copyright .logo img {position:absolute; top:0; left:0;}
.footer .copyright .info {width:calc(100% - 150px); width:-webkit-calc(100% - 150px); width:-moz-calc(100% - 150px);}
.footer .copyright .info ul {font-size:0; margin-top:10px;}
.footer .copyright .info ul:nth-child(1) {margin-top:5px;}
.footer .copyright .info ul li {display:inline-block; font-size:15px; font-weight:500; letter-spacing:-0.5px; color:#999;}
.footer .copyright .info ul li:before {content:"/"; padding:0 15px;}
.footer .copyright .info ul li:nth-child(1) {padding:0;}
.footer .copyright .info ul li:nth-child(1):before {content:""; padding:0;}
.footer .copyright .info .copy {width:100%; padding:30px 0; margin-top:30px; position:relative; font-size:15px; font-weight:400; color:#4c4c4c;}
.footer .copyright .info .copy:before {content:""; width:30px; height:2px; background:#333; position:absolute; top:0; left:0;}

.quick {width:95%; max-width:1200px; position:absolute; top:700px; left:calc(50% + 165px); z-index:300; -webkit-transform:translateX(-50%); -moz-transform:translateX(-50%); transform:translateX(-50%);}
.quick ul {width:155px; margin-left:auto; position:absolute; right:0; top:0;}
.quick ul li {margin-top:10px;}
.quick ul li:nth-child(1) {margin-top:0;}
.quick ul li img {display:block; margin:0 auto; position:relative; }

.popup-area {width:100%; position:absolute; left:0; top:0; z-index:3000;}
.popup-area .popup-wrap {position:relative;}
.popup-area .popup-box {position:absolute; max-width:1000px; display:none;}
.popup-area .popup-box .inner {}
.popup-area .popup-box .popup-content {width:100%; background:#fff;}
.popup-area .popup-box .popup-content img {max-width:100%; display:block;}
.popup-area .popup-box .bottom-box {width:100%; background:#000; font-size:0; box-sizing:border-box; padding:5px 10px; text-align:right;}
.popup-area .popup-box .bottom-box > * {display:inline-block; vertical-align:middle; margin-left:15px; color:#fff;}
.popup-area .popup-box .bottom-box > *:nth-child(1) {margin-left:0;}
.popup-area .popup-box .bottom-box .txt > * {display:inline-block; vertical-align:middle;}
.popup-area .popup-box .bottom-box .txt input[type="checkbox"] {display:none;}
.popup-area .popup-box .bottom-box .txt input[type="checkbox"] + label p.box {width:15px; height:15px; box-sizing:border-box; background:#fff; border:1px solid #d9d9d9; cursor:pointer; position:relative; margin-right:5px;}
.popup-area .popup-box .bottom-box .txt input[type="checkbox"]:checked + label p.box:after {content:""; width:4px; height:8px; border:solid #333; border-width:0 2px 2px 0; position:absolute; left:4px; top:0; -webkit-transform:rotate(45deg); -moz-transform:rotate(45deg); transform:rotate(45deg);}
.popup-area .popup-box .bottom-box .txt p:not(.box) {font-size:13px;}
.popup-area .popup-box .bottom-box .close a {font-size:13px; color:#fff;}

.mo-popup-area {max-width:500px; width:95%; position:absolute; z-index:3001; background:#fff; display:none;}
.mo-popup-area .popup-box .popup-content {width:100%; background:#fff;}
.mo-popup-area .popup-box .popup-content img {max-width:100%; display:block; margin:0 auto;}
.mo-popup-area .bottom-box {width:100%; background:#000; font-size:0; box-sizing:border-box; padding:5px 10px; text-align:right;}
.mo-popup-area .bottom-box > * {display:inline-block; vertical-align:middle; margin-left:15px; color:#fff;}
.mo-popup-area .bottom-box > *:nth-child(1) {margin-left:0;}
.mo-popup-area .bottom-box .txt > * {display:inline-block; vertical-align:middle;}
.mo-popup-area .bottom-box .txt input[type="checkbox"] {display:none;}
.mo-popup-area .bottom-box .txt input[type="checkbox"] + label p.box {width:15px; height:15px; box-sizing:border-box; background:#fff; border:1px solid #d9d9d9; cursor:pointer; position:relative; margin-right:5px;}
.mo-popup-area .bottom-box .txt input[type="checkbox"]:checked + label p.box:after {content:""; width:4px; height:8px; border:solid #333; border-width:0 2px 2px 0; position:absolute; left:4px; top:0; -webkit-transform:rotate(45deg); -moz-transform:rotate(45deg); transform:rotate(45deg);}
.mo-popup-area .bottom-box .txt p:not(.box) {font-size:13px;}
.mo-popup-area .bottom-box .close a {font-size:13px; color:#fff;}
.mo-popup-area .popup-inner .slick-dots {width:100%; text-align:center; padding-bottom:8px; background:#402d19;}
.mo-popup-area .popup-inner .slick-dots li {display:inline-block; vertical-align:middle;  margin-left:10px;}
.mo-popup-area .popup-inner .slick-dots li:nth-child(1) {margin-left:0;}
.mo-popup-area .popup-inner .slick-dots li button {width:20px; height:20px; border-radius:50%; box-sizing:border-box; background:#f7f7f7; border:1px solid #402d19; font-size:0; position:relative;}
.mo-popup-area .popup-inner .slick-dots li.slick-active button:after {content:""; width:10px; height:10px; border-radius:50%; background:#402d19; position:absolute; left:50%; top:50%; -webkit-transform:translate(-50%,-50%); -moz-transform:translate(-50%,-50%); transform:translate(-50%,-50%);}



@media screen and (max-width: 1600px){
	
	.quick {left:calc(50% + 130px);}
	.quick ul li img {width:120px;}

}

@media screen and (max-width: 1400px){
	
	.quick {display:none;}

}

@media screen and (max-width: 1200px){

	.header .header-inner {height:110px;}
	.header .header-inner > .inner {height:110px;}
	.header .header-inner .logo {width:150px; position:relative;}
	.header .header-inner .logo img {max-width:100%;}
	.header .header-inner .gnb {width:calc(100% - 204px); width:-webkit-calc(100% - 204px); width:-moz-calc(100% - 204px); position:relative;}
	.header .header-inner .gnb ul.gnb-box li.menu {padding:10px 30px 45px 30px;}
	.header .header-inner .gnb ul.gnb-box li.menu:nth-child(2) {padding-bottom:25px;}
	.header .header-inner .gnb ul.gnb-box li.menu a {font-size:16px;}
	.header .header-inner .gnb ul.gnb-box li.menu ul.sub {height:430px; left:30px; top:75px; padding:30px 0;} 
	.header .header-inner .gnb ul.gnb-box li.menu ul.sub li {margin-top:15px;}
	.header .header-inner .gnb ul.gnb-box li.menu ul.sub li a {font-size:16px;}
	.header .header-inner .gnb ul.gnb-box li.menu ul.sub li dl dd {margin-top:8px;}
	.header .header-inner .gnb ul.gnb-box li.menu ul.sub li dl dd a {font-size:14px; line-height:1; letter-spacing:-1px;}

	.header .header-inner .all-gnb-wrap {width:24px; margin-left:30px;}

	.header.active .header-inner .gnb ul.gnb-box li.menu:hover:after {width:calc(100% - 30px); left:30px;}

	.gnb-bg {height:500px; top:150px;}

}

@media screen and (max-width: 1024px){

	.header .header-inner .gnb {width:calc(100% - 200px); width:-webkit-calc(100% - 200px); width:-moz-calc(100% - 200px); position:relative;}
	.header .header-inner .gnb ul.gnb-box li.menu {padding:10px 25px 45px 25px;}
	.header .header-inner .gnb ul.gnb-box li.menu ul.sub {height:400px; left:25px; top:75px; padding:30px 0;} 
	.header .header-inner .gnb ul.gnb-box li.menu ul.sub li {margin-top:12px;}
	.header .header-inner .gnb ul.gnb-box li.menu ul.sub li a {font-size:15px;}
	.header .header-inner .gnb ul.gnb-box li.menu ul.sub li dl dd {margin-top:6px;}
	.header .header-inner .gnb ul.gnb-box li.menu ul.sub li dl dd a {font-size:12px;}
	.header .header-inner .all-gnb-wrap {margin-left:25px;}

	.header.active .header-inner .gnb ul.gnb-box li.menu:hover:after {width:calc(100% - 25px); left:25px;}

	.gnb-bg {height:470px;}

	.popup-area {display:none;}
	.mo-popup-area {display:block;}

}


@media screen and (max-width: 960px){

	.header .header-inner .gnb {width:calc(100% - 174px); width:-webkit-calc(100% - 174px); width:-moz-calc(100% - 174px);}
	.header .header-inner .gnb ul.gnb-box {display:none;}
	.header .header-inner .all-gnb-wrap {margin-left:0;}

}


@media screen and (max-width: 900px){

	.header .top-head .lf-box {width:150px;}
	.header .top-head .rt-box {width:calc(100% - 150px); width:-webkit-calc(100% - 150px); width:-moz-calc(100% - 150px);}

	.header .header-inner {height:80px;}
	.header .header-inner > .inner {height:80px;}
	.header .header-inner .logo img {height:40px;}

}

@media screen and (max-width: 768px){	

	.footer {padding-bottom:60px;}
	.footer .fnb {width:100%; display:flex; flex-wrap:wrap; padding:30px 0; border-bottom:2px solid #333;}
	.footer .fnb ul.fnb-box {width:100%; text-align:center;}
	.footer .fnb ul.sns-box {width:100%; font-size:0; text-align:center; margin-top:20px;}

	.footer .copyright .logo {width:100%; position:relative; text-align:center;}
	.footer .copyright .logo img {position:relative; top:auto; left:auto; top:initial; left:initial; margin:0 auto;}
	.footer .copyright .info {width:100%;}
	.footer .copyright .info ul {font-size:0; margin-top:10px; text-align:center;}
	.footer .copyright .info ul:nth-child(1) {margin-top:10px;}
	.footer .copyright .info .copy {text-align:center;}
	.footer .copyright .info .copy:before {left:50%; -webkit-transform:translateX(-50%); -moz-transform:translateX(-50%); transform:translateX(-50%);}

}

@media screen and (max-width: 600px){

	.header .top-head {height:35px;}
	.header .top-head .lf-box {width:100%; height:35px; text-align:center;}
	.header .top-head .lf-box p {font-size:13px; line-height:35px;}
	.header .top-head .rt-box {display:none;}

	.header .header-inner {height:70px;}
	.header .header-inner > .inner {height:70px;}
	.header .header-inner .logo img {height:35px;}


	.footer {padding-bottom:50px;}
	.footer .fnb {padding:25px 0;}
	.footer .fnb ul.fnb-box li a {font-size:14px;}

	.footer .copyright {margin-top:25px;}
	.footer .copyright .info ul li {font-size:13px;}
	.footer .copyright .info ul li:before {padding:0 10px;}

	.footer .copyright .info .copy {padding:25px 0; margin-top:25px; font-size:13px;}

}

@media screen and (max-width: 480px){

	.header .top-head {height:30px;} 
	.header .top-head .lf-box {height:30px;}
	.header .top-head .lf-box p {font-size:12px;  line-height:30px;}

	.header .header-inner {height:60px;}
	.header .header-inner > .inner {height:60px;}

	.footer {padding-bottom:40px;}
	.footer .fnb {padding:20px 0;}
	.footer .fnb ul.fnb-box li {padding:0 6px;}
	.footer .fnb ul.fnb-box li:before {width:2px; height:2px;}
	.footer .fnb ul.fnb-box li a {font-size:12px;}

	.footer .copyright {margin-top:20px;}
	.footer .copyright .logo img {height:60px;}
	.footer .copyright .info ul li {font-size:11px;}
	.footer .copyright .info ul li:before {padding:0 5px;}

	.footer .copyright .info .copy {padding:20px 0; margin-top:20px; font-size:11px;}

}