@charset "UTF-8";
@import url(/m/css/ui.css);

@font-face {
  font-family: 'BMEULJIRO';
  src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_twelve@1.0/BMEULJIRO.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}


.global-inner{padding: 0 2rem; box-sizing: border-box;}
.clearfix::after{content: ''; display: block; clear: both;}
.scrollOff {position:fixed; top:0; left:0; right:0; bottom:0; height:100%; overflow:hidden; touch-action:none;}

.bbs-paging {font-size: 1.4rem;}
.bbs-paging table th,
.bbs-paging table td{padding: 0 .1rem; vertical-align: middle; }
.bbs-paging img{width: auto; height: auto; max-height: 2.5rem; vertical-align: middle;}

.header__top{display: flex; height: 7rem; align-items: center; justify-content: space-between; border-bottom: 1px solid #ddd;}
.header__logo{width: 17.7rem; height: 4rem;}
.header__logo a{display: block; width: 100%; height: 100%; background: url(../images/cmn/logo.png) no-repeat 0% 50%; background-size: contain; font-size: 0; text-indent: -9999px;}
.header__sub-tit button{padding-left: 2.6rem; background: transparent url(../images/cmn/sub_arr.png) no-repeat 0% 50%; background-size: auto 1.8rem; color: #333; font-size: 2rem; font-weight: 500; letter-spacing: -0.065em; box-sizing: border-box;}
.header__tnb,
.header__tnb li{display: inline-block; vertical-align: middle;}
.header__tnb a{ margin-left: 1.5rem; color: #333; font-size: 1.4rem; font-weight: 500; line-height: 2rem; vertical-align: middle; letter-spacing: -0.065em;}
.header .btn--gnb{display: inline-block; width: 2.4rem; height: 2rem; margin-left: 2rem; background: url(../images/cmn/btn_menu.png) no-repeat 50% 50%; background-size: auto 1.8rem; font-size: 0; text-indent: -9999px; vertical-align: middle;}


.gnb{ position: fixed; right: -100%; top: 0; width: 100%; height: 100vh; background: #fff; z-index: 1000; transition: right ease-out .4s; -webkit-transition: right ease-out .4s; -moz-transition: right ease-out .4s; -ms-transition: right ease-out .4s; -o-transition: right ease-out .4s; }
.gnb.active{right: 0;}
.gnb__head{display: flex; height: 7rem; justify-content: space-between; align-items: center; background: #146af0; border: 1px solid #ddd; box-sizing: border-box;}
.gnb__tnb li{display: inline-block; position: relative; margin-right: 3rem; font-size: 0; vertical-align: middle;}
.gnb__tnb li + li::before{content: ''; display: block; position: absolute; top: 50%; left: -1.5rem; width: 1px; height: 1.2rem; margin-top: -0.6rem; margin-left: -0.5px;  background: #ddd;}
.gnb__tnb a{display: block; color: #fff; font-size: 1.4rem; letter-spacing: -0.065em;}
.gnb__head .btn--close{width: 1.8rem; height: 2rem; background: url(../images/cmn/btn_close_w.png) no-repeat 50% 50%; background-size: contain; font-size: 0; text-indent: -9999px;}

.gnb__menu{position: relative; height: calc(100vh - 7rem); padding-right: 60%; background: #f4f5f9;box-sizing: border-box;}
.gnb__menu h2{padding-left: 2.8rem; color: #333; font-size: 1.8rem; font-weight: 500; letter-spacing: -0.065em; line-height: 6rem;}
.gnb__menu .active h2{background: #fff; color: #146af0;}
.gnb__menu-depth{display: none; position: absolute; left: 40%; top: 0; width: 60%; height: 100%; padding-left: 3rem; padding-top: 1rem; background: #fff; overflow-y: auto; box-sizing: border-box;}
.gnb__menu .active .gnb__menu-depth{display: block;}
.gnb__menu-depth a{display: inline-block; color: #333; font-size: 1.6rem; letter-spacing: -0.065em; line-height: 4rem;}
.gnb__menu-depth .on{color: #146af0;}

.footer{padding: 4rem 0;  background: #2d2d2d;}
.footer-inner{position: relative; padding-top:5rem; background: url(../images/cmn/foot_logo.png) no-repeat 50% 0%; background-size: 14.7rem auto; box-sizing: border-box;}
.footer__menu{text-align: center; font-size: 0;}
.footer__menu li{display: inline-block; position: relative; margin: .5rem 1rem; color: #999; font-size: 1.4rem; vertical-align: middle; letter-spacing: -0.065em; } 
.footer__menu li + li::before{content: ''; position: absolute; left: -1rem; top: 50%; width: 1px; height: 1.2rem; margin-left: 0.5px; margin-top: -0.6rem; background: #4c4c4c; }
.footer__menu a strong{color: #fff;}
.footer__info{padding: 2.1rem 0 1.4rem;}
.footer__info li{color: #999; font-size: 1.3rem; line-height: 2rem; letter-spacing: -0.065em; text-align: center; word-break: keep-all}
.footer__info span{display: inline-block; margin: 0 1.25rem; position: relative; vertical-align: middle;}

.footer__info span + span::before{content: ''; position: absolute; left: -1.25rem; top: 50%; width: 1px; height: 1.2rem; margin-left: 0.5px; margin-top: -0.6rem; background: #4c4c4c; }

.footer .copyright{color: #777; font-size: 1.3rem; text-align: center;}
.footer__sns{margin-top: 2.8rem; text-align: center;}
.footer__sns a{ display: inline-block; margin: 0 .5rem; vertical-align: middle;}
.footer__sns img{width: 3.8rem; height: auto;}
#btn--scl-top {position: fixed; right: 0; bottom: 0; width: 5rem; height: 5rem; padding-top: 2.6rem; background: #444 url(../images/cmn/btn_top.png) no-repeat 50% .9rem; background-size: 1.6rem auto; color: #fff; font-size: 1.4rem;; font-weight: 500; text-align: center; letter-spacing: -0.065em; box-sizing: border-box; z-index: 700;}

.sub-container{padding-top: 4rem; padding-bottom: 5rem; }
.mypage-nav + .sub-container{padding-top: 2rem;}

.sub-drop-menu{position: relative; border-bottom: 1px solid #ddd;}
.sub-drop-menu .current{display: block; height: 5rem; background: url(/m/images/cmn/drop_arr.png) no-repeat right 2rem top 50%; background-size: 1.3rem auto; color: #333; font-size: 1.6rem; font-weight: 500; letter-spacing: -0.065em; line-height: 5rem; text-align: center;}
.sub-drop-menu.active .current{background-image: url(/m/images/cmn/drop_arr_top.png);}
.sub-drop-menu ul{display: none; position: absolute; left: 0; top: 100%; width: 100%; padding: .5rem 0; border-top: 1px solid #ddd; background: #fff; box-shadow: 3px 4px 5px 0px rgba(0, 0, 0, 0.08); z-index: 200;}
.sub-drop-menu li{text-align: center; margin: 1rem 0;}
.sub-drop-menu a{display: block; color: #333; font-size: 1.6rem; line-height: 2rem; font-weight: 500; letter-spacing: -0.065em;}
.sub-drop-menu .on a{color: #146af0;}

/* 
.sub-container{padding: 60px 0 90px;}
.snb{float: left; width: 250px; margin-right: 50px;}
.snb__title{margin-bottom: 35px; color: #333; font-size: 24px; letter-spacing: -0.065em;}
.snb__menu{margin-bottom: 40px;}
.snb__menu li{margin-bottom: 5px;}
.snb__menu a{ display: block; height: 47px; padding-left: 18px; background:#fff url(../images/cmn/snb_arr.png) no-repeat right 19px top 50%; border: 1px solid #ddd; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; color: #333; font-size: 16px; letter-spacing: -0.065em; line-height: 45px; box-sizing: border-box;}
.snb__menu .on a{background-color: #146af0; background-image: url(../images/cmn/snb_arr_on.png); border-color: #146af0; color: #fff;}

.sub__contents{float: left; width: 900px;}
.sub__head{padding-bottom: 30px; margin-bottom: 50px; border-bottom: 2px solid #999;}
.sub__page-tit{float: left;  color: #333; font-size: 30px; font-weight: 500; letter-spacing: -0.065em;}
.sub__path{float: right; padding-top: 16px; font-size: 0;}
.sub__path span{display: inline-block; position: relative; margin-left: 25px; color: #999; font-size: 14px; letter-spacing: -0.065em; vertical-align: middle}
.sub__path span + span::before{content: ''; position: absolute; left: -14.5px; top: 50%; display: inline-block; width: 6px; height: 10px; margin-top: -5px; background: url(../images/cmn/snb_arr.png) no-repeat 50% 50%;}
.sub__path .current{color: #666;} */


@media screen and (max-width: 767px){
  .cmn-tab a,
  .cmn-tab button{display: flex; height: 4.6rem; justify-content: center;  align-items: center; line-height: 1.8rem; word-break: keep-all;}
}


@media screen and (max-width: 360px){
  .cmn-tab a,
  .cmn-tab button{font-size: 1.35rem; }
}