@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, 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;}
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;}
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 */
.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:-1px;}
.ovh {overflow:hidden;}
.pt18 {padding-top:18px;}
.w100 {width:100% !important;}
.w30 {width:33.3% !important;}
.txt_tn {color:#985b14 !important;}


/* style */
body {color:#4a3e3e; letter-spacing:-1.5px;}
.inner {margin:0 auto; width:100%; max-width:1200px; position:relative;}
#wrap {width:100%;padding:0;margin:0;}

.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;}
.mb50{margin-bottom:30px!important;}

.ml10{margin-left:10px!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;}



/* header */
.header_wrap {background:url('../images/top_bg.png') top center no-repeat; padding:10px 0;}
.header_wrap .inner {padding:50px 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 {padding-top:5px; padding-bottom: 25px;}
.header_wrap .mousewheel {margin-top:38px;}

/* container */
.winterplan_container {overflow:hidden;}
.tabs_area {box-shadow:-10px 30px 30px -30px; 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);}
.tabs_area li {float:left; width:16.666666667%; font-size:23px; cursor:pointer; text-align:center; color:#fff; background:#4a3e3e; height:74px; display:table; border-left:1px solid #817878; position:relative; transition:.3s;}
.tabs_area li:first-child {border-left:0;}
.tabs_area li:hover {background:#ffb35b; color:#4a3e3e;}
.tabs_area li.active {background:#ffb35b; color:#4a3e3e; font-weight:500;}
.tabs_area li.active:after {content:''; display:block; width:100%; height:22px; background:#ffb35b url('../images/overpoint.png') center no-repeat; position:absolute; bottom:-18px; left:50%; transform:translate(-50%, 0); border-radius:0 0 20px 20px;}
.tabs_area li > span {vertical-align:middle; display:table-cell;}

/* contents */
.smTable {word-break: break-all; width:100%;}
.smTable.align-center {text-align:center;}
.smTable th,
.smTable td {padding:20px; vertical-align:middle; border:1px solid #ccc;}
.smTable thead > tr > th {font-size:24px; text-align:center; border-bottom:0; background:#4a3e3e;}
.smTable tbody > tr > th,
.smTable tbody > tr > td {font-size:19px; text-align:center; font-weight:500;}
.smTable tfoot > tr > td {background:#eaeaea;}
.smTable.table-style-white th {border:1px solid #fff; color:#ffb35b; font-weight:500;}
.smTable.table-style-white td {border:1px solid #fff; color:#fff;}
.smTable.table-style-white tbody > tr > th {color:#4a3e3e; font-weight:600;}
.smTable.table-style-white tbody > tr > td {color:#4a3e3e;}
.smTable.table-style-white tbody > tr > td li {margin-bottom:5px;}
.smTable.table-style-white tbody > tr > td li > span {display:block; font-size:18px;}
.smTable.table-style-red th,
.smTable.table-style-red td {border:1px solid #4a3e3e;}
.smTable.table-style-red thead > tr > th {color:#4a3e3e; font-weight:500; background:#fff6eb;}
.smTable.table-style-red tbody > tr > td {color:#4a3e3e; background:#fff;}
.tableBox {margin:30px;}
.tbTitle {font-size:21px; 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:17px; 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;}
.harfBlock .txt_area > dl > dt {font-size:36px; line-height:44px; font-weight:500; margin-bottom:15px;}
.harfBlock .txt_area > dl > dd {font-size:21px; font-weight:500; position:relative; margin:0 0 10px 17px;}
.harfBlock .txt_area > dl > dd:before {content:'◆'; display:inline-block; font-size:8px; color:#bd4745; position:absolute; top:9px; left:-15px;}
.harfBlock .txt_area > dl > dd > p {font-size:19px; color:#726060; position:relative; margin-left:15px;}
.harfBlock .txt_area > dl > dd > p:before {content:'-'; display:inline-block; position:absolute; top:-2px; left:-10px;}
.harfBlock .txt_area > dl > dd > p > span {display:block; color:#bd4745; font-size:18px;}
.fullBlock {padding:30px;}
.smBtn {display:inline-block; padding:10px 50px; text-align:center; margin:10px 0; line-height:normal; vertical-align:middle;}
.smBtn.smBtn-yellow {background:#ffb35b; color:#4a3e3e; font-size:19px; font-weight:500;}
.smBtn.smBtn-blue {background:#002b55; color:#fff; font-size:19px;}
.smBtn.smBtn-red {background:#fe383c; color:#fff; font-size:19px;}

.bgtype1 {background-color:#fff5f1;}
.bgtype2 {background-color:#dfeeeb;}
.bgtype3 {background-color:#e8f0fc;}
.bgtype4 {background-color:#e9eeee;}
.bgtype5 {background-color:#d8dadd;}

.systemChart {text-align:center; position:relative;}
.systemChart h4 {font-size:19px; 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:-40px;}
.systemChart ul li dl {width:260px; height:260px; border:1px solid #fe383c; border-radius:100%; padding-top:65px; 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:47%; right:0;}
.systemChart ul li:first-child {margin-left:0}
.systemChart ul li:last-child dl:after {display:none;}
.systemChart ul li dl dt {font-size:19px; margin-bottom:15px; min-height:84px;}
.systemChart ul li dl dd {font-size:19px; font-weight:600;}
.systemChart ul li p {font-size:23px; font-weight:600; margin-top:10px;}

.tab-contents {display:none; padding:50px 0 0; background:url('../images/contents_bgline.png') top center; background-repeat-y:repeat; background-repeat-x:no-repeat;}
.tab-contents.tabs_fixed {margin-top:112px;}
.tab-contents.active {display:inherit;}
.tab-contents .contents_title {width:600px; margin:0 auto; padding:105px 0 30px; position:relative;}
.tab-contents h2 {font-size:36px; font-weight:500; text-align:center; position:relative; color:#4a3e3e;}
.tab-contents h2.top:before {content:''; display:block; width:212px; height:51px; background:url('../images/h2before.png') no-repeat; position:absolute; top:-47px; left:50%; transform:translate(-50%, -50%);}
.tab-contents h3 {text-align:center; margin-top:10px; font-size:24px; font-weight:400; color:#726060;}

.tab1_contents_01 .tBox {margin:54px 0; height:470px; background:url('../images/section1_bg.png') top center no-repeat; background-position: bottom 5% center;}
.tab1_contents_01 .tBox img {float:right; box-shadow:0px 40px 40px -30px; margin-right:120px;}
.tab1_contents_01 .tBox dl {float:left; margin:60px 0 0 120px;}
.tab1_contents_01 .tBox dt {font-size:36px; font-weight:500;}
.tab1_contents_01 .tBox dd {font-size:21px; font-weight:400;}
.tab1_contents_01 .tBox dd p {background:url('../images/ico_list.png') left center no-repeat; padding-left:27px; font-size:24px; font-weight:500;}
.tab1_contents_02 {background:#ffb35b; padding:50px 0;}
.tab1_contents_02 h2 {color:#4a3e3e; margin-bottom:20px;}

.tab2_contents_01 .bigTitle {width:600px; margin:70px auto; text-align:center;}
.tab2_contents_01 .bigTitle h2 {font-size:78px; font-weight:600; display:inline-block; position:relative;}
.tab2_contents_01 .bigTitle h2 > span {color:#002e5c;}
.tab2_contents_01 .bigTitle h2:before {content:''; display:block; width:33px; height:100px; background:url('../images/paren_left.png') no-repeat; position:absolute; top:7px; 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:7px; right:-55px;}
.tab2_contents_01 .bigTitle h3 {font-weight:500; margin-top:20px;}
.tab2_contents_02 img.display_pc {display:block !important;}
.tab2_contents_02 img.display_mb {display:none !important;}
.tab2_contents_05 img.display_pc {display:block !important;}
.tab2_contents_05 img.display_mb {display:none !important;}

.tab2_contents_03 .harfBlock .img_area {text-align:center;}
.tab2_contents_03 .harfBlock .img_area img {box-shadow:20px 20px 20px 0 #aaa;}
.tab2_contents_03 .harfBlock .txt_area {padding:0;}
.tab2_contents_03 .harfBlock .txt_area .title {margin-bottom:30px;}
.tab2_contents_03 .harfBlock .txt_area .title > span {display:inline-block; width:40%; border-bottom:2px solid #4a3e3e; text-align:center; font-size:24px; font-weight:600; padding:10px;}
.tab2_contents_03 .harfBlock .txt_area .title > em {font-style:normal; font-size:21px; color:#4a3e3e; display:inline-block; margin-left:20px; font-weight:500; vertical-align:bottom;}
.tab2_contents_03 .harfBlock .txt_area .s_title {text-align:center; margin:10px 0;}
.tab2_contents_03 .harfBlock .txt_area .s_title > span {width:85%; font-size:21px; display:inline-block; padding:10px 20px; color:#4a3e3e; background:#ccc9c9; border-radius:50px;}
.tab2_contents_03 .harfBlock .txt_area > img {margin-top:100px;}
.tab2_contents_03 .harfBlock .txt_area > dl {margin:40px 0 40px 30px;}
.tab2_contents_03 .harfBlock .txt_area .systemChart ul li dl {width:186px; height:186px; border:1px solid #002b55;}
.tab2_contents_03 .harfBlock .txt_area .systemChart > ul > li > dl:after {border-color:transparent transparent transparent #002b55;}
.tab2_contents_03 .harfBlock .txt_area .systemChart > ul > li > dl > dt {font-size:19px; color:#4a3e3e; font-weight:500;}
.tab2_contents_04 {padding:30px 0;}
.tab2_contents_04 {background:url('../images/section_bg.png') bottom 60px center no-repeat; padding-bottom:60px;}
.tab2_contents_04 .harfBlock .img_area {padding-top:18%;}
.tab2_contents_05 .fullBlock h4 {font-size:36px; font-weight:600;}
.tab2_contents_05 .fullBlock .txt_area {text-align:center; margin:40px 0;}
.tab2_contents_05 .fullBlock .txt_area > p {font-size:28px; color:#303440; width:60%; margin:0 auto;}
.tab2_contents_05 .fullBlock .txt_area > p > strong {display:block; font-size:36px; position:relative;}
.tab2_contents_05 .fullBlock .txt_area > p > strong:after {content:''; display:block; width:100%; height:30px; position:absolute; bottom:0; left:0; background:#eff1ff; z-index:-1; border-radius:30px;}
.tab2_contents_05 .fullBlock .txt_area > p > strong > span {color:#002e5c;}
.tab2_contents_05 .fullBlock .txt_area > p > strong > br {display:none;}

.tab3_contents_01 .harfBlock .txt_area > dl > dt {position:relative; margin-bottom:30px;}
.tab3_contents_01 .harfBlock .txt_area > dl > dt:after {content:''; display:block; width:48%; height:2px; background:#ffb35b; position:absolute; bottom:-5px; left:-30px;}
.tab3_contents_01 .harfBlock .txt_area .s_title {text-align:center; margin:10px 0;}
.tab3_contents_01 .harfBlock .txt_area .s_title:before {display:none;}
.tab3_contents_01 .harfBlock .txt_area .s_title > span {width:85%; font-size:21px; display:inline-block; padding:10px 10px; color:#4a3e3e; background:#ececec; border-radius:50px;}
.tab3_contents_01 .harfBlock .txt_area .s_title > span > strong {display:inline-block; margin-right:10px;}
.tab3_contents_01 .harfBlock .img_area {margin-top:30px;}
.tab3_contents_02 .harfBlock .txt_area {padding-left:30px; text-align: center; margin-top:-64px;}
.tab3_contents_02 .harfBlock .img_area > img {margin-top:-50px;}
.tab3_contents_02 .harfBlock .txt_area > dl > dt {position:relative; margin-bottom:30px;}
.tab3_contents_02 .harfBlock .txt_area > dl > dt:after {content:''; display:block; width:48%; height:2px; background:#ffb35b; position:absolute; bottom:-5px; left:210px;}
.tab3_contents_03 .harfBlock .txt_area > dl:first-child {margin-bottom:50px;}
.tab3_contents_04 {padding:30px 0;}
.tab3_contents_04 {background-image:url('../images/section3-1_bg.png'); background-color:#fff5f1; background-repeat:no-repeat; background-position:top center; padding-bottom:40px;}
.tab3_contents_04 .tableBox {margin-top:-30px;}

.tab4_contents_01 .harfBlock .txt_area > dl > dd:after {content:''; display:block; overflow:hidden; clear:both;} 
.tab4_contents_01 .harfBlock .txt_area > dl > dd > .txtBox {width:50%; padding:10px; float:left;}
.tab4_contents_01 .harfBlock .txt_area > dl > dd > .txtBox > dl {background:#f5f5f5; padding:10px; border-radius:10px; text-align:center;}
.tab4_contents_01 .harfBlock .txt_area > dl > dd > .txtBox > dl > dt {font-size:21px; color:#bd4745; font-weight:600; border-bottom:2px solid #bd4745; margin-bottom:10px; padding:10px;}
.tab4_contents_01 .harfBlock .txt_area > dl > dd > .txtBox > dl > dd {font-size:18px; color:#555;}
.tab4_contents_01 .harfBlock .txt_area > dl > dd > .txtBox > dl > dd > strong {display:block; font-size:19px;}
.tab4_contents_02 {padding:30px 0;}
.tab4_contents_02 .contents_title {padding:130px 0 30px;}
.tab4_contents_02 .tableBox {margin:30px 0px 20px 0px;}
.tab4_contents_02 .harfBlock .txt_area > dl > dt .tableBox {margin:30px 0 0;}
.tab4_contents_03 {background-image:url('../images/section4_bg.png'); background-repeat:no-repeat; background-position:top 15% center;}
.tab4_contents_03 .harfBlock .img_area img {box-shadow:0px 40px 40px -40px;}
.tab4_contents_03 .harfBlock .txt_area {margin-top:7%;}


.tab5_contents_01 .harfBlock .txt_area img {margin-top:30px;}
.tab5_contents_01 .tableBox {margin-top:-30px; margin-bottom:60px;}
.tab5_contents_01 .smTable th, .tab5_contents_02 .smTable td {padding:10px;}
.tab5_contents_01 .smTable thead > tr > th {font-size:19px;}
.tab5_contents_02 {padding:30px 0;}
.tab5_contents_02 .tableBox {margin-top:-30px;}
.tab5_contents_02 .smTable th, .tab5_contents_02 .smTable td {padding:10px;}
.tab5_contents_02 .smTable thead > tr > th {font-size:19px;}
.tab5_contents_03 {padding:30px 0;}
.tab5_contents_03 {background-image:url('../images/section5-1_bg.png'); background-repeat:no-repeat; background-position:bottom 0% center;}
.tab5_contents_03 .harfBlock {padding:30px 0 200px 0;}

.tab6_contents_01 .harfBlock .img_area {text-align:center;}
.tab6_contents_01 .harfBlock .img_area img {box-shadow:8px 8px 16px 0 #c2c6cb;}
.tab6_contents_02 {padding:30px 0;}
.tab6_contents_02 .harfBlock .txt_area {padding-top:6%;}
.tab6_contents_02 .harfBlock .txt_area dd span {display:block; color:#fe383c;}


/* footer */
.footer_wrap {clear:both; background-color:#bd4745;color:#fff;text-align:center;font-size:15px;line-height:22px;padding:15px 0; letter-spacing:0;}

/* 탑버튼 */
#scroll-top {display:none;position: fixed;right:2%;bottom: 25px;text-align: center;z-index: 5}
#scroll-top button {display: block;color: #fff; width: 72px;height: 72px;border-radius: 50%; margin-top:10px; box-shadow: 0px 2px 10px 0px rgba(0,0,0,.35);}
#scroll-top button.btn_home {background:rgba(218,109,86,0.9);}
#scroll-top button.btn_home a {color:#fff; display:block;}
#scroll-top button.btn_top { background:rgba(255,255,255,0.9);}


@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) {
	.tab-contents .contents_title {width:100%;}
	.tab1_contents_01 .tBox {height:auto; text-align:center;}
	.tab1_contents_01 .tBox dl {float:none; margin:0;}
	.tab1_contents_01 .tBox img {float:none; margin:0; width:100%;}
	.tab1_contents_01 .tBox dd p {text-align:left; width:52%; margin:0 auto; font-size:24px;}
	.tab2_contents_01 .bigTitle {width:100%;}
	.tab2_contents_01 .harfBlock .img_area .display_mb {display:block !important;}
	.tab2_contents_02 .tBox .tSignal p:after,
	.tab2_contents_02 .tBox .tWatch p:after {display:none;}
	.tab2_contents_02 img.display_pc {display:none !important;}
	.tab2_contents_02 img.display_mb {display:block !important;}
	.tab2_contents_05 img.display_pc {display:none !important;}
	.tab2_contents_05 img.display_mb {display:block !important;}
	.tab4_contents_04 img {float:none; margin-bottom:30px;}
	.systemChart:before, .systemChart:after {display:none;}
	.systemChart ul li {float:none; margin-left:0; margin-bottom:20px;}
	.tab2_contents_03 .harfBlock .txt_area .systemChart > ul > li > dl:after {border-color:#002b55 transparent transparent transparent;}
	.systemChart ul li dl:after {border-color:#fe383c transparent transparent transparent; top:initial; right:initial; bottom:0; left:50%; transform:translate(-50%, -50%);}
	.systemChart ul li dl dt.pt18 {min-height:auto; padding-top:0;}
	.harfBlock > div {float:none; width:100%;}
}

@media screen and (max-width:768px) {
	.header_wrap .main_title {width:100%; padding:20px;}
	.header_wrap .mousewheel {margin-top:20px;}
	.tabs_area li {width:33.33333333%; height:auto; min-height:60px; font-size:20px; border-bottom:1px solid #454953;}
	.tabs_area li.active:after {display:none;}
	.tab2_contents_01 .bigTitle h2 {font-size:60px;}
	.tab2_contents_01 .bigTitle h2:before,
	.tab2_contents_01 .bigTitle h2:after {height:80px; background-size:100% 100%;}
	.tab2_contents_02 .tBox {height:800px;}
	.tab2_contents_02 .tBox > img {margin-top:0; width:40%;}
	.tab2_contents_02 .tBox .tSignal {left:48%;}
	.harfBlock .img_area img, .harfBlock .txt_area img {width:100%;}
	.smBtn {padding:10px;}
	.tab4_contents_02 .harfBlock .img_area {display:none;}
	.tab4_contents_03 .harfBlock .img_area > img {margin-top:0;}
	.smTable.table-style-white .mobileHidden {display:none;}
}

@media screen and (max-width:480px) {
	.header_wrap .main_title img {width:100%;}
	.header_wrap {background-position:center right 50%;}
	.tab2_contents_02 .tBox .tSignal,
	.tab2_contents_02 .tBox .tWatch {position:initial;}
	.tab2_contents_02 .tBox > img {width:34%;}
	.tab2_contents_02 .tBox .tSignal p:before,
	.tab2_contents_02 .tBox .tWatch p:before {top:21px;}
	.tableBox {overflow-x:scroll; overflow-y:hidden;}
	.tableBox .smTable {width:900px;}
	
	.harfBlock .txt_area > dl > dt {font-size:32px;}
	.tab2_contents_03 .harfBlock .txt_area .title > span {width:60%;}
	.tab2_contents_03 .harfBlock .txt_area > dl {margin:40px 0 40px 0px;}
	.tab2_contents_05 .fullBlock h4 {font-size:32px;}
	.tab2_contents_05 .fullBlock .txt_area > p {width:auto;}
	.tab2_contents_05 .fullBlock .txt_area > p > strong {font-size:32px;}
	.tab2_contents_05 .fullBlock .txt_area > p > strong > br {display:block;}
	.tab2_contents_05 .fullBlock .txt_area > p > strong:after {display:none;}
	.tab4_contents_01 .harfBlock .txt_area > dl > dd > .txtBox {width:auto; float:none;}
	.tab6_contents_01 .harfBlock .img_area {padding:20px;}
	.smTable th, .smTable td {padding:10px;}
}