/* common */
#wrap{position: relative; overflow: hidden;}
/* common */

/* header */
#header{background: #fff;}
.h-wrap{height: 100px;}
.logo{width: 297px; margin: 22px 0 0 35px; float: left;}
.logo a{height: 59px; display: block;}
.logo a img{width: 100%; display: block;}
.menu{width: 110px; box-sizing:border-box; border-left: 1px solid #ddd; float: right; text-align: center;}
.menu a{height: 100px; padding-top: 35px; display: block; box-sizing:border-box;}
.menu a img{width: 42px; height: 31px; margin: 0 auto; display: block;}

.gnb{position: absolute; top: 0; right: -100%; z-index: 10; width: 100%; height: 100%; background: #fff;}
.gnb-con{}
.gnb-top {height: 100px; box-sizing:border-box; border-bottom: 1px solid #ddd;}
.gnb-top .img{width: 297px; margin: 22px 0 0 35px; float: left;}
.gnb-top .img img{width: 100%; height: 59px; display: block;}
.gnb-top .close{width: 40px; margin: 30px 35px 0 0; float: right;}
.gnb-top .close a{height: 39px; display: block;}
.gnb-top .close a img{width: 100%; display: block;}
.depth01{width: 100%;}
.depth01 > li > a{padding: 0 35px; font-size: 40px; line-height:99px; letter-spacing:0; font-weight: 500; color: #333; box-sizing:border-box; display: block; border-bottom: 1px solid #ddd; position: relative;}
.depth01 > li > a span{top: 40px; right: 35px; width: 29px; height: 17px; position: absolute; display: block; z-index: 1;}
.depth01 > li > a span img{width: 100%; display: block;}
.depth01 > li > a span img.on{display: none;}
.depth01 > li.on > a span img.off{display: none;}
.depth01 > li.on > a span img.on{display: block;}
.depth02{display: none; padding: 20px 0; width: 100%; background: #f7f7f7; box-sizing:border-box; border-bottom: 1px solid #ddd;}
.depth02 li a{font-size: 35px; line-height:95px; letter-spacing:0; font-weight: 500; color: #777; padding: 0 35px; box-sizing:border-box; display: block;}
/* header */

/* footer */
#footer{background: #fff;}
.f-wrap{}
.f-nav{font-size: 0; text-align: center; box-sizing:border-box; border-top: 1px solid #ddd; border-bottom: 1px solid #ddd;}
.f-nav a{font-size: 22px; line-height:77px; letter-spacing:0; font-weight: 400; color: #333; display: inline-block; vertical-align: top;}
.f-nav span{margin: 0 25px; font-size: 22px; line-height:77px; letter-spacing:0; font-weight: 500; color: #333; display: inline-block; vertical-align: top;}
.f-adr{padding: 50px 0; box-sizing:border-box; text-align: center;}
.f-adr p{font-size: 20px; line-height:35px; letter-spacing:0; font-weight: 300; color: #888;}
.f-adr p em{margin: 0 15px; font-size: 16px; line-height:35px; letter-spacing:0; font-weight: 400; color: #c4c4c4; display: inline-block; vertical-align: top; font-style: normal;}
.f-adr span.copy{margin-top: 10px; font-size: 20px; line-height:25px; letter-spacing:0; font-weight: 400; color: #888; display: block;}
#quick{bottom: 110px; right: 20px; width: 54px; position: fixed; z-index: 5;}
#quick a{height: 54px; display: block;}
#quick a img{width: 100%; display: block;}
/* footer */


@media all and ( max-width: 760px ) {
/* header */
.h-wrap{height: 13.1578947368vw;}
.logo{width: 39.0789473684vw; margin: 2.8947368421vw 0 0 4.6052631579vw;}
.logo a{height: 7.7631578947vw;}
.menu{width: 14.4736842105vw;}
.menu a{height: 13.1578947368vw; padding-top: 4.6052631579vw;}
.menu a img{width: 5.5263157895vw; height: 4.0789473684vw;}

.gnb-top {height: 13.1578947368vw;}
.gnb-top .img{width: 39.0789473684vw; margin: 2.8947368421vw 0 0 4.6052631579vw;}
.gnb-top .img img{height: 7.7631578947vw;}
.gnb-top .close{width: 5.2631578947vw; margin: 3.9473684211vw 4.6052631579vw 0 0;}
.gnb-top .close a{height: 5.1315789474vw;}
.depth01 > li > a{padding: 0 4.6052631579vw; font-size: 5.2631578947vw; line-height:13.0263157895vw;}
.depth01 > li > a span{top: 5.2631578947vw; right: 4.6052631579vw; width: 3.8157894737vw; height: 2.2368421053vw;}
.depth02{padding: 2.6315789474vw 0;}
.depth02 li a{font-size: 4.6052631579vw; line-height:12.5vw;}
/* header */

/* footer */
.f-nav a{font-size: 2.8947368421vw; line-height:10.1315789474vw;}
.f-nav span{margin: 0 3.2894736842vw; font-size: 2.8947368421vw; line-height:10.1315789474vw;}
.f-adr{padding: 6.5789473684vw 0;}
.f-adr p{font-size: 2.6315789474vw; line-height:4.6052631579vw;}
.f-adr p em{margin: 0 1.9736842105vw; font-size: 2.1052631579vw; line-height:4.6052631579vw;}
.f-adr span.copy{margin-top: 1.3157894737vw; font-size: 2.6315789474vw; line-height:3.2894736842vw;}
#quick{bottom: 14.4736842105vw; right: 2.6315789474vw; width: 7.1052631579vw;}
#quick a{height: 7.1052631579vw;}
/* footer */	
}