@charset "utf-8";

@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; font-size:62.5%;}
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, textarea, p, blockquote, th, td, input, select, textarea, button {margin:0;padding:0; font-family:'NotoSansKR', 'san-serif'; font-weight:400; line-height:1.2; letter-spacing:-1.5px; word-break:keep-all;}
ul,li,ol{list-style: none;}
strong {font-weight:600;}
/* h1, h2, h3, h4, h5, h6 {line-height:1.0;} */
fieldset,img {border:0 none}
img {max-width:100%}
img { -webkit-perspective: 1; }
button{border:0 none; background-color:transparent; cursor:pointer}
select {padding:4px;border:1px solid #dcdcdc;border-radius:0!important;}
select.user-add-select{height: 30px; line-height: 20px;}
table, tr, td, th {border-collapse:collapse;border-spacing:0px;}
caption {width:0;height:0;font-size:0;overflow:hidden;}
a, a:hover, a:focus, a:visited {text-decoration:none; color:#222;}

/* 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;}
.dib {display:inline-block;}
.db {display: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:-1px;}
.ovh {overflow:hidden;}
.text-red {color:#ff4836;}
.text-pink {color:#ff7a70;}
.text-gray {color:#555555 !important;}
.fs21 {font-size:2.1rem !important;}
.pt18 {padding-top:18px;}
.mt5 {margin-top:5px !important;}
.mt10 {margin-top:10px !important;}
.mt20 {margin-top:20px !important;}
.mt30 {margin-top:30px !important;}
.mb10 {margin-bottom:10px !important;}
.mb20 {margin-bottom:20px !important;}
.mb30 {margin-bottom:30px !important;}
.ml10 {margin-left:10px !important;}
.ml20 {margin-left:20px !important;}
.ml30 {margin-left:30px !important;}
.fw500 {font-weight: 500;}
.fw600 {font-weight: 600;}


/* style */
body {color:#121212; letter-spacing:-1.5px;}
.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; min-height:628px;}
.header_wrap .inner {padding:7% 0 0 0}
.header_wrap .main_title {display:flex; flex-direction:column; align-items:flex-start; justify-content:center;}
.header_wrap .main_title img {margin:0 auto;}

.header_top {width:100%; background-color:rgba(255, 255, 255, 0.5); display:flex; justify-content:center; align-items:center; z-index: 10; top:0; left:0;}
.header_wrap .header_top .inner {display:flex; height:80px; align-items:center; justify-content:space-between; padding:0;}
.header_top .logo_area {display:flex; align-items:center;}
.header_top .logo_area a {display:block; width:123px; height:45px; background-image:url(../images/logo.png); background-size: cover;}
.header_top .sns_area {display:flex; align-items:center;}
.header_top .sns_area a {display:inline-block; margin-left:5px;}

/* container */
.summerplan_container {overflow:hidden;}
.summerplan_container nav {background:#017dcc;}
.summerplan_container .tab-contents .inner {max-width:800px;}
.tabs_area {z-index:9999;}
.tabs_area:after {content:''; clear:both; display:block; overflow:hidden;}
.tabs_area.tabs_fixed {position:fixed; top:0; left:50%; width:1200px; transform:translate(-50%, 0); background:#017dcc;}
.tabs_area li {float:left; width:16.666666667%; font-size:2.3rem; font-weight:600; cursor:pointer; text-align:center; color:#fff; position:relative; transition:.3s; padding:22px 0;}
.tabs_area li > span {border-right:2px solid #3497d6; display:block;}
.tabs_area li:last-child span, .tabs_area li:hover span, .tabs_area li.active span {border-right:0;}
.tabs_area li:hover {background:#fff; color:#333;}
.tabs_area li.active {background:#fff; color:#333;}
.tabs_area li.active:after {content:''; display:block; width:44px; height:3px; background:#29415b; position:absolute; bottom:10px; left:50%; transform:translate(-50%, 0);}

/* contents */
.smTable {word-break:break-all; width:100%; margin-bottom:1rem;}
.smTable.align-center {text-align:center;}
.smTable th,
.smTable td {padding:15px 10px; vertical-align:middle; border:1px solid #ccc;}
.smTable thead > tr > th {font-size:2.1rem; font-weight:500; text-align:center; border-bottom:0;}
.smTable tbody > tr > th,
.smTable tbody > tr > td {font-size:1.9rem; text-align:center;}
.smTable tfoot > tr > td {background:#eaeaea;}
.smTable.table-style-white th,
.smTable.table-style-white td {border:1px solid #fff; color:#fff;}
.smTable.table-style-white tbody > tr > th {color:#fbf039;}
.smTable.table-style-white tbody > tr > td {color:#f1f1f1;}
.smTable.table-style-white tbody > tr > td p {position:relative; padding-left:10px; line-height:1.3;}
.smTable.table-style-white tbody > tr > td p::before {content:''; display:inline-block; width:4px; height:4px; border-radius:4px; background:#fff; vertical-align:middle; position:absolute; top:10px; left:0;}
.smTable.table-style-red th,
.smTable.table-style-red td {border:1px solid #fe383c;}
.smTable.table-style-red thead > tr > th {color:#303440; font-weight:500; background:#fff;}
.smTable.table-style-red tbody > tr > td {color:#333; background:#f1f1f1;}
.smTable.table-style-green th,
.smTable.table-style-green td {border:1px solid #d3d3d3; background:#fff; font-size:1.7em;}
.smTable.table-style-green tr {border:2px solid #222;}
.smTable.table-style-green thead > tr > th {font-weight:500; letter-spacing:-1.2px;}
.smTable.table-style-green tbody > tr > td {color:#fff; background:#00AB61;}
.smTable.table-style-blue th,
.smTable.table-style-blue td {border:1px solid #d3d3d3; background:#fff; font-size:1.8em; padding:10px 7px;}
.smTable.table-style-blue tr {border:1px solid #222;}
.smTable.table-style-blue thead > tr > th {font-weight:500; color:#fff; background:#336397; word-break:break-all;}
.smTable.table-style-blue tbody > tr > td {background:#fff; word-break:break-all;}
.smTable.table-style-blue tbody > tr > th {color:#222; background:#eee;}
.tableBox {margin:2rem 0;}
.tableBox.con {padding:0 0 2.4rem;}
.tbTitle {font-size:2.1rem; font-weight:500; position:relative; margin:0 0 5px 17px;}
.tbTitle:before {content:''; display:inline-block; width:5px; height:5px; background:#fe383c; border-radius:10px; vertical-align:middle; position:absolute; top:10px; left:-15px;}
.tbDate {font-size:1.7rem; color:#555;}
.box {padding:10px 15px; margin-bottom: 20px; border-radius:1.5rem; box-shadow:0px 2px 10px #d2d2d2; font-size:1.7rem;}
.box p {margin:0; line-height:2.4rem;}

.harfBlock {margin:30px 0; position:relative; padding:0 0 2.4rem; border-bottom:1px solid #d2d2d2; display:flex; gap:30px; align-items:flex-start;}
.harfBlock:after {content:''; display:block; overflow:hidden; clear:both;}
.harfBlock > div {position:relative;}
.harfBlock .txt_area {font-weight:500; padding:0; width:60%;}
.harfBlock .img_area {padding:0; width:40%; text-align:right;}
.harfBlock .img_area.rb {padding:0; width:40%; text-align:right; position:absolute; right:0; bottom:0;}
.harfBlock .txt_area dt {font-size:3.6rem; line-height:4.4rem; font-weight:500; margin-bottom:15px;}
.harfBlock .txt_area dd {font-size:2.1rem; font-weight:500; position:relative; margin:0 0 15px 17px;}
.harfBlock .txt_area dd:before {content:''; display:inline-block; width:5px; height:5px; background:#fe383c; border-radius:10px; vertical-align:middle; position:absolute; top:10px; left:-15px;}
.harfBlock .txt_area dd > p {font-size:1.9rem; color:#515151; font-weight:500; position:relative; margin:5px 5px 5px 12px;}
.harfBlock .txt_area dd > p:before {content:'-'; display:inline-block; position:absolute; top:-2px; left:-10px;}
.harfBlock .txt_area span {display:inline-block; font-size:1.9rem; margin:5px 0; color:#ff4836;}
.fullBlock {margin:30px 0; position:relative; padding:0 0 2.4rem; border-bottom:1px solid #d2d2d2;}
.fullBlock > div {display:block; width:100%;}
.fullBlock .txt_area {font-weight:500; padding:0;}
.fullBlock .txt_area dt {font-size:3.6rem; line-height:44px; font-weight:500; margin-bottom:15px;}
.fullBlock .txt_area dd {font-size:2.1rem; font-weight:500; position:relative; margin:0 0 10px 17px;}
.fullBlock .txt_area dd:before {content:''; display:inline-block; width:5px; height:5px; background:#fe383c; border-radius:10px; vertical-align:middle; position:absolute; top:10px; left:-15px;}
.fullBlock .txt_area dd a {color:inherit; text-decoration:none;}
.fullBlock .txt_area dd > p {font-size:1.9rem; color:#515151; font-weight:500; position:relative; margin-left:15px; margin:5px 5px 5px 10px;}
.fullBlock .txt_area dd > p:before {content:'-'; display:inline-block; position:absolute; top:-2px; left:-10px;}
.fullBlock .txt_area span {display:inline-block; font-size:1.9rem; margin:5px; color:#ff4836;}
.harfBlock.none,.fullBlock.none {border-bottom:none;}
.smBtn {display:inline-block; padding:10px 50px; text-align:center;}
.smBtn.smBtn-red {background:#ff4836; color:#fff; font-size:1.9rem; text-decoration:none;}
.smBtn.smBtn-yl {background:#fff279; color:#222; font-size:2.1rem; font-weight:600; text-decoration:none; border:3px solid #222;}
.smBtn.smBtn-gr {background:#00925e; color:#fff; font-size:2.1rem; font-weight:500; text-decoration:none;}
.smBtn.smBtn-bl {background:#017dcc; color:#fff; font-size:2.1rem; font-weight:500; text-decoration:none;}

.systemChart {text-align:center; position:relative; padding:2rem 0;}
.systemChart h4 {font-size:1.9rem; font-weight:400; color:#fe383c; text-align:center; margin-bottom:20px;}
.systemChart ul {display:inline-block;}
.systemChart ul:after {content:''; display:block; overflow:hidden; clear:both;}
.systemChart ul li {float:left; text-align:center; display:block; margin-left:10px;}
.systemChart ul li dl {width:100%; min-height:165px; border:1px solid #222221; position:relative; vertical-align:middle;}
.systemChart ul li dl:after {content:''; display:block; width:0; height:0; border-style:solid; border-width:10px; border-color:transparent transparent transparent #fe383c; position:absolute; top:40%; right:-11%; z-index:100;}
.systemChart ul li:first-child {margin-left:0}
.systemChart ul li:last-child dl:after {display:none;}
.systemChart ul li dl dt {font-size:2.1rem; min-height:84px; font-weight:600; padding:20px 10px;}
.systemChart ul li dl dt span {display:block; font-size:1.9rem; margin:15px 20px; font-weight:400;}
.systemChart ul li dl dd {min-height:80px; font-size:1.9rem; background:#0063a2; color:#fff; border-top:1px solid #222221; padding:10px; display:flex; justify-content:center; align-items:center;}
.systemChart ul li p {font-size:2.3rem; font-weight:600; margin-top:10px;}

.systemChart.re {text-align:center; position:relative;}
.systemChart.re h4 {font-size:1.9rem; font-weight:400; color:#fe383c; text-align:center; margin-bottom:20px;}
.systemChart.re ul {display:inline-block;}
.systemChart.re ul:after {content:''; display:block; overflow:hidden; clear:both;}
.systemChart.re ul li {display:table-row; width:25%; margin-left:0; padding:0 5px;}
.systemChart.re ul li dl {padding-top:0; width:25%; height:auto; display:table-cell;}
.systemChart.re ul li dl:after {content:''; display:block; width:0; height:0; border-style:solid; border-width:10px; border-color:transparent transparent transparent #fe383c; position:absolute; top:45%; right:-11.5%;}
.systemChart.re ul li:first-child {margin-left:0}
.systemChart.re ul li:last-child dl:after {display:none;}
.systemChart.re ul li dl dt {font-size:1.9rem; font-weight:400; min-height:auto; padding:10px; min-height:12rem;}
.systemChart.re ul li dl dt.one {background:#3271b5; color:#ffffff; display:flex; justify-content:center; align-items:center;}
.systemChart.re ul li dl dt.two {background:#336397; color:#ffffff; display:flex; justify-content:center; align-items:center;}
.systemChart.re ul li dl dt.three {background:#265588; color:#ffffff; display:flex; justify-content:center; align-items:center;}
.systemChart.re ul li dl dt.four {background:#06456b; color:#ffffff; display:flex; justify-content:center; align-items:center;}
.systemChart.re ul li dl dt span {display:block; font-size:1.9rem; font-weight:400;}
.systemChart.re ul li dl dd {min-height:86px; font-size:1.9rem; font-weight:500; background:#fff; color:#222; border-top:2px solid #222221; padding:10px; display:flex; justify-content: center;align-items: center;}
.systemChart.re ul li p {font-size:2.3rem; font-weight:600; margin-top:10px;}

.systemChart.type2 h4 {font-size:1.9rem; font-weight:500; text-align:center; margin-bottom:10px;}
.systemChart.type2 ul li {display:table-row; width:33.33%; margin-left:0; padding:0 5px;}
.systemChart.type2 ul li dl {padding-top:0; width:33.33%; height:auto; display:table-cell;}
.systemChart.type2 ul li dl:after {display:none;}
.systemChart.type2 ul li dl dt {font-size:1.9rem; font-weight:400; min-height:100px; padding:10px;}
.systemChart.type2 ul li dl dt.one {background:#ef9b09; color:#ffffff; display:flex; justify-content:center; align-items:center;}
.systemChart.type2 ul li dl dt.two {background:#fb5360; color:#ffffff; display:flex; justify-content:center; align-items:center;}
.systemChart.type2 ul li dl dt.three {background:#c60b19; color:#ffffff; display:flex; justify-content:center; align-items:center;}
.systemChart.type2 ul li dl dd {min-height:90px; font-size:1.9rem; font-weight:500; background:#fff; color:#222; display:flex; justify-content:center; align-items:center;}
.systemChart.type2 p {font-size:2.3rem; font-weight:600; text-align:center; margin-bottom:10px;}
.systemChart.type2:before, .systemChart.type2:after,
.systemChart.type3:before, .systemChart.type3:after {display:none;}
.systemChart.type3 ul {display:table; width:100%; margin-left:30px;}
.systemChart.type3 ul li {display:table-row; width:20%;}
.systemChart.type3 ul li dl {padding-top:0; display:table-cell; height:240px;}
.systemChart.type3 ul li dl:after {display:none;}
.systemChart.type3 ul li dl dt {min-height:auto; margin:0;}

.tab-contents {display:none; padding:30px 0 0;}
.tab-contents.tabs_fixed {margin-top:112px;}
.tab-contents.active {display:inherit;}
.tab-contents .contents_title {margin:6% auto; position:relative; padding-bottom: 30px;}
.tab-contents .contents_title:before {content:''; display:block; width:106px; height:30px; background:url('../images/h2_bullet.png') no-repeat; position:relative; margin:0 auto; padding-bottom:15px;}
.tab-contents .contents_title:after {content:'';display:block;width:100%;height:1px;background:#777;margin:0 auto;position: relative;top: 30px;}
.tab-contents h2 {font-size:3.6rem; font-weight:600; text-align:center;}
.tab-contents h3 {text-align:center; margin-top:15px; font-size:2.1rem; font-weight:400;}

/*.tab1_contents_01 .tBox {margin:100px; height:324px; background:url('../images/section1_img01.png') top right no-repeat;}*/
.tab1_contents_01 .tBox {margin:70px 0; position:relative; display:flex; flex-direction:row;}
.tab1_contents_01 .tBox > div {display:block; width:50%;}
.tab1_contents_01 .tBox .txt_area {padding-right:2rem;}
.tab1_contents_01 .tBox .img_area {text-align:right;}
.tab1_contents_01 .tBox .txt_area h2{text-align:left; font-weight:500;}
.tab1_contents_01 .tBox .txt_area h3{text-align:left; padding-bottom:2.5rem; border-bottom:1px solid #d2d2d2;}
.tab1_contents_01 .tBox .txt_area dl {margin:2.5rem 0;}
.tab1_contents_01 .tBox .txt_area dt {font-size:3.6rem; font-weight:500; margin-bottom:20px;}
.tab1_contents_01 .tBox .txt_area dd {font-size:2.1rem; font-weight:400;}
.tab1_contents_01 .tBox .txt_area dd p {position: relative; padding: 0 0 5px 24px;}
.tab1_contents_01 .tBox .txt_area dd p:before {content:'\e92c'; font-family:xeicon; color:#515151; display:inline-block; vertical-align:middle; position:absolute; top:1px; left:0;}
/*.tab1_contents_01 .tBox .txt_area dd p:before {content:''; display:inline-block; width:5px; height:2px; background:#212121; vertical-align:middle; position:relative; top:-2px; margin-right:5px;}*/
.summerplan_container .tab-contents .tab1_contents_02 .inner {max-width:1200px;}
.tab1_contents_02 {background:#0063a2; padding:80px 0;}
.tab1_contents_02 h2 {color:#fff; margin-bottom:20px;}

.tab2_contents_03 .inner {max-width:800px;}
.tab2_contents_01 .bigTitle {margin:0 auto; text-align:center;}
.tab2_contents_01 .bigTitle h2 {font-size:3.6rem; font-weight:600; display:inline-block; position:relative;}
.tab2_contents_01 .bigTitle h2 > span {color:#e95764;}
.tab2_contents_01 .bigTitle h3 {font-weight:500; margin-top:20px; color:#f1464e;}
.tab2_contents_01 .tBox {position:relative; margin:3rem 0 4rem; padding:3rem 4rem; border-radius:15px; box-shadow:0.5rem 0.5rem 2rem #e2e2e2; background: url(../images/section2_img01.png?20260514) bottom 0 right 10% no-repeat; display: block;min-height:242px;}
.tab2_contents_01 .tBox > img {margin-left: 8%;}
.tab2_contents_01 .tBox .tSignal {display:flex; flex-direction:column; align-items:flex-start; justify-content:space-between; gap:0.5rem; padding-bottom:3rem;}
.tab2_contents_01 .tBox .tSignal p {font-size:3.4rem; font-weight:500; position:relative;}
.tab2_contents_01 .tBox .tSignal p.tit > strong {color:#ff4836;}
.tab2_contents_01 .tBox .tSignal p.tit::before{content:''; display:inline-block; width:5px; height:5px; background:#0b5be0; border-radius:5px; position:absolute; top: 17px; left:-15px;}
.tab2_contents_01 .tBox .tSignal p > span {display:block; font-size:2.1rem; font-weight:500;}
.tab2_contents_01 .tBox .tWatch {display:flex; flex-direction:column; align-items:flex-start; justify-content:space-between; gap:0.5rem;}
.tab2_contents_01 .tBox .tWatch p {font-size:3.4rem; font-weight:500; position:relative;}
.tab2_contents_01 .tBox .tWatch p.tit > strong {color:#f1464e}
.tab2_contents_01 .tBox .tWatch p.tit::before{content:''; display:inline-block; width:5px; height:5px; background:#0b5be0; border-radius:5px; position:absolute; top: 17px; left:-15px;}
.tab2_contents_01 .tBox .tWatch p > span {display:block; font-size:2.1rem; font-weight:500;}
.tab2_contents_02 {margin-top:7rem;}
.tab2_contents_02 .fullBlock {margin-bottom:0;}
.tab2_contents_02 .fullBlock .txt_area dd > span {font-size:2.1rem;}
.tab2_contents_02 .harfBlock .smBtn {transform:translate(-50%, -50%); text-decoration:none;}
.tab2_contents_04 .harfBlock .smBtn {transform:translate(-10%, -50%); text-decoration:none;}
.tab2_contents_04 .harfBlock .txt_area dd > span {color:#555555; margin:0;}
.tab2_contents_05 .harfBlock .img_area img {margin-bottom:3rem;}

.tab3_contents_02 .fullBlock .img_area {text-align:center; margin:3rem 0 2rem}
.tab3_contents_03 .harfBlock .smBtn {transform:translate(-10%, -50%); text-decoration:none;}

.tab5_contents_02 .harfBlock .img_area {margin-top:1rem;}
.tab5_contents_02 .fullBlock .txt_area span {color:#555;}
.tab5_contents_02 .harfBlock {margin:0; padding:0;}
.tab5_contents_04 .fullBlock .img_area {text-align:center;}

.tab6_contents_01 .fullBlock .img_area {text-align:center;}
.tab6_contents_03 .fullBlock .tableBox {margin:2rem 0; padding:0;}

/* footer */
.footer_wrap {clear:both; background-color:#2a3b55;color:#fff;text-align:center;font-size:1.5rem;line-height:22px;padding:15px 0;}
.footer_wrap p {letter-spacing:-0.05rem;}
/* 탑버튼 */
#scroll-top {display:none; position:fixed; right:2%; bottom:25px; text-align:center; z-index:5}
#scroll-top button {display:block; color:#fff; width:64px; height:64px; border-radius:50%; margin-top:10px; box-shadow:0px 2px 10px 0px rgba(0,0,0,.35);}
#scroll-top button.btn_home {background:rgba(1,125,204,0.9);}
#scroll-top button.btn_home a {color:#fbf039; display:block;}
#scroll-top button.btn_top {background:rgba(255,255,255,0.9);}
#scroll-top button.btn_top img{margin-top:5px;}

/* 디바이스별 */
.display_pc {display: block;}
.display_mb {display: none;}

@media screen and (min-width: 300px) and (max-width: 768px) {
	.display_pc {display: none !important;}
	.display_mb {display: block !important;}
}

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

@media screen and (max-width:950px) {
	.header_wrap .inner {padding: 10% 1%;}
	.tab-contents .contents_title {width:100%;}
	.tab1_contents_01 .tBox .txt_area h3 {border:none;}
	.tab1_contents_01 .tBox {height:auto; text-align:center; margin:40px 0; display: block;}
	.tab1_contents_01 .tBox > div {width:100%;}
	.tab1_contents_01 .tBox .txt_area {margin-left:0;}
	.tab1_contents_01 .tBox .txt_area dd p:before {position:relative; top:-1px; left:-2px;}
	.tab1_contents_01 .tBox .img_area {text-align: center; margin-right:0;}
	.tab1_contents_01 .tBox .txt_area h2 {margin:0; text-align:center;}
	.tab1_contents_01 .tBox .txt_area h3 {margin:0; text-align:center;}
	.tab1_contents_01 .tBox .txt_area dl {float:none; margin:1.5rem 0;}
	.tab1_contents_01 .tBox .img_area {float:none; margin:30px 0 0; width:100%;}
	.tab2_contents_01 .bigTitle {width:100%;}
	.tab2_contents_01 .tBox .tSignal {left:46%;}
	.tab2_contents_01 .tBox .tWatch {left:46%;}
	.tab2_contents_04 .harfBlock .smBtn,
	.tab3_contents_03 .harfBlock .smBtn {transform:translate(-70%, -50%)}
	.systemChart:before, .systemChart:after {display:none;}
	.systemChart ul li {float:none; margin-left:0; margin-bottom:20px;}
	.systemChart ul li dl {width:280px;}
	.systemChart ul li dl:after {border-color:#fe383c transparent transparent transparent; top:initial; right:initial; bottom:-16%; left:50%; transform:translate(-50%, -50%);}
	.systemChart ul li dl dt.pt18 {min-height:auto; padding-top:0;}
	.systemChart.re ul li {display:block; width:70%; margin:15px auto !important;}
	.systemChart.re ul li dl:after {border-color:#fe383c transparent transparent transparent; top:initial; right:initial; bottom:-15%; left:50%; transform:translate(-50%, -50%);}
	.systemChart.type2 ul li {display:block; width:280px;}
	.systemChart.type3 ul li {float:left; margin-left:-20px;}
	.systemChart.type3 ul li dl {height:186px;}
	.harfBlock {flex-direction:column; gap:10px;}
	.harfBlock .txt_area,
	.harfBlock .img_area {width:100%;}
	.harfBlock .img_area img {display:block; margin:0 auto;}
}

@media screen and (max-width:768px) {
	.summerplan_container .tab-contents .inner {padding:0 1rem;}
	.harfBlock .img_area {padding:15px;}
	.harfBlock .img_area.rb {position:static; width:100%;}
	.harfBlock .img_area.rb img {display:block; margin:0 auto;}
	.fullBlock .trt {text-align:left !important;}
	.fullBlock .trt .smBtn{float:none !important; margin-left:1.5rem !important; margin-right:auto !important;}
	.tabs_area li {width:33.33333333%; height:auto; border-bottom:1px solid #ccc; padding:15px 0;}
	.tab2_contents_01 .bigTitle h2:before,
	.tab2_contents_01 .bigTitle h2:after {height:80px; background-size:100% 100%;}
	.tab2_contents_01 .tBox {background: url(../images/section2_img01_m.png) bottom 0 right 10% no-repeat;}
	.smBtn {padding:10px 20px;}
	.tab2_contents_03 .harfBlock .smBtn {left:50%; bottom:-3%;}
	.tab4_contents_02 .harfBlock .img_area {display:none;}
	.tab4_contents_03 .harfBlock .img_area > img {margin-top:0;}
	.tab4_contents_06 .tableBox {margin:30px;}
	.systemChart.type3 ul {margin-left:0;}
	.systemChart.type3 ul li {margin-left:0;}
	.smTable.table-style-blue th, .smTable.table-style-blue td {font-size:1.7rem;}
}

@media screen and (max-width:560px) {	
	.header_wrap {background:url('../images/top_bg_m.png') top center no-repeat; background-size:cover; min-height:600px;}
	.header_wrap .main_title {padding: 0 2.0rem;}
	.tab3_contents_03 .harfBlock .smBtn {transform:translate(-10%, -50%)}
}

@media screen and (max-width:480px) {
	html {font-size:55%;}
	.header_wrap {min-height:500px;}
	.header_wrap .logo_area a {padding:10px 15px;}
	.header_wrap .logo_area a > img {width:65%;}
	.header_wrap .header_top .inner {padding:0 3%;}
	.tabs_area li {padding:1.4rem 0;}
	.tab2_contents_01 .bigTitle h3 {padding:0 5%;}
	.tab2_contents_01 .bigTitle h3 > br {display:none;}
	.tab2_contents_02 {padding-bottom:0;}
	.tab2_contents_01 .tBox .tSignal,
	.tab2_contents_01 .tBox .tWatch {position:initial;}	
	.tab2_contents_01 .tBox {background-size:50%;}
	.tableBox {overflow-x:scroll; overflow-y:hidden;}
	.tableBox .smTable {width:750px;}
	.tableBox.con {padding:0 3%;}
	.harfBlock .txt_area dd:before {position:absolute; top:9px; left:-15px;}
	.fullBlock .txt_area dd:before {position:absolute; top:9px; left:-15px;}
	.systemChart ul li dl {display:table-cell; padding-top:0;}
	.systemChart ul li dl dt {min-height:auto;}
	.systemChart ul li dl dt span {margin:10px;}
	.systemChart ul li dl dd {min-height:auto; padding: 15px;}
	.systemChart.type3 ul li {width:33.33%; padding:0 5px;}
	.systemChart.type3 ul li dl {height:auto; padding:10px;}
	.systemChart.type2 h4 {margin-left:0;}
}

@media screen and (max-width:400px) {
	.header_wrap {min-height:420px;}
	.systemChart.re ul li {width:100%;}
}

@media screen and (max-width:360px) {
	.header_wrap {min-height:380px;}
	.systemChart.re ul li {width:100%;}
}