@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', sans-serif;}
table, tr, td, th {border-collapse:collapse; border-spacing:0px;}
caption {width:0;height:0;font-size:0;overflow:hidden;}
ol, ul, li{list-style:none;}
hr,legend {display:none;}
img {max-width:100%;}
img { -webkit-perspective: 1;}
sup {vertical-align:text-top;}
sub {vertical-align:text-bottom;}
strong, b {font-weight:600;}
button {border:0 none;background-color:transparent;cursor:pointer}
select {padding:4px; border:1px solid #dcdcdc; border-radius:0!important;}
caption {width:0;height:0;font-size:0;overflow:hidden;}
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 */
.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;}
.pt18 {padding-top:18px;}
.w100 {width:100% !important;}
.w30 {width:33.3% !important;}
.txt_red {color:#E71825 !important;}
.txt_pink {color:#FF7A70;}
.txt_blue {color:#286899;}
.txt_gray {color:#717171 !important;}
.txt_green {color:#59aa7f;}


/* style */
body {color:#333; font-weight:400; line-height:1.4; letter-spacing:-1.2px; word-break:keep-all;}
.inner {margin:0 auto; width:100%; max-width:1000px; position:relative;}
#wrap {width:100%;padding:0;margin:0;}

.mt10 {margin-top:10px!important;}
.mt15 {margin-top:15px!important;}
.mt20 {margin-top:20px!important;}
.mt30 {margin-top:30px!important;}

.mb10 {margin-bottom:10px!important;}
.mb15 {margin-bottom:15px!important;}
.mb20 {margin-bottom:20px!important;}
.mb30 {margin-bottom:30px!important;}
.mb50 {margin-bottom:30px!important;}

.ml5 {margin-left:5px!important;}
.ml10 {margin-left:10px!important;}
.ml15 {margin-left:15px!important;}
.ml20 {margin-left:20px!important;}
.ml30 {margin-left:30px!important;}

.mr10 {margin-right:10px!important;}
.mr20 {margin-right:20px!important;}
.mr30 {margin-right:30px!important;}

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


/* header */
.header_wrap {background:url('../images/top_bg.png') top center no-repeat; padding:20px 0 0; min-height:780px; position: relative;}
.header_wrap .inner {padding:2.2% 0 0;}
.header_wrap .logo_area {position:absolute; top:0; left:0;}
.header_wrap .sns_area {position:absolute; top:0; right:0;}
.header_wrap .main_title {display:flex; flex-direction:column; align-items:center; justify-content:center; margin:8% 0 0;}
.header_wrap .main_title > img {position:sticky;}

/* container */
.nav_wrap {margin:0 auto; display:flex; align-items: center; justify-content: center; position:relative;}
.nav_wrap nav {position:relative; width:100%; z-index:9999;}
.nav_wrap nav ul {display:flex; justify-content: space-between; align-items:center; height:70px;}
.nav_wrap nav ul span {display:inline-block; width:1px; height:20px; background-color:#667a8d;}
.tabs_area {border-radius: 3.5rem; background-color:#24415b;}
.tabs_area:after {content:''; clear:both; display:block; overflow:hidden;}
.tabs_area.tabs_fixed {position:fixed; top:0; left:50%; width:1000px; transform:translate(-50%, 0); background:#24415b;}
.tabs_area li {width:20%; display: flex; justify-content:center; font-size:2.3rem; cursor:pointer; text-align:center; color:#fff; position:relative; transition:.3s; padding:2.0rem 0;}
.tabs_area li:hover {color:#f5c96d; border-radius:3.5rem;}
.tabs_area li.active {color:#f5c96d; font-weight:600; border-radius:3.5rem;}
.tabs_area li.active::before {content:''; display:block; width:10px; height:2px; background:#fff; border-radius:2px; position:absolute; top:15%; left:50%; transform:translate(-50%, 0);}
.tabs_area ul span {display:inline-block; width:1px; height:20px; background-color:#667a8d;}
.winterplan_container {overflow:hidden;}
.winterplan_container .tab-contents .inner {max-width:800px;}

/* contents */
.smTable {word-break: break-all; width:100%;}
.smTable.align-center {text-align:center;}
.smTable th,
.smTable td {padding:1.2rem; vertical-align:middle; border:1px solid #ccc;}
.smTable thead > tr > th {font-size:2.4rem; text-align:center; border-bottom:0; background:#24415b; color:#f5c96d;}
.smTable tbody > tr > th {font-size:2.1rem; font-weight:500; color:#fff;}
.smTable tbody > tr > td {font-size:1.9rem; font-weight:500;}
.smTable tfoot > tr > td {background:#eaeaea;}
.smTable.table-style-white th {border:1px solid #fff; color:#f5c96d; font-weight:500;}
.smTable.table-style-white td {border:1px solid #fff; color:#fff;}
.smTable.table-style-white tbody > tr > th {font-size:2.1rem; color:#fff; font-weight:500;}
.smTable.table-style-white tbody > tr > td {color:#fff;}
.smTable.table-style-white tbody > tr > td li {margin-bottom:2px;}
.smTable.table-style-white tbody > tr > td li > span {display:block; font-size:1.8rem; font-weight:400;}
.smTable.table-style-b th,
.smTable.table-style-b td {border:1px solid #cccccc; padding:1rem;}
.smTable.table-style-b thead > tr > th {color:#fff; font-size:1.7rem; font-weight:500; background:#286899;}
.smTable.table-style-b tbody > tr > th,
.smTable.table-style-b tbody > tr > td {font-size:1.6rem; color:#111;}
.smTable.table-style-b tbody > tr > td > p {font-size:1.6rem; color:#111; position:relative; margin-left:15px;}
.smTable.table-style-b tbody > tr > td > p:before {content:''; width:4px; height:4px; background:#555; display:inline-block; position:absolute; top:9px; left:-13px;}
.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:15px; left:-15px;}
.tbDate {font-size:1.7rem; color:#555;}

.harfBlock {padding:30px 0; position:relative;}
.harfBlock:after {content:''; display:block; overflow:hidden; clear:both;}
.harfBlock > div {display:block; float:left; width:50%;}
.harfBlock .txt_area {font-weight:500; padding:20px 0; color:#58616a;}
.harfBlock .img_area {padding:0 10px; text-align:right;}
.harfBlock .txt_area > dl > dt {font-size:3.4rem; color:#333; line-height:3.8rem; font-weight:500; margin-bottom:15px; letter-spacing:-1.5px;}
.harfBlock .txt_area > dl > dd {font-size:2.4rem; font-weight:500; position:relative; margin:0 0 10px 17px;}
.harfBlock .txt_area > dl > dd:before {content:'◆'; display:inline-block; font-size:0.8rem; color:#4576c4; position:absolute; top:9px; left:-15px;}
.harfBlock .txt_area > dl > dd > p {font-size:2.1rem; color:#717171; position:relative; margin-left:15px; font-weight:400;}
.harfBlock .txt_area > dl > dd > p:before {content:'-'; display:inline-block; position:absolute; top:-2px; left:-10px;}
.fullBlock {padding:30px 0;}
.fullBlock .txt_area {font-weight:500; padding:30px 0; color:#58616a;}
.fullBlock .txt_area > dl > dt {font-size:3.4rem; color:#333; line-height:3.8rem; font-weight:500; margin-bottom:15px;}
.fullBlock .txt_area > dl > dd {font-size:2.4rem; font-weight:500; position:relative; margin:0 0 10px 17px;}
.fullBlock .txt_area > dl > dd > span {font-size:1.9rem; margin-left:0.5rem;}
.fullBlock .txt_area > dl > dd:before {content:'◆'; display:inline-block; font-size:0.8rem; color:#4576c4; position:absolute; top:9px; left:-15px;}
.fullBlock .txt_area > dl > dd > p {font-size:2.1rem; color:#717171; position:relative; margin-left:15px; font-weight:400;}
.fullBlock .txt_area > dl > dd > p:before {content:'-'; display:inline-block; position:absolute; top:-2px; left:-10px;}
.smBtn {display:inline-block; padding:0.5rem 3rem; text-align:center; margin:5px; line-height:normal; vertical-align:middle; border-radius:0.8rem;}
.smBtn.smBtn-blue {background:#3565b1; color:#fff; font-size:1.9rem;}
.smBtn.smBtn-red {background:#fe3e27; color:#fff; border:solid 1px #fe3e27; font-size:1.9rem;}
.smBtn.smBtn-white {background:#fff; color:#3565b1; border:solid 1px #3565b1; font-size:1.9rem;}
.smBtn.smBtn-green {background:#59aa7f; color:#fff; border:solid 1px #59aa7f; font-size:1.7rem;}

.bgtype1 {background-color:#f6f8f8;}

.systemChart {text-align:center; position:relative; padding:0 5%;}
.systemChart h4 {font-size:1.9rem; font-weight:400; color:#fe383c; text-align:center; margin-bottom:20px;}
.systemChart ul {display:flex; justify-content:space-between; flex-wrap:wrap; align-content:start;}
.systemChart ul li {float:left; text-align:center;}
.systemChart ul li dl {width:100%; min-height:246px; border:2px 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 #b25491; position:absolute; top:50%; right:-35%; transform:translate(-50%, -50%);}
.systemChart ul li:last-child dl:after {display:none;}
.systemChart ul li:last-child {background-color:#4576c4;}
.systemChart ul li:last-child dl dt {color:#fff;}
.systemChart ul li:last-child dl dt span{margin:10px 20px 5px;}
.systemChart ul li dl dt {font-size:2.1rem; min-height:164px; font-weight:600; padding:20px; color:#4576c4;}
.systemChart ul li dl dt span {font-size:1.9rem; margin:15px 20px; font-weight:400; display:flex; justify-content:center; align-items: center;}
.systemChart ul li dl dd {min-height:80px; font-size:1.9rem; font-weight:500; background:#e0e1e2; color:#717171; 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; padding:0 8%;}
.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:47%; right:-8.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;}
.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;}

.tab-contents {display:none; padding:50px 0 0;}
.tab-contents.tabs_fixed {margin-top:112px;}
.tab-contents.active {display:inherit;}
.tab-contents .contents_title {margin:5% auto; position:relative; padding-bottom: 30px;}
.tab-contents .contents_title:after {content:''; display:block; width:100%; height:2px; background:#111; margin:0 auto; position:relative; top:30px;}
.tab-contents h2 {font-size:3.6rem; font-weight:500; text-align:center; color:#4a3e3e;}
.tab-contents h3 {text-align:center; margin-top:10px; font-size:2.4rem; font-weight:400; color:#555;}

/*탭별 콘텐츠*/
.tab1_contents_01 {padding:3rem 0;}
.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;}
.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; color:#58616a;}
.tab1_contents_01 .tBox .txt_area dd p:before {content:''; display:inline-block; width:5px; height:2px; background:#58616a; vertical-align:middle; position:relative; top:-2px; margin-right:5px;}
.winterplan_container .tab-contents .tab1_contents_02 .inner {max-width:1200px;}
.tab1_contents_02 {background:#4d9ad8; padding:6rem 0;}
.tab1_contents_02 h2 {color:#fff; margin-bottom:20px;}

.tab2_contents_01 {padding:3rem 0;}
.tab2_contents_01 .bigTitle {margin:3rem auto; text-align:center;}
.tab2_contents_01 .bigTitle h2 {font-size:7.8rem; color:#777; font-weight:600; display:inline-block; padding:0; position:relative;}
.tab2_contents_01 .bigTitle h2 > span {color:#4576c4;}
.tab2_contents_01 .bigTitle h2:before {content:''; display:block; width:33px; height:100px; background:url('../images/paren_left.png') no-repeat; position:absolute; top:10px; left:-55px;}
.tab2_contents_01 .bigTitle h2:after {content:''; display:block; width:33px; height:100px; background:url('../images/paren_right.png') no-repeat; position:absolute; top:10px; right:-55px;}
.tab2_contents_01 .bigTitle h3 {font-weight:500; margin-top:20px;}
.tab2_contents_02 {padding:3rem 0;}
.tab2_contents_02 .fullBlock .img_area {margin:0 auto; display:flex; align-items:center; justify-content:center;}
.tab2_contents_03 {padding:3rem 0;}
.tab2_contents_03 .harfBlock .txt_area .title {margin-bottom:30px; display:inline-block; width:35%; background:#099943; color:#fff; font-size:24px; font-weight:600; padding:10px; border-radius:0 30px 30px 0;}
.tab2_contents_03 .harfBlock .txt_area .con {display:block; padding:10px 20px;}
.tab2_contents_03 .harfBlock .txt_area .con > em {font-style:normal; font-size:2.4rem; display:inline-block; margin-left:20px; font-weight:500;}
.tab2_contents_03 .harfBlock .txt_area .con > span {font-size:2.1rem; display:block; padding:10px 20px; color:#777777; margin-left:10px;}
.tab2_contents_04 {padding:3rem 0;}
.tab2_contents_05 .fullBlock .img_area {margin:0 auto; display:flex; align-items:center; justify-content:center;}

.tab3_contents_01 {padding:3rem 0;}
.tab3_contents_01 .harfBlock .txt_area img {margin-top:30px;}
.tab3_contents_01 .tableBox {margin-top:-30px; margin-bottom:60px;}
.tab3_contents_01 .smTable th, .tab3_contents_02 .smTable td {padding:10px;}
.tab3_contents_01 .smTable thead > tr > th {font-size:1.9rem;}
.tab3_contents_02 {padding:3rem 0;}
.tab3_contents_02 .tableBox {margin-top:-30px;}
.tab3_contents_02 .smTable th, .tab3_contents_02 .smTable td {padding:10px;}
.tab3_contents_02 .smTable thead > tr > th {font-size:1.9rem;}
.tab3_contents_02 .harfBlock .img_area {margin-top:3rem}
.tab3_contents_03 {padding:3rem 0;}
.tab3_contents_03 {background-image:url('../images/section3-1_bg.png'); background-repeat:no-repeat; background-position:bottom 0% center;}

.tab4_contents_01 {padding:3rem 0;}
.tab4_contents_01 .harfBlock .txt_area {text-align:center;}
.tab4_contents_01 .harfBlock .txt_area > dl > dt {position:relative; margin-bottom:30px;}
.tab4_contents_01 .harfBlock .txt_area > dl > dd {color:#4a3e3e; font-weight:600; margin:0;}
.tab4_contents_01 .harfBlock .txt_area > dl > dd:before {display:none; margin-bottom:1rem;}
.tab4_contents_01 .harfBlock .txt_area > dl > dd > p {color:#58616a;}
.tab4_contents_01 .harfBlock .txt_area .d_title {font-size:2.1rem; color:#286899; font-weight:600; display:inline-block; padding:7px 30px; background:#f6f6f6; border-radius:50px; margin:0.5rem;}
.tab4_contents_01 .harfBlock .txt_area .d_title:before {display:none;}
.tab4_contents_01 .harfBlock .txt_area .s_title {text-align:center; margin:5px 0;}
.tab4_contents_01 .harfBlock .txt_area .s_title:before {display:none;}
.tab4_contents_01 .harfBlock .txt_area > dl > dd > p > span {display: inline-block;}
.tab4_contents_02 {padding:3rem 0;}

.tab5_contents_01 {padding:3rem 0;}
.tab5_contents_01 .harfBlock .txt_area > dl > dd:after {content:''; display:block; overflow:hidden; clear:both;}
.tab5_contents_01 .tableBox {margin: 15px;}
.tab5_contents_02 {padding:3rem 0;}
.tab5_contents_02 .tableBox {margin:30px 0px 20px 0px;}
.tab5_contents_02 .harfBlock .txt_area > dl > dt .tableBox {margin:30px 0 0;}
.tab5_contents_03 {padding:3rem 0;}
.tab5_contents_04 {padding:3rem 0;}


/* footer */
.footer_wrap {clear:both; background-color:#2a2d33; color:#fff; text-align:center; font-size:1.5rem; line-height:22px; padding:20px 0; letter-spacing:-0.5px;}

/* 탑버튼 */
#scroll-top {display:none;position: fixed;right:2%;bottom: 25px;text-align: center;z-index: 5}
#scroll-top button {display: block;color: #fff; width: 84px; height:84px;border-radius: 50%; margin-top:10px; box-shadow: 0px 2px 10px 0px rgba(0,0,0,.3);}
#scroll-top button.btn_home {background:rgba(89,170,127,0.9);}
#scroll-top button.btn_home a {color:#fff; font-size:1.6rem; line-height:1.2; display:block;}
#scroll-top button.btn_top {background:rgba(255,255,255,0.9);}
#scroll-top button.btn_top img{margin-top:1rem;}


@media screen and (max-width:1199px) {
	.winterplan_container .tab-contents .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) {
	.tab-contents .contents_title {width:100%;}
	.tab1_contents_01 .tBox {height:auto; text-align:center; margin:3rem 0; display: block;}
	.tab1_contents_01 .tBox > div {width:100%;}
	.tab1_contents_01 .tBox .txt_area {margin-left:0;}
	.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;}
	.tab1_contents_01 .tBox .img_area {float:none; margin:2rem 0 0; width:100%;}
}

@media screen and (max-width:768px) {
	.header_wrap .main_title {width:100%; padding:0 20px;}
	.winterplan_container .tab-contents .inner {padding:0 1rem;}
	.header_wrap {background-position:top 50% right 23%; min-height:720px}
	.nav_wrap nav ul {height:auto; min-height:60px;}
	.tabs_area li {font-size:2.0rem; line-height:1.2; padding:1.0rem 0.3rem}
	.tabs_area li.active:after {display:none;}
	.tab2_contents_01 .bigTitle h2 {font-size: 6rem;}
	.tab5_contents_04 .harfBlock .img_area > img {margin-top:0;}
	.smTable.table-style-white .mobileHidden {display:none;}
}

@media screen and (max-width:480px) {
	html {font-size:50%;}
	.header_wrap {background:url('../images/top_bg_m.png') top center no-repeat; background-size:cover;}
	.header_wrap {/*background-size:100%;*/ min-height:600px;}
	.header_wrap .logo_area img {width:70%;}
	.header_wrap .sns_area {margin:3px 0;}
	.header_wrap .sns_area img {width:30px; margin-right:5px;}
	.header_wrap .main_title {margin:10% 0 0;}
	.nav_wrap nav ul {min-height:48px;}
	.tab-contents {padding: 4rem 0 0;}
	
	.tableBox {overflow-x:scroll; overflow-y:hidden;}
	.tableBox .smTable {width:560px;}
	.smTable th, .smTable td {padding:10px;}
	
	.harfBlock, .fullBlock {padding:15px 0;}
	.harfBlock .txt_area, .fullBlock .txt_area {padding:10px;}
	.harfBlock .txt_area > dl > dt, .fullBlock .txt_area > dl > dt {margin-bottom:10px;}
	
	.tab1_contents_01 .tBox {margin: 3rem;}
	.tab2_contents_02 {padding:0 0 3rem;}
	.tab4_contents_01 .harfBlock > div {float: none; width:100%; margin:0 auto;}
	.tab5_contents_04 {padding: 3rem 0;}

	#scroll-top button {width:60px; height:60px;}
	#scroll-top button.btn_top img {width:50%;}
}

@media screen and (max-width:440px) {
	.header_wrap {min-height:500px;}	
	.tab5_contents_03 .harfBlock > div {float: none; width:100%; margin:0 auto;}
}

@media screen and (max-width:360px) {
	html {font-size:45%;}
	.header_wrap {min-height:440px; background-size:100%}
}

@media screen and (max-width:320px) {
	.header_wrap {min-height:380px;}
}