@charset "UTF-8";
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@100;300;400;500;700;900&display=swap');
* {margin: 0; padding: 0; box-sizing: border-box; list-style-type: none;}
html {font-size: 0.625em;width:100%;}

a {text-decoration: none; color: #333; cursor: pointer;}
button {border: none; background-color: transparent;}
/*:focus {outline: none;}*/
.container *{transition:0.5s;}

/* button.using-mouse:focus {outline: none;} */


.content {height:100vh;}

i {font-style: normal;}
.tsb-btn {width: 18px; height: 18px; top: 28px; right: calc(50% - 610px); }
.tsb-btn02 {display:none; }


.clear:after {content: ""; display: block; clear: both;}
.left {float: left;}
.right {float: right;}
.float-none {float: none !important;}
.blind {position: absolute; top: -9999px; left: -9999px;}

.cursor-pointer {cursor: pointer;}
.cursor-none {cursor: none;}
.cursor-default {cursor: default;}
/*
.pos-r {position: relative;}
.pos-a {position: absolute;}
.pos-f {position: fixed;}
.pos-s {position: static;}

 main-loader 
.lds-loader {position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: #fff; z-index: 100; transition: 0.4s;}
.lds-roller {display: inline-block; position: absolute; top: 50%; left: 50%; width: 80px; height: 80px; transform: translate(-50%, -50%);}
.lds-roller div {animation: lds-roller 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;transform-origin: 40px 40px;}
.lds-roller div:after {content: " "; display: block; position: absolute; width: 7px; height: 7px; margin: -4px 0 0 -4px; border-radius: 50%; background: #8ec43e;}
.lds-roller div:nth-child(1) {animation-delay: -0.036s; opacity: 1;}
.lds-roller div:nth-child(1):after {top: 63px;left: 63px;}
.lds-roller div:nth-child(2) {animation-delay: -0.072s; opacity: 0.9;}
.lds-roller div:nth-child(2):after {top: 68px;left: 56px;}
.lds-roller div:nth-child(3) {animation-delay: -0.108s; opacity: 0.8;}
.lds-roller div:nth-child(3):after {top: 71px;left: 48px;}
.lds-roller div:nth-child(4) {animation-delay: -0.144s; opacity: 0.7;}
.lds-roller div:nth-child(4):after {top: 72px;left: 40px;}
.lds-roller div:nth-child(5) {animation-delay: -0.18s; opacity: 0.6;}
.lds-roller div:nth-child(5):after {top: 71px;left: 32px;}
.lds-roller div:nth-child(6) {animation-delay: -0.216s; opacity: 0.5;}
.lds-roller div:nth-child(6):after {top: 68px;left: 24px;}
.lds-roller div:nth-child(7) {animation-delay: -0.252s; opacity: 0.4;}
.lds-roller div:nth-child(7):after {top: 63px;left: 17px;}
.lds-roller div:nth-child(8) {animation-delay: -0.288s; opacity: 0.3;}
.lds-roller div:nth-child(8):after {top: 56px;left: 12px;}*/
@keyframes lds-roller {
0% {transform: rotate(0deg);}
100% {transform: rotate(360deg);}
}

/*삭제페이지*/
.pass_tb1 {padding:20px;}
table#pass_tb2 {    overflow: hidden;     border-radius: 20px;     box-shadow: 1px 1px 5px 1px rgb(0 0 0 / 13%);}
.del_td { background:#8fc43d; color:#fff; padding:20px; }

/* header */


.pc {display: none;}
.main-scroll.pc{display:block;}
.header {position: relative; z-index: 101;}
.top-bar {position: fixed; top: 0; left: 0; width: 100%; height: 80px; background: #fff; box-shadow: 1px 1px 10px 1px rgba(0,0,0,0.1); z-index: 1;}
.logo {position: absolute; top: calc(100% / 2); left: 0; width: 150px; height:40px; transform: translateY(-50%); padding:0 0 0 15px;}
.logo a {display: block; width: 100%; height: 100%; background: url('/img/common/logo.svg') no-repeat left/contain; text-indent: -9999px;}
.eng .logo {width: 150px;}
.eng .logo a {background-image: url(/eng/img/main/logo.png);}



.snb-btn {display:none;position: fixed!important; top: 25px; right: 75px; width: 25px; height: 25px; background:url('/img/common/mmenu.png') no-repeat center/contain; z-index: 3;}
.snb {display: none; position: absolute; top: 0; left: 0; width: 100%; z-index: 2;}
.snb-bg {position: fixed; top: 0; left: 0; width: 100%; height: 100vh; background: rgba(0,0,0,0.5); z-index: 1;}
.snb-group {position: fixed; right: 0; width: 95%; height: 100vh; background: #fff; z-index: 4; top:0;}
.snb-group .inner {position: relative; height: 100%; padding-bottom: 50px; background: #fff; overflow-y: scroll;}

.snb-btn-close {position: absolute; top: 30px; right: 15px; width: 20px; height: 20px; background: url('/img/common/icon-close.svg') no-repeat center/contain;     z-index: 1;}





.depth01 {position: relative; width: 100%; padding-top: 80px; background: #fff;}
.depth01 a {display: block;}
.depth01-link {position: relative; padding: 0 15px; font-size: 1.6rem; font-weight: 500; line-height: 65px;     padding: 0px 30px;}
/*.depth01-link:after {content: ""; position: absolute; top: 50%; right: 15px; width: 14px; height: 8px; background: url(/portal/img/main/lnb_arrow_down.png) no-repeat center; transform: translateY(-50%);}*/
.depth02-list {background: #f7f7f7;}
.depth02-link {position: relative; padding: 0 25px; font-size: 1.4rem; line-height: 50px;}
.depth01 .plus {position: absolute; display: inline-block; top: 50%; right: 25px; width: 15px; height: 15px; transform: translateY(-50%);}
.depth01 .plus:before, .depth01 .plus:after {content: ""; position: absolute; width: 100%; height: 1px; background: #999;}
.depth01 .plus:before {top: 50%; transform: translateY(-50%);}
.depth01 .plus:after {top: 50%; transform: translateY(-50%) rotate(-90deg);}
.depth03-list {padding: 0 0; margin: 0 30px; background: #e5e5e5;}
.depth03-link {position: relative; padding: 0 20px; margin: 0 15px; border-bottom: 1px solid #d5d5d5; line-height: 50px; font-size: 1.4rem;}
.depth03-link:after {content: ""; position: absolute; top: 50%; left: 10px; width: 4px; height: 4px; border-radius: 50%; background: #555;}
.depth03-list:last-child .depth03-link {border-bottom: none;}
.btn-top {display: inline-block; position: fixed; bottom: 20px; right: 20px; width: 50px; height: 50px; border-radius: 15px; background: #fdb813 url(/portal/img/main/top-arrow.svg) no-repeat center/30px; box-shadow: 1px 1px 10px 1px rgba(0,0,0,0.2); cursor: pointer;}
/* otlink */
span.otlink {position: relative;}
span.otlink:after {content: ""; position: absolute; top: 50%; right: -20px; width: 15px; height: 15px; background: url(/portal/img/sub/icon-link-skyblue.png) no-repeat center; transform: translateY(-50%);}
.snb span.otlink:after {right: -25px;}




    .header .pc {display: block; }
    .top-bar {height: 70px;}

    .snb .inner {width:100%; margin: 0 auto;}
   
    .snb .depth01 {background: #fff;}
    .depth01 {background-color: transparent; }

    .depth01-link {; width:100%; display:block; font-size: 2.0rem; color: #00397f;}
    .depth01-link:after {content: none;}
    .depth02 {width: 100%; padding-left:0px; margin:0 auto; display:block;} 
    .depth02:after {content: ""; display: block; clear: both;}
    .depth02-list {float: left; padding-right:20px;  background: none;}
    .depth02-link {color: #666; font-size: 1.8rem;}
    .depth02-list:nth-child(5) {clear: both;}
    .depth02-list:nth-child(9) {clear: both;}
    .depth02-list:nth-child(13) {clear: both;}
    .depth02-list:nth-child(17) {clear: both;}
    .depth03-list {margin: 0 25px; background: none;}
    .depth03-link {padding: 0 10px; margin: 0; border-bottom: none; color: #777; line-height: 2.0;}
    .depth03-link:after {left: 0; width: 2px; height: 2px;}
    .snb .depth02 {display: block !important;}
    .snb .depth03 {display: block !important;}
    .snb-group {position: fixed; height: 100vh; padding-bottom: 100px; overflow-y: auto;}
    .snb-group .inner {height: auto; padding-bottom: 0; overflow-y: initial;}
   
    .header-top {position: fixed;top: 0; left: 0; width: 100%; height: 70px; z-index: 2; box-shadow: 1px 1px 10px 1px rgba(0,0,0,0.1);}
    .header-top .inner {position: relative; width: 100%; max-width: 1380px; height: 70px; margin: 0 auto;}
    .info-bar {position: absolute; top: 15px; right:0; text-align: right; z-index: 10000;}
    .info-bar ul {display: inline-block; position: relative;}
    .info-bar .font {margin-right: 45px;}
    .info-bar .font li {display: inline-block; padding: 3px; vertical-align: middle; font-size: 1.4rem; font-weight: 500;}
    .info-bar .font .size {position: relative; display: inline-block; width: 30px; height: 30px; border-radius: 5px; background: #e5e5e5;}
    .info-bar .font .size:after {content: ""; position: absolute; top: 50%; left: 50%; width: 10px; height: 10px; background: url(/portal/img/main/plus.svg) no-repeat center; transform: translate(-50%, -50%);}
    .info-bar .font .btn-plus:after {background-image: url(/portal/img/main/plus.svg);}
    .info-bar .font .btn-minus:after {background-image: url(/portal/img/main/minus.svg);}
    .info-bar .lang li {display: inline-block; font-size: 1.4rem; color: #000;}
    .info-bar .lang-ko {font-weight: 700;}
    .lang .lang-ko:before {content: ""; position: absolute; bottom: -4px; left: 28px; width: 29px; height: 2px; background: #111;}
    .info-bar .info-site {padding-left: 40px; display:none; /* 숨김처리한 상단 로그인 */} /*로그인 박스 메뉴*/
    .info-bar .info-title {position: relative; display: block; padding: 0 20px 0 0; background: url('/img/comoon/info-site.png') no-repeat left/contain; font-weight: 500; font-size: 1.4rem;}
    .info-bar .info-title:after {content: ""; position: absolute; top: 50%; right: 0; width: 8px; height: 8px; background: url('/img/common/up-arrow-black.svg') no-repeat center; transform: translateY(-50%) rotate(180deg); transition: 0.4s;}
    .info-bar .info-title.on:after {transform: translateY(-50%);}
    .info-bar .info-title.on + .info-site-link {display: block;}
    .header.on .info-bar .info-title.on + .info-site-link {display: none;}
    .info-bar .info-site-link {display: none;position: absolute;top: 35px;left: 22px;width: 180px;padding: 15px 10px 20px;border-radius: 20px;background: #fff;box-shadow: 2px 2px 10px 1px rgba(0,0,0,0.1);}
    .info-bar .info-site-link a {position: relative; display: block; padding: 15px 0 15px 52px; text-align: left; font-size: 1.6rem; font-weight: 500;}
    .info-bar .info-site-link a:hover, .info-bar .info-site-link a:active, .info-bar .info-site-link a:focus {color: #8ec43e;}
    .info-bar .info-site-link a:before {content: ""; position: absolute; top: 50%; left: 0; width: 40px; height: 40px; background: url(/portal/img/main/info-icon01.png) no-repeat center; transform: translateY(-50%); transition: 0.4s;}
    .info-bar .info-site-link a:after {content: ""; position: absolute; bottom: 0; left: 0; width: 100%; height: 1px; background: url(/portal/img/main/info-site-line.png) no-repeat center/cover;}
    .info-bar .info-site-link li:nth-child(1) a:before {background-image: url('/img/common/info-icon01.png');}
    .info-bar .info-site-link li:nth-child(2) a:before {background-image: url('/img/common/info-icon02.png');}
    .info-bar .info-site-link li:nth-child(3) a:before {background-image: url('/img/common/info-icon03.png');}
    .info-bar .info-site-link li:nth-child(4) a:before {background-image: url('/img/common/info-icon04.png');}
    .info-bar .info-site-link li:nth-child(5) a:before {background-image: url('/img/common/info-icon05.png');}
    .info-bar .info-site-link li:nth-child(6) a:before {background-image: url('/img/common/info-icon06.png');}
    .info-bar .info-site-link li:nth-child(7) a:before {background-image: url('/img/common/info-icon07.png');}
    .info-bar .info-site-link li:nth-child(1) a:hover:before, .info-bar .info-site-link li:nth-child(1) a:active:before, .info-bar .info-site-link li:nth-child(1) a:focus:before {background-image: url('/img/common/info-icon01-on.png');}
    .info-bar .info-site-link li:nth-child(2) a:hover:before, .info-bar .info-site-link li:nth-child(2) a:active:before, .info-bar .info-site-link li:nth-child(2) a:focus:before {background-image: url('/img/common/info-icon02-on.png');}
    .info-bar .info-site-link li:nth-child(3) a:hover:before, .info-bar .info-site-link li:nth-child(3) a:active:before, .info-bar .info-site-link li:nth-child(3) a:focus:before {background-image: url('/img/common/info-icon03-on.png');}
    .info-bar .info-site-link li:nth-child(4) a:hover:before, .info-bar .info-site-link li:nth-child(4) a:active:before, .info-bar .info-site-link li:nth-child(4) a:focus:before {background-image: url('/img/common/info-icon04-on.png');}
    .info-bar .info-site-link li:nth-child(5) a:hover:before, .info-bar .info-site-link li:nth-child(5) a:active:before, .info-bar .info-site-link li:nth-child(5) a:focus:before {background-image: url('/img/commoninfo-icon05-on.png');}
    .info-bar .info-site-link li:nth-child(6) a:hover:before, .info-bar .info-site-link li:nth-child(6) a:active:before, .info-bar .info-site-link li:nth-child(6) a:focus:before {background-image: url('/img/common/info-icon06-on.png');}
    .info-bar .info-site-link li:nth-child(7) a:hover:before, .info-bar .info-site-link li:nth-child(7) a:active:before, .info-bar .info-site-link li:nth-child(7) a:focus:before {background-image: url('/img/common/info-icon07-on.png');}
   
   
	.header .nav {position: fixed; top: 70px; left: 0; width: 100%; z-index: 2;}
    .header .nav .nav-bg {display: none; position: absolute; top: 0; left: 0; width: 100%; height: 100vh; background: rgba(0,0,0,0.3);}
    .header .nav .depth01 {position: absolute; top: -66px; right: calc(50% - 250px); width: auto; padding-top: 0;}
    .header .nav .depth01-list {display: inline-block;}
    .header .nav .depth01-link {font-size: 1.8rem; color: #000;font-weight: 700;}
    .header .nav .depth01-link:after {right: 0; width: 1px; height: 13px; background: #d2d2d2;}
    .header .nav .depth01-list:last-child .depth01-link:after {content: none;}
    .header .nav .depth02 {display: none; position: fixed; width: 100%; top: 70px; left: 0; margin-left: 0; padding: 0 0 30px 20%; padding-right: calc(12% - 60px); background: #fff; box-shadow: inset 1px 1px 20px 1px rgba(0,0,0,0.1);}
	

    .header .nav .depth02:after {content: ""; position: absolute; top: 0; left: 0; width: 20%; height: 100%; background-repeat: no-repeat;background-position: 114% 115%, 100% 0, 0 0;background-size: 200px, auto, cover;}
	/*.header .nav .depth01-list:nth-child(1) .depth02:after {background-image: url(/portal/img/main/gnb-char01.png), url(/portal/img/main/gnb-000.png), url(/portal/img/main/gnb-bg.png); background-position: 111% 113%, 100% 0, 0 0;}
	.header .nav .depth01-list:nth-child(2) .depth02:after {background-image: url(/portal/img/main/gnb-char02-1.png), url(/portal/img/main/gnb-000.png), url(/portal/img/main/gnb-bg.png); background-position: 114% 108%, 100% 0, 0 0;}
	*/
	.header .nav .depth01-list:nth-child(3) .depth02:after {background: #245d9d;/*background-image: url(/portal/img/main/gnb-char01.png), url(/portal/img/main/gnb-000.png), url(/portal/img/main/gnb-bg.png); background-position: 111% 115%, 100% 0, 0 0;*/}
	/*.header .nav .depth01-list:nth-child(4) .depth02:after {background-image: url(/portal/img/main/gnb-char02-1.png), url(/portal/img/main/gnb-000.png), url(/portal/img/main/gnb-bg.png); background-position: 114% 106%, 100% 0, 0 0;}
	.header .nav .depth01-list:nth-child(5) .depth02:after {background-image: url(/portal/img/main/gnb-char01.png), url(/portal/img/main/gnb-000.png), url(/portal/img/main/gnb-bg.png); background-position: 111% 108%, 100% 0, 0 0;}
	.header .nav .depth01-list:nth-child(6) .depth02:after {background-image: url(/portal/img/main/gnb-char02-1.png), url(/portal/img/main/gnb-000.png), url(/portal/img/main/gnb-bg.png); background-position: 114% 109%, 100% 0, 0 0;}
   */
	.header .nav .depth02-list {width: 25%;}
    .header .nav .depth02-link {position: relative; padding: 0; margin: 0 25px; color: #777 ; font-weight: 600; font-size: 1.8rem;}
	.header .nav .depth02-link:hover {color: #8ec43e;}
   /* .header .nav .depth02-link:after {content: ""; position: absolute; bottom: 0; left: 0; width: 100%; height: 1px; background: #8ec43e;}*/
    .header .nav .depth03-link {font-size: 1.6rem;}
    .btn-top {bottom: 60px; right: calc(50% - 600px);}







.header .sns-group {right:40px;position: fixed/*absolute*/; top: 500px;  transform: translateY(-50%);}
.header .sns-ul a {display: table-cell;     vertical-align: middle; width: 50px; height: 50px; margin-bottom: 20px; border-radius: 15px; box-shadow: 1px 1px 5px 1px rgba(0,0,0,0.13); text-align:center;}
    .header .sns-ul  i {color:#fff; font-size:28px;}
    .header .sns-ul .band {background-color: #0e4779;}
    .header .sns-ul .youtube {background-color: #4c835c;}
    .header .sns-ul .insta {background-color: #8fc43d; }
.header .sns-ul li {display: block; width: 50px; height: 50px; margin-bottom: 15px; border-radius: 15px;}
    .header .sns-ul li:nth-child(1) {background-color: #0e4779;}
    .header .sns-ul li:nth-child(2) {background-color: #4c835c;}
    .header .sns-ul li:nth-child(3) {background-color: #8fc43d;}
    .header .sns-ul li:nth-child(4) {background: linear-gradient(45deg, #f2b260, #db5b66, #a33ab5);}
    .header .sns-ul li a {transition: .4s;}
    .header .sns-ul .insta {background-image: url(/portal/img/main/insta.svg);}
    .header .sns-ul li a:hover, .header .sns-ul li a:active, .header .sns-ul li a:focus {background-color: #fff;}
    .header .sns-ul li a.link01:hover, .header .sns-ul li a.link01:active, .header .sns-ul li a.link01:focus {background:#0e4779;}
    .header .sns-ul li a.link02:hover, .header .sns-ul li a.link02:active, .header .sns-ul li a.link02:focus {background:#4c835c;}
    .header .sns-ul li a.link03:hover, .header .sns-ul li a.link03:active, .header .sns-ul li a.link03:focus {background:#8fc43d;}
    .header .sns-ul li a.insta:hover, .header .sns-ul li a.insta:active, .header .sns-ul li a.insta:focus {background-image: url(/portal/img/main/insta_on.svg);}
    .header .nav .depth01-link:hover, .header .nav .depth01-link:active, .header .nav .depth01-link:focus {color: #8ec43e;}

/* topbar-search */
.tsb-btn {position: fixed!important; top: 25px; right: calc(5% + 30px); width: 30px; height: 30px; background: url('/img/common/icon-search-b.png') no-repeat center; z-index: 3;}
.top-search {display: none; position: fixed; top: 80px; left: 0; width: 100%; padding: 25px 0 15px; background: #fff; box-shadow: 1px 1px 10px 1px rgba(0,0,0,0.05);}
.top-search.show {display: block;}
.search-wrap {width: 90%; margin: 0 auto;}
.search-wrap:after {content: ""; display: block; clear: both;}
.search-wrap .search-text {float: left; width: calc(100% - 60px); margin-left:0;  width:100%;   }
.search-wrap .form-control { transition: 0.4s;
    display: block;width: 100%;height: 60px; padding: 0.375rem 0.75rem;
    font-size: 1.6rem;font-weight: 400;line-height: 1.5;color: #6e707e;
    background-color: #f5f5f5; background-clip: padding-box; border-color: transparent; border-radius: 10px;
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  }

.search-wrap .form-control::-webkit-input-placeholder {color: #888;opacity: 1;font-size: 1.7rem;}
.search-wrap .form-control::-moz-placeholder {color: #888;opacity: 1;font-size: 1.6rem;}
.search-wrap .form-control:-ms-input-placeholder {color: #888;opacity: 1;font-size: 1.7rem;}
.search-wrap .form-control::-ms-input-placeholder {color: #888;opacity: 1;font-size: 1.7rem;}
.search-wrap .form-control::placeholder {color: #888;opacity: 1; font-size: 1.7rem;}
.search-wrap .search-btn {float: right; width: 60px; height: 60px;}
.search-list {/*display: none;*/}
#searchForm + .search-btn {margin-top:2px;}




.search-wrap .btn-search {background: #00397f url(/portal/img/main/icon-search.png) no-repeat center/25px; box-shadow: 1px 1px 5px 1px rgba(0,57,127,0.03); cursor: pointer; transition: 0.4s;}
.btn-search:hover, .btn-search:active, .btn-search:focus {background-color: #8ec43e; box-shadow: 3px 3px 10px 3px rgb(0 57 127 / 30%);}
.top-search .search-wrap .search-btn {width: 50px;}



/* footer */
.footer {margin-top:30px; background: linear-gradient( 45deg, #83b843, #033c7d ); color: #ffffffb8; font-size: 1.3rem;  width:100%; position:relative; clear:both; padding:30px 0;}

.footer .inner {width: 90%; margin: 0 auto;text-align: center;}
.footer .address {margin: 10px 0; font-weight:100 }
.footer .address span{display:inline-block;}
.footer .address span:before{content:''; display:inline-block;width:1px; height:10px; background:#ffffff47; margin:0 8px;}
.footer .address span:nth-child(1):before{display:none;}
.footer .address-p3 {line-height: 1.8;}
.footer .copyright { text-align: center; text-transform: uppercase; }




/* 211213 nanan */
.depth01-link:hover {text-decoration:none;}
.depth02-link:hover {text-decoration:none;}
.depth03-link:hover {text-decoration:none; color:#8ec43e;}

/* 220104 nanan */
.search-wrap .btn-search { box-shadow: 1px 1px 5px 1px rgb(0 57 127 / 30%); }

@media screen and (min-width: 1280px){
	.search-wrap .btn-search { background-size: 35px; }
}

/* 220107 +sy */
.top-search .search-wrap .search-btn .form-control {width: 98%;}
.main-search .search-wrap .search-btn .form-control {width: 100%; height:100%;     transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;}
@media screen and (min-width: 1280px){
	.top-search .search-wrap .search-btn .form-control {width: 100%;}	
	.main-search .search-wrap .search-btn .form-control {width: 100%;}
}



/* 200120 nanan */
/* contrast_ */
.lang .lang-en:after {color: #777;}
@media screen and (min-width: 768px) {
  .search-ul a {color: #777;}
}
@media screen and (min-width: 1400px){
  .depth03-link {color: #777;}
}
/* _contrast */

/* 200126 nanan */
.top-bar a:hover {text-decoration: none;}

/* skip nav */
#skipNav {
	position:relative;
	z-index:9999;
}

#skipNav a {
	position: fixed; 	
	top: -200px;
	left:0; 
	width: 100%; 
	line-height: 40px; 
	font-size : 18px;
	text-align :center;
	border: 1px solid #dedede; 
	color : #fff;
	background-color: #0B8CBE;
} 

#skipNav a:focus, 
#skipNav a:active {
	top: 0;
}


.tsb-btn {width: 22px; height: 22px; background:url('/img/common/icon-search-b.svg') no-repeat center/contain; top: 20px; right: calc(5% + 40px); }
.search-wrap .btn-search {background: #00397f; color:#fff; font-size:1.9em; line-height:1.8;}

nav.nav_new {position: absolute; right:30px;  display:block;}
nav.nav_new ul {}
nav.nav_new ul li {display:table-cell; padding: 25px 0px 0 45px; text-align: left; font-size: 1.90rem; font-weight: 500;}
nav.nav_new ul li a {color:#000;}
nav.nav_new ul li a:hover,nav.nav_new ul li a:active,nav.nav_new ul li a:focus {color:#8fc43d;}


/*mj*/
@media screen and (max-width: 900px){
	.search-wrap .search-btn{height:50px; width:100%; float:none; margin:0 auto;}
	.search-wrap .search-text {float: none; width: calc(100% ); }
	.search-wrap .form-control { height: 50px; padding: 0.2rem 0.75rem;;}
	.header .pc {display:none;}
	.header .sns-group{display:none;}
	.header .nav {display:none;}
	.header .nav .depth01 {display:none;}
	.snb-btn {display:block;}
	.header .logo {width: 110px;height: auto; margin-left:20px;}

    .top-search {padding: 50px;}
    .main-search {position: absolute; top: 510px; left: 5%; width: 52%; z-index: 2;}
    .search-wrap {width: 540px; margin: 0;}
    .top-search .search-wrap {margin: 0 auto;}
    .search-text {width: 440px;}
    .search-list {display: block; clear: both;}
    .search-ul li {display: inline-block;}
    .search-ul a {display: block; padding: 15px; font-size: 1.4rem; color: #888;}
    .search-ul a:before {content: "#";}
	.footer {font-size: 1.2rem;  padding:30px 0;}
	.footer .address span {display:block;}
	.footer .address span:before{width:0px;margin:0 0px;}
	.tsb-btn02 {display: block;  z-index:100;  position: absolute;  top:15px;  right: 15px;}
	.tsb-btn02 a {  display: table-cell; vertical-align: middle; font-size:1.5em;width:45px; height:45px; border-radius: 10px; box-shadow: 1px 1px 5px 1px rgba(0,0,0,0.13); ; text-align:center; background: #8fc43d;  color:#fff;}
	nav.nav_new {display:none;}
}