#center.main{}
#main-floor1{}
#main-floor1 .main-slogan1{display: table;height: 660px;padding-bottom: 40px;}
#main-floor1 .main-slogan1 > ul{display: table-cell;vertical-align: middle;padding: 30px 0;}
#main-floor1 .main-slogan1 > ul > li{color: #fff;font-size: 16px;font-weight: 300;line-height: 22px;word-break: keep-all;}
#main-floor1 .main-slogan1 > ul > li.title{font-size: 52px;line-height: 52px;margin-bottom: 25px;letter-spacing: -1px;font-family: "NanumSquare";font-weight: 100;}
#main-floor1 .main-slogan1 > ul > li.title > strong{display: inline-block;}
/*main-slide1*/
#main-floor1 .bx_ban{position: relative;width: 100%;}
#main-floor1 .banner-pic{width: 100%;}
#main-floor1 .banner-pic > li{width: 100%;background-size: cover !important;}
#main-floor1 .bx-viewport{}
#main-floor1 .bx_ban .bx-controls{position: absolute;left: 0;bottom: 8%;width: 100%;}
#main-floor1 .bx_ban .bx-pager{display: table;margin: 0 auto;overflow: hidden;}
#main-floor1 .bx_ban .bx-pager > div{float: left;margin: 0 6px;}
#main-floor1 .bx_ban .bx-pager > div > a{display: block;width: 16px;height: 16px;border: 1px solid #444;font-size: 0;border-radius: 100%;}
#main-floor1 .bx_ban .bx-pager > div > a.active{background: #444;}
#main-floor1 .bx_ban .bx-controls-direction{display: none;}
#main-floor1 .bx_ban .bx-controls-auto{display: none;}

