@charset "utf-8";
/* CSS Document */



/* body */
body{font-family: 'Nanum Gothic', sans-serif; color: #4d4d4d;}



/* wrap */
.wrap{min-width: 1312px; height: auto; position: relative; margin: 0 auto; }

/* header */

.header{position: absolute; left: 0; width: 100%; height: 300px; min-width: 1192px; overflow: hidden; z-index: 9999;}
.header .inner{position: relative; width: 1192px; height: 186px; margin: 0 auto;}
.header .inner .logo{position: absolute; top:0; left: 0; z-index: 999;}
.header .inner .logo a{display: block; background: url(/images/logo.png) no-repeat; width: 177px; height: 141px;}
.header .inner .lnb{position: absolute; top: 10px; right: 0;}
.header .inner .lnb ul li{float: left; padding-right: 25px; font-size: 12px; letter-spacing: -1px; line-height: 20px;}
.header .inner .lnb ul li:last-child{padding: 0;}
.header .inner .lnb ul li a{background-color: white; color: #4d4d4d;}
.header .inner .lnb ul li a:hover{text-decoration: underline;}
.header .inner .lnb ul li p{position: absolute; top: 0; color: white; right: 22px;}
.header .inner .gnb{width: auto; height: auto; margin: 0 auto;}
.header .inner .gnb ul{float: right; margin-top: 64px;}
.header .inner .gnb ul li{float: left; font-size: 16px; letter-spacing: -1px; font-weight: 600;}
.header .inner .gnb ul li a{padding:  0 23px; height: 43px; display: block; color: #4d4d4d;}
.header .inner .gnb ul li a:last-child{padding-right: 0px;}
.header .inner .gnb ul li a:hover{text-decoration: underline;}
.header .inner .gnb ul li:last-child{padding: 0;}
.header .inner .gnb ul li:hover ul{display: block;}
.header .inner .gnb ul li ul{width: 1920px; height: 54px; position: absolute; left: -30.5%; background: #f7bf23; z-index: 99; top: 42px; display: none;}
.header .inner .gnb ul li ul img{position: absolute; left: 364px;}
.header .inner .gnb ul li ul li{}
.header .inner .gnb ul li ul li a{position: relative; left: 900px; line-height: 3.5; font-weight: 100; font-size: 15px; padding:0 15px; margin-left: 20px;}
.header .inner .gnb ul li ul li a:hover{color: #4d4d4d;}

/* visual */
.visual{min-width: 1312px;  height: 696px; text-align: center; margin: 0 auto; position: relative; overflow: hidden; background: url(/images/mainslide-bg.png) repeat-x center bottom; top: 106px;}
.visual-slide {position: absolute; width: 1920px; height: 586px; left: 50%; margin-left: -960px; background: #eaeaea;}
.visual-wrap{width: 1312px; height: 696px; margin: 0 auto; position: relative; z-index: 99;}
.visual-wrap h1{position: absolute; bottom: 0; left: 0;}
.visual-wrap h2{position: absolute; bottom: 40px;; right: 0;}
.slides {position: relative; list-style: none; overflow: hidden; width: 100%; padding: 0; margin: 0;}
.centered-btns_tabs, .transparent-btns_tabs, .large-btns_tabs {position: absolute; z-index: 999; bottom: -43px; width: 110px; height: auto; left: 50%; margin-left: -55px; text-align: center;}
.centered-btns_tabs li, .transparent-btns_tabs li, .large-btns_tabs li {display: inline; float: none; _float: left; *float: left; margin: 0 5px 0 5px;}
.centered-btns_tabs a, .transparent-btns_tabs a, .large-btns_tabs a {text-indent: -9999px; overflow: hidden; width: 12px; height: 12px; border-radius: 50%; display: inline-block; background: #cdcdcd;}
.centered-btns_here a, .transparent-btns_here a, .large-btns_here a {background: #f7bf23;}
.slide01 h1{font-size: 70px; text-transform: uppercase; position: absolute; bottom: 95px; left: 597px; color: white; font-family: "Proxima Nova",sans-serif; letter-spacing: -3px; font-weight: 800;}
.slide01 h2{font-size: 24px; position: absolute; left: 597px; bottom: 53px; color: white; letter-spacing: -2px; font-weight: 100;}
.slide02 h1{font-size: 70px; text-transform: uppercase; position: absolute; bottom: 95px; left: 597px; color: white; font-family: "Proxima Nova",sans-serif; letter-spacing: -3px; font-weight: 800;}
.slide02 h2{font-size: 24px; position: absolute; left: 597px; bottom: 53px; color: white; letter-spacing: -2px; font-weight: 100;}
.slide03 h1{font-size: 70px; text-transform: uppercase; position: absolute; bottom: 95px; left: 597px; color: white; font-family: "Proxima Nova",sans-serif; letter-spacing: -3px; font-weight: 800;}
.slide03 h2{font-size: 24px; position: absolute; left: 597px; bottom: 53px; color: white; letter-spacing: -2px; font-weight: 100;}
.slide04 h1{font-size: 70px; text-transform: uppercase; position: absolute; bottom: 95px; left: 597px; color: white; font-family: "Proxima Nova",sans-serif; letter-spacing: -3px; font-weight: 800;}
.slide04 h2{font-size: 24px; position: absolute; left: 597px; bottom: 53px; color: white; letter-spacing: -2px; font-weight: 100;}

/* middle */

.middle{width: 1192px; height: 506px; margin: 0 auto; position: relative; display: block; color: #4d4d4d; top: 106px;}
.m-cont-box{overflow:hidden;width: 281px; height: 404px; border: 1px solid #eaeaea; float: left; margin-right: 20px; position: relative;}
.middle .m-cont-box .work-thumb h1, .calendar .calendar-title h1{color: #4d4d4d; letter-spacing: -1px; font-size: 16px; position: absolute; left: 25px; top: 33px;}
.middle .m-cont-box .work-thumb h2 a{width: 19px; height: 19px; background: url(/images/ar-l-default.png); position: absolute; right: 52px; top: 35px;}
.middle .m-cont-box .work-thumb h2 a:hover{background: url(/images/ar-l-over.png);}
.middle .m-cont-box .work-thumb h3 a{width: 19px; height: 19px; background: url(/images/ar-r-default.png);position: absolute; right: 25px; top: 35px;}
.middle .m-cont-box .work-thumb h3 a:hover{background: url(/images/ar-r-over.png);}
.middle .m-cont-box .work-thumb h7 a{width: 19px; height: 19px; background: url(/images/plus-default.png);position: absolute; right: 25px; top: 35px;}
.middle .m-cont-box .work-thumb h7 a:hover{background: url(/images/plus-over.png);}
.middle .m-cont-box .work-thumb h4{width: 231px; overflow: hidden; position: absolute; font-size: 15px; letter-spacing: -1px; font-weight: 600; top: 88px; left: 25px; text-overflow: ellipsis; white-space: nowrap; word-wrap: normal;}
.middle .m-cont-box .work-thumb h4 a{color: #4d4d4d;}
.middle .m-cont-box .work-thumb h4 a:hover{text-decoration: underline;}
.middle .m-cont-box .work-thumb .img{width: 231px; height: 134px; overflow: hidden; position: absolute; top: 120px; left: 25px;}
.middle .m-cont-box .work-thumb h5{width: 231px; position: absolute; font-size: 13px; overflow: hidden; top:273px; left: 25px; line-height: 18px; max-height:74px;display:block;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis; font-weight: 100;}
.middle .m-cont-box .work-thumb h6{width: 26px; height: 2px; background: #f7bf23; position: absolute; left: 25px; top: 65px;}
.middle .m-cont-box .work-thumb p{width: 231px; position: absolute; font-size: 13px; overflow: hidden; top:273px; left: 25px; line-height: 18px; max-height:74px;display:block;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis; font-weight: 100;}
.news-list{width: 231px; font-size: 13px; overflow: hidden; top:267px; left: 25px; line-height: 26px; max-height:74px;display:block;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical; overflow:hidden; text-overflow:ellipsis; font-weight: 100; position: relative;}
.news-list a{color: #4d4d4d;}
.news-list a:hover{text-decoration: underline;}
.member-num{width:100%;position:absolute;left:0;top:0;text-align: center; margin-top: 288px;}
.member-num .number{font-size: 52px; font-weight: 800; letter-spacing: -6px; color: #acd111;}
.member-num .member{margin-left: 10px; font-size: 18px; letter-spacing: -3px; font-weight: 600;}
.calendar-title{width: 281px; height: 120px; border-top: 1px solid #eaeaea; border-left: 1px solid #eaeaea; border-right: 1px solid #eaeaea; float: left; position: relative;}

.calendar .calendar-title h2 a{width: 19px; height: 19px; background: url(/images/ar-l-default.png); position: absolute; right: 52px; top: 35px;}
.calendar .calendar-title h2 a:hover{background: url(/images/ar-l-over.png);}
.calendar .calendar-title h3 a{width: 19px; height: 19px; background: url(/images/ar-r-default.png);position: absolute; right: 25px; top: 35px;}
.calendar .calendar-title h3 a:hover{background: url(/images/ar-r-over.png);}
.calendar .calendar-title h4{width: 231px; overflow: hidden; position: absolute; font-size: 15px; letter-spacing: -1px; font-weight: 600; top: 88px; left: 25px; text-overflow: ellipsis; white-space: nowrap; word-wrap: normal;}
.calendar .calendar-title h4{color: #4d4d4d;}
.calendar .calendar-title h6{width: 26px; height: 2px; background: #f7bf23; position: absolute; left: 25px; top: 65px;}
.calendar-box table{width: 283px;margin:0 auto;text-align:center;table-layout:fixed;border:0;border-collapse:collapse;font-family: "Proxima Nova",sans-serif; font-size: 11px; color: #c7c7c7; text-transform: uppercase;}
.calendar-box table th{height: 28px;border: solid 1px #eeeeee; display: table-cell; vertical-align: middle; background: #f7f7f7; font-weight: 600;}
.calendar-box table th.sun{color:#ed1d84;}
.calendar-box table td{height: 50px; border: solid 1px #eeeeee; font-weight: 600; line-height: 50px;}
.calendar-box table td a{text-decoration: none; color: #c7c7c7; display: block;}
.calendar-box table td a:hover{background: #f7f7f7;}
.calendar-box table td a:hover.on{background: #f7bf23;}
.calendar-box table td a.sun{color:#ed1d84;}
.calendar-box table td a.on{background: url(/images/calendar-icon.png) no-repeat center center; color: white;}
.calendar-box table td.on{background: url(/images/calendar-icon.png) no-repeat center center; color: white;}
.calendar-box table td.on-sun{background: url(/images/calendar-icon.png) no-repeat center center; color: #ed1d84;}
.calendar-box table td.off{color:#eaeaea;}


/* service-thumb */

.service-box{width: 1312px; height: 381px; margin: 0 auto; position: relative; top: 106px;}
.service-box .service-box-l{width: 615px; height: 381px; float: left; position: relative;}
.service-box .service-box-l .service-title-model{position: absolute; z-index: 66; top: 45px;}
.service-box .service-box-l .service-slogan{position: absolute; z-index: 77; top: 45px; left: 220px;}
.service-box .service-box-l .line{width: 50px; height: 2px; background: #f7bf23; position: absolute; left: 310px; top: 161px;}
.service-box .service-box-l .txt{font-weight: 600; position: absolute; left: 305px; top: 186px;}
.service-box .service-box-l .btn{width: 81px; height: 40px; border: 1px solid #66666c; position: relative; left: 442px; top: 252px;}
.service-box .service-box-l .btn .left{float: left;}
.service-box .service-box-l .btn .left a{width: 40px; height: 40px; background: white; display: block;}
.service-box .service-box-l .btn .left a:hover{background: #f7bf23;}
.service-box .service-box-l .btn .right{float: right;}
.service-box .service-box-l .btn .right a{width: 40px; height: 40px; background: white; display: block; border-left: 1px solid #66666c;}
.service-box .service-box-l .btn .right a:hover{background: #f7bf23;}
.service-box .service-box-l .btn .left img{position: absolute; left: 12px; top: 11px;}
.service-box .service-box-l .btn .right img{position: absolute; left: 58px; top: 11px;}

.service-box .service-box-slide{width: 697px; height: 381px; float: right;position: relative;overflow:hidden;}
.service-box .service-box-r{width: 697px; height: 381px;position: relative;}
.service-box .service-box-r p{width: 697px; height: 50px; line-height: 2; font-weight: 700; font-size: 24px; letter-spacing: -2px;}
.service-box .service-box-r .service-box-inner{width: 634px; height: 299px; position: relative; left: 0; top: 0; display: block; overflow: hidden; border: 1px solid #eaeaea;}
.service-box .service-box-r .service01{width: 637px; height: 301px; position: relative; left: 0; top: 0; display: block;}
.service-box .service-box-r .service01 ul{width: 636px; height: 300px;}
.service-box .service-box-r .service01 ul li{position: relative; float: left;}
.service-box .service-box-r .service01 ul li:first-child{background: #f5f5f5;}
.service-box .service-box-r .service01 ul li a{width: 317px; height: 149px; border-bottom: 1px solid #eaeaea; border-right: 1px solid #eaeaea; float: left; display: block;}
.service-box .service-box-r .service01 ul li a:hover{background: #f5f5f5;}
.service-box .service-box-r .service01 ul li h1{position: absolute; font-size: 12px; letter-spacing: 0; font-weight: 100; left: 17px; top: 14px; color: #4d4d4d;}
.service-box .service-box-r .service01 ul li h2{position: absolute; font-size: 18px; letter-spacing: 0; font-weight: 600; left: 17px; top: 36px; color: #4d4d4d;}
.service-box .service-box-r .service01 ul li h3{position: absolute; width: 26px; height: 1px; background: #4d4d4d; left: 19px; top: 69px;}
.service-box .service-box-r .service01 ul li h4{position: absolute; left: 16px; top: 90px;}
.service-box .service-box-r .service01 ul li h5{position: absolute; left: 267px; top: 45px;}
.service-box .slick-slider .slick-list{margin-left:-3px;}
#imgList {position:absolute; width:1911px; left:0px; top:0px;}
#imgList div {float:left; margin:0px; padding:0px;}

.service-box .service-box-r .service02{width: 637px; height: 301px; position: relative; left: 0; top: 0; display: block;}
.service-box .service-box-r .service02 ul{width: 636px; height: 300px;}
.service-box .service-box-r .service02 ul li{position: relative; float: left;}
.service-box .service-box-r .service02 ul li:first-child{background: #f5f5f5;}
.service-box .service-box-r .service02 ul li a{width: 317px; height: 299px; border-bottom: 1px solid #eaeaea; border-right: 1px solid #eaeaea; float: left; display: block;}
.service-box .service-box-r .service02 ul li a:hover{background: #f5f5f5;}
.service-box .service-box-r .service02 ul li h1{position: absolute; font-size: 12px; letter-spacing: 0; font-weight: 100; left: 17px; top: 14px; color: #4d4d4d;}
.service-box .service-box-r .service02 ul li h2{position: absolute; font-size: 18px; letter-spacing: 0; font-weight: 600; left: 17px; top: 36px; color: #4d4d4d;}
.service-box .service-box-r .service02 ul li h3{position: absolute; width: 26px; height: 1px; background: #4d4d4d; left: 19px; top: 69px;}
.service-box .service-box-r .service02 ul li h4{position: absolute; left: 19px; top: 90px;}
.service-box .service-box-r .service02 ul li h5{position: absolute; left: 267px; top: 45px;}
.service-box .service-box-r .service02 ul li h6{position: absolute; left: 24px; bottom: 3px;}

/* order */

.order-left{width: 376px; height: auto; overflow:hidden;float:left;margin:30px 0 0 55px;}
.order-left .title{ height: 25px; margin-bottom: 28px;}
.order-left .title .line{width: 2px; height: 25px; background: #acd111; display: block; float: left; position: relative; top: 3px; float: left;}
.order-left .title p{font-size: 22px; color: white; letter-spacing: -2px; margin-left: 18px; line-height: 1.2;}
.order-left .date{width: 376px; height: auto; margin-bottom: 16px; position: relative;}
.order-left .date h1{font-size: 20px; color: white; font-weight: 100; letter-spacing: -2px; float: left; line-height: 3.8;}
.order-left .date .date-sel{width: 283px; height: 70px; background: #717171; border: 4px solid #21222e; -webkit-border-radius: 18px; -moz-border-radius: 18px; order-radius: 18px; float: right; position: relative; }
.order-left .date .date-sel p{color: #acd111; height: 70px;  font-size: 26px; font-weight: 800; letter-spacing: -2px; line-height: 2.4; padding-left: 20px;}
.order-left .date .date-sel .btn{position: absolute; right: 13px; top: 22px; font-size: 15px; letter-spacing: 0; color: white; padding: 3px 8px; background: #e31398; font-weight: 600; display: block;}
.order-left .date .date-sel .btn a{color: white; display: block;}

.order-left .service{width: 376px; height: auto; margin-bottom: 16px; position: relative;} 
.order-left .service h1{font-size: 20px; color: white; font-weight: 100; letter-spacing: -2px; float: left; line-height: 3.8;}
.order-left .service select{width: 291px; height: 78px; background: #717171; border: 4px solid #21222e; -webkit-border-radius: 18px; -moz-border-radius: 18px; order-radius: 18px; float: right; position: relative; font-size: 22px; padding-left: 20px; color: #acd111; letter-spacing: -2px; font-weight: 600;  -webkit-appearance: none; -moz-appearance: none; appearance: none;}
.order-left .service select option{font-size: 16px;}
select::-ms-expand {display: none;}
.order-left .service p{position: absolute; right: 20px; top: 33px;}

.order-left .start{width: 376px; height: auto; margin-bottom: 16px; position: relative;}

.order-left .start h1{font-size: 20px; color: white; font-weight: 100; letter-spacing: -2px; float: left; line-height: 3.8;}

.order-left .start .date-start{width: 283px; height: 70px; background: #717171; border: 4px solid #21222e; -webkit-border-radius: 18px; -moz-border-radius: 18px; -order-radius: 18px; float: right; position: relative; }
.order-left .start .address_area select{margin-left: 0; width: 145px;}
.order-left .start .address_area .t01{margin-left: 34px;}

.order-left .start .date-start input{outline:none;background: #717171; color: #ffffff; height: 70px;  font-size: 14px; font-weight: 100; letter-spacing: -1px; line-height: 2.4; padding-left: 20px; position: relative; top: 20px; width: 180px; height: 30px;}

.order-left .start .date-start .post-btn{background: url(/images/post-img.png)no-repeat center center; width: 34px; height: 34px; position: absolute; right: 15px; top: 18px; display: block; cursor: pointer;}

.order-left .start  select{outline:none;width: 101px; height: 78px; background: #717171; border: 4px solid #21222e; -webkit-border-radius: 18px; -moz-border-radius: 18px; order-radius: 18px; float: left; margin-left: 85px; position: relative; font-size: 14px; padding-left: 10px; color: #ffffff; letter-spacing: -1px; font-weight: 400;  -webkit-appearance: none; -moz-appearance: none; appearance: none;}

.order-left .start p{position: absolute; left: 160px;  top: 192px;}

.order-left .start input{ width: 72px; height: 69px; -webkit-border-radius: 18px; -moz-border-radius: 18px; order-radius: 18px; background: #717171; padding-left: 10px; color: white; position: absolute; bottom: 4px;}

.M-icon01{position: absolute; width: 48px; height: 39px; left: 410px; top:80px; z-index: 99;}
.M-icon02{position: absolute; width: 48px; height: 39px; left: 410px; top:350px; z-index: 99;}
.M-icon03{position: absolute; width: 48px; height: 39px; left: 410px; top:432px; z-index: 99;}
.M-icon04{position: absolute; width: 48px; height: 39px; left: 410px; top:608px; z-index: 99;}
.M-icon05{position: absolute; width: 48px; height: 39px; left: 837px; top:174px; z-index: 99;}
.close-btn{position: absolute; width: 30px; height: 30px; right: 20px; top:20px; z-index: 99;}

.M-selec{position: absolute; width: 100px; height: 30px;  right: 40px; top: 70px;font-weight: bold; z-index: 999;}
.M-selec select{width: 70px; height: 30px; background: #acd111; border: none; position: absolute; top: 58px; right: 20px; color: white; font-size: 16px;}

















input:focus::-webkit-input-placeholder,
textarea:focus::-webkit-input-placeholder { /* WebKit browsers */
  color:transparent;
}
 
input:focus:-moz-placeholder,
textarea:focus:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
  color:transparent;
}
 
input:focus::-moz-placeholder,
textarea:focus::-moz-placeholder { /* Mozilla Firefox 19+ */
  color:transparent;
}
 
input:focus:-ms-input-placeholder,
textarea:focus:-ms-input-placeholder { /* Internet Explorer 10+ */
  color:transparent;
}

::-webkit-input-placeholder { /* 크롬 4–56 */
    color: #ffffff;
}
:-moz-placeholder { /* 파이어폭스 4–18 */
   color: #ffffff;
   opacity:  1;
}
::-moz-placeholder { /* 파이어폭스 19–50 */
   color: #ffffff;
   opacity:  1;
}
:-ms-input-placeholder { /* 인터넷 익스플로러 10+ */
   color:  #ffffff;
}
::placeholder { /* 파이어폭스 51+, 크롬 57+ */
   color: #ffffff;
   opacity:  1;
}








/* footer */

.footer{min-width: 1192px; max-width: 100%; height: 336px; position: relative; background: #f5f5f5; top: 106px;}
.footer .footer-top{min-width: 1192px; max-width: 100%; height: 45px; background: #f7bf23; margin: 0 auto; position: relative;}
.footer .footer-top .footer-topline .top-btn{width: 45px; height: 45px; background: #656565; position: absolute; right: 0;}
.footer .footer-top .footer-topline{width: 1192px; height: 45px; position: absolute; left: 50%; margin-left: -596px; text-align: center; color: white; font-size: 12px;display: block;}
.footer .footer-top .footer-topline .top-btn a{color: white; text-decoration: none; display: block;  line-height: 3.7; }
.footer .footer-link-box{min-width: 1192px; max-width: 100%; height: 80px; border-bottom: 1px solid #e0e0e0;}
.footer .footer-link{width: 1192px; height: 80px; margin: 0 auto; position: relative;}
.footer .footer-link ul li{width: 298px; height: 80px; float: left; text-align: center; font-size: 15px; letter-spacing: -1px; font-weight: 600; line-height: 5; position: relative;}
.footer .footer-link ul li a{color: #4d4d4d; }
.footer .footer-link ul li a:hover{text-decoration: underline;}
.footer .footer-link ul li h1{position: absolute; top: 25px; left: 70px;}
.footer .footer-link ul li h2{position: absolute; top: 25px; left: 44px;}
.footer .footer-link ul li h3{position: absolute; top: 25px; left: 70px;}
.footer .footer-link ul li h4{position: absolute; top: 25px; left: 50px;}
.footer .footer-link ul li h5{width: 1px; height: 28px; background: #e0e0e0; position: absolute; right: 0; top: 26px;}
.footer .notice-box{min-width: 1192px; max-width: 100%; height: 44px; border-bottom: 1px solid #e0e0e0;}
.footer .notice{width: 1192px; height: 44px; margin: 0 auto; position: relative;}
.footer .notice-list{width: 600px; float: left;}
.footer .notice-list span{position: absolute; top: 17px;}
.footer .notice-list p{width: 600px; font-size: 13px; letter-spacing: -1px; margin-left: 20px; line-height: 3.2; max-height:74px;display:block;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical; overflow:hidden; text-overflow:ellipsis;}

.footer .notice-list p a{color: #4d4d4d; text-decoration: none;}
.footer .notice-list p a:hover{text-decoration: underline;}
.footer .notice-link{width: 296px; height: 44px; border-right: 1px solid #eaeaea; float: right;}
.footer .notice-link p{width: 147px; height: 44px; float: right; font-size: 13px; letter-spacing: -1px; text-align: center; line-height: 3.2; border-left: 1px solid #eaeaea; }
.footer .notice-link p a{color: #4d4d4d; text-decoration: none;}
.footer .notice-link p a:hover{text-decoration: underline;}

.footer .address{font-size: 12px; width: 1192px; margin: 0 auto; position: relative;}
.footer .address p{position: absolute; top: 30px; line-height: 1.6;}
.footer .address .social{position: absolute; top: 30px; right: 50px;line-height: 1.6; font-size: 13px; font-weight: 100;}
.footer .address .social .social-txt{margin-top: 5px;}
.footer .address .social .social-txt a{color: #4d4d4d;}
.footer .address .social .social-txt a:hover{text-decoration: underline;}

.slick-slider{position:relative;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 img{display:block}
.slick-slide.slick-loading img{display:none}
.slick-slide.dragging img{pointer-events:none}
.slick-initialized .slick-slide{display:block}
.slick-loading .slick-slide{visibility:hidden}
.slick-vertical .slick-slide
{display: block;height: auto;border: 1px solid transparent;}
.slick-arrow.slick-hidden {}
.slick-next.slick-arrow, .slick-prev.slick-arrow{display:none !important;}
.slick-dots{position:absolute;left:0;bottom:70px;z-index:20;width:100%;height:auto;overflow:hidden;text-align:center;}
.slick-dots li{display:inline-block;text-indent:-2000px;border:0;width:6px;height:6px;margin:3px;border:1px solid #eaeaea;background:#eaeaea;border-radius:50%;overflow:hidden;cursor:pointer;}
.slick-dots .slick-active{background:#acd111;border:1px solid #acd111;}
.slick-initialized .slick-slide{outline:none;}

.order-left .start .rela{}
.order-left .service select,
.order-left .start select{background-image:url(/images/ar-sel.png);background-position:right center;background-repeat:no-repeat;}
.order-left .start input.hszie{text-align:center;padding:0;width:80px;left:190px;}

.order-right{position:relative;width: 376px; height: auto; float:left;margin:30px 0 0 55px;} 
.order-right .title{ height: 25px; margin-bottom: 28px;}
.order-right .title .line{width: 2px; height: 25px; background: #acd111; display: block; float: left; position: relative; top: 3px; float: left;}
.order-right .title p{font-size: 22px; color: white; letter-spacing: -2px; margin-left: 18px; line-height: 1.2;}
.order-right .date{width: 376px; height: auto; margin-bottom: 16px; position: relative;}
.order-right .date h1{font-size: 20px; color: white; font-weight: 100; letter-spacing: -2px; float: left; line-height: 3.8;}
.order-right .date .date-sel{width: 283px; height: 70px; background: #717171; border: 4px solid #21222e; -webkit-border-radius: 18px; -moz-border-radius: 18px; order-radius: 18px; float: right; position: relative; }
.order-right .date .date-sel p{color: #acd111; height: 70px;  font-size: 26px; font-weight: 800; letter-spacing: -2px; line-height: 2.4; padding-left: 20px;}
.order-right .date .date-sel .btn{position: absolute; right: 13px; top: 22px; font-size: 15px; letter-spacing: 0; color: white; padding: 3px 8px; background: #e31398; font-weight: 600; display: block;}
.order-right .date .date-sel .btn a{color: white; display: block;}

.order-right .service{width: 376px; height: auto; margin-bottom: 16px; position: relative;} 
.order-right .service h1{font-size: 20px; color: white; font-weight: 100; letter-spacing: -2px; float: left; line-height: 3.8;}
.order-right .service select{width: 291px; height: 78px; background: #717171; border: 4px solid #21222e; -webkit-border-radius: 18px; -moz-border-radius: 18px; order-radius: 18px; float: right; position: relative; font-size: 22px; padding-left: 20px; color: #acd111; letter-spacing: -2px; font-weight: 600;  -webkit-appearance: none; -moz-appearance: none; appearance: none;}
.order-right .service select option{font-size: 16px;} 
.order-right .service p{position: absolute; right: 20px; top: 33px;}
.order-right .start{width: 376px; height: auto; margin-bottom: 16px; position: relative;}
.order-right .start h1{font-size: 20px; color: white; font-weight: 100; letter-spacing: -2px; float: left; line-height: 3.8;}
.order-right .start .date-start{width: 283px; height: 70px; background: #717171; border: 4px solid #21222e; -webkit-border-radius: 18px; -moz-border-radius: 18px; -order-radius: 18px; float: right; position: relative; }
.order-right .start .date-start input{background: #717171; color: #ffffff; height: 70px;  font-size: 14px; font-weight: 100; letter-spacing: -1px; line-height: 2.4; padding-left: 20px; position: relative; top: 20px; width: 180px; height: 30px;}
.order-right .start .date-start .post-btn{background: url(/images/post-img.png)no-repeat center center; width: 34px; height: 34px; position: absolute; right: 15px; top: 18px; display: block; cursor: pointer;}
.order-right .start  select{width: 101px; height: 78px; background: #717171; border: 4px solid #21222e; -webkit-border-radius: 18px; -moz-border-radius: 18px; order-radius: 18px; float: left; margin-left: 85px; position: relative; font-size:22px;padding-left: 10px; color: #acd111; letter-spacing: -1px; font-weight: 800;  -webkit-appearance: none; -moz-appearance: none; appearance: none;}
.order-right .start  select.t01{background-image:url(/images/ar-sel.png);background-position:right center;background-repeat:no-repeat;margin-left:34px;}
.order-right .start p{position: absolute; left: 160px;  top: 192px;} 
.order-right .start input[type=text]{outline:none;-webkit-border-radius: 18px; -moz-border-radius: 18px; order-radius: 18px; background: #717171; margin-left:20px;padding-left: 10px; color: white; font-size:22px;color:#acd111;font-weight:bold;}
.order-right .start .hszie{ width: 72px; height: 69px; -webkit-border-radius: 18px; -moz-border-radius: 18px; order-radius: 18px; background: #717171; padding-left: 10px; color: white; position: absolute; bottom: 4px;}
.order-right .start input.hszie{text-align:center;padding:0;width:90px;left:166px;}
.order-right .start input.hszie.t01{left:261px;}



.order-right .start .date-start.t01{height:148px;overflow:hidden;}
.order-right .start .date-start.t02{height:90px;overflow:hidden;}
.textarea{outline:none;background: #717171;color: #ffffff; 
    font-size: 14px;font-weight: 100;letter-spacing: -1px;line-height:1.5em;margin-left: 20px;
    position: relative;top: 20px;width: 240px;overflow:hidden;height: 110px;}
.agreeBox{color:#eaeaea;font-size: 12px;font-weight: 100;letter-spacing: -1px;line-height:1.5em;margin-left: 20px;position: relative;top: 20px;width: 250px;overflow:hidden;overflow-y:auto;height:55px;}
.agreeChk{width:283px;height:auto;overflow:hidden;float:right;}
.agreeChk label{font-size:14px;color:#eaeaea;display:inline-block;vertical-align:middle;}
.agreeChk input{width:auto;display:inline-block;vertical-align:middle;background:#acd111;}

.order-right .agreeChk input{width:20px;height:20px;display:inline-block;vertical-align:middle;background:#acd111;appearance: auto !important;}

.txt24{color:#eaeaea;font-size:12px;width:283px;height:auto;overflow:hidden;float:right;}
.btn24Req{margin:20px 0 10px 0;width:283px;height:70px;line-height:64px;text-align:center;border-radius:18px;background:#e31398;font-size:30px;font-weight:bold;color:#fff;overflow:hidden;float:right;letter-spacing: -2px;}
.fastNumber{font-size:32px;color:#acd111;font-weight:bold;width:283px;height:auto;overflow:hidden;float:right;margin-top:14px;}
.jimdoriPic01{position:absolute;left:125px;top:-165px;z-index:9999;}

.container{padding-top:114px;width:100%;height:auto;overflow:hidden;}
.subVisual{text-align:center;font-size:46px;color:#fff;font-weight:bold;line-height:252px;width:100%;height:252px;overflow:hidden;background:url(/images/bg_faq.jpg) no-repeat center top;background-size:cover;letter-spacing: -3px;}
.subVisual.biz{background:url(/images/bg_biz.jpg) no-repeat center top;background-size:cover;}
.subVisual.about{background:url(/images/bg_about.jpg) no-repeat center top;background-size:cover;}
.subVisual.service{background:url(/images/bg_service.jpg) no-repeat center top;background-size:cover;} 
.tabs{width:100%;height:50px;background:#f7bf23;}
.tabs ul{width:1252px;height:50px;margin:0 auto;display:table;table-layout:fixed;}
.tabs ul li{display:table-cell;height:50px;}
.tabs ul li a{display:block;height:50px;line-height:46px;text-align:center;font-size:17px;color:#4d4d4d;letter-spacing: -1px;}
.tabs ul li a.on{background:#fff;}
.normalBox{width:1312px;height:auto;overflow:hidden;margin:0 auto;}
.location{width:1252px;height:auto;overflow:hidden;margin:0 auto;margin-top:20px}
.location ul{width:100%;height:auto;overflow:hidden;}
.location ul li{height:auto;overflow:hidden;padding:25px;float:left;background:url(/images/bg_arr01.png) no-repeat left center;}
.location ul li:first-child{background:none;padding-left:0;padding-right:20px;}
.location ul li a{float:left;font-size:12px;color:#4d4d4d;}
.sTitle{margin-top:30px;margin-bottom:80px;background:url(/images/bg_slash.png) no-repeat center 98px;width:100%;height:auto;overflow:hidden;}
.sTitle .t01{padding-bottom:50px;padding-top:25px;width:100%;height:auto;overflow:hidden;text-align:center;font-size:42px;color:#444;font-weight:bold;letter-spacing: -3px;}
.sTitle .t02{width:100%;height:auto;overflow:hidden;text-align:center;font-size:21px;color:#4d4d4d;font-weight:normal;letter-spacing: -1px;}
.boNum{width:100%;height:auto;overflow:hidden;font-size:16px;color:#4d4d4d;}
.boNum span{font-size:16px;color:#f7bf23;}
.faqList{margin-top:10px;width:calc( 100% - 2px );height:auto;overflow:hidden;border:1px solid #eaeaea;border-bottom:0;}
.faqList dt{width:100%;height:63px;overflow:hidden;border-bottom:1px solid #eaeaea;}
.faqList dt a{display:block;width:calc( 100% - 76px );height:63px;padding-left:76px;overflow:hidden;background:url(/images/ico_q.png) no-repeat left center;}
.faqList dt a .tit{float:left;width:calc( 100% - 114px );height:63px;line-height:63px;overflow:hidden;font-size:18px;font-weight:bold;color:#4d4d4d;}
.faqList dt a .date{float:left;width:114px;height:63px;line-height:63px;overflow:hidden;font-size:14px;color:#d3d3d3;}
.faqList dd{display:none;background:url(/images/ico_a.png) no-repeat left 15px;width:calc( 100% - 152px );height:auto;overflow:hidden;border-bottom:1px solid #eaeaea;padding:30px 76px;line-height:2em;}
.faqList dt.on{background:#f6f6f6;}
.faqList dd.on{display:block;}

.paging{margin-top:30px;width:100%;height:auto;overflow:hidden;text-align:center;} 
.paging a{border-radius:50%;margin:0 1px;display:inline-block;vertical-align:middle;height:32px;line-height:32px;width:32px;text-align:center;color:#a4a4a4;border:1px solid #eaeaea;font-size:14px;position:relative;}
.paging a.prev{margin-right:15px;}
.paging a.next{margin-left:15px;}
.paging a.paging_up{border-radius:50%;margin:0 1px;display:inline-block;vertical-align:middle;height:32px;line-height:32px;width:32px;text-align:center;color:#a4a4a4;border:1px solid #eaeaea;font-size:14px;position:relative;}
/*
.paging a.first{font-size:0;text-indent:-2000px;}
.paging a.prev{margin-right:15px;font-size:0;text-indent:-2000px;}
.paging a.next{margin-left:15px;font-size:0;text-indent:-2000px;}
.paging a.last{font-size:0;text-indent:-2000px;}  
.paging a.prev:before{content:""; display:block; width:34px; height:34px; overflow:hidden; position:absolute; left:0; top:0; background:url(/images/ico_prev.png) no-repeat; }
.paging a.next:before{content:""; display:block; width:34px; height:34px; overflow:hidden; position:absolute; left:0; top:0; background:url(/images/ico_next.png) no-repeat; }
.paging a.last:before{content:""; display:block; width:34px; height:34px; overflow:hidden; position:absolute; left:0; top:0; background:url(/images/ico_last.png) no-repeat; }
*/
.paging a.on, .paging a:hover{background-color:#f7bf23;border:1px solid #f7bf23;color:#fce7bc; opacity:1}

.boList{margin-top:10px;width:calc( 100% - 2px );height:auto;overflow:hidden;border:1px solid #eaeaea;border-bottom:0;}
.boList li{width:100%;height:63px;overflow:hidden;border-bottom:1px solid #eaeaea;}
.boList li.on{background:#f6f6f6;}
.boList li .num{float:left;width:76px;height:63px;overflow:hidden;background:url(/images/bg_line01.png) no-repeat center center;}
.boList li .tit{float:left;width:calc( 100% - 190px );height:63px;line-height:63px;overflow:hidden;font-size:17px;font-weight:600;color:#4d4d4d;letter-spacing: -1px;}
.boList li .tit:hover{text-decoration:underline;}
.boList li .date{float:left;width:114px;height:63px;line-height:63px;overflow:hidden;font-size:14px;color:#d3d3d3;}
 
.tbl02{width:100%;border-collapse:collapse;table-layout:fixed;border:0;border-bottom:1px solid #eaeaea;}
.tbl02 td{background:#f6f6f6;vertical-align:middle;height:50px;border-top:1px solid #eaeaea;text-align:center;color:#d3d3d3;font-size:14px;}
.tbl02 td.up{font-size:14px;font-weight:bold;color:#333;background:#f6f6f6 url(/images/ico_up02.png) no-repeat 20px center;}
.tbl02 td.down{font-size:14px;font-weight:bold;color:#333;background:#f6f6f6 url(/images/ico_down02.png) no-repeat 20px center;}
.tbl02 td.al{text-align:left;}
.tbl02 td a{color:#4d4d4d;font-size:17px;width:90%;height:auto;overflow:hidden;display:block;text-overflow:ellipsis;white-space:nowrap;word-wrap:normal; font-weight: 600;letter-spacing: -1px;}

.boardBtn{margin:20px 0;width:100%;height:auto;overflow:hidden;text-align:right;}
.boardBtn a{width:104px;height:25px;line-height:25px;text-align:center;color:#fff;font-size:12px;display:inline-block;background:#666;}
.boardBtn a:hover{background:#fabd0d;}

.boardContents{display:block;padding:20px;margin-bottom:20px;letter-spacing:-1px;}
.boardContents p{font-size:15px;line-height:2em;color:#666;width:100%;height:auto;overflow:hidden;}
.boardContents p.ac{text-align:center; margin-bottom: 80px; margin-top: 10px;}
.dimg{width:100%;height:auto;overflow:hidden;text-align:center;}
.dimg img{}

.bizCont{position:relative;width:1196px;height:auto;overflow:hidden;margin:100px auto 0 auto;}
.bizCont .tit{width:100%;height:auto;overflow:hidden;margin-bottom:10px;}
.bizCont .tit01{width:calc( 100% - 10px );padding-left:10px;height:auto;overflow:hidden;margin-bottom:10px;font-size:22px;color:#000;font-weight:bold;}
.bizCont ul{margin-top:15px;width:calc( 100% - 10px );padding-left:10px;height:auto;overflow:hidden;}
.bizCont ul li{margin-bottom:30px;font-size:16px;color:#4d4d4d;line-height:1.6em;}
.bizCont ul li.stn{font-weight:bold;color:#000;}
.bizCont ul li span{display:block;font-size:13px;font-weight:bold;color:#4d4d4d;margin-top:8px;}
.bizCont .etc{position:absolute;right:0;top:50px;}

.bizStepList{margin:90px auto 0 auto;width:1196px;height:auto;overflow:hidden;}
.bizStepList li{margin-bottom:30px;width:50%;height:auto;overflow:hidden;float:left;}
.bizStepList li:nth-child(1) .t01{background:url(/images/bg_biz01_subj01.png) no-repeat left center}
.bizStepList li:nth-child(2) .t01{background:url(/images/bg_biz01_subj02.png) no-repeat left center}
.bizStepList li:nth-child(3) .t01{background:url(/images/bg_biz01_subj03.png) no-repeat left center}
.bizStepList li:nth-child(4) .t01{background:url(/images/bg_biz01_subj04.png) no-repeat left center}
.bizStepList li:nth-child(5) .t01{background:url(/images/bg_biz01_subj05.png) no-repeat left center}
.bizStepList li:nth-child(6) .t01{background:url(/images/bg_biz01_subj06.png) no-repeat left center}
.bizStepList li .t01{font-weight:Bold;height:34px;display:block;overflow:hidden;color:#000;font-size:22px;padding-left:50px;letter-spacing: -2px;}
.bizStepList li .t02{margin-top:10px;font-size:16px;color:#4d4d4d;line-height:1.5em;}

.chgCont01{width:1192px;height:auto;overflow:hidden;margin:100px auto 0 auto;}
.chgCont01 .tit{width:100%;height:auto;overflow:hidden;}
.chgCont01 .tit img{margin-left:-10px;}
.ifList{margin-top:37px;width:1190px;height:366px;overflow:hidden;border:1px solid #eaeaea;}
.ifList li{text-align:center;width:calc( 25% - 1px );height:366px;overflow:hidden;float:left;border-left:1px solid #eaeaea;}
.ifList li:first-child{width:25%;border-left:0;}
.ifList li img{float:left;}
.ifList li span{font-size:22px;color:#000;font-weight:bold;float:left;width:100%;height:auto;overflow:hidden;text-align:center;}
.ccList{width:1192px;height:auto;overflow:hidden;margin-top:20px;}
.ccList li{padding-left:15px;font-size:15px;color:#4d4d4d;background:url(/images/bg_arr02.png) no-repeat left 8px;}
.ccList.s01{width:672px;}
.ccList.s01 li{width:calc( 50% - 15px );float:left;}

.chgCont02{width:1192px;height:auto;overflow:hidden;margin:70px auto 0 auto;}
.chgCont02 .tit{font-size:22px;height:34px;padding-left:50px;color:#000;font-weight:bold;background:url(/images/bg_subj01.png) no-repeat left center;}
.stepBox{margin-top:50px;width:1115px;height:380px;overflow:hidden;background:url(/images/bg_stepbox01.jpg) no-repeat center top;border-bottom:1px solid #eaeaea;padding-bottom:60px;}
.stepBox ul{width:1115px;height:380px;overflow:hidden;}
.stepBox ul li{float:left;margin-left:77px;width:320px;height:380px;overflow:hidden;}
.stepBox ul li:first-child{margin-left:0;}
.stepBox ul li .t01{display:table-cell;vertical-align:middle;text-align:center;width:320px;height:320px;}
.stepBox ul li .t01 p{width:100%;height:auto;overflow:hidden;font-size:15px;color:#4d4d4d;text-align:center;}
.stepBox ul li .t01 p.mt35{margin-top:35px;}
.stepBox ul li .t02{margin-top:20px;width:100%;height:auto;overflow:hidden;text-align:center;font-size:20px;color:#000;font-weight:bold;}

.card{margin-top:37px;width:1115px;height:60px;overflow:hidden;background:url(/images/bg_card.jpg) no-repeat left top;}
.card .s01{width:calc( 100% - 344px );height:auto;overflow:hidden;padding-left:344px;font-size:20px;color:#000;font-weight:bold;}
.card .s02{width:calc( 100% - 344px );height:auto;overflow:hidden;padding-left:344px;font-size:16px;color:#4d4d4d;margin-top:3px;}

.orderBox{width:1192px;height:auto;overflow:hidden;margin:100px auto 0 auto}
.orderBox .tit{width:100%;height:auto;overflow:hidden;}
.orderBox .tit img{margin-left:-10px;}
.orderBox .orderList{margin-top:20px;width:1192px;height:237px;position:relative;background:url(/images/bg_orderList.jpg) no-repeat center top;}
.orderBox .orderList ul{width:1192px;height:auto;overflow:hidden;position:absolute;left:0;bottom:0;}
.orderBox .orderList ul li{width:160px;font-size:17px;color:#4d4d4d;height:auto;overflow:hidden;text-align:center;float:left;margin-left:46px;}
.orderBox .orderList ul li:first-child{margin-left:0;}

.bizAscList{width:1192px;height:auto;overflow:hidden;margin:50px auto 0 auto;}
.bizAscList dt{background:url(/images/bg_arr03.png) no-repeat left center;font-size:22px;color:#000;font-weight:bold;width:calc( 100% - 24px );height:auto;padding-left:24px;overflow:hidden;}
.bizAscList dd{margin-bottom:60px;width:100%;height:auto;overflow:hidden;}
.bizAscList dd .t01{margin:25px 0 20px 0;font-size:16px;color:#4d4d4d;width:100%;height:auto;overflow:hdiden;}
.bizAscList dd .img{width:100%;height:auto;overflow:hdiden;}
.ccList01{width:1192px;height:auto;overflow:hidden;margin-top:20px;}
.ccList01 li{margin-top:20px;padding-left:15px;font-size:16px;color:#4d4d4d;background:url(/images/bg_arr02.png) no-repeat left 8px;}
.ccList01 li:first-child{margin-top:0;}
.ccList01 li span{display:block;font-size:14px;color:#4d4d4d;}
.bizAscList dd table{margin-top:10px;width:762px;table-layout:fixed;border-collapse:collapse;}
.bizAscList dd table th{vertical-align:middle;text-align:center;height:40px;font-size:14px;color:#fff;background:#69b9cd;border:2px solid #fff;}
.bizAscList dd table td{vertical-align:middle;text-align:center;height:40px;border:2px solid #fff;font-size:14px;color:#333;background:#eaeaea;}
.bizAscList dd table td.cell{font-size:14px;color:#333;font-weight:bold;background:#d1d1d1;}
.bottomImg{position:absolute;bottom:230px;left:50%;}

.aboutBox{width:1192px;height:auto;overflow:hidden;margin:0 auto;}
.aboutBox .fl{float:left;width:556px;height:auto;overflow:hidden;}
.aboutBox .fl .img{margin-bottom:10px;width:100%;height:auto;overflow:hidden;text-align:center;}
.aboutBox .fl ul{width:100%;height:auto;overflow:hidden;}
.aboutBox .fl ul li{margin-top:30px;font-size:16px;color:#4d4d4d;width:100%;height:auto;overflow:hidden;line-height: 26px;}
.aboutBox .fr{float:right;width:556px;height:auto;overflow:hidden;}
.aboutBox .fr .img{width:100%;height:auto;overflow:hidden;text-align:center;}
.aboutBox .fr ul{width:100%;height:auto;overflow:hidden;}
.aboutBox .fr ul li{margin-top:30px;font-size:16px;color:#4d4d4d;width:100%;height:auto;overflow:hidden;line-height: 26px;}
.aboutBox .mt60{margin-top:60px;}

.historyBox{position:relative;width:1192px;height:auto;overflow:hidden;margin:220px auto 0 auto;}
.historyBox .etcimg{position:absolute;right:0;top:0;}
.table_history{}
.table_history td{vertical-align:top;font-size: 16px; color: #4d4d4d; line-height: 24px;}
.table_history td .txt_year{display:block;margin-top:8px;font-size:36px; color: #4d4d4d;font-weight:bold;}

.brandList{width:1192px;height:auto;overflow:hidden;margin:0 auto;}
.brandList dt{padding-left:10px;width:calc( 100% - 10px );height:auto;overflow:hidden;margin-bottom:10px;font-size:18px;color:#333;font-weight:bold;background:url(/images/bg_arr04.png) no-repeat left center;}
.brandList dd{margin-bottom:100px;width:100%;height:auto;overflow:hidden;}
.brandList dd .logoBox{width:100%;height:510px;overflow:hidden;background:url(/images/bg_logoBox.jpg) no-repeat center top;position:relative;}
.brandList dd .logoBox .t01{position:absolute;left:754px;top:226px;}
.brandList dd .logoBox .t02{position:absolute;left:754px;top:278px;}
.brandList dd .btnBox{margin-top:20px;width:100%;height:auto;overflow:hidden;text-align:center;}
.brandList dd .img{}
.brandList dd .btnDownload{font-size:17px;color:#fff;padding-left:30px;display:inline-block;width:160px;height:40px;overflow:hidden;line-height:40px;background:url(/images/bg_download.png) no-repeat center top;}
.brandList dd .btnBox a{text-align:left;}
.brandList dd .mt40{margin-top:40px;}

.greetingBox{position:relative;width:1192px;height:auto;overflow:hidden;margin:0 auto;}
.greetingBox .img{width:100%;height:auto;overflow:hidden;}
.greetingBox ul{margin-top:70px;margin-left:30px;width:1000px;height:auto;overflow:hidden;}
.greetingBox ul li{margin-bottom:30px;font-size:16px;color:#4d4d4d;width:100%;height:auto;overflow:hidden;line-height: 26px;}
.greetingBox .t01{margin-left:30px;width:1000px;height:auto;overflow:hidden;font-size:18px;color:#444;font-weight: bold;}
.greetingBox .t02{margin-top:80px;margin-left:30px;width:1000px;height:auto;overflow:hidden;font-size:18px;color:#444;}
.greetingBox .t03{position:absolute;right:20px;bottom:75px;}

.locationBox{position:relative;width:1192px;height:auto;overflow:hidden;margin:0 auto;}
.locationBox .img{width:100%;height:auto;overflow:hidden;}
.locationBox ul{margin-top:10px;width:100%;height:auto;overflow:hidden;}
.locationBox ul li{float:left;margin-right:50px;}
.locationBox ul li .t01{float:left;font-weight:bold;font-size:16px;color:#4d4d4d;}
.locationBox ul li .t02{margin-left:10px;float:left;font-size:16px;color:#4d4d4d;}

.serviceImg{width:1312px;margin:0 auto;height:auto;overflow:hidden;}
.serviceImg img{float:left;}
.footer.t01{top:0;}

.changSlide{width:100%;height:358px;overflow:hidden;position:relative;}
.changSlide .item{position:relative;height:358px;} 
.changSlide .item img{width:100%;}
 
.sceneSlide{width:100%;height:358px;overflow:hidden;position:relative;}
.sceneSlide .item{position:relative;height:358px;} 
.sceneSlide .item img{width:100%;}

.middle .m-cont-box .work-thumb h2 a,
.middle .m-cont-box .work-thumb h3 a{z-index:100;}

.header .inner .gnb ul li .sBox{display:none;width:1920px;height:140px;overflow:hidden;background:#fccb2a;left:-30.5%;top:160px;position:absolute;}
.header .inner .gnb ul li .sBox .rela{width:1192px;height:auto;overflow:hidden;margin:0 auto;}
.header .inner .gnb ul li .sBox ol{position:static;margin:15px 0 0 0;display:block;width:155px;height:auto;overflow:hidden;float:left;}
.header .inner .gnb ul li .sBox ol.first{margin-left:630px;}
.header .inner .gnb ul li .sBox ol li{width:100%;height:27px;line-height:27px;overflow:hidden;}
.header .inner .gnb ul li .sBox ol li a{padding:0;font-size:14px;font-weight:normal; margin-left: 20px;}
.header .inner .gnb ul li:hover .sBox{display: block;}

.tabs .rela{width:100%;height:auto;position:relative;}
.tabs li .rela>ul{border-top:1px solid #eaeaea;display:none;width:100%;position:absolute;left:0;top:50px;z-index:10;}
.tabs li .rela>ul>li{border:1px solid #eaeaea;border-top:0;position:relative;width:calc( 100% - 2px );height:49px;line-height:49px;display:block;background:#f7f7f7;}
.tabs li .rela>ul>li a{font-size:17px;color:#4d4d4d;display:block;height:49px;line-height:49px;text-align:center;}
.tabs li:hover ul{display:block;}
.tabs.t01 li{}
.tabs.t01 li:hover>.rela>a,
.tabs.t01 li>a.on{background:#fff url(/images/bg_arr05.png) no-repeat 390px center;} 

.quickGo{position:absolute;left:50%;top:796px;margin-left:656px;}
.quickGo.on{position:fixed;top:400px;}
.reqGo{position:absolute;left:50%;top:796px;margin-left:656px;}
.reqGo.t01{top:771px;}
.reqGo.t02{top:903px;}
.reqGo.t03{top:947px;}
.reqGo.t04{top:828px;margin-left:655px;}
.reqGo.on{position:fixed;top:400px;}



/* privacy */

body{margin: 0; padding: 0;}
.privacy-wrap{width: 880px; height: 1000px; position: absolute;}
.privacy-wrap .privacy-inner{font-family: 'Nanum Gothic', sans-serif; color: #4d4d4d;  padding: 40px;}
.privacy-inner h1{font-size: 15px; font-weight: 600;}
.privacy-inner p{font-size: 14px; font-weight: 400; margin-bottom: 30px;}
.privacy-title{width: 500px; font-family: 'Nanum Gothic', sans-serif; color: #4d4d4d; font-size: 20px; font-weight: 600; letter-spacing: -2px; margin-bottom: 30px;}
 
.changSubj h4{display:none;}
.changNum .member-num {display:none;}
.changSubj h4.on{display:block;}
.changNum .member-num.on{display:block;}


/*0515*/
.changSlide{overflow:visible;top:120px;left:25px;width:231px;height:134px;}
.middle .m-cont-box .work-thumb .changSlide .item .img{left:0;top:0;}
.changSlide .slick-dots{bottom:-40px;}


.wrap_popup{display: none; position: absolute; top: 223px; left: 50%; margin-left: -235px; width: 470px; height: 611px; box-shadow:0 0 20px 0 rgba(0,0,0,0.2); z-index: 1000;}
.wrap_popup.popup1{margin-left: -760px;}
.wrap_popup.popup2{margin-left: -235px;}
.wrap_popup.popup3{margin-left: 290px;}
.wrap_popup.on{display: block;}
.wrap_popup .container{padding: 0;}
.wrap_popup .container img{display: block; width: 470px; height: 567px;}

.wrap_popup .foot{height: 44px; background-color: #c6c6c6;}
.wrap_popup .foot::after{content: ''; display: table; clear: both; float: none;}


/* 체크박스 */
.wrap_popup .foot .input_check{float: left; position:relative;display:inline-block;min-height:20px;margin-left:12px; color:#fff;font-size:15px;font-weight:normal;vertical-align:middle; outline: none;}
.wrap_popup .foot .input_check:focus{outline: none;}
.wrap_popup .foot .input_check:first-child{margin-left:0}
.wrap_popup .foot .input_check > input[type="checkbox"]{position:absolute;top:0;left:0;height:auto;line-height:normal;opacity:0}
.wrap_popup .foot .input_check > input[type="checkbox"]:focus + .label_text{outline: 1px dotted;outline-color: #A6C7FF;outline:-webkit-focus-ring-color auto 5px;}
.wrap_popup .foot .input_check > .label_text{overflow: hidden; display:inline-block;padding-left:46px; height: 44px; line-height:44px;background:url(../images/ico_checkbox_off.png) no-repeat 11px 50%;vertical-align:top;cursor:pointer;}
.wrap_popup .foot .input_check > input[type="checkbox"]:checked + .label_text{background-image:url(../images/ico_checkbox_on.png)}

.wrap_popup .foot .btn_close{float: right; width: 68px; height: 44px; line-height: 44px; background-color: #f7bf23; font-size: 15px; color: #fff; border:0;}