@charset "utf-8";

#wrap #wrapHeader {
  border-bottom: 1px solid #c01d22;
}
#wrap #wrapHeader #header {
  position: relative;
  z-index: 1;
  margin: auto;
  width: 1140px;
  height: 80px;
}
#wrap #wrapHeader #header h1 {
  position: absolute;
  top: 50%;
  left: 0;
  margin-top: -27px;
}
#wrap #wrapHeader #header h1 a {
  float: left;
  background: url("/mbs/k2web/images/ispc/common/logo.png") no-repeat left top;
  width: 182px;
  height: 54px;
  font-size: 0;
  text-indent: -5000px;
}
#wrap #wrapHeader #header #gnb {
  position: absolute;
  top: 50%;
  right: 20px;
  margin-top: -16px;
}
#wrap #wrapHeader #header #gnb ul li {
  float: left;
  position: relative;
}
#wrap #wrapHeader #header #gnb ul li a.depth01_a {
  display: inline-block;
  font-size: 1.2em;
  line-height: 2em;
  padding: 0 2em;
  border-radius: 6px;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
}
#wrap #wrapHeader #header #gnb ul li a.depth01_a.active {
  color: #fff;
  background: #c4161c;
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
}
#wrap #wrapHeader #header #gnb ul li .depth02_div {
  display: none;
  position: absolute;
  z-index: 2;
  width: 100%;
}
#wrap #wrapHeader #header #gnb ul li.resize .depth02_div {
	width: 140%;
	left: -18%;
}
#wrap #wrapHeader #header #gnb ul li .depth02_div ul {
  background: rgba(85, 85, 85, 0.9);
  border-radius: 6px;
  padding: 6px 0;
  margin-top: 6px;
}
#wrap #wrapHeader #header #gnb ul li .depth02_div ul li {
  float: none;
}
#wrap #wrapHeader #header #gnb ul li .depth02_div ul li a {
  display: block;
  color: #fff;
  border-radius: 0;
  line-height: 1.6em;
  margin: 0.4em 0;
  font-size: 0.9em;
  padding: 0 1em 0 1em;
}
#wrap #wrapHeader #header #gnb ul li .depth02_div ul li a:hover {
  background-color: #888;
}
#wrap #wrapHeader #header #gnb ul li .depth02_div .gab {
  position: absolute;
  top: 0;
  left: 50%;
  margin-left: -5px;
  background: url('/mbs/k2web/images/ispc/common/gnb_gab.gif') left top no-repeat;
  width: 11px;
  height: 6px;
}
#wrap #wrapArticle #tnb {
  border-bottom: 1px solid #999;
  background-color: #f9f9f9;
  padding: 1.4em 0;
  margin-bottom: 3.5em;
  width: 100%;
  position: relative;
}
#wrap #wrapArticle #tnb .tnb_wrap {
  width: 1140px;
  margin: 0 auto;
}
#wrap #wrapArticle #tnb .tnb_wrap ul {
  background: url('/mbs/k2web/images/ispc/sub/lnb_home.gif') left top no-repeat;
  padding-left: 2.5em;
  font-size: 1.2em;
}
#wrap #wrapArticle #tnb .tnb_wrap ul li {
  display: inline-block;
  background: url('/mbs/k2web/images/ispc/sub/lnb_arrow.gif') left top no-repeat;
  padding: 0 15px 0 25px;
  height: 19px;
  position: relative;
}
#wrap #wrapArticle #tnb .tnb_wrap ul li .navMenu {
  background: url('/mbs/k2web/images/ispc/sub/lnb_more.png') right 3px no-repeat;
  padding-right: 25px;
  color: #737373;
  float: left;
  cursor: pointer;
}
#wrap #wrapArticle #tnb .tnb_wrap ul li .lnb_menu {
  min-width: 130px;
  position: absolute;
  z-index: 999;
  top: 30px;
  right: 10px;
  text-align: right;
  font-size: 0.65em;
  border-top: 3px solid #666;
  display: none;
}
#wrap #wrapArticle #tnb .tnb_wrap ul li .lnb_menu ul {
  border-width: 0 1px 1px;
  border-style: solid;
  border-color: #CCC;
  background: #FFF;
  padding: 0;
}
#wrap #wrapArticle #tnb .tnb_wrap ul li .lnb_menu ul li {
  background: none;
  padding: 0.35em 1em;
  display: block;
}
#wrap #wrapArticle #tnb .tnb_wrap ul li .lnb_menu ul li a {
  background: none;
  display: block;
  padding: 0;
  color: #6c6c6c;
}
#wrap #wrapArticle #tnb .tnb_wrap ul li .lnb_menu ul li a:hover {
  color: #c00;
}
#wrap #wrapArticle #tnb .tnb_wrap ul li .lnb_menu ul li:hover {
  background-color: #f7f7f7;
}
#wrap #wrapArticle #tnb .tnb_wrap ul li .lnb_menu ul li.on {
  background-color: #eee;
}
#wrap #wrapArticle #tnb .tnb_wrap ul li .lnb_menu ul li.on a {
  color: #333;
  font-weight: bold;
}
#wrap #wrapArticle #tnb .tnb_wrap ul li .lnb_menu .gab {
  position: absolute;
  top: -7px;
  right: 10px;
  width: 7px;
  height: 4px;
  background: url('/mbs/k2web/images/ispc/sub/lnb_contentsT.gif') left top no-repeat;
}
#wrap #wrapArticle #tnb .tnb_wrap ul li.active .navMenu {
  color: #c00;
  background-position: right -18px;
}
#wrap #wrapArticle #tnb.fixSubmenu {
  position: fixed!important;
  z-index: 1;
  top: 0;
}
#wrap #wrapArticle #container {
  width: 1140px;
  margin: 0 auto;
}
#wrap #wrapArticle #container #article #articleHeader h1 {
  font-size: 2.7em;
  color: #484848;
  background: url('/mbs/k2web/images/ispc/sub/stitle_bg.png') left bottom no-repeat;
  padding-bottom: 1.2em;
  margin-bottom: 1.4em;
}
#wrap #wrapArticle #container #article .tab_nav {
  overflow: hidden;
  border-bottom: 1px solid #333;
  width: 100%;
  margin-bottom: 4em;
  border-left: 1px solid #d6d6d6;
}
#wrap #wrapArticle #container #article .tab_nav ul {
  clear: both;
}
#wrap #wrapArticle #container #article .tab_nav ul li {
  float: left;
}
#wrap #wrapArticle #container #article .tab_nav ul li a {
  color: #333;
  display: block;
  border-width: 1px 1px 0 1px;
  border-style: solid;
  border-color: #d6d6d6;
  border-left: 0;
  padding: 0.5em 2em;
}
#wrap #wrapArticle #container #article .tab_nav ul li.on a {
  color: #FFF;
  border-color: #444;
  border-left: 0;
  background-color: #333;
}
#wrap #wrapArticle #container #article .articleSection {
  color: #666;
  position: relative;
  line-height: 1.6;
}
#wrap #wrapArticle #container #article .articleSection h1 {
  font-size: 1.5em;
  color: #333;
  font-weight: normal;
  margin-bottom: 1.0em;
}
#wrap #wrapArticle #container #article .articleSection > p {
  font-size: 1.2em;
  color: #333;
  font-weight: normal;
  margin-bottom: 1.0em;
}
#wrap #wrapArticle #container #article .articleSection h1 strong {
  color: #b40c0c;
}
#wrap #wrapArticle #container.fixContainer {
  margin-top: 130px;
}
#wrap #wrapArticle #quickTop {
  position: fixed;
  bottom: 140px;
  right: 0;
  background: url("/mbs/k2web/images/ispc/sub/page_top.png") no-repeat left top;
  width: 40px;
  height: 34px;
  text-indent: -5000px;
  display: none;
}
#wrap #wrapDirect {
  position: fixed;
  top: 220px;
  right: 30px;
  z-index: 999;
}
#wrap #wrapDirect li {
  background: url("/mbs/k2web/images/ispc/common/quick_menu.png") right top no-repeat;
  margin-bottom: 10px;
  position: relative;
  height: 30px;
}
#wrap #wrapDirect li.q_cu {
  background-position: right -40px;
}
#wrap #wrapDirect li.q_inquire {
  background-position: right -80px;
}
#wrap #wrapDirect li.q_sys {
  background-position: right -120px;
}
#wrap #wrapDirect li a {
  float: right;
  color: #FFF;
  height: 22px;
  /*background: url("/mbs/k2web/images/ispc/common/quick_textBgR.png") right top no-repeat;*/
  margin: 3px 0 0 0;
  padding-right: 35px;
}
#wrap #wrapDirect li a strong {
  height: 22px;
  line-height: 22px;
  background: url("/mbs/k2web/images/ispc/common/quick_textBg2.png") left top no-repeat;
  padding-left: 10px;
  margin-right: 13px;
  display: none;
  position: relative;
}
#wrap #wrapDirect li a strong:after {
  content: '';
  display: block;
  width: 13px;
  height: 22px;
  position: absolute;
  top: 0;
  right: -13px;
  background: url("/mbs/k2web/images/ispc/common/quick_textBgR.png") right top no-repeat;

}
#wrap #wrapFooter {
  background: #f7f7f7;
}
#wrap #wrapFooter #footer {
  margin: auto;
  position: relative;
  width: 1140px;
}
#wrap #wrapFooter #footer #links {
  overflow: hidden;
  border-bottom: 1px solid #c8c9c8;
  padding: 1em 0;
}
#wrap #wrapFooter #footer #links li {
  float: left;
}
#wrap #wrapFooter #footer #links li a {
  font-weight: bold;
  color: #5b5b5b;
  border-right: 1px solid #c8c9c8;
  padding: 0 20px;
}
#wrap #wrapFooter #footer #links li a:hover {
  color: #d00000;
}
#wrap #wrapFooter #footer #links li:first-child a {
  padding-left: 0;
}
#wrap #wrapFooter #footer #links li:last-child a {
  border-right: 0;
}
#wrap #wrapFooter #footer #copyright {
  color: #858585;
  padding: 1em 0;
  line-height: 1.5em;
}
#wrap #wrapFooter #footer #copyright address,
#wrap #wrapFooter #footer #copyright p {
  font-size: 0.9em;
}
#wrap #wrapFooter #footer #copyright p {
  color: #b0b0b0;
}
#wrap #wrapFooter #footer #copyright p strong {
  color: #ff4d4d;
}
#wrap #wrapFooter #footer #gotoSNS {
  position: absolute;
  top: 75px;
  right: 0;
}
#wrap #wrapFooter #footer #gotoSNS li {
  float: left;
  margin-left: 5px;
}
#wrap #wrapFooter #footer #gotoSNS li a {
  display: inline-block;
  width: 30px;
  height: 30px;
  overflow: hidden;
  text-indent: -5000px;
}
#wrap #wrapFooter #footer #gotoSNS li a.gotoBlog {
  background: url('/mbs/k2web/images/ispc/common/sns_blog.png') left top no-repeat;
}
#wrap #wrapFooter #footer #gotoSNS li a.gotoFacebook {
  background: url('/mbs/k2web/images/ispc/common/sns_facebook.png') left top no-repeat;
}
#wrap #wrapFooter #footer #gotoSNS li a.gotoTwitter {
  background: url('/mbs/k2web/images/ispc/common/sns_twitter.png') left top no-repeat;
}
#wrap #wrapFooter:before,
#wrap #wrapFooter:after {
  content: "";
  display: block;
  clear: both;
}
.card-wrap {
    overflow: hidden;
    margin-left: 2em;
    margin-bottom: 1.0em;
    box-sizing: border-box;
}