#main-floor2{position: relative;z-index: 1;padding-bottom: 60px;margin: 80px 0 60px;}
#main-floor2::after{position: absolute;bottom: 0;right: 0;z-index: -1;width: 38%;height: 60%;background: #46c9dc;content:"";}
#main-floor2 .main-title1{text-align: left;}
#main-floor2 .main-slogan2{float: left;width: 400px;margin-top: 65px;}
#main-floor2 .main-slogan2 > p{color: #777;font-size: 16px;line-height: 22px;word-break: keep-all;}
#main-floor2 .main-photo1{float: right;width: 60%;padding-left: 20px;text-align: center;position: relative;}
#main-floor2 .main-photo1::before{position: absolute;top: 25%;left: 0;z-index: -1;width: 20px;height: 50%;background: #46c9dc;content:"";}
#main-floor2 .main-photo1 > img{width: 100%;}
.main-title1{margin-bottom: 40px;text-align: center;color: #222;font-size: 36px;line-height: 36px;font-weight: 300;font-family: "NanumSquare";word-break: keep-all;}
.main-title1 > span{display: block;margin-bottom: 14px;color: #333;font-size: 18px;line-height: 18px;font-weight: 500;font-family: "Noto Sans KR";}
.main-title1 > strong{display: inline-block;}
.main-title1 > span.bg1{height: 30px;padding: 10px 0 0 55px;background: url(../images/main_bg2_9d5ad480.gif) no-repeat left top;}
.view-more{margin-top: 25px;color: #333;font-size: 16px;line-height: 18px;font-weight: 500;font-family: "NanumSquare";}
.view-more > span{display: inline-block;font-size: 18px;}

#main-floor3{position: relative;z-index: 1;margin-bottom: 70px;/*padding-bottom: 7%;*/}
/*#main-floor3::after{position: absolute;bottom: 0;left: 0;z-index: -1;width: 100%;height: 108px;background: url(../images/main_bg3_e35fe02b.png) no-repeat center bottom;background-size: 100%;content:"";}*/
.main-photo-list{overflow: hidden;}
.main-photo-list > ul{margin: -20px 0 0 -20px;}
.main-photo-list > ul > li{float: left;width: calc(25% - 20px);margin: 20px 0 0 20px;}
.main-photo-list > ul > li > a{display: block;position: relative;padding-top: 108%;overflow: hidden;}
.main-photo-list > ul > li > a > *{z-index: 10;}
.main-photo-list > ul > li > a > .photo{transition: all 0.2s ease-in-out;position: absolute;z-index: 9;bottom: -9999px;left: -9999px;right: -9999px;top: -9999px;width: 100%;height: 100%;margin: auto;vertical-align: middle;}
.main-photo-list > ul > li > a > .more{position: absolute;right: 0;bottom: 0;width: 60px;height: 60px;font-size: 0;background: url(../images/main_more1_3592cdd9.gif);transition: all 0.2s ease-in-out;}
.main-photo-list > ul > li > a > ul{position: absolute;top: 0;left: 0;width: 100%;padding: 50px 35px 0;}
.main-photo-list > ul > li > a > ul > li{color: #fff;font-size: 16px;line-height: 20px;}
.main-photo-list > ul > li > a > ul > li.title{font-size: 24px;font-weight: 500;line-height: 24px;margin-bottom: 25px;}
.main-photo-list > ul > li > a > ul > li.text{max-height: 80px;word-break: keep-all;overflow:hidden;-webkit-line-clamp: 4;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;}
.main-photo-list > ul > li > a:hover > .photo{transform: scale(1.1,1.1);}
.main-photo-list > ul > li > a:hover > .more{background: url(../images/main_more2_2e73f73e.gif);}

#main-floor4{position: relative;z-index: 1;padding-bottom: 70px;}
#main-floor4::after{position: absolute;bottom: 0;left: 0;z-index: -1;width: 100%;height: 50%;background: #f8f8f8;content:"";}
.main-serve-list{overflow: hidden;background: #fff;border: 1px solid #e0e0e0;}
.main-serve-list > ul{margin: -1px 0 0 -1px;}
.main-serve-list > ul > li{float: left;width: 33.33%;min-height: 178px;padding: 35px 30px 30px 150px;border-left: 1px solid #e0e0e0;border-top: 1px solid #e0e0e0;}
.main-serve-list > ul > li > h3{color: #333;font-size: 20px;line-height: 20px;font-weight: 500;font-family: "NanumSquare";margin-bottom: 25px;}
.main-serve-list > ul > li > p{color: #777;font-size: 15px;word-break: keep-all;}
.main-serve-list > ul > li.bg1{background: url(../images/main_bg4_e947bfa6.gif) no-repeat 50px 35px;}
.main-serve-list > ul > li.bg2{background: url(../images/main_bg5_352266f5.gif) no-repeat 50px 35px;}
.main-serve-list > ul > li.bg3{background: url(../images/main_bg6_f5be6378.gif) no-repeat 50px 35px;}

#main-floor5{height: 350px;padding-top: 85px;background: url(../images/main_bg7_ab5cfd13.jpg) no-repeat  center;background-size: cover;background-attachment: fixed !important;}
#main-floor5 *{color: #fff;}
#main-floor5 h3{float: left;font-size: 46px;line-height: 46px;font-weight: 300;font-family: "NanumSquare";}
#main-floor5 h3 > p{font-size: 50px;line-height: 50px;font-weight: 500;margin-top: 15px;}
#main-floor5 h3 > strong{display: inline-block;color: #5edcff;font-weight: 600;}
#main-floor5 ul{float: right;width: 720px;margin-top: 20px;}
#main-floor5 ul > li{float: left;width: 33.33%;height: 150px;font-size: 15px;line-height: 20px;padding: 80px 10px 0;text-align: center;word-break: keep-all;border-left: 1px solid rgba(255, 255, 255, 0.5);}
#main-floor5 ul > li:first-child{border: 0;margin: 0;}
#main-floor5 ul > li > strong{display: block;margin-bottom: 10px;font-size: 20px;font-weight: 500;font-family: "NanumSquare";}
#main-floor5 ul > li.bg1{background: url(../images/main_img6_80dde03f.png) no-repeat center 2px;}
#main-floor5 ul > li.bg2{background: url(../images/main_img7_48d2b159.png) no-repeat center top;}
#main-floor5 ul > li.bg3{background: url(../images/main_img_c8_adad8de2.png) no-repeat center 10px;}



#main-pop{position: fixed;top: 120px;left: 50%;z-index: 999;margin-left: -400px;width: 800px;padding-bottom: 50px;background: #f8f8f8;border: 3px solid #b2b2b2;}
#main-pop .Mpop-close{position: absolute;left: 0;bottom: 0;width: 100%;height: 50px;padding: 10px 20px;text-align: right;background: #fff;border-top: 1px solid #ddd;}
#main-pop .Mpop-close > *{display: inline-block;vertical-align: top;}
#main-pop .Mpop-close > a.close{background: #333;color: #fff;font-size: 15px;width: 55px;height: 29px;line-height: 28px;text-align: center;border-radius: 5px;}
#main-pop .Mpop-close > label{color: #7a7a7a;font-size: 15px;line-height: 15px;margin: 7px 12px 0 0;}
#main-pop .Mpop-close > label > input{margin: 2px 4px 0 0;}
#main-pop .Mpop-cont{display: none;padding: 85px 20px;max-height: calc(100vh - 300px);overflow-y: auto;}
#main-pop .Mpop-cont.show1{display: block;height: 530px;background: url(../images/main_pop_e2fc704b.jpg) no-repeat center;background-size: cover;}
#main-pop .Mpop-cont.show2{}
#main-pop .Mpop-cont.show3{padding: 50px 20px;}
#main-pop .Mpop-title1{margin-bottom: 40px;color: #000;font-size: 40px;line-height: 40px;text-align: center;letter-spacing: -1px;font-family: "NanumSquare";font-weight: 500;}
#main-pop .Mpop-title1 > p{margin-top: 22px;font-size: 18px;line-height: 26px;font-weight: 300;letter-spacing: 0;}
#main-pop .Mpop-title2{margin: 30px 0 12px;color: #000;font-size: 22px;line-height: 22px;font-family: "NanumSquare";font-weight: 300;position: relative;}
#main-pop .Mpop-title2 > a{position: absolute;top: 50%;right: 0;margin-top: -15px;}
#main-pop .add-more{width: 90px;height: 30px;line-height: 28px;color: #151515;font-size: 15px;text-align: center;background: #fff;border: 1px solid #151515;font-family: "Noto Sans KR";font-weight: 400;}
#main-pop .Mpop-gobtn{padding: 20px 30px;background: rgba(255, 255, 255, 0.9);}
#main-pop .Mpop-gobtn > ul{display: table;margin: 0 auto;}
#main-pop .Mpop-gobtn > ul > li{float: left;display: table;width: 162px;height: 100px;margin: 10px 0 10px 60px;background: #2c7fcb;border-radius: 10px;}
#main-pop .Mpop-gobtn > ul > li:first-child{background: #2c9fcb;margin-left: 0;}
#main-pop .Mpop-gobtn > ul > li > a{display: table-cell;vertical-align: middle;text-align: center;color: #fff;font-size: 18px;line-height: 22px;font-weight: 300;}
#main-pop .Mpop-table{background: #fff;border-top: 1px solid #000;}
#main-pop .Mpop-table th,
#main-pop .Mpop-table td{font-size: 15px;line-height: 16px;border-right: 1px solid #ccc;border-bottom: 1px solid #ccc;}
#main-pop .Mpop-table th:last-child,
#main-pop .Mpop-table td:last-child{border-right: 0;}
#main-pop .Mpop-table th{background: #fcfcfc;padding: 12px 10px;color: #000;font-weight: 500;}
#main-pop .Mpop-table th label{display: inline-block;font-weight: 500;}
#main-pop .Mpop-table td{padding: 12px 15px;color: #666;}
#main-pop input[type="text"]{width: 100%;height: 30px;padding: 0 8px;border: 1px solid #ccc;}
#main-pop .Mpop-btn{margin-top: 30px;text-align: center;}
#main-pop .Mpop-btn > a{margin: 5px 5px 0;width: 130px;height: 40px;line-height: 38px;color: #151515;font-size: 16px;background: #fff;border: 1px solid #151515;border-radius: 5px;}
#main-pop .Mpop-btn > a.black{color: #fff;background: #151515;}
#main-pop .Mpop-sign{margin: 35px 0;text-align: center;}
#main-pop .Mpop-sign *{font-family: "NanumSquare";font-weight: 300;}
#main-pop .Mpop-sign > dt{margin-bottom: 14px;color: #000;font-size: 22px;line-height: 24px;}
#main-pop .Mpop-sign > dd{}
#main-pop .Mpop-sign > dd > label{display: inline-block;color: #000;font-size: 16px;line-height: 30px;padding-right: 6px;}
#main-pop .Mpop-sign > dd > input{width: 158px;font-family: "Noto Sans KR";font-weight: 400;}
#main-pop .Mpop-inputlist-box{background: #fff;border-top: 1px solid #000;}
#main-pop .Mpop-inputlist-box > div:first-child{border-top: 0;}
#main-pop .Mpop-inputlist{overflow: hidden;padding: 25px 30px;border-top: 1px dashed #ccc;}
#main-pop .Mpop-inputlist > ul{margin: -12px 0 0 -20px;}
#main-pop .Mpop-inputlist > ul > li{float: left;width: calc(50% - 20px);margin: 12px 0 0 20px;color: #666;padding-left: 110px;position: relative;}
#main-pop .Mpop-inputlist > ul > li > label{position: absolute;top: 0;left: 0;width: 90px;line-height: 30px;color: #666;font-size: 15px;display: block;background: url(../images/main_popbg2_7f4446fa.gif) no-repeat right 9px;}
#main-pop .Mpop-inputlist > ul > li.W-all{width: calc(100% - 20px)}
#main-pop .Mpop-inputlist > ul > li > div{margin: -10px 0 0 -10px;}
#main-pop .Mpop-inputlist > ul > li > div > input{float: left;width: calc(33.33% - 10px);margin: 10px 0 0 10px;}