#skipNav a { position: absolute; display: block; font-size: 0px; top: -9999px; left: -9999px; }

#skipNav a:focus { position: absolute; top: 0; left: 0; width: 100%; height: 40px; line-height: 40px; background: #333; color: #fff; font-size: 20px; z-index: 9999; text-align: center; }

#container { position: relative; background: #fff; overflow: hidden; }

.wrap { width: 100%; max-width: 100%; margin: 0 auto;}
/*.wrap { width: 100%; max-width: 1700px; margin: 0 auto;}
.wrap { width: 95%; max-width: 1700px; margin: 0 auto; }*/

.wrap2 { width: 95%; max-width: 1200px; margin: 0 auto;}


.wrap img { width: auto; max-width: 100%; }

@media all and (max-width: 1024px) { .wrap { /*width: 95%; margin: 0 2.5%;*/ max-width: none; } }
@media all and (max-width: 1024px) { .wrap2 { /*width: 95%; margin: 0 2.5%;*/ max-width: none; } }

#header { position: fixed; z-index: 5002; width: 100%; top: 0; left: 0; text-align: center; height: 100px; background: #fff; border-bottom: 1px solid #dddddd; -webkit-transition: hegith 0.2s, background  0.2s; -moz-transition: hegith 0.2s, background  0.2s; -o-transition: hegith 0.2s, background  0.2s; -ms-transition: hegith 0.2s, background  0.2s; transition: hegith 0.2s, background  0.2s; }

#header .wrap { max-width: none; position: relative; border-bottom:1px solid rgba(255,255,255, 0.3);}
/* #header .wrap { max-width: none; position: relative; padding-left: 170px; padding-right: 170px; border:1px solid red;} */
,
#header .wrap::after { display: block; content: ""; clear: both; }

#header #logo { position: absolute; top: 30px; left: 10px; max-width: 229px; }

#header #logo a { display: block; }

#header img { width: auto; max-width: 100%; display: block; }

#header #gnb { text-align: center; }

#header #gnb ul { display: inline-block; }

#header #gnb ul li { display: inline-block; padding: 0 30px; }

#header #gnb ul li a { position: relative; line-height:100px; display: inline-block; font-size: 18px; color: #000000; }

#header #gnb ul li a:after { content: ''; opacity: 0; background: #d72424; position: absolute; left: 50%; bottom: 20px; width: 0; height: 2px; -webkit-transition: left 0.2s, width 0.2s; -moz-transition: left 0.2s, width 0.2s; -o-transition: left 0.2s, width 0.2s; -ms-transition: left 0.2s, width 0.2s; transition: left 0.2s, width 0.2s; }

#header #gnb ul li a:hover { color: #d72424; }

#header #gnb ul li a:hover:after { opacity: 1; left: 0; width: 100%; }

#header #gnb ul li.on a { color: #d72424; }

#header #gnb ul li.on a:after { opacity: 1; left: 0; width: 100%; }

#header .tellWrap {position: absolute; top: 37px; right: 120px;}

@media all and (max-width: 768px) {
	#header .tellWrap {position: absolute; top: 27px; right: 95px;}
}
@media all and (max-width: 500px) {
	#header .tellWrap {position: absolute; top: 17px; right: 75px;}
}

#header .menu-right {background:#fabe00; position: absolute; top: 0px; right: 0; width:100px;height:100px;}
/*#header .menu-right {position: absolute; top: 40px; right: 0; max-width: 170px; padding-right: 73px; }*/

#header .menu-right .btn-allMenu, #header .menu-right .btn-allMenu-m { display: block; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); width: 40px; height: 40px; }

#header .menu-right .btn-allMenu-m { display: none; }

#header.main.on { background:#fff; border-bottom: rgba(255, 255, 255, 1); box-sizing: content-box; }

#header.main.on #logo { position: absolute; top: 30px; left: 10px; max-width: 140px; }

#header.main.on #logo a { display: block; width: 229px; height: 46px; background: url(/design/default/images/logo.png) no-repeat left top; background-size: contain; }

#header.main.on #logo a img { display: none; }

#header.main.on #gnb ul li a { color: #000000; }

#header.main.on .menu-right .btn-allMenu i.icon-menu, #header.main.on .menu-right .btn-allMenu-m i.icon-menu { background-image: url(/design/default/images/icon_menu_main.png); }

