@charset "utf-8";
#mcontainer-wrap {position:relative;width:100%;font-size:18px;line-height:1;letter-spacing:0;margin-top:70px}
#mcontainer {word-break:keep-all;padding-bottom:0}
#mcontainer img {font-size:0}
@media all and (max-width:1099px) {
	#mcontainer-wrap {font-size:17px}
	#mcontainer-wrap {margin-top:40px}
}
@media all and (max-width:599px) {
	#mcontainer-wrap {font-size:16px}
	#mcontainer-wrap {margin-top:30px}
}
/* ==============================
 * 메인 공통
================================= */
#mcontainer .cntIn {margin:0 auto;position:relative;width:1720px;box-sizing:border-box}
.mTit01 {font-family:'ONE-Mobile-Title', sans-serif;font-size:2.778em;color:#000}
.mTit01 span {color:#ee1a55}
.mTit02 {font-family:'ONE-Mobile-Title', sans-serif;font-size:1.389em;font-weight:500;letter-spacing:0;}
.mTit03 {font-size:1.111em;color:#333;line-height:1.5}
.mTit03 span {display:block}
@media all and (max-width:1750px) {
	#mcontainer .cntIn {width:100%;padding:0 50px}
}
@media all and (max-width:1099px) {
	#mcontainer .cntIn {padding:0 25px}
	.mTit01 {font-size:2.4em}
	.mTit02 {font-size:1.2em}
}
@media all and (max-width:899px) {
	#mcontainer .cntIn {padding:0 15px}
	.mTit01 {font-size:2em;line-height:1.222}
	.mTit02 {font-size:1.1em}	
	.mTit03 {font-size:.95em}1
}
@media all and (max-width:450px) {
	.mTit02 {font-size:1em} 
	.mTit01 {font-size:1.5em}
	.mTit03 {font-size:.9em}
}
/* ==============================
 * shortCut
================================= */
.shortCut {position:fixed;right:0;display:flex;flex-wrap:wrap;flex-direction:column;align-items:end;z-index:555}
.shortCut a {display:block;width:55px;height:180px;border-radius:35px 0 0 35px;background-color:#005667;background-image:url(/resources/_Templet/Main/main_linc/Img/shortcut_ico01.png);background-repeat:no-repeat;background-position:right bottom;position:relative;transition:all .5s ease}
.shortCut a.service02 {background-color:#879e16;background-image:url(/resources/_Templet/Main/main_linc/Img/shortcut_ico02.png)}
.shortCut a span {color:#ffff;font-weight:700;letter-spacing:0;position:absolute;writing-mode:vertical-rl;text-orientation:sideways;top:50%;left:50%;transform:translate(-50%,-50%)}

.shortCut a:hover,
.shortCut a:focus {width:75px}
@media all and (max-width:1499px) {
	.shortCut a {width:40px}
	.shortCut a span {font-size:.99em}
	.shortCut a:hover, .shortCut a:focus {width:60px}
}
@media all and (max-width:899px) {
	.shortCut  {display:none}
	/* .shortCut {position:relative;top:0;left:0;flex-direction:row}
	.shortCut a {width:50%;height:50px;border-radius:0}
	.shortCut a span {position:static;transform:translate(0,0);writing-mode:horizontal-tb} */
}
/* ==============================
 * mlinks
================================= */
#mLink1 {font-family:'ONE-Mobile-Title', sans-serif;position:absolute;top:107px;right:0;z-index:1}
#mLink1 .dataTit {font-size:0}
#mLink1 .dataLst {display:flex;flex-wrap:wrap;width:470px}
#mLink1 .dataLst li {box-sizing:border-box;background-color:#fff}
#mLink1 .dataLst li {margin:0 10px 10px 0}
#mLink1 .dataLst li:nth-child(2n) {margin-right:0}
#mLink1 .dataLst li:nth-last-child(-n+2) {margin-bottom:0}
#mLink1 .dataLst li a {display:block;width:230px;height:70px;line-height:70px;border-radius:35px;transition:all .3s ease;border:1px solid #055766;overflow:hidden;position:relative;box-sizing:border-box;padding:0 55px 0 30px}
#mLink1 .dataLst li .sTit {color:#055766;z-index:55;transition:all .3s ease .1s} 
#mLink1 .dataLst li .sTit:after {content:'';display:block;width:17px;height:14px;background-image:url(/resources/_Templet/Main/main_linc/Img/link_arrow.png);position:absolute;top:50%;right:30px;transform:translateY(-50%);transition:all .3s ease .2s}
#mLink1 .dataLst li a:hover,
#mLink1 .dataLst li a:focus {background-color:#055766;box-shadow:0px 9px 10px 0px rgba(10, 37, 62,.2)}
#mLink1 .dataLst li a:hover .sTit,
#mLink1 .dataLst li a:focus .sTit {color:#fff}
#mLink1 .dataLst li a:hover .sTit:after,
#mLink1 .dataLst li a:focus .sTit:after {background-position:-27px 0}
@media all and (max-width:1499px) {
	#mLink1 {right:80px}
	#mLink1 .dataLst {width:370px}
	#mLink1 .dataLst li a {width:180px;height:60px;line-height:60px;padding:0 40px 0 25px}
	#mLink1 .dataLst li .sTit:after {right:15px}
}
@media all and (max-width:1099px) {
	#mLink1 {top:70px;right:57px}
	#mLink1 .dataLst {width:310px}
	#mLink1 .dataLst li a {width:150px;height:50px;line-height:50px;font-size:.95em;padding:0 35px 0 15px}
}
@media all and (max-width:899px) {
	#mLink1 {right:27px}
	#mLink1 .dataLst {width:250px}
	#mLink1 .dataLst li a {width:120px;height:40px;line-height:40px;padding:0 40px 0 15px;font-size:.85em}
	#mLink1 .dataLst li .sTit:after {right:18px}
}
@media all and (max-width:899px) {
	#mLink1 {position:relative;top:0;left:0;margin-top:40px}
	#mLink1 .dataLst {width:100%}
	#mLink1 .dataLst {border-radius:10px;border:1px solid #004f5d;overflow:hidden}
	#mLink1 .dataLst li {width:25%;margin:0;border-right:1px solid #004f5d}
	#mLink1 .dataLst li:last-child {border-right:0}
	#mLink1 .dataLst li a {width:100%;border-radius:0;margin:0;border:0}
}  
@media all and (max-width:499px) {
	#mLink1 {margin-top:25px}
	#mLink1 .dataLst {border-radius:10px;border:1px solid #004f5d;overflow:hidden}
	#mLink1 .dataLst li {width:50%;margin:0;border-right:1px solid #004f5d}
	#mLink1 .dataLst li:last-child {border-right:0}
	#mLink1 .dataLst li:nth-child(2n) {border-right:0}
	#mLink1 .dataLst li:nth-child(-n+2) {border-bottom:1px solid #004f5d}
	#mLink1 .dataLst li a {font-size:.8em;height:35px;line-height:35px}
}  
/* ==============================
 * 메인비쥬얼
================================= */
.mVisual-wr {width:1400px;margin:0 auto;box-sizing:border-box;position:relative}
#mVisual .txtBox .pTxt1 {font-family:'ONE-Mobile-Title', sans-serif;display:inline-block;font-size:1.111em;color:#222;font-weight:500;letter-spacing:-.025em;margin-bottom:50px}
#mVisual .txtBox .pTxt1:before {content:'';display:inline-block;width:15px;height:2px;background-color:#e2b759;vertical-align:bottom;margin-right:10px}
#mVisual .txtBox .pTxt2 {font-family:"Poppins", sans-serif;font-size:3.333em;font-weight:600;color:#000;letter-spacing:0;line-height:1.3}
#mVisual .txtBox .pTxt2 span {display:block}
#mVisual .txtBox .pTxt2 em {font-style:normal;color:#ff9200}
.mVisual-wr .data-ctrl {display:none}
#mVisual .imgBox {margin-top:40px}
/* #mVisual .imgBox {align-self:flex-start;flex:1 1 0;position:relative;overflow:hidden;z-index:1}
#mVisual .imgBox:before {content:"";display:block;width:0;padding-top:45.834%;}
#mVisual .imgBox img {display:block;position:absolute;width:100%;height:auto;left:50%;top:0;max-width:initial;transform:translateX(-50%)} */
#mVisual .imgBox img {width:100%;height:auto}
@media all and (max-width:1750px) {
	#mVisual {padding:0 50px 100px 50px}
}
@media all and (max-width:1499px) {
	.mVisual-wr {width:100%}
	#mVisual {padding:0 30px 50px 0}
	#mVisual .txtBox .pTxt2 {font-size:2.7em}
}
@media all and (max-width:1099px) {
	#mVisual .txtBox .pTxt1 {font-size:1em;margin-bottom:30px}
	#mVisual .txtBox .pTxt2 {font-size:2.2em}
	#mVisual .imgBox {margin-top:30px}
}
@media all and (max-width:899px) {
	#mVisual .txtBox .pTxt1 {margin-bottom:20px;font-size:.9em}
	#mVisual {padding:0}
	#mVisual .imgBox {align-self:flex-start;flex:1 1 0;position:relative;overflow:hidden;z-index:1;margin-top:20px}
	#mVisual .imgBox:before {content:"";display:block;width:0;padding-top:51.834%;}
	#mVisual .imgBox img {display:block;position:absolute;width:auto;height:100%;left:50%;top:0;max-width:initial;transform:translateX(-50%)}	
}
@media all and (max-width:499px) {
	#mVisual .txtBox .pTxt1 {margin-bottom:15px}
	#mVisual .txtBox .pTxt2 {font-size:2em}
	#mVisual .imgBox {margin-top:10px}
}
@media all and (max-width:399px) {
	#mVisual .txtBox .pTxt2 {font-size:1.7em}
	#mVisual .imgBox {margin-top:5px}
}
/* ==============================
 * section_02
================================= */
.section_02 {background-color:#e3edef;margin-top:103px;border-radius:20px 20px 0 0;padding:90px 0;box-sizing:border-box}
.section_02 .mTit02 {color:#08515f;opacity:.5}
.section_02 .mTit01 {margin:20px 0 40px 0}
.section_02 .mitemBox {display:flex;flex-wrap:wrap;box-sizing:border-box;width:1400px;margin:50px auto 0 auto}
.section_02 .mitemBox li {margin-right:2.732%;width:22.95%;background-color:#fff;box-sizing:border-box;padding:50px 25px}
.section_02 .mitemBox li:last-child {margin-right:0}
.section_02 .mitemBox li [class^=ico] {display:block;width:65px;height:65px;background-color:#055766;border-radius:50%;background-image:url(/resources/_Templet/Main/main_linc/Img/sec02_ico.png)}
.section_02 .mitemBox li .ico02 {background-position:-75px 0}
.section_02 .mitemBox li .ico03 {background-position:-150px 0}
.section_02 .mitemBox li .ico04 {background-position:-225px 0}
.section_02 .mitemBox li .sub {font-size:1.389em;font-weight:600;letter-spacing:0;color:#000;margin:42px 0;line-height:1.2;font-family:"Poppins", sans-serif}
.section_02 .mitemBox li .txt {color:#202020;line-height:1.666}
@media all and (max-width:1499px) {
	.section_02 {padding:70px 50px}
	.section_02 .mitemBox li {padding:50px 30px}
	.section_02 .mitemBox {width:100%}
}
@media all and (max-width:1099px) {
	.section_02 {margin-top:50px;padding:50px 30px}
	.section_02 .mTit01 {margin:15px 0 25px 0}
	.section_02 .mitemBox li {padding:30px 20px}
	.section_02 .mitemBox li [class^=ico] {margin-bottom:20px;width:45px;height:45px;background-size:auto 45px}
	.section_02 .mitemBox li .ico02 {background-position:-52px 0}
	.section_02 .mitemBox li .ico03 {background-position:-105px 0}
	.section_02 .mitemBox li .ico04 {background-position:-157px 0}	
	.section_02 .mitemBox li .sub {font-size:1.4em;margin-bottom:20px}
	.section_02 .mitemBox li .txt {font-size:.9em}
}
@media all and (max-width:899px) {
	.section_02 {padding:50px 25px}
	.section_02 .mitemBox li {width:calc(50% - 5px);margin-right:10px}
	.section_02 .mitemBox li:nth-child(2n) {margin-right:0}
	.section_02 .mitemBox li:nth-child(-n+2) {margin-bottom:10px}
}
@media all and (max-width:450px) {
	.section_02 {padding:40px 15px}
	.section_02 .mTit01 {margin:10px 0 15px 0}
	.section_02 .mitemBox {margin-top:30px}
	.section_02 .mitemBox li {width:100%;margin-right:0;margin-bottom:10px;padding:20px}
	.section_02 .mitemBox li:last-child {margin-bottom:0}
	.section_02 .mitemBox li .sub {margin:10px 0 5px 0;font-size:1.2em}
	.section_02 .mitemBox li [class^=ico] {width:39px;height:39px;background-size:auto 39px;margin-bottom:0}
	.section_02 .mitemBox li .ico02 {background-position:-45px 0}
	.section_02 .mitemBox li .ico03 {background-position:-90px 0}
	.section_02 .mitemBox li .ico04 {background-position:-135px 0}	
}
/* ==============================
 * section_03
================================= */
.section_03 {padding:100px 160px;background-color:#10788b;color:#fff;box-sizing:border-box;position:relative;border-radius:0 0 20px 20px}
.section_03 .mimbansldWr {position:relative}
.section_03 .mimbansldWr:after {content:'';display:block;width:calc(100% - 4px);height:calc(100% - 2px);border-radius:250px;border:1px dashed rgba(255,255,255,.4);position:absolute;top:0;left:2px;z-index:1}
.section_03:before {content:'';display:block;width:100%;height:460px;border-radius:250px;border:1px solid rgba(255,255,255,.4);position:absolute;top:50%;transform:translateY(-50%);right:calc(100% - 280px)}
.section_03 #mImban1 {z-index:3;padding-right:125px;box-sizing:border-box}
.section_03 #mImban1 .dataLst {display:flex;flex-wrap:wrap;position:relative;z-index:5;width:100%;height:460px}
.section_03 #mImban1 .dataLst > div {box-sizing:border-box}
.section_03 #mImban1 .dataLst .pImg {border-radius:250px;overflow:hidden;width:670px}
.section_03 #mImban1 .dataLst .pImg img {width:100%}
.section_03 #mImban1 .pStr {display:flex;flex-wrap:wrap;flex-direction:column;justify-content:center;width:calc(100% - 760px);padding-left:105px}
.section_03 #mImban1 .pStr .sEng span {font-family:'ONE-Mobile-Title',sans-serif;display:inline-block;width:auto;font-size:1.222em;position:relative}
.section_03 #mImban1 .pStr .sEng span:after {content:'';display:block;width:100%;height:1px;background-color:#fff;position:absolute;bottom:-6px;left:0}
.section_03 #mImban1 .pStr .sTit {font-family:'ONE-Mobile-Title',sans-serif;display:block;font-size:2.111em;margin:32px 0 51px 0;line-height:1.2}
.section_03 #mImban1 .pStr .sTxt {line-height:1.444}
.section_03 #mImban1 .pStr .moreView {display:block;width:186px;height:70px;line-height:70px;border-radius:35px;background-color:#fff;padding:0 20px;box-sizing:border-box;position:relative;margin-top:65px}
.section_03 #mImban1 .pStr .moreView span {display:inline-block;width:auto;font-size:.944em;font-weight:500;color:#333;letter-spacing:-.05em}
.section_03 #mImban1 .pStr .moreView span:after {content:'';display:block;width:22px;height:22px;border-radius:50%;background-color:#2f2f2f;background-image:url(/resources/_Templet/Main/main_linc/Img/sec03_ico.png);position:absolute;top:50%;right:19px;transform:translateY(-50%);transition:all .3s ease}
.section_03 #mImban1 .pStr .moreView:hover span:after,
.section_03 #mImban1 .pStr .moreView:focus span:after {transform:translateY(-50%) rotate(180deg)}
.section_03 .data-ctrl {position:absolute;top:50%;right:76px;transform:translateY(-50%);z-index:55}
.section_03 .data-auto {display:none}
.section_03 .data-ctrl button {color:transparent;display:block;width:64px;height:64px;border:2px solid #fff;border-radius:50%;box-sizing:border-box;position:relative;background-color:transparent;transition:all .5s ease}
.section_03 .data-ctrl button.btn-next {margin-top:8px}
.section_03 .data-ctrl button:after {content:'';display:block;width:100%;height:100%;background-image:url(/resources/_Templet/Main/main_linc/Img/sec03_ico.png);background-position:-32px 0;position:absolute;top:0;left:0}
.section_03 .data-ctrl button.btn-next:after {background-position:-106px 0}
.section_03 .data-ctrl button:hover,
.section_03 .data-ctrl button:focus {border-color:#004f5d;background-color:#004f5d}
@media all and (max-width:1699px) {
	.section_03 {padding:100px 130px 100px 100px}
	.section_03 #mImban1 .pStr {padding-left:35px}
	.section_03 #mImban1 .dataLst .pImg {width:600px}
	.section_03 #mImban1 .dataLst .pImg img {height:100%;width:auto;}
	.section_03 #mImban1 .pStr {width:calc(100% - 650px)}
	.section_03 .data-ctrl {right:40px}
}
@media all and (max-width:1399px) {
	.section_03 {padding:70px 130px 70px 50px}
	.section_03 #mImban1 .pStr .sEng span {font-size:1em}
	.section_03 #mImban1 .pStr .sTit {font-size:1.8em;margin:20px 0 30px 0}
	
}
@media all and (max-width:1299px) {
	.section_03 #mImban1 .dataLst .pImg {width:460px}
	.section_03 #mImban1 .pStr {width:calc(100% - 470px)}
}
@media all and (max-width:1099px) {
	.section_03 {padding:50px 100px 50px 30px}
	.section_03 #mImban1 .dataLst {height:400px}
	.section_03 #mImban1 .dataLst .pImg {width:400px;height:400px}
	.section_03:before {height:400px}
	.section_03 .data-ctrl button {width:45px;height:45px}
	.section_03 .data-ctrl button:after {background-size:auto 45px;background-position:-24px 0}
	.section_03 .data-ctrl button.btn-next:after {background-position:-76px 0}
	.section_03 #mImban1 .pStr {width:calc(100% - 410px);padding-left:25px}
	.section_03 #mImban1 .pStr .moreView {height:50px;line-height:50px;width:150px}
}
@media all and (max-width:899px) {
	.section_03 {padding:50px 70px 50px 25px}
	.section_03:before {display:none}
	.section_03 #mImban1 .dataLst {height:auto}
	.section_03 #mImban1 .dataLst .pImg {width:100%;height:300px;border-radius:150px}
	.section_03 #mImban1 .pStr {width:100%;padding:30px 50px}
	.section_03 #mImban1 .dataLst .pImg img {width:100%;height:auto}
	.section_03 #mImban1 .pStr .moreView {margin:20px auto 0 auto}
	.section_03 .mimbansldWr:after {border-radius:150px}
	.section_03 .data-ctrl {right:13px}
}
@media all and (max-width:699px) {
	.section_03 {padding:50px 60px 50px 25px}
	.section_03 .mimbansldWr:after {border-radius:100px} 
	.section_03 #mImban1 .dataLst .pImg {height:200px;border-radius:100px;position:relative}	
	.section_03 #mImban1 .dataLst .pImg img {width:100%;height:auto;position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%)}
	
	.section_03 #mImban1 .pStr {padding:20px 30px}
	.section_03 #mImban1 .pStr .moreView {margin:20px auto 0 auto}
	.section_03 #mImban1 .pStr .sTit {font-size:1.5em;margin:15px 0 20px 0}
	.section_03 #mImban1 .pStr .sTxt {font-size:.9em}
	.section_03 .data-ctrl {right:13px}
	.section_03 .data-ctrl button {width:38px;height:38px}	
	.section_03 .data-ctrl button:after {background-size:auto 38px;background-position:-21px 0}
	.section_03 .data-ctrl button.btn-next:after {background-position:-65px 0}
	.section_03 #mImban1 .pStr .moreView {width:100px;height:35px;line-height:35px}
	.section_03 #mImban1 .pStr .moreView span {font-size:.9em}
	.section_03 #mImban1 .pStr .moreView span:after {width:15px;height:15px;background-size:auto 45px}
}
@media all and (max-width:450px) {
	.section_03 {padding:40px 15px 70px 15px}
	.section_03 .mimbansldWr:after {border-radius:75px} 
	.section_03 #mImban1 .dataLst .pImg {height:150px;border-radius:75px}	
	.section_03 .data-ctrl {display:flex;flex-wrap:wrap;top:calc(100% - 16px);right:50%;transform:translate(50%,-100%);}
	.section_03 .data-ctrl button.btn-next {margin:0 0 0 5px}
	.section_03 #mImban1 .pStr .sTit {font-size:1.4em;margin:15px 0 15px 0}  
}
/* ==============================
 * section_04
================================= */


/** -- mTabBoard */
.section_04 {height:480px;padding-left:90px;box-sizing:border-box;margin:70px 0 100px 0}
.section_04 .mTit01 {position:absolute;top:0;left:160px}
.section_04 .mTit01 em {font-family:"Poppins",sans-serif;display:block;font-style:normal;font-size:.440em;color:#0ea3a1;letter-spacing:0;margin-bottom:40px;position:relative}
.section_04 .mTit01 em:after {content:'';display:block;width:62px;height:2px;background-color:#0ea3a1;position:absolute;bottom:-10px;left:0}
#mTabBoard {display:flex;flex-flow:row wrap;position:relative;width:440px;box-sizing:border-box;padding-top:264px}
#mTabBoard dl {width:100%}
#mTabBoard dl dt {position:relative;z-index:1;padding:0 0 0 160px;}
#mTabBoard dl dt a {display:block;background-color:#fff;margin:25px 0;box-sizing:border-box;transition:all .3s ease;position:relative;padding:0 32px}
#mTabBoard dl dt a:after {content:'';display:block;width:100%;height:2px;background-color:#ddd;position:absolute;bottom:-25px;left:0;transition:all .5s}
#mTabBoard dl dt a:before {content:'';display:block;width:0;height:70px;background-color:#055766;border-radius:35px;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);transition:all .5s ease;z-index:2}
#mTabBoard dl dt a span {font-weight:600;font-size:1.111em;color:#555;transition:all .3s ease;position:relative;z-index:5;display:block;width:100%}
#mTabBoard dl dt a span:after {content:'';display:block;width:18px;height:15px;background-image:url(/resources/_Templet/Main/main_linc/Img/sec04_ico.png);position:absolute;top:50%;right:32px;transform:translateY(-50%);transition:all .5s ease}
#mTabBoard dl.isOn dt a:after {display:none}
#mTabBoard dl.isOn dt a span {color:#fff}
#mTabBoard dl dt a:hover span:after,
#mTabBoard dl dt a:focus span:after {right:20px}
#mTabBoard dl.isOn dt a:before {width:100%;box-shadow: 0px 9px 10px 0px rgba(10, 37, 62, 0.2)}
#mTabBoard dl.isOn dt a span:after {-webkit-filter:brightness(0) invert(1);filter:brightness(0) invert(1);}
#mTabBoard dl dt a:hover:after,
#mTabBoard dl dt a:hover:after {background-color:#004f5d}
#mTabBoard dl dd {display:none;position:absolute;top:0;left:0;width:calc(50vw + 850px);max-width:2000px;padding-left:643px;height:480px;box-sizing:border-box}
#mTabBoard dl dd .swiper-slide {}
#mTabBoard dl dd .swiper-slide > a {display:block;position:relative;background-color:#f8f8f8;height:350px;box-sizing:border-box;transition:all .3s ease-out;padding:54px 40px}
#mTabBoard dl dd .swiper-slide > a:before {content:'';display:block;clear:both}
#mTabBoard dl dd .swiper-slide > a .s-cate .txt {display:inline-block;color:#fff;font-size:.889em;font-weight:500;transition:color .3s ease-out}
#mTabBoard dl dd .swiper-slide > a .date-box {position:absolute;right:37px;top:33px;color:#71788e;font-weight:500;letter-spacing:-.05em;text-align:center}
#mTabBoard dl dd .swiper-slide > a .date-box .day {font-size:2.222em}
#mTabBoard dl dd .swiper-slide > a .date-box .year {margin-top:4px;font-size:.833em}
#mTabBoard dl dd .swiper-slide > a .s-cate {display:block;font-size:.944em;letter-spacing:-.025em;color:#004f5d;margin-bottom:40px} 
#mTabBoard dl dd .swiper-slide > a .s-cate span {font-family:'ONE-Mobile-Title', sans-serif;position:relative;display:inline-block;width:auto}
#mTabBoard dl dd .swiper-slide > a .s-cate span:after {content:'';display:block;width:100%;height:2px;background-color:#004f5d;position:absolute;bottom:-10px;left:50%;transform:translateX(-50%)}
#mTabBoard dl dd .swiper-slide > a .s-tit {font-family:'ONE-Mobile-Title', sans-serif;color:#222;font-size:1.222em;line-height:1.545;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;white-space:normal;height:74px;word-wrap:break-word;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
#mTabBoard dl dd .swiper-slide > a .s-txt {color:#fff;line-height:1.333;font-weight:400;letter-spacing:-.025em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;white-space:normal;height:120px;margin-top:22px;word-wrap:break-word;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;display:none}
#mTabBoard dl dd .swiper-slide > a .s-date {display:inline-block;font-size:.833em;letter-spacing:0;opacity:.6;color:#000;position:absolute;bottom:60px;right:40px}
#mTabBoard dl dd .swiper-slide > a .s-date:before {content:'';display:inline-block;width:16px;height:16px;background-image:url(/resources/_Templet/Main/main_linc/Img/sec04_ico.png);background-position:-378px 0;vertical-align:middle;margin:0 5px 3px 0;opacity:1}
#mTabBoard dl dd .data-ctrl {position:absolute;left:566px;bottom:0;z-index:1}
#mTabBoard dl dd .data-ctrl button {display:block;}
#mTabBoard dl dd .data-ctrl button,
#mTabBoard dl dd .data-ctrl a {position:relative;display:block;background-color:#fff;border:2px solid #ddd;border-radius:50%;width:64px;height:64px;box-sizing:border-box;transition:all .3s ease-out;position:relative}
#mTabBoard dl dd .data-ctrl button:after {content:'';display:block;width:100%;height:100%;background-image:url(/resources/_Templet/Main/main_linc/Img/sec04_ico.png);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background-position:-56px -2px}
#mTabBoard dl dd .data-ctrl button.btn-next {margin-top:10px}
#mTabBoard dl dd .data-ctrl button.btn-next:after {background-position:-130px -2px}
#mTabBoard dl dd .data-ctrl button:hover,
#mTabBoard dl dd .data-ctrl button:focus {border-color:#004f5d}
#mTabBoard dl dd .data-ctrl button:hover:after,
#mTabBoard dl dd .data-ctrl button:focus:after {background-position:-204px -2px}
#mTabBoard dl dd .data-ctrl button.btn-next:hover:after,
#mTabBoard dl dd .data-ctrl button.btn-next:focus:after {background-position:-279px -2px}
#mTabBoard dl dd .data-auto {display:none}
#mTabBoard dl dd .data-auto button {}
#mTabBoard dl dd .data-auto .btn-stop:before {border:2px solid #0a1646;border-top:0;border-bottom:0;width:8px;height:16px;box-sizing:border-box}
#mTabBoard dl dd .data-auto .btn-play {display:none}
#mTabBoard dl dd .data-auto .btn-play:before {border-width:5px 0 5px 7px;border-style:solid;border-color:transparent;border-left-color:#0a1646;width:0;height:0}
#mTabBoard dl.isOn dd {display:block}
#mTabBoard dl dd .swiper-slide > a:hover,
#mTabBoard dl dd .swiper-slide.swiper-slide-active > a {background-color:#004f5d}
#mTabBoard dl dd .swiper-slide.swiper-slide-active > a {height:480px}
#mTabBoard dl dd .swiper-slide > a:hover *,
#mTabBoard dl dd .swiper-slide.swiper-slide-active > a * {color:#fff}
#mTabBoard dl dd .swiper-slide.swiper-slide-active  > a .s-txt {display:block}
#mTabBoard dl dd .swiper-slide > a:hover .s-cate span:after,
#mTabBoard dl dd .swiper-slide.swiper-slide-active > a .s-cate span:after {background-color:#fff}
#mTabBoard dl dd .swiper-slide > a:hover .s-date:before,
#mTabBoard dl dd .swiper-slide.swiper-slide-active > a .s-date:before {-webkit-filter: brightness(0) invert(1);filter: brightness(0) invert(1)}
@media all and (max-width:1750px) {
	.section_04 {padding-left:50px}
}
@media all and (max-width:1499px) {
	#mTabBoard dl dd {padding-left:400px}
	.section_04 .mTit01 {left:0}
	#mTabBoard dl dt {padding:0}
	#mTabBoard dl dt a {width:250px}
	#mTabBoard dl dd .data-ctrl {left:300px}
	#mTabBoard dl dd {width:calc(50vw + 730px);}
	#mTabBoard dl dd .swiper-slide > a {padding:30px 25px}
}
@media all and (max-width:1099px) {
	.section_04 {height:350px;padding-left:25px}
	#mTabBoard {padding-top:192px}
	#mTabBoard dl dd {width:calc(50vw + 590px)}
	#mTabBoard {width:250px;}
	#mTabBoard dl dd {padding-left:300px;height:350px}
	#mTabBoard dl dt a {width:180px;margin:15px 0;padding:0 20px}
	#mTabBoard dl dt a:before {height:49px}
	#mTabBoard dl dt a:after {bottom:-16px}
	#mTabBoard dl dt a span:after {right:0}
	#mTabBoard dl dt a:hover span:after, #mTabBoard dl dt a:focus span:after {right:-7px}
	#mTabBoard dl dd .swiper-slide > a {height:250px}
	#mTabBoard dl dd .swiper-slide > a .s-cate {font-size:.88em}
	#mTabBoard dl dd .swiper-slide > a .s-tit {font-size:1.111em;height:61px}
	#mTabBoard dl dd .swiper-slide > a .s-txt {font-size:.95em;height:107px;}
	#mTabBoard dl dd .swiper-slide > a .s-date {bottom:30px}
	#mTabBoard dl dd .swiper-slide.swiper-slide-active > a {height:350px}
	#mTabBoard dl dd .data-ctrl {left:241px}
	#mTabBoard dl dd .data-ctrl button, #mTabBoard dl dd .data-ctrl a {width:45px;height:45px}
	#mTabBoard dl dd .data-ctrl button:after {background-position:-39px -2px;background-size:auto 45px}
	#mTabBoard dl dd .data-ctrl button.btn-next:hover:after, #mTabBoard dl dd .data-ctrl button.btn-next:focus:after {background-position:-197px -2px}
	#mTabBoard dl dd .data-ctrl button.btn-next:after {background-position:-94px -2px}
	#mTabBoard dl dd .data-ctrl button:hover:after, #mTabBoard dl dd .data-ctrl button:focus:after {background-position:-144px -2px}
}

@media all and (max-width:799px) {
	.section_04 {padding:0 0 0 15px;height:440px;margin-top:60px}
	.section_04 .mTit01 em {margin-bottom:25px}
	#mTabBoard {flex-flow:row;width:100%;padding-top:110px}
	#mTabBoard dl {width:auto}
	#mTabBoard dl dd {padding-left:0;top:300px;width:100%;top:180px}
	#mTabBoard dl dt a {width:150px}
	#mTabBoard dl dt a:after {bottom:-10px}
	#mTabBoard dl dt a span {font-size:.95em}
	#mTabBoard dl dt a:before {height:35px}
	#mTabBoard dl dd .data-ctrl {left:100%;transform:translate(-100%);bottom:calc(100% + 30px);display:flex;flex-wrap:wrap;width:100%;justify-content:end;padding-right:15px}
	#mTabBoard dl dd .data-ctrl button.btn-next {margin:0 0 0 5px}
	#mTabBoard dl dd .data-ctrl button,
	#mTabBoard dl dd .data-ctrl a {width:38px;height:38px}
	#mTabBoard dl dd .data-ctrl button:after {background-position:-35px -2px;background-size:auto 38px}
	#mTabBoard dl dd .data-ctrl button.btn-next:hover:after, #mTabBoard dl dd .data-ctrl button.btn-next:focus:after {background-position:-167px -2px}
	#mTabBoard dl dd .data-ctrl button:hover:after, #mTabBoard dl dd .data-ctrl button:focus:after {background-position:-123px -2px}
	#mTabBoard dl dd .data-ctrl button.btn-next:after {background-position:-78px -2px}
	#mTabBoard dl dd .swiper-slide > a {height:230px}
	#mTabBoard dl dd .swiper-slide.swiper-slide-active > a {height:320px}
	#mTabBoard dl dd .swiper-slide > a .s-cate {margin-bottom:20px;font-size:.85em;bottom:-7px}
	#mTabBoard dl dd .swiper-slide > a .s-tit {font-size:1em;height:49px}
	#mTabBoard dl dd .swiper-slide > a .s-date {font-size:.8em;bottom:20px}
	#mTabBoard dl dt a span:after {width:14px;height:12px;background-size:auto 51px}
}
@media all and (max-width:699px) {
	#mTabBoard dl dd .data-ctrl button,
	#mTabBoard dl dd .data-ctrl a {width:38px;height:38px}
	#mTabBoard dl dd .data-ctrl button:after {background-position:-35px -2px;background-size:auto 38px}
	#mTabBoard dl dd .data-ctrl button.btn-next:hover:after, #mTabBoard dl dd .data-ctrl button.btn-next:focus:after {background-position:-167px -2px}
	#mTabBoard dl dd .data-ctrl button:hover:after, #mTabBoard dl dd .data-ctrl button:focus:after {background-position:-123px -2px}
	#mTabBoard dl dd .data-ctrl button.btn-next:after {background-position:-78px -2px}
}
@media all and (max-width:599px) {
	#mTabBoard dl dd .swiper-slide > a .s-txt {height:99px}
	#mTabBoard dl dt a {width:120px}
	#mTabBoard dl dt a:hover span:after, #mTabBoard dl dt a:focus span:after {right:-10px}
}
@media all and (max-width:499px) {
	#mTabBoard dl dd .data-ctrl {bottom:calc(100% + 99px)}
	#mTabBoard dl dt a {width:100%}
	#mTabBoard dl {width:33.333%;box-sizing:border-box}
	#mTabBoard dl.vnum3  {padding-right:15px}
	#mTabBoard dl dt a span:after {display:none}
}
@media all and (max-width:399px) {
	.section_04 {height:420px;margin-top:40px;}
	.section_04 .mTit01 em {font-size:14px}
	#mTabBoard {padding-top:95px}
	#mTabBoard dl dd .data-ctrl {bottom:calc(100% + 92px)}
	#mTabBoard dl dd {top:164px}
	#mTabBoard dl dd .swiper-slide.swiper-slide-active > a {height:300px}
}