/* 전체 Wraper *************************************************************************************************************************************************/ #wraper {position:relative; width:100%; margin:0; min-width:320px; background:#ffffff;} #wraper #container {width:100%;} #wraper #container .content {overflow:hidden; width:100%; margin:0} button {display:inline-block; padding:0; border:0; background:transparent; text-align:center; vertical-align:middle; cursor:pointer; white-space:nowrap} button.dis, button.dis span {cursor:default} button.dis:hover span {background-position:0 0} button.dis:hover span span {background-position:right 0} .btn_base {display:inline-block; min-width:70px; font-size:0; line-height:0; vertical-align:middle} .btn_txt {display:inline-block; padding:0 10px; font-size:14px; line-height:34px; color:#fff !important; background:#c1c1c1; vertical-align:middle} .btn_down {position:relative; padding-right:26px; font-size:16px; line-height:24px} /* 상단 메뉴 *****************************************************************************************************************************************************/ #wraper #header.fixed nav {} #wraper #header.fixed nav h1 a {height:75px;} #wraper #header.fixed nav .menu_wrap > ul > li > a {line-height:75px;} #wraper #header.fixed nav .menu_wrap ul li.m02 ul {top:0px} #wraper #header {position:fixed; z-index:10000; top:0px; width:100%; /* height:90px; background:#ffffff;*/ opacity: 1 ; filter: alpha(opacity=100); margin:0; border-bottom:1px solid rgba(165, 155, 153, 0.3); /*box-shadow:rgba(113, 113, 113, 0.3) 3px 3px 6px;*/-webkit-transition: all .5s ease-out 0s; -moz-transition: all .5s ease-out 0s; -o-transition: all .5s ease-out 0s; -ms-transition: all .5s ease-out 0s;}/*메뉴바탕색상변경*/ #wraper #header.header_scroll{ background-color:#fff; border-bottom:1px solid rgba(0, 0, 0, 0.1); -webkit-transition: all .5s ease-out 0s; -moz-transition: all .5s ease-out 0s; -o-transition: all .5s ease-out 0s; -ms-transition: all .5s ease-out 0s;} #wraper #header nav {position:relative; width:100%; max-width:1200px; margin:0 auto; } #wraper #header nav h1 {} #wraper #header nav #logo a {display:block; position:relative; width:230px; height:90px; -webkit-transition: height 0.5s cubic-bezier(0.215, 0.610, 0.355, 1.000); -moz-transition: height 0.5s cubic-bezier(0.215, 0.610, 0.355, 1.000); -ms-transition: height 0.5s cubic-bezier(0.215, 0.610, 0.355, 1.000); -o-transition: height 0.5s cubic-bezier(0.215, 0.610, 0.355, 1.000); transition: height 0.5s cubic-bezier(0.215, 0.610, 0.355, 1.000)} #wraper #header nav #logo a div{position:absolute; top:0px; left:57px; width:230px; height:74px; margin-top:8px; background:url('../../img/logo.png') no-repeat;background-size:cover;} #wraper #header.header_scroll nav #logo a {display:block; position:relative; width:200px; height:90px; -webkit-transition: height 0.5s cubic-bezier(0.215, 0.610, 0.355, 1.000); -moz-transition: height 0.5s cubic-bezier(0.215, 0.610, 0.355, 1.000); -ms-transition: height 0.5s cubic-bezier(0.215, 0.610, 0.355, 1.000); -o-transition: height 0.5s cubic-bezier(0.215, 0.610, 0.355, 1.000); transition: height 0.5s cubic-bezier(0.215, 0.610, 0.355, 1.000)} #wraper #header.header_scroll nav #logo a div{position:absolute; top:0px; left:57px; width:230px; height:74px; margin-top:8px; background:url('../../img/logo_over.png') no-repeat;background-size:cover;} #wraper #header nav .btn_nav {display:none; } /* pc 메뉴 */ #wraper #header nav .menu_wrap {display:none; } #wraper #header nav .pc_menu_wrap {position:absolute; top:0; right:0px; left:370px; padding-top:15px; }/*메뉴 위여백*/ #wraper #header nav .pc_menu_wrap:after {content:""; ,.display:block; clear:both} #wraper #header nav .pc_menu_wrap ul li {float:left;} #wraper #header nav .pc_menu_wrap ul li.m01 {width:19%; margin-left:0%} #wraper #header nav .pc_menu_wrap ul li.m02 {width:19%;margin-left:0%} #wraper #header nav .pc_menu_wrap ul li.m03 {width:19%;margin-left:0%} #wraper #header nav .pc_menu_wrap ul li.m04 {width:20%;margin-left:0%} #wraper #header nav .pc_menu_wrap ul li.m05 {width:19%; margin-left:0%} #wraper #header nav .pc_menu_wrap ul li a { display:block; position:relative; color:#ffffff; text-shadow:1px 1px 1px #555; font-size:17px; font-weight:600; text-align:center; line-height:75px;} #wraper #header nav .pc_menu_wrap ul li a:hover {color:#ffffff; text-decoration:none}/*대메뉴 over 색상변경*/ #wraper #header.header_scroll nav .pc_menu_wrap ul li a { display:block; position:relative; color:#555; text-shadow:none; font-size:17px; font-weight:700; text-align:center; line-height:75px;} #wraper #header.header_scroll nav .pc_menu_wrap ul li a:hover {color:#555; text-decoration:none}/*대메뉴 over 색상변경*/ #wraper #header nav .pc_menu_wrap ul li:hover a:after{content:""; display:block; position:absolute; bottom:0; right:0; left:0; height:0px; background:#f08859;} #wraper #header nav .pc_menu_wrap ul li ul {overflow:hidden; max-height:0; margin:0 -30px; border-top:0; border-bottom:0; box-shadow:rgba(113, 113, 113, 0.1) 0px 7px 3px -3px inset; -webkit-transition: all 0.3s cubic-bezier(0.770, 0.000, 0.175, 1.000); -moz-transition: all 0.3s cubic-bezier(0.770, 0.000, 0.175, 1.000); -ms-transition: all 0.3s cubic-bezier(0.770, 0.000, 0.175, 1.000); -o-transition: all 0.3s cubic-bezier(0.770, 0.000, 0.175, 1.000); transition: all 0.3s cubic-bezier(0.770, 0.000, 0.175, 1.000)} #wraper #header nav .pc_menu_wrap ul li.m03 ul {margin:0 -30px} #wraper #header nav .pc_menu_wrap ul li.m04 ul {margin:0 -25px} #wraper #header nav .pc_menu_wrap ul li:hover ul {max-height:400px; -webkit-transition: all 0.6s cubic-bezier(0.770, 0.000, 0.175, 1.000); -moz-transition: all 0.6s cubic-bezier(0.770, 0.000, 0.175, 1.000); -ms-transition: all 0.6s cubic-bezier(0.770, 0.000, 0.175, 1.000); -o-transition: all 0.6s cubic-bezier(0.770, 0.000, 0.175, 1.000); transition: all 0.6s cubic-bezier(0.770, 0.000, 0.175, 1.000)} #wraper #header nav .pc_menu_wrap ul li.m01:hover ul {max-height:500px} #wraper #header nav .pc_menu_wrap ul li.m02:hover ul {max-height:400px;} #wraper #header nav .pc_menu_wrap ul li.m03:hover ul {max-height:300px} #wraper #header nav .pc_menu_wrap ul li.m04:hover ul {max-height:300px} #wraper #header nav .pc_menu_wrap ul li.m05:hover ul {max-height:300px} #wraper #header nav .pc_menu_wrap ul li.m02:hover ul li ul {padding:0} #wraper #header nav .pc_menu_wrap ul li ul li {float:none; border-top:1px solid #f8f8f8;} #wraper #header nav .pc_menu_wrap ul li ul li:first-child {border-top:0px} #wraper #header nav .pc_menu_wrap ul li ul li a {display:block; font-size:12px; color:#555; line-height:40px; background:#fff; text-shadow:none; text-transform:uppercase}/* 서브메뉴 배경색상변경*/ #wraper #header nav .pc_menu_wrap ul li:hover ul li a:after {display:none} #wraper #header nav .pc_menu_wrap ul li ul li a:hover {background:#b09561; color:#ffffff; text-decoration:none; -webkit-transition:300ms ease-out 0ms;-moz-transition:300ms ease-out 0ms;-ms-transition:300ms ease-out 0ms;transition:300ms ease-out 0ms;} #wraper #header nav .pc_menu_wrap ul li ul li:first-child a:hover {box-shadow:rgba(113, 113, 113, 0.1) 0px 7px 3px -3px inset;} #wraper #header.header_scroll nav .pc_menu_wrap ul li ul li a {display:block; font-size:12px; color:#555; line-height:40px; background:#fff; text-transform:uppercase}/* 서브메뉴 배경색상변경*/ #wraper #header.header_scroll nav .pc_menu_wrap ul li:hover ul li a:after {display:none} #wraper #header.header_scroll nav .pc_menu_wrap ul li ul li a:hover {background:#b09561; color:#ffffff; text-decoration:none; -webkit-transition:300ms ease-out 0ms;-moz-transition:300ms ease-out 0ms;-ms-transition:300ms ease-out 0ms;transition:300ms ease-out 0ms;} #wraper #header.header_scroll nav .pc_menu_wrap ul li ul li:first-child a:hover {box-shadow:rgba(113, 113, 113, 0.1) 0px 7px 3px -3px inset;} /* 모바일 메뉴 */ #wraper #header nav .menu_wrap {position:absolute; top:0; right:0px; left:370px; padding-top:15px; }/*메뉴 위여백*/ #wraper #header nav .menu_wrap:after {content:""; ,.display:block; clear:both} #wraper #header nav .menu_wrap ul li {float:left;} #wraper #header nav .menu_wrap ul li.m01 {width:19%; margin-left:0%} #wraper #header nav .menu_wrap ul li.m02 {width:19%;margin-left:0%} #wraper #header nav .menu_wrap ul li.m03 {width:19%;margin-left:0%} #wraper #header nav .menu_wrap ul li.m04 {width:20%;margin-left:0%} #wraper #header nav .menu_wrap ul li.m05 {width:19%; margin-left:0%} #wraper #header nav .menu_wrap ul li a { display:block; position:relative; color:#555; font-size:17px; font-weight:700; text-align:center; line-height:75px;} #wraper #header nav .menu_wrap ul li a:hover {color:#555; text-decoration:none}/*대메뉴 over 색상변경*/ #wraper #header nav .menu_wrap ul li:hover a:after{content:""; display:block; position:absolute; bottom:0; right:0; left:0; height:0px; background:#f08859;} #wraper #header nav .menu_wrap ul li ul {overflow:hidden; max-height:0; margin:0 -30px; border-top:0; border-bottom:0; box-shadow:rgba(113, 113, 113, 0.1) 0px 7px 3px -3px inset; -webkit-transition: all 0.3s cubic-bezier(0.770, 0.000, 0.175, 1.000); -moz-transition: all 0.3s cubic-bezier(0.770, 0.000, 0.175, 1.000); -ms-transition: all 0.3s cubic-bezier(0.770, 0.000, 0.175, 1.000); -o-transition: all 0.3s cubic-bezier(0.770, 0.000, 0.175, 1.000); transition: all 0.3s cubic-bezier(0.770, 0.000, 0.175, 1.000)} #wraper #header nav .menu_wrap ul li.m03 ul {margin:0 -40px} #wraper #header nav .menu_wrap ul li.m05 ul {margin:0 -40px} #wraper #header nav .menu_wrap ul li:hover ul {max-height:400px; -webkit-transition: all 0.6s cubic-bezier(0.770, 0.000, 0.175, 1.000); -moz-transition: all 0.6s cubic-bezier(0.770, 0.000, 0.175, 1.000); -ms-transition: all 0.6s cubic-bezier(0.770, 0.000, 0.175, 1.000); -o-transition: all 0.6s cubic-bezier(0.770, 0.000, 0.175, 1.000); transition: all 0.6s cubic-bezier(0.770, 0.000, 0.175, 1.000)} #wraper #header nav .menu_wrap ul li.m01:hover ul {max-height:500px} #wraper #header nav .menu_wrap ul li.m02:hover ul {max-height:400px;} #wraper #header nav .menu_wrap ul li.m03:hover ul {max-height:300px} #wraper #header nav .menu_wrap ul li.m04:hover ul {max-height:300px} #wraper #header nav .menu_wrap ul li.m05:hover ul {max-height:300px} #wraper #header nav .menu_wrap ul li.m02:hover ul li ul {padding:0} #wraper #header nav .menu_wrap ul li ul li {float:none; border-top:1px solid #f8f8f8;} #wraper #header nav .menu_wrap ul li ul li:first-child {border-top:0px} #wraper #header nav .menu_wrap ul li ul li a {display:block; font-size:12px; color:#555; line-height:40px; background:#fff; text-transform:uppercase}/* 서브메뉴 배경색상변경*/ #wraper #header nav .menu_wrap ul li:hover ul li a:after {display:none} #wraper #header nav .menu_wrap ul li ul li a:hover {background:#397dda; color:#fff; text-decoration:none;-webkit-transition:300ms ease-out 0ms;-moz-transition:300ms ease-out 0ms;-ms-transition:300ms ease-out 0ms;transition:300ms ease-out 0ms;} #wraper #header nav .menu_wrap ul li ul li:first-child a:hover {box-shadow:rgba(113, 113, 113, 0.1) 0px 7px 3px -3px inset;} #wraper #header nav .mx {display:none} @media screen and (max-width:1250px){ #wraper #header nav .pc_menu_wrap {right:10px;} #wraper #header nav .pc_menu_wrap ul li a {font-size:14px;} #wraper #header nav .pc_menu_wrap ul li ul {margin:0 -25px;} #wraper #header nav .pc_menu_wrap ul li ul li a {font-size:13px;} #wraper #header.header_scroll nav .pc_menu_wrap {right:10px;} #wraper #header.header_scroll nav .pc_menu_wrap ul li a {font-size:14px;} #wraper #header.header_scroll nav .pc_menu_wrap ul li ul {margin:0 -25px;} #wraper #header.header_scroll nav .pc_menu_wrap ul li ul li a {font-size:13px;} } @media screen and (max-width:998px){ #wraper #header nav .pc_menu_wrap {right:10px; border-top:0px solid #f00} #wraper #header nav .pc_menu_wrap ul li a {font-size:14px;} } @media screen and (max-width:845px){ #wraper #header nav .pc_menu_wrap {right:10px; border-top:0px solid #f00} #wraper #header nav .pc_menu_wrap ul li a {font-size:14px;} #wraper #header nav .pc_menu_wrap ul li.m02 ul li ul li ul li ul {display:none;} } @media screen and (max-width:992px){ #wraper #header.fixed nav h1 a {height:65px} #wraper #header.fixed nav .util_wrap > ul > li > a {line-height:40px} #wraper #header { opacity: 1 !important; filter: alpha(opacity=100) !important;} #wraper #header nav #logo a {display:block; position:relative; width:230px; height:65px; -webkit-transition: height 0.5s cubic-bezier(0.215, 0.610, 0.355, 1.000); -moz-transition: height 0.5s cubic-bezier(0.215, 0.610, 0.355, 1.000); -ms-transition: height 0.5s cubic-bezier(0.215, 0.610, 0.355, 1.000); -o-transition: height 0.5s cubic-bezier(0.215, 0.610, 0.355, 1.000); transition: height 0.5s cubic-bezier(0.215, 0.610, 0.355, 1.000)} #wraper #header nav #logo a div{position:absolute; top:0px; left:0px; width:230px; height:65px; margin-top:-8px; background:url('../../img/logo_over.png') no-repeat;background-size:cover;} #wraper #header.header_scroll nav #logo a {display:block; position:relative; width:230px; height:65px; -webkit-transition: height 0.5s cubic-bezier(0.215, 0.610, 0.355, 1.000); -moz-transition: height 0.5s cubic-bezier(0.215, 0.610, 0.355, 1.000); -ms-transition: height 0.5s cubic-bezier(0.215, 0.610, 0.355, 1.000); -o-transition: height 0.5s cubic-bezier(0.215, 0.610, 0.355, 1.000); transition: height 0.5s cubic-bezier(0.215, 0.610, 0.355, 1.000)} #wraper #header.header_scroll nav #logo a div{position:absolute; top:0px; left:0px; width:230px; height:65px; margin-top:-8px; background:url('../../img/logo_over.png') no-repeat;background-size:cover;} #wraper #header nav .btn_nav {display:block; opacity: 1 !important; filter: alpha(opacity=100) !important;} #wraper #header nav .btn_nav.open {position:absolute; top:0; right:0; width:45px; height:45px; margin-top:10px; margin-right:10px; background:url('../../img/btn_nav_open.png') no-repeat 0 0;} #wraper #header nav .btn_nav.closed {position:absolute; top:0; right:0; width:45px; height:45px;margin-top:10px; margin-right:20px; background:url('../../img/btn_nav_closed.png') no-repeat 0 0} #wraper #header nav .pc_menu_wrap {display:none; } #wraper #header nav .menu_wrap {display:block; overflow-y:hidden; position:fixed; z-index:100; top:0; right:-240px; bottom:0; left:auto; width:240px; background:#fff; border:0px solid #f00}/*모바일메뉴 바탕색상변경*/ #wraper #header nav .menu_wrap ul {padding-top:50px} #wraper #header nav .menu_wrap ul li {float:none; width:auto !important; margin:0 !important; border-bottom:1px solid #e5e5e5} /*모바일메뉴 라인색상변경*/ #wraper #header nav .menu_wrap ul li:first-child {border-top:1px solid #e9eff5}/*모바일 메뉴 라인 색상변경 위쪽라인*/ #wraper #header nav .menu_wrap ul li a {padding:5px 40px 0 20px; font-size:15px; color:#555555; text-align:left; line-height:40px!important;}/*대메뉴 색상변경*/ #wraper #header nav .menu_wrap ul li a:hover {color:#777777; text-decoration:none}/*대메뉴 over 색상변경*/ #wraper #header nav .menu_wrap ul li a:after {content:""; display:block !important; position:absolute; top:20px; right:33px; width:17px; height:9px; background:url('../../img/bg_gnb_arr.png') no-repeat 0 -9px} #wraper #header nav .menu_wrap ul li:hover a:after {content:""; display:block !important; position:absolute; top:20px; right:33px; left:auto; width:17px; height:9px; background:url('../../img/bg_gnb_arr.png') no-repeat 0 -9px} #wraper #header nav .menu_wrap ul li.on a:after {top:19px; background-position:0 0} #wraper #header nav .menu_wrap ul li.on ul li a:after {display:none !important;} #wraper #header nav .menu_wrap ul li.on:hover a:after ul li a:after {display:none} #wraper #header nav .menu_wrap ul li ul li a:after {display:none !important} #wraper #header nav .menu_wrap ul li:hover ul li a:after {display:none !important} #wraper #header nav .menu_wrap ul li ul {position:static !important; display:block; margin:0 !important; padding:0px 0 !important; border:0; box-shadow:none}/*모바일메뉴 서브메뉴 바탕색상변경*/ #wraper #header nav .menu_wrap ul li ul li {float:none !important; border:0} #wraper #header nav .menu_wrap ul li ul li{float:none; width:auto !important; margin:0 !important; border-top:1px solid #dddddd; } /*모바일메뉴 라인색상변경*/ #wraper #header nav .menu_wrap ul li ul li a {margin:0 !important; padding:0 30px; color:#656565 !important; font-size:13px !important; line-height:40px !important; background:#f6f6f6 !important; text-transform:none}/*모바일 서브메뉴 배경색변경*/ #wraper #header nav .menu_wrap ul li ul li a:hover { color:#222222 !important; font-size:13px !important;line-height:40px !important; background:#f6f6f6 !important;}/*모바일 서브메뉴 over 색상변경*/ #wraper #header nav .menu_wrap ul li ul li:first-child a:hover {box-shadow:none} #wraper #header nav .menu_wrap ul li ul li ul {padding:0 !important} #wraper #header nav .menu_wrap ul li.m_prod {display:none} #wraper #header nav .mx {display:block; position:fixed; z-index:99; top:0; right:-100%; bottom:0; left:100%; background:#000; opacity:0.0; -moz-transition: opacity 0.5s ease-out; -ms-transition: opacity 0.5s ease-out; -o-transition: opacity 0.5s ease-out; transition: all 0.3s ease-out;} #wraper #header nav .menu_wrap {-webkit-transition: all 0.5s cubic-bezier(0.770, 0.000, 0.175, 1.000); -moz-transition: all 0.5s cubic-bezier(0.770, 0.000, 0.175, 1.000); -ms-transition: all 0.5s cubic-bezier(0.770, 0.000, 0.175, 1.000); -o-transition: all 0.5s cubic-bezier(0.770, 0.000, 0.175, 1.000); transition: all 0.5s cubic-bezier(0.770, 0.000, 0.175, 1.000)} #wraper #header nav.on .menu_wrap {right:0} #wraper #header nav .menu_wrap ul li ul {overflow:hidden; max-height:0; padding:0 0 !important; -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -ms-transition: all 0.2s ease; -o-transition: all 0.2s ease; transition: all 0.2s ease;} #wraper #header nav .menu_wrap ul li.on ul {max-height:1000px !important; padding:0px 0 !important; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition:all 0.5s ease;}/*모바일 메뉴 서브메뉴 패딩 지정 부드럽게 닫히고 열리는 효과*/ #wraper #header nav .menu_wrap ul li.on ul li ul {padding:0 !important} #wraper #header nav .menu_wrap ul li.m01.on ul {max-height:500px !important} #wraper #header nav .menu_wrap ul li.m02.on ul {max-height:500px !important} #wraper #header nav .menu_wrap ul li.m03.on ul {max-height:300px !important} #wraper #header nav .menu_wrap ul li.m04.on ul {} #wraper #header nav .menu_wrap ul li.m05.on ul {max-height:300px !important} #wraper #header nav .menu_wrap ul li:hover ul {max-height:0; border-bottom:0} #wraper #header nav .menu_wrap ul li.m01:hover ul, #wraper #header nav .menu_wrap ul li.m02:hover ul, #wraper #header nav .menu_wrap ul li.m03:hover ul, #wraper #header nav .menu_wrap ul li.m04:hover ul, #wraper #header nav .menu_wrap ul li.m05:hover ul {max-height:0px;} #wraper #header nav .menu_wrap ul li.m01 {transition-delay: 0.035s;} #wraper #header nav .menu_wrap ul li.m02 {transition-delay: 0.07s;} #wraper #header nav .menu_wrap ul li.m03 {transition-delay: 0.105s;} #wraper #header nav .menu_wrap ul li.m04 {transition-delay: 0.14s;} #wraper #header nav .menu_wrap ul li.m05 {transition-delay: 0.175s;} #wraper #header nav .menu_wrap >ul > li {-webkit-transform: translate3d(250px, 0, 0); -moz-transform: translate3d(250px, 0, 0); -o-transform: translate3d(250px, 0, 0); transform: translate3d(250px, 0, 0); -webkit-transition: all 0.4s cubic-bezier(0.215, 0.610, 0.355, 1.000); -moz-transition: all 0.4s cubic-bezier(0.215, 0.610, 0.355, 1.000); -o-transition: all 0.4s cubic-bezier(0.215, 0.610, 0.355, 1.000); transition: all 0.4s cubic-bezier(0.215, 0.610, 0.355, 1.000); } #wraper #header nav.on .menu_wrap >ul > li {-webkit-transform: translate3d(0px, 0, 0); -moz-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);} #wraper #header nav.on .mx {display:block; right:0; left:-2000%; opacity:0.8; -moz-transition: opacity 0.3s ease-out; -ms-transition: opacity 0.3s ease-out; -o-transition: opacity 0.3s ease-out; transition: opacity 0.3s ease-out;} } /* 하단 *****************************************************************************************************************************************************/ #wraper #footer {clear:both; position:relative; width:100%; padding:20px 0 50px 0; background:#252525; } #wraper #footer .foottop ul {overflow:hidden;text-align:center;} #wraper #footer .foottop li{display:inline-block;list-style:none;} #wraper #footer .foottop li a{ font-size:13px;font-weight:600; color:#ecedf2; text-align:center; padding:0px 3px 0px 8px; display:block;text-decoration:none;} #wraper #footer .foottop li a:link{font-size:13px;font-weight:600; color:#ecedf2;} #wraper #footer .foottop li a:hover{font-size:13px;font-weight:600; color:#ecedf2;} #wraper #footer .foottop li a:visited{font-size:13px;font-weight:600; color:#ecedf2;} #wraper #footer .foottop li a:active{font-size:13px;font-weight:600; color:#ecedf2;} #wraper #footer .foot_info {position:relative; text-align:center;} #wraper #footer .foot_info .detail {max-width:1200px; margin:0 auto; text-align:center;} #wraper #footer .foot_info .detail span {display:block; float:left; line-height:16px;} #wraper #footer .foot_info .detail span a {color:#cccccc} #wraper #footer .foot_info .detail span.detail02 { font-size:12px; color:#ecedf2; margin:13px 0 0 0; float:none;} #wraper #footer .foot_info .detail span.detail03 { font-size:12px; color:#ecedf2; margin:3px 0 0 0; float:none;} #wraper #footer .foot_info .copy {font-size:12px; color:#ecedf2; text-align:center; margin:3px 0 0 0;} @media screen and (max-width:1280px){ } @media screen and (max-width:1050px){ #wraper #footer .foot_info .detail span {font-size:12px} } @media screen and (max-width:992px){ #wraper #footer .foottop ul {overflow:hidden;text-align:center;} #wraper #footer .foottop li{display:inline-block;list-style:none;} #wraper #footer .foottop li a{ font-size:13px; color:#ecedf2; text-align:center; padding:0px 3px 0px 8px; display:block;text-decoration:none;} #wraper #footer .foottop li a:link{font-size:13px; color:#ecedf2;} #wraper #footer .foottop li a:hover{font-size:13px; color:#ecedf2;} #wraper #footer .foottop li a:visited{font-size:13px; color:#ecedf2;} #wraper #footer .foottop li a:active{font-size:13px; color:#ecedf2;} #wraper #footer .foot_info {padding:0px 32px 0px 32px;} #wraper #footer .foot_info .detail {text-align:center;} #wraper #footer .foot_info .detail span {display:inline-block; float:none; font-size:12px} #wraper #footer .foot_info .detail span.detail02 {display:block} #wraper #footer .foot_info .detail span.detail02 em {display:none} #wraper #footer .foot_info .detail span.detail03 {display:block} #wraper #footer .foot_info .copy {margin:3px auto 0 auto; text-align:center} #wraper #footer .foot_info .copy span {display:none} } @media screen and (max-width:460px){ } @media screen and (max-width:320px){ #wraper #footer .foot_info {padding:5px 16px 5px 16px;} #wraper #footer .foot_info .copy {margin:13px auto 0 auto; padding:0 16px; font-size:12px} #wraper #footer .foot_info .copy span {display:none} .info_table {padding:30px 16px 70px 16px !important} .info_table h2 {font-size:18px; line-height:30px;} }