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

@font-face {
  font-family:'NotoSansKR';
  font-style:normal;
  font-weight:100;
  src:url('/assets/css/font/NotoSansKR-WEB/NotoSansKR-Thin.otf');
  src:url('/assets/css/font/NotoSansKR-WEB/NotoSansKR-Thin.otf?#iefix') format('embedded-opentype'),
      url('/assets/css/font/NotoSansKR-WEB/NotoSansKR-Thin.woff2') format('woff2'),
      url('/assets/css/font/NotoSansKR-WEB/NotoSansKR-Thin.woff') format('woff');
}

@font-face {
  font-family:'NotoSansKR';
  font-style:normal;
  font-weight:200;
  src:url('/assets/css/font/NotoSansKR-WEB/NotoSansKR-Light.otf');
  src:url('/assets/css/font/NotoSansKR-WEB/NotoSansKR-Light.otf?#iefix') format('embedded-opentype'),
      url('/assets/css/font/NotoSansKR-WEB/NotoSansKR-Light.woff2') format('woff2'),
      url('/assets/css/font/NotoSansKR-WEB/NotoSansKR-Light.woff') format('woff');
}

@font-face {
  font-family:'NotoSansKR';
  font-style:normal;
  font-weight:300;
  src:url('/assets/css/font/NotoSansKR-WEB/NotoSansKR-DemiLight.otf');
  src:url('/assets/css/font/NotoSansKR-WEB/NotoSansKR-DemiLight.otf?#iefix') format('embedded-opentype'),
      url('/assets/css/font/NotoSansKR-WEB/NotoSansKR-DemiLight.woff2') format('woff2'),
      url('/assets/css/font/NotoSansKR-WEB/NotoSansKR-DemiLight.woff') format('woff');
}

@font-face {
  font-family:'NotoSansKR';
  font-style:normal;
  font-weight:400;
  src:url('/assets/css/font/NotoSansKR-WEB/NotoSansKR-Regular.otf');
  src:url('/assets/css/font/NotoSansKR-WEB/NotoSansKR-Regular.otf?#iefix') format('embedded-opentype'),
      url('/assets/css/font/NotoSansKR-WEB/NotoSansKR-Regular.woff2') format('woff2'),
      url('/assets/css/font/NotoSansKR-WEB/NotoSansKR-Regular.woff') format('woff');
}

@font-face {
  font-family:'NotoSansKR';
  font-style:normal;
  font-weight:500;
  src:url('/assets/css/font/NotoSansKR-WEB/NotoSansKR-Medium.otf');
  src:url('/assets/css/font/NotoSansKR-WEB/NotoSansKR-Medium.otf?#iefix') format('embedded-opentype'),
      url('/assets/css/font/NotoSansKR-WEB/NotoSansKR-Medium.woff2') format('woff2'),
      url('/assets/css/font/NotoSansKR-WEB/NotoSansKR-Medium.woff') format('woff');
}

@font-face {
  font-family:'NotoSansKR';
  font-style:normal;
  font-weight:600;
  src:url('/assets/css/font/NotoSansKR-WEB/NotoSansKR-Bold.otf');
  src:url('/assets/css/font/NotoSansKR-WEB/NotoSansKR-Bold.otf?#iefix') format('embedded-opentype'),
      url('/assets/css/font/NotoSansKR-WEB/NotoSansKR-Bold.woff2') format('woff2'),
      url('/assets/css/font/NotoSansKR-WEB/NotoSansKR-Bold.woff') format('woff');
}

@font-face {
  font-family:'NotoSansKR';
  font-style:normal;
  font-weight:700;
  src:url('/assets/css/font/NotoSansKR-WEB/NotoSansKR-Black.otf');
  src:url('/assets/css/font/NotoSansKR-WEB/NotoSansKR-Black.otf?#iefix') format('embedded-opentype'),
      url('/assets/css/font/NotoSansKR-WEB/NotoSansKR-Black.woff2') format('woff2'),
      url('/assets/css/font/NotoSansKR-WEB/NotoSansKR-Black.woff') format('woff');
}


