@charset "utf-8";

body{opacity: 0;}
html.start body{  opacity: 1; }
html.start.fin body{ transition: 1s; }
.masking{position: fixed;width:100vw;height:100%;background:rgba(0,0,0,0);top: 98px;left: 0;z-index: -1;transition: .3s all;}
.masking.on{background: rgba(0,0,0,.5);z-index: 12;}

.wrap{width:100%;max-width: 1400px;float:left;margin:0 calc((100% - 1400px)/2);box-sizing: border-box;}
.contents .wrap.w1560{max-width: 1560px;margin:0 calc((100% - 1560px)/2);}

header{position:absolute;width: 100%;height:78.4px;background:url(/images/web/sub/gnb_back.png) center no-repeat;top: 0;left: 0;z-index: 13;}
header h1{display: inline-block;position: absolute;width: 156px;height: 45px;font-size:0;background: url(/images/web/sub/sub_ci.png) no-repeat center;top:32px;left: -196px;}

header h1 a{display:block;width: 100%;height: 100%;}
header .wrap{position:relative;height:100%;}
header > .wrap:before,
header > .wrap:after{position: absolute;display: inline-block;content:"";width:calc((100vw - 1400px)/2);background: #fff;top:0}
header > .wrap:before{height:15px;left: calc((1400px - 100vw)/2);}
header > .wrap:after{height:78.4px;right: calc((1400px - 100vw)/2);}

header .gnb{width: 100%;height: 100%;text-align: center;box-sizing: border-box;}


header .gnb .dep1{width:100%;height: 100%;padding:0 0 0 50px;box-sizing: border-box;}    
header .gnb .dep1 > li{width:14.28%;height: 100%;}
header .gnb .dep1 > li > a{display: block;position:relative;height: 100%;line-height: 85.6px;text-align:center;color:#152065;font-size: 1.25rem;font-weight: 600;padding:0;}
header .gnb .dep1 > li > a::after{content:"";width: 8px;height: 8px;background: url(/images/web/sub/gnbhover.svg) no-repeat center;border-radius: 100%;transform: translateX(-50%);left:50%;bottom:-10px;opacity:0;transition:.3s all;}
header .gnb .dep1 > li:hover > a::after,
header .gnb .dep1 > li.on > a::after{bottom: 14px;opacity: 1;}
header .gnb .dep1 > li > strong{display: none;position: absolute;width:20rem;text-align:left;word-break:break-all;color:#fff;font-size: 1.5rem;font-weight:400;padding: 1.875rem 0 0 0;transition:.3s all;top:136px;left:-200px;z-index: 6;opacity: 0;}
header .gnb .dep1 > li.on > strong{display:inline-block;opacity: 1;}
header .gnb .dep1 > li > strong::before{content:"";width: 42px;height: 2px;background: #fff;top:0;left:0;}
header .gnb .dep1 > li > .dep2{display:none;position: absolute;width: 100vw;height: auto;background: #454e82;padding: 0 calc((100vw - 1320px)/2) 4rem;transform: translateX(-50%);top: 78.4px;left: 50%;border-radius:0 0 80px 0;box-sizing: border-box;z-index: 5;}
header .gnb .dep1 > li > .dep2::before{content:"";width: 1px;height: calc(100% - 37px - 2rem);background:#fff;transform:translateX(-680px);top:37px;left:50%;opacity:50%;}
/* header .gnb .dep1 > li > .dep2::after{content:"";width:195px;height:195px;background: url(/images/web/sub/gnbillust.png) no-repeat center;top:47px;right:150px;z-index: -1;} */
header .gnb .dep1 > li > .dep2 > li{width: 20%;padding: 37px 16px 0;}
header .gnb .dep1 > li > .dep2 > li > a{display: inline-block;width: 232px;height: 40PX;text-align: center;color: #d4d8f2;font-size: 1.25rem;padding: 5px 0;border: 1px solid #8b9ecf;border-radius: 20px;transition: .3s all;}
header .gnb .dep1 > li > .dep2 > li:hover > a{color:#fff;background: #8b9ecf;border: 1px solid #8b9ecf;box-shadow: 0 10px 20px 0 rgba(0,0,0,.25);}

header .gnb .dep1 > li > .dep2 > li > .dep3{width: 100%;padding: 24px 10px 0;box-sizing: border-box;}
header .gnb .dep1 > li > .dep2 > li > .dep3 > li{width: 100%;text-align: left;margin: 0 0 8px;}
header .gnb .dep1 > li > .dep2 > li > .dep3 > li > a{position: relative;color: #fff;font-weight: 300;}
header .gnb .dep1 > li > .dep2 > li > .dep3 > li > a::after{content:"";width: 0;height: 12px;background:#4f70b5;bottom: -5px;left:-16px;border-radius: 6px;transition:.3s all;z-index: -1;}
header .gnb .dep1 > li > .dep2 > li > .dep3 > li:hover > a::after,
header .gnb .dep1 > li > .dep2 > li > .dep3 > li.on > a::after{width: calc(100% + 32px);}
header .gnb .dep4{display: none;}
header .gnb .dep5{display: none;}

header .srch{display:inline-block;position:absolute;width: 30px;height: 30px;top: 33.6px;right: 150px;transition: .3s all;}
header .srch button{display:block;width:100%;height:100%;font-size: 0;background:url(/images/web/sub/srch.png) no-repeat center;border:0;transition: .3s all;}
header .srch.fixOn{position:fixed;top:0.5rem}
header .srch.fixOn button{background:url(/images/web/sub/srch_w.png) no-repeat center;}

header .gnbBtn{position: absolute;width: 40px;height: 36px;top: 33.6px;right: 65px;transition: .3s all;}
header .gnbBtn a{display:block;position: relative;width: 100%;height: 100%;padding:18px 0 0;}
header .gnbBtn a::before,
header .gnbBtn a::after{content:"";width: 40px; height: 3px; background: #152065;left:0;transition: .3s all;}
header .gnbBtn a::before{top: 0;}
header .gnbBtn a::after{top: 13px;}
header .gnbBtn a span{line-height:1;color:#152065;font-size: 0.875rem;font-weight: 500;letter-spacing: -0.5px;transition: .3s all;}
header .gnbBtn.fixOn{position:fixed;top:0.5rem;}
header .gnbBtn.fixOn a span{color:#fff}
header .gnbBtn.fixOn a::before,
header .gnbBtn.fixOn a::after{background: #fff;}


.srchHead{display:none;position:fixed;width: 100vw;height:373px;background:#fff;top: 0;left: 0;z-index: 9999;background: #E2E2E0;}
.srchHead .wrap{position: relative;height: 100%;}
.srchHead .wrap > strong{display:inline-block;width:100%;line-height:1;color:#152065;font-size: 2.5rem;padding:63px 0 47px 340px;box-sizing:border-box;background:url(/images/web/sub/sub_ci_extra.jpg) no-repeat 30%; clip:rect(0,0,0,0); overflow: hidden; width: 1px; height: 1px; margin: -1px;}
.srchHead .wrap .mainsrch{width: 100%;margin: 0 0 1rem;}
.srchHead .wrap .mainsrch .selecBox{position: relative;width:340px;height: 108px;float: left;}
.srchHead .wrap .mainsrch .selecBox .selcbtn{position: absolute;width: 100px;height: 60px;color:#152065;font-size:1.47rem;background:transparent;border: 0;transform: translateY(-50%);top: 50%;right: 84px;}
.srchHead .wrap .mainsrch .selecBox .selcbtn::after{content:"";width: 20px;height: 11px;background: url(/images/web/sub/srchselec_head.png) no-repeat center;transform:translateY(-50%);right: -40px;top:50%;transition:.3s all;}
.srchHead .wrap .mainsrch .selecBox .selcbtn.on::after{transform:translateY(-50%) rotate(180deg);}
.srchHead .wrap .mainsrch .selecBox ul{display:none;position:absolute;width: 152px;padding:15px 10px 20px 30px;background:#fff;;border:1px solid #152065;border-radius:20px;top: 84px;right: 33px;}
.srchHead .wrap .mainsrch .selecBox ul li{width:100%;line-height: 30px;font-size: 1.25rem;}
.srchHead .wrap .mainsrch .selecBox ul li a{color:#152065;}
.srchHead .wrap .mainsrch form{position:relative;width: 782px;height: 108px;float: left;}
.srchHead .wrap .mainsrch form input[type="text"]{width:782px;height:108px;float:left;text-align:center;color:#152065;font-size:2.188rem;background:transparent;border:0;}
.srchHead .wrap .mainsrch form input[type="text"]::placeholder{color:#152065;font-size:1.625rem;}
.srchHead .wrap .mainsrch form .srchbtn{display: inline-block;position:absolute;width: 51px;height: 47px;font-size:0;background: url(/images/web/sub/srch_head.png) no-repeat center;border:0;cursor:pointer;top: 34px;right: 65px;}
.srchHead .wrap .mainsrch form::before,
.srchHead .wrap .mainsrch form::after{display: inline-block;position:absolute;content:"";width: 40px;height: 100%;border:1px solid #152065;}
.srchHead .wrap .mainsrch form::before{border-width:8px 0 8px 8px;top: 0;left: 0;}
.srchHead .wrap .mainsrch form::after{border-width:8px 8px 8px 0;top: 0;right: 0;}

.srchHead .wrap .mainsrch .tagBox{width:100%;height: 100%;float: left;padding: 30px 0 0 340px;box-sizing: border-box;}
.srchHead .wrap .mainsrch .tagBox strong{display:inline-block;line-height:1;float:left;color:#152065;font-size: 1.25rem;margin: 0 50px 0 9px;}
.srchHead .wrap .mainsrch .tagBox ul{list-style: decimal;}
.srchHead .wrap .mainsrch .tagBox ul li{color:#152065;margin: 0 24px 0 0;}
.srchHead .wrap .mainsrch .tagBox ul li:last-child{margin: 0;}
.srchHead .wrap .mainsrch .tagBox ul li a{color:#152065}



.headClose{position: absolute;bottom:-39px;right: 1.125rem;opacity: 0;transition: .3s all;}
.headClose a{display:inline-block;position:relative;width: 78px;height: 78px;float:left;font-size: 0;background:#152065;border-radius: 100%;}
.headClose.on{opacity: 1;}
.headClose a::before,
.headClose a::after{content:"";background: #fff;width: 40px;height: 3px;top:50%;left:50%;transition:.5s all;}
.headClose a::before{transform: translate(-50%,-50%) rotate(0);}
.headClose a::after{transform: translate(-50%,-50%) rotate(0);}
.headClose.on a::before{transform: translate(-50%,-50%) rotate(45deg);}
.headClose.on a::after{transform: translate(-50%,-50%) rotate(-45deg);}

.allMenu{display: none;position:absolute;width:100vw;height:0;overflow-x:hidden;background: #454e82;top: 0;right: -100vw;z-index: 999;transition: 1s all;}
.allMenu.on{display:inline-block;height:auto;right: 0;}
.allMenu .allclose{position: absolute;width: 45px;height: 57px;text-align: center;box-sizing: border-box;top: 38px;right: 2.5rem;z-index: 2;}
.allMenu .allclose::before,
.allMenu .allclose::after{content:"";width: 2.5rem;height: 3px;background: #fff;left: 2px;}
.allMenu .allclose::before{top: 0.875rem;transform: rotate(45deg);}
.allMenu .allclose::after{transform: rotate(-45deg);top: 0.875rem;}
.allMenu .allclose span{font-size: 0;}
.allMenu .allclose a{position:relative;width:100%;height:100%;line-height: 1;float: left;color:#fff;font-size: 0.875rem;font-weight: 500;padding: 36px 0 0;}
.allMenu .allLeft,
.allMenu .allRight{box-sizing: border-box;}
.allMenu .allLeft{width:100%;padding:1rem 2.5rem;}
.allMenu .allLeft > div{width:100%;float: right;}
.allMenu .allLeft strong,
.allMenu .allLeft p{width:100%;float: left;text-align: left;color:#fff;}
.allMenu .allLeft p br{display:none;}
.allMenu .allLeft strong{font-size: 3.125rem;font-weight: 500;margin: 0 0 0 0; width:210px;}
.allMenu .allLeft p{width:100%;font-size: 1.25rem;float:left;margin: 0 0 0 0;}
.allMenu .allRight{position:relative;width: 100%;padding:0 2.5rem;background: #fff;}
.allMenu .allRight::after{content:"";width: 30vw;height:100%;background:#fff;top: 0;right: -30vw;}
.allMenu .allRight > div{width:100%}
.allMenu .allRight li{width: 100%;}
.allMenu .allRight span,
.allMenu .allRight span a{display: inline-block;width: 100%;}
.allMenu .allRight .alldep1{width:100%;}
.allMenu .allRight .alldep1 > li{width:230px;min-height: 570px;margin:0 30px 0 0;}
.allMenu .allRight .alldep1 > li > span{width:230px;height:103px;line-height:103px;text-align:center;color:#152065;font-size: 1.625rem;font-weight:500;border-bottom:2px solid #454e82;}

.allMenu .allRight .alldep2{padding: 32px 0; width:230px;}
.allMenu .allRight .alldep2 > li{}
.allMenu .allRight .alldep2 > li > span{height: 50px;margin: 0 0 10px;box-sizing: border-box}
/* .allMenu .allRight .alldep2 > li:last-child > span{margin: 0;} */
.allMenu .allRight .alldep2 > li > span a{position:relative;color: #3246b5;font-size: 1.25rem;font-weight: 500;padding: 10px 18px;transition: .3s all;}
.allMenu .allRight .alldep2 > li > span a::before{content:"";width: 100%;height: 100%;border: 1px solid #d4d8f2;border-width:1px;top:0;left:0;transition: .1s all;}
.allMenu .allRight .alldep2 > li > span a:hover::before,
.allMenu .allRight .alldep2 > li > span a:focus::before{border-width: 3px;}


.allMenu .allRight .alldep3{padding: 0 0 0.25rem 1rem;}
.allMenu .allRight .alldep3 > li > span{position:relative;width: 100%;padding: 0 0 0 18px;margin: 0 0 18px;box-sizing: border-box;}
.allMenu .allRight .alldep3 > li > span::before{content:"";width: 6px;height: 6px;background: #3246b5;border-radius: 100%;top:10px;left:0;}
.allMenu .allRight .alldep3 > li > span a{font-size: 1.125rem;font-weight: 500;}

.allMenu .allRight .alldep4{width: 100%;padding:0 0 0 36px;margin: 0 0 30px;}
.allMenu .allRight .alldep4 > li {width:100%;height: 36px;}
.allMenu .allRight .alldep4 > li a{display:block;width:100%;height: 100%;line-height: 36px;border:1px solid #e1e1e1;border-width: 0 0 1px;}

#container{width: 100%;float: left;}

.mainTab{width:100%;height:230px;background: #152065;}
.mainTab .wrap{position:relative;height: 100%;padding:65px 0 0}
.mainTab ol{width: 100%;height: 100%;}
.mainTab ol > li{width: 25%;height:100%;text-align: center;padding:30px;box-sizing: border-box;transition: .3s all;}
.mainTab ol > li h2{}
.mainTab ol > li a{display:block;width:100%;height:100%;color:#fff;font-size: 1.5rem;font-weight: 400;padding: 70px 0 0;transition:.3s all;}
.mainTab ol > li:hover a,
.mainTab ol > li.on a{color:#00d1ff}
.mainTab ol > .assesnts a{background: url(/images/web/main/assesnts.png) no-repeat center 18px;}
.mainTab ol > .assesnts:hover a,
.mainTab ol > .assesnts.on a{background: url(/images/web/main/assesnts_on.png) no-repeat center 18px;}
.mainTab ol > .de100 a{background: url(/images/web/main/110de.png) no-repeat center 18px;}
.mainTab ol > .de100:hover a,
.mainTab ol > .de100.on a{background: url(/images/web/main/110de_on.png) no-repeat center 18px;}
.mainTab ol > .sched a{background: url(/images/web/main/sched.png) no-repeat center 18px;}
.mainTab ol > .sched:hover a,
.mainTab ol > .sched.on a{background: url(/images/web/main/sched_on.png) no-repeat center 18px;}
.mainTab ol > .committ a{background: url(/images/web/main/committ.png) no-repeat center 18px;}
.mainTab ol > .committ:hover a,
.mainTab ol > .committ.on a{background: url(/images/web/main/committ_on.png) no-repeat center 18px;}
.mainTab .tabarrw{position:absolute;width: 49px;height: 31px;background: url(/images/web/main/tabarrw.png) no-repeat center;bottom:-24px;z-index: 1;}

.subVisual{position: relative;width: 100%;height: 160px;overflow:hidden;background: #454e82;transition: .3s all;}
.subVisual .wrap{position: relative;height: 100%;}
.subVisual h2{position:absolute;color:#fff;/*font-size:3.125rem;*/font-size:1.84rem;font-weight:400;transform: translate(-50%,-50%); top:calc(50% + 39.2px); left: 50%;}
.subVisual h2::before,
.subVisual h2::after{content:"";z-index: -1;opacity: 0;}
.subVisual h2::before{width: 36px;height: 36px;background: #899dce;border-radius:100%;bottom: -3px;left: -79px;}
.subVisual h2::after{width: 120%;height: 36px;background: linear-gradient(to right, #8b9ecf 0% ,rgba(139,158,207,0) 100%);border-radius: 18px;bottom: -3px;left: -29px;}
.start .subVisual h2::before{animation: 1s ease-in-out 1.8s 1 forwards h201}
.start .subVisual h2::after{animation: 1s ease-in-out 2.5s 1 forwards h202}

@keyframes h201{
    0% {opacity: 0;}
    100% {opacity: 1;}
}
@keyframes h202{
    0% {width:0%;opacity: 0;}
    100% {width:120%;opacity: 1;}
}


.subVisual .svO1,
.subVisual .svO2{display:none;position: absolute;opacity: 0;}
.subVisual .svO1{width:218px;height:218px;background: url(/images/web/sub/sv01.png) no-repeat center;top:155px;left: 41px;}
.subVisual .svO2{width:331px;height:241px;background: url(/images/web/sub/sv02.png) no-repeat center;bottom:69px;right: 77px;}
.start .subVisual .svO1{animation: 1.1s ease-in-out 0.2s 1 forwards svo1}
.start .subVisual .svO2{animation: 1.3s ease-in-out 0.7s 1 forwards svo2}

@keyframes svo1{
    0% {top:255px;opacity: 0;}
    100% {top:155px;opacity: 1;}
}
@keyframes svo2{
    0% {bottom:169px;opacity: 0;}
    100% {bottom:69px;opacity: 1;}
}

.navWrap{position:relative;width: 100%; height: 50.4px;background: #152065;z-index: 12;}
.navWrap.fixOn{position: fixed;top: 0;left: 0;z-index: 11;}
/* .navWrap::after{display:inline-block;position: absolute;content:"";width: 15vw;height: 73px;background: #fff;right: 0;bottom: 0;} */
.navWrap .wrap{position:relative;height: 100%;}
.navWrap .nav{position: relative;width: 100%;height: 100%;padding: 0 0 0 58px;box-sizing: border-box;}
.navWrap .nav > li{position: relative;width:280px;height: 100%;border:1px solid rgba(255,255,255,.1);border-width:0 0 0 1px;z-index: 1;}
.navWrap .nav > .goMain{position: absolute;width:58px;font-size: 0;top: 0;left: 0;}
.navWrap .nav > .goMain a{font-size:0;background: url(/images/web/sub/home.png) no-repeat center;}
.navWrap .nav > .weHere{}
.navWrap .nav > li a{display:block;position:relative;height:100%;line-height:50.4px;color:#fff;font-size: 1.125rem;padding:0 20px;transition:.3s all;}
@media screen and (min-width:1500px) {.navWrap .nav > li:not(.goMain) > a::after{content:'▼'; right:25px;}}
.navWrap .nav > li:not(.goMain) > a.on::after{display:inline-block;position: absolute;content:"";width: 8px;height: 12px;background: url(/images/web/sub/navarrw2.png) no-repeat center;transform:translateY(-50%) rotate(270deg);top:50%;right: 25px;transition:.3s all;}
/* .navWrap .nav > li:last-child > a::after{display:none;} */
.navWrap .nav > li:not(.goMain) > a.on,
.navWrap .nav > li.lock:not(.goMain) > a{color:#152065;background: #fff;border:1px solid #b8bcd0;border-width: 1px 1px 0}
.navWrap .nav > li > a:hover::after,
.navWrap .nav > li > a:focus::after,
.navWrap .nav > li:last-child > a:hover::after,
.navWrap .nav > li:last-child > a:focus::after,
.navWrap .nav > li.lock:not(.goMain) > a::after{display:inline-block;background: url(/images/web/sub/navarrw2.png) no-repeat center;}
.navWrap .nav > .weHere > a{color:#00d1ff;font-weight: 600;}
.navWrap .nav > li > ul{display: none;position:absolute;width: 100%;background: #fff;border:1px solid #b8bcd0;border-width: 0px 1px 1px;box-shadow:5px 5px 10px 0 rgba(0,0,0,.1);top:100%;z-index: 1;}
.navWrap .nav > li > ul > li{width: 100%;cursor: pointer;}
.navWrap .nav > li > ul > li > a{display: inline-block;width: 100%;height: 100%;}
.navWrap .nav > li > ul > li > a > span{position:relative;display:inline-block;color:#152065;font-weight: 400;}
.navWrap .nav > li > ul > li:not(.on) > a > span::before{content:"";width: 0;height: 14px;background:rgba(0,209,255,.3);border-radius: 7px;bottom:20px;left:-5px;transition:.3s all;z-index: -1;}
.navWrap .nav > li > ul > li:not(.on):hover,
.navWrap .nav > li > ul > li:not(.on):focus{background: url(/images/web/sub/nav_on.png) no-repeat 95% center;}
.navWrap .nav > li > ul > li:not(.on):hover a > span::before,
.navWrap .nav > li > ul > li:not(.on) a:focus > span::before{width: calc(100% + 10px);}
.navWrap .nav > li > ul > li:not(.on) a.here > span::before{width: calc(100% + 10px);}

.navWrap .navUtil{display: none;}
/* .navWrap .navUtil{position: absolute;width:507px;height: 73px;padding: 24px 100px 5px;background:url(/images/web/sub/nav_right.png) no-repeat center;bottom:0;right:-243px;}
.navWrap .navUtil > li{width: 44px;height: 44px;float:left;margin:0 11px 0;background:#ecedf2;border-radius: 100%;;}
.navWrap .navUtil > li:last-child{margin: 0;}
.navWrap .navUtil > li a{display:block;width: 100%;height: 100%;font-size: 0;}
.navWrap .navUtil > .n_prnt a{background: url(/images/web/sub/prnt.png) no-repeat center;}
.navWrap .navUtil > .n_shar a{background: url(/images/web/sub/share.png) no-repeat center;} */

.contents{width: 100%;min-height: 900px;}
.subb .contents{padding: 10px 0 0;}
.contents .wrap{position: relative;margin:0 calc((100% - 1400px)/2) 130px;}

.contents .goTop{position:fixed;width: 50px;height: 50px;background: #454e82;border-radius: 100%;transition:.3s all;bottom:17rem;right:65px;z-index:10;opacity: 0;}
.contents .goTop.on{bottom:18.5rem;opacity: 1;}
.contents .goTop a{display: block;width: 100%;height: 100%;font-size:0;background: url(/images/web/sub/goTop.png) no-repeat center;}

footer{display:inline-block;width:100%;height:269px;float:left;color:#fff;background:#152065;}
footer a{color:#fff;}
footer a:hover{color:#fff;}
footer .wrap{position:relative;height:100%;padding: 0 0 0 317px;}
footer .ftTop,
footer .ftBttm{width: 100%;box-sizing: border-box;}
footer .ftTop{height:78px;border:1px solid rgba(255,255,255,.5);border-width:0 0 1px;}
footer .ftTop ul{height: 100%;}
footer .ftTop ul > li{position:relative;height: 100%;padding:0 50px 0 0;}
footer .ftTop ul > li::after{display:inline-block;position: absolute;content:"";width: 3px;height: 3px;background: #fff;top:48%;right:23px;}
footer .ftTop ul > li:last-child{padding:0;}
footer .ftTop ul > li:last-child::after{display:none;}
footer .ftTop ul > li a{line-height: 78px;font-size: 1rem;font-weight: 200;}
footer .ftTop ul > li:nth-child(2) a{color:#00d1ff}

footer .ftBttm{}
footer .ftBttm .wrap{padding: 42px 0 0 317px;margin: 0 calc((100% - 1400px)/2);}
footer .ftBttm strong{display:inline-block;position:absolute;width: 184px;height: 59px;background: url(/images/web/sub/bttm_ci.png) no-repeat center;top:30px;left: 5px;}
footer .ftBttm strong a{display:block;width:100%;height:100%;font-size: 0;}
footer .ftBttm .txt{}
footer .ftBttm .txt ul{width: calc(100% - 8.5rem); margin: 0 1rem 0 0;}
footer .ftBttm .txt ul > li{}
footer .ftBttm .txt ul > li p{line-height: 1.6;font-weight: 200;}
footer .ftBttm .txt ul .attn{padding: 0 0 0 0;}
footer .ftBttm .txt .waMark{position:relative;width: 7.5rem;height: 5.1875rem;background: no-repeat center;background-size: 120px 83px;}
footer .ftBttm .txt .waMark span{display:inline-block;width:0;height:0;overflow:hidden;font-size: 0;}

#main-container{float:left;overflow:hidden;}