/******************** layout ********************/
html{width:100%; overflow-x:hidden;}
body{position:relative; overflow-x:hidden;}
body.locked {position:relative;overflow:hidden;height:100%;}
body.locked #allwrap {position:relative;overflow:hidden;height:100%;}
#allwrap {min-width:320px;}
#allwrap:after {content:""; display:block; clear:both;}
#allBg {display:none; position:absolute; left:0; top:0; width:100%; height:100%; overflow:hidden; z-index:80;}
#wrap {position:relative; width:100%;}
#wrap:after {content:""; display:block; clear:both;}


/* loading */
.bgLoading {display:none; position:fixed; left:50%; top:50%; margin:-25px 0 0 -25px; z-index:99;}
.bgLoading img {width:50px;}

#FL {display:none; position:fixed; left:0; top:0; width:100%; height:100%; background:#fff; z-index:9999;}
#FL .OBox {position:absolute; left:50%; top:50%; width:200px; height:200px; margin:-100px 0 0 -100px;}
#FL .OBox .img img {position:relative; width:200px; height:78px; padding:61px 0 0 0; animation:1s 1s alternate fixImg; z-index:2;}
#FL .OBox .img img.clip {-webkit-clip-path: circle(0 at 40px 0); clip-path: circle(0 at 40px 0);}
#FL .OBox .chips {position:absolute; left:-115px; top:-105px;}
#FL .OBox .chips img {position:relative; width:430px; height:411px; animation:2s 1s alternate fixImg02; z-index:2; opacity:1; transition:0.2s ease-in-out;}
#FL .OBox .chips img.clip {-webkit-clip-path: circle(0 at 215px 205px); clip-path: circle(0 at 215px 205px); opacity:0;}
#FL .LBox {positioN:absolute; left:0; bottom:0; width:1px; height:0; background:#2e2e2f; z-index:1;}



@keyframes fixImg {
  from {
    -webkit-clip-path: circle(0 at 40px 0);
    clip-path: circle(0 at 40px 0);
  }
  to {
    -webkit-clip-path: circle(150% at 0 0);
    clip-path: circle(150% at 0 0);
  }
}

@keyframes fixImg02 {
  from {
    -webkit-clip-path: circle(0 at 215px 205px);
    clip-path: circle(0 at 215px 205px);
  }
  to {
    -webkit-clip-path: circle(150% at 215px 205px);
    clip-path: circle(150% at 215px 205px);
  }
}




/******************** 하위브라우저 체크 ********************/
#ieUser {width:100%; height:83px; background:#083457; overflow:hidden;}
#ieUser .iewrap {position:relative; max-width:1200px; margin:28px auto 0;}
#ieUser .iewrap p.img {float:left; padding:0 10px 0 0;}
#ieUser .iewrap p.txt {float:left; color:#fff; padding:8px 0 0 0;}
#ieUser .iewrap p.btn {position:absolute; right:0; top:0; cursor:pointer;}
#ieUser .iewrap ul {float:left; margin:0 0 0 20px;}
#ieUser .iewrap ul li {float:left; padding:0 12px 0 0;}



/** header **/
header {position:fixed; left:0; top:0; width:100%; z-index:70;}
header:after {content:""; display:block; clear:both;}
header #hwrap {position:relative; width:100%; height:120px; margin:0 auto; background:url('../images/bg/bg_header.png') left bottom repeat-x; z-index:72;}
header #hwrap:after {content:""; display:block; clear:both;}
header #logo {position:relative; display:inline-block; z-index:74;}
header #logo:after {content:""; display:block; clear:both;}

header #navi {position:absolute; left:50%; top:0; width:888px; margin:0 0 0 -444px; z-index:71;}
header #navi:after {content:""; display:block; clear:both;}
header #navi #topMenu {width:1000px; margin:0 auto;}
header #navi #topMenu:after {content:""; display:block; clear:both;}
header #navi #topMenu > li {position:relative; float:left;}
header #navi #topMenu > li > a {display:block;}
header #navi #topMenu > li > a > span {font-size:16px; color:#fff; font-weight:500; font-family: 'Montserrat', sans-serif; line-height:120px; padding:0 50px; letter-spacing:1.5px;}
header #navi #topMenu > li > a u {position:absolute; left:60px; bottom:0; width:0; height:1px; background:#e94730; margin-left:;}
header #navi #topMenu > li ul {display:none; position:absolute; top:119px; left:0; width:100%; height:0; overflow:hidden;}
header #navi #topMenu > li ul li {width:100%; text-align:center;}
header #navi #topMenu > li ul li a {position:relative; display:inline-block; margin:0 0 20px 0; padding:0 0 2px 0;}
header #navi #topMenu > li ul li a span {font-size:14px; color:#666; font-weight:500; line-height:1.2;}
header #navi #topMenu > li ul li a span.normal {font-weight:normal;}
header #navi #topMenu > li ul li a:hover span,
header #navi #topMenu > li ul li a:active span,
header #navi #topMenu > li ul li a:focus span,
header #navi #topMenu > li ul li a.hover span {color:#255b98; height:auto;}
header #navi #topMenu > li ul li a span:before {content: "";position: absolute;z-index: -1;left: 50%;right: 50%;bottom: 0;background: #255b98;height: 1px;-webkit-transition-property: left, right;transition-property: left, right;-webkit-transition-duration: 0.1s;transition-duration: 0.1s;-webkit-transition-timing-function: ease-out;transition-timing-function: ease-out;}
header #navi #topMenu > li ul li a:hover span:before {left: 0;right: 0;}


header #navi.change #topMenu > li > a > span {color:#38393b;}
header #navi.change #topMenu > li > a:hover span,
header #navi.change #topMenu > li > a:active span,
header #navi.change #topMenu > li > a:focus span,
header #navi.change #topMenu > li > a.hover span {color:#255b98;}
header #navi #mutil {display:none;}

header #util {position:absolute; right:60px; top:45px; z-index:72;}
header #util ul:after {content:""; display:block; clear:both;}
header #util ul li {position:relative; float:left; margin:0 0 0 30px;}
header #util ul li a {display:inline-block; padding:10px; font-size:12px; color:#d8d9d9; font-weight:600; line-height:1.1;}
header #util.change ul li a {color:#939393;}
header.moveSlide {top:-120px;}
header #util ul li a.intraBtn {background:url('../images/ico/ico_intranet.png') left center no-repeat;padding-left:27px;}

header #util ul li a.langBtn {padding:2px 0 0 0; margin:0 20px 0 0;}
header #util ul li .langBx {display:none; position:absolute; left:-32px; top:40px; width:90px; padding:15px 0; background:#fff; text-align:center; border:1px #c5c5c5 solid;}
header #util ul li .langBx:after {position:absolute; left:0; top:-5px; content:''; width:100%; height:5px; background:url('../images/bg/bg_lanbx.png') center top no-repeat;}
header #util ul li .langBx li {float:none; margin:0; display:block; padding:6px 0;}
header #util ul li .langBx li a {display:inline-block; font-family: 'NotoSansKR'; font-size:14px; color:#666; line-height:1.2; padding:0; border-bottom:1px #fff solid;}
header #util ul li .langBx li.c a {padding:2px 0 0 0;}
header #util ul li .langBx li a:hover {color:#265d95; border-bottom:1px #265d95 solid;}

