@charset "utf-8";
#wrap{overflow-x: hidden;} /* 추가 */

@font-face {
    font-family: 'SCoreDream';
    font-weight: 100;
    font-style: normal;
    src: url('/assets/css/font/SCoreDream-WEB/SCoreDreamThin.eot');
    src: url('/assets/css/font/SCoreDream-WEB/SCoreDreamThin.eot?#iefix') format('embedded-opentype'),
        url('/assets/css/font/SCoreDream-WEB/SCoreDreamThin.woff2') format('woff2'),
        url('/assets/css/font/SCoreDream-WEB/SCoreDreamThin.woff') format('woff'),
        url('/assets/css/font/SCoreDream-WEB/SCoreDreamThin.ttf') format("truetype");
    font-display: swap;
}
@font-face {
    font-family: 'SCoreDream';
    font-weight: 200;
    font-style: normal;
    src: url('/assets/css/font/SCoreDream-WEB/SCoreDreamExtraLight.eot');
    src: url('/assets/css/font/SCoreDream-WEB/SCoreDreamExtraLight.eot?#iefix') format('embedded-opentype'),
        url('/assets/css/font/SCoreDream-WEB/SCoreDreamExtraLight.woff2') format('woff2'),
        url('/assets/css/font/SCoreDream-WEB/SCoreDreamExtraLight.woff') format('woff'),
        url('/assets/css/font/SCoreDream-WEB/SCoreDreamExtraLight.ttf') format("truetype");
    font-display: swap;
}
@font-face {
    font-family: 'SCoreDream';
    font-weight: 300;
    font-style: normal;
    src: url('/assets/css/font/SCoreDream-WEB/SCoreDreamLight.eot');
    src: url('/assets/css/font/SCoreDream-WEB/SCoreDreamLight.eot?#iefix') format('embedded-opentype'),
        url('/assets/css/font/SCoreDream-WEB/SCoreDreamLight.woff2') format('woff2'),
        url('/assets/css/font/SCoreDream-WEB/SCoreDreamLight.woff') format('woff'),
        url('/assets/css/font/SCoreDream-WEB/SCoreDreamLight.ttf') format("truetype");
    font-display: swap;
}
@font-face {
    font-family: 'SCoreDream';
    font-weight: 400;
    font-style: normal;
    src: url('/assets/css/font/SCoreDream-WEB/SCoreDreamRegular.eot');
    src: url('/assets/css/font/SCoreDream-WEB/SCoreDreamRegular.eot?#iefix') format('embedded-opentype'),
        url('/assets/css/font/SCoreDream-WEB/SCoreDreamRegular.woff2') format('woff2'),
        url('/assets/css/font/SCoreDream-WEB/SCoreDreamRegular.woff') format('woff'),
        url('/assets/css/font/SCoreDream-WEB/SCoreDreamRegular.ttf') format("truetype");
    font-display: swap;
}
@font-face {
    font-family: 'SCoreDream';
    font-weight: 500;
    font-style: normal;
    src: url('/assets/css/font/SCoreDream-WEB/SCoreDreamMedium.eot');
    src: url('/assets/css/font/SCoreDream-WEB/SCoreDreamMedium.eot?#iefix') format('embedded-opentype'),
        url('/assets/css/font/SCoreDream-WEB/SCoreDreamMedium.woff2') format('woff2'),
        url('/assets/css/font/SCoreDream-WEB/SCoreDreamMedium.woff') format('woff'),
        url('/assets/css/font/SCoreDream-WEB/SCoreDreamMedium.ttf') format("truetype");
    font-display: swap;
}
@font-face {
    font-family: 'SCoreDream';
    font-weight: 600;
    font-style: normal;
    src: url('/assets/css/font/SCoreDream-WEB/SCoreDreamBold.eot');
    src: url('/assets/css/font/SCoreDream-WEB/SCoreDreamBold.eot?#iefix') format('embedded-opentype'),
        url('/assets/css/font/SCoreDream-WEB/SCoreDreamBold.woff2') format('woff2'),
        url('/assets/css/font/SCoreDream-WEB/SCoreDreamBold.woff') format('woff'),
        url('/assets/css/font/SCoreDream-WEB/SCoreDreamBold.ttf') format("truetype");
    font-display: swap;
}
@font-face {
    font-family: 'SCoreDream';
    font-weight: 700;
    font-style: normal;
    src: url('/assets/css/font/SCoreDream-WEB/SCoreDreamExtraBold.eot');
    src: url('/assets/css/font/SCoreDream-WEB/SCoreDreamExtraBold.eot?#iefix') format('embedded-opentype'),
        url('/assets/css/font/SCoreDream-WEB/SCoreDreamExtraBold.woff2') format('woff2'),
        url('/assets/css/font/SCoreDream-WEB/SCoreDreamExtraBold.woff') format('woff'),
        url('/assets/css/font/SCoreDream-WEB/SCoreDreamExtraBold.ttf') format("truetype");
    font-display: swap;
}
@font-face {
    font-family: 'SCoreDream';
    font-weight: 800;
    font-style: normal;
    src: url('/assets/css/font/SCoreDream-WEB/SCoreDreamHeavy.eot');
    src: url('/assets/css/font/SCoreDream-WEB/SCoreDreamHeavy.eot?#iefix') format('embedded-opentype'),
        url('/assets/css/font/SCoreDream-WEB/SCoreDreamHeavy.woff2') format('woff2'),
        url('/assets/css/font/SCoreDream-WEB/SCoreDreamHeavy.woff') format('woff'),
        url('/assets/css/font/SCoreDream-WEB/SCoreDreamHeavy.ttf') format("truetype");
    font-display: swap;
}
@font-face {
    font-family: 'SCoreDream';
    font-weight: 900;
    font-style: normal;
    src: url('/assets/css/font/SCoreDream-WEB/SCoreDreamBlack.eot');
    src: url('/assets/css/font/SCoreDream-WEB/SCoreDreamBlack.eot?#iefix') format('embedded-opentype'),
        url('/assets/css/font/SCoreDream-WEB/SCoreDreamBlack.woff2') format('woff2'),
        url('/assets/css/font/SCoreDream-WEB/SCoreDreamBlack.woff') format('woff'),
        url('/assets/css/font/SCoreDream-WEB/SCoreDreamBlack.ttf') format("truetype");
    font-display: swap;
}

