@charset "utf-8";

/* layout */
#wrap {width:100%;overflow:hidden;}

/* header */
header {position:relative; }

.headbox {position:relative; /*position:absolute;width:1300px; left:50%; margin-left:-700px; min-height:100px; padding:15px 0px; background:#fff; z-index:1000; border-radius:0 0 20px 20px;*/}

.headUtil {position:relative; width:1400px; margin:0 auto; z-index:1000;} 
.headUtil h1 {position:absolute; left:0px; top:55px; z-index:101;}
.headUtil h1 a {overflow:hidden; display:block; width:199px; height:37px; background:url('../../images/logo.png') no-repeat; background-size:100% auto; text-indent:-9999em;}

.toputilBtn {position:absolute; right:0px; top:40px;}

.toputilBtn .pcallmenu_btn {overflow:hidden; position:absolute; top:15px; right:0px; width:40px; height:40px; background:url('../../images/layout/moblie_menu.png') no-repeat center center; background-size:50px auto; text-indent:-9999em; z-index:1000;}
.toputilBtn .pcsearch_btn {display:none; overflow:hidden; position:absolute; top:30px; right:50px; width:40px; height:40px; background:url('../../images/layout/topsearch_pic.png') no-repeat center center; background-size:25px auto; text-indent:-9999em; z-index:1000;}
.toputilBtn .topSearch {overflow:hidden; position:absolute; top:84px; left:0px; width:100%;  z-index:999; }
.toputilBtn .topSearch:before {position:absolute; left:0px; top:0px; content:""; display:block; width:100%; height:20px; background:#fff; border-bottom:1px solid #dbdbdb; }
.toputilBtn .topSearch fieldset {padding:0px; min-height:190px;background:rgba(255,255,255,0.9); border-radius:0 0 20px 20px;}
.toputilBtn .topSearch .searchBox {position:relative; width:100%; padding-right:50px; border-bottom:2px solid #000;}
.toputilBtn .topSearch .search_txt {display:block; font-size:19px; width:100%; height:44px; border:none; background:none; }
.toputilBtn .topSearch .search_btn {overflow:hidden; position:absolute; right:0px; top:0px; width:44px; height:44px; border:none; background:url('../../images/layout/topsearch_pic.png') no-repeat center center; background-size:27px auto;  text-indent:-9999em; }

/* 전체 메뉴 */
.allMenu {position:fixed; top:0px; left:0px; width:100%; height:100%; padding:15vh 50px; z-index:1000; background:url('../../images/layout_2021/allmenu_bg.png') no-repeat top center; background-size:cover; }
.allMenu h2 {padding:20px 0 30px 0; margin-bottom:70px; font-family: 'GmarketSansBold'; font-size:2.333em; color:#fff; text-align:center; border-bottom:1px solid rgba(255,255,255,0.5); }
.allMenu .allmenu-box {position:relative;}
.allMenu .allmenu-box .allmenu-depth {float:left; width:33.333%; padding-left:30px; margin-bottom:2.0em; border-left:1px solid rgba(255,255,255,0.5); }
.allMenu .allmenu-box .allmenu-depth:first-child {border-left:none;}
.allMenu .allmenu-box .allmenu-depth:nth-child(3n+1) {clear:both; border-left:none;}
.allMenu .allmenu-box .allmenu-depth dt {margin-bottom:30px; font-family: 'GmarketSansMedium'; font-size:1.6em; /*font-weight:500;*/ color:#fff;}
.allMenu .allmenu-box .allmenu-depth dd ul>li {margin-bottom:20px;}
.allMenu .allmenu-box .allmenu-depth dd ul>li>a {font-family: 'GmarketSansLight'; font-size:1.13em; font-weight:bold; color:#fff;}
.allMenu .allmenu-box .allmenu-depth dd ul>li>ul {margin:15px 0 30px;}
.allMenu .allmenu-box .allmenu-depth dd ul>li>ul>li {position:relative; padding-left:15px; margin-bottom:10px;}
.allMenu .allmenu-box .allmenu-depth dd ul>li>ul>li:before {content:""; display:block; position:absolute; left:0px; top:7px; width:5px; height:1px; background:rgba(255,255,255,0.8);}
.allMenu .allmenu-box .allmenu-depth dd ul>li>ul>li>a {font-family: 'GmarketSansLight'; font-size:0.93rem; font-weight:normal; color:rgba(255,255,255,0.8);}
.allMenu .allmenu-box .allMenu_close {overflow:hidden; position:absolute; right:0px; top:-138px; width:40px; height:40px; background:#fff url('../../images/layout/close_btn_g.png') no-repeat center center; background-size:50px auto; text-indent:-9999em; border-radius:100%;} 

.bluebox {display:inline-block; padding:3px 7px; margin-left:10px; font-size:0.7em; color:#fff;  line-height:1.0em;background:#006ab8; vertical-align:middle; border-radius:3px;}
.redbox {display:inline-block; padding:3px 7px; margin-left:10px; font-size:0.7em; color:#fff;  line-height:1.0em;background:#a42c37; vertical-align:middle; border-radius:3px;}

/* 상단메뉴 */
.nav-wrap {position:absolute; top:0px; left:0px; width:100%; height:120px; z-index:999;}

.responsive-menu {width:100%;height:100%;margin:0 auto;padding-top:0px;}

/* 유틸메뉴 */
.utilMenu {position:absolute; top:0px; left:0px; width:100%; height:30px; z-index:101; background:#fafafa;}
.utilMenu .siteBtn {position:relative; width:1400px; margin:0 auto;}
.utilMenu .siteBtn ul {float:right; padding-top: 5px;}
.utilMenu .siteBtn li {position:relative; float:left; padding:0 15px;}
.utilMenu .siteBtn li:last-child {padding:0 0 0 15px;}
.utilMenu .siteBtn li:after {position:absolute; right:0px; top:6px; display:inline-block; content:""; width:1px; height:8px; background-color:#fff; }
.utilMenu .siteBtn li:last-child:after {display:none;}
.utilMenu .siteBtn li a {display:inline-block; font-size:0.86em; font-weight:400; text-decoration:none;}
.utilMenu .siteBtn li a:hover,
.utilMenu .siteBtn li a:focus{color:#00a76d;}
.utilMenu .siteBtn li a.color {color:#00a76d;}

.gnbDp-1:before,
.gnbDp-1:after{display:table;content:" ";}
.gnbDp-1:after {clear:both;}

.pcLnb {overflow:hidden; position:absolute; top:0px; left:0px; width:100%; height:120px; z-index:100;  padding:0 0  0 0; background:#fff; /*border-radius:0 0 20px 20px;*/}
/*.pcLnb:before {content: '';display: block;position: absolute;left: 0;top: 0;width: 100%;height: 100%;background-color: #fff;z-index: 3;opacity: 0;transition: opacity 0.4s; }*/
.pcLnb a {display:block;}
.pcLnb  > div.menu-box {position:relative; width:1400px; margin:0 auto;z-index:5;}
.pcLnb  > div.menu-box > ul {position:relative; width:100%; padding:30px 250px 0 310px; }
.pcLnb  > div.menu-box > ul > li {position:relative; float:left; width:25%; /*padding:0 10px;*/ line-height:90px;}
.pcLnb  > div.menu-box > ul > li > a {display:block; font-family: 'GmarketSansMedium'; font-size:1.33em; font-weight:700; text-align:center;}
.pcLnb  > div.menu-box > ul > li > a span {-o-transition:color .3s ease;	-webkit-transition:color .3s ease; display:block; position:relative; line-height:90px; transition:color .3s ease;white-space:nowrap;}
.pcLnb  > div.menu-box > ul > li > a span:after {-o-transition:width .2s ease;-webkit-transition:width .2s ease;background:#00b8bf;content:"";height:2px;left:0;position:absolute;bottom:0px;transition:width .2s ease;width:0px;}
.pcLnb  > div.menu-box > ul > li.on >a {text-decoration:none; color:#00b8bf; }
.pcLnb  > div.menu-box > ul > li.on >a span:after,
.pcLnb  > div.menu-box > ul > li > a:hover span:after,
.pcLnb  > div.menu-box > ul > li > a:focus span:after {width:100%;}
.pcLnb  > div.menu-box > ul > li > a:hover,
.pcLnb  > div.menu-box > ul > li > a:focus {text-decoration:none; }
.pcLnb  > div.menu-box > ul > li > div {padding:10px 0; }
.pcLnb  > div.menu-box > ul > li > div > ul {}
.pcLnb  > div.menu-box > ul > li.on > div { background-color: transparent;}
.pcLnb  > div.menu-box > ul > li > div > ul > li {line-height:25px; margin:7px 0;}
.pcLnb  > div.menu-box > ul > li > div > ul > li > a {padding:0px 13px; font-family: 'GmarketSansLight'; font-size:1.06em; color:#000; font-weight:bold; text-align:center; text-decoration:none;}
.pcLnb  > div.menu-box > ul > li > div > ul > li > a:hover,
.pcLnb  > div.menu-box > ul > li > div > ul > li > a:focus{font-weight:bold; color:#00b8bf;}
.pcLnb  > div.menu-box > ul > li > div > ul > li > ul {display:none;}

/* 상단 고정  */
.sticky_header.is-sticky {position: fixed;left: 0;top:0px;width: 100%;z-index:999;}
.sticky_header.is-sticky .pcLnb {box-shadow: 0 0 5px #bdbdbd;}


/* header 반응형 */
.mobileBtns{display:none;}
.closeBtn{display:none;}
#toggle {background:#000;height:100%;min-height:100%;width:0px;position:fixed;top:0;bottom:0;left:0px;z-index:9999;-webkit-transition: all .0s ease;transition: all .4s ease;}
#toggle.closed {left:0px;top:0px;bottom:0;right:0;width:100%;height:100%;opacity:0.7;}



	/* tablet */
	@media only screen and (max-width : 1430px){ 		
		
		.headUtil {width:100%; padding:0 15px;}
		.headUtil h1 {left:15px;}

		.toputilBtn .pcallmenu_btn {right:15px;}

		.utilMenu {padding:0 15px;}
		.utilMenu .siteBtn {width:100%; }

		.pcLnb > div.menu-box {width:100%; }
		.pcLnb > div.menu-box > ul {padding:40px 70px 0 250px;}

	}	
	@media screen and (min-width: 992px) and (max-width: 1038px) {
		/* header */
		.headUtil {height:70px; background:#fff; box-shadow: 0 0 5px #bdbdbd; z-index:990;}
		.headUtil h1 {top:17px; }
		.headUtil h1 a {width:188px; height:35px;}

		.mobileBtns {display:block; }
		.mobileBtns .mobileMenu {overflow:hidden; position:absolute; right:3px; top:10px; width:50px; height:50px; border:none; border-radius:0px; /*border:1px solid #ff0000;*/ background:#fff url('../../images/layout/moblie_menu_g.png') no-repeat; background-size: 50px auto; text-indent:-9999em;}
	
		.toputilBtn {display:none;}

		/* PC속성 숨기기 */
		.nav-wrap {height:auto;}
		
		.responsive-menu {width:100%;}
		.responsive-menu .closeBtn {overflow:hidden; position:fixed; right:15px; top:15px;  width:50px; height:50px; border:none; border-radius:50px; background:#fff url('../../images/layout/close_btn_g.png') no-repeat; background-size: 50px auto; text-indent:-9999em; z-index:10000;}

		/* pc버젼 메뉴 스타일 리셋 */	
		.pcLnb {overflow:hidden; position:relative; top:0px; left:0px; width:auto; height:auto; z-index: 100; background:none; border-bottom:none;}
		.pcLnb > div {width:100%;margin:0; padding:0;}
		.pcLnb > div:before {height:0;}
		.pcLnb > div > ul > li {float:none; width:100%;}
		.pcLnb > div > ul > li > a {border-bottom:none;}
		.pcLnb > div > ul > li.on >a,
		.pcLnb > div > ul > li > a:hover,
		.pcLnb > div > ul > li > a:focus {border-bottom:none;}
		.pcLnb > div > ul > li > div {padding:0; border:none;}
		
		
		/* 모바일 펼침 메뉴 */
		.menu-box {clear:both; }
		
		#wrap .sideLnb {display:none;position:fixed;left:0;top:0;width:500px;height:100%;background:#f8f8f8;z-index:99999;overflow-y:auto;font-size:1.1em;}

		#wrap .sideLnb nav > div.menu-box > ul {border-bottom:1px solid #ebebeb;}
		#wrap .sideLnb nav > div.menu-box > ul > li {margin:0px; border-top:1px solid #ebebeb;}
		#wrap .sideLnb nav > div.menu-box > ul > li.on {background-color:#fff;}
		#wrap .sideLnb nav > div.menu-box > ul > li.on > a {text-decoration:none;}

		#wrap .sideLnb nav > div.menu-box > ul > li > a {display:block; padding:0px 16px; text-align:left; font-weight:400; line-height:50px; color:#363636;font-size:1.13em; background:url('../../images/layout/gnb_sub_close.png') no-repeat right center; background-size:50px;}
		#wrap .sideLnb nav > div.menu-box > ul > li > a:hover, 
		#wrap .sideLnb nav > div.menu-box > ul > li.on > a {text-decoration:none; color:#00b8bf; font-weight:bold; background:#f5f5f5 url('../../images/layout/gnb_sub_open.png') no-repeat right center; background-size:50px;}

		#wrap .sideLnb nav > div.menu-box > ul > li .depth2 {}
		#wrap .sideLnb nav > div.menu-box > ul > li .depth2 > li {border-top:1px solid #ebebeb;}
		#wrap .sideLnb nav > div.menu-box > ul > li .depth2 > li > a {display:block; padding:15px 16px; line-height:22px; color:#666; background:#fff url('../../images/layout/gnb_sub02_close.png') no-repeat 96% center; background-size:8px 14px; text-decoration:none; }
		#wrap .sideLnb nav > div.menu-box > ul > li .depth2 > li > a:hover,
		#wrap .sideLnb nav > div.menu-box > ul > li .depth2 > li > a:active {color:#00b8bf}

		#wrap .sideLnb nav > div.menu-box > ul > li.on .depth2 > li.on > ul {display:block; padding:0px 16px 20px 16px; }
		#wrap .sideLnb nav > div.menu-box > ul > li.on .depth2 > li.on > ul li {position:relative; padding:5px 0 5px 10px; }
		#wrap .sideLnb nav > div.menu-box > ul > li.on .depth2 > li.on > ul li:before {content:"-"; margin-right:5px; position:absolute; top:6px; left:0px;  }
		#wrap .sideLnb nav > div.menu-box > ul > li.on .depth2 > li.on > ul li a {font-size:0.93rem;}

		.utilMenu {position:static; height:auto; width:100%; padding:55px 15px 0px 15px; background:#00b8bf url('../../images/layout/bottom_logo.png') no-repeat center 20px; background-size:140px auto;}
		.utilMenu .siteBtn {position:static;}
		.utilMenu .siteBtn ul {float:none; position:static; text-align:center;}
		.utilMenu .siteBtn li {float:none; position:static;}
		.utilMenu .siteBtn li:after {display:none;}
		.utilMenu .siteBtn li a:hover,
		.utilMenu .siteBtn li a:active{color:#fff;}
		.utilMenu .siteBtn li a.site {position:absolute; left:50%; bottom:20px; display:block; width:50%; padding:15px 0; text-align:center; margin-left:-25%; background:#00b8bf;}
		.utilMenu .siteBtn li a.admin {width:50%; padding:15px 0; margin-bottom:20px; text-align:center; border:1px solid #fff;}
	}
	/* mobile */
	@media only screen and (max-width : 991px){ 
		
		/* header */
		.headUtil {height:70px; background:#fff; box-shadow: 0 0 5px #bdbdbd; z-index:990;}
		.headUtil h1 {top:17px; }
		.headUtil h1 a {width:188px; height:35px;}

		.mobileBtns {display:block; }
		.mobileBtns .mobileMenu {overflow:hidden; position:absolute; right:3px; top:10px; width:50px; height:50px; border:none; border-radius:0px; /*border:1px solid #ff0000;*/ background:#fff url('../../images/layout/moblie_menu_g.png') no-repeat; background-size: 50px auto; text-indent:-9999em;}
	
		.toputilBtn {display:none;}

		/* PC속성 숨기기 */
		.nav-wrap {height:auto;}
		
		.responsive-menu {width:100%;}
		.responsive-menu .closeBtn {overflow:hidden; position:fixed; right:15px; top:15px;  width:50px; height:50px; border:none; border-radius:50px; background:#fff url('../../images/layout/close_btn_g.png') no-repeat; background-size: 50px auto; text-indent:-9999em; z-index:10000;}

		/* pc버젼 메뉴 스타일 리셋 */	
		.pcLnb {overflow:hidden; position:relative; top:0px; left:0px; width:auto; height:auto; z-index: 100; background:none; border-bottom:none;}
		.pcLnb > div {width:100%;margin:0; padding:0;}
		.pcLnb > div:before {height:0;}
		.pcLnb > div > ul > li {float:none; width:100%;}
		.pcLnb > div > ul > li > a {border-bottom:none;}
		.pcLnb > div > ul > li.on >a,
		.pcLnb > div > ul > li > a:hover,
		.pcLnb > div > ul > li > a:focus {border-bottom:none;}
		.pcLnb > div > ul > li > div {padding:0; border:none;}
		
		
		/* 모바일 펼침 메뉴 */
		.menu-box {clear:both; }
		
		#wrap .sideLnb {display:none;position:fixed;left:0;top:0;width:500px;height:100%;background:#f8f8f8;z-index:99999;overflow-y:auto;font-size:1.1em;}

		#wrap .sideLnb nav > div.menu-box > ul {border-bottom:1px solid #ebebeb;}
		#wrap .sideLnb nav > div.menu-box > ul > li {margin:0px; border-top:1px solid #ebebeb;}
		#wrap .sideLnb nav > div.menu-box > ul > li.on {background-color:#fff;}
		#wrap .sideLnb nav > div.menu-box > ul > li.on > a {text-decoration:none;}

		#wrap .sideLnb nav > div.menu-box > ul > li > a {display:block; padding:0px 16px; text-align:left;  color:#363636; font-family: 'GmarketSansBold'; font-size:1.13em; /*font-weight:400;*/ line-height:50px;background:url('../../images/layout/gnb_sub_close.png') no-repeat right center; background-size:50px;}
		#wrap .sideLnb nav > div.menu-box > ul > li > a:hover, 
		#wrap .sideLnb nav > div.menu-box > ul > li.on > a {text-decoration:none; color:#00b8bf; font-weight:bold; background:#f5f5f5 url('../../images/layout/gnb_sub_open.png') no-repeat right center; background-size:50px;}

		#wrap .sideLnb nav > div.menu-box > ul > li .depth2 {}
		#wrap .sideLnb nav > div.menu-box > ul > li .depth2 > li {border-top:1px solid #ebebeb;}
		#wrap .sideLnb nav > div.menu-box > ul > li .depth2 > li > a {display:block; padding:15px 16px; font-family: 'GmarketSansMedium'; line-height:22px; color:#666; background:#fff url('../../images/layout/gnb_sub02_close.png') no-repeat 96% center; background-size:8px 14px; text-decoration:none; }
		#wrap .sideLnb nav > div.menu-box > ul > li .depth2 > li > a:hover,
		#wrap .sideLnb nav > div.menu-box > ul > li .depth2 > li > a:active {color:#00b8bf}

		#wrap .sideLnb nav > div.menu-box > ul > li.on .depth2 > li.on > ul {display:block; padding:0px 16px 16px 16px; }
		#wrap .sideLnb nav > div.menu-box > ul > li.on .depth2 > li.on > ul li {position:relative; padding:5px 0 5px 10px; }
		#wrap .sideLnb nav > div.menu-box > ul > li.on .depth2 > li.on > ul li:before {content:"-"; margin-right:5px; position:absolute; top:6px; left:0px;  }
		#wrap .sideLnb nav > div.menu-box > ul > li.on .depth2 > li.on > ul li a {font-family: 'GmarketSansLight'; font-size:0.93rem; font-weight:bold;}

		.utilMenu {position:static; height:auto; width:100%; padding:55px 15px 0px 15px; background:#00b8bf url('../../images/layout/bottom_logo.png') no-repeat center 20px; background-size:140px auto;}
		.utilMenu .siteBtn {position:static;}
		.utilMenu .siteBtn ul {float:none; position:static; text-align:center;}
		.utilMenu .siteBtn li {float:none; position:static;}
		.utilMenu .siteBtn li:after {display:none;}
		.utilMenu .siteBtn li a:hover,
		.utilMenu .siteBtn li a:active{color:#fff;}
		.utilMenu .siteBtn li a.site {position:absolute; left:50%; bottom:20px; display:block; width:50%; padding:15px 0; text-align:center; margin-left:-25%; background:#00b8bf;}
		.utilMenu .siteBtn li a.admin {width:50%; padding:15px 0; margin-bottom:20px; text-align:center; border:1px solid #fff;}
		
	}
	@media only screen and (max-width : 797px){ 
		
		

	}
	@media only screen and (max-width : 486px){ 
		
		#wrap .sideLnb {width:260px;}

	}


/* 푸터 */
#footer {clear:both; position:relative; background:#1a1825 url('../../images/layout_2021/bottom_bg.png') no-repeat center bottom; background-size:cover;}
#footer .box {position:relative; width:1400px; margin:0 auto; padding:70px 0; background:url('../../images/layout_2021/bottom_img.png') no-repeat right 80%;}

#footer .footer_info {float:left; width:30%; border-right:1px solid #423f54;}

#footer .bottomLogo {overflow:hidden; display:block; width:179px; height:32px; margin-bottom:20px; background:url('../../images/layout_2021/bottom_logo.png') no-repeat; background-size:100% auto; text-indent:-9999em;}

#footer .footer_info .address {margin-bottom:80px; font-size:1.0em; color:#888; line-height:1.4em; word-break:keep-all; }

#footer .siteLink {position:relative; width:250px;}
#footer .siteLink .site-open {position:relative; display:block; width:100%; height:50px; padding:0 20px; text-align:left; font-size:1.06em; color:#ccc; border:none; border-radius:2px; background:#121118; z-index:6; }
#footer .siteLink .site-open::after {position:absolute; top:50%; right:20px; margin-top:-4px; content:""; display:inline-block; width:13px; height:8px; background:url('../../images/layout_2021/down_arrow_grey.png') no-repeat center center;  background-size:100% auto;  -webkit-transition: all 0.4s ease; -o-transition: all 0.4s ease; transition: all 0.4s ease;}
#footer .siteLink .site-open.active::after {-webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg);}
#footer .siteLink ul {position:absolute; bottom:0px; left:0px; width:100%; padding:20px 20px 60px 20px; background:#121118; z-index:5; border-radius:2px; border:none; }
#footer .siteLink ul li a {display:block; padding:7px 0; color:#888;}
#footer .siteLink ul li a:hover {text-decoration:none; color:#fff; }

#footer .footer_nav {float:right; width:70%; padding-left:100px; }
#footer .footer_nav h4 {margin-bottom:30px; font-size:1.2rem; font-weight:400; color:#dbdbdb;}
#footer .footer_nav a {display:block; font-size:1.06em; color:#888;}
#footer .footer_nav a:hover {text-decoration:none; color:#fff; }
#footer .footer_nav ul>li {float:left; width:20%;}
#footer .footer_nav ul>li>ul>li {float:none; width:100%; margin-bottom:10px;}

#footer nav {border-top:1px solid #423f54;}
#footer nav .box {padding:25px 0; background:none;}
#footer nav .copyMenu {float:left; }
#footer nav .copyMenu li {display:inline-block; padding:0 21px; background:url('../../images/layout_2021/bg_line.png') no-repeat 99% center; }
#footer nav .copyMenu li:first-child {padding:0 21px 0 0;}
#footer nav .copyMenu li:last-child {background:none;}
#footer nav .copyMenu li a {display:block; color:#fff;}
#footer nav .copyMenu li .color{color:#ffcf01;}
#footer nav .copyright {float:right; color:#878787; word-break:keep-all; }

/*  SCROLL TO TOP */
.scroll-up {position:fixed;display:none;z-index:999;bottom:1.8em;right:1.8em;}
.scroll-up ul{margin:0;padding:0;}
.scroll-up li{list-style:none;margin:0;padding:0;}
.scroll-up a {overflow:hidden; background-color:#fff;display:block;width:60px;height:60px;text-align:center;color:#000;font-size:20px;line-height:38px;box-shadow:4px 4px 6px rgba(0,0,0,0.3); border-radius:100%;}
.scroll-up a i.top_ico {display:block; width:60px; height:60px; margin:0 auto; background:url('../../images/layout_2021/ico_top_new.png') no-repeat center center;  background-size:100% auto;}


/* footer 반응형 */
	/* tablet */
	@media only screen and (max-width : 1430px){ 
		
		#footer .box {width:100%;  padding:50px 15px;}
		#footer nav .box {padding:25px 15px;}

		#footer .footer_nav {padding-left:50px;}
		
	}
	@media only screen and (max-width : 1230px){ 
		
		#footer .footer_nav {padding-left:30px;}
	
	}
	/* mobile */
	@media only screen and (max-width : 992px){ 
		
		#footer .footer_info {float:none; width:100%; border-right:none;}
		#footer .footer_info .address {margin-bottom:50px;}
		#footer .footer_nav {display:none;}
		

	}
	@media only screen and (max-width : 797px){ 
		
		#footer .footer_info .address {font-size:0.93em;}
		#footer .siteLink .site-open {font-size:0.93em;}

		#footer nav .copyMenu {float:none;}
		#footer nav .copyMenu li a {font-size:0.93em;}
		#footer nav .copyright {float:none; padding:20px 0 0 0; font-size:0.93em;}


	}
	@media only screen and (max-width : 640px){ 
		
		#footer .box {padding:30px 15px;}
		#footer nav .copyMenu li {padding:0 10px;}
		#footer nav .copyMenu li:first-child {padding:0 10px 0 0;}

	}
	@media only screen and (max-width : 486px){ 

		#footer .box {background:none;}
		#footer .footer_info .address {margin-bottom:30px; }
		
		#footer nav .copyMenu li a,
		#footer nav .copyright {font-size:0.86em;}
		
		.scroll-up a {width:45px; height:45px;}
		.scroll-up a i.top_ico {width:45px; height:45px;}


	}

/* clearfix */
.clearfix {*zoom:1;}
.clearfix:before, .clearfix:after {display:block; content: ''; line-height: 0;}
.clearfix:after {clear: both;}