@media all and (min-width: 1441px) {

}
@media all and (min-width: 1220px) { #header._fixed { height: 100px; }

}

#gnb2 { width: 100%; position: fixed; z-index: 5001; background: #fff; text-align: center; left: 0; top: 100px; display: none; box-shadow: 0 0 10px rgba(0, 0, 0, 0.2); -webkit-transition: top 0.2.5s; -moz-transition: top 0.2.5s; -o-transition: top 0.2.5s; -ms-transition: top 0.2.5s; transition: top 0.2.5s; }

#gnb2.on2 { top: 86.66667px; }

#gnb2 .wrap { max-width: 1720px; position: relative; padding-left: 170px; padding-right: 170px; }

#gnb2 .wrap::after { display: block; content: ""; clear: both; }

#gnb2 .wrap > ul { display: inline-block; }

#gnb2 .wrap > ul > li { display: inline-block; min-width: 80px; vertical-align: top; padding-top: 25px; padding-bottom: 10px; }

#gnb2 .wrap > ul .depth-2 { position: relative; }

#gnb2 .wrap > ul .depth-2 li { margin-bottom: 0.75em; position: relative; height: 1.8em; }

#gnb2 .wrap > ul .depth-2 a { display: inline-block; padding-bottom: 0.15em; color: #666666; font-size: 14px; font-weight: 400; white-space: nowrap; position: absolute; left: 50%; -webkit-transform: translate(-50%, 0%); -moz-transform: translate(-50%, 0%); -o-transform: translate(-50%, 0%); -ms-transform: translate(-50%, 0%); transform: translate(-50%, 0%); }

#gnb2 .wrap > ul .depth-2 a:after { content: ''; display: block; position: absolute; bottom: 0.1em; left: 50%; width: 0; height: 1px; background: #666666; -webkit-transition: left 0.2s, width 0.2s; -moz-transition: left 0.2s, width 0.2s; -o-transition: left 0.2s, width 0.2s; -ms-transition: left 0.2s, width 0.2s; transition: left 0.2s, width 0.2s; }

#gnb2 .wrap > ul .depth-2 a:hover:after { left: 0; width: 100%; }

#gnb2 .wrap > ul .depth-2.on a { font-weight: 400; }

#gnb2 .wrap > ul .depth-2.on a:hover { color: #222222; }

