/* common */
.w1260{width: 1260px; margin: 0 auto;}
#wrap{position: relative; overflow: hidden;}
/* common */

/* header */
#header{background: #fff;}
.m-head{display: none;}
.h-wrap{}
.h-con{}
.logo{width: 195px; margin: 24px 158px 0 0; float: left;}
.logo a{height: 55px; display: block;}
.gnb{width: 732px; float: left;}
.gnbbg{display: none; height: 240px; top: 100px; left: 0; width: 100%; background: #00a0e9; position: absolute; z-index: 4;}
.dep01{width: 100%; font-size: 0;}
.dep01 > li{padding: 36px 0 30px; width: 25%; display: inline-block; vertical-align: top; text-align: center; box-sizing:border-box; position: relative; font-size: 0;}
.dep01 > li > a{font-size: 20px; line-height: 34px; letter-spacing:0; font-weight: 500; color: #333; display: inline-block; vertical-align:top; position: relative;}
.dep01 > li > a:after{bottom: -7px; left: 50%; width: 0; height: 2px; background: #00a0e9; display: block; position: absolute; content:""; transition: .3s; -webkit-transition: .3s; -moz-transition: .3s; -ms-transition: .3s; -o-transition: .3s;}
.dep01 > li.on > a:after{left: 0; width: 100%;}
.dep02{display: none; padding: 15px 0; top: 100px; left: 0; width: 100%; position: absolute; box-sizing:border-box; z-index: 5;}
.dep02 li a{font-size: 15px; line-height:35px; letter-spacing:0; font-weight: 400; color: #fff; opacity:1; display: block; transition: .3s; -webkit-transition: .3s; -moz-transition: .3s; -ms-transition: .3s; -o-transition: .3s;}
.dep02 li a:hover{font-weight: 800; opacity:1;}
.menu{width: 28px; margin-top: 39px; float: right;}
.menu a{height: 22px; display: block;}
.menu a img{width: 100%; display: block;}
.lang{padding: 36px 0 30px;display: inline-block; vertical-align: top; text-align: center;  box-sizing: border-box; position: relative; font-size: 0;}
.lang a{font-size: 14px; line-height: 34px; letter-spacing: -0.035em; font-weight: 500; color: #0072bc; display: inline-block; vertical-align: top; position: relative;}
.lang a:hover{text-decoration:underline;}
/* header */

/* quick */
#quick{bottom: 150px; left: 50%; margin-left: 630px; width: 50px; position: fixed; z-index: 5;}
#quick a{height: 50px; display: block;}
#quick a img{width: 100%; display: block;}
/* quick */

/* footer */
#footer{background: #25292c;}
.f-wrap{padding: 56px 0; box-sizing:border-box;}
.f-con{}
.f-nav{margin-bottom: 30px; font-size: 0;}
.f-nav a{font-size: 12px; line-height:1; letter-spacing:0; font-weight: 400; color: #999; display: inline-block; vertical-align: top;}
.f-nav span{margin: 0 15px; font-size: 12px; line-height:1; letter-spacing:0; font-weight: 500; color: #999; display: inline-block; vertical-align: top;}
.f-adr p{font-size: 13px; line-height:25px; letter-spacing:0; font-weight: 300; color: #999;}
.f-adr p span{margin: 0 15px; font-size: 9px; line-height:23px; letter-spacing:0; font-weight: 300; color: #535455; display: inline-block; vertical-align: top;}
.f-adr .copy{margin-top: 10px; font-size: 11px; line-height:1; letter-spacing:0; font-weight: 400; color: #999; display: block;}
/* footer */

/* 미디어쿼리 */
@media all and (max-width: 1260px ) {
/* common */
.w1260{width: 96%;}
/* common */

/* header */
.logo{margin: 24px 0 0 0;}
/* header */


/* quick */
#quick{left: auto; right: 0; margin-left: 0;}
/* quick */

}

@media all and (max-width: 1000px ) { 
.m-block{display: block !important;}
.m-none{display: none !important;}
/* header */
.pc-h{display: none;}
.m-head{padding: 0 2%; box-sizing:border-box; display: block; background: #fff;}
.m-head-in{height: 100px;}
.m-logo{width: 250px; margin-top: 14px; float: left;}
.m-logo a{height: 70px; display: block;}
.m-logo a img{width: 100%; display: block;}
.m-menu{width: 40px; margin-top: 36px; float: right;}
.m-menu a{height: 32px; display: block;}
.m-menu a img{width: 100%; display: block;}
.m-depth{top: 0; right: -100%; width: 100%; height: 100%; position: absolute; z-index: 10; background: #00a0e9;}
.m-depth-top{height: 100px; width: 100%; padding: 0 2%; background: #00a0e9; box-sizing:border-box;}
.m-depth-top .img{width: 250px; height: 70px; margin-top: 14px; float: left;}
.m-depth-top .img img{width: 100%; display: block;}
.m-depth-top .close{width: 35px; margin-top: 30px; float: right;}
.m-depth-top .close a{height: 36px; display: block;}
.m-depth-top .close a img{width: 100%; display: block;}
.m-dep01{width: 100%; background: #00a0e9;}
.m-dep01 > li{box-sizing:border-box; border-bottom: 1px solid rgba(255,255,255,0.3); border-top: 1px solid rgba(255,255,255,0.3); text-align: center;}
.m-dep01 > li > a{font-size: 40px; line-height:100px; letter-spacing:0; font-weight: 500; color: #fff; display: block; position: relative;}
.m-dep01 > li > a span{width: 29px; height: 18px; top: 40px; margin-left: 115px; left: 50%; position: absolute; display: block;}
.m-dep01 > li > a span img{width: 100%;}
.m-dep01 > li > a span img.on{display: none;}
.m-dep01 > li > a span img.off{display: block;}
.m-dep01 > li.on > a{background: #008ad9;}
.m-dep01 > li.on > a span img.off{display: none;}
.m-dep01 > li.on > a span img.on{display: block;}
.m-dep02{display: none; width: 100%; border-top: 1px solid rgba(255,255,255,0.3); box-sizing:border-box; background: #008ad9;}
.m-dep02 li a{font-size: 35px; line-height:95px; letter-spacing:0; font-weight: 500; color: #fff; display: block; text-align: center;}
/* header */



}

@media all and (max-width: 640px ) {

/* header */
.m-head-in{height: 15.625vw;}
.m-logo{width: 39.0625vw; margin-top: 2.1875vw;}
.m-logo a{height: 10.9375vw;}
.m-menu{width: 6.25vw; margin-top: 5.625vw;}
.m-menu a{height: 5vw;}
.m-depth-top{height: 15.625vw;}
.m-depth-top .img{width: 39.0625vw; height: 10.9375vw; margin-top: 2.1875vw;}
.m-depth-top .close{width: 5.46875vw; margin-top: 4.6875vw;}
.m-depth-top .close a{height: 5.625vw;}
.m-dep01 > li > a{font-size: 6.25vw; line-height:15.625vw;}
.m-dep01 > li > a span{width: 4.53125vw; height: 2.8125vw; top: 6.25vw; margin-left: 17.96875vw;}
.m-dep02 li a{font-size: 5.46875vw; line-height:14.84375vw;}
/* header */

/* quick */
#quick{bottom: 23.4375vw; width: 7.8125vw;}
#quick a{height: 7.8125vw;}
/* quick */

/* footer */
.f-wrap{padding: 8.75vw 0;}
.f-nav{margin-bottom: 4.6875vw;}
.f-nav a{font-size: 1.875vw;}
.f-nav span{margin: 0 1.875vw; font-size: 1.875vw;}
.f-adr p{font-size: 1.875vw; line-height:3.90625vw;}
.f-adr p span{margin: 0 1.5625vw; font-size: 1.40625vw; line-height:3.59375vw;}
.f-adr .copy{margin-top: 1.875vw; font-size: 1.71875vw;}
/* footer */

}