/* css reset */
* {margin:0;padding:0;border:0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
html {font-size:10px;}
html, body, div, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, button, cite, code,del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
font-family:'SCoreDream', sans-serif; font-weight:400; background:none; line-height:1.2; word-break: keep-all;}
table, tr, td, th {border-collapse:collapse;border-spacing:0px;}
ol, ul, li{list-style:none;}
hr,legend {display:none;}
caption {width:0;height:0;font-size:0;overflow:hidden;}
sup {vertical-align:text-top;}
sub {vertical-align:text-bottom;}
strong, b {font-weight:600;}
img {max-width:100%}
img {-webkit-perspective: 1;}
select, button {cursor:pointer;}
input,textarea,select { font-size:inherit; font-weight:inherit;font-family:'Noto Sans', sans-serif;}
a, a:hover, a:focus, a:visited {text-decoration:none; color:#111;}
label {cursor:pointer;}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display:block;}
blockquote, q {quotes:none;}
blockquote:before, blockquote:after,q:before, q:after {content:'';content:none;}

/* css defalt setting */
.blind {display:block; overflow:hidden; position:absolute !important; left:-9999px; width:1px; height:1px; font-size:0; line-height:0; text-indent:-9999px;}
.blank {margin:0; padding:0; border:none; background:none;}
.clearfix:before, .clearfix:after {content:"";display:table;padding:0;}
.clearfix:after {clear:both;}
.tct {text-align:center !important;}
.tlt {text-align:left !important;}
.trt {text-align:right !important;}
.vam {vertical-align:middle;}
.vat {vertical-align:top;}
.vab {vertical-align:bottom;}
.fl {float:left;}
.fr {float:right;}
.ulfl > li {float:left;}
.ulfr > li {float:right;}
.ib {display:inline-block;}
.keep {word-break:keep-all;}
.break {word-break:break-all;;}
.btn {display:inline-block;cursor:pointer;text-align:center;}
.t_under {text-decoration:underline;}
.lts_1 {letter-spacing:-0.2rem;}
.ovh {overflow:hidden;}
.w100 {width:100% !important;}
.pt0 {padding-top:0 !important}
.pt18 {padding-top:18px;}
.pd0 {padding:0 !important;}
.pt15 {padding-top:15px !important;}
.pb0 {padding-bottom:0 !important;}
.pb15 {padding-bottom:15px !important;}
.pl15 {padding-left:15px !important;}