@media all and (max-width: 1441px) { #header .wrap, #header.main.on .wrap { padding-left: 160px; padding-right: 40px; }
  #header .wrap::after, #header.main.on .wrap::after { display: block; content: ""; clear: both; }
  #header.main.on #logo { top: 30px; left: 10px; max-width: 140px; }
  #header #gnb ul li, #header.main.on #gnb ul li { padding: 0 20px; }
  #header #gnb ul li a, #header.main.on #gnb ul li a { font-size: 17px; }
  #header .menu-right, #header.main.on .menu-right { }
  #header .menu-right .btn-allMenu, #header .menu-right .btn-allMenu-m, #header.main.on .menu-right .btn-allMenu, #header.main.on .menu-right .btn-allMenu-m { width: 35px; }
  #gnb2 .wrap { padding-left: 160px; padding-right: 40px; } }

@media all and (max-width: 1319px) { #header.main.on { background: rgba(0, 0, 0, 0.15); }
  /*header*/
  #header .menu-right, #header.main.on .menu-right { top: 0; }
  #header #gnb, #header .menu-right .sns-menu, #header.main.on #gnb, #header.main.on .menu-right .sns-menu { display: none; }
  #header .btn-allMenu, #header .btn-allMenu-m, #header.main.on .btn-allMenu, #header.main.on .btn-allMenu-m { position: absolute; top: 50%; }
  #header .btn-allMenu i, #header .btn-allMenu-m i, #header.main.on .btn-allMenu i, #header.main.on .btn-allMenu-m i {position: absolute; width: 100%; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }
  #header #logo a, #header.main.on #logo a { -webkit-tap-highlight-color: transparent; background-position: left top; }
  #header .menu-right .btn-allMenu, #header.main.on .menu-right .btn-allMenu { display: none; }
  #header .menu-right .btn-allMenu-m, #header.main.on .menu-right .btn-allMenu-m { display: block; }
  #header.main.on { border-bottom: 1px solid rgba(255, 255, 255, 0.2); }
  #header, #header.main.on { height: 100px; }
  #header .wrap, #header.main.on .wrap { padding-left: 128px; padding-right: 90px; }
  /*
  #header #logo, #header.main.on #logo { top: 26px; max-width: 128px; }
  #header #logo img, #header.main.on #logo img { width: 120px; }
  #header #logo a, #header.main.on #logo a { max-width: 128px; background-size: 120px; }
  */
  #header .menu-right .btn-allMenu, #header .menu-right .btn-allMenu-m, #header.main.on .menu-right .btn-allMenu, #header.main.on .menu-right .btn-allMenu-m { height: 98px; } }

@media all and (max-width: 768px) { #header, #header.main.on { height: 85px; }
  #header .wrap, #header.main.on .wrap { padding-left: 111px; padding-right: 78px; }
  #header #logo, #header.main.on #logo { top: 23px; max-width: 111px; }
  #header #logo img, #header.main.on #logo img { width: 180px; }
  #header #logo a, #header.main.on #logo a { max-width: 180px; background-size: 180px; }
  #header .menu-right {width:85px;height:85px;}
  #header .menu-right .btn-allMenu, #header .menu-right .btn-allMenu-m, #header.main.on .menu-right .btn-allMenu, #header.main.on .menu-right .btn-allMenu-m { height: 85px; } }

@media all and (max-width: 500px) { #header, #header.main.on { height: 65px; }
  #header .wrap, #header.main.on .wrap { padding-left: 85px; padding-right: 60px; }
  #header #logo, #header.main.on #logo { top: 18px; max-width: 120px; }
  #header #logo img, #header.main.on #logo img { width: 120px; }
  #header #logo a, #header.main.on #logo a { max-width: 120px; background-size: 120px; }
  #header .menu-right {width:65px;height:65px;}
  #header .menu-right .btn-allMenu, #header .menu-right .btn-allMenu-m, #header.main.on .menu-right .btn-allMenu, #header.main.on .menu-right .btn-allMenu-m { height: 65px; } }

#allMenu { position: fixed; z-index: 5010; top: -200%; bottom: auto; opacity: 0; left: 0; right: 0; background: #353535; }

#allMenu .menu-logo { position: absolute; top: 130px; left: 50%; margin-left: -88px; }

#allMenu .m-close { position: absolute; top: 50px; right: 2.5%; }

#allMenu .a-logo { position: absolute; left: 50%; -webkit-transform: translate(-50%, 0); -moz-transform: translate(-50%, 0); -o-transform: translate(-50%, 0); -ms-transform: translate(-50%, 0); transform: translate(-50%, 0); bottom: 8%; }

#allMenu .a-logo img { vertical-align: middle; }

#allMenu .a-logo a { margin-left: 1em; display: inline-block; vertical-align: middle; }

#allMenu .menu {max-width: none; padding-top: 140px; position: absolute; width: 80%; top: 50%; left: 40%; -webkit-transform: translate(-40%, -50%); -moz-transform: translate(-40%, -50%); -o-transform: translate(-40%, -50%); -ms-transform: translate(-40%, -50%); transform: translate(-40%, -50%); text-align: center; }

#allMenu .menu a { vertical-align: top; display: inline-block; color: #fff; font-weight: 200; -webkit-transition: font-size  0.2s; -moz-transition: font-size  0.2s; -o-transition: font-size  0.2s; -ms-transition: font-size  0.2s; transition: font-size  0.2s; }

#allMenu .menu > .depth-1 { display: inline-block; }

#allMenu .menu > .depth-1 > li { vertical-align: top; display: inline-block; padding: 100px 30px 0; }

#allMenu .menu > .depth-1 > li.on > a:after, #allMenu .menu > .depth-1 > li.on > a:after, #allMenu .menu > .depth-1 > li:hover > a:after, #allMenu .menu > .depth-1 > li:hover > a:after, #allMenu .menu > .depth-1 > li:focus > a:after, #allMenu .menu > .depth-1 > li:focus > a:after { width: 100%; left: 0; }

#allMenu .menu > .depth-1 > li > a { font-size: 19px; font-weight:500; color: #fff; display: inline-block; position: relative; }

#allMenu .menu > .depth-1 > li > a:after { content: ''; display: block; position: absolute; width: 0; height: 2px; bottom: 0px; left: 50%; background: #e60044; -webkit-transition: left 0.2s, width 0.2s; -moz-transition: left 0.2s, width 0.2s; -o-transition: left 0.2s, width 0.2s; -ms-transition: left 0.2s, width 0.2s; transition: left 0.2s, width 0.2s; }

#allMenu .menu > .depth-1 > li > ul { margin-top: 30px; }

#allMenu .menu > .depth-1 > li > ul > li { margin-top: 20px; }

#allMenu .menu > .depth-1 > li > ul > li > a { font-size: 14px; position: relative; outline: 0; color: #9d9d9d; line-height: 1.0em; }

#allMenu .menu > .depth-1 > li > ul > li > a:after { content: ''; display: block; position: absolute; width: 0; height: 0px; bottom: 0; left: 50%; background: #9d9d9d; -webkit-transition: left 0.2s, width 0.2s; -moz-transition: left 0.2s, width 0.2s; -o-transition: left 0.2s, width 0.2s; -ms-transition: left 0.2s, width 0.2s; transition: left 0.2s, width 0.2s; }

#allMenu .menu > .depth-1 > li > ul > li > a:hover, #allMenu .menu > .depth-1 > li > ul > li > a:focus { color: #fff; }

#allMenu .menu > .depth-1 > li > ul > li > a:hover:after, #allMenu .menu > .depth-1 > li > ul > li > a:focus:after { width: 100%; left: 0; }

#allMenu .menu .m-sns-menu { margin-top: 180px; }

#allMenu .menu .m-sns-menu li { display: inline-block; padding: 0 10px; }

#allMenu .menu .m-sns-menu li > a i.icon-face-on { background-image: url(../images/common/sns_icon_main_01.png); }

#allMenu .menu .m-sns-menu li > a i.icon-instar-on { background-image: url(../images/common/sns_icon_main_02.png); }

#allMenu .menu .m-sns-menu li > a i.icon-chung-on { background-image: url(../images/common/sns_icon_main_03.png); }

#allMenu .menu .m-sns-menu li > a i.icon-sea-on { background-image: url(../images/common/sns_icon_main_04.png); }

@media all and (max-width: 1441px) { #allMenu .menu-logo { top: 91px; margin-left: -61.6px; }
  #allMenu .menu { width: 95%; padding-top: 98px; }
  #allMenu .menu > .depth-1 > li { padding: 14px 42px 0; }
  #allMenu .menu > .depth-1 > li > a { font-size: 23.8px; }
  #allMenu .menu > .depth-1 > li > ul { margin-top: 21px; }
  #allMenu .menu > .depth-1 > li > ul > li { margin-top: 14px; }
  #allMenu .menu .m-sns-menu { margin-top: 126px; } }

@media all and (max-width: 1219px) { #allMenu { display: none; } }

#footer { background: #f7f7f7; padding-top: 30px; padding-bottom: 0px;}

#footer .wrap {width:100%; max-width:1200px; position: relative; }

#footer .footer-info { position: relative; background: url(/design/default/images/logo_f.png) no-repeat left top; background-size: auto; font-size:15px; color: #838383; text-align:right; padding-bottom: 20px; font-weight: 200; word-break: keep-all; }

#footer .footer-info p span {padding-left:20px;}

#footer .footer-info p img {padding-left:5px;padding-bottom:5px;}

#footer .footer-info .f-color-1 { color: #cdcdcd; }

#footer .footer-info .f-color-2 { color: #9d9d9d; }

#footer .footer-info .copyright { color: #838383; }

#footer .footer-info .f-right-menu { position: absolute; top: 0; right: 0; width: 364px; }

#footer .footer-info .f-right-menu .fr-btn { display: inline-block; width: 50px; height: 50px; overflow: hidden; background: #55514d; position: relative; border-radius: 100%; position: relative; margin: 0 10px; vertical-align: middle;}

#footer .footer-info .f-right-menu .fr-a { display: inline-block; vertical-align: middle; width: 50px;}

#footer .footer-info .f-right-menu .fr-btn i { position: absolute; width: 100%; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }

#footer .footer-info .f-right-menu .family-site-box { display: inline-block; margin: 0 10px; position: relative; width: 200px; vertical-align: middle;}

#footer .footer-info .f-right-menu .family-site-box a { color: #fff; position: relative; height: 50px; display: block; }

#footer .footer-info .f-right-menu .family-site-box a span { display: block; text-align: center; position: absolute; top: 50%; -webkit-transform: translate(0, -50%); -moz-transform: translate(0, -50%); -o-transform: translate(0, -50%); -ms-transform: translate(0, -50%); transform: translate(0, -50%); width: 100%; padding-right: 25px; }

#footer .footer-info .f-right-menu .family-site-box .fs-btn { display: block; border-radius: 3em; font-weight: 400; padding-right: 45px; background: #c27a34 url(../images/common/icon_fad.png) no-repeat left top; background-size: auto; background-position: 155px center; }

#footer .footer-info .f-right-menu .family-site-box .family-site { display: none; width: 100%; position: absolute; background: #c27a34; border-bottom-right-radius: 1.5em; border-bottom-left-radius: 1.5em; overflow: hidden; }

#footer .footer-info .f-right-menu .family-site-box .family-site li { display: block; width: 100%; }

#footer .footer-info .f-right-menu .family-site-box .family-site li a { border-top: 1px solid rgba(255, 255, 255, 0.3); }

#footer .footer-info .f-right-menu .family-site-box .family-site li a:hover { background: rgba(0, 0, 0, 0.2); }

#footer .footer-info .f-right-menu .family-site-box.on .fs-btn { border-radius: 5em; border-top-left-radius: 1.5em; border-top-right-radius: 1.5em; border-bottom-right-radius: 0; border-bottom-left-radius: 0; background-image: url(../images/common/icon_fau.png); }

@media all and (max-width: 1441px) { #footer { padding-bottom: 20px; }
  #footer .footer-info {background: url(/design/default/images/logo.png) no-repeat left top; padding-left: 0; padding-right: 300px -20px; }
  #footer .wrap {width: 95%; max-width: 1200px; margin: 0 auto;}
 }


@media all and (max-width: 768px) { /*footer*/
  #footer { padding-top:0px; }
  #footer .footer-info { padding-top: 30px; padding-bottom: 30px; font-size:14px;text-align:center;}
  #footer .footer-info p { text-align:center;}
  #footer .footer-info p span {padding-right:20px;}
  #footer .footer-info .f-right-menu .fr-btn { width: 49px; height: 49px; }
  #footer .footer-info .f-right-menu .family-site-box { width: 195px; }
  #footer .footer-info .f-right-menu .family-site-box a { height: 49px; }
  #footer .footer-info .f-right-menu .family-site-box a span { padding-left: 13px; padding-right: 16px; }
  i.icon-insta {width: 20px;height: 20px;}
}

@media all and (max-width: 500px) { /*footer*/
  #footer { padding-top: 0px; }
  #footer .footer-info { padding-top: 30px; padding-bottom: 30px;font-size: 12px; text-align: left;}
  #footer .footer-info .f-right-menu .fr-btn { width: 38px; height: 38px; }
  #footer .footer-info .f-right-menu .family-site-box { width: 150px; }
  #footer .footer-info .f-right-menu .family-site-box a { height: 38px; }
  #footer .footer-info .f-right-menu .family-site-box a span { padding-left: 0px; padding-right: 8px; } }

.gnb-m-wrap { display: none; }

@media all and (max-width: 1319px) { .gnb-m-wrap { display: block; position: fixed; z-index: 5010; top: 0; bottom: 0; right: 0; left: 0; background: rgba(0, 0, 0, 0.75); display: none; overflow: hidden; }
  .gnb-m-wrap .a-logo { display: none; }
  .gnb-m-wrap .menu-wrap { position: absolute; width: 100%; top: 0; bottom: 0; right: 0; background: #fff; }
  /* .gnb-m-wrap .menu-wrap { position: absolute; width: 100%; top: 0; bottom: 0; right: -100%; background: #fff; } */
  .gnb-m-wrap .menu-wrap .menu-logo {display: block; width: 100%; height: 120px; line-height: 120px; text-align: center; background: url("/design/default/images/logo.png") no-repeat; background-position: 40px center; background-size: 125px auto; border-bottom: 1px solid #d7d7d7; }
  .gnb-m-wrap .menu-wrap .menu-logo a { height: 120px; width: 165px; display: block; }
  .gnb-m-wrap .menu-wrap .menu-logo img { display: none; max-width: 50%; vertical-align: middle; }
  .gnb-m-wrap .menu-wrap > .menu { position: absolute; top: 120px; bottom: 0; width: 100%; overflow-y: auto; }
  .gnb-m-wrap .menu-wrap > .menu > .depth-1 > li { background: no-repeat right top; background-size: 110px; width: 90%; margin-left: 5%; }
  .gnb-m-wrap .menu-wrap > .menu > .depth-1 > li.arrow { background-image: url(/design/default/images/menu_arrow_down.png); }
  .gnb-m-wrap .menu-wrap > .menu > .depth-1 > li.arrow.on { border-bottom: 1px solid #e0e0e0; background-image: url(/design/default/images/menu_arrow_up.png); }
  .gnb-m-wrap .menu-wrap > .menu > .depth-1 > li.arrow.on > a { color: #d82425; }
  .gnb-m-wrap .menu-wrap > .menu > .depth-1 > li a { color: #000; position: relative; height: 130px; display: block; }
  .gnb-m-wrap .menu-wrap > .menu > .depth-1 > li a > span { position: absolute; top: 50%; -webkit-transform: translate(0, -50%); -moz-transform: translate(0, -50%); -o-transform: translate(0, -50%); -ms-transform: translate(0, -50%); transform: translate(0, -50%); font-weight: 400 !important; }
  .gnb-m-wrap .menu-wrap > .menu > .depth-1 > li > a { font-size: 40px; font-weight: bold; border-bottom: 1px solid #e0e0e0; padding: 0 40px; }
  .gnb-m-wrap .menu-wrap > .menu > .depth-1 > li > .depth-2 { padding: 40px 0; display: none; }
  .gnb-m-wrap .menu-wrap > .menu > .depth-1 > li > .depth-2 > li > a { font-size: 30px; padding: 0 40px; height: 65px; color: #666666; }
  .gnb-m-wrap .menu-wrap > .menu > .depth-1 > li > .depth-2 > li > a span { position: relative; display: inline-block; }
  .gnb-m-wrap .menu-wrap > .menu > .depth-1 > li > .depth-2 > li > a span:after { content: ''; display: block; position: absolute; width: 0%; bottom: 0; left: 50%; height: 1px; background: #666666; -webkit-transition: left 0.2s, width 0.2s; -moz-transition: left 0.2s, width 0.2s; -o-transition: left 0.2s, width 0.2s; -ms-transition: left 0.2s, width 0.2s; transition: left 0.2s, width 0.2s; }
  .gnb-m-wrap .menu-wrap > .menu > .depth-1 > li > .depth-2 > li > a:hover span:after { width: 100%; left: 0; }
  .gnb-m-wrap .menu-wrap > .menu > .depth-1 > li > .depth-2 > li:last-child > a { border-bottom: 0; }
  .gnb-m-wrap .menu-wrap .m-close { position: absolute; right: 35px; top: 30px; }
  .gnb-m-wrap .menu-wrap .m-close i { background-image: url(/design/default/images/icon_menu_close_m.png) !important; }
  .gnb-m-wrap .m-sns-menu { display: block; margin: 60px auto; text-align: center; }
  .gnb-m-wrap .m-sns-menu li { display: inline-block; padding: 0; }
  .gnb-m-wrap .m-sns-menu li a { padding: 0 10px; }
  /*gnb-m-wrap*/
  .gnb-m-wrap .menu-wrap .menu-logo { height: 90px; line-height: 90px; background-size: 120px auto; background-position: 30px center; }
  .gnb-m-wrap .menu-wrap .menu-logo a { height: 90px; width: 124px; }
  .gnb-m-wrap .menu-wrap > .menu { top: 90px; }
  .gnb-m-wrap .menu-wrap > .menu > .depth-1 > li { background-size: 83px; }
  .gnb-m-wrap .menu-wrap > .menu > .depth-1 > li a { height: 98px; }
  .gnb-m-wrap .menu-wrap > .menu > .depth-1 > li > a { font-size: 30px; padding: 0 30px; }
  .gnb-m-wrap .menu-wrap > .menu > .depth-1 > li > .depth-2 { padding: 30px 0; }
  .gnb-m-wrap .menu-wrap > .menu > .depth-1 > li > .depth-2 > li > a { font-size: 23px; padding: 0 30px; height: 49px; }
  .gnb-m-wrap .menu-wrap .m-close { right: 26px; top: 23px; }
  .gnb-m-wrap .m-sns-menu { margin: 45px auto; }
  .gnb-m-wrap .m-sns-menu li a { padding: 0 8px; } }

@media all and (max-width: 768px) { /*gnb-m-wrap*/
  .gnb-m-wrap .menu-wrap .menu-logo { height: 78px; line-height: 78px; background-size: 180px auto; background-position: 26px center; }
  .gnb-m-wrap .menu-wrap .menu-logo a { height: 78px; width: 107px; }
  .gnb-m-wrap .menu-wrap > .menu { top: 78px; }
  .gnb-m-wrap .menu-wrap > .menu > .depth-1 > li { background-size: 72px; }
  .gnb-m-wrap .menu-wrap > .menu > .depth-1 > li a { height: 85px; }
  .gnb-m-wrap .menu-wrap > .menu > .depth-1 > li > a { font-size: 26px; padding: 0 26px; }
  .gnb-m-wrap .menu-wrap > .menu > .depth-1 > li > .depth-2 { padding: 26px 0; }
  .gnb-m-wrap .menu-wrap > .menu > .depth-1 > li > .depth-2 > li > a { font-size: 20px; padding: 0 26px; height: 42px; }
  .gnb-m-wrap .menu-wrap .m-close { right: 23px; top: 20px; }
  .gnb-m-wrap .m-sns-menu { margin: 39px auto; }
  .gnb-m-wrap .m-sns-menu li a { padding: 0 7px; } }

@media all and (max-width: 500px) { /*gnb-m-wrap*/
  .gnb-m-wrap .menu-wrap .menu-logo { height: 60px; line-height: 60px; background-size: 120px auto; background-position: 20px center; }
  .gnb-m-wrap .menu-wrap .menu-logo a { height: 60px; width: 83px; }
  .gnb-m-wrap .menu-wrap > .menu { top: 60px; }
  .gnb-m-wrap .menu-wrap > .menu > .depth-1 > li { background-size: 55px; }
  .gnb-m-wrap .menu-wrap > .menu > .depth-1 > li a { height: 65px; }
  .gnb-m-wrap .menu-wrap > .menu > .depth-1 > li > a { font-size: 20px; padding: 0 20px; }
  .gnb-m-wrap .menu-wrap > .menu > .depth-1 > li > .depth-2 { padding: 20px 0; }
  .gnb-m-wrap .menu-wrap > .menu > .depth-1 > li > .depth-2 > li > a { font-size: 15px; padding: 0 20px; height: 33px; }
  .gnb-m-wrap .menu-wrap .m-close { right: 18px; top: 15px; }
  .gnb-m-wrap .m-sns-menu { margin: 30px auto; }
  .gnb-m-wrap .m-sns-menu li a { padding: 0 5px; } }

.top_btn { display: none; position: fixed; bottom: 10px; right: 2%; }

@media all and (max-width: 1024px) { .top_btn { display: none !important; } }


/* �쒕툕硫붾돱 紐⑤컮�� */
.pc_menu{display:block}
.mobile_menu {display:none;}

@media all and (max-width: 1024px){
	.pc_menu{display:none;}
	.mobile_menu {display:block;}
}

.header_submenu{overflow:hidden;position:relative;width:auto;z-index:10;height:48px;text-align:center;background:#d0112b;margin-top:-2px;transition:all .3s ease-out;}
.header_submenu  .swiper-container{position: relative;}
.header_submenu  .swiper-wrapper{ align-items:center;justify-content: center;}
.header_submenu li.swiper-slide {display:inline-block;vertical-align:top;width:auto; height:auto; margin:14px 16px;}
.header_submenu li a { position:relative; color:#fff; font-size:14px; line-height:19px;opacity:.7}
.header_submenu li.on a,
.header_submenu li a:hover	{ opacity:1}
.header_submenu li a:after	{content:""; position:absolute; bottom:0; left:0; width:0; height:0px; transition: all 0.3s ease-out;}
.header_submenu li.on a:after, 
.header_submenu li a:hover:after { width:100%;background:#fff; }


@media screen and (max-width:640px){
	.header_submenu .swiper-wrapper {justify-content: flex-start}
}

.pc_br{display:block}
.mo_br{display:none;}

@media all and (max-width:900px){
	.pc_br{display:none;}
	.mo_br {display:block;}
}