header #util ul li a.effect {position:relative; display:inline-block; width:118px; height:40px; margin-top:-4px; padding:0 !important; border:1px #fff solid; text-align:center; overflow:hidden;}
header #util ul li a.effect:before, header #util ul li a.effect:after {box-sizing:border-box; transition:0.2s ease-in-out; z-index:1;}
header #util ul li a.effect:before {content:''; position:absolute; top:0; right:0; bottom:0; left:-1px; background-color:#fff; -webkit-transform: translateX(-100%); transform:translateX(-100%);}
header #util ul li a.effect:hover:before {-webkit-transform: translateX(0); transform: translateX(0);}
header #util ul li a.effect span {position:absolute; left:0; top:0; width:100%; font-family: Montserrat, sans-serif; font-size:16px; font-weight:500; letter-spacing:1.5px; color:#fff; line-height:40px; z-index:2; transition:0.2s ease-in-out;}
header #util ul li a.effect:hover span {color:#255b98; font-weight:600;}
header #util.change ul li a.effect {color:#939393;border-color:#939393;}
header #util.change ul li a.effect:before {background-color:#2878d3;}
header #util.change ul li a.effect:hover {border-color:#2878d3;}
header #util.change ul li a.effect span {color:#939393;}
header #util.change ul li a.effect:hover span {color:#fff;}


header #mutil {display:none;}
header #msns {display:none;}
header #mLang {display:none;}

#navibg {position:fixed; top:0; width:100%; height:0; background:url('../images/bg/bg_navibg.png') left top repeat; overflow:visible !important; z-index:60; box-shadow:1px 1px 2px rgba(0,0,0,0.2);}
#mNavi {display:none;}





