@charset "utf-8";
body.main{
position: relative;
}

.aa{font-family: 'Noto Sans KR', sans-serif !important;}

/* container */
.container{position: relative;top: -110px;width: 100%;z-index: 1;box-sizing: border-box;}
.section-1f{margin: 0 auto;padding-top: 110px;width: 100%;height: 665px;
/* background: linear-gradient(45deg, #5c3ab2, #474aa7, #333588); */
/* background: linear-gradient(45deg, #333399,#5533bb,#334499,#5544aa, #4444aa,#333388); */
background: #5533bb; /* Old browsers */
background: -moz-linear-gradient(45deg, #5533bb 0%, #5533aa 25%, #4444aa 26%, #4444aa 26%, #4444aa 31%, #5544aa 34%, #5544aa 38%, #4444aa 39%, #4444aa 57%, #444499 60%, #444499 69%, #334499 70%, #334499 77%, #333399 79%, #333399 89%, #333388 91%, #333388 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(45deg, #5533bb 0%,#5533aa 25%,#4444aa 26%,#4444aa 26%,#4444aa 31%,#5544aa 34%,#5544aa 38%,#4444aa 39%,#4444aa 57%,#444499 60%,#444499 69%,#334499 70%,#334499 77%,#333399 79%,#333399 89%,#333388 91%,#333388 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(45deg, #409e9e 0%,#5533aa 18%,#4444aa 25%,#4444aa 27%,#4444aa 30%,#5544aa 47%,#5544aa 42%,#4444aa 39%,#4444aa 57%,#444499 60%,#444499 64%,#334499 70%,#334499 71%,#333399 79%,#333399 81%,#333388 88%,#11114e 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5533bb', endColorstr='#333388',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
color: #fff;transition: 0.3s linear;}
.section-2f{position: relative;margin: 70px auto;width: 1024px;height: 468px;}
.section-3f{margin: 0 auto;width: 1024px;text-align: center;}

/* main section style :: 1f */
.section-1f  .inner{margin: 0 auto;width: 1024px;}/*    background: url(../images/images/header_bg.png) -3% 0; */
.section-1f .main-visual { position: relative; padding-top: 70px; }
.section-1f .main-copy{position: relative;float: left;margin-top: 55px;line-height: 65px;letter-spacing: -1px;}
.section-1f .main-copy .point_img{position: absolute;right: -35px;top: 60px;}
.section-1f .main-copy > p{font-size: 43px;}
.section-1f .main-copy > p:first-child{background: none;}
.section-1f .main-copy > p:last-child{background: none;}
.section-1f .main-copy > p.st{line-height: 70px;font-size: 20px;font-style: italic;letter-spacing: 0;}
.section-1f .main-copy > span{line-height: 35px;font-size: 20px;font-style: italic;letter-spacing: 0;}
.section-1f .banner-wrap{float: right;width: 510px;padding-top: 60px;}
.section-1f .main-sns{float: left;height: 40px;margin-top: 330px;margin-left: -250px;padding: 0 16px;background: rgba(59, 43, 117, 0.4);color: #fff;}
.section-1f .main-sns p{display: inline-block;margin-right: 18px;float: left;line-height: 40px;font-weight: bold;font-size: 13px;}
.section-1f .main-sns a{display: inline-block;float: left;width: 25px;}
.section-1f .main-sns a img{margin-top: 12px;width: 16px;}

.section-1f .banner-wrap > div > i{opacity: 0.6;text-shadow: #ccc 1px 3px 2px;color: #fff;transition: 0.3s linear;}
.section-1f .banner-wrap > div > i:hover{opacity: 1;color: #ffc349;}

/* main section style :: 2f */
.section-2f .aw-main-con-list{position: absolute;display: inline-flex;flex-direction: row;width: 100%;flex-wrap: wrap;justify-content: space-between;/* background: #5c3ab2; */}
.section-2f .aw-main-con-list > div{flex:0 0 26.43%;line-height: 55px;background:#fff;border: 3px solid #e7e7e7;border-bottom: none;color: #444;font-size: 17px;font-weight: 700;text-align: center;transition: all 0.2s linear;}
.section-2f .aw-main-con-list > div:nth-child(odd){margin-right: 12%;}
.section-2f .aw-main-con-list > div:nth-child(15){border-bottom: 3px solid #e7e7e7;}
.section-2f .aw-main-con-list > div:last-child{border-bottom: 3px solid #e7e7e7;}
.section-2f .aw-main-con-list > div:hover{background: #5c3ab2;border-left-color: #5c3ab2;border-right-color: #e7e7e7;transition: all 0.2s linear;-webkit-transition: all 0.2s linear;-moz-transition: all 0.2s linear;-ms-transition: all 0.2s linear;-o-transition: all 0.2s linear;}
.section-2f .aw-main-con-list > div:nth-child(odd):hover{border-left-color: #e7e7e7;border-right-color: #5c3ab2;}
.section-2f .aw-main-con-list > div:hover a{color: #fff;}
.section-2f .aw-main-con-list > div.active{border-right-color: #e7e7e7;border-left-color: #5c3ab2;}
.section-2f .aw-main-con-list > div.active:nth-child(odd){border-right-color: #5c3ab2;border-left-color: #e7e7e7;}
.section-2f .aw-main-con-list > div.active a{background: #5c3ab2;color: #fff;}
.section-2f .aw-main-con-list > div > a{display: inline-block;width: 100%;height: 100%;line-height: 55px;text-align: center;}
.section-2f .aw-main-con-list .mainCon.active, .section-2f .aw-main-con-list .mainCon:focus{background: #5c3ab2;}
.section-2f .aw-main-con-list .mainCon.active a, .section-2f .aw-main-con-list .mainCon:focus a{color: #fff;}

.section-2f .aw-main-con-link-box{position: absolute;top: 0;right: 270px;width: 484.34px;height: 467px;background: #5c3ab2;border-top: 3px solid #e7e7e7;border-bottom: 3px solid #e7e7e7;color: #fff;text-align: center;}
.section-2f .aw-main-con-link-box > div{transition: all 0.5s cubic-bezier(0.24, 0.65, 0.82, 0.6);}
.section-2f .aw-main-con-link-box h4{margin-top: 65px;font-size: 35px;font-weight: bold;}
.section-2f .aw-main-con-link-box a{display: inline-block;color: #fff;}
.section-2f .aw-main-con-link-box a.con-link-btn{margin-top: 18px;width: 230px;line-height: 45px;background: #e07415 !important;font-weight: bold;font-size: 17px;}
.section-2f .aw-main-con-link-box p{margin-top: 36px;line-height: 32px;}
.section-2f .aw-main-con-link-box a.con-link-btn-detail{margin: 10px 20px;width: 130px;line-height: 44px;background: #6d68ce !important;}

#mainCon0,#mainCon1,#mainCon14,#mainCon15{position: relative;}
#mainCon0::before,#mainCon1::before,#mainCon14::before,#mainCon15::before{position: absolute;width: 3px;height: 3px;background: #e7e7e7;content: '';}
#mainCon0::before{top: -3px;right: -2px;}
#mainCon1::before{top: -3px;left: -2px;}
#mainCon14::before{bottom: -3px;right: -2px;}
#mainCon15::before{bottom: -3px;left: -2px;}

/* main section style :: 3f */
.section-3f h3{margin-top: 70px;color: #363636;font-size: 40px;font-weight: 900;letter-spacing: 2px;}
.section-3f > span{color: #555;}
.section-3f .aw-notice-tab{display: flex;margin: 60px auto 50px;width: 50%;}
.section-3f .aw-notice-tab > button{flex: 1;font-size: 18px;font-weight: 600;}
.section-3f .aw-notice-tab > button.active{color: #e07415;text-decoration: underline;}
.section-3f .aw-notice-list{width: 100%;}
.section-3f .aw-notice-list li{overflow: hidden;margin-top: 0;padding: 0 2%;width: 100%;line-height: 55px;border: 2px solid #e7e7e7;border-bottom: none;font-weight: 900;font-size: 15px;transition:all 0.5s linear !important;
-webkit-transition:all 0.5s linear !important;-moz-transition:all 0.5s linear !important;-ms-transition:all 0.5s linear !important;-o-transition:all 0.5s linear !important;}
.section-3f .aw-notice-list li:last-child{border-bottom: 2px solid #e7e7e7;}
.section-3f .aw-notice-list li::after{content: '';display: block;clear: both;}
.section-3f .aw-notice-list li:hover{background: #523eb6;color: #fff;}
.section-3f .aw-notice-list li > a.notice-title{width: 87%;text-align: left;color: #363636;}
.section-3f .aw-notice-list li:hover > a.notice-title{color: #fff;}
.section-3f .aw-notice-list li a.more-btn{width: 25px;height: 25px;background: #e7e7e7;color: #c7c7c7;font-weight: bold;margin-top: 15px;line-height: 25px;}
.section-3f .aw-notice-list li:hover > a.more-btn{background: #8274ca;color: #fff;}
.section-3f .aw-notice-list span{color: #555;}
.section-3f .aw-notice-list span:hover{color: #fff;}
.section-3f .aw-notice-list span.icon-notice{margin-right: 5px;background: #f11651;color: #fff;padding: .3em .5em;font-size: .8em;}
.section-3f .aw-notice-list span.icon-new{margin-right: 5px;background: #e07415;color: #fff;padding: .3em .5em;font-size: .8em;}

/* object position */
.object > div{position: absolute;z-index: 7;/* box-shadow: 10px 10px 5px rgba(143, 143, 143, 0.5); */}
.object .circle{top: 250px;left: 8%;width: 190px;height: 190px;background: url(../images/main/object-circle.png)0 0 no-repeat;}
.object .dot{top: 939px;right: 8%;width: 138px;height: 38px;background: url(../images/main/object-dot.png)0 0 no-repeat;}
.object .dot2{top: 995px;right: 5%;width: 137px;height: 64px;background: url(../images/main/object-dot2.png)0 0 no-repeat;}
.object .tri{top: 514px;right: 5%;width: 103px;height: 203px;background: url(../images/main/object-tri-big.png)0 0 no-repeat;}
.object .tri2{top: 1780px;left: 9%;width: 32px;height: 63px;background: url(../images/main/object-tri-small.png)0 0 no-repeat;}
.object .wave{top: 884px;left: -166px;width: 390px;height: 24px;background: url(../images/main/object-wave-left.png)0 0 no-repeat;}
.object .wave2{top: 1773px;right: 0;width: 306px;height: 23px;background: url(../images/main/object-wave-right.png)0 0 no-repeat;}
.fw6 {opacity: 0;}
.fadeInConRight, .fadeInConLeft {opacity: 0;}

.slideContent {top: -20px;}


/* popupcon */
#PopDiv{width:470px;height:auto;/* position: fixed; *//* div 팝업 움직이기 위해서 수정 */position: absolute;top: 100px;left: 20px;z-index: 10000;text-align: center;background: rgba(255, 255, 255, 0.8);display: none;}
#PopDiv1{width:470px;height:auto;/* position: fixed; *//* div 팝업 움직이기 위해서 수정 */position: absolute;top: 150px;left: 60px;z-index: 10000;text-align: center;background: rgba(255, 255, 255, 0.8);display: none;}
#PopDiv2{width:470px;height:auto;/* position: fixed; *//* div 팝업 움직이기 위해서 수정 */position: absolute;top: 200px;left: 100px;z-index: 10000;text-align: center;background: rgba(255, 255, 255, 0.8);display: none;}

.PopDiv_HeaderArea{background: #363636;}
.PopDiv_HeaderArea{background: #363636;}
.PopDiv_HeaderArea p{font-weight: bold;color: #fff;font-size: 18px;padding: 10px 0;}
.PopDiv_FooterArea{width: 100%;line-height: 32px;height: 32px;background: #333;}
.PopDiv_FooterArea > div{cursor: pointer;padding: 0px 5px;background: #333;color: #fff;font-size: 14px;}
.PopDiv_FooterArea .nomoretoday{float: left;margin-left: 8px;}
.PopDiv_FooterArea .close{float: right;margin-right: 8px;}