.card-row {
    float: left;
    width: 33.333%;
    padding: 0 5px;
    box-sizing: border-box;
}

.card-box {
    border: 1px solid #e1e1e1;
    border-radius: 2px;
}

.card-box .thumb {
    text-align: center;
    padding: 20px 0;
}

.card-box .desc {
    padding: 15px;
    background: #fafafa;
    border-top: 1px solid #f3f3f3;
}

.card-box .desc strong {
    display: block;
    font-size: 17px;
    font-weight: normal;
    padding: 0 0 5px 0;
    color: #333;
    text-align: center;
}

.card-box .desc .text {
    display: none;
    height: 82px;
    line-height: 1.5;
    font-size: 14px;
}

.card-wrap.list2 .card-row {
    width: 50%;
}

.card-wrap.list2 .card-box .desc .text {
    height: 130px;
}

.card-wrap.list2 {
    margin: 0 195px 0 195px;
}

._flex {
	display: flex;
}
._flex > ._left {
	flex: 1;
}
._flex > ._right {
}
._flex ._flexImg {
	overflow: hidden;
}
._flex ._flexImg img{
	display: block;
	max-width: 100%;
}

.quot {
	border: 1px #bf8a40 solid;
	background-color: #f6f0e8;
	padding: 1em 1.5em;
	margin-bottom: 2em;
	border-radius: 0.5em;
}
.quot dt {
	color: #bf8a40;
	font-weight: 600;
	margin-bottom: .6em;
	font-size: 1.2em;
}
.quot dd ul {
	margin: 0 !important;
}
.quot dd ul li{
	position: relative;
	background-image: none !important;
	padding-left: 22px !important;
}
.quot dd ul li:before{
	content: "ㆍ";
	position: absolute;
	top: -1px;
	left: 0;
	font-weight: 800;
	font-size: 2em;
}