/* 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:'NotoSansKR', 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:bold;}
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:#666;}
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 */
.pointer {cursor:pointer;}
.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;}
.pt18 {padding-top:18px;}
.pd0 {padding:0 !important;}
.pt15 {padding-top:15px !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;}
.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:#111; 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;}
#wrap .top{margin:0 auto;width:100%;max-width:1200px;position:relative;padding:15px;display:flex;justify-content:space-between;}
#wrap img{vertical-align:-webkit-baseline-middle;}
#wrap .top .topText{font-size:22px; font-weight:500; vertical-align:-webkit-baseline-middle; margin-left:5px;}
#wrap .top .topSns{padding:7px;}
/* header */
.header_wrap {background:url('../images/titleBg.png') top center no-repeat; background-size:cover; padding:20px 0 0 0; min-height:648px;}
.header_wrap .inner {padding:13% 0 0; min-height:178px;}
.header_wrap .logo_area {position:absolute; top:0; left:0;}
.header_wrap .sns_area {position:absolute; top:7px; right:0;}
.header_wrap .main_title > img {padding:0; margin:0 0 0 7%;}
.header_wrap .main_title .s_title {color:#babcc0; font-size:2.1rem; margin-top:2%; font-weight:400;}
.header_wrap .mousewheel {margin-top:70px;}

/* container */
.plan_container {background:#fff; overflow:hidden; padding:30px 0;}
.plan_container.type01 {background:#fff; background:url('../images/tab1_bg.png') bottom center no-repeat; background-size:100%;}

/* tab */
.nav_group {background-color:#2a3244; height:100px; align-content:center;}
.nav_group .tabs_area {z-index:9999; width:60%; margin:0 auto;}
.nav_group .tabs_area:after {content:''; clear:both; display:block; overflow:hidden;}
.nav_group .tabs_area li {float:left; width:25%; font-size:1.7rem; position:relative; padding:10px; cursor:pointer; text-align:center;}
.nav_group .tabs_area li:last-child {border-right:0px solid;}
.nav_group .tabs_area li > p {display:inline-block; width:72px; height:60px; max-height:60px; background:no-repeat center 100%;}
/*
.nav_group .tabs_area li p.img {display:inline-block; max-height:60px;}
*/
.tab-link:not(:last-child)::after {content:''; position:absolute; top:54%; left:70%; transform:translateX(0) translateY(-50%); width:50%; border-bottom:2px dotted #e4ccb7; margin-left:15px;}

.nav_group .tabs_area li > p.tab01 {background-image:url("../images/ico_tab_01.png");}
.nav_group .tabs_area li > p.tab02 {background-image:url("../images/ico_tab_02.png");}
.nav_group .tabs_area li > p.tab03 {background-image:url("../images/ico_tab_03.png");}
.nav_group .tabs_area li > p.tab04 {background-image:url("../images/ico_tab_04.png");}
.nav_group .tabs_area li > p.tab01:hover {background-image:url("../images/ico_tab_01_on.png");}
.nav_group .tabs_area li.active .tab01 {background-image:url("../images/ico_tab_01_on.png");}
.nav_group .tabs_area li > p.tab02:hover {background-image:url("../images/ico_tab_02_on.png");}
.nav_group .tabs_area li.active .tab02 {background-image:url("../images/ico_tab_02_on.png");}
.nav_group .tabs_area li > p.tab03:hover {background-image:url("../images/ico_tab_03_on.png");}
.nav_group .tabs_area li.active .tab03 {background-image:url("../images/ico_tab_03_on.png");}
.nav_group .tabs_area li > p.tab04:hover {background-image:url("../images/ico_tab_04_on.png");}
.nav_group .tabs_area li.active .tab04 {background-image:url("../images/ico_tab_04_on.png");}
.nav_group .tabs_area li > span {display:block; text-align:center; color:#ffffff; font-size:2.1rem; font-weight:500;}
.nav_group .tabs_area li.active > span{color:#f9c23a; font-weight:600;}
/* contents */

/* contents */
.smTable {word-break:break-all; width:100%; border-collapse:collapse; text-align:center; margin:20px 0; position:absolute; box-shadow: 15px 15px 13px rgb(51, 51, 51, 0.12);}
.smTable.align-l {text-align:left;}
.smTable tr {position:relative;}
.smTable tbody tr:after {content:''; position:absolute; left:3%; right:3%; bottom:0; border-bottom:1px solid #ccc;}
.smTable th, td {padding:15px 5px; vertical-align:middle; font-size:1.7rem; font-weight:500; letter-spacing:-0.2rem;}
.smTable thead tr > th {background-color:#2a3244; color:#fff; font-weight:500; text-align:center; padding:20px 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:#00408c;}
.smBtn-red {background:#ff5c68;}
.smBtn-wh {background:#fff; color:#111 !important; font-weight:600; border-radius:15px; padding:2px 12px;}
.smBtn-brn {background:#777;}
.xsBtn-gray {background:#f2f0ef; color:#111 !important; font-weight:500; padding:2px 12px; margin-right:0;}
.lgBtn {background:#fff; color:#111 !important; font-weight:600; padding:20px 30px; margin:10px; border-radius:10px; box-shadow: 0 0 5px #d4d4d4;}

.txt_red {color:#ff5c68 !important; display:inline-block; font-weight:500;}
.txt_gray {color:#444;}
.txt_blue {color:#00408c;}
.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:50px 0;}
.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;}
.notice_img{display:block;margin-top:30px;}
#tab-1 .plan .inner{background-color:#fff ;max-width:1000px;/*box-shadow:rgba(51, 51, 51, 0.15) 3px 3px 15px;*/}
#tab-1 .plan .inner .header{padding:36px 0 20px 40px; text-align:left; background:#fff url('../images/tab1_01.png') right 5% bottom 0 no-repeat;}
#tab-2 .plan .header,#tab-3 .plan .header,#tab-4 .plan .header{margin-bottom:50px;}
.tab1_contents_03{display:flex; margin-top:30px; gap:1.25rem;}

/* 기본 */
.plan {width:100%; box-sizing:border-box;}
.plan-wrapper {width:100%; max-width:1200px; margin:0 auto;} 
.plan .header {position:relative; vertical-align:middle; text-align:center;}
.plan .header h2 {display:inline-block; font-size:3.1rem; line-height:3.9rem; vertical-align:middle; letter-spacing:-0.15rem; margin-bottom:5rem; position:relative;}
.plan .header h2::after {content:' '; display:block; width:52px; height:2px; background:#ccc; position:absolute; bottom:-60%; left:39.9%;}
.plan .header h2 strong {font-weight:600;}
.plan .header h2 span {color:#ff5c68;}
.plan .header .main {font-size:1.8rem; color:#4b5c9f; display:block; font-weight:600; margin-bottom:5px;}
.plan .header .border {display:block; margin:20px auto;}
.plan .header .sub {font-size:1.7rem; color:#777; display: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:#f6f7f9; border:1px solid #5582ac; /* box-shadow:15px 15px 13px rgb(51, 51, 51, 0.12); */ min-height:337px;}
.plan .conBox ul li > div > p {border-radius:20px 20px 0 0; font-size:2.7rem; color:#000; padding:20px; font-weight:500; margin:0; letter-spacing:-0.2rem;}
.plan .conBox ul li > div > dl {padding:15px 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,.plan .inner .header dl dt {font-size:1.7rem; font-weight:500; padding-left:10px; margin-top:5px; position:relative; color:#333; line-height:2.0rem;}
.plan .conBox ul li > div > dl dt:first-child,.plan .inner .header dl dt:first-child {margin-top:0;}
.plan .conBox ul li > div > dl dt::before,.plan .inner .header dl dt::before {content:' '; display:block; width:4px; height:4px; border-radius:2px; background:#5582ac; position:absolute; top:10px; left:0;}
.plan .conBox ul li > div > dl dt > span {color:#5e82cc;}
.plan .conBox ul li > div > dl dd,.plan .inner .header dl dd {display:block; font-size:1.7rem; padding-left:18px; color:#111; position:relative; margin:2px 0; line-height:2.1rem;}
.plan .conBox ul li > div > dl dd::before,.plan .inner .header dl dd::before {content:'-';display:block; color:#111; position:absolute; top:-1px; left:7px;}
.plan .conBox .link-wrap {display:block; border-top:1px solid #dcdcdc; padding:15px 0; margin:0 20px 0; position:relative;}
.plan .conBox .link-wrap.link-item {background-color:#fff; margin-top:0; margin-bottom:10px; border-top:none; border-radius:15px; color:#555555;}
.plan .conBox .link-wrap.link-item .tit {vertical-align:middle; margin-left:15px; font-weight:500; line-height:2.6rem; text-align:left; font-size:1.7rem;}
.plan .conBox .link-wrap .btn-link {position:absolute; right:0; top:13px; color:#000;font-weight:600;padding:5px 10px; box-sizing:border-box; font-size:1.5rem; margin-right:10px;}
.plan .conBox .imgBox {margin:0 auto; padding:0 5px 30px; text-align:center;}

.tab1_contents_01 .plan .header dl {margin:20px 0;}
.tab1_contents_01 .plan .list_wrap {box-sizing:border-box;}
.tab1_contents_01 .plan .header h2 {margin-bottom:1rem;}
.tab1_contents_01 .plan .header h2::after {display:none;}
.tab1_contents_01 .plan .conBox ul li > div > p {color:#fff;}
.tab1_contents_01 .plan .conBox ul li > div > dl dt {color:#fff;}
.tab1_contents_01 .plan .conBox ul li > div > dl dt::before {content:' '; display:block; width:4px; height:4px; border-radius:2px; background:#fff; position:absolute; top:10px; left:0;}
.tab1_contents_01 .plan .conBox ul li > div > dl dd {color:#fff;}
.tab1_contents_01 .plan .conBox ul li > div > dl dd::before {content:'-';display:block; color:#fff; position:absolute; top:-1px; left:7px;}
.tab1_contents_01 .plan .conBox ul li {width:50%; background:#5582ac; padding:10px; float:left; text-align:left;}
.tab1_contents_01 .plan .conBox ul li:nth-child(1) {border-radius:20px 0 0 20px;}
.tab1_contents_01 .plan .conBox ul li:nth-child(2) {border-radius: 0 20px 20px 0;}
.tab1_contents_01 .plan .conBox ul li > div {border-radius:20px; background:#5582ac; border:1px solid #5582ac; color:#fff;}
.tab1_contents_01 .plan .conBox .link-wrap.link-item {background-color:#4c759a; color:#fff;}
.tab1_contents_01 .plan .conBox .link-wrap .btn-link {color:#fff;}
.tab3_contents_01 .plan .conBox ul li:nth-child(3) {margin:3rem 0;}


/* 안내 */ 
.notice {width:100%; background:#f6f7f9; box-sizing:border-box;}
.notice .wrapper.st1 {width:100%; max-width:1140px; min-height:160px; margin:0 auto;}
.notice .wrapper.st1 .sub > dl dt {font-size:1.8rem; font-weight:500; padding-left:10px; margin:5px 0; position:relative; color:#111; line-height:25px;}
.notice .wrapper.st1 .sub > dl dt::before {content:' '; display:block; width:4px; height:4px; border-radius:2px; background:#5582ac; position:absolute; top:10px; left:0;}
.notice .wrapper.st1 .sub > dl dt > span {color:#5e82cc;}
.notice .wrapper.st1 .sub > dl dd {display:block; font-size:1.7rem; padding-left:18px; color:#111; position:relative; margin:2px 0; line-height:2.1rem;}
.notice .wrapper.st1 .sub > dl dd::before {content:'-';display:block; color:#111; position:absolute; top:-1px; left:7px;}
.notice .wrapper.st1 .sub > div {margin:20px 0;}
.notice .wrapper.st2 {width:100%; max-width:1140px; min-height:270px; margin:0 auto; display:flex; justify-content:space-around; gap:50px;} 
.notice .wrapper.st2 .sub > dl dt {font-size:1.8rem; font-weight:500; padding-left:10px; margin:5px 0; position:relative; color:#111; line-height:25px;}
.notice .wrapper.st2 .sub > dl dt::before {content:' '; display:block; width:4px; height:4px; border-radius:2px; background:#5582ac; position:absolute; top:10px; left:0;}
.notice .wrapper.st2 .sub > dl dt > span {color:#5e82cc;}
.notice .wrapper.st2 .sub > dl dd {display:block; font-size:1.7rem; padding-left:18px; color:#111; position:relative; margin:2px 0; line-height:2.1rem;}
.notice .wrapper.st2 .sub > dl dd::before {content:'-';display:block; color:#111; position:absolute; top:-1px; left:7px;}
.notice .wrapper.st2 .sub > div {margin:20px 0;}
.notice .header {position:relative; text-align:left; vertical-align:middle; padding-top:30px; width:100%; text-align:-webkit-center;}
.notice .header h2 {display:inline-block; color:#111; font-size:3.1rem; line-height:3.9rem; vertical-align:top; letter-spacing:-0.2rem;}
.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:5%; bottom:0; color:#fff; background:#ff5942; padding:8px 20px;}
.notice .header .btn-link:hover {box-shadow:5px 5px 7px #0000002a; text-decoration:underline;}

/* 링크요소 */
.links {width:100%; background:#ffe5e3; padding-top:60px; padding-bottom:75px; font-size:18px; font-weight:600; line-height:160%;background-image:url(../images/footerBg.png);background-repeat:no-repeat;background-size:cover;background-position:center;background-attachment:fixed;}
.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:before {content:''; display:block; width:65px; height:21px; position:absolute; top:-50%; left:50%; background:url('../images/ico_h2.png') no-repeat center; transform:translate(-50%, -50%);}
.links h2 strong {font-weight:600; color:#fff;}
.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; color:#fff;}
.links .item-list .item {display:block; text-decoration:none; position:relative; letter-spacing:-0.12rem; color:#fff;}
.links .item-list .item:hover {text-decoration:underline;}
.links .item-link-wrap {font-size:1.7rem;}
.tab1_contents_03 .link-wrap {display:block; background:#fff; border-radius:10px; padding:10px 0; margin:20px 30px 20px 5px; position:relative; text-align:left !important;}
.tab1_contents_03 .link-wrap .tit {vertical-align:middle; margin-left:15px; font-weight:500; line-height:2.6rem; text-align:left; font-size:1.7rem;}
.tab1_contents_03 .link-wrap .btn-link {position:absolute; right:0; top:9px; color:#7f5650; font-weight:600; padding:5px 10px; box-sizing:border-box; font-size:1.5rem; margin-right:10px;}
.tab2_contents_01 .notice{background:#f6f7f9 url('../images/tab2_01.png') left 30% bottom 0 no-repeat;}
.tab2_contents_01_01 {display:flex; justify-content: flex-end;}
.tab2_contents_01_01 .sub{padding-top:30px; margin-right:5%; text-align:left; font-size:1.7rem; line-height:2.5rem;}
.tab4Img {display:block; margin-top:20px; margin-bottom:10px;}


/* 콘텐츠 */
.onlyMobile{display:none!important;}

/* footer */
.footer_wrap {clear:both; background-color:#2a3244; color:#fff; text-align:center; font-size:1.6rem; line-height:2.4rem; letter-spacing:-0.025rem; /*padding:30px 0;*/ min-height:180px; align-content:center; margin-top:100px; height:200px;}
.footer_wrap > img {position:relative; bottom:16vh; width:180px;}
.footer_wrap .inner {top:-50%;}

#scroll-top{display:none; position:fixed; right:2%; bottom:2%; width:64px; height:64px; border-radius:50%; background-color:#fff; border:3px solid #121e36; 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%;/*line-height:*/;color:#fff; font-size:13px} /* 2019/12/18 */
#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%;}
	.header_wrap .main_title > img {margin: 10% 0 0 7%;}	
	.tab2_contents_01 .notice {background:#f6f7f9 url('../images/tab2_01.png') left 10% bottom 0 no-repeat;}
}

@media screen and (max-width:950px) {
  .nav_group .tabs_fixed li.active > span{color:#fff;}
  .tab-contents h3 {letter-spacing:-0.18rem;}
  .tab-contents h3 > span {display:block;}
  .smTable {margin-top:20px;}
  /*
  .notice .wrapper.st1 .sub > dl dt::before{display:none;}
  .notice .wrapper.st1 .sub > dl dd::before{display:none;}
  .notice .wrapper.st1{gap:unset; flex-direction:column;}
  .notice .wrapper.st1 .sub{text-align:center;}
  */
  .tab-contents .box_item > div {margin:0 10px;}
  .tabs_area.tabs_fixed {position:fixed; top:0; left:50%; width:100%; transform:translate(-50%, 0); background:rgba(102,168,101,0.9); margin:0; padding:5px 0; border-radius:0 0 30px 30px;}
  .tabs_area.tabs_fixed li {float:left; width:25%; font-size:1.7rem; position:relative; padding:10px; cursor:pointer; text-align:center;}
  .tabs_area.tabs_fixed li span {color:#111;}
  .tab-contents .conBox ul li > img {width:100%;}
  .smTable th, .smTable td {padding:10px 4px;}
  .tab-contents > section {margin:0; padding:40px 0 0;}
  .tel_link {pointer-events:auto; cursor:pointer;}
  .tab2_contents_01 .notice {background:#f6f7f9 url('../images/tab2_01.png') left -20% bottom 0 no-repeat; background-size:contain;}
  .tab2_contents_01_01 .sub {margin-right:1rem;}
  .links {padding:60px 5px 75px;}
  .footer_wrap > img {width:160px;}
  .footer_wrap .inner {top:-40%;}
}

@media screen and (max-width:768px) {
  html {font-size:60%;}
  .header_wrap {min-height:584px;}
  .header_wrap .main_title {padding:0 10px;}
  .header_wrap .main_title > img {margin:15% 0 0 0; width:70%;}
  .nav_group .tabs_area {width:80%;}
  .plan_container {padding-bottom:30px;}

  .tab2_contents_01_01 .sub{padding-top:unset;}
  .notice .header h2{border:unset; margin-bottom:10px; font-size:2.8rem;}
  .plan .conBox ul li > div > p {font-size:2.4rem;}
  .onlyMobile{display:block!important;}
  
  #tab-1 .plan .inner .header{padding:20px; background-size:40%}
  #tab-2 .plan .header, #tab-3 .plan .header, #tab-4 .plan .header {margin-bottom:30px;}

  .mt80{margin-top:80px;}
  .links .item-list-wrap{align-items:center;flex-direction:column;}
  .links .item-list{align-items:center;}
  .links .item-list .item{text-align:center;}

  .notice .wrapper.st2 .sub > dl dt::before{display:none;}
  .notice .wrapper.st2 .sub > dl dd::before{display:none;}
  .notice .wrapper.st2{gap:unset; flex-direction:column;}
  .notice .wrapper.st2 .sub{text-align:center;}

  .tab1_contents_03{display:block;}
  .tab1_contents_01 .plan .inner img{display:none;}
  .plan .conBox ul li{width:100%;}
  .tab2_contents_01 .notice {background:#f6f7f9 url('../images/tab2_01.png') left -20% bottom 0 no-repeat; background-size:contain;}
  .tab3_contents_01 .plan .conBox ul li:nth-child(3) {margin:6rem 0 0;}
  .tab-contents .medical_info > div .tit_txt > span {font-size:2.6rem;}
  .tab-contents .medical_info > div dd.lg {width:46%;}  
  .tab-contents .medical_info > div dl {min-height:190px; overflow:hidden;}
  .tab-contents .medical_info .box1 dl {background-size:contain;}
  .tab-contents .medical_info .box2 dl {background-size:cover;}
  .tab-contents .medical_info > div .sub_txt {margin:10% 0 2%;}
  .tab-contents .medical_info > div dd.lg {margin:5px;}
  .tab-contents .medical_info > div dd.md {margin:5px;}
  .tab-contents .box_item > div p {font-size:1.8rem;}  
  .fullBlock .conBox2 {width:100%;}
  .tab-contents .tab2_contents_01, .tab-contents .conBox.boxStyle3 {margin-top:50px;}
  .tab-contents .tab2_contents_01{padding-top:30px; margin-top:0px; margin-bottom:30px;}
  .tab-contents .conBox ul li:before {top:8px;}
}
@media screen and (max-width:530px) {
  .header_wrap {background:url('../images/titleBg_mo.png') top center no-repeat; background-size:cover; min-height:652px;}
  .header_wrap .main_title > img {margin:0; width:90%;}
  .tab-link:not(:last-child)::after{display:none;}
  .nav_group {height:60px;}
  .tab1_contents_01 .plan .conBox ul li > div {min-height: auto;}
  .tab1_contents_01 .plan .conBox ul li {width:100%; padding:10px; float:none; text-align:left;}
  .tab1_contents_01 .plan .conBox ul li:nth-child(1) {border-radius:20px 20px 0 0;}
  .tab1_contents_01 .plan .conBox ul li:nth-child(2) {border-radius: 0 0 20px 20px;}
  .tab2_contents_01 .notice {background:#f6f7f9}
  .tab2_contents_01_01 {justify-content:center;}
  .tab3_contents_01 .plan .conBox ul li:nth-child(3) > div {min-height: auto;}
  #tab-2 .plan .conBox ul li > div, #tab-4 .plan .conBox ul li > div {min-height: auto;}
}
@media screen and (max-width:480px) { 
  .tab-link:not(:last-child)::after{display:none;}
  .header_wrap {min-height:562px;}
  .header_wrap .main_title {padding:10px 30px;}
  .nav_group .tabs_area {width:100%;}
  .nav_group .tabs_area li > p {width:48px; height:40px;}
  .plan_container {padding:20px 0;}
  .pc_only {display:none;}
  .mb_only {display:inline-block;}
  .tabs_area {width:100%; margin:0px 0px 50px 0px;}
  .tabs_area li > img {width:60%;}
  .nav_group .tabs_area li > p {background-size:48px;}
  .nav_group .tabs_area li.active {background-size:48px;}
  .nav_group .tabs_area li > p:hover {background-size:48px;}
  .tab-contents .medical_info > div dd.lg {width:100%;}
  .tab-contents .medical_info > div dd.md {width:100%;}
  .tab-contents .medical_info_area ul li {width:100%;}
  .tab1_contents_01 .plan .conBox ul li > div > p {padding-bottom:10px;}
  .tab1_contents_01 .plan .conBox ul li > div > dl {min-height: auto;}
  .tab1_contents_02 .notice_img {width:70%;}
  .tab2_contents_01 .notice .wrapper.st1 .header {padding:30px 20px 10px;}
  .tab4_contents_02 .notice img {margin-top:30px;}

  .btn {padding:4px 20px;}
  .lgBtn {padding:10px 20px;}
  .smBtn-wh {padding:2px 12px;}
  .tab-contents .tab2_contents_01, .tab-contents .conBox.boxStyle3 {margin-top:0;}
  .tab-contents .medical_info > div {width:100%; padding:0 5px; margin:10px 0;}  
  .tab-contents .medical_info > div .sub_txt {margin:12% 0 3%;}
  .tab-contents .medical_info > div dd.md {padding:8px 10px;}
  .fullBlock {padding:0;}
  .harfBlock > div {padding:0; margin:10px 0;}
  .harfBlock .conBox {margin:0 auto 40px; padding:0 10px;}
  .fullBlock .conBox {width:100%; margin:0 auto 40px; padding:0 10px;}
  .tab-contents .box_item > div {width:100%; margin:5px; padding:10px 0;}
  .tab-contents h3 {margin-bottom:15px; padding-left:10px;}
  .tab-contents h3 > span {font-size:2.8rem;}
  .tab-contents .conBox ul li {font-size:1.8rem;}
  .footer_wrap {font-size:1.6rem; line-height:1.8rem; padding:15px 5px; letter-spacing:-0.5px; min-height:140px;}
}

@media screen and (max-width:400px) { 
  .smTable th, td {font-size:1.5rem;}
  .smTable thead tr > th {font-size:1.7rem; padding:10px 4px;}
  .plan .conBox ul li {padding:10px 5px;}
}

@media screen and (max-width:360px) { 
  .header_wrap {min-height:480px;}
  .smTable th, .smTable td {padding:4px;}
}