@charset "utf-8";

/* default css */
a:focus, button:focus, input:focus {outline: -webkit-focus-ring-color auto 5px;}

.inner {position:relative; max-width: 1300px; margin: 0 auto; padding: 0 10px; box-sizing: border-box;}
.inner:after{content:''; display:block; clear:both;}
body.Tablet .inner, body.Mobile .inner {padding: 0;}

.sr-only{position: absolute; width: 1px; height: 1px; border: 0; margin: -1px; padding: 0; clip: rect(0, 0, 0, 0); clip-path: inset(50%); white-space: nowrap; overflow: hidden;}

a.nw:after {content:'';display:inline-block;width:18px;height:18px;margin-left:4px; vertical-align:-3px; background:url('../images/icon-nw.png') right center no-repeat; background-size: contain;}
#menuUItab .div_4 > .ul_4 > li > a.nw:after {position:absolute;right:12px;top:16px;}

/* 누리집 공식배너*/
.guide-nuri-box{position:relative; height:32px; padding:4px 16px; border-bottom: 1px solid #f2f2f2; background-color: #EDF1F5; z-index:70;}
.guide-nuri-box img{padding-right:8px;vertical-align:-3px;}
.guide-nuri-box span{font-weight:400; font-size: 15px;color: #1d1d1d;}

/**[Layout]********************************************************/
#_wrap #_wrapHeader {position: sticky; top: 0; left: 0; right: 0; transform: translateY(0);  z-index: 70; will-change: transform; backface-visibility: hidden; -webkit-backface-visibility: hidden; /* (선택) 일부 Safari 대비용 */
  transform: translate3d(0, 0, 0); transition: transform 0.4s ease-in-out;}
#_wrap #_wrapHeader.hide {transform: translate3d(0, -100%, 0);}
#_wrap #_wrapHeader.show {transform: translate3d(0, 0, 0);}
#_wrap #_wrapHeader #_header {position: relative; width: 100%; background-color: #fff;}
#_wrap #_wrapHeader #_header:after{content:''; display:block; clear:both;}

#_wrap #_wrapArticle {position:relative; z-index:1;}
#_wrap #_wrapFooter {border-top: 1px solid #b2b2b2; z-index:2;}
#_wrap #_wrapFooter,
#_wrap #_wrapFooter #_footer {background-color:#f8f8f8;}
#_wrap #_wrapFooter #_jumpWrap .inner {max-width: 1280px; padding: 0;}
#topBtn {display: none;}
#topBtn button{position:fixed;bottom:30px;right:30px;width:60px;height:60px; padding:20px 0 5px; background: #fff url('/sites/moj/images/icon-top.png') center 5px no-repeat; border:1px solid #d8d8d8; border-radius:100%; font-size:15px; color:#1d1d1d; z-index: 70;}
.wrap-dim{position:fixed; top:0; right:0; width:100%; height:100%; background-color:rgba(0,0,0,0.5); z-index:69;}

/**[Header]********************************************************/
.header-container{position:relative; padding:12px 10px 16px; background-color:#fff; border-bottom:1px solid #d8d8d8;}

.header-utility{display: flex; align-items: flex-start; justify-content: flex-end; flex-direction: row; margin-bottom:4px;}
.header-utility .utility-list{display: flex; align-items: center; justify-content: flex-end; flex-direction: row;}
.header-utility .utility-list > li{display: flex; align-items: center; justify-content: flex-start; flex-direction: row;}
.header-utility .utility-list > li + li:before{content:""; display:block; width:1px; height:16px; margin:0 12px; background-color:#cdd1d5;}
.header-utility .utility-list > li.taegugki img{vertical-align:-3px;}
.header-utility .utility-list > li a{padding:0 2px; border-radius:6px; font-size:15px; color:#1e2124;}
.header-utility .utility-list > li a:hover{background-color:#eef2f7;}

.header-branding{display: flex; align-items: center; justify-content: space-between; flex-direction: row;}
.header-branding .logo{width:126px; height:48px;}
.header-branding .logo a{display:block; width:100%; height:100%; background:url('/sites/moj/images/logo_main_2.png') center no-repeat; background-size:contain;}

.header-actions{display:flex;}
.header-actions .btn-navi{display: inline-flex; align-items: center; justify-content: space-between; flex-direction: row; padding:4px 12px; border-radius:6px; font-size:17px; font-weight:700; color:#1D1D1D;}
.header-actions .btn-navi + .btn-navi{margin-left:8px;}
.header-actions .btn-navi:hover{background-color:#eef2f7;}
.header-actions .btn-navi:before{content:''; display:inline-flex; width:20px; height:20px; margin-right:8px; background-repeat:no-repeat; background-position:center; background-size:contain;}
.header-actions .btn-navi.sch:before{background-image:url('/sites/moj/masterSkin/moj_ms_M/images/search.png');}
.header-actions .btn-navi.menu:before{background-image:url('/sites/moj/masterSkin/moj_ms_M/images/menu.png');}
.header-actions .btn-navi.menu{display:none;}

@media screen and (max-width : 1024px){
  .header-container{min-height:72px; padding:8px 16px;}
  	.header-utility{display:none;}
  	.header-branding .logo{width:84px; height:32px;}
  
  	.header-actions .btn-navi{flex-direction: column; min-height:56px; margin-left:4px; padding:4px 11px; font-size:15px;}
  	.header-actions .btn-navi:before{margin-right:0;}
  	.header-actions .btn-navi.menu{display:inline-flex;}
}

/* krds-search-all 통합검색 모달 */
.search-wrap{display:none;}
.modal-wrap{position: fixed; top:-32px; left:0; right:0; bottom:0; height:100vh; background-color:#eef2f7; z-index:999;}
.krds-modal.krds-sch{position: relative;width:1200px;height: 100%;padding: 122px 204px 80px;margin:0 auto;}
.krds-sch-modal-close{position: absolute;top: 80px;right: 40px;width:40px;height:40px;background:url('../images/icon_close.png') center no-repeat;background-size:contain;z-index:999;}
.krds-modal.krds-sch .modal-conts .search-tit label{font-size:32px;margin-bottom: 12px;font-weight:bold;letter-spacing:1px;color:#1e2124;}
.sch-form-wrap.krds-sch{display:flex;align-items:center;border-bottom: 1px solid #d6e0eb;}
.sch-form-wrap.krds-sch .search-detail-box{position: relative; width:100%; height: 80px; margin-bottom:32px; padding: 18px 24px; border:1px solid #58616a; border-radius: 10px; background-color: #fff; }
.search-input-box {display: flex; align-items: center;}
.krds-sch-select-box{position:relative; margin-right:16px;}
.krds-sch-select-box:after {content: ""; position: absolute; top: 2px; right: -16px; width: 1px; height: 32px; background-color: #8a949e;}
.krds-sch-select-box .krds-select {width: 120px; height: 36px; padding: 0 4px; border:0px none; font-size: 24px; font-weight: bold; color: #1e2124;
    background: #fff url('/sites/moj/masterSkin/moj_ms_M/images/ico-krds-search-select-arr.png') right center no-repeat; background-size: 24px 24px; cursor: pointer; appearance: none; -webkit-appearance: none; -moz-appearance: none;}
.krds-input.small.krds-sch {display: block; width: calc(100% - 236px); height: 40px; margin: 0 38px 0 16px; font-size: 24px; font-weight: bold; color: #1e2124; outline: none; border: 0px none;}
.krds-sch-select-box .krds-select:focus, .krds-input.small.krds-sch:focus {outline: 2px solid rgba(36, 107, 235, 0.8);}
.search-input-box button + button{margin-left:12px;}
.search-input-box .btn-search-close {position: absolute; top: 23px; right: 78px; width: 32px; height: 32px; background: url(/sites/moj/masterSkin/moj_ms_M/images/ico-krds-search-big-delete.png) center no-repeat; background-size: contain; visibility: hidden;}
.search-input-box .btn-search.large {display: block; width: 40px; height: 40px; background: url(/sites/moj/masterSkin/moj_ms_M/images/ico-krds-search-big.png) center no-repeat; background-size: contain;}

.search-text.krds-sch{padding-top:32px;}
.btn-autokeyword-wrap.krds-sch{padding:0;}
.krds-sch-autokeyword-list.krds-sch{padding: 16px 24px 0;}
.krds-sch-autokeyword-list.krds-sch .autokeyword-item + .autokeyword-item{margin-top:16px;}
.krds-sch-autokeyword-list.krds-sch .autokeyword-item .keyword-link{padding:0;min-height:auto;cursor:text;}
.krds-sch-autokeyword-list.krds-sch .autokeyword-item .keyword-link:focus, .krds-sch-autokeyword-list.krds-sch .autokeyword-item.selected .keyword-link{background-color:transparent;}

.search-text.krds-sch.total{display:flex;align-items:center;justify-content:space-between;}
.search-text.krds-sch.total .area-top-box{min-height: auto;padding:0;border-bottom:0;margin-bottom: 16px;}
.search-text.krds-sch.total .area-top-box.word{margin-bottom:24px;}
.search-text.krds-sch.total .area-top-box .area-tit {display: block; font-size: 19px; font-weight: bold; color: #1e2124;}
.search-text.krds-sch.total .area-box.krds-sch-word{width:396px;min-height: 521px;padding:0 24px;border-right: 1px solid  #d6e0eb;}
.search-text.krds-sch.total .krds-sch-word .tab.line .btn-tab {display: flex; align-items: center;}
.search-text.krds-sch.total .krds-sch-word .tab.line .btn-tab > li {width: calc(50% - 4px);}
.search-text.krds-sch.total .krds-sch-word .tab.line .btn-tab > li + li {margin-left: 8px;}
.tab-conts-wrap.krds-sch .tab-conts,.krds-tab-area.krds-sch-word .tab-conts {display: none;}
.tab-conts-wrap.krds-sch .tab-conts.active,.krds-tab-area.krds-sch-word .tab-conts.active {display: block;}

.search-text.krds-sch.total .area-cont.krds-sch-word.total .tab-menu-item .tab-word-link{display: block; width: 100%; padding:10px 8px; border-bottom: 3px solid transparent; font-weight: bold; color: #464c53;}
.search-text.krds-sch.total .area-box.krds-sch-word .tab-menu-item.active .tab-word-link {border-bottom: 3px solid #063a74; color: #052b57;}
.search-text.krds-sch.total .area-cont.krds-sch-word.total .krds-sch-rank-list.krds-sch-word{min-height: 372px; padding: 12px 0;}
.search-text.krds-sch.total .area-box.krds-sch-word.total .area-cont.krds-sch-word.total{padding:0 !important;}
.search-text.krds-sch.total .area-box.my-word.total{position: relative;width:396px;min-height:521px;padding: 0 24px;box-sizing:border-box;}

.krds-sch-rank-list > li {display: flex; align-items: center; justify-content: space-between;}
.krds-sch-rank-list > li + li {margin-top: 16px;}
.krds-sch-rank-list > li .num {display: block; min-width: 20px; color: #1e2124;}
.krds-sch-rank-list.my-word {padding: 0;}
.krds-sch-rank-list.my-word .rank-link {display: block; width: calc(100% - 60px); margin: 0 8px; color: #1e2124;}
.krds-sch-rank-list.krds-sch-word .rank-link {width: calc(100% - 59px); margin: 0 8px; color: #1e2124;}
.krds-sch-rank-list .rank-link span {color: #1e2124;}
.krds-sch-rank-list.my-word .btn-delete:before {content: ""; display: block; width: 22px; height: 22px; background: url(/sites/moj/masterSkin/moj_ms_M/images/ico-krds-search-small-delete.png) center no-repeat; background-size: contain;}

.krds-sch-rank-list.krds-sch-word > li > .rank {display: block; min-width: 55px; padding: 0 10px; text-align: center; color: #1e2124; }
.krds-sch-rank-list.krds-sch-word > li > .rank.up {font-size: 15px; color: #ab2b36;}
.krds-sch-rank-list.krds-sch-word > li > .rank.up:before {content: "";display: inline-block; width: 12px; height: 12px; margin-right: 2px;
    background: url(/sites/moj/masterSkin/moj_ms_M/images/ico-krds-search-up-arrow.png) center no-repeat; background-size: contain;}
.krds-sch-rank-list.krds-sch-word > li > .rank.down {font-size: 15px; color: #096ab3;}
.krds-sch-rank-list.krds-sch-word > li > .rank.down:before {content: ""; display: inline-block; width: 12px; height: 12px; margin-right: 2px;
    background: url(/sites/moj/masterSkin/moj_ms_M/images/ico-krds-search-down-arrow.png) center no-repeat; background-size: contain; }
.krds-sch-rank-list.krds-sch-word > li > .rank.new {font-size: 15px;}

.search-text.krds-sch.total .area-cont.total{padding:0;}
.search-text.krds-sch.total .krds-sch-rank-list.my-word .rank-link{margin:0 8px 0 0;width: calc(100% - 24px);}
.krds-sch-rank-list.my-word.total{min-height: 412px;}

.btn-recentword-wrap .krds-sch.text {display: flex; align-items: center; border-radius: 4px; border: 1px solid transparent; background-color: transparent; font-size: 15px;}
.btn-recentword-wrap .btn-recent-delete{color: #1e2124;}
.btn-recentword-wrap .btn-recent-delete:after {content: ""; position: relative; top: -2px; display: inline-block; margin-left: 4px; width: 22px; height: 22px; vertical-align: middle; background: url(/sites/moj/masterSkin/moj_ms_M/images/ico-krds-search-small-delete.png) center no-repeat; background-size: contain; }

@media screen and (max-width: 1200px){
	.krds-sch-modal-close {width: 24px; height: 24px; top: 16px; right: 16px;}
	.krds-modal.krds-sch{width:100%; padding:16px 0 24px 0; overflow-y:auto;}
	.sch-form-wrap.krds-sch{border:none;}
	.sch-form-wrap.krds-sch .search-detail-box{height:64px; padding: 15px 16px 16px 16px; margin-bottom: 0;}
	.krds-sch-select-box{display:none;}
	.krds-input.small.krds-sch{width:100%; height:auto; margin:0; font-size:22px;}
	.sch-form-wrap .search-input-box .btn-search-close {top: 19px;right: 60px; width: 24px; height: 24px;}
	.search-input-box .btn-search.large{width:32px; height:32px;}
	.search-total-top {padding: 64px 16px 24px; border-bottom: 1px solid #d6e0eb;}
	.search-text.krds-sch.total {display: block; padding: 24px 0 0;}
	.search-text.krds-sch.total .area-box.krds-sch-word {width: 100%; padding: 0 16px 24px 16px; border-right: 0; border-bottom: solid 1px #d6e0eb;}
	.search-text.krds-sch.total .area-box.my-word.total{width: 100%; min-height: auto; padding: 24px 16px 0;}
	.krds-sch-rank-list.my-word.total{min-height:auto;}
	.btn-recentword-wrap.total{margin-top:16px;}
}

/**[주메뉴]********************************************************/
.topMenu {position: relative;width: 100%; height:57px; border-bottom:1px solid #d8d8d8; background-color:#fff;}
.topMenu._on:before {content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100vh; background: rgba(0,0,0,0.5); z-index: -2;}
.topMenu .inner:after{content:''; display:block; clear:both;}

.topMenu.fixed{position:fixed; top:0;}

#mMenuClose{display:none;}
.topDir{display:none;}
.menuUItop{float:left; z-index: 100;}
.top_div {position: relative;}
.menuUItop ul.ul_1:after{content:''; display:block; clear:both;}
.menuUItop ul.ul_1 li.li_1 {float:left;}
.menuUItop ul.ul_1 li.li_1 + li.li_1{margin-left:16px;}
.menuUItop ul.ul_1 li.li_1 a.a_1 {position:relative; display:flex; align-items: center; justify-content: flex-start; width: 100%; height:56px; padding: 0 16px; letter-spacing:-0.5px; font-size: 19px; font-weight: 700; color: #464c53; outline-offset:-2px;}
.menuUItop ul.ul_1 li.li_1 a.a_1:after{content:''; display:inline-block; width:20px; height:20px; margin-left:8px; vertical-align: middle; background: url('../images/gnb_ico.png') center no-repeat; transition: transform 0.3s ease;}
.menuUItop ul.ul_1 li.li_1:hover a.a_1{background-color:#eef2f7; color:#003675;}
.menuUItop ul.ul_1 li.li_1:hover a.a_1:before{content:''; position:absolute; bottom:-1px; left:0; width:100%; height:4px; background-color: #003675; }
.menuUItop ul.ul_1 li.li_1:hover a.a_1:after{background-image: url('../images/gnb_ico_on.png');}

.menuUItop ul.ul_1 li.li_1.eQ08{display:none;}

.menuUItop ul.ul_1 li.li_1.on a.a_1{background:#EDF1F5; color:#1d1d1d;}
.menuUItop ul.ul_1 li.li_1.on a.a_1:before{content:''; position:absolute; bottom:-1px; left:0; width:100%; height:4px; background-color: #003675;}
.menuUItop ul.ul_1 li.li_1.on a.a_1:after{background-image: url('../images/gnb_ico_on.png'); transform: rotate(180deg);}

.topMenu .allMenuBtn {float: right; display: block; width: 130px; height: 38px; margin-top:10px; background-color:#4565ac; text-align: center; line-height: 38px;  color: #fff;}
.topMenu .allMenuBtn:before {content: ''; display: inline-block; width: 22px; height: 20px; margin-right: 10px; background: url('../images/allMenuBtn_icon.png') left bottom no-repeat; vertical-align: middle;}

/* top 2차메뉴 */
.menuUItop .div_2 {display:none; position: absolute; top: 57px; left: 0; right: 0; width: 1280px; height: auto; min-height: 440px; text-align: left; background-color:#fff; z-index: 101;}
.menuUItop .div_2:before{content:''; position:absolute; left:50%; right:0; width:100vw; height: 100%; background-color:#fff; border-bottom: 1px solid #6bbffd; transform: translate(-50%);z-index:-1;}
.menuUItop .div_2 .ul_2{padding:16px 0;}
.menuUItop .div_2 .ul_2:before{content:''; position:absolute; top:0; left:0; width:260px; height: 100%; background-color:#edf1f5; z-index:-1;}
.menuUItop .div_2 .ul_2 li.li_2 {display:table; width: 260px; margin-bottom:4px;}
.menuUItop .div_2 .ul_2 li.li_2 > a {display: table-cell; width: 260px; padding:12px 24px; font-size:17px; font-weight:700; color:#1d1d1d; outline-offset:-2px;}
.menuUItop .div_2 .ul_2 li.li_2:not(._useChildDiv) > a:after{content:''; display:inline-block; width:20px; height:20px; vertical-align: -4px; background:url('../images/ico_right.png') center no-repeat;}
.menuUItop .div_2 .ul_2 li.li_2:not(._useChildDiv) > a.nw:after{content: ''; display: inline-block; width: 20px; height: 20px; margin-left: 4px; vertical-align:-5px; background: url('../images/icon-nw.png') right center no-repeat; background-size:contain;}
.menuUItop .div_2 .ul_2 li.li_2 > a:hover{background:#fff;}
.menuUItop .div_2 .ul_2 li.li_2.on > a {background:#fff; text-decoration:underline; color: #003675;}

.menuUItop ul.ul_1 li.li_1 .div_2.on{display:block;}

@media screen and (max-width : 1280px){
  .menuUItop .div_2{width:100vw;}
}
/* top 3차메뉴 */
.menuUItop .div_3{display:none; position:absolute; left:260px; top:0; width:calc(100% - 260px); height:100%; padding:24px 40px; background:#fff url('../images/gnb_bg.png') right bottom no-repeat; box-sizing:border-box;}
.menuUItop .div_3 .tit_3{display:block; margin-bottom:24px; font-size:25px; font-weight:700; color:#1d1d1d;}
.menuUItop .div_3 .ul_3:after{content:''; display:block; clear:both;}
.menuUItop .div_3 .ul_3 li.li_3{float:left; width:calc((100% / 3) - 16px); margin-right:16px; margin-bottom:8px;}
.menuUItop .div_3 .ul_3 li.li_3:nth-child(3n){margin-right:0;}
.menuUItop .div_3 .ul_3 li.li_3 a{position:relative; display:inline-block; padding:8px 8px 8px 10px; border-radius:8px; color:#1d1d1d;}
.menuUItop .div_3 .ul_3 li.li_3 a:before{content:''; position:absolute; top:19px; left:0; width:3px; height: 3px; margin-right:4px; border-radius: 100%; background:#1d1d1d;}
.menuUItop .div_3 .ul_3 li.li_3 a:hover{text-decoration: underline; background:#edf1f5; font-weight:500; color:#1d1d1d;}
.menuUItop .div_3 .ul_3 li.li_3 a:hover::before{content:''; display:inline-block; width:3px; height: 3px; margin-right:4px; border-radius: 100%; background:#1d1d1d; vertical-align: middle;}

/* 모바일 - 메뉴열기/닫기 */
@media screen and (max-width : 1024px){
   #gnb_wrap{display:none;}
   #mMenuClose{display:none;}

 	 /* 메뉴 */
	.topMenu{display:none; position: fixed; top: -32px; left:0; right: 0px; float:none; width:100%; height:100vh; background-color:#fff; z-index: 70;}
	#mMenuClose{display:block; position:absolute; top:18px; right:16px; width:22px; height:22px; background:url('../images/icon_close.png') center no-repeat; background-size: contain;}
	.topDir {display:block; width: 100%; height:62px; padding:16px; background-color: #fff; border-bottom: 1px solid #d8d8d8;}
	.topDir ul {display:flex; padding-right:25px;}
	.topDir ul li{position:relative;}
	.topDir ul li + li{margin-left:16px;}
	.topDir ul li + li:before{content:''; position:absolute; top:5px; left:-8px; width:1px; height:16px; background-color:#d8d8d8;}
	.topDir ul li a{padding:4px 8px; border-radius:4px; font-size:14px; color:#1e2124;}
  	.topDir ul li.logout{display:none;}
  
	 /* 1차 메뉴 */
	.menuUItop {position:fixed; top:30px; width: 100%; height:calc(100vh - 62px); overflow:hidden;}
	.menuUItop ul.ul_1{width:100%; height:100%;}
	.menuUItop ul.ul_1:before{content:''; position:absolute; left:0; width:145px; height:calc(100vh - 62px); background-color:#edf1f5;}
	.menuUItop ul.ul_1 li.li_1{float:none;}
	.menuUItop ul.ul_1 li.li_1 + li.li_1{margin-left:0; margin-top:8px;}
	.menuUItop ul.ul_1 li.li_1 a.a_1{position:relative; width:145px; font-size:17px; color:#1d1d1d;}
  	.menuUItop ul.ul_1 li.li_1.on a.a_1{background-color:#fff; color:#052b57;}
  	.menuUItop ul.ul_1 li.li_1.on a.a_1:before{display:none;}
 	.menuUItop ul.ul_1 li.li_1 a.a_1:after{display:none;}
  	.menuUItop ul.ul_1 li.li_1.on a.a_1:after{display:block; position: absolute; right: 4px; transform: rotate(270deg);}
  	.menuUItop ul.ul_1 li.li_1:hover a.a_1:before{display:none;}

	/* 2차 메뉴 */
	.menuUItop .div_2{top:0; left:150px; width:calc(100% - 150px); max-height:calc(100vh - 62px); overflow-y:auto;}
	.menuUItop .div_2:before{display:none;}
	.menuUItop .div_2 .ul_2{padding:8px 0;}
	.menuUItop .div_2 .ul_2:before{display:none;}
	.menuUItop .div_2 .ul_2 li.li_2{display:block; width:100%;}
	.menuUItop .div_2 .ul_2 li.li_2 > a{display:block; width:100%; padding:8px 16px;}
  	.menuUItop .div_2 .ul_2 li.li_2 > a:after{content:''; display:inline-block; width:20px; height:20px; margin-left:8px; vertical-align: middle; background: url('../images/gnb_ico.png') center no-repeat; transition: transform 0.3s ease;}
  	.menuUItop .div_2 .ul_2 li.li_2.on > a:after{background-image: url('../images/gnb_ico_on.png'); transform: rotate(180deg);}
  	.menuUItop .div_2 .ul_2 li.li_2:not(._useChildDiv) > a:after{display:none;}

	/* 3차 메뉴 */
	.menuUItop .div_3{position:static; width:100%; padding:8px 32px; background-image:none;}
	.menuUItop .div_3 .tit_3{display:none;}
	.menuUItop .div_3 .ul_3 li.li_3{float:none; width:100%; margin-right:0; margin-bottom:4px;}
  	.menuUItop .div_3 .ul_3 li.li_3 a{padding:4px 8px 4px 10px; font-size:15px;}
  	.menuUItop .div_3 .ul_3 li.li_3 a:before{top:12px;}
  	.menuUItop .div_3 .ul_3 li.li_3 a.nw:after{vertical-align:-4px;}
}

/**[Footer]********************************************************/
#_jumpWrap {background-color: #fff; border-bottom:1px solid #d8d8d8;}
#_jumpWrap .sitelink {width: 100%;}
#_jumpWrap .sitelink:after{content:''; display:block; clear:both;}
#_jumpWrap .sitelink > li {position: relative; float:left; width: 25%; border-right:1px solid #d8d8d8;}
#_jumpWrap .sitelink > li:first-child{border-left:1px solid #d8d8d8;}
#_jumpWrap .sitelink > li > button {position: relative; color: #1d1d1d; font-size: 17px; text-align: left; width: 100%; padding: 16px 48px 16px 20px; outline-offset:-2px;}
#_jumpWrap .sitelink > li > button:after {content: ''; width: 20px;height: 20px;position: absolute; right: 8px; top: 50%; transform: translate(0, -50%); background: url('../images/foot_plus.png') left top no-repeat;}
#_jumpWrap .sitelink > li > button:hover{background-color:#EDF1F5;}

#_jumpWrap .sitelink_detail{display:none; position:fixed; top:0; left:0; width:100%; height:100%; padding:16px; background: #EDF1F5; z-index:102;}
#_jumpWrap .sitelink > li._on .sitelink_detail{display: block;}

#_jumpWrap .sitelink_detail .sitelink_bx{padding:80px 0;}
#_jumpWrap .sitelink_detail .list {max-height: 790px; overflow-y: auto; font-size:0;}
#_jumpWrap .sitelink_detail .list dt {margin: 40px 0; font-size:25px; font-weight: 700; color: #1d1d1d;}
#_jumpWrap .sitelink_detail .list dt:first-child{margin-top:0;}
#_jumpWrap .sitelink_detail .list dd {display:inline-block; width:25%; margin-bottom:4px; vertical-align: top;}
#_jumpWrap .sitelink_detail .list dd a{position:relative; display:inline-block; padding:12px 8px; border-radius:8px; font-size:17px; color: #1d1d1d; outline-offset:-2px;}
#_jumpWrap .sitelink_detail .list dd a:before{content:'·'; display:inline-block; margin-right:4px;}
#_jumpWrap .sitelink_detail .list dd a:hover{background:#cdd7e4; text-decoration:underline; font-weight:500;}

#_jumpWrap .sitelink_detail .sitelink_det_close{position: absolute; top: 80px; right: 80px; width: 48px; height: 48px; background: url('../images/icon_close.png') center no-repeat;}

#_footer {position: relative; padding:40px 0;}
#_footer .footer_top{height:48px; margin-bottom:32px;}
#_footer .footer_top img{height:100%;}

#_footer .footer_cnt{padding-bottom:32px;}
#_footer .footer_cnt:after{content:''; display:block; clear:both;}
#_footer .f-info{float:left;}
#_footer .f-info address{margin-bottom:24px;}
#_footer .f-info ._tel li+li{margin-top:16px;}
#_footer .f-info ._tel li em{font-weight:700; color:#1d1d1d;}
#_footer .f-info ._tel li a{font-weight:700; color:#1d1d1d;}

#_footer .f-link{float:right;}
#_footer .f-link .link-go {margin-bottom:32px;}
#_footer .f-link .link-go li+li{margin-top:16px;}
#_footer .f-link .link-go a{font-weight:700; color:#1d1d1d;}
#_footer .f-link .link-go a:after{content:''; display:inline-block; width:20px; height:20px; margin-left:4px; vertical-align:-4px; background:url('../images/ico_right.png') center no-repeat;}

#_footer .f-link .link-sns:after{content:''; display:block; clear:both;}
#_footer .f-link .link-sns li{float:left}
#_footer .f-link .link-sns li+li{margin-left:8px;}
#_footer .f-link .link-sns li a{display: block;width: 40px;height: 40px;background: #fff url('../images/footer-sns.png') left top no-repeat; border-radius:100%; font-size:0;}
#_footer .f-link .link-sns li a.snsI {background-position: 0 top;}
#_footer .f-link .link-sns li a.snsTh {background-position: -48px top;}
#_footer .f-link .link-sns li a.snsF {background-position: -96px top;}
#_footer .f-link .link-sns li a.snsT {background-position: -144px top;}
#_footer .f-link .link-sns li a.snsY {background-position: -192px top;}
#_footer .f-link .link-sns li a.snsN {background-position: -240px top;}
#_footer .f-link .link-sns li a.snsD {background-position: -288px top;}

#_footer .footer_bottom{padding-top:12px; border-top:1px solid #d8d8d8;}
#_footer .footer_bottom ul:after{content:''; display:block; clear:both;}
#_footer .footer_bottom li{float:left; height:30px; margin-right:20px;}
#_footer .footer_bottom li a{display:inline-block; padding-top:3px;}
#_footer .footer_bottom li.em{padding-left:0;}
#_footer .footer_bottom li.em a{padding-top:1px; font-size:18px; font-weight:700; color:#003675; text-decoration: underline;}
#_footer .footer_bottom li.em02 a{font-weight:700; color:#003675;}
#_footer .footer_bottom ._copyright{margin-top:24px; font-size:15px; color:#555;}

@media screen and (max-width : 1024px){ /* tablet */
  #_jumpWrap .sitelink > li > button{padding:12px 24px 12px 8px; font-size:15px;}
  #_jumpWrap .sitelink_detail .list dd{width:33%;}

	#_footer {padding:32px 16px;}
	#_footer .footer_top{height:32px;}
  #_footer .f-info{width:55%;}
  #_footer .f-info ._tel li span{display:block;}
  #_footer .f-link{width:40%;}
}

@media screen and (max-width : 768px){ /* mobile */
  #_jumpWrap .sitelink > li {float: none; width: 100%; border-right: 0; border-bottom:1px solid #d8d8d8;}
  #_jumpWrap .sitelink > li:last-child{border-bottom:0px none;}
  #_jumpWrap .sitelink_detail{padding:0 8px;}
  #_jumpWrap .sitelink_detail .sitelink_bx{padding:24px 0;}
  #_jumpWrap .sitelink_detail .list dt{margin-bottom:32px; font-size:19px;}
  #_jumpWrap .sitelink_detail .list dd{width:50%;}
  #_jumpWrap .sitelink_detail .sitelink_det_close{top:24px; right:16px; width:24px; height:24px; background-size: cover;}

  #_footer{font-size:15px;}
  #_footer .f-info, #_footer .f-link{float:none; width:100%;}
  #_footer .f-info{margin-bottom:32px;}
}