/* placeholder */
::-webkit-input-placeholder { color:#999 !important; }
::-moz-placeholder { color:#999 !important; }
:-ms-input-placeholder { color:#999 !important; }
:-moz-placeholder { color:#999 !important; }
/* layout - accessibility */
.blind { display:block; position:absolute; left:-9999px; text-indent:9999px; width:0; height:0; border:0; overflow:hidden; font-size:1px; line-height:0; white-space:nowrap; }
#skipNav { position:fixed; left:0; top:-1px; width:100%; z-index:1000; overflow:hidden; font-size:0; line-height:0; }
#skipNav a { display:block; position:relative; margin-top:-30px; left:0; width:0; text-align:center; outline:none; white-space:nowrap; overflow:hidden }
#skipNav a:active, #skipNav a:focus { margin-top:0; width:auto; text-decoration:none; cursor:pointer; padding:1px 6px 2px 6px; font-size:12px; line-height:26px; color:#fff; background:#000 }
/********** Layout **********/
.wrap { position:relative; min-width:1200px; max-width:1920px; overflow:hidden; margin:0 auto; }
.header { position:relative; z-index:21; padding-top:110px; }
.header.inVis { padding-top:0; }
.header a { text-decoration:none; }
.no-set .gnbWrap { top:-110px; }
.gnbWrap { position:fixed; top:0; width:100%; max-width:1920px; min-width:1200px; height:111px; margin:0 auto; z-index:8; background:#fff; border-bottom:1px solid #eee; padding-left:376px; *zoom:1; box-sizing:border-box; }
.header.inVis .gnbWrap { border-bottom-width:0; height:110px; }
.gnbWrap:after { content:''; clear:both; display:block; }
.gnbWrap .logo { position:absolute; left:60px; top:31px; z-index:10; }
.gnbWrap .allMenuBtn { position:absolute; left:318px; top:31px; z-index:10; width:50px; height:48px; overflow:hidden; }
.gnbWrap .allMenuBtn.active { width:73px; }
.gnbWrap .quick { position:absolute; right:60px; top:35px; z-index:7; color:#000; font-size:14px; }
.gnbWrap .quick .ico:before { margin-right:10px; margin-top:-3px; }
.gnbWrap .quick .menus a { display:inline-block; margin-left:14px; }
.gnbWrap .quick .menus a.active, .isOpenLifeIn .gnbWrap .quick .menus a.i-gnb1:hover, .isOpenLifeIn .gnbWrap .quick .menus a.i-gnb1:focus { color:#e60012; }
.isOpenLifeIn .gnbWrap .quick .menus a.i-gnb1 { color:inherit; }
.gnbWrap .quick .langs { position:relative; display:inline-block; *zoom:1; *display:inline; padding:0 30px; margin:0 5px 0 25px; /*border-left:1px solid #ccc;*/ }
.gnbWrap .quick .langs:before { content:''; position:absolute; left:0; right:0; top:100%; height:42px; }
.gnbWrap .quick .langs .sub { display:none; position:absolute; left:-1px; right:-1px; top:100%; z-index:2; margin-top:40px; padding:5px 0 11px; background:#fff; border:1px solid #ddd; text-align:center; }
.gnbWrap .quick .langs .sub:before { content:''; position:absolute; left:-1px; right:-1px; top:-1px; height:3px; background:#e60012; }
.gnbWrap .quick .langs .ico:before { margin-right:8px; }
.gnbWrap .quick .langs .sub a { display:block; margin-top:11px; font-family:'Myriad'; font-size:12px; font-weight:600; color:#111; }
.gnbWrap .quick .searchWrap { display:inline; }
.gnbWrap .quick .i-src { width:140px; height:40px; border:1px solid #ccc; border-radius:40px; color:#111; font-size:14px; font-weight:bold; }
.gnbWrap .quick .i-src.active { border-color:#e60012 !important; }
.gnbWrap .quick .i-src.active:hover, .gnbWrap .quick .i-src.active:focus { background-color:#fef8f4; }
.gnbWrap .quick .i-src.active .dtxt, .gnbWrap .quick .i-src .atxt { display:none; }
.gnbWrap .quick .i-src.active .atxt { display:inline-block; color:#e60012; font-size:15px; }
.gnbWrap .quick .i-src span { display:inline-block; width:88px; text-align:left; }
.gnbWrap .quick .i-src:hover, .gnbWrap .quick .i-src:focus { border-color:#e60012; background-color:#e60012; color:#fff; }
.gnbWrap .gnb { float:left; margin-left: 25px;}
.gnbWrap .gnb .lv1 { float:left; margin-left:20px; }
.gnbWrap .gnb .lv1 > a { position:relative; display:inline-block; padding:0 8px; line-height:110px; font-size:16px; font-weight:bold; color:#111; }
.gnbWrap.trans .gnb .lv1.active > a, .gnbWrap .gnb .lv1.active > a, .gnbWrap .gnb .lv1.hover > a { color:#004386 !important; }
.gnbWrap .gnb .lv1.hover > a:before { content:''; position:absolute; bottom:0; left:0; right:0; height:3px; background:#004386; }
.gnbWrap .gnb .sub { display:none; position:absolute; left:0; right:0; white-space:nowrap; background:#2c384b; text-align: center;}
.gnbWrap .gnb .sub li { display:inline-block; *zoom:1; *display:inline; color:#fff; padding:41px 0; }
.gnbWrap .gnb .sub li + li:before { content:''; display:inline-block; width:3px; height:3px; margin:0 41px 0 37px; vertical-align:middle; background:#4b5666; border-radius:3px; }
.gnbWrap .gnb .sub a { display:inline-block; padding:0 8px; }
.gnbWrap .searchProduct { display:none; position:absolute; right:-61px; top:100%; margin-top:35px; }
.isOpenAllMenu .gnb .lv1, .isOpenAllMenu .quick { display:none; }
.isOpenAllMenu, .isOpenAllMenu body, .isOpenSearch, .isOpenSearch body, .isOpenLifeIn, .isOpenLifeIn body { overflow:hidden; }
.header:after { content:''; position:fixed; left:0; top:0; z-index:3; background:#000; opacity:0; }
.isOpenAllMenu .header:after, .isOpenSearch .header:after { width:100%; bottom:0; max-width:1920px; min-width:1200px; margin:0 auto; }
.csstransitions .header:after { -webkit-transition: opacity 0.3s ease-out; transition: opacity 0.3s ease-out; }
.isOpenAllMenu .header:after, .isOpenSearch .header:after { right:0; bottom:0; opacity:0.7; }
.isOpenLifeIn .gnbWrap { height:110px; border-bottom-width:0; }
.lifeInHcc { display:none; position:fixed; top:0; z-index:7; width:100%; height:100%; min-width:1200px; max-width:1920px; max-height:1080px; margin:0 auto; }
.lifeInHcc .i-scroll:after { position:absolute; left:60px; bottom:60px; z-index:5; }
.lifeInHcc .btnClose { position:absolute; right:60px; top:170px; z-index:5; }
.lifeInHcc .control { position:absolute; right:75px; bottom:60px; z-index:5; }
.lifeInHcc .control .arrow { position:relative; display:block; width:20px; height:20px; overflow:hidden; text-indent:-999px; white-space:nowrap; }
.lifeInHcc .control .arrow:before { content:''; position:absolute; left:7px; top:7px; display:block; width:6px; height:6px; background:#fff; border-radius:6px; }
.lifeInHcc .control .arrow.active:before { background-color:#e60012; }
.lifeInHcc .slides, .lifeInHcc .slides .item { position:absolute; left:0; top:0; width:100%; height:100%; max-width:1920px; max-height:1080px; overflow:hidden; background:#fff; }
.lifeInHcc .slides .intro:after { display:none; }
.lifeInHcc .slides .txt { position:absolute; left:280px; top:19.4%; z-index:2; }
.lifeInHcc .slides .intro .txt { left:50%; top:50%; margin:-297px 0 0 -352px; }
.lifeInHcc .slides .scene1 { position:absolute; left:0; top:108px; display:block; }
.lifeInHcc .slides .scene2 { position:absolute; left:0; top:145px; display:none; }
.lifeInHcc .slides .txt .ir { position:relative; display:block; overflow:hidden; text-indent:-99999px; white-space:nowrap; background:url("../images/common/lifein_txt2.png") 999px 999px no-repeat; }
.lifeInHcc .slides .txt .ir:first-child { margin-bottom:70px; }
.lifeInHcc .slides .txt .ir.t1-1 { background-position: 0 0; width: 328px; height: 93px; }
.lifeInHcc .slides .txt .ir.t1-2 { background-position: 0 -100px; width: 560px; height: 128px; }
.lifeInHcc .slides .txt .ir.t1-3 { background-position: -600px 0; width: 164px; height: 59px; }
.lifeInHcc .slides .txt .ir.t1-4 { background-position: -600px -70px; width: 526px; height: 108px; }
.lifeInHcc .slides .txt .ir.t2-1 { background-position: 0 -250px; width: 328px; height: 93px; }
.lifeInHcc .slides .txt .ir.t2-2 { background-position: 0 -350px; width: 560px; height: 128px; }
.lifeInHcc .slides .txt .ir.t2-3 { background-position: -600px -250px; width: 164px; height: 59px; }
.lifeInHcc .slides .txt .ir.t2-4 { background-position: -600px -320px; width: 526px; height: 78px; }
.lifeInHcc .slides .txt .ir.t3-1 { background-position: 0 -500px; width: 328px; height: 93px; }
.lifeInHcc .slides .txt .ir.t3-2 { background-position: 0 -600px; width: 560px; height: 128px; }
.lifeInHcc .slides .txt .ir.t3-3 { background-position: -600px -500px; width: 164px; height: 59px; }
.lifeInHcc .slides .txt .ir.t3-4 { background-position: -600px -570px; width: 526px; height: 108px; }
.lifeInHcc .slides .txt .ir.t4-1 { background-position: 0 -750px; width: 328px; height: 93px; }
.lifeInHcc .slides .txt .ir.t4-2 { background-position: 0 -850px; width: 560px; height: 128px; }
.lifeInHcc .slides .txt .ir.t4-3 { background-position: -600px -750px; width: 164px; height: 59px; }
.lifeInHcc .slides .txt .ir.t4-4 { background-position: -600px -820px; width: 526px; height: 78px; }
.lifeInHcc .slides .txt .ir.t5-1 { background-position: 0 -1000px; width: 328px; height: 93px; }
.lifeInHcc .slides .txt .ir.t5-2 { background-position: 0 -1100px; width: 560px; height: 128px; }
.lifeInHcc .slides .txt .ir.t5-3 { background-position: -600px -999px; width: 164px; height: 59px; }
.lifeInHcc .slides .txt .ir.t5-4 { background-position: -600px -1070px; width: 526px; height: 48px; }
.lifeInHcc .slides .intro .txt:before { content:''; position:absolute; left:0; top:0; right:0; bottom:0; background:url("../images/common/lifein_ani1.png") 0 0 no-repeat; }
.lifeInHcc .slides .intro .txt:after { content:''; position:absolute; left:0; top:0; right:0; bottom:0; background:url("../images/common/lifein_ani2.png") 0 0 no-repeat; }
.lifeInHcc .slides .bg { position:absolute; left:50%; top:50%; width:1920px; height:1080px; margin:-540px 0 0 -960px; }
.lifeInHcc .slides .bg img { position:absolute; left:0; top:0; width:1920px; height:1080px; }
.lifeInHcc .slides .zoom .bg img { width:2496px; height:1404px; }
.lifeInHcc .slides .zoom.num1 .bg img { left:-378px; top:-282px; }
.lifeInHcc .slides .zoom.num2 .bg img { left:-426px; top:-131px; }
.lifeInHcc .slides .zoom.num3 .bg img { left:-496px; top:0; }
.lifeInHcc .slides .zoom.num4 .bg img { left:-576px; top:-324px; }
.lifeInHcc .slides .zoom.num5 .bg img { left:-286px; top:-241px; }
.csstransitions .lifeInHcc .btnClose { -webkit-transition: all 0.3s ease-out; transition: all 0.3s ease-out; }
.csstransitions .lifeInHcc .btnClose:hover, .csstransitions .lifeInHcc .btnClose:focus { -webkit-transform:rotate(180deg); transform:rotate(180deg); }
.csstransitions .lifeInHcc .slides .intro .txt { opacity:0.6; -webkit-transform:scale(1.15); transform:scale(1.15); -webkit-transition: all 0.6s ease-out; transition: all 0.6s ease-out; }
.csstransitions .lifeInHcc .slides .intro.active .txt { opacity:1; -webkit-transform:scale(1); transform:scale(1); }
.csstransitions .lifeInHcc .slides .intro .txt:after { -webkit-transform:rotate(150deg); transform:rotate(150deg); -webkit-transition: all 2s ease-out; transition: all 2s ease-out; }
.csstransitions .lifeInHcc .slides .intro.active .txt:after { -webkit-transform:rotate(0); transform:rotate(0); }
.lifeInHcc .slides .item { display:none; }
.lifeInHcc .slides .item.active { display:block; }
.csstransitions .lifeInHcc .slides .item { display:block; opacity:0; -webkit-transition: opacity 0.3s ease-out; transition: opacity 0.3s ease-out; }
.csstransitions .lifeInHcc .slides .item.active { opacity:1; }
.csstransitions .lifeInHcc .slides .txt .ir { -webkit-transition: left 0.3s ease-out; transition: left 0.3s ease-out; }
.lifeInHcc .slides .txt .ir { left:50px; }
.lifeInHcc .slides .txt .ir:first-child { left:-50px; }
.lifeInHcc .slides .normal .scene1 .ir, .lifeInHcc .slides .zoom .scene2 .ir { left:0; }
.csstransitions .lifeInHcc .slides .scene1, .csstransitions .lifeInHcc .slides .scene2 { display:block; opacity:0; -webkit-transition: opacity 0.3s ease-out; transition: opacity 0.3s ease-out; }
.csstransitions .lifeInHcc .normal .scene1, .csstransitions .lifeInHcc .zoom .scene2 { opacity:1; }
.csstransitions .lifeInHcc .slides .bg img { -webkit-transition: all 0.6s ease-out 0.6s; transition: all 0.6s ease-out 0.6s; }
.csstransitions .lifeInHcc .slides .active .bg img { -webkit-transition-delay:0s; transition-delay:0s; }
@media only screen and (max-width:1550px) {
.lifeInHcc .slides .txt { left:200px; }
}
/* white ver. */
.gnbWrap.trans { background:#000; background:rgba(0,0,0,0.2); }
.gnbWrap.trans .quick { color:#fff; }
.gnbWrap.trans .quick .langs { border-color:#fff; border-color:rgba(255,255,255,0.2); }
.gnbWrap.trans .quick .i-src { border-color:#fff; border-color:rgba(255,255,255,0.2); color:#fff; }
.gnbWrap.trans .gnb .lv1 > a { color:#fff; }
#allMenu { display:none; position:fixed; left:0; right:0; top:110px; bottom:0; z-index:9; background:#fff; border-top:1px solid #eee; }
#allMenu .menus { display:table; width:100%; min-height:100%; }
#allMenu .lv1 { display:table-cell; width:13%; padding:63px 0 57px 8px; font-size:24px; font-weight:bold; color:#333; box-sizing:border-box; vertical-align:top; }
#allMenu .util { padding-top:97px; }
#allMenu .lv1:hover { background:#fafafa; }
#allMenu a { display:block; }
#allMenu a:hover, #allMenu a:focus { text-decoration:underline; }
#allMenu .lv1 > a, #allMenu .lv1 > strong, #allMenu .sub { max-width:228px; margin:0 auto; transition: .4s all}
#allMenu .lang a { display:inline-block; margin-left:28px; font-size:14px; }
#allMenu .lang a:first-child { margin-left:0; }
#allMenu .lv2, #allMenu .util { font-size:16px; }
#allMenu .lv3 { font-size:15px; font-weight:normal; color:#666; }
#allMenu .lv1 > a, #allMenu .lv1 > strong { display:block; position:relative; margin-bottom:24px; text-decoration:none !important; }
#allMenu .lv2, #allMenu .util li { margin-top:21px; }
#allMenu .util li:first-child { margin-top:0 !important; }
#allMenu .lv2 .sub { margin-top:17px; }
#allMenu .lv3 { margin-top:8px; }
#allMenu .util .div { margin-top:88px; }
#allMenu .util .lang { margin-top:84px; }
#allMenu .lv1 + .lv1 { border-left:1px solid #eee; }
#allMenu .lv1 > a:after, #allMenu .lv1 > strong:after { content:''; position:absolute; top:9px; right:0; width: 26px; height: 25px; background-image:url(/static/home/img/index/ico.png); background-repeat:no-repeat; }
#allMenu .lv1:first-child > a:after, #allMenu .lv1:first-child > strong:after { background-position:-423px 0; }
#allMenu .lv1:first-child + .lv1 > a:after, #allMenu .lv1:first-child + .lv1 > strong:after { background-position:-423px -30px; }
#allMenu .lv1:first-child + .lv1 + .lv1 > a:after, #allMenu .lv1:first-child + .lv1 + .lv1 > strong:after { background-position:-423px -60px; }
#allMenu .lang strong, #allMenu .lang a.active, #allMenu .lang .active > a { color:#e60012; }
.visualWrap { position:relative; z-index:2; overflow:hidden; height:630px; text-align:center; }
.visualWrap:before { content:''; display:inline-block; width:1px; height:100%; vertical-align:middle; margin-right:-7px; }
.visualWrap .visual { position:absolute; z-index:0; left:50%; top:50%; margin:-315px 0 0 -960px; width:1920px; height:630px; }
.visualWrap .visual .poster { position:absolute; left:0; top:0; }
.visualWrap .visual video, .visualWrap .visual iframe { position:relative; }
.visualWrap .visual img, .visualWrap .visual video, .visualWrap .visual iframe { width:100%; height:100%; }
.visualWrap .txt { position:relative; z-index:2; display:inline-block; width:90%; vertical-align:middle; color:#fff; margin-top:110px; }
.visualWrap .descript { display:block; margin-top:43px; }
.visualWrap .btns { display:block; margin-top:34px; }
.lnbWrap { position:relative; height:60px; z-index:1; }
.lnbWrap .inner { position:absolute; width:100%; max-width:1920px; min-width:1200px; height:60px; margin:0 auto; padding:0 70px 0 60px; border-bottom:1px solid #ddd; background:#fff; *zoom:1; box-sizing:border-box; }
.lnbWrap .inner:after { content:''; clear:both; display:block; }
.lnbWrap .lnb { float:left; font-size:14px; font-weight:bold; }
.lnbWrap .lnb a { position:relative; display:block; padding:0 30px; color:#111; white-space:nowrap; }
.lnbWrap .lnb .active > a { color:#e60012; }
.lnbWrap .lnb .last > a { color:#e60012; }
.lnbWrap .lnb .last.hover > a { color:#111; }
.lnbWrap .lnb .home { margin-bottom:3px; }
.lnbWrap .lnb .lv1 { position:relative; float:left; min-width:200px; }
.lnbWrap .lnb .lv1:first-child { min-width:0; border-left:1px solid #ddd; }
.lnbWrap .lnb .lv1 > a { position:relative; line-height:59px; border-right:1px solid #ddd; }
.lnbWrap .lnb .lv1 a.i-sub { padding-right:40px; }
.lnbWrap .lnb .lv1 > a:after { position:absolute; right:30px; top:27px; }
.lnbWrap .lnb .sub { display:none; position:relative; margin:-1px 0 0 -1px; padding:6px 0 30px; border:1px solid #ddd; border-top:0; background:#fff; }
.lnbWrap .lnb .sub li { margin-top:9px; }
.lnbWrap .lnb .sub a { padding-right:46px; }
.lnbWrap .lnb .sub a:hover:after, .lnbWrap .lnb .sub a:focus:after { content:''; position:absolute; top:9px; right:30px; background-position:-583px -30px; width: 13px; height: 6px; }
.lnbWrap .shares { position:relative; float:right; padding-top:18px; padding-bottom:20px; margin-left:54px; height:21px; }
.lnbWrap .shares dt { line-height:17px; }
.lnbWrap .shares dd { display:none; position:absolute; left:-2px; right:-2px; top:100%; padding:10px 0 20px; border:1px solid #ddd; background:#fff; }
.lnbWrap .shares dd button, .lnbWrap .shares dd a { display:block; margin:10px auto 0; }
.lnbWrap .anchor { float:right; color:#888; margin-top:15px; }
.lnbWrap .anchor li { display:inline; }
.lnbWrap .anchor a { display:inline-block; font-size:13px; font-weight:bold; margin-left:25px; }
.lnbWrap .anchor a.active, .lnbWrap .anchor .active a { color:#e60012; }
.fixed .lnbWrap .inner { position:fixed; }
.scrollUp .fixed .gnbWrap { height:111px; border-bottom:1px solid #eee; }
.scrollUp .fixed .gnbWrap.trans { height:110px; border-bottom-width:0; }
.csstransitions .gnbWrap { -webkit-transition: background 0.3s ease-out, margin-top 0s ease-out; transition: background 0.3s ease-out, margin-top 0s ease-out; }
.csstransitions .scrollUp .fixed .gnbWrap { -webkit-transition-duration:0s, 0.1s; transition-duration:0s, 0.1s; }
.csstransitions .lnbWrap .inner { -webkit-transition: all 0s ease-out; transition: all 0s ease-out; }
.csstransitions .fixed .lnbWrap .inner { -webkit-transition-duration:0.1s; transition-duration:0.1s; }
.contWrap { width:1200px; margin:0 auto; }
.contWrapAp{width: 100%;}
.contWrapApDe{width: 70% !important;}
.bgFull { background-repeat:no-repeat; background-position:center center; background-size:cover; box-sizing:border-box; }
.bgFull.cBg1 { padding:120px 0 142px; background-color:#2b3a53; color:#a6b0bf; }
.bgFull.cBg2 { padding:120px 0 120px; background-color:#fafafa; }
.container > .bgFull.cBg2:last-child { padding-bottom:291px; margin-bottom:-291px; }
.container > .bgFull.cBg2:first-child { padding:180px 0 291px; margin:-291px 0; }
.container .cmg-foot > .bgFull.cBg2:last-child { padding-bottom:291px; margin-bottom:-291px; }
.bgFull.cBg3 { padding:50px 20px; background-color:#f7f7f7; }
.bgFull.cBg4 { padding:1px 0 0; background-color:#fafafa; }
.container > .bgFull.cBg4:last-child { padding-bottom:291px; margin-bottom:-291px; }
/* scrollbar */
.wrap div::-webkit-scrollbar-track { background-color: transparent; }
.wrap div::-webkit-scrollbar { width: 5px; background-color: transparent; }
.wrap div::-webkit-scrollbar-thumb { background-color: #dadada; }
/* .wrap div { -ms-overflow-style: -ms-autohiding-scrollbar; } */
.wrap div{ scrollbar-base-color: #dadada; scrollbar-face-color: #dadada; scrollbar-3dlight-color: #dadada; scrollbar-highlight-color: #dadada; scrollbar-shadow-color: #dadada; scrollbar-dark-shadow-color: #dadada; scrollbar-track-color: #fff; scrollbar-arrow-color: black; }
.wrap div:hover::-webkit-scrollbar-thumb, .wrap div:focus::-webkit-scrollbar-thumb { background-color: #444; }
.wrap div:hover, .wrap div:focus{ scrollbar-base-color: #444; scrollbar-face-color: #444; scrollbar-3dlight-color: #444; scrollbar-highlight-color: #444; scrollbar-shadow-color: #444; scrollbar-dark-shadow-color: #444; scrollbar-track-color: #fff; scrollbar-arrow-color: black; }
@media only screen and (max-width:1550px) {
.gnbWrap { padding-left:288px; }
.gnbWrap .logo { left:40px; }
.gnbWrap .allMenuBtn { left:238px; width:40px; }
.gnbWrap .quick { right:40px; }
.gnbWrap .quick .menus .ico:before { display:none; }
.gnbWrap .quick .langs { padding:0 20px; margin:0 -5px 0 15px; }
.gnbWrap .quick .langs .sub { left:-11px; right:-11px; }
.gnbWrap .gnb .lv1 { margin-left:12px; }
.gnbWrap .searchProduct { right:-41px; }
.gnbWrap .gnb .sub li + li:before { margin:0 24px 0 20px; }
#allMenu { position:absolute; bottom:auto; }
#allMenu .lv1 { padding-top:31px; padding-bottom:50px; }
#allMenu .util { padding-top:34px; }
#allMenu .lv1 > a, #allMenu .lv1 > strong, #allMenu .sub { max-width:167px; }
#allMenu .lv1 > a, #allMenu .lv1 > strong { margin-bottom:13px; }
#allMenu .lv1 > a:after, #allMenu .lv1 > strong:after { display:none; }
#allMenu .lv2, #allMenu .util li { margin-top:6px; }
#allMenu .lv2 .sub { margin-top:0; }
#allMenu .lv3 { margin-top:1px; }
#allMenu .util .div { margin-top:38px; }
#allMenu .util .lang { margin-top:35px; }
#allMenu .lv1 { font-size:20px; }
#allMenu .lv2, #allMenu .util { font-size:15px; }
#allMenu .lv3 { font-size:14px; }
.lnbWrap .inner { padding-left:40px; padding-right:50px; }
/* .lnbWrap .inner .anchor { display:none; } */
.footer .logo { margin-left:40px; margin-right:29px; }
.footer .pageTop { right:56px; margin-bottom:40px; }
.footer .links { right:303px; }
.footer .links .div + .div:before { margin:0 13px; }
.footer .familySite { right:40px; }
}
/********** POPUP **********/
.modalBg { position:fixed; left:0; top:0; right:0; bottom:0; z-index:1000; background:#000; opacity:0.7; filter:alpha(opacity=70); }
.popup { padding:40px; box-sizing:border-box; }
.popup.layerTy1 { position:absolute; left:0; top:0; z-index:1001; background:#fff; border-radius:5px; display:none; }
.popup.popB { width:1020px; left:50%; margin-left:-510px; }
.popup .popHead { margin:-9px 0 21px; }
.popup .title { font-size:22px; color:#111; font-weight:bold; text-align:center; }
.popup .popClose { position:absolute; right:40px; top:41px; font-size:15px; color:#111; font-weight:bold; text-transform:uppercase; line-height:19px; }
.popup .popClose:hover, .popup .popClose:focus { color:#e60012; }
.popup .popClose:before { margin:-2px 16px 0 0; }
.popup .i-closepop2 { right:5px; top:-49px; }
.popup .popPage { display:none; }
.popup .popControl .pageNum { position:absolute; left:40px; top:36px; font-size:15px; font-weight:bold; color:#111; }
.popup .popControl .pageNum .cur { color:#e60012; }
.popup .popControl .i-slidePrev { position:absolute; left:-90px; top:50%; margin-top:-30px; }
.popup .popControl .i-slideNext { position:absolute; right:-90px; top:50%; margin-top:-30px; }
.popup .popFootImg { display:block; margin:3px -40px -40px -40px; border-radius:0 0 5px 5px; }
/********** ì œí’ˆ 검색 **********/
.productSrc { width:1173px; margin:0 auto; background:#fff; }
.productSrc .srcStep { overflow:hidden; }
.productSrc .step { float:left; width:390px; height:399px; border:1px solid #e4e4e4; border-bottom:0; margin-left:-1px; }
.productSrc .step:first-child { width:389px; margin-left:0; }
.productSrc .step > dt { padding:41px 0 2px; font-weight:bold; font-size:18px; color:#111; text-align:center; }
.productSrc .step .num:after { content:''; display:inline-block; width:3px; height:3px; margin:0 10px; background:#e60012; border-radius:100%; }
.productSrc .before { text-align:center; }
.productSrc .before .check { display:block; margin-bottom:4px; font-weight:bold; color:#111; }
.productSrc .before .check:before { display:block; margin:71px auto 72px; }
.productSrc .srcFoot { padding:41px 0; background:#2c384b; text-align:center; }
.productSrc .srcFoot .ipt { width:753px; height:51px; line-height:51px; color:#111; font-size:15px; border:0; padding:0 20px; background:#f1f2f7; }
.productSrc .srcFoot .ipt:focus { background:#fff; }
.productSrc .srcFoot .btnB { width:140px; height:51px; margin-left:-6px; padding-left:0; padding-right:0; }
.productSrc .srcFoot .btnB:before { margin:0 8px 2px 0; }
.productSrc .srcFoot .btnB.i-reset { margin-right:14px; }
.productSrc .listWrap { display:none; position:relative; overflow:hidden; height:253px; margin:22px 0 0; color:#fff; font-weight:bold; font-size:16px; }
.productSrc .listWrap .mCSB_inside>.mCSB_container { margin-right:0 }
.productSrc .listWrap .mCSB_scrollTools { right:8px; }
.productSrc .list { margin:0 40px; }
.productSrc .list li { position:relative; height:45px; margin:7px 0 0; }
.productSrc .list > li:first-child { margin-top:0; }
.productSrc .step.curent .opt { color:#fff; }
.productSrc .list .opt { position:relative; display:block; width:100%; height:100%; line-height:45px; padding:0 24px; border-radius:45px; box-sizing:border-box; text-align:left; font-weight:bold; color:#333; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.productSrc .list .opt:hover, .productSrc .list .opt:focus { background:#fff; color:#e60012; }
.productSrc .list .opt.checked { background:#fdf7f2; color:#e60012; padding-right:45px; }
.productSrc .list .opt.checked:after { content:''; position:absolute; right:24px; top:50%; margin-top:-6px; width:16px; height:12px; background:url(/static/home/img/index/ico.png) -580px -72px no-repeat; }
.productSrc .step.end:last-child .opt.checked:after { background-position:-601px -72px; }
.productSrc .step.curent { background-color:#e60012; border-color:#e60012; }
.productSrc .step.curent > dt { color:#fff; }
.productSrc .step.curent .before { color:#fbdbce; }
.productSrc .step.curent .num:after { background:#fff; }
.productSrc .step.curent .check, .productSrc .step.end .check { display:none; }
.productSrc .step.curent .listWrap, .productSrc .step.end .listWrap { display:block; }
.productSrc .step.end .listWrap { color:#333; }
/********** DISPLAY **********/
.inBlock { display:inline-block; }
.block { display:block !important; }
.relative { position:relative; }
.txtArea { position:relative; }
.txtArea .btnR { top:auto; bottom:6px; }
.txtArea .btnR.ty2 { bottom:-9px; }
/********** ALIGN **********/
.aL, .tL { text-align:left !important; }
.aC, .tC { text-align:center !important; }
.aR, .tbScY .tR { text-align:right !important; }
.vM, table.vM td, table.vM th, tbody.vM td, tbody.vM th { vertical-align:middle !important; }
.vT, table.vT td, table.vT th, tbody.vT td, tbody.vT th { vertical-align:top !important; }
.mid:before { content:''; display:inline-block; width:1px; height:100%; margin-right:-6px; vertical-align:middle; }
.mid .vM { display:inline-block; max-width:90%; }
.fL { float:left; }
.fR { float:right !important; }
.absL { position:absolute; left:0; }
.absR { position:absolute; right:0; }
.absT { position:absolute; top:0; }
.absB { position:absolute; bottom:0; }
.clear:after { content:''; clear:both; display:block; }
.disTbcel { display:table; width:100%; }
.disTbcel span { display:table-cell; }
.disTbcel .w90 { width:90px; }
/********** Font **********/
.titleWrap { position:relative; }
.titleWrap .absR.ty1 { bottom:-2px; font-size:14px; color:#666; font-weight:normal; }
.titleWrap .absR.ty2 { top:50%; margin-top:-25px; }
.title-1 { max-width:1200px; margin:100px auto 44px; font-size:34px; color:#111; line-height:1; }
.title-1:after { content:''; display:inline-block; width:6px; height:6px; margin-left:5px; background:#e60012; border-radius:100%; }
.ts-1 { margin-bottom:57px; text-align:center; }
.title-1 + .ts-1 { margin-top:-27px; }
.title-2 { margin:73px 0 19px; font-size:24px; color:#111; line-height:1.2; font-weight:bold; }
.title-1 + .title-2, .title-1 + .titleWrap .title-2,
.ts-1 + .title-2, .ts-1 + .contWrap > .title-2:first-child, .ts-1 + .contWrap > .titleWrap:first-child .title-2, .title-2.topTy1 { margin-top:57px; }
.busTab + .title-2 { margin-top:67px; }
.productSrc + .title-2 { margin-top:78px; margin-bottom:26px; }
.title-2 small { font-size:14px; color:#666; font-weight:normal; margin-left:7px; }
.title-2 small.ty2 { font-size:16px; color:#333; font-weight:normal; margin-left:12px; }
.title-2.line { margin:56px 0 29px; padding-bottom:26px; border-bottom:2px solid #111; }
.title-2.line + .title-3 { margin-top:0; }
.title-2 .lang { color:#f37320; }
.title-2 .lang:before { content:''; display:inline-block; width:3px; height:3px; margin:0 20px 7px 10px; background:#e60012; border-radius:100%; }
.title-3 { margin:38px 0 15px; font-size:20px; color:#111; line-height:30px; font-weight:bold; }
.title-3.ico { margin-top:41px; margin-bottom:19px; }
.title-3:before { margin:-3px 12px 0 0; }
.title-3 .num { color:#e60012; }
.tbData2 + .title-3.ico { margin-top:20px; }
.title-4 { margin:0 0 24px; font-size:18px; color:#111; line-height:28px; font-weight:bold; }
.title-4 small { font-size:14px; color:#666; font-weight:normal; }
.point-1 { font-size:20px; color:#111; line-height:1.6; }
p + .point-1 { margin-top:16px; }
.point-2 { font-size:24px; color:#000; line-height:1.2; font-family:'Myriad'; font-weight:800; letter-spacing:0; margin-bottom:16px; }
.point-3 { font-size:15px; color:#999; font-family:'Myriad'; font-weight:400; }
.fs-1 { font-size:15px !important; line-height:1.73; }
.fs-2 { font-size:14px !important; }
.fc-1 { color:#111 !important; }
.fc-3 { color:#333 !important; }
.fc-6 { color:#666 !important; }
.fc-8 { color:#888 !important; }
.fc-16 { color:#fff !important; }
.fc-p1 { color:#f37320 !important; }
.fc-p2 { color:#1e5388 !important; }
.stockUp { color:#ef2d00 !important; }
.stockDw { color:#056ab2 !important; }
.bold { font-weight:bold !important; }
.space1 { display:inline-block;width:2px; } /*fi 붙어있ì„ë•Œ iê°€ 안보ì´ëŠ” 현ìƒ*/
/********** Content Margin **********/
.cmg-0 { margin-top:0 !important; }
.cmg-1 { margin-top:28px !important; }
.cmgt-1 { margin-top:22px !important; }
.point-1 + .cmgt-1 { margin-top:14px !important; }
.cmg-2 { margin-top:30px !important; }
.cmg-3 { margin-top:40px !important; }
.cmg-4 { margin-top:50px !important; }
.cmg-5 { margin-top:60px !important; }
.cmg-6 { margin-top:80px !important; }
.cmg-7 { margin-top:100px !important; }
.cmg-8 { margin-top:120px !important; }
.cmg-9 { margin-top:7px !important; }
.cmg-10 { margin-top:16px !important; }
.cmg-11 { margin-top:110px !important; }
.cmg-12 { margin-top:34px !important; }
/********** List **********/
.list-1 { line-height:1.75; margin-top:-6px; *zoom:1; }
.list-1:after { content:""; display:block; clear:both; }
.title-2 + .list-1, .title-3 + .list-1 { margin-top:0; }
.list-1 > li, .list-1 > dd { position:relative; padding-left:14px; margin-top:6px; }
.list-1.cmgt-1 > li:first-child, .list-1.cmgt-1 > dt:first-child+dd { margin-top:0; }
.list-1.white9 > li, .list-1.white9 > dd { color:#fff; color:rgba(255,255,255,0.9); }
.list-1 > li.wp50, .list-1 > dd.wp50 { width:50%; box-sizing:border-box; }
.list-1 > li:before, .list-1 > dd:before { content:''; position:absolute; left:0; top:0.8em; width:3px; height:3px; background:#999; border-radius:100%; }
.list-1.fs-1 > li:before, .list-1.fs-1 > dd:before { top:0.7em; }
.list-1 > dt { font-weight:bold; color:#111; margin:6px 0 0; }
.list-1 > dt.ty2 { font-size:30px; margin-bottom:18px; margin-left:6px; }
.list-1.white9 > dt.ty2 { color:#fff; }
.list-1.mlTy1, .list-1 > .mlTy1 { margin-left:55px; }
.list-1.inBlock { vertical-align:top; }
.list-1.bgTy1 {padding:31px 40px 33px;background-color:#f1f2f7;}
.list-1.bgTy1 li {margin-top:2px;}
.list-1.bgTy1.w2 li {float:left;display:inline-block;width:48%;}
.list-num { padding-left:28px; }
.list-num .num { position:absolute; left:-28px; color:#111; }
.list-num > dt { margin-left:-28px; margin-bottom:16px; }
.list-2 { padding-left:62px; }
.list-2 .dt { position:absolute; left:-62px; color:#333; }
.list-2 > li { position:relative; padding-left:32px; margin-top:11px; }
.list-2 > li:first-child { margin-top:0; }
.list-2 > li:before { content:''; position:absolute; left:0; top:0.8em; width:3px; height:3px; background:#aaa; opacity:0.5; border-radius:100%; }
.list-2.white, .list-2.white .dt { color:#fff; }
.list-2.white > li:before { background:#d6d6d6; }
.list-2.dtw2 { padding-left:105px; }
.list-2.dtw2 .dt { left:-105px; }
.list-3 {overflow:hidden; margin-left:-2px;}
.list-3 > li {float:left;display:inline-block;margin-left:2px;margin-top:2px;padding:50px 25px 50px 60px;width:514px;min-height:296px;background-color:#f1f2f7;}
.list-3 > li:first-child, .list-3 > li:first-child + li {margin-top:0;}
/*.list-3 > li .num {display:block;width:46px;height:46px;border-radius:46px;border:1px dashed #e60012;font-family:'Myriad';font-size:15px;font-weight:bold;text-align:center;line-height:46px;color:#e60012;box-sizing:border-box;}*/
.list-3 > li .num {display:block;width:46px;height:46px;font-family:'Myriad';font-size:15px;font-weight:bold;text-align:center;line-height:46px;color:#e60012;box-sizing:border-box;background:url("../images/company/op_win_num_bg.png") 0 0 no-repeat;}
.list-3 > li .title {display:inline-block;margin-top:22px;height:80px;font-weight:bold;font-size:18px;color:#111;}
.list-3 .list-1 {padding:0;min-height:80px;font-size:15px;}
.list-3 .btn-8 {margin-top:25px;}
.list-4 {display:table;margin:-20px 0 0 -15px;font-size:15px;}
.list-4 > li {display:inline-table;position:relative;margin:46px 15px 0;padding-left:34px;width:526px; box-sizing:border-box;vertical-align:top; }
/*.list-4 > li .num {position:absolute;top:3px;left:0;display:inline-block;width:24px;height:24px;color:#e60012;font-family:'Myriad';font-size:12px;font-weight:800;color:#fff;text-align:center;background-color:#e60012;border-radius:24px;line-height:2;}*/
.list-4 > li .num { position:absolute; top:3px; left:0; display:inline-block; width:24px; height:24px; overflow:hidden; text-indent:-99999px; white-space:nowrap; background:url("../images/etc/num.png") 999px 999px no-repeat;}
.list-4 > li .num.n01 { background-position:0 0; }
.list-4 > li .num.n02 { background-position:0 -29px; }
.list-4 > li .num.n03 { background-position:0 -58px; }
.list-4 > li .num.n04 { background-position:0 -87px; }
.list-4 > li .title-3 {margin:0 0 10px;}
.list-4 > li p + p {margin-top:15px;}
.list-5 > li {position:relative;padding-left:10px;margin-top:2px;}
.list-5 > li:before {content:'-';display:inline-block;position:absolute;top:0;left:0;}
/********** Photo List **********/
.photo-list-1 {overflow:hidden;margin-top:28px;margin-bottom:-45px;}
.photo-list-1 li {float:left;margin-left:8px;margin-bottom:45px;width:596px;}
.photo-list-1 li:first-child, .photo-list-1 li:first-child + li + li {margin-left:0 !important;}
.photo-list-1 li > p, .photo-list-1 li > ul, .photo-list-1 li > dl {margin-top:20px;font-size:15px;}
.photo-list-1 li > dl {overflow:hidden;}
.photo-list-1 li > dl dt {float:left;width:100px;font-weight:bold;color:#111;}
.photo-list-1 li > dl dd {float:right;width:295px;}
.photo-list-1.w2 li {margin-left:7px;width:395px;}
.photo-list-1.w2 li:first-child + li + li {margin-left:7px !important;}
.photo-list-1.w2 li:first-child + li + li + li {margin-left:0 !important;}
/********** History List **********/
.subHistoryWrap { position:relative; padding:74px 0 93px 79px; margin:120px auto 170px; background:#2b3a53; box-sizing:border-box; }
.subHistoryWrap .title { font-size:24px; color:#fff; line-height:1.2; font-family:'Myriad'; font-weight:800; letter-spacing:0; margin-bottom:39px; }
.subHistoryWrap .title:after { content:''; display:inline-block; width:5px; height:5px; margin-left:8px; background:#e60012; border-radius:100%; }
.subHistoryWrap .deco { position:absolute; right:-33px; bottom:-128px; }
.subHistory { color:#fff; color:rgba(255,255,255,0.9); }
.subHistory li { margin-top:12px; }
.subHistory .year { position:relative; display:inline-block; width:90px; color:#fff; vertical-align:top; font-weight:normal; }
.subHistory .year:after { content:''; position:absolute; right:22px; top:13px; width:3px; height:3px; background:#fff; border-radius:100%; opacity:0.35; }
.subHistory .txt { display:inline-block; width:760px; vertical-align:top; }
/********** INFO **********/
.info-text {overflow:hidden;margin-top:7px;}
.info-text > li {float:left;display:inline-block;margin-left:30px;font-weight:bold;color:#111;}
.info-text > li:first-child {margin-left:0;}
.info-text > li em {position:relative;padding-right:25px;}
.info-text > li em:before { content:''; position:absolute; right:0.6em; top:0.6em; width:3px; height:3px; background:#999; border-radius:100%; }
/********** TAB **********/
.tabCont { display:none; }
.tab-1 { display:table; width:100%; border-collapse:collapse; margin-bottom:40px; }
.title-2 + .tab-1 { margin-bottom:30px; margin-top:32px; }
.tab-1 > li { display:table-cell; border:1px solid #ddd; color:#666; }
.tab-1 > li a { display:block; font-size:15px; line-height:58px; color:inherit; text-align:center; }
.tab-1 > li a:hover, .tab-1 > li a:focus, .tab-1 > li a:active { color:inherit; text-decoration:none; }
.tab-1 > li.active { color:#fff; background:#e60012; border-color:#e60012; font-weight:bold; }
.tab-1.ty2 > li { vertical-align:middle; }
.tab-1.ty2 > li a { line-height:22px; padding:15px 0; }
.tab-1.col1 > li { width:100%; }
.tab-1.col2 > li { width:50%; }
.tab-1.col3 > li { width:33.33%; }
.tab-1.col4 > li { width:25%; }
.tab-1.col5 > li { width:20%; }
.tab-1.col6 > li { width:16.66%; }
.tab-1.col7 > li { width:14.285%; }
.tab-1.col8 > li { width:12.5%; }
.tab-2 { position:relative; display:inline-block; *zoom:1; margin-bottom:37px; }
.tab-2:before { content:""; position:absolute; top:0; left:0; right:0; bottom:0; border:1px solid #ddd; border-radius:50px; }
.tab-2:after { content:""; display:block; clear:both; }
.tab-2 > li { position:relative; z-index:2; float:left; min-width:150px; color:#666; border-radius:50px; margin-left:-20px; }
.tab-2 > li:first-child { margin-left:0; }
.tab-2 > li a { display:block; padding:0 30px; font-size:15px; line-height:50px; color:inherit; text-align:center; }
.tab-2 > li a:hover, .tab-2 > li a:focus, .tab-2 > li a:active { color:inherit; text-decoration:none; }
.tab-2 > li.active { position:relative; color:#fff; background:#e60012; font-weight:bold; }
.tab-3 { margin:60px 0 42px; *zoom:1; }
.tab-3:after { content:""; display:block; clear:both; }
.tab-3 > li { position:relative; display:inline-block; *display:inline; *zoom:1; margin-left:44px; color:#737e8f; font-size:17px; font-weight:bold; }
.tab-3 > li:before { content:''; position:absolute; bottom:0; left:0; width:0; height:3px; background:#e60012; }
.csstransitions .tab-3 > li:before { -webkit-transition: width 0.3s ease-out; transition: width 0.3s ease-out; }
.tab-3 > li:first-child { margin-left:0; }
.tab-3 > li a { display:block; padding-bottom:6px; }
.tab-3 > li a:hover, .tab-3 > li a:focus, .tab-3 > li a:active { color:inherit; text-decoration:none; }
.tab-3 > li.active { color:#fff; }
.tab-3 > li.active:before { width:100%; }
.tab-4 { margin-bottom:36px; }
.tab-4 .row { display:block; padding:16px 40px 17px; }
.tab-4 .row+.row { border-top:1px solid #ddd; }
.tab-4 .col { position:relative; display:inline-block; text-align:center; font-size:15px; font-weight:bold; color:#333; }
.tab-4 .col.active a { color:#e60012; text-decoration:underline; }
.tab-4 .col + .col { margin-left:-5px; }
.tab-4 .col + .col:before { content:''; position:absolute; left:0; top:8px; width:1px; height:11px; background:#ddd; }
.tab-4.colW1 .col { width:185px; }
.tab-5 { margin:0; padding:20px 0; background:#fff; text-align:center; }
.tab-5 > li { position:relative; display:inline-block; *display:inline; *zoom:1; color:#333; font-family:'Myriad'; font-size:15px; font-weight:bold; }
.tab-5 > li:first-child { margin-left:0; }
.tab-5 > li:before { content:''; display:inline-block; width:3px; height:3px; margin:0 14px 0 8px; background:#d6d6d6; border-radius:3px; vertical-align:middle; }
.tab-5 > li:first-child:before { display:none; }
.tab-5 > li a { display:inline-block; line-height:30px; padding:0 14px; border-radius:30px; vertical-align:middle; }
.tab-5 > li a:hover, .tab-5 > li a:focus, .tab-5 > li a:active { color:inherit; text-decoration:none; }
.tab-5 > li.active a { color:#fff; background:#FF0000; }
.tab-5 { left:0; width:100%; min-width:1200px; }
.csstransitions .tab-5 { -webkit-transition: all 0s ease-out; transition: all 0s ease-out; }
.fixed .tab-5, .fixed .tab-6 { position:fixed; z-index:19; }
.csstransitions .fixed .tab-5, .csstransitions .fixed .tab-6 { -webkit-transition-duration:0.3s; transition-duration:0.3s; }
.tab-6-wrap { min-height:73px; margin:0 0 110px; }
.tab-6-wrap + .bgFull.cBg2 { margin-top:-110px; padding-top:110px; }
.tab-6 { position:relative; width:100%; background:#fff; text-align:center; }
.tab-6:before { content:''; position:absolute; bottom:0; left:0; width:100%; height:1px; background:#ddd; }
.tab-6:after { content:""; display:block; clear:both; }
.tab-6 > li { position:relative; display:inline-block; *display:inline; *zoom:1; margin-left:81px; color:#333; }
.tab-6 > li:after { content:''; position:absolute; bottom:0; left:0; width:0; height:3px; background:#e60012; }
.csstransitions .tab-6 > li:after { -webkit-transition: width 0.3s ease-out; transition: width 0.3s ease-out; }
.tab-6 > li:before { content:''; position:absolute; top:50%; left:-44px; width:3px; height:3px; background:#d6d6d6; border-radius:3px; vertical-align:middle; }
.tab-6 > li:first-child { margin-left:0; }
.tab-6 > li:first-child:before { display:none; }
.tab-6 > li a { display:inline-block; padding:22px 8px 25px; font-size:15px; font-weight:bold; }
.tab-6 > li a:hover, .tab-6 > li a:focus, .tab-6 > li a:active { color:inherit; text-decoration:none; }
.tab-6 > li.active { color:#e60012; }
.tab-6 > li.active:after { width:100%; }
/********** TABLE | BOARD **********/
.noData .i-nodata:before { display:block; margin:0 auto 18px; }
tr.noData td, div.noData, li.noData, p.noData { text-align:center; padding:94px 0 87px !important; font-size:15px; }
.tb-1 { border-top:2px solid #111; border-bottom:1px solid #888; overflow:hidden; }
.titleWrap + .tb-1 { margin-top:25px; }
.tb-1 > table, .tb-2 > table { margin-top:-1px; font-size:15px; color:#666; }
.tb-1 th { color:#111; box-sizing:border-box; text-align:center; }
.tb-1 td { box-sizing:border-box; text-align:center; }
.tb-2 { border-top:4px solid #111; overflow:hidden; }
.tb-2.minH2 { min-height:284px; box-sizing:border-box; }
.tb-2 th { color:#111; box-sizing:border-box; text-align:left; }
.tb-2 td { box-sizing:border-box; text-align:left; }
.tbData > table { width:100%; margin-left:-1px; margin-right:-1px; }
.tbData th { background:#f9fbfc; font-weight:normal; }
.tbData tfoot td, .tbData tfoot th, .tbData .total td, .tbData .total th { background:#fdf7f2; font-weight:bold; color:#111; }
.tbData th, .tbData td { padding:20px 30px; border-top:solid 1px #e4e4e4; border-left:1px solid #e4e4e4; }
.tbData2 > table { width:100%; margin-left:-1px; margin-right:-1px; }
.tbData2.ty2 th { vertical-align:top; }
.tbData2.ty2 .list-1 > li { margin-top:4px; padding-left:10px; }
.tbData2 th { padding:20px 0 20px 30px; border-top:solid 1px #e4e4e4; }
.tbData2 td { padding:20px 0 20px 20px; border-top:solid 1px #e4e4e4; }
.tbData2.ty2 th, .tbData2.ty2 td { padding:24px 0 24px 20px; }
.tbData2 th.aC, .tbData2 td.aC { padding-left:10px; padding-right:10px; }
.tbData2 th.aR, .tbData2 td.aR { padding-left:0; padding-right:30px; }
.tbList thead th { border-top-color:#ddd; padding-left:10px; padding-right:10px; }
.tbList th, .tbList td { padding:19px 30px; border-top:solid 1px #e9e9e9; }
.tbList a { color:inherit; }
.tbList a:hover, .tbList a:focus, .tbList a:active { color:#e60012 !important; text-decoration:underline; }
.tbList a:visited { color:#aaa; }
.tbList a.icon.i-download2 { margin-top:-5px; margin-bottom:-5px; }
.tbList .notice a, .tbList .notice td { color:#111; }
.tbList .i-new { margin-left:4px; }
.board { border-top:2px solid #111; border-bottom:1px solid #888; font-size:15px; }
.board .boardHead { position:relative; padding:0 178px 0 30px; color:#111; border-bottom:1px solid #e4e4e4; }
.board .boardHead .subj { padding:25px 0; font-size:18px; color:#111; font-weight:bold; }
.board .boardHead .date { position:absolute; right:30px; top:25px; }
.board .boardHead .date .name { font-size:16px; font-family:'Myriad'; font-weight:bold; letter-spacing:0; margin-right:10px; }
.board .i-new { margin-left:4px; }
.board .boardFile { position:relative; padding:20px 30px 20px 30px; background:#f7f7f7; font-size:14px; color:#111; }
.board .boardFile a:before { margin-right:10px; }
.board .boardFile a+a { margin-left:26px; }
.board .boardFile span { text-decoration:underline; }
.board .boardCont { padding:40px 30px; }
.board .boardCont img { max-width:100%; }
.boardListView { color:#aaa; }
.boardListView li { border-top:solid 1px #e6e6e6; height:80px; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; padding-right:25px; }
.boardListView .subj { display:inline-block; height:100%; line-height:80px; margin-right:14px; color:#333; vertical-align:middle; padding:0 30px; width:93px; }
.boardListView em { color:#000; font-weight:bold; }
.boardListView .ico2:after { margin:-3px 0 0 28px; }
.boardListView a { color:#666; }
.boardListView a:hover, .boardListView a:focus, .boardListView a:active { color:#e60012; text-decoration:underline; }
.accordion { border-top:1px solid #e4e4e4; }
.accordion > li { padding:26px 30px 27px 30px; border-bottom:1px solid #e4e4e4; }
.accordion .aTitle { position:relative; display:block; padding-right:47px; font-size:20px; color:#111; font-weight:bold; text-decoration:none; }
.accordion .aTitle:after { position:absolute; right:0; top:50%; margin-top:-5px; }
.accordion .aTitle:before { margin:-4px 23px 0 6px; }
.accordion .active .highlight { color:#e60012; }
.accordion .aCont { display:none; padding:19px 0 7px; }
.imgBox + .accordion { border-top:none; }
/********** PAGING **********/
.pag { vertical-align:top; text-align:center; margin-top:30px; }
.pag a { position:relative; display:inline-block; padding:0 5px; color:#999; font-size:15px; text-decoration:none; }
.pag .icon { margin-top:-4px; }
.pag .num { display:inline-block; margin:0 34px ; vertical-align:top; }
.pag .num a { padding:0; margin:0 16px; }
.pag .num a.active { color:#111; font-weight:bold; }
.pag .num a.active:before { content:''; position:absolute; bottom:0; left:0; right:0; height:1px; background:#111; }
/********** BOARD SEARCH **********/
.schBoard { margin:40px 0 0; text-align:center; }
.schBoard .keyword { position:relative; display:inline-block; }
.schBoard .keyword .ipt { min-width:360px; padding-right:53px; }
.schBoard .schBtn { position:absolute; right:1px; top:1px; width:48px; height:48px; }
.schBoard .schBtn .icon { margin-bottom:2px; }
.schBoard select { min-width:120px; }
/********** BUTTON **********/
.btnArea-1 { position:relative; margin:40px 0 0 0; min-height:51px; text-align:center; }
.btnArea-2 { position:relative; margin:30px 0 0 0; text-align:left; }
.btnL { position:absolute; left:0; top:0; }
.btnR { position:absolute; right:0; top:0; }
.btnA, .btnB, .btnC, .btnE, .btnIco { box-sizing:border-box; vertical-align:middle; display:inline-block; text-align:center; border-width:1px; border-style:solid; }
.btnA:before, .btnB:before, .btnC:before, .btnE:before { margin:0 10px 4px 0; }
.btnIco:before { margin:0 10px 0 0; }
.btnA:after, .btnB:after, .btnC:after, .btnE:after { margin:0 0 4px 10px; }
.btnE.i-more:after { margin-left:17px; }
.btnIco:after { margin:0 0 0 10px; }
.btnA:focus, .btnA:active, .btnA:hover, .btnB:focus, .btnB:active, .btnB:hover, .btnC:focus, .btnC:active, .btnC:hover, .btnE:focus, .btnE:active, .btnE:hover, .btnIco:focus, .btnIco:active, .btnIco:hover{ text-decoration:none; }
.btnA img, .btnB img, .btnC img, .btnE img { display:inline-block; margin:0 0 4px; }
.btn-1 { background-color:#e60012; border-color:#e60012; color:#fff; } /* 키컬러 - orange */
.btn-1:hover, .btn-1:focus { background-color:#eb5b0d; border-color:#eb5b0d; color:#fff; }
.btn-2 { background-color:#2c384b; border-color:#2c384b; color:#fff; } /* 키컬러 - navy */
.btn-2:hover, .btn-2:focus { background-color:#222; border-color:#222; color:#fff; }
.btn-3 { background-color:transparent; border-color:#e60012; border-color:rgba(243,115,33,0.5); color:#e60012; } /* orange - line */
.btn-3:hover, .btn-3:focus { background-color:#fef8f4; border-color:#e60012; color:#e60012; }
.visualWrap .btn-3:hover, .visualWrap .btn-3:focus { border-color:#fef8f4; }
.btn-4 { background-color:transparent; border-color:#dedede; color:#111; } /* gray - line */
.btn-4:hover, .btn-4:focus { background-color:#f9f9f9; border-color:#222; color:#111; }
.btn-5 { background-color:transparent; border-color:#dedede; color:#111; } /* gray - line */
.btn-5:hover, .btn-5:focus, a:hover .btn-5, a:focus .btn-5 { background-color:#e60012; border-color:#e60012; color:#fff; }
.btn-6 { background-color:transparent; border-color:#57616f; color:#fff; } /* gray - line */
.btn-6:hover, .btn-6:focus { background-color:#e60012; border-color:#e60012; color:#fff; }
.i-reset.btn-6:hover, .i-reset.btn-6:focus { background-color:#1a2230; border-color:#1a2230; }
.btn-7 { background-color:transparent; border:2px solid #fff; color:#fff; font-family:'Myriad'; font-weight:800; letter-spacing:0.2em; } /* gray - line */
.btn-7:hover, .btn-7:focus { background-color:#e60012; border-color:#e60012; color:#fff; }
.btn-8 { background-color:#fff; border-color:#fff; color:#111; } /* 키컬러 - orange */
.btn-8:hover, .btn-8:focus { background-color:#e60012; border-color:#e60012; color:#fff; }
.btnA { min-width:100px; height:51px; line-height:49px; font-size:16px; padding:0 30px; font-weight:bold; border-radius:51px; }
.btnB { min-width:100px; height:51px; line-height:49px; font-size:16px; padding:0 45px; font-weight:bold; }
.btnC { min-width:100px; height:45px; line-height:43px; font-size:14px; padding:0 26px; font-weight:bold; border-radius:45px; }
.btnE { min-width:100px; height:52px; line-height:48px; font-size:13px; padding:0 28px; font-weight:bold; border-radius:52px; }
.csstransitions .btnA, .csstransitions .btnB, .csstransitions .btnC, .csstransitions .btnE { -webkit-transition: background 0.3s ease-out, border 0.3s ease-out; transition: background 0.3s ease-out, border 0.3s ease-out; }
.btnIco { border-width:0; }
.btnIco.i-more3, .btnIco.i-more4 { line-height:11px; font-size:16px; font-family:'Myriad'; font-weight:800; color:#111; } /* Etc */
.btnIco.i-view { font-size:15px; color:#111; font-weight:bold; }
/********** ICON **********/
.ico:before, .ico2:after, .icon, .ircom, .lnb .sub a:after { background-image:url(/static/home/img/index/ico.png); background-repeat:no-repeat; display:inline-block; vertical-align:middle; }
.ico:before, .ico2:after { content:''; }
.icon, .ircom { padding:0; margin:0; white-space:nowrap; font-size:1px; overflow:hidden; text-indent:-999px; color:transparent; line-height:0; }
/* ircom */
.ircom.logo { background-position:0 -50px; width: 158px; height: 46px; }
.trans .ircom.logo { background-position:0 0; }
.ircom.allmenu { background-position:-651px -50px; width: 50px; height: 24px; margin-bottom:3px; }
.trans .ircom.allmenu { background-position:-651px 0; }
button:hover .ircom.allmenu { background-position:-651px -25px; }
button.active .ircom.allmenu { background-position:-706px -50px; width: 73px; height: 12px; margin-bottom:0; }
button.active:hover .ircom.allmenu, button.active:focus .ircom.allmenu { background-position:-706px -25px; }
.ircom.home { background-position:-583px 0; width: 23px; height: 11px; }
.ircom.share { background-position:-583px -50px; width: 65px; height: 17px; }
.ircom.share:hover, .ircom.share:focus, .ircom.share.active { background-position:-788px -25px; }
.ircom.facebook { background-position:-463px 0; width: 30px; height: 30px; }
.ircom.facebook:hover, .ircom.facebook:focus { background-position:-463px -50px; }
.ircom.kakao { background-position:-503px 0; width: 30px; height: 30px; }
.ircom.kakao:hover, .ircom.kakao:focus { background-position:-503px -50px; }
.ircom.urlcopy { background-position:-543px 0; width: 30px; height: 30px; }
.ircom.urlcopy:hover, .ircom.urlcopy:focus { background-position:-543px -50px; }
/* ico:before */
.i-gnb1:before, .isOpenLifeIn .i-gnb1.active:before { background-position:-183px -50px; width: 26px; height: 23px; } /* black */
.trans .i-gnb1:before, .isOpenLifeIn .trans .i-gnb1:before { background-position:-183px 0; } /* white */
.i-gnb1.active:before, .i-gnb1:hover:before, .i-gnb1:focus:before, .isOpenLifeIn .i-gnb1:hover:before, .isOpenLifeIn .i-gnb1:focus:before { background-position:-183px -25px; } /* hover */
.i-gnb2:before { background-position:-213px -50px; width: 23px; height: 23px; } /* black */
.trans .i-gnb2:before { background-position:-213px 0; } /* white */
.i-gnb2.active:before, .i-gnb2:hover:before, .i-gnb2:focus:before { background-position:-213px -25px; } /* hover */
.i-kor2:before { background-position:-393px 0; width: 22px; height: 16px; }
.i-eng2:before { background-position:-393px -20px; width: 22px; height: 15px; }
.i-chn2:before { background-position:-393px -40px; width: 22px; height: 15px; }
.i-src2:before { background-position:-243px -77px; width: 19px; height: 18px; } /* ì œí’ˆê²€ìƒ‰ */
.i-reset:before { background-position:-273px -77px; width: 18px; height: 18px; } /* ì œí’ˆìž¬ê²€ìƒ‰ */
.i-closepop:before { background-position:-616px -34px; width: 12px; height: 11px; } /* íŒì—… 닫기 : small black */
.i-closepop:hover:before, .i-closepop:focus:before { background-position:-706px -25px; }
.i-download:before { background-position:-140px -100px; width: 14px; height: 13px; }
.btn-1.i-download:before, .btn-2.i-download:before, .btn-5.i-download:hover:before, .btn-8.i-download:hover:before, .btn-5.i-download:focus:before, .btn-8.i-download:focus:before { background-position:-160px -100px; }
.i-download3:before { background-position:-300px -100px; width: 16px; height: 13px; }
.i-more2:before { background-position:-180px -100px; width: 14px; height: 14px; }
.i-more2:hover:before, .i-more2:focus:before, a:hover .i-more2:before, a:focus .i-more2:before { background-position:-200px -100px; }
.i-pdf:before { background-position:-220px -100px; width: 16px; height: 16px; }
.i-nodata:before { background-position:0 -140px; width: 80px; height: 80px; }
.i-rnd1:before { background-position:-437px -100px; width: 76px; height: 77px; }
.i-rnd2:before { background-position:-517px -100px; width: 76px; height: 77px; }
.i-rnd3:before { background-position:-597px -100px; width: 76px; height: 77px; }
.i-rnd4:before { background-position:-677px -100px; width: 76px; height: 77px; }
.i-check:before { background-position:0 -225px; width: 80px; height: 80px; }
.i-title1:before { background-position:0 -100px; width: 30px; height: 30px; } /* 타ì´í‹€ ì•„ì´ì½˜ */
.i-title2:before { background-position:-40px -100px; width: 30px; height: 30px; } /* 타ì´í‹€ ì•„ì´ì½˜ */
.i-title3:before { background-position:-80px -100px; width: 30px; height: 30px; } /* 타ì´í‹€ ì•„ì´ì½˜ */
.i-title4:before { background-position:-85px -205px; width: 26px; height: 29px; } /* 타ì´í‹€ ì•„ì´ì½˜ */
.active .i-title4:before, .active.i-title4:before { background-position:-115px -205px; }
.i-title5:before { background-position:-145px -205px; width: 26px; height: 29px; } /* 타ì´í‹€ ì•„ì´ì½˜ */
.active .i-title5:before, .active.i-title5:before { background-position:-175px -205px; }
.i-more4:before { background-position:-400px -100px; width: 32px; height: 32px; }
.i-exmark:before { background-position:-308px -123px; width: 14px; height: 14px; margin:0 4px 4px 0; }
.i-exmark2:before { background-position:-346px -122px; width: 15px; height: 16px; margin:0 2px 4px 0; }
.i-time:before { background-position:-327px -123px; width: 14px; height: 14px; margin:0 7px 0 0; }
.i-logo:before { background-position:-85px -244px; width: 139px; height: 41px; }
.i-mail:before { background-position:-229px -244px; width: 18px; height: 14px; margin:0 8px 4px 0; }
.i-tip:before { background-position:-866px -50px; width:34px; height:34px; }
.i-tip:focus:before, .i-tip:hover:before { background-position:-827px -50px; }
.stateTip .i-tip:before { background-position:-788px -50px; }
/* ico2:after */
.i-src:after { background-position:-243px -50px; width: 19px; height: 23px; } /* black */
.i-src.active:after { background-position:-243px -25px !important; } /* orange - X */
.trans .i-src:after, .i-src:hover:after, .i-src:focus:after { background-position:-243px 0; } /* white */
.i-more:after { background-position:-120px -100px; width: 16px; height: 8px; margin-left:17px; }
.i-prevTxt:after { background-position:-120px -120px; width: 6px; height: 3px; }
.i-nextTxt:after { background-position:-120px -127px; width: 6px; height: 3px; }
.i-sub:after { background-position:-583px -20px; width: 6px; height: 3px; }
.i-arrow:after { background-position:-85px -140px; width: 17px; height: 11px; }
.active .i-arrow:after, .active.i-arrow:after { background-position:-85px -155px; }
.i-play:after { background-position:-744px -251px; width: 128px; height: 128px; }
a:hover .i-play:after, a:focus .i-play:after, button:hover .i-play:after, button:focus .i-play:after { background-position:-611px -251px; }
.i-more3:after { background-position:-231px -120px; width: 6px; height: 8px; }
.i-view:after { background-position:-206px -205px; width:24px; height:24px; }
.i-view.active { color:#e60012; }
.i-view.active:after { background-position:-235px -205px; }
.i-scroll:after { background-position:-417px -241px; width: 116px; height: 22px; }
/* icon */
.i-kor { background-position:-273px -50px; width: 32px; height: 23px; } /* black */
.trans .i-kor { background-position:-273px 0; } /* white */
.active.i-kor, .active .i-kor, .i-kor:hover, .i-kor:focus { background-position:-273px -25px; } /* orange */
.i-eng { background-position:-313px -50px; width: 30px; height: 23px; } /* black */
.trans .i-eng { background-position:-313px 0; } /* white */
.active .i-eng { background-position:-313px -25px; } /* orange */
.i-chn { background-position:-353px -50px; width: 31px; height: 23px; } /* black */
.trans .i-chn { background-position:-353px 0; } /* white */
.active .i-chn { background-position:-353px -25px; } /* orange */
.i-closepop2 { background-position:-616px 0; width: 30px; height: 29px; } /* íŒì—… 닫기 : Big White */
.i-new { background-position:-240px -100px; width: 15px; height: 15px; margin-top:-3px; } /* ê²Œì‹œíŒ new */
.i-download2 { background-position:-563px -195px; width: 32px; height: 32px; }
.i-download2:hover, .i-download2:focus { background-position:-600px -195px; }
.i-pagFirst { background-position:-130px -120px; width: 11px; height: 9px; }
.i-pagFirst:hover, .i-pagFirst:focus { background-position:-180px -120px; }
.i-pagPrev { background-position:-145px -120px; width: 6px; height: 9px; }
.i-pagPrev:hover, .i-pagPrev:focus { background-position:-195px -120px; }
.i-pagNext { background-position:-155px -120px; width: 6px; height: 9px; }
.i-pagNext:hover, .i-pagNext:focus { background-position:-205px -120px; }
.i-pagLast { background-position:-165px -120px; width: 11px; height: 9px; }
.i-pagLast:hover, .i-pagLast:focus { background-position:-215px -120px; }
.i-search { background-position:-320px -100px; width: 21px; height: 20px; }
.i-pdf2, .ico.i-pdf2:before { background-position:-346px -100px; width: 22px; height: 22px; }
.i-mp3, .ico.i-mp3:before { background-position:-373px -100px; width: 22px; height: 22px; }
.i-slidePrev { background-position:-177px -140px; width: 60px; height: 60px; }
.i-slidePrev:hover, .i-slidePrev:focus { background-position:-242px -140px; }
.i-slideNext { background-position:-307px -140px; width: 60px; height: 60px; }
.i-slideNext:hover, .i-slideNext:focus { background-position:-372px -140px; }
.stockUp .i-stock { background-position:-242px -120px; width: 14px; height: 11px; }
.stockDw .i-stock { background-position:-261px -120px; width: 14px; height: 11px; }
.stockUp .i-stock2 { background-position:-280px -120px; width: 9px; height: 7px; }
.stockDw .i-stock2 { background-position:-294px -120px; width: 9px; height: 7px; }
.stockUp.ty2 .i-stock { background-position:-547px -195px; width: 11px; height: 19px; margin-top:-2px; }
.stockDw.ty2 .i-stock { background-position:-547px -217px; width: 11px; height: 19px; margin-top:-2px; }
.stockUp.ty2 .i-stock2 { background-position:-534px -195px; width: 8px; height: 13px; margin-top:-2px; }
.stockDw.ty2 .i-stock2 { background-position:-534px -223px; width: 8px; height: 13px; margin-top:-2px; }
.i-s-prev { background-position:-177px -140px; width: 60px; height: 60px; }
.i-s-prev:hover, .i-s-prev:focus, button:hover .i-s-prev, button:focus .i-s-prev { background-position:-242px -140px; }
.i-s-next { background-position:-307px -140px; width: 60px; height: 60px; }
.i-s-next:hover, .i-s-next:focus, button:hover .i-s-next, button:focus .i-s-next { background-position:-372px -140px; }
.i-s-prev2 { background-position:-351px -205px; width: 31px; height: 31px; }
.i-s-prev2:hover, .i-s-prev2:focus, button:hover .i-s-prev2, button:focus .i-s-prev2 { background-position:-392px -205px; }
.i-s-next2 { background-position:-269px -205px; width: 31px; height: 31px; }
.i-s-next2:hover, .i-s-next2:focus, button:hover .i-s-next2, button:focus .i-s-next2 { background-position:-310px -205px; }
.i-s-prev3 { background-position:-437px -195px; width: 42px; height: 41px; opacity:1; filter:alpha(opacity=100); }
.slick-disabled .i-s-prev3, .slick-hidden .i-s-prev3 { opacity:0.2; filter:alpha(opacity=20); }
.i-s-next3 { background-position:-487px -195px; width: 42px; height: 41px; opacity:1; filter:alpha(opacity=100); }
.slick-disabled .i-s-next3, .slick-hidden .i-s-next3 { opacity:0.2; filter:alpha(opacity=20); }
.i-play2 { background-position:-165px -296px; width:128px; height:129px; }
.i-error { background-position:-85px -300px; width:70px; height:70px; }
/********** Error **********/
.hFull { height:100%; overflow:hidden; }
.errorWrap { position:relative; background-color:#fafafa; height:100%; }
.errorWrap .msg { position:absolute; left:50%; top:50%; margin:-140px 0 0 -204px; text-align:center; }
.errorWrap .msg dt { font-size:20px; color:#111; font-weight:bold; }
.errorWrap .msg .i-error { display:block; margin:0 auto 26px; }
.errorWrap .msg dd { margin:14px 0 0; }
.errorWrap .msg dd.btns { margin-top:34px; }
/* Slide Type --------------------------- */
.slick-slider { display: block; box-sizing: border-box; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-touch-callout: none; -khtml-user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent; }
.slick-list { position: relative; display: block; overflow: hidden; margin: 0; padding: 0; }
.slick-list:focus { outline: none; }
.slick-list.dragging { cursor: pointer; cursor: hand; }
.slick-slider .slick-track, .slick-slider .slick-list { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
.slick-track { position: relative; top: 0; left: 0; display: block; }
.slick-track:before, .slick-track:after { display: table; content: ''; }
.slick-track:after { clear: both; }
.slick-loading .slick-track { visibility: hidden; }
.slick-slide { display: none; float: left; height: 100%; min-height: 1px; }
[dir='rtl'] .slick-slide { float: right; }
.slick-slide.slick-loading img { display: none; }
.slick-slide.dragging img { pointer-events: none; }
.slick-initialized .slick-slide { display: block; outline:0; }
.slick-loading .slick-slide { visibility: hidden; }
.slick-vertical .slick-slide { display: block; height: auto; border:0; }
.slick-arrow.slick-hidden, .slick-arrow.slick-disabled { cursor:default; } /* 추후 변경 */
.slideList:after { content:''; clear:both; display:block; }
.slideBtn button { display:inline-block; position:absolute; }
.slideBtn .btnPlay { display:none; }
.slick-dots { text-align:center; width:100%; }
.slick-dots li { display:inline; }
.slick-dots button { position:static !important; overflow:hidden; white-space:nowrap; text-indent:-100px; border-radius:100%; text-align:left; width:6px; height:6px; margin:0 8px; background:#999; }
.slick-dots button.pagerItem { overflow:visible; text-indent:0; border-radius:0; margin:0; }
.slick-dots .slick-active button { background:#e60012; }
.slideList { position:relative; }
.slideList.case1 { width:1200px; margin:0 auto; color:#fff; color:rgba(255,255,255.0.9); }
.slideList.case1 .slick-list { overflow:visible; }
.slideList.case1 .slide { width:1200px; height:550px; margin-left:40px; }
.slideList.case1 .slide:first-child { margin-left:0; }
.slideList.case1 .inner { position:relative; width:99%; max-width:99%; top:20px; padding:0 136px; opacity:0; box-sizing:border-box; }
.csstransitions .slideList.case1 .inner { -webkit-transition: all 0.3s ease-out 0.6s; transition: all 0.3s ease-out 0.6s; }
.slideList.case1 .mid:before { margin-right:-1px; }
.slideList.case1 .btnPrev { left:38px; top:245px; }
.slideList.case1 .btnNext { right:38px; top:245px; }
.slideList.case1 .slick-dots { margin-top:37px; }
.slideList.case1 .slick-active .inner { top:0; opacity:1; }
.loadingAni { position:fixed; left:0; top:0; right:100%; bottom:100%; z-index:1000; overflow:hidden; background:#fff; background-color:rgba(255,255,255,0); opacity:0; }
.loadingAni.visible { right: 0; bottom: 0; background-color:rgba(255,255,255,0.7); opacity:1; }
.loadingAni .ani { position:fixed; left:50%; top:50%; margin:-20px 0 0 -105px; z-index:1001; width: 0; height: 0; overflow:hidden; white-space:nowrap; text-indent:-999px; background:url("../images/common/loading.gif") 0 0 no-repeat; }
.loadingAni.visible .ani { width: 210px; height: 40px; }
.cssanimations .loadingAni { -webkit-transition: opacity 0.3s ease-out; transition: opacity 0.3s ease-out; }
.cssanimations .loadingAni .ani { background-image:url("../images/common/loading.png"); -webkit-animation: loadingAni 2.5s steps(84) infinite; -moz-animation: loadingAni 2.5s steps(84) infinite; -ms-animation: loadingAni 2.5s steps(84) infinite; -o-animation: loadingAni 2.5s steps(84) infinite; animation: loadingAni 2.5s steps(84) infinite; }
@-webkit-keyframes loadingAni { from { background-position:0 0; } to { background-position:0 -3360px; } }
@-moz-keyframes loadingAni { from { background-position:0 0; } to { background-position:0 -3360px; } }
@-ms-keyframes loadingAni { from { background-position:0 0; } to { background-position:0 -3360px; } }
@-o-keyframes loadingAni { from { background-position:0 0; } to { background-position:0 -3360px; } }
@keyframes loadingAni { from { background-position:0 0; } to { background-position:0 -3360px; } }
@media only screen and (max-width: 1520px) {
.contWrap {
width: auto;
margin: 0 40px;
}
}