/* footer */
footer {position:relative; width:100%; background:#2e2e2f;}
footer .topBtn {position:fixed; right:20px; bottom:20px;}
footer .finbox {position:relative; width:1160px; margin:0 auto; padding:60px 0 0 0; overflow:hidden;}
footer .finbox .fnb {width:100%; padding:11px 0 0 0; overflow:hidden;}
footer .finbox .fnb ul:after {content:""; display:block; clear:both;}
footer .finbox .fnb ul li {float:left; margin:0 40px 0 0;}
footer .finbox .fnb ul li a {font-family: 'montserrat-light'; font-size:18px; color:#fff; line-height:1.2; letter-spacing:2px;}
footer .finbox .fsns {position:absolute; right:0; top:60px;}
footer .finbox .fsns p {display: inline-block;float: left;line-height: 40px;vertical-align: middle;font-size: 15px;color: #888;letter-spacing:1px;}
footer .finbox .fsns ul {display: inline-block;float: left;}
footer .finbox .fsns ul:after {content:""; display:block; clear:both;}
footer .finbox .fsns ul li {float:left; margin:0 0 0 10px;}

footer .finbox .fprivacy {position:absolute; right:0; top:138px;}
footer .finbox .fprivacy a {font-size:15px; color:#888; line-height:1.1; font-weight:600;}


footer address {width:100%; padding:45px 0 0 0; overflow:hidden;}
footer address ul:after {content:""; display:block; clear:both;}
footer address ul li {float:left; font-size:15px; color:#888; line-height:1.2; font-weight:500; margin:0 17px 0 0; padding:0 19px 0 0; background:url('../images/bg/bg_address_li.gif') right 2px no-repeat;}
footer address ul li strong {font-size:16px; font-weight:500; letter-spacing:0;}
footer address ul li:last-child {margin:0; padding:0; background:url('');}

footer .copyRight {font-size:14px; color:#777; line-height:1.2; font-weight:500; letter-spacing:1px; padding:17px 0 110px 0;}
footer .copyRight span {font-size:14px;}


/* video */
.movie {width:100%; overflow:hidden;}
.view_video {position:relative; padding-bottom:56.25%; height:0; }
.view_video iframe,
.view_video object,
.view_video embed {position:absolute; top:0; left:0; width:100%; height:100%;}
.moviePop {position:relative; padding-right:72px;}
.moviePop .modalClose {position:absolute;top:0;right:0;z-index:999;}
.layerWrap.bgNone {background:transparent;}
.iziModal {background:transparent !important;}
@media all and (max-width:540px){
.moviePop {padding-right:20px; padding-left:20px; padding-top:40px;}
.moviePop .modalClose {right:20px;}
.moviePop .modalClose img {width:40px;}
}



/******* main section *******/
#mainSection {position:relative; width:100%; z-index:10; opacity:0;}
#mainSection:after {content:""; display:block; clear:both;}

#mainSWrap .mainMovie{display:block}
#mainSlide .slick-list, 
#mainSlide .slick-dots,
#mainSWrap .slick-arrow{display:none !important}
	@media all and (max-width:768px){
		#mainSWrap .mainMovie{display:none}
		#mainSlide .slick-list, 
		#mainSlide .slick-dots,
		#mainSWrap .slick-arrow {display:block !important}
	}

/* main slide */
#mainSWrap {position:relative; width:100%; overflow:hidden;}
#mainSWrap .dmoveBrn {position:absolute; left:0; bottom:30px; width:100%; text-align:center; z-index:40;}
#mainSWrap .dmoveBrn a {position: relative; display:inline-block; width:72px; height:72px; background:#38393b; transition:0.2s ease-in-out; overflow:hidden;}
#mainSWrap .dmoveBrn a img {position:absolute; left:50%; top:25px; text-align:center; margin:0 0 0 -6px; z-index:2;}
#mainSWrap .dmoveBrn a:before, #mainSWrap .dmoveBrn a:after {box-sizing:border-box; transition:0.2s ease-in-out; z-index:1;}
#mainSWrap .dmoveBrn a:before {content:''; position:absolute; top:0; right:0; bottom:0; left:0; background-color:#2878d3; -webkit-transform: translateX(-100%); transform:translateX(-100%);}
#mainSWrap .dmoveBrn a:hover:before {-webkit-transform: translateX(0); transform: translateX(0);}

#mainSWrap .prevBtn {position:absolute;top:50%;left:60px;margin-top:20px;}
#mainSWrap .nextBtn {position:absolute;top:50%;right:60px;margin-top:20px;}

#mainSlide {position:relative; width:100%; min-height:500px; overflow:hidden;}
#mainSlide .slick-list {width:100%; height:100%;}
#mainSlide .slick-track {width:100%; height:100%;}
#mainSlide .slick-slide {width:100%; height:100%;}

#mainSlide .slick-slide:nth-child(1) .bgArea {height:100%; background:url('../images/img/img_mainbg01_1.jpg') center top no-repeat; background-size:cover; transition: all 3s;}
#mainSlide .slick-slide:nth-child(2) .bgArea {height:100%; background:url('../images/img/img_mainbg02.jpg') center top no-repeat; background-size:cover; transition: all 3s;}
#mainSlide .slick-slide:nth-child(3) .bgArea {height:100%; background:url('../images/img/img_mainbg03_1.jpg') center top no-repeat; background-size:cover; transition: all 3s;}
#mainSlide .slick-slide:nth-child(4) .bgArea {height:100%; background:url('../images/img/img_mainbg04.jpg') center top no-repeat; background-size:cover; transition: all 3s;}

#mainSlide .slick-slide > div, #mainSlide .slick-slide > div > div {position:relative; height:100%;}
#mainSlide .slick-slide .bgArea:before { content: ""; display:none; height:100%; width:100%; position:absolute; top:0; left:0;}
#mainSlide .slick-slide.ani .bgArea:before {display:block;}
#mainSlide .slick-slide.ani .bgArea {-ms-transform: scale(1.05); -moz-transform: scale(1.05); -webkit-transform: scale(1.05); -o-transform: scale(1.05); transform: scale(1.05);}

/* #mainSlide .slick-dots {position:absolute; right:60px; top:50%; width:12px; z-index:50;} */
#mainSlide .slick-dots {position:absolute; left:0; bottom:32px; width:100%; text-align:center;}
#mainSlide .slick-dots:after {content:""; display:block; clear:both;}
#mainSlide .slick-dots li {display:inline-block; width:10px; height:10px; border:1px #fff solid; transition: all 0.5s; margin:0 8px; cursor:pointer;}
#mainSlide .slick-dots li.slick-active {display:inline-block; width:38px; height:10px; border:1px #fff solid; background:#fff;}
#mainSlide .slick-dots li button {display:none;}


#mainSlide .slick-slide:nth-child(1) .txtArea {position:absolute; left:16%; top:30%; width:auto; margin:0; text-align:left; opacity:0; overflow:hidden; z-index:4; word-break:keep-all;}
#mainSlide .slick-slide:nth-child(1) .txtArea .tit { font-size:24px; color:#fff; padding:0 0 18px 0; font-weight:600; letter-spacing:1px;}
#mainSlide .slick-slide:nth-child(1) .txtArea .txt { font-size:36px; color:#fff; font-weight:normal; line-height:1.3; letter-spacing:1px;}

#mainSlide .slick-slide:nth-child(2) .txtArea {position:absolute; left:16%; top:30%; width:auto; margin:0; text-align:left; opacity:0; overflow:hidden; z-index:4; word-break:keep-all;}
#mainSlide .slick-slide:nth-child(2) .txtArea .tit { font-size:24px; color:#fff; padding:0 0 18px 0; font-weight:600; letter-spacing:1px;}
#mainSlide .slick-slide:nth-child(2) .txtArea .txt { font-size:36px; color:#fff; font-weight:normal; line-height:1.3; letter-spacing:1px;}

#mainSlide .slick-slide:nth-child(3) .txtArea {position:absolute; left:16%; top:29%; width:auto; margin:0; text-align:left; opacity:0; overflow:hidden; z-index:4; word-break:keep-all;}
#mainSlide .slick-slide:nth-child(3) .txtArea .tit { font-size:24px; color:#38393b; padding:0 0 18px 0; font-weight:600; letter-spacing:1px;}
#mainSlide .slick-slide:nth-child(3) .txtArea .txt { font-size:36px; color:#fff; font-weight:600; line-height:1.32; letter-spacing:1px;}
#mainSlide .slick-slide:nth-child(3) .txtArea ul {margin:0;}
#mainSlide .slick-slide:nth-child(3) .txtArea ul:after {content:""; display:block; clear:both;}
#mainSlide .slick-slide:nth-child(3) .txtArea ul li {float:left; margin:0 20px 0 0;}

#mainSlide .slick-slide:nth-child(4) .txtArea {position:absolute; left:16%; top:29%; width:auto; margin:0; text-align:left; opacity:0; overflow:hidden; z-index:4; word-break:keep-all;}
#mainSlide .slick-slide:nth-child(4) .txtArea .tit { font-size:24px; color:#38393b; padding:0 0 18px 0; font-weight:600; letter-spacing:1px;}
#mainSlide .slick-slide:nth-child(4) .txtArea .txt { font-size:36px; color:#fff; font-weight:600; line-height:1.32; letter-spacing:1px;}
#mainSlide .slick-slide:nth-child(4) .txtArea ul {margin:0;}
#mainSlide .slick-slide:nth-child(4) .txtArea ul:after {content:""; display:block; clear:both;}
#mainSlide .slick-slide:nth-child(4) .txtArea ul li {float:left; margin:0 20px 0 0;}

/* IAA 모빌리티
#mainSlide .slick-slide:nth-child(1) .txtArea {width:80%; margin:0; opacity:0; overflow:hidden; z-index:4; word-break:keep-all;}
#mainSlide .slick-slide:nth-child(1) .txtArea-right {position:absolute; right:8%; top:33%; width:auto; margin:0; text-align:left;}
#mainSlide .slick-slide:nth-child(1) .txtArea-right .tit {color:#fff; padding:0 0 18px 0; letter-spacing:0; padding-bottom:60px;}
#mainSlide .slick-slide:nth-child(1) .txtArea-right .tit > h4{font-weight:600; font-family:'Nanum Square'; font-size:50px; display:block; line-height:1.6;}
#mainSlide .slick-slide:nth-child(1) .txtArea-right .tit > h4 span{display:block; font-family:'Nanum Square'; font-size:50px; font-weight:200;}
#mainSlide .slick-slide:nth-child(1) .txtArea-right .tit > p{font-size:30px; font-family: 'montserrat-light'; font-weight:200; line-height:1.6; letter-spacing:-0.05em;}
#mainSlide .slick-slide:nth-child(1) .txtArea-right .txt { width:320px; padding-top:10px; border-top:1px solid #728DCE; }
#mainSlide .slick-slide:nth-child(1) .txtArea-right .txt > p{display:block; font-size:25px; color:#fff; font-family:'Nanum Square'; line-height:1.6;}
#mainSlide .slick-slide:nth-child(1) .txtArea-right .txt > p > span{display:block; font-weight:200; font-size:18px; letter-spacing:-0.03em;}
#mainSlide .slick-slide:nth-child(1) .txtArea-right .txt > p.date-txt{display:block; margin-top:100px; font-size:15px; font-family: 'montserrat-light'; font-weight:200;}

#mainSlide .slick-slide:nth-child(1) .txtArea-left {position:absolute; left:140px; top:50%; width:auto; margin:0; margin-top:15px; text-align:left;}
#mainSlide .slick-slide:nth-child(1) .txtArea-left p{color:#E1FFFF; font-size:16px; line-height:1.4; margin:0; font-weight:300; font-family:'Nanum Square'; letter-spacing:-0.02em; }
#mainSlide .slick-slide:nth-child(1) .txtArea-left p > span.fw{font-weight:400; font-size:16px;}
*/

#mainSlide .slick-slide .txtArea a {position:relative; display:inline-block; width:129px; height:40px; border:1px #fff solid; margin:34px 0 0 0; text-align:center; overflow:hidden;}
#mainSlide .slick-slide .txtArea a:before, #mainSlide .slick-slide .txtArea a:after {box-sizing:border-box; transition:0.2s ease-in-out; z-index:1;}
#mainSlide .slick-slide .txtArea a:before {content:''; position:absolute; top:0; right:0; bottom:0; left:-1px; background-color:#fff; -webkit-transform: translateX(-100%); transform:translateX(-100%);}
#mainSlide .slick-slide .txtArea a:hover:before {-webkit-transform: translateX(0); transform: translateX(0);}
#mainSlide .slick-slide .txtArea a span {position:absolute; left:0; top:0; width:100%; font-family: 'Myriad Pro'; font-size:10px; color:#fff; line-height:42px; letter-spacing:3px; z-index:2; transition:0.2s ease-in-out;}
#mainSlide .slick-slide .txtArea a:hover span {color:#255b98; font-weight:600;}


#mainSlide .slick-slide:nth-child(3) .txtArea a {border:1px #fff solid;}
#mainSlide .slick-slide:nth-child(3) .txtArea a:before {background-color:#2878d3;}
#mainSlide .slick-slide:nth-child(3) .txtArea a span{color:#fff;}
#mainSlide .slick-slide:nth-child(3) .txtArea a:hover {border-color:#2878d3;}
#mainSlide .slick-slide:nth-child(3) .txtArea a:hover span {color:#fff;}

#mainSlide .slick-slide:nth-child(4) .txtArea a {border:1px #fff solid;}
#mainSlide .slick-slide:nth-child(4) .txtArea a:before {background-color:#2878d3;}
#mainSlide .slick-slide:nth-child(4) .txtArea a span{color:#fff;}
#mainSlide .slick-slide:nth-child(4) .txtArea a:hover {border-color:#2878d3;}
#mainSlide .slick-slide:nth-child(4) .txtArea a:hover span {color:#fff;}

/*** main content ***/
.mainInbox {position:relative; width:1160px; margin:0 auto;}
.mainInbox:after {content:""; display:block; clear:both;}


#sector1 {position:relative; width:100%; margin:80px 0 160px; padding:80px 0 0 0; overflow:hidden; opacity:0; z-index:1;}
#sector1 .mainInbox {width:1460px;}
#sector1 .imgArea {position:absolute; left:0; top:0; width:100%; height:100%; opacity:0; overflow:hidden; z-index:1;}
#sector1 .aniBox {position:absolute; left:0; bottom:0; width:100%; height:100%; background:#2e2e2f; z-index:2;}
#sector1 .moveL {position:relative; left:0; bottom:-100%; width:50%; height:740px; overflow:hidden; z-index:2;}
#sector1 .moveR {position:absolute; right:0; bottom:-100%; width:50%; height:740px; overflow:hidden; z-index:1;}
#sector1 .txtArea {position:absolute; left:58px; top:58px; z-index:2;}
#sector1 .txtArea p {font-family: 'montserrat-light'; font-size:24px; color:#fff; line-height:1.5; padding:50px 0 0 0; opacity:0;}
#sector1 .txtArea p span {display:block; font-size:24px; color:#fff; line-height:1.5; font-weight:600;}
#sector1 .moveR .txtArea {left:auto; right:58px; text-align:right;}
#sector1 .moveR .imgArea img {position:absolute; right:0; top:0;}

#sector2 {position:relative; width:100%; height:500px; background:#3163c7; opacity:0; z-index:10; overflow:hidden;margin-top:160px;}
#sector2:after {content:""; display:block; clear:both;}
#sector2 .lsection {width:50%; overflow:hidden;}
#sector2 .lsection .area {margin:0 0 0 20%; opacity:0; padding:50px 0 0 0;}
#sector2 .lsection .area:after {content:""; display:block; clear:both;}
#sector2 .lsection .area .tit {padding:113px 0 0 0;}
#sector2 .lsection .area .tit p {font-family: 'montserrat'; font-size:36px; color:#fff; font-weight:500; line-height:1.2; letter-spacing:1px;}
#sector2 .lsection .area .tit p span {font-family: 'montserrat'; font-size:36px; color:#fff; font-weight:500; line-height:1.2;}
#sector2 .lsection .area .txt {padding:18px 0 0 0;}
#sector2 .lsection .area .txt p {font-family: 'montserrat-light'; font-size:15px; color:#fff; line-height:1.3; padding:0 0 8px 0;}
#sector2 .lsection .area .txt p span {font-family: 'montserrat-light'; font-size:13px; color:#fff; line-height:1.3;}
#sector2 .lsection .area a {position:relative; display:inline-block; width:118px; height:40px; border:1px #fff solid; margin:40px 0 0 0; text-align:center; overflow:hidden;}
#sector2 .lsection .area a:before, #sector2 .lsection .area a:after {box-sizing:border-box; transition:0.2s ease-in-out; z-index:1;}
#sector2 .lsection .area a:before {content:''; position:absolute; top:0; right:0; bottom:0; left:-1px; background-color:#fff; -webkit-transform: translateX(-100%); transform:translateX(-100%);}
#sector2 .lsection .area a:hover:before {-webkit-transform: translateX(0); transform: translateX(0);}
#sector2 .lsection .area a span {position:absolute; left:0; top:0; width:100%; font-family: 'Myriad Pro'; font-size:10px; color:#fff; line-height:42px; letter-spacing:3px; z-index:2; transition:0.2s ease-in-out;}
#sector2 .lsection .area a:hover span {color:#255b98; font-weight:600;}
#sector2 .rsection {position:absolute; left:50%; top:0;}
#sector2 .rsection img {-webkit-transform:scale(1.5) translateY(-40%); -moz-transform:scale(1.5) translateY(-40%); -ms-transform:scale(1.5) translateY(-40%); -o-transform:scale(1.5) translateY(-40%); transform:scale(1.5) translateY(-40%);}
#sector2 .rsection img.on {box-shadow:-2px -2px 10px 0 rgba(0, 0, 0, 0.2), 4px 4px 10px 0 rgba(0, 0, 0, 0.2);}


#sector3 {position:relative; bottom:-200px; width:100%; height:800px; background:#000; margin:160px 0 0 0; overflow:hidden; opacity:0;}
#sector3 .mainInbox {z-index:2;}
#sector3 .htit {font-family: 'montserrat'; font-size:20px; color:#fff; font-weight:500; line-height:1.2; letter-spacing:1px; padding:95px 0 36px 0; opacity:0; margin:80px 0 0 0;}
#sector3 .htit span {font-family: 'montserrat'; font-size:20px; color:#fff; font-weight:500; line-height:1.2; letter-spacing:1px;}
#sector3 .stit {opacity:0; margin:80px 0 0 0;}
#sector3 .stit:after {content:""; display:block; clear:both;}
#sector3 .stit p {font-family: 'montserrat'; font-size:30px; color:#fff; font-weight:500; line-height:1.2;}
#sector3 .stit p span {font-family: 'montserrat'; font-size:30px; color:#fff; font-weight:500; line-height:1.2;}
#sector3 .stxt {padding:18px 0 37px 0; opacity:0; margin:80px 0 0 0;}
#sector3 .stxt:after {content:""; display:block; clear:both;}
#sector3 .stxt p {font-family: 'montserrat-light'; font-size:15px; color:#fff; line-height:1.8; letter-spacing:1px;}
#sector3 .stxt p span {font-family: 'montserrat-light'; font-size:13px; color:#fff; line-height:1.8; letter-spacing:1px;}
#sector3 .selc {width:100%; padding:122px 0 0 0; overflow:hidden; opacity:0;}
#sector3 .selc .section {float:left; width:50%; text-align:center;}
#sector3 .selc .section div {opacity:0.5; font-size:20px; color:#fff; line-height:1.2; letter-spacing:1.5px; cursor:pointer;}
#sector3 .selc .section div span {font-size:86px; color:#fff; line-height:1.2; font-weight:500; padding:0 0 0 6px;}
#sector3 .bgArea {position:absolute; left:0; bottom:0; width:100%; height:100%; z-index:1; opacity:0;}
#sector3 .bgArea img {position:absolute; left:50%; bottom:0; width:1900px; margin:0 0 0 -950px}
#sector3 a.more {position:relative; display:inline-block; width:118px; height:40px; border:1px #fff solid; margin:80px 0 0 0; text-align:center; overflow:hidden; opacity:0;}
#sector3 a.more:before, #sector3 a.more:after {box-sizing:border-box; transition:0.2s ease-in-out; z-index:1;}
#sector3 a.more:before {content:''; position:absolute; top:0; right:0; bottom:0; left:-1px; background-color:#fff; -webkit-transform: translateX(-100%); transform:translateX(-100%);}
#sector3 a.more:hover:before {-webkit-transform: translateX(0); transform: translateX(0);}
#sector3 a.more span {position:absolute; left:0; top:0; width:100%; font-family: 'Myriad Pro'; font-size:10px; color:#fff; line-height:42px; letter-spacing:3px; z-index:2; transition:0.2s ease-in-out;}
#sector3 a.more:hover span {color:#255b98; font-weight:600;}


#sector4 {position:relative; width:100%; background:#f6f6f6; padding:157px 0 180px 0; overflow:hidden; opacity:0;}
#sector4 .mainInbox {width:1200px;}
#sector4 .thead {font-family: 'montserrat'; font-size:20px; color:#38393b; text-align:center; font-weight:500; line-height:1.2; opacity:0; margin:100px 0 0 0;}
#sector4 .thead strong {display:block; font-family: 'montserrat'; font-size:36px; font-weight:500; line-height:1.2; padding:20px 0 0 0;}
#sector4 .more {position:absolute; right:20px; top:35px; display:inline-block; width:118px; height:40px; border:1px #38393b solid; text-align:center; overflow:hidden; opacity:0;}
#sector4 .more:before, #sector4 .more:after {box-sizing:border-box; transition:0.2s ease-in-out; z-index:1;}
#sector4 .more:before {content:''; position:absolute; top:0; right:0; bottom:0; left:-1px; background-color:#2878d3; -webkit-transform: translateX(-100%); transform:translateX(-100%);}
#sector4 .more:hover:before {-webkit-transform: translateX(0); transform: translateX(0);}
#sector4 .more span {position:absolute; left:0; top:0; width:100%; font-family: 'Myriad Pro'; font-size:10px; color:#38393b; line-height:42px; letter-spacing:3px; z-index:2; transition:0.2s ease-in-out;}
#sector4 .more:hover {border-color:#2878d3;}
#sector4 .more:hover span {color:#fff; font-weight:600;}
#sector4 .newslide {width:100%; padding:47px 0 0 0;}
#sector4 .newslide:after {content:""; display:block; clear:both;}
#sector4 .newslide .imgArea {position:relative; width:100%; border:1px #e4e4e4 solid; border-bottom:0; box-sizing:border-box; overflow:hidden;}
#sector4 .newslide .imgArea img {width:100%;}
#sector4 .newslide .imgArea .bg {opacity:0; position:absolute; left:0; top:0; width:100%; height:100%; background:url('../images/bg/bg_list_bg.png') left top repeat; transition:0.2s ease-in-out;}
#sector4 .newslide .imgArea .bg span {position:absolute; left:50%; top:50%; display:inline-block; width:80px; height:80px; margin:-40px 0 0 -40px; background:url('../images/bg/bg_list_bg_span.png') left top no-repeat;}

#sector4 .newslide .txtArea {min-height:238px; border:1px #e4e4e4 solid; border-top:0; padding:0 28px; background:#fff; word-break:keep-all; transition:0.2s ease-in-out;}
#sector4 .newslide .txtArea .tit {font-family: 'montserrat-light'; font-size:26px; color:#38393b; line-height:1.4; padding:32px 0 10px 0; transition:0.2s ease-in-out;}
#sector4 .newslide .txtArea .txt {font-family: 'montserrat-light'; font-size:15px; color:#777; line-height:1.8; letter-spacing:1px; padding:0 0 20px 0; transition:0.2s ease-in-out;}
#sector4 .newslide .slick-slide {position:relative; bottom:-470px; margin:10px 20px; -webkit-transition: all 0.6s ease;-moz-transition: all 0.6s ease;-ms-transition: all 0.6s ease;-o-transition: all 0.6s ease;transition: all 0.6s ease;}
#sector4 .newslide .slick-slide:hover {box-shadow:-2px -2px 10px 0 rgba(199, 199, 199, 0.6), 4px 4px 10px 0 rgba(199, 199, 199, 0.6);}
#sector4 .newslide .slick-slide .lb {position:absolute; left:0; bottom:0; width:2px; height:0; display:inline-block; background:#255b98; z-index:3;}
#sector4 .newslide .slick-slide .lt {position:absolute; left:0; top:0; width:0; height:2px; display:inline-block; background:#255b98; z-index:3;}
#sector4 .newslide .slick-slide .rb {position:absolute; right:0; top:0; width:2px; height:0; display:inline-block; background:#255b98; z-index:3;}
#sector4 .newslide .slick-slide .bl {position:absolute; right:0; bottom:0; width:0; height:2px; display:inline-block; background:#255b98; z-index:3;}

#sector4 .newslide a:hover .imgArea .bg {opacity:1;}
#sector4 .newslide a:hover .txtArea {border-color:#2878d3;}
#sector4 .newslide a:hover .txtArea .tit {color:#2878d3;}
#sector4 .newslide a:hover .txtArea .txt {color:#2878d3;}
#sector4 .newslide a:hover .txtArea .info span {color:#2878d3;}
#sector4 .newslide a:hover .imgArea {border-color:#2878d3;}

#sector4 .slick-prev {-webkit-transform: translateX(-500px); transform: translateX(-500px); position:absolute; left:-78px; top:50%; display:inline-block; width:70px; height:70px; border:1px #38393b solid; margin:-36px 0 0 0; text-indent:-9999px; overflow:hidden;}
#sector4 .slick-prev:before, #sector4 .slick-prev:after {box-sizing:border-box; transition:0.2s ease-in-out; z-index:1;}
#sector4 .slick-prev:before {content:''; position:absolute; top:0; right:0; bottom:0; left:-1px; background-color:#255b98; -webkit-transform: translateX(-100%); transform:translateX(-100%);}
#sector4 .slick-prev:hover:before {-webkit-transform: translateX(0); transform: translateX(0);}
#sector4 .slick-prev:hover {border-color:#255b98;}
#sector4 .slick-prev span {position:absolute; left:50%; top:50%; display:inline-block; width:19px; height:10px; margin:-5px 0 0 -10px; text-align:center; background:url('../images/bg/bg_slick_prev_span.png') -19px top no-repeat; z-index:2; -webkit-transition:background-position 0.2s ease;}
#sector4 .slick-prev:hover span {background-position:left top; }
#sector4 .slick-next {-webkit-transform: translateX(500px); transform: translateX(500px); position:absolute; right:-78px; top:50%; display:inline-block; width:70px; height:70px; border:1px #38393b solid; margin:-36px 0 0 0; text-indent:-9999px; overflow:hidden;}
#sector4 .slick-next:before, #sector4 .slick-next:after {box-sizing:border-box; transition:0.2s ease-in-out; z-index:1;}
#sector4 .slick-next:before {content:''; position:absolute; top:0; right:0; bottom:0; left:-1px; background-color:#255b98; -webkit-transform: translateX(100%); transform:translateX(100%);}
#sector4 .slick-next:hover:before {-webkit-transform: translateX(0); transform: translateX(0);}
#sector4 .slick-next:hover {border-color:#255b98;}
#sector4 .slick-next span {position:absolute; left:50%; top:50%; display:inline-block; width:19px; height:10px; margin:-5px 0 0 -10px; text-align:center; background:url('../images/bg/bg_slick_next_span.png') left top no-repeat; z-index:2; -webkit-transition:background-position 0.2s ease;}
#sector4 .slick-next:hover span {background-position:-20px top; }

#sector5 {position:relative; max-width:1160px; margin:160px auto;overflow:hidden; opacity:0; z-index:1;}

/***************** media **************/
@media all and (max-width:1800px){
  
}



/***************** media **************/
@media all and (max-width:1500px){

header #navi {width:654px; margin:0 0 0 -435px;}
header #navi #topMenu > li > a > span {padding:0 40px;}
header #util ul li {margin:0 0 0 20px;}


#sector1 .mainInbox {width:auto; margin:0 20px;}
#mainSlide .slick-slide:nth-child(1) .txtArea-left p > span.line-block{display:block; line-height:1.8; margin-top:0;}
}





/***************** media **************/
@media all and (max-width:1360px){

footer .topBtn {position:absolute; right:60px; top:-130px;}

}



/***************** media **************/
@media all and (max-width:1300px){

header #logo {margin:0 0 0 -20px;}
header #util {right:30px;}
header #util ul li {margin:0 0 0 10px;}
header #navi {width:604px; margin:0 0 0 -380px;}
header #navi #topMenu > li > a > span {padding:0 34px;}

#mainSlide .slick-dots {right:55px;}

#sector2 .lsection .area {margin:0 0 0 12%;}



}




/***************** media **************/
@media all and (max-width:1240px){


/* header */
#mNavi {display:block; position:fixed; right:45px; top:34px; z-index:80; -webkit-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;}
#mNavi span {display:block; width:40px; height:3px; background:#fff; margin:10px; -webkit-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;}
#mNavi:hover {cursor: pointer;}
#mNavi.active {-webkit-transform: rotate(45deg);-ms-transform: rotate(45deg);-o-transform: rotate(45deg);transform: rotate(45deg);}
#mNavi.active span {height:2px; border-radius:10px; background:#2d2d2d !important;}
#mNavi.active .line:nth-child(2){width: 0px;}
#mNavi.active .line:nth-child(1),#mNavi.active .line:nth-child(3){}
#mNavi.active .line:nth-child(1){-webkit-transform: translateY(11px);-ms-transform: translateY(11px);-o-transform: translateY(11px);transform: translateY(11px);}
#mNavi.active .line:nth-child(3){-webkit-transform: translateY(-13px) rotate(90deg);-ms-transform: translateY(-13px) rotate(90deg);-o-transform: translateY(-13px) rotate(90deg);transform: translateY(-13px) rotate(90deg);}

header #logo {margin:0;}
header #logo.act {width:100%; height:140px; border-bottom:1px #e4e4e4 solid;}
header #navi {position:fixed; width:100%; left:auto; right:-100%; padding:140px 0 0 0; background:#fff;}
header #navi #topMenu {width:auto;}
header #navi #topMenu > li {float:none; opacity:0; border-bottom:1px #e4e4e4 solid;}
header #navi #topMenu > li > a {text-align:center;}
header #navi #topMenu > li > a > span {font-size:28px; color:#38393b; font-weight:600; line-height:100px; letter-spacing:5px;}
header #navi #topMenu > li .dot01 {position:absolute; right:60px; top:48px; width:26px; height:2px; background:#999;}
header #navi #topMenu > li .dot02 {position:absolute; right:72px; top:36px; width:2px; height:26px; background:#999; transform-origin:50%; transform:rotate(0deg); -webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;-ms-transition: all 0.3s ease;-o-transition: all 0.3s ease;transition: all 0.3s ease;}
header #navi #topMenu > li.dep .dot02 {transform:rotate(270deg);}
header #navi #topMenu > li ul {display:block; position:relative; left:0; top:0; width:100%; height:auto; padding:38px 0; background:#f6f6f6; border-top:1px #e4e4e4 solid; overflow:hidden;}
header #navi #topMenu > li ul li {margin:0;}
header #navi #topMenu > li ul li a {padding:20px 0; margin:0;}
header #navi #topMenu > li ul li a span {font-size:24px;}

header #navi #mobileMWrap {width:100%; overflow-y:auto;}
header #navi #mobileMWrap:after {content:""; display:block; clear:both;}

header #util {display:none;}
header #navi #mutil {display:block; width:100%; padding:40px 0 0 0; overflow:hidden;}
header #navi #mutil ul {text-align:center;}
header #navi #mutil ul:after {content:""; display:block; clear:both;}
header #navi #mutil ul li {display:inline-block; padding:0 20px;}
header #navi #mutil ul li a {display:inline-block; font-family: 'montserrat'; font-size:22px; color:#949494; line-height:1.2; font-weight:500; letter-spacing:2px; padding:0 27px;}
header #navi #mutil ul li a.intraBtn {background:url('../images/ico/ico_intranet.png') left center no-repeat;padding-left:27px;padding-right:0;}

header #navi #mutil ul li a.effect {position:relative; vertical-align:middle; display:inline-block; width:160px; height:40px; margin-top:-10px; padding:0 !important; border:1px #949494 solid; text-align:center; overflow:hidden;}
header #navi #mutil ul li a.effect:before, header #navi #mutil ul li a.effect:after {box-sizing:border-box; transition:0.2s ease-in-out; z-index:1;}
header #navi #mutil ul li a.effect:before {content:''; position:absolute; top:0; right:0; bottom:0; left:-1px; background-color:#2878d3; -webkit-transform: translateX(-100%); transform:translateX(-100%);}
header #navi #mutil ul li a.effect:hover:before {-webkit-transform: translateX(0); transform: translateX(0);}
header #navi #mutil ul li a.effect:hover {border-color:#2878d3;}
header #navi #mutil ul li a.effect span {display:inline-block;position:absolute; left:0; top:0; width:100%; font-family: 'montserrat'; font-size:22px; font-weight:500; color:#949494; line-height:40px; letter-spacing:2px; z-index:2; transition:0.2s ease-in-out;}
header #navi #mutil ul li a.effect:hover span {color:#fff;}

header #navi #msns {display:block; width:100%; padding:52px 0 100px 0; overflow:hidden;}
header #navi #msns ul {text-align:center;}
header #navi #msns ul:after {content:""; display:block; clear:both;}
header #navi #msns ul li {display:inline-block; padding:0 14px;}

header #navi #mLang {display:block; width:100%; padding:80px 0 0 0; overflow:hidden;}
header #navi #mLang ul {text-align:center;}
header #navi #mLang ul:after {content:""; display:block; clear:both;}
header #navi #mLang ul li {display:inline-block; padding:0 20px;}

header.moveM {background:#fff; box-shadow:1px 1px 2px rgba(0,0,0,0.2);}
header.moveM #mNavi {}
header.moveM #mNavi span {background:#2d2d2d;}
#navibg {display:none;}






.mainInbox {width:auto; margin:0 20px;}

#sector4 .mainInbox {width:auto; margin:0 20px;}
#sector4 .slick-prev {opacity:0;}
#sector4 .slick-next {opacity:0;}

footer .finbox {width:auto; margin:0 20px;}
footer .topBtn {right:20px;}

}


/***************** media **************/
@media all and (max-width:1200px){
#sector5 {margin:160px 20px;}

/*
#mainSlide .slick-slide:nth-child(1) .txtArea-right {right:0; left:0; width:100%; text-align:center; top:40%;}
#mainSlide .slick-slide:nth-child(1) .txtArea-right .tit {color:#fff; letter-spacing:0; padding-bottom:50px;}
#mainSlide .slick-slide:nth-child(1) .txtArea-right .tit > h4{font-size:38px; display:block;}
#mainSlide .slick-slide:nth-child(1) .txtArea-right .tit > h4 span{font-size:38px;}
#mainSlide .slick-slide:nth-child(1) .txtArea-right .txt { width:50%; margin:0 auto;}
#mainSlide .slick-slide:nth-child(1) .txtArea-right .txt > p{display:block; font-size:20px;}
#mainSlide .slick-slide:nth-child(1) .txtArea-right .txt > p > span{font-size:16px;}
#mainSlide .slick-slide:nth-child(1) .txtArea-right .txt > p.date-txt {margin-top: 60px;}
#mainSlide .slick-slide:nth-child(1) .txtArea-left {right:0; left:0; width:100%; text-align:center; top:32%; margin-top:0; line-height:1.6}
*/
}


/***************** media **************/
@media all and (max-width:1120px){

footer .finbox .fnb ul {text-align:center;}
footer .finbox .fnb ul li {display:inline-block; float:none; margin:0 36px;}
footer .finbox .fsns {position:relative; right:auto; left:0; top:0; width:100%; overflow:hidden;text-align: center;}
footer .finbox .fsns p {float: none;margin: 30px 10px;height: 40px;}
footer .finbox .fsns ul {vertical-align: middle;float: none;}
footer .finbox .fsns ul li {display:inline-block; float:none; margin:30px 10px;}
footer .finbox .fprivacy {position:relative; right:auto; left:0; top:0; width:100%; overflow:hidden;text-align: center; margin:0 0 30px 0;}

footer address {padding:0;}
footer address ul {text-align:center;}
footer address ul li {display:inline-block; float:none; background:url(); margin:0; padding:0 24px;}
footer address ul li.addr {display:block; margin:0 0 14px; padding:0;}
footer address ul li:last-child {margin:0; padding:0 24px 0 27px; background:url('../images/bg/bg_address_li.gif') left 2px no-repeat;}
footer .copyRight {padding:30px 0 100px; text-align:center;}

}



/***************** media **************/
@media all and (max-width:1040px){


#sector1 .moveL {width:100%; height:auto;}
#sector1 .moveR {position:relative; left:0; top:0; height:auto; bottom:auto; width:100%;}
#sector1 .imgArea {position:relative; left:0; top:0;}
#sector1 .imgArea img {width:100%;}
#sector1 .moveR .imgArea img {position:relative; left:0; top:0; right:auto;}

}






/***************** media **************/
@media all and (max-width:970px){
footer .finbox .fnb ul {max-width:530px;margin:0 auto -15px;}
footer .finbox .fnb ul li {margin:0 36px 15px;}
}




/***************** media **************/
@media all and (max-width:940px){
#mainSWrap .dmoveBrn {bottom:30px;}
#mainSWrap .prevBtn {left:15px;}
#mainSWrap .nextBtn {right:15px;}

#sector2 {height:auto;}
#sector2 .mainInbox {margin:0;}
#sector2 .lsection {width:100%; padding:0 0 60px 0;}
#sector2 .rsection {position:relative; left:0; top:0; right:auto;}
#sector3 .stit p {display:inline;}
#sector3 .stxt p {display:inline;}
#sector3 .selc {padding:80px 0 0 0;}
#sector3 .selc .section:nth-child(1) {float:none; width:60%;}
#sector3 .selc .section:nth-child(2) {float:right; width:60%; margin:30px 0 0 0;}
#sector4 .newslide .slick-slide {bottom:0;}
#sector4 .more {top:auto; bottom:-70px; right:auto; left:50%; margin:0 0 0 -60px;}

}





/***************** media **************/
@media all and (max-width:678px){
#sector3 .htit {padding:70px 0 30px 0;}
#sector3 .selc {padding:60px 0 0 0;}
#sector3 .selc .section div {font-size:17px;}
#sector3 .selc .section div span {font-size:80px;}
#sector3 .selc .section:nth-child(1) {width:70%;}
#sector3 .selc .section:nth-child(2) {width:70%;}
#sector4 .newslide .txtArea {min-height:100px;}

footer .finbox .fnb ul {margin:0 auto -10px;}
footer .finbox .fnb ul li {margin:0 20px 10px;}

}




/***************** media **************/
@media all and (max-width:540px){

#mNavi {right:30px; top:15px;}
#mNavi span {width:22px; height:2px; margin:5px;}
#mNavi.active {right:18px;}
#mNavi.active .line:nth-child(3){-webkit-transform: translateY(-3px) rotate(90deg);-ms-transform: translateY(-3px) rotate(90deg);-o-transform: translateY(-3px) rotate(90deg);transform: translateY(-3px) rotate(90deg);}

header #hwrap {height:60px;}
header #logo img {height:60px;}
header #logo.act {height:70px;}
header #navi {padding:70px 0 0 0;}
header #navi #topMenu > li > a > span {font-size:14px; line-height:50px; letter-spacing:3px;}
header #navi #topMenu > li .dot01 {position:absolute; right:30px; top:24px; width:14px; height:2px;}
header #navi #topMenu > li .dot02 {position:absolute; right:36px; top:18px; width:2px; height:14px;}
header #navi #topMenu > li ul {padding:18px 0;}
header #navi #topMenu > li ul li a {padding:10px 0;}
header #navi #topMenu > li ul li a span {font-size:13px;}

header #navi #mutil {padding:30px 0 0 0;}
header #navi #mutil ul li {padding:0 12px;}
header #navi #mutil ul li a {font-size:11px; padding:0 13px; letter-spacing:1px;}
header #navi #mutil ul li a.intraBtn {background-size:10px;padding-left:15px;}

header #navi #mutil ul li a.effect {width:100px;height:30px;margin-top:-4px;}
header #navi #mutil ul li a.effect span {font-size:11px;line-height:32px;}

header #navi #msns {padding:28px 0 46px 0;}
header #navi #msns ul li {padding:0 7px;}
header #navi #msns ul li img {width:44px;}

header #navi #mLang {padding:40px 0 0 0;}
header #navi #mLang ul li {padding:0 12px;}
header #navi #mLang ul li img {width:38px;}

#mainSlide .slick-slide:nth-child(1) .txtArea .tit {font-size:23px;}
#mainSlide .slick-slide:nth-child(1) .txtArea .txt {font-size:14px;}
#mainSlide .slick-slide:nth-child(2) .txtArea .tit {font-size:14px; padding:0 0 12px 0;}
#mainSlide .slick-slide:nth-child(2) .txtArea .txt {font-size:23px;}
#mainSlide .slick-slide:nth-child(3) .txtArea .tit {font-size:14px; padding:0 0 12px 0; color:#fff;}
#mainSlide .slick-slide:nth-child(3) .txtArea .txt {font-size:23px; color:#fff;}
#mainSlide .slick-slide:nth-child(4) .txtArea .txt {font-size:23px;}
#mainSlide .slick-slide .txtArea a {width:120px;height:33px;margin:20px 0 0 0;}
#mainSlide .slick-slide .txtArea a span {line-height:35px;}
/*
#mainSlide .slick-slide:nth-child(1) .txtArea-right {top:35%;}
#mainSlide .slick-slide:nth-child(1) .txtArea-right .tit {padding-bottom:30px;}
#mainSlide .slick-slide:nth-child(1) .txtArea-right .tit > h4{font-size:23px;}
#mainSlide .slick-slide:nth-child(1) .txtArea-right .tit > h4 > span{font-size:23px;}
#mainSlide .slick-slide:nth-child(1) .txtArea-right .txt { width:70%; font-size:15px; line-height:1.4}
#mainSlide .slick-slide:nth-child(1) .txtArea-right .txt > p {font-size: 15px;}
#mainSlide .slick-slide:nth-child(1) .txtArea-right .txt > p > span {font-size: 14px;}
#mainSlide .slick-slide:nth-child(1) .txtArea-right .txt > p.date-txt {margin-top: 30px;font-size: 14px;}
#mainSlide .slick-slide:nth-child(1) .txtArea-left {right:0; left:0; width:100%; text-align:center; top:26%; margin-top:0; line-height:1.4}
#mainSlide .slick-slide:nth-child(1) .txtArea-left p{font-size:14px;}
#mainSlide .slick-slide:nth-child(1) .txtArea-left p > span.fw{font-size:14px;}
*/


#mainSWrap .dmoveBrn {bottom:70px;}
#mainSWrap .dmoveBrn a {width:46px; height:46px;}
#mainSWrap .dmoveBrn a img {top:15px; width:10px; margin:0 0 0 -5px;}

#mainSWrap .prevBtn {display:none !important;}
#mainSWrap .nextBtn {display:none !important;}

#mainSlide .slick-dots {right:auto; top:auto; bottom:32px; width:100%; text-align:center; margin-top:0 !important;}
#mainSlide .slick-dots li {display:inline-block; width:8px; height:8px; margin:0 5px;}
#mainSlide .slick-dots li.slick-active {width:26px; height:8px;}

#sector1 {margin:0 0 60px 0; padding:60px 0 0 0;}
#sector1 .mainInbox {margin:0;}
#sector1 .txtArea {left:24px; top:24px;}
#sector1 .txtArea p {font-size:15px;}
#sector1 .txtArea p span {font-size:15px;}
#sector1 .moveR .txtArea {right:24px;}

#sector2 {margin-top:60px;}
#sector2 .lsection .area {margin:0 60px 0 30px;}
#sector2 .lsection .area .tit {padding:56px 0 0 0;}
#sector2 .lsection .area .tit p {font-size:22px;}
#sector2 .lsection .area .tit p span {font-size:22px;}
#sector2 .lsection .area .txt {padding:12px 0 0 0;}
#sector2 .lsection .area .txt p {font-size:13px; line-height:1.2;}
#sector2 .lsection .area .txt p span {font-size:12px;}
#sector2 .lsection .area a {width:90px; height:33px; margin:20px 0 0 0;}
#sector2 .lsection .area a span {font-size:10px; line-height:35px;}
#sector2 .rsection img {height:320px;}

#sector3 {height:610px; margin:60px 0 0 0;}
#sector3 .htit {font-size:12px; padding:49px 0 18px 0;}
#sector3 .htit span {font-size:12px;}
#sector3 .stit p {font-size:20px;}
#sector3 .stit p span {font-size:20px;}
#sector3 .stxt {padding:8px 0 20px 0;}
#sector3 .stxt p {font-size:12px;}
#sector3 .stxt p span {font-size:12px;}
#sector3 .selc .section div {font-size:10px;}
#sector3 .selc .section div span {font-size:43px;}
#sector3 .bgArea img {width:1450px; height:610px; margin:0 0 0 -725px;}
#sector3 a.more {width:90px; height:33px; margin:30px 0 0 0;}
#sector3 a.more span {font-size:10px; line-height:35px;}

#sector4 {padding:78px 0 114px 0;}
#sector4 .thead {font-size:12px;}
#sector4 .thead strong {font-size:22px; padding:14px 0 0 0;}
#sector4 .newslide {padding:14px 0 0 0;}
#sector4 .newslide .slick-slide {margin:10px 0;}
#sector4 .newslide .txtArea {padding:0 18px;}
#sector4 .newslide .txtArea .tit {font-size:17px; padding:16px 0 8px 0;}
#sector4 .newslide .txtArea .txt {font-size:13px; line-height:1.7; padding:0 0 16px 0;}
#sector4 .newslide .imgArea .bg span {width:40px; height:40px; margin:-20px 0 0 -20px; background-size:40px;}
#sector4 .more {bottom:-56px; width:90px; height:33px; margin:0 0 0 -45px;}
#sector4 .more span {font-size:10px; line-height:35px;}

#sector5 {margin:60px 10px;}

footer .finbox {margin:0 10px; padding:30px 0 0 0;}
footer .finbox .fnb ul {margin:0 auto -12px;}
footer .finbox .fnb ul li {margin:0 15px 12px;}
footer .finbox .fnb ul li a {font-size:11px;}

footer .finbox .fsns p {margin:15px 2px;height: 30px;line-height: 30px;font-size: 11px;}
footer .finbox .fsns ul li {margin:15px 2px;}
footer .finbox .fsns ul li img {width:30px;}

footer .finbox .fprivacy {margin:0 0 20px 0;}
footer .finbox .fprivacy a {font-size:12px;}

footer address ul li {font-size:10px; padding:0 10px;}
footer address ul li.addr {margin:0 0 6px 0;}
footer address ul li strong {font-size:12px;}
footer address ul li:last-child {padding:0 10px 0 14px; background-position:left 1px; background-size:1px 10px;}

footer .copyRight {font-size:10px; padding:10px 0 55px 0;}
footer .copyRight span {display:block; font-size:10px;}

footer .topBtn {right:20px; top:-50px;}
footer .topBtn img {width:40px;}

}












/***************** media **************/
@media all and (max-width:530px){
footer .finbox .fnb ul {max-width:290px;}
}





/***************** media **************/
@media all and (max-width:460px){

#FL .OBox{
-ms-transform: scale(0.7, 0.7);
-webkit-transform: scale(0.7, 0.7);
transform: scale(0.7, 0.7);
}


}
















/* recruit */
#recruitIntro {display:none; position:relative; width:100%; height:100%; background:url('../images/r/img_recruit_intro.jpg') 50% top no-repeat; background-size:cover; overflow:hidden;}
#recruitIntro .area {position:absolute; left:0; top:50%; width:100%; margin:-50px 0 0 0; text-align:center;}
#recruitIntro .area .logo {display:none; width:100%; text-align:center; overflow:hidden;}
#recruitIntro .area .logo .t {display:none; position:absolute; left:0; top:0; width:100%; z-index:2;}
#recruitIntro .area .logo .t img {animation:2s alternate fixImg04;}
#recruitIntro .area .logo .t img.clip {-webkit-clip-path: circle(150% at 0 0); clip-path: circle(150% at 0 0);}
#recruitIntro .area .logo .b {display:inline-block; position:relative; z-index:1;}

@keyframes fixImg04 {
  from {
    -webkit-clip-path: circle(0 at 0 0);
    clip-path: circle(0 at 0 0);
  }
  to {
    -webkit-clip-path: circle(150% at 0 0);
    clip-path: circle(150% at 0 0);
  }
}

#recruitIntro .area .txt {display:none; font-size:14px; color:#fff; line-height:1.4; font-weight:400; padding:26px 0 0 0; letter-spacing:3px;}
#recruitIntro .area .txt span {font-size:14px; color:#fff; line-height:1.4; font-weight:400;}


@media all and (max-width:640px){

#recruitIntro .area {margin:-36px 0 0 0;}
#recruitIntro .area .logo img {width:240px;}
#recruitIntro .area .txt {font-size:11px; padding:20px 0 0 0; margin:0 12px;}
#recruitIntro .area .txt span {font-size:11px;}

}

.mainMovie iframe {transition: opacity 500ms ease-in-out; transition-delay: 250ms;}