#articleHeader.k2web_021200000000 h1:after {
	content: "(Right Now Reduction)";
	font-size: 0.9em;
	margin-left: 0.2em;
}

/* .black-background{position: fixed; z-index: 3; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(0,0,0,.5); display: none;}
.black-background.on{display: block;}
#wrap #wrapHeader {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  z-index: 4;
}
#wrap #wrapHeader #header {
  max-width: 1720px;
  margin: 0 auto;
}
#wrap #wrapHeader #header::after{
  content:"";
  display: block;
  clear: both;
}
#wrap #wrapHeader #header > h1 {
  float: left;
  margin-right: 14.5%;
  padding: 26px 0;
}
#wrap #wrapHeader #header h1 a {
  background: url("/mbs/k2web/images/new_ispc/common/logo.png") no-repeat left top;
  width: 221px;
  height: 58px;
  display: block;
  font-size: 0;
  text-indent: -5000px;
}
#wrap #wrapHeader #header #gnb {
  float: left;
}
#wrap #wrapHeader #header #gnb > ul::after{content:""; display: block; clear: both;}

#wrap #wrapHeader #header #gnb > ul > li {
  float: left;
}

#wrap #wrapHeader #header #gnb > ul > li:fisrt-child .depth-box ul li{margin-bottom: 0;}
#wrap #wrapHeader #header #gnb > ul > li a.depth01_a {
  display: block;
  font-family: "Sebang Regular";
  color: white;
  font-size: 22px;
  padding: 39px 50px;
  text-shadow: 2px 3px 6px rgba(0, 0, 0, 0.36);
}

#wrap #wrapHeader #header #gnb ul li .depth02_div {
  position: absolute;
  width: 100%; 
  left: 0;
  top: calc(100% + 1px);
  background: #fff url("/mbs/k2web/images/new_ispc/common/menu_background.png") no-repeat right bottom;
  height: 0;
  overflow: hidden;
}
#wrap #wrapHeader #header #gnb ul li .depth02_div.on{height: 340px;}

#wrap #wrapHeader #header #gnb ul li .depth02_div::before{content:""; display: block; position: absolute; left: 0; top: 0; width: 500px; height: 340px; background: url("/mbs/k2web/images/new_ispc/common/menu_title_background.png") no-repeat center center; z-index: 1;}
#wrap #wrapHeader #header #gnb ul li .depth-box{max-width: 1740px; margin: 0 auto; position: relative; z-index: 2; padding-top: 21px;}
#wrap #wrapHeader #header #gnb ul li .depth-box::after{content:""; display: block; clear: both;}
#wrap #wrapHeader #header #gnb ul li .menu-main-title{float: left; width: 418px; padding-top: 31px; box-sizing: border-box; padding-right: 57px;}
#wrap #wrapHeader #header #gnb ul li .menu-main-title h1{font-family: "Sebang Regular"; font-size: 40px; color: white;}
#wrap #wrapHeader #header #gnb ul li .menu-main-title span{font-family: "Sebang Regular"; font-size: 16px; line-height: 24px; color: white; display: inline-block; margin-top: 22px;}
#wrap #wrapHeader #header #gnb ul li .depth-box > ul{width: calc(100% - 418px); float: left; margin: 0 -26px; padding: 0 60px;}
#wrap #wrapHeader #header #gnb ul li .depth-box > ul::after{content:""; display: table; clear: both;}
#wrap #wrapHeader #header #gnb ul li .depth-box > ul > li{width: calc(100% / 4); float: left; padding: 0 26px; margin-bottom: 30px;}
#wrap #wrapHeader #header #gnb ul li .depth-box > ul > li:hover > a{background-color: #3b3b3b; color: white;}
#wrap #wrapHeader #header #gnb ul li .depth-box > ul > li > a{display: block; border: 1px solid #6c6c6c; text-align: center; font-size: 18px; color: #303030; font-family:'Dream Regular'; padding: 9px 0; border-bottom-right-radius: 30px;}
#wrap #wrapHeader #header #gnb ul li .menu-depth-content{padding: 14px 16px; min-height: 145px;}
#wrap #wrapHeader #header #gnb ul li .menu-depth-content li{margin-bottom: 8px;}
#wrap #wrapHeader #header #gnb ul li .menu-depth-content li:last-child{margin-bottom: 0;}
#wrap #wrapHeader #header #gnb ul li .menu-depth-content a{color: #3b3b3b; font-size: 15px; font-family: "Dream Regular"; position: relative; padding-left: 8px;}
#wrap #wrapHeader #header #gnb ul li .menu-depth-content a::before{content:""; display: block; position:absolute; left:0; top: 9px; width: 2px; height: 2px; background-color: #6c6c6c;}
#wrap #wrapHeader #header #gnb ul li .menu-depth-content a:hover{font-family: "Dream Medium"; color: #d80009;}
#wrap #wrapHeader #header #gnb ul li .menu-depth-content a span{position: relative;}
#wrap #wrapHeader #header #gnb ul li .menu-depth-content a span::after{content:""; display: block; position: absolute; left: 0; bottom: 0; width: 0; height: 1px; background-color: #d80009; transition: all .3s;}
#wrap #wrapHeader #header #gnb ul li .menu-depth-content a:hover span::after{width: 100%;}
#wrap #wrapHeader.on{background-color: white; border-bottom: 1px solid #d5d5d5;}
#wrap #wrapHeader.on #header h1 a,
#wrap #wrapHeader.white #header h1 a{background: url("/mbs/k2web/images/new_ispc/common/logo_black.png") no-repeat left top;}
#wrap #wrapHeader.on #header #gnb > ul > li a.depth01_a,
#wrap #wrapHeader.white #header #gnb > ul > li a.depth01_a{color: #161616; text-shadow: none;}
#wrap #wrapHeader.on #header #language,
#wrap #wrapHeader.white #header #language{background: url("/mbs/k2web/images/new_ispc/common/language_on.png") no-repeat left center}
#wrap #wrapHeader.on #header #language p,
#wrap #wrapHeader.white #header #language p{background: url("/mbs/k2web/images/new_ispc/common/language_arrow_on.png") no-repeat right top 6px; color: #161616;}
#wrap #wrapHeader.on #header #language p span::after,
#wrap #wrapHeader.white #header #language p span::after{background-color: #161616;}
.sitemap-link.on button{background: url("/mbs/k2web/images/new_ispc/common/sitemap_logo_red.png") no-repeat center center}


.sitemap-link{position: fixed; right: 0; top: 0; padding: 43.5px 34px 43.5px 40px; z-index: 2;}
.sitemap-link button{width: 30px; height: 23px; display: block; background: url("/mbs/k2web/images/new_ispc/common/sitemap_logo.png") no-repeat center center; font-size: 0; text-indent: -9999px; border: 0;}

.sitemap-wrap{position: fixed; left: 0; top: 0; width: 100%; height: 100vh; z-index: 3; background: url("/mbs/k2web/images/new_ispc/common/sitemap_background.png") no-repeat left top / cover; padding-top: 115px; display: none;}
.sitemap-wrap.on{display: block;}
.sitemap-title{max-width: 1720px; margin: 0 auto;}
.sitemap-title::after{content:""; display: table; clear: both;}
.sitemap-image{float: left; margin-right: 20px;}
.sitemap-title h1{float: left; color: #000; font-family: "Sebang Bold"; font-size: 70px;}
.sitemap-close{width: 45px; height: 47px; border: 0; background: url("/mbs/k2web/images/new_ispc/common/sitemap_close.png") no-repeat center center; float: right; transition: all .5s;}
.sitemap-close:hover{transform: rotate(360deg);}
.sitemap-content{max-width: 1720px; margin: 0 auto; margin-top: 95px; padding: 0 51px 0 160px;}
.sitemap-content::after{content:""; display: table; clear: both;}
.sitemap-sub-title{float: left; width: 490px;}
.sitemap-sub-title li{margin-bottom: 36px;}
.sitemap-sub-title li:last-child{margin-bottom: 0;}
.sitemap-sub-title button{background: transparent; border: 0; font-family: "Sebang Regular"; color: #a2a2a2; font-size: 45px; position: relative; padding: 0 15px 0 20px; transition: all .3s;}
.sitemap-sub-title button span{display: none;}
.sitemap-sub-title li.on{margin-left: 50px;}
.sitemap-sub-title li.on button,
.sitemap-sub-title li:hover button{color: #121212; font-size: 55px;}
.sitemap-sub-title li.on button::after,
.sitemap-sub-title li:hover button::after{content:""; display: block; position: absolute; left: 0; bottom: 0; width: 100%; height: 22px; background-color: rgba(217,0,9,.3);}
.sitemap-sub-title li.on button span,
.sitemap-sub-title li:hover button span{display: inline-block;}
.sitemap-list-box{float: left; width: calc(100% - 490px);}
.sitemap-box{display: none;}
.sitemap-box.on{display: block;}
.sitemap-box > ul{margin: 0 -15px; display: flex; flex-wrap: wrap;}
.sitemap-box > ul::after{content:""; display: table; clear: both;}
.sitemap-box > ul > li{float: left; width: 25%; padding: 0 15px;;}
.sitemap-box > ul > li > a{display: block; border: 1px solid #a2a2a2; font-size: 17px; color: #121212; text-align: center; font-family: "Dream Medium"; padding: 7px 0;  margin-bottom: 13px;}
.sitemap-box .menu-depth-content{min-height: 118px; padding: 0 0 0 9px;}
.sitemap-box .menu-depth-content li{margin-bottom: 5px;}
.sitemap-box .menu-depth-content li:last-child{margin-bottom: 0;}
.sitemap-box .menu-depth-content a{font-size: 14px; color: #5f5f5f; font-family: "Dream Regular"; padding-left: 7px; position: relative;}
.sitemap-box .menu-depth-content a span{position: relative;}
.sitemap-box .menu-depth-content a::before{content:""; display: block; position: absolute; width: 2px; height: 2px; background-color: #5f5f5f; left: 0; top: 8px;}
.sitemap-box .menu-depth-content a:hover{color: #e90008;}
.sitemap-box .menu-depth-content a:hover::before{background-color: #e90008;}
.sitemap-box .menu-depth-content a span::after{content:""; display: block; position: absolute; left:0 ; bottom: 0; width: 0; height: 1px; background-color :#e90008; transition: all .3s;}
.sitemap-box .menu-depth-content a:hover span::after{width: 100%;}
.mobile-menu-button{display: none;}

@media all and (max-width: 1800px) {
  #wrap #wrapHeader #header #language{margin-right: 80px;}
}

@media all and (max-width: 1720px) {
  #wrap #wrapHeader #header{padding: 0 20px;}
  #wrap #wrapHeader #header > h1{margin-right: 100px;}
  #wrap #wrapHeader #header #gnb > ul > li a.depth01_a{padding: 43px 20px; font-size: 20px;}
  #wrap #wrapHeader #header #language{padding: 41px 0 41px 40px;}
  #wrap #wrapHeader #header #gnb ul li .depth02_div{padding: 0 20px;}
  #wrap #wrapHeader #header #gnb ul li .depth-box > ul{padding-right: 0; margin: 0; float: right;}
  .sitemap-wrap{padding: 0 20px; padding-top: 115px;}
  .sitemap-content{padding: 0 20px;}
}

@media all and (max-width: 1400px) {
  #wrap #wrapHeader .sitemap-content{padding: 0 20px 40px;}
}

@media all and (max-width: 1200px) {
  #wrap #wrapHeader #header{position: relative;}
  #wrap #wrapHeader #header #gnb{ position: absolute; right: -100%; top: 0; width: 100%; height: 100vh; transition: all .3s;}
  #wrap #wrapHeader #header #gnb.on{right: 0;}
  #wrap #wrapHeader #header #gnb > ul{height: 100%; background-color: #bb0006; padding-top: 85px;}
  #wrap #wrapHeader #header #gnb > ul > li{float: none;}
  #wrap #wrapHeader #header #gnb > ul > li::after{content:""; display: table; clear: both;}
  #wrap #wrapHeader #header #gnb > ul > li a.depth01_a{float: left; text-shadow: none; width: 40%; padding: 20px;}
  #wrap #wrapHeader #header #gnb > ul > li a.depth01_a.on{color: #bb0006;; background-color: white;}
  #wrap #wrapHeader #header #gnb ul li .depth02_div{width: 60%; right: 0; top: 0; left: auto;}
  #wrap #wrapHeader #header #gnb ul li .depth02_div::before,
  #wrap #wrapHeader #header #gnb ul li .menu-main-title{display: none;}
  #wrap #wrapHeader #header #gnb ul li .depth-box > ul{width: 100%; float: none; padding: 0; margin: 0; overflow-y: auto;}
  #wrap #wrapHeader #header #gnb ul li .depth-box > ul > li{width: 100%; float: none;}
  #wrap #wrapHeader #header #gnb ul li .depth02_div.on{height: 100%;}
  #wrap #wrapHeader #header #gnb ul li .depth-box > ul > li{margin-bottom: 10px;}
  #wrap #wrapHeader #header #gnb ul li .depth-box > ul > li > a{font-size: 16px; padding: 5px 0;}
  #wrap #wrapHeader #header #gnb ul li .menu-depth-content{min-height: auto;}
  #wrap #wrapHeader #header #language{display: none;}
  .sitemap-link{display: none;}
  .mobile-menu-button{padding: 43.5px 0; display: block; float: right;}
  .mobile-menu{width: 30px; height: 23px; display: block; background: url("/mbs/k2web/images/new_ispc/common/sitemap_logo.png") no-repeat center center; font-size: 0; text-indent: -9999px; border: 0; float: right;}
  .mobile-menu-close{width: 45px; height: 47px; border: 0; background: url("/mbs/k2web/images/new_ispc/common/sitemap_close.png") no-repeat center center; position: absolute; right: 46px; top: 26px; z-index: 2; display: block;}
  #wrap #wrapHeader #header #gnb ul li .depth-box{margin-top: 100px; padding-top: 0;}
} */