.pc_only {display:inline-block;}
.mb_only {display:none;}

.label-sm{color:#fff!important;font-size:1.4rem;font-weight:500;width:auto;padding:2px 10px; border-radius:2;}
.label-md{color:#fff!important;font-size:1.4rem;font-weight:500;width:auto;padding:2px 10px; border-radius:2;}
.label-lg{color:#fff!important;font-size:2.1rem;font-weight:500;width:auto;padding:0 5px;}
.label-block{font-size:inherit!important;display:block!important;width:100%!important;}
.label-gray{background:#7f8891;color:#fff;}
.label-green{background:#2abbb4;color:#fff;}
.label-darkgray{background:#676f86;color:#fff;}
.label-blue{background:#3271c8;color:#fff;}
.label-red{background:#ec5e8e;color:#fff;}
.label-orange{background:#fe9750;color:#fff;}
.label-purple{background:#8159b1;color:#fff;}
.label-pink{background:#ff8fb5;color:#fff;}
.label-mint{background:#00c58e;color:#fff;}
.label-darkblue{background:#29415b;color:#fff;}

.mt0{margin-top:0!important;}
.mt5{margin-top:5px!important;}
.mt10{margin-top:10px!important;}
.mt15{margin-top:15px!important;}
.mt20{margin-top:20px!important;}
.mt25{margin-top:25px!important;}
.mt30{margin-top:30px!important;}
.mt35{margin-top:35px!important;}
.mt40{margin-top:40px!important;}
.mt45{margin-top:45px!important;}
.mt60{margin-top:60px!important;}

.mb0{margin-bottom:0!important;}
.mb5{margin-bottom:5px!important;}
.mb10{margin-bottom:10px!important;}
.mb15{margin-bottom:15px!important;}
.mb20{margin-bottom:20px!important;}
.mb25{margin-bottom:25px!important;}
.mb30{margin-bottom:30px!important;}
.mb40{margin-bottom:40px!important;}
.mb50{margin-bottom:50px!important;}
.mb60{margin-bottom:60px!important;}

.ml0{margin-left:0px!important;}
.ml4{margin-left:4px!important;}
.ml5{margin-left:5px!important;}
.ml10{margin-left:10px!important;}
.ml15{margin-left:15px!important;}



/* style */
body {color:#111111; letter-spacing:-0.1rem; font-size:1.6rem; font-weight:400;}
.inner {margin:0 auto; width:100%; max-width:1200px; position:relative;}
#wrap {width:100%;padding:0;margin:0;}

/* header */
.header_wrap {background:url('../images/top_bg.png') top center no-repeat; background-size:cover; min-height:745px;}
.header_wrap .top{margin: 0 auto; width:100%; max-width:1200px; position:relative; padding:15px; display:flex; justify-content:space-between;}
.header_wrap img{vertical-align: -webkit-baseline-middle;}
.header_wrap .inner {padding:15px 0 0; min-height:430px}
.header_wrapp .top .topSns{padding: 7px;}
.header_wrap .main_title {padding:1.0rem 0 0;}
.header_wrap .main_title > img {padding:0;}
.header_wrap .main_title .s_title {color:#111; font-size:2.1rem; margin-top:5%; font-weight:500;}
.header_wrap .mousewheel {margin-top:70px;}

/* container */
.plan_container {background:#fff;}

/* tab */
.nav_group {background: #fff url('../images/tab_bg.png') no-repeat bottom center;}
.nav_group .inner  {padding:5rem 0 10rem;}
.nav_group .tabs_area {z-index:9999; max-width:640px; margin:0 auto; min-height:2.4rem; padding:2rem 0 4rem;}
.nav_group .tabs_area li {float:left; width:25%; font-size:2.3rem; position:relative; padding:10px; cursor:pointer; text-align:center;}
.nav_group .tabs_area li.active::before {content:''; display:inline-block; width:35px; height:33px; background: url('../images/tab_bullet.png') no-repeat center; position:absolute; transform: translate(-50%, -50%);}
.nav_group .tabs_area li:hover > span {color:#111;}
.nav_group .tabs_area li.active > span {color:#111;}
.nav_group .tabs_area li > span {display:block; text-align:center; color:#777; font-size:2.7rem; font-weight:600; margin-top:10px;}

/* contents */
.smTable {word-break: break-all; width:100%; border-collapse: collapse; text-align:center; margin-top:10px; position:absolute;}
.smTable.align-l {text-align:left;}
.smTable tr {position: relative;}
.smTable tr:after {content: ''; position:absolute; left:2%; right:2%; bottom:0; border-bottom:1px solid #ccc;}
.smTable th, td {padding:15px 5px; vertical-align:middle; font-size:1.6rem; letter-spacing:-0.2rem;}
.smTable thead tr > th {background-color:#574744; color:#fff; font-weight:500; text-align:center; padding:15px 5px;}
.smTable tbody tr > td {background-color: #fff;}

.tableBox {margin:30px;}
.tbTitle {font-size:2.1rem; font-weight:500; position:relative; margin:0 0 5px 1.7rem;}
.tbTitle:before {content:''; display:inline-block; width:5px; height:5px; background:#fe383c; border-radius:10px; vertical-align:middle; position:absolute; top:15px; left:-15px;}
.tbDate {font-size:1.7rem; color:#555;}

.harfBlock {position:relative;}
.harfBlock:after {content:''; display:block; overflow:hidden; clear:both;}
.harfBlock > div {display:block; float:left; width:50%; padding:0 15px;}
.fullBlock {width:100%;}
.fullBlock .conBox {width:100%; margin:0 auto 80px; padding:0 15px;}
.harfBlock .conBox {margin:0 auto 60px; padding:0 15px;}
.harfBlock .imgBox {margin:0 auto 60px; padding:0; text-align:center;}
.fullBlock .conBox2 {width:60%; margin:10px 0 0; padding:0 30px; display: inline-block;}
.fullBlock > div {display:block;}

.btn {display:inline-block; padding:4px 20px; text-align:center; margin:2px 5px; letter-spacing:-0.1rem; line-height:normal; color:#fff !important; font-size:1.6rem;}
.smBtn-navy {background:#5e82cc;}
.smBtn-brn {background:#687d7c;}
.smBtn-red {background:#d64b58;}
.xsBtn-gray {background:#f2f0ef; color:#111 !important; font-weight:500; padding:2px 12px; margin-right:0;}

.txt_red {color:#eb606e; display:inline-block;}
.txt_gray {color:#444;}
.txt_blue {color:#5e82cc;}
.txt_black {color:#111;}
.tel_link {color:inherit !important; pointer-events:none; cursor:default; font-weight:600;}

.tab-contents {display:none;}
.tab-contents.active {display:inherit;}
.tab-contents > section {margin:0; padding:0;}
.tab-contents > section .links {}
.tab-contents > section.bg01 {background:#f7f5f5;}
.tab-contents > section.tab_gap {margin-top:-8.0rem; background:#f4e7d1;}
.tab-contents > section.tab_gap.bg02 {margin:6rem 0; background:#ffffff;}

.tab-contents h3 {text-align:left; margin-bottom:25px; position:relative; padding-left:15px;}
.tab-contents h3 > span {display:inline-block; font-size:3.1rem; font-weight:500;}

/* 기본 */
.plan {width:100%; background:#f7f5f5; height:360px; box-sizing:border-box; padding-top:100px;}
.plan-wrapper {width:100%; max-width:1200px; margin:0 auto;}
.plan .header {position:relative; margin-bottom:50px; vertical-align:middle; text-align:center;}
.plan .header h2 {display: inline-block; margin-bottom:30px; font-size:3.1rem; line-height:3.9rem; vertical-align: middle; letter-spacing:-0.15rem;}
.plan .header h2 strong {font-weight:600;}
.plan .header .main {font-size:2.1rem; color:#a56400; display:block; font-weight:600; margin-bottom:5px;}
.plan .header .sub {color:#717171; display:inline-block; line-height:2.3rem; vertical-align:middle;}

.plan .list_wrap {box-sizing: border-box;}
.plan .conBox ul li {width:49.5%; padding:10px; float:left; text-align:left;}
.plan .conBox ul li > div {border-radius:20px; background:#fff; border:1px solid #bbbbbb; box-shadow: 15px 15px 13px rgb(0, 0, 0, 0.12); min-height:280px;}
.plan .conBox ul li > div > p {border-radius:20px 20px 0 0; font-size:2.3rem; padding:20px 20px 5px; font-weight:600; margin:0; letter-spacing:-0.15rem;}
.plan .conBox ul li > div > dl {padding:5px 20px; min-height:180px;}
.plan .conBox ul li > div > dl.h140 {min-height:140px;}
.plan .conBox ul li > div > dl.h150 {min-height:150px;}
.plan .conBox ul li > div > dl.h200 {min-height:210px;}
.plan .conBox ul li > div > dl dt {font-weight:500; padding-left:10px; margin:7px 0 5px; position:relative;}
.plan .conBox ul li > div > dl dt::before {content:' '; display:block; width:4px; height:4px; border-radius:2px; background:#111; position:absolute; top:5px; left:0;}
.plan .conBox ul li > div > dl dt > span {color:#eb606e;}
.plan .conBox ul li > div > dl dd {display:block; padding-left:18px; position:relative; margin:2px 0; line-height:2.1rem;}
.plan .conBox ul li > div > dl dd::before {content:'-';display:block; color:#333; position:absolute; top:-1px; left:7px;}
.plan .conBox .btn {float: right;}
.plan .conBox .link-wrap {display:block; border-top:1px solid #dcdcdc; padding:15px 0; margin:5px 20px 0; position:relative;}
.plan .conBox .link-wrap .tit {vertical-align:middle; font-weight:500; line-height:2.6rem; text-align:left;}
.plan .conBox .link-wrap .btn-link {position:absolute; right:0; top:12px; color:#fff; background:#333333; padding:5px 10px; box-sizing:border-box;}
.plan .conBox .imgBox {margin:0 auto; padding:0 5px 30px; text-align:center;}

/* 안내 */ 
.notice {width:100%; background:#726b5f; box-sizing:border-box;}
.notice .wrapper.st1 {width:100%; max-width:1140px; min-height:170px; margin:0 auto; background: #726b5f url('../images/notice_bg1.png') no-repeat bottom 25% right 5%;}
.notice .wrapper.st2 {width:100%; max-width:1140px; min-height:170px; margin:0 auto; background: #726b5f url('../images/notice_bg2.png') no-repeat top 25% right 10%;}
.notice .wrapper.st3 {width:100%; max-width:1140px; min-height:170px; margin:0 auto; background: #726b5f url('../images/notice_bg3.png') no-repeat top 10% right 15%;} 
.notice .header {position:relative; text-align: left; vertical-align:middle; padding-top:30px; padding-bottom:30px;}
.notice .header h2 {display:inline-block; color:#fff; margin-right:50px; font-size:3.1rem; line-height:3.9rem; vertical-align:top; letter-spacing:-0.15rem;}
.notice .header h2 strong {font-weight:600;}
.notice .header .sub {display:inline-block;}
.notice .header .sub .tit {display:block; font-size:2.1rem; color:#fff; font-weight:500; margin-bottom:5px;}
.notice .header .sub .con {display:inline-block; color:#fff; line-height:2.3rem; vertical-align: middle;}
.notice .header .btn-link {position:absolute; right:1%; bottom:5%; color: #fff; background:#000; opacity:0.5; padding:8px;}
.notice .header .btn-link:hover {box-shadow: 5px 5px 7px #0000002a; text-decoration: underline;}

/* 링크요소 */
.links {width:100%; background:#f4e7d1; padding-top:100px; padding-bottom:100px; line-height:160%;}
.links .wrapper {width:100%; max-width:1140px; margin: 0 auto; justify-content: space-between;}
.links h2 {display:block; margin-bottom:30px; font-size:3.1rem; line-height:3.9rem; vertical-align:middle; letter-spacing:-0.15rem; text-align:center; position:relative;}
.links h2 strong {font-weight:600;}
.links .item-list-wrap {display: flex; justify-content:space-between;}
.links .item-list {grid-row-gap:16px; display:flex; flex-direction:column; flex:auto; align-items:flex-start;}
.links .item-list .title {font-size:2.3rem; font-weight:500; line-height:3.6rem; display:block; margin-top:35px;}
.links .item-list .item {display:block; padding-left:12px; text-decoration:none; position:relative; letter-spacing:-0.12rem;}
.links .item-list .item::before {content:' '; display:inline-block; margin:10px auto; width:5px; height:5px; border-radius:2.5px; background:#6e5452; position:absolute; top:-2px; left:0;}
.links .item-list .item:hover {text-decoration: underline;}
.links .item-link-wrap {font-size:1.7rem;}

/* footer */
.footer_wrap {clear:both; background-color:#333; color:#f7f5f5; text-align:center; font-size:1.7rem; line-height:2.4rem; padding:30px 0; letter-spacing:0.015rem;}

#scroll-top{display:none; position:fixed; right:5%; bottom:5%; width:60px; height:60px; border-radius:50%; background-color:#fff; border:4px solid #54857d; box-shadow:0px 2px 10px 0px rgba(0,0,0,.35);text-align: center;z-index: 5}
#scroll-top button{display:block; width:100%; height:100%; color:#fff;}
#scroll-top button i{display: block;height: 10px}

@media screen and (max-width:1199px) {
	.inner {max-width:100%;}
	.header_wrap .logo_area {left:10px;}
	.header_wrap .sns_area {right:10px;}
	.section .inner {padding:0 10px;}
	.tabs_area.tabs_fixed {width:100%;}
}

@media screen and (max-width:950px) {  
  html {font-size:60%;}
  .notice .header {padding:30px;}
  .notice .header .btn-link {position:absolute; right:2%; bottom:5%;}
  .tel_link {pointer-events:auto; cursor:pointer;}
  .smTable th, .smTable td {padding:10px 4px;}
  .notice .wrapper.st1 {background: #726b5f url('../images/notice_bg1.png') no-repeat bottom 25% right -5%;}
  .notice .wrapper.st2 {background: #726b5f url('../images/notice_bg2.png') no-repeat top 25% right -5%;}
  .notice .wrapper.st3 {background: #726b5f url('../images/notice_bg3.png') no-repeat top -10% right 5%;}
}

@media screen and (max-width:768px) {
  .header_wrap {min-height:450px;}
  .header_wrap .inner {min-height:200px; padding:0;}
  .header_wrap .main_title > img {max-width:75%; padding:0 20px;}  
  .header_wrap .logo_area .logo > img {max-width:85%;}
  .header_wrap .main_title {padding: 0;}
  .nav_group {background-size:60%;}
  .nav_group .inner {padding:2rem 0 7.5rem;}
  .nav_group .tabs_area {width:80%;}
  .nav_group .tabs_area li > span {font-size: 2.3rem;}
  .plan {padding-top:60px;}
  .plan .header {margin-bottom:60x;}
  .plan .conBox ul li > div > p {font-size:2.1rem;}
  .plan .conBox ul li {width:100%;}
  .plan .conBox ul li > div > dl {min-height:max-content;}
  .links {padding-top:60px; padding-bottom:60px;}
  .links h2 {margin-bottom:5px;}
  .links .item-list .item {text-align: center;}
  .notice .header {padding:20px;}
  .notice .wrapper.st1 {background: #726b5f url('../images/notice_bg1.png') no-repeat bottom -20% right -5%;}
  .notice .wrapper.st2 {background: #726b5f url('../images/notice_bg2.png') no-repeat top -10% right -15%;}
  .notice .wrapper.st3 {background: #726b5f url('../images/notice_bg3.png') no-repeat bottom 300% right -5%;}
  .notice .header h2 {display:block; margin-right:10px; font-size:2.1rem; margin-bottom:10px;}  
  .notice .header .sub {display:block;}
  .notice .header .sub .tit {font-size:1.6rem;}
  .notice .header .sub .con {display:block; text-shadow: 2px 2px 3px #111;}
  .notice .header .btn-link {position:relative; display:inline-block; padding: 5px 10px; margin:10px 20px 0;}
  /*
  .notice .header .btn-link {position:absolute; right:5%; bottom:20%;}
  */
  .links .item-list-wrap {display:flex; flex-direction:column;}
  .links .item-list {grid-row-gap:10px; display:flex; flex-direction:column; flex:auto; align-items:center;}
  .smTable th, .smTable td {padding:7px 4px;}
  .tab-contents > section.tab_gap.bg02 {margin:3rem 0;}
}
@media screen and (max-width: 530px) {
  .header_wrap .main_title > img {max-width:90%; padding:0 20px;}
  .nav_group .inner {padding:2rem 0 5.5rem;}
  .nav_group .tabs_area li > span {font-size:1.9rem;}
  .notice .wrapper.st1 {background-size:50%;}
  .notice .wrapper.st2 {background-size:50%;}
  .notice .wrapper.st3 {background-size:50%;}
}

@media screen and (max-width:480px) {
  .header_wrap {min-height:420px;}
  .header_wrap .main_title > img {max-width:100%;}
  .header_wrap .main_title .s_title {font-size: 1.6rem; position:absolute; bottom:21%; left:36%; width:130px;}
  .nav_group {background-size:70%;}
  .nav_group .tabs_area {width:100%;}
  .btn {padding: 4px 10px;}
  .smTable th, td {line-height:1.8rem; font-size:1.5rem;}
  .smTable thead tr > th { padding:7px 5px;}
  .notice .wrapper.st1 {min-height:26rem; background: #726b5f url('../images/notice_bg1.png') no-repeat bottom -10% right -10%; background-size:50%;}
  .notice .wrapper.st2 {min-height:30rem; background: #726b5f url('../images/notice_bg2.png') no-repeat bottom -30% right -32%; background-size:50%;}
  .notice .wrapper.st3 {min-height:26rem; background: #726b5f url('../images/notice_bg3.png') no-repeat bottom -20% right -5%; background-size:50%;}
  .plan .conBox ul li > div {border-radius:15px; background:#fff; border:1px solid #bbbbbb; box-shadow: 4px 4px 7px rgb(0, 0, 0, 0.12);}
  .plan .conBox ul li > div > p {border-radius:15px 15px 0 0;}
  .plan .conBox ul li > div > dl {padding:10px 15px;}
  .footer_wrap {font-size:1.6rem; line-height:1.8rem; padding:20px 5px; letter-spacing:-0.5px;}
  #scroll-top {width:60px; height:60px;}
}

@media screen and (max-width:360px) { 
  .header_wrap {min-height:340px;}
  .pc_only {display:none;}
  .mb_only {display:inline-block;}
  .nav_group .inner {padding:1.2rem 0 3.6rem;}
  .nav_group .tabs_area li > span {font-size:1.7rem;}
  .smTable th, .smTable td {padding:4px;}
}