@charset "utf-8";
@import url('initialize.css');

header{position:fixed;left:0;right:0;z-index:9000;height:50px;padding:1.219em 3.125em;border-bottom:1px solid rgba(255,255,255,.2);text-align:center;transition:all .5s;-webkit-transition:all .5s;-ms-transition:all .5s}
header .header-con{position:relative;z-index:10}
header .logo-hc{position:absolute;display:block}
header .logo-hc a{float:left;display:block;width:12em;height:3.2em;background:url('/images/client/layout/logo-w.png') center left no-repeat;background-size:100% auto}
header .btn-radius{opacity:0;visibility:hidden;width:4.750em;margin-right:1em;font-size:12px;font-weight:500;text-align:center;line-height:30px}
header nav{display:inline-block;max-width:48.750em;width:100%}
header .util-menu{position:absolute;top:.5em;right:0}
header .gnb:after{content:"";display:block;clear:both}
header .gnb > li{float:left;width:20%}
header .gnb > li a{display:block;padding:.65em 0;color:#fff;font-size:1em;font-weight:400;text-align:center;box-sizing:border-box}
header .btn-siteMap{position:relative;display:inline-block;width:25px;height:22px}
header .btn-siteMap span{display:block;position:absolute;right:0;width:25px;height:3px;background:#fff;border-radius:4px}
header .btn-siteMap span:nth-child(1){top:0}
header .btn-siteMap span:nth-child(2){top:9px;left:6px;width:19px}
header .btn-siteMap span:nth-child(3){top:18px}
header .gnb .sub-menu{display:none;margin-top:3em}
header .gnb .sub-menu a{transition:all .5s;-webkit-transition:all .5s;-ms-transition:all .5s}
header .gnb .sub-menu a:hover{color:#7db340;text-decoration:underline;text-underline-position:under}
header .gnb-bg{display:none;position:absolute;top:88px;right:0;left:0;z-index:1;height:20em;border-top:1px solid rgba(229,229,229,1);background:#f7f9f5}

.btn-siteMap{-webkit-transform: rotate(0deg);-moz-transform: rotate(0deg);-o-transform: rotate(0deg);transform: rotate(0deg);-webkit-transition: .5s ease-in-out;-moz-transition: .5s ease-in-out;-o-transition: .5s ease-in-out;transition: .5s ease-in-out;cursor:pointer}
.btn-siteMap span{opacity:1;left: 0;-webkit-transform: rotate(0deg);-moz-transform: rotate(0deg);-o-transform: rotate(0deg);transform: rotate(0deg);-webkit-transition: .25s ease-in-out;-moz-transition: .25s ease-in-out;-o-transition: .25s ease-in-out;transition: .25s ease-in-out}
.btn-siteMap.on span:nth-child(1){top:9px;-webkit-transform: rotate(135deg);-moz-transform: rotate(135deg);-o-transform: rotate(135deg);transform: rotate(135deg)}
.btn-siteMap.on span:nth-child(2){opacity:0;left:-60px}
.btn-siteMap.on span:nth-child(3){top:9px;-webkit-transform: rotate(-135deg);-moz-transform: rotate(-135deg);-o-transform: rotate(-135deg);transform: rotate(-135deg)}

header.on{background:#fff;border-bottom-color:rgba(229,229,229,1);transition:all .5s;-webkit-transition:all .5s;-ms-transition:all .5s}
header.on .logo-hc a{background-image:url('/images/client/layout/logo.png')}
header.on .gnb > li a{color:#222;font-weight:500}
header.on .btn-radius{color:#333;border-color:#333}
header.on .btn-siteMap span{background:#333}
header.on .gnb .sub-menu a{transition:all .5s;-webkit-transition:all .5s;-ms-transition:all .5s}

header.policy{background:#fff;border-bottom-color:rgba(229,229,229,1);transition:all .5s;-webkit-transition:all .5s;-ms-transition:all .5s}
header.policy .logo-hc a{background-image:url('/images/client/layout/logo.png')}
header.policy .gnb > li a{color:#222;font-weight:500}
header.policy .btn-radius{color:#333;border-color:#333}
header.policy .btn-siteMap span{background:#333}
header.policy .gnb .sub-menu a{transition:all .5s;-webkit-transition:all .5s;-ms-transition:all .5s}


.site-map{display:none;position:fixed;top:89px;left:0;right:0;bottom:0;border-top:1px solid rgba(229,229,229,1);background:#fff;}
.site-map > ul{display:table;width:100%;height:100%}
.site-map > ul > li{float:left;display:table-cell;position:relative;width:20%;height:100%;text-align:left}
.site-map > ul > li:before{content:"";position:absolute;left:0;top:0;bottom:0;display:block;width:1px;height:100%;background:#e4e4e4}
.site-map > ul > li:first-child:before{display:none}
.site-map > ul > li a{display:block}
.site-map > ul > li span{display:block;font-size:1.750em;font-weight:600;color:#333;box-sizing:border-box;cursor:pointer}
.site-map > ul > li{padding:5em 3% 0;box-sizing:border-box}
.site-map > ul > li:hover{background:#f7f9f5}
.site-map > ul > li .depth-menu{display:block;margin-top:2em;box-sizing:border-box}
.site-map > ul > li .depth-menu > li{padding:.8em 0}
.site-map > ul > li .depth-menu > li > a{font-size:1.125em;font-weight:400;color:#000;word-break:keep-all}
.site-map > ul > li .depth-menu > li > a:hover{color:#7db340}
.site-map .ico-sitemap{float:right;display:block;width:1.214em;height:1.214em;margin-top:5px;background:url('/images/client/icon/ico-siteMap.png') no-repeat 0 0;background-size:6em}
.site-map > ul > li:nth-child(2) .ico-sitemap{background-position-x:-1.2em}
.site-map > ul > li:nth-child(3) .ico-sitemap{background-position-x:-2.4em}
.site-map > ul > li:nth-child(4) .ico-sitemap{background-position-x:-3.6em}
.site-map > ul > li:nth-child(5) .ico-sitemap{background-position-x:-4.76em}
.site-map > ul > li .depth-menu .depth2{margin-top:1em}
.site-map > ul > li .depth-menu .depth2 a{padding:.3em 0;color:#555;font-size:1em}
.site-map > ul > li .depth-menu .depth2 a:hover{color:#7db340;text-decoration:underline;text-underline-position:under}

.site-map.m-ver{overflow-y:auto;padding:.8em 1em;background:#f7f9f5}
.site-map.m-ver > ul{display:block;height:inherit}
.site-map.m-ver > ul > li{display:block;width:100%;height:auto;margin-top:.5em;padding:0}
.site-map.m-ver > ul > li:hover{background:transparent}
.site-map.m-ver > ul > li .depth-menu{display:none;margin-top:0;padding:0 2.5em}
.site-map.m-ver > ul > li .depth-menu > li{padding:0}
.site-map.m-ver > ul > li .depth-menu .depth2{display:none}
.site-map.m-ver > ul > li span{padding:1em;background:#fff}
.site-map.m-ver > ul > li .ico-sitemap{background-position: 0 -1.25em;transition:all .2s;-webkit-transition:all .2s;-ms-transition:all .2s}
.site-map.m-ver > ul > li .on .ico-sitemap{background-position-x:-1.2em;transition:all .2s;-webkit-transition:all .2s;-ms-transition:all .2s}
.site-map.m-ver > ul > li:before{display:none}
.site-map.m-ver > ul > li .depth-menu > li > a{padding:.6em 0}

#verticalNav{position:fixed;top:50%;right:2vw;z-index:100;margin-top:-74px}
#verticalNav ul li{line-height:2.3}
#verticalNav ul li a{position:relative;padding-right:30px;display:block;color:#fff;font-size:14px;text-align:right}
#verticalNav ul li a span{display:inline-block;position:relative;right:-50%;opacity:0;transition:all .2s;-webkit-transition:all .2s;-ms-transition:all .2s}
#verticalNav ul li a:hover{color:#fff}
#verticalNav ul li a:hover span{right:0;opacity:1;transition:all .2s;-webkit-transition:all .2s;-ms-transition:all .2s}
#verticalNav ul li a.on span{right:0;opacity:1!important}
#verticalNav ul li a:before,
#verticalNav ul li a:after{content:"";position:absolute;top:50%;display:block;border-radius:50%;box-sizing:border-box}
#verticalNav ul li a:before{right:0;width:17px;height:17px;margin-top:-8.5px;border:1px solid transparent}
#verticalNav ul li a:after{width:5px;height:5px;right:6px;margin-top:-2.5px;background:#fff;}
#verticalNav ul li a:hover:before{border-color:#fff}

.on #verticalNav ul li a:after{background:#999}
.on #verticalNav ul li a{color:#7db340}
.on #verticalNav ul li a:hover:before{border-color:#7db340}
.on #verticalNav ul li a:hover:after{background:#7db340}


.abu-boxWrap{overflow:hidden;display:inline-block;position:relative;width:100%;height:25.063em;transition:all .5s;-webkit-transition:all .5s;-ms-transition:all .5s}
.abu-boxWrap .abu-bg{position:absolute;width:100%;height:25.063em;background-size:cover;background-repeat:no-repeat;background-position:50% 0}
.abu-boxWrap .bg1{background-image:url('/images/client/photo/abu-con1.jpg')}
.abu-boxWrap .bg2{background-image:url('/images/client/photo/abu-con2.jpg')}
.abu-boxWrap .bg3{background-image:url('/images/client/photo/abu-con3.jpg')}
.abu-boxWrap .overlay{transition:opacity .5s;opacity:1;position:absolute;top:0;right:0;bottom:0;left:0;z-index:5;background:rgba(0,0,0,.5);}
.abu-boxWrap .abu-txt{transition:all .5s;position:absolute;bottom:0;z-index:10;padding:5em 2.4em 2em;text-align:left;box-sizing:border-box}

.abu-boxWrap .abu-txt{bottom:-13em;background:rgb(12,161,100);background: -moz-linear-gradient(90deg, rgba(12,161,100,1) 0%, rgba(162,239,87,1) 100%);background: -webkit-linear-gradient(90deg, rgba(12,161,100,1) 0%, rgba(162,239,87,1) 100%);background: linear-gradient(90deg, rgba(12,161,100,1) 0%, rgba(162,239,87,1) 100%);filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#0ca164",endColorstr="#a2ef57",GradientType=1);}
.abu-boxWrap .abu-txt .abu-static{transition:all .5s;position:absolute;top:-10em}
.abu-boxWrap .abu-txt strong{display:block;color:#fff;font-size:1.875em;font-weight:600;line-height:1}
.abu-boxWrap .abu-txt p{display:block;min-height:6em;color:#fff;font-size:1em;line-height:1.5}
.abu-boxWrap .ico-abu{position:relative;opacity:1;margin-bottom:1em}
.ico-abu{display:inline-block;width:3.750em;height:3.438em;background-image:url('/images/client/icon/ico-main.png');background-size:13.6875em;background-position-y:0}
.ico-abu.abu1{background-position-x:0}
.ico-abu.abu2{background-position-x:-4.9em}
.ico-abu.abu3{background-position-x:-9.95em}

.abu-list{width:100%;min-height:30em;margin-top:5em;box-sizing:border-box}
.abu-list:after{content:"";display:block;clear:both}
.abu-list > li{float:left;width:33.3%;box-sizing:border-box}
.abu-list > li:nth-child(1){text-align:left;padding-right:0.969em}
.abu-list > li:nth-child(2){text-align:center;padding:0 0.484em}
.abu-list > li:nth-child(3){text-align:right;padding-left:0.969em}


.abu-boxWrap.on{height:30.000em;margin-top:-2.5em;box-shadow: 1px 1px 31px 0px rgba(0,0,0,.3);transition:all .5s;-webkit-transition:all .5s;-ms-transition:all .5s}
.abu-boxWrap.on *{transition:all .5s;-webkit-transition:all .5s;-ms-transition:all .5s}
.abu-boxWrap.on .overlay{opacity:0}
.abu-boxWrap.on .ico-abu{opacity:0}
.abu-boxWrap.on .abu-txt{bottom:0}
.abu-boxWrap.on .abu-txt .abu-static{top:-3em}


.scroll-area{overflow:hidden}
.abu-list{width:100%;min-height:30em;margin-top:5em;box-sizing:border-box}
.abu-list:after{content:"";display:block;clear:both}
.abu-list > li{float:left;width:33.3%;box-sizing:border-box}
.abu-list > li:nth-child(1){text-align:left;padding-right:0.969em}
.abu-list > li:nth-child(2){text-align:center;padding:0 0.484em}
.abu-list > li:nth-child(3){text-align:right;padding-left:0.969em}



#footer{display:block;padding:2.4em 0;background:#333}
#footer .ft-wrap{position:relative;max-width:1300px;margin:0 auto}
#footer .ft-wrap .ft-con{display:table;width:100%;box-sizing:border-box}
#footer .ft-wrap:after{content:"";display:block;clear:both}
#footer .ft-wrap .ft-copyInfo{display:table-cell;padding-left:3em;padding-right:16em;text-align:left;vertical-align:middle;box-sizing:border-box}
#footer .ft-wrap .ft-copyInfo .copyInfo{margin-top:1.5em;font-size:0.875em;font-weight:300;color:#c1c1c1;line-height:1.6;word-break:keep-all}
#footer .ft-wrap .ft-copyInfo .copyInfo > span{display:block;word-break:keep-all}
#footer .ft-wrap .ft-copyInfo .copyInfo > span em{display:inline-block;margin-right:2px;}
#footer .ft-wrap .ft-copyInfo a{position:relative;display:inline-block;margin-left:1em;color:rgba(255,255,255,.5);font-weight:400}
#footer .ft-wrap .ft-copyInfo a:before{position:absolute;top:50%;left:-.7em;content:"";display:block;width:3px;height:3px;background:rgba(255,255,255,.5);border-radius:100%;}
#footer .ft-wrap .ft-copyInfo a:first-child{margin-left:0}
#footer .ft-wrap .ft-copyInfo a:first-child:before{display:none}

#footer .ft-wrap .ft-logo{display:table-cell;width:5em;text-align:left;vertical-align:middle}
.logo-healthCare-gray{display:block;width:8.125em;height:3.125em;background:url('/images/client/layout/logo-group.png') no-repeat 0 -8em}
#footer .ft-wrap .ft-copyInfo .copy{font-size:14px;color:#fff}
#footer .ft-wrap .ft-copyInfo .copyInfo .txt-copy{color:#989898}
#footer .btn-top{display:block;position:absolute;top:-50%;right:0;z-index:1;border-radius:50%;background:#61aa31;width:5em;height:5em;line-height:5em;color:#fff;font-size:.95em;font-weight:500;text-align:center}

.btn-linkArea{position:absolute;top:2em;right:75px;z-index:20;font-size:15px;}
.btn-linkArea > ul{display:none;position:absolute;left:0;right:0;bottom:3em;padding-top:.5em;border-bottom:1px solid rgba(255,255,255,.2);border-top-left-radius:25px;border-top-right-radius:25px;background:rgba(97,170,49,.8)}
.btn-linkArea > ul a{display:block;padding:0 2em;font-size:0.938em;color:#fff;line-height:3;text-align:left;box-sizing:border-box}
.btn-linkArea > ul a:hover,
.btn-linkArea > ul a:focus{font-weight:500}
.btn-linkArea.on > .btn-familySite{border-color:transparent;border-top-left-radius:0;border-top-right-radius:0;background:rgba(97,170,49,.8);transition:all .5s;-webkit-transition:all .5s;-ms-transition:all .5s}
.btn-linkArea.on > a{border-radius:25px}

.btn-familySite{display:block;border-color:#fff;padding:.8em 6em .8em 2em;background:rgba(97,170,49,0);font-size:0.938em !important;font-weight:400;color:#fff;box-sizing:border-box;transition:all .5s;-webkit-transition:all .5s;-ms-transition:all .5s}
.btn-familySite .ico-more{position:absolute;right:2em;top:50%;display:inline-block;width:15px;height:15px;margin-top:-7.5px;background:url(/images/client/icon/ico-common2.png) no-repeat 2px 3px;background-size:8.3em}



/* 서브비주얼 */
.sub-visual{width:100%;height:500px;transition:.3s}
.sub-visual .sub-inner{display:flex;align-items:center;max-width:1300px;height:500px;margin:0 auto;transition:.3s}
.sub-visual .visual-txt{color:#fff;font-size:1.15em;font-weight:300;line-height:1.5;letter-spacing:-.3px;word-break:keep-all;transition:.3s;}
.sub-visual .visual-txt strong{display:block;font-size:2em;font-weight:600;letter-spacing:-.3px;}

.sub-visual.introducton{background:url(/images/client/layout/sub1_visual.jpg)50%/cover no-repeat;}
.sub-visual.allLiveC{background:url(/images/client/layout/sub2_visual.jpg)50%/cover no-repeat;}
.sub-visual.alliance{background:url(/images/client/layout/sub3_visual.jpg)50%/cover no-repeat;}
.sub-visual.publicRelations{background:url(/images/client/layout/sub4_visual.jpg)50%/cover no-repeat;}
.sub-visual.recrutement{background:url(/images/client/layout/sub5_visual.jpg)50%/cover no-repeat;}

/* lnb */
.lnb{display:block;}
.m-location{display:none;}

.lnb{border-bottom:1px solid #dbdbdb;}
.lnb div{max-width:1300px;margin:0 auto;}
.lnb ul{display:table;width:100%}
.lnb ul li{display:table-cell;position:relative;max-width:0px/*width:calc(100% / 6)*/}
/*.lnb.lnb2 ul li{width:calc(100% / 2)}
.lnb.lnb4 ul li{width:calc(100% / 4)}*/
.lnb ul li:not(:last-child):after{position:absolute;top:50%;right:0;content:"";width:1px;height:18px;margin-top:-9px;background:#dbdbdb}
.lnb ul li a{position:relative;display:block;color:#333;font-size:1.1em;font-weight:500;line-height:4em;text-align:center;letter-spacing:.3px;}
.lnb ul li.on a:after{position:absolute;bottom:0;left:0;right:0;content:"";display:block;width:100%;height:2px;background:#61aa31;}
.lnb ul li.on a{color:#61aa31;font-weight:600;}


/* 상세 내부 탭 메뉴 */
.pc-tab{display:block;}
.m-select{display:none;}

.tab-btn{overflow:hidden;;width:100%;}
.tab-btn li{float:left;display:block;width:calc(100% / 2);}
/*.tab-btn.tab6 li{width:calc(100% / 6);}*/
.tab-btn.tab6 li{width:16.66%;}
.tab-btn li:not(:last-child) a{border-right:none;}
.tab-btn li a{display:block;width:100%;height:4em;border:1px solid #dbdbdb;color:#333;font-size:1em;font-weight:500;line-height:4em;text-align:center;letter-spacing:.3px;word-break:break-word;box-sizing:border-box;}
.tab-btn li.on a{background:#61aa31;color:#fff;font-weight:600;}
.tab-btn li a.line2{height:4em;padding:12px 10px;line-height:1.3}

.m-tab-btn{display:block;width:100%;padding:.7em;background:#fff url('/images/client/icon/ico-selArrow-big.png') no-repeat 100% 50%/25px;}

/* 공통 */
.con-width{max-width:1300px;margin:0 auto;}
.privacy .con-width{margin-top: 5em;}
.content{padding-top:2.5em;}

.sub-container{padding:6em 0 8em;}
.sub-container.bt-none{padding:6em 0 0}
.sub-container h1{position:relative;padding-bottom:2em;color:#333;font-size:1.8em;font-weight:700;text-align:center;letter-spacing:-.5px;}
.sub-container h1:after{position:absolute;top:55px;left:50%;content:"";width:45px;height:2px;margin-left:-22.5px;background:#61aa31;}

.img-wrap{position:relative;}

.min650-img-inner img{min-width:650px;}
.slideInfo-icon{display:none;position:absolute;top:0;left:0;width:40px;height:50px;background:url(/images/client/icon/ico-slideInfo.png)50%/32px no-repeat;transition:.3s;z-index:10}
.slideInfo-icon.scroll{opacity:.5}

/* 회사소개 */
.img-txt{position: relative;}
.img-txt:after{content:"";display:block;clear:both;}

.company-photos{margin-top:7em;}
.company-photos img{width:100%;;}
.company-photos .trans{display:none;}
/* .company-photos{margin-top:7em;padding:2em;background-color:#f7f9f5;}
.company-photos .photo1{position:relative;}
.company-photos .photo2{position:relative;text-align:right;padding-right:2%;margin-top:-9%;}
.company-photos .img{display:inline-block;position:relative;z-index:2;}
.company-photos .img img{width:100%;}
.company-photos .img span{display:block;margin-top:10px;text-align:center;color:#8d8d8d;font-size:0.95em;}
.company-photos .txt{position:absolute;top:30%;padding-bottom:30px;width:50%;border-bottom:8px solid #f0f0f0;color:#333;z-index:1;}
.company-photos .photo1 .img{width:45%;}
.company-photos .photo1 .txt{left:45%;padding-left:30px;}
.company-photos .photo2 .img{width:42%;}
.company-photos .photo2 .txt{top:55%;left: 2%;padding-right: 15%;width: 45%;} */


.company-txtBox{position:absolute;right:0;bottom:-6em;padding:5em 3em 5em 18.5em;background:#fff url(/images/client/img/alllive-logo.png)8% 42%/180px no-repeat;text-align:right;word-break:keep-all;}
.company-txtBox p{max-width:590px;color:#333;text-align:left;font-weight:400;line-height:1.5;letter-spacing:-.3px;}

.companyInfo-wrap{display:table;width:100%;margin:7em 0 6em;}
.companyInfo-wrap li{display:table-cell;width:30%;padding:1em 0;vertical-align: middle;text-align:center;}
.companyInfo-wrap li:last-child{width: 40%;}
.companyInfo-wrap li i{display:inline-block;float:left;width:50px;height:50px;margin-right:1em;}
.companyInfo-wrap li i.ico-company{background:url(/images/client/icon/ico-company1.png)50%/50px no-repeat;}
.companyInfo-wrap li i.ico-ceo{background:url(/images/client/icon/ico-company2.png)50%/50px no-repeat;}
.companyInfo-wrap li i.ico-establishment{background:url(/images/client/icon/ico-company3.png)50%/50px no-repeat;}
.companyInfo-wrap li:not(:last-child){border-right:1px solid #dbdbdb;}
.companyInfo-wrap li span{display:block;color:#999;font-size:.85em;font-weight:400;text-transform:uppercase;}
.companyInfo-wrap li p {color:#333;font-size:1em;font-weight:500;}

.companyInfo-wrap li .info-inner{display:inline-block;position:relative;max-width:20em;margin:0 auto;padding-left:70px;text-align:left;}
.companyInfo-wrap li .info-inner i{position:absolute;left:0;top:50%;margin-top:-25px;}
.companyInfo-wrap li .info-inner .txt-wrap{}

.con-table{border-top:2px solid #333333;border-collapse: collapse;}
.con-table.mgTop{margin-top:50px;}
.con-table th{background:#f7f9f5;padding-left:1.5em;font-weight:500;}

.con-table th,.con-table td{color:#333;padding:1.5em;}
/* .con-table.thtd th{border-right:1px solid #dbdbdb;} */
.con-table.thtd td{word-break:keep-all;}
.con-table.thtd th, .con-table.thtd td{border-bottom:1px solid #dbdbdb}

.greeting-wrap{margin-top:5em;}
.greeting-wrap:after{content:"";display:block;clear:both;}
.greeting-wrap h2{position:relative;float:left;width:35%;margin-top:30px;color:#333;font-size:1.8em;font-weight:600;}
.greeting-wrap h2:before{position:absolute;top:-30px;left:0;display:block;content:"";width:42px;height:2px;background:#61aa31}
.greeting-wrap div{float:right;width:65%;}
.greeting-wrap p{color:#333;word-break:keep-all;line-height:1.8;letter-spacing:-.3px;}
.greeting-wrap p strong{font-weight:500;}
.greeting-wrap p.fR{text-align:right;}
.greeting-wrap p:nth-child(1){max-width:550px}
.greeting-wrap p:nth-child(2){max-width:800px}
.greeting-wrap p:nth-child(3){max-width:770px}
.greeting-wrap p:nth-child(4){max-width:550px}
.greeting-wrap p.rightTxt{margin-top:2em;text-align:right;font-weight:400;}

.business-wrap ul{position:relative;overflow:hidden;width:100%;z-index:2;}
.business-wrap ul li{}

.business-wrap .min650-img-inner{position:relative}
.business-wrap .img-wrap{max-width:1300px;margin:0 auto}

.business-wrap .bg-area{min-width:650px;width:100%;height:0;padding-top:calc(619 / 1300 * 100%);background:url(/images/client/img/bg-business-2021.jpg)0% 50%/cover no-repeat;}
.business-wrap .bg-area ul{display:table;position:absolute;top:35%;width:calc(100% - 3.6em);padding:0 1.8em;}
.business-wrap .bg-area ul li{display:table-cell;width:25%;color:#333;text-align:center;vertical-align:middle;}
.business-wrap .bg-area ul li strong{font-size:1.6em;font-weight:600;letter-spacing:-.7px;line-height:1.1;}
.business-wrap .bg-area ul li p{margin:.8em 0 2em;font-size:.95em;font-weight:400;letter-spacing:-.3px}
.business-wrap .bg-area ul li a{display:inline-block;padding:.5em 1.5em;border-radius:50px;border:1px solid #333;font-size:.85em;transition:.3s}
.business-wrap .bg-area ul li a:hover{border:1px solid #61aa31;color:#61aa31}
.business-wrap  .slideInfo-icon{left:1em;}

.btTxt-wrap {margin-top:-3em;}
.btTxt-wrap li{position:relative;float:left;width:calc(100% / 4 - 4em);padding:0 2em;}
.btTxt-wrap li:before{content:"";display:block;position:absolute;left:9px;top:6px;width:15px;height:15px;background:url("/images/client/icon/ico_pointer.png") 0 0 no-repeat;}
.btTxt-wrap li strong{position:relative;display:block;margin-top:20px;font-size:1.2em;font-weight:600;color:#333;line-height:1.1;}
.btTxt-wrap li strong:before{position:absolute;top:-20px;left:0;display:block;content:"";width:35px;height:2px;background:#61aa31}
.btTxt-wrap li p{font-size:1em;font-weight:300;color:#333;line-height:1.7;word-break:keep-all;}

/* 연혁 */
.historyList{position:relative;}

.history-wrap{overflow:hidden;padding:2em 0;}
.history-wrap:first-child{padding-top:5em;}
.historyImg-warp, .historyTxt-wrap{width:calc(50% - 35px);}
.historyImg-warp.left, .historyTxt-wrap.left{float:left;}
.historyImg-warp.right, .historyTxt-wrap.right{float:right;padding-left:35px;}

.historyList .historyImg-warp{padding-top:5em;}
.historyList .historyImg-warp img{width:372px;}

.historyList .historyImg-warp.left img{float:right;}
.historyList .historyTxt-wrap.left{text-align:right;}

.historyList .historyTxt-wrap .historyTxt-inner{margin-top:8.5em;}
.historyList .historyTxt-wrap .historyTxt-inner.none-img{margin-top:0;}
.historyList .historyTxt-wrap .historyTxt-inner p{position:relative;padding:.5em 0;color:#333;font-size:1em;letter-spacing:-.3px}

.historyList .historyTxt-wrap .year{position:relative;color:#61aa31;font-size:1.5em;font-weight:600;}
.historyList .historyTxt-wrap .year:before{content:'';position:absolute;top:8px;width:19px;height:19px;border-radius:15px;border:1px solid #61aa31;background:#fff;z-index:10}
.historyList .historyTxt-wrap .year:after{content:'';position:absolute;top:14px;width:9px;height:9px;border-radius:15px;background:#61aa31;z-index:11}
.historyList .historyTxt-wrap.right .year:before{left:-46px;}
.historyList .historyTxt-wrap.right .year:after{left:-40px;}
.historyList .historyTxt-wrap.left .year:before{right:-46px;}
.historyList .historyTxt-wrap.left .year:after{right:-40px;}

.historyList .historyTxt-wrap .historyTxt-inner p:first-child:before{content:'';position:absolute;top:17.5px;width:9px;height:9px;border-radius:15px;background:#61aa31;z-index:11}
.historyList .historyTxt-wrap .historyTxt-inner p:first-child:after{content:'';position:absolute;top:21.5px;width:25px;height:1px;background:transparent;background:#61aa31;z-index:11}
.historyList .historyTxt-wrap.right .historyTxt-inner p:first-child:before{left:-39px;}
.historyList .historyTxt-wrap.right .historyTxt-inner p:first-child:after{left:-35px;}
.historyList .historyTxt-wrap.left .historyTxt-inner p:first-child:before{right:-40px;}
.historyList .historyTxt-wrap.left .historyTxt-inner p:first-child:after{right:-35px;}

.historyList .line {position:absolute;top:0;left:50%;bottom:0;width:1px;background:#ddd;}
.historyList .line:before{display:block;content:"";top:0;left:50%;width:10px;height:10px;margin-left:-5px;border-radius:5px;background:#61aa31;}
.historyList .line .in {position:absolute; top:0px; left:50%; bottom:90%;display:block; width:1px;background:#f37321; transition:3s}
.historyList .line .in.scroll{bottom:100%}

/* CI */
.ci-wrap{overflow:hidden;margin-top:5em;}
.ci-con{float:left;width:50%;}
.ci-down{float:right;width:40%;}

img.pc-img{display:inline-block;}
img.m-img{display:none;}

.ci-wrap .ci-title{position:relative;display:block;margin-top:20px;font-size:1.5em;font-weight:600;color:#333;}
.ci-wrap .ci-title:before{position:absolute;top:-20px;left:0;display:block;content:"";width:35px;height:2px;background:#61aa31}
.ci-wrap .ci-txt{max-width:600px;margin-top:1em;font-size:1em;font-weight:300;color:#333;line-height:1.8;word-break:keep-all;}

.ci-down .down-inner{padding:.8em 0}
.ci-down .down-inner a{float:right;display:inline-block;padding:.8em 6em .8em 1.7em;border-radius:30px;border:1px solid #333;background:url(/images/client/icon/ico-download.png)88% 50%/20px no-repeat;color:#333;font-size: 1em;font-weight:400;transition:.3s}
.ci-down .down-inner a:hover{border:1px solid #61aa31;background:url(/images/client/icon/ico-download-green.png)88% 50%/20px no-repeat;color:#61aa31}
.ci-down .down-inner:nth-child(2) img{margin-top:10px;}

.ci-info{position:relative;overflow:hidden;max-width:825px;margin:0 auto;padding:5em 0;background:url(/images/client/icon/border.png)30px 160px/1px repeat-x}
.ci-info div{float:left;text-align:center;}
.ci-info div:nth-child(1){width:110px;}
.ci-info div:nth-child(2){width:calc(100% - 220px);}
.ci-info div:nth-child(3){width:110px;}

.ci-info div span{display:block;min-height:155px;margin-top:1.5em;}
.ci-info div:nth-child(2) span{min-height:180px;margin-top:0;}

.ci-info div i{display:block;width:110px;height:110px;margin:0 auto;border-radius:80px;}
.ci-info div i.all{background:#f7f9f5 url(/images/client/icon/ico-ci1.png)50%/50px no-repeat;}
.ci-info div i.all-live{width:156px;height:156px;background:#f7f9f5 url(/images/client/icon/ico-ci2.png)50%/80px no-repeat;}
.ci-info div i.benefit{background:#f7f9f5 url(/images/client/icon/ico-ci3.png)50%/50px no-repeat;}

.ci-info div strong{color:#333;font-size:1.6em;font-weight:500;letter-spacing:-.4px;}
.ci-info div p{color:#333;letter-spacing:-.3px;}

.ci-bottom-bg{width:100%;background:#f7f9f5}
.ci-bottom-bg img {width:49%;}
.ci-bottom-bg img:nth-child(2){float:right;}
.ci-bottom-bg div{max-width:1300px;margin:0 auto;padding:4em 0 11em;background:url(/images/client/img/ci-bottomt-bg.png)50% 100%/100% no-repeat;}


/* 오시는길 */
.map-wrap{position:relative;width:100%;height:450px;background:#f7f7f7}
.map-wrap .pin{position:absolute;top:50%;left:50%;width:40px;height:55px;margin:-25.5px 0 0 -20px;background:url(/images/client/icon/map-pin.png)50%/40px no-repeat}

td.address-wrap span.address{display:block;margin-bottom:5px;}
td.address-wrap i{display:inline-block;width:19px;height:20px;margin-right:5px;background:url(/images/client/icon/ico-map.png)15px no-repeat;vertical-align:-4px}

td.address-wrap i.subway{background-position:3px 0}
td.address-wrap i.walk{background-position:-17px 50%}
td.address-wrap i.bus{background-position:-36px 0}


/* 올리브씨 */
.allliveCon-wrap{overflow:hidden;margin-bottom:5em;}
.alllivec-img.right{float:right;width:45.231%;}
.alllive-con.left{float:left;width:54.769%;}

.alllivec-img.left{float:left;width:46%;}
.alllive-con.right{float:right;width:44%;padding-left:10%;}

.alllive-con.content2{padding-top:4em;}
.alllive-con.content3{padding-top:3em;}

.alllive-con h2{position:relative;margin-bottom:1em;padding:3.1em 0 0 40px;color:#333;font-size:1.85em;font-weight:300;line-height:1.3;z-index:30;word-break:keep-all;}
.alllive-con h2:after{position:absolute;top:28px;left:0;display:block;color:#f4f4f4;font-size:4em;font-weight:700;line-height:.8em;letter-spacing:-1px;z-index:-1;}
.alllive-con.content1 h2:after{content:"01";}
.alllive-con.content2 h2:after{content:"02";}
.alllive-con.content3 h2:after{content:"03";}
.alllive-con.content4 h2:after{content:"04";}
.alllive-con.num-none h2:after{display:none}
.alllive-con h2 strong{display:block;font-weight:700;}
.alllive-con h2 strong span{color:#7db340}

.alllive-con-inner{padding-left:40px}
.alllive-con-inner li{display:table;overflow:hidden;width:95%;padding:.7em 0}
.alllive-con-inner li div{display:table-cell;vertical-align:middle;}
.alllive-con-inner li div.i-wrap{width:100px;}
.alllive-con-inner li i{display:inline-block;width:80px;height:80px;border-radius:50px;background-color:#f7f9f5;background-repeat:no-repeat;background-position:50%;background-size:36px;}
.alllive-con-inner li strong{display:block;margin-bottom:5px;font-weight:500;color:#333;}
.alllive-con-inner li p{position:relative;padding-left:10px;color:#333;line-height:1.7;word-break:keep-all;}
.alllive-con-inner li p:before{position:absolute;top:0px;left:0;content:"·";display:block;width:10px;height:16px;color:#333;}

.alllive-con-inner li i.con1-1{background-image:url(/images/client/icon/ico-allliveCon1-1.png);background-position:60% 50%;}
.alllive-con-inner li i.con1-2{background-image:url(/images/client/icon/ico-allliveCon1-2.png);background-position:55% 50%;}
.alllive-con-inner li i.con1-3{background-image:url(/images/client/icon/ico-allliveCon1-3.png);}

.alllive-con-inner li i.con2-1{background-image:url(/images/client/icon/ico-allliveCon2-1.png);background-position:57% 50%;}
.alllive-con-inner li i.con2-2{background-image:url(/images/client/icon/ico-allliveCon2-2.png);}
.alllive-con-inner li i.con2-3{background-image:url(/images/client/icon/ico-allliveCon2-3.png);background-position:58% 50%;}

.alllive-con-inner li i.con3-1{background-image:url(/images/client/icon/ico-allliveCon3-1.png);}
.alllive-con-inner li i.con3-2{background-image:url(/images/client/icon/ico-allliveCon3-2.png);}
.alllive-con-inner li i.con3-3{background-image:url(/images/client/icon/ico-allliveCon3-3.png);}

.alllive-con-inner li i.con4-1{background-image:url(/images/client/icon/ico-allliveCon4-1.png);}
.alllive-con-inner li i.con4-2{background-image:url(/images/client/icon/ico-allliveCon4-2.png);}
.alllive-con-inner li i.con4-3{background-image:url(/images/client/icon/ico-allliveCon4-3.png);}

.alllive-con-inner li i.con5-1{background-image:url(/images/client/icon/ico-allliveCon5-1.png);}
.alllive-con-inner li i.con5-2{background-image:url(/images/client/icon/ico-allliveCon5-2.png);}
.alllive-con-inner li i.con5-3{background-image:url(/images/client/icon/ico-allliveCon5-3.png);}

.alllive-con-inner li i.con6-1{background-image:url(/images/client/icon/ico-allliveCon6-1.png);}
.alllive-con-inner li i.con6-2{background-image:url(/images/client/icon/ico-allliveCon6-2.png);}
.alllive-con-inner li i.con6-3{background-image:url(/images/client/icon/ico-allliveCon6-3.png);}

.alllive-con-inner li i.con7-1{background-image:url(/images/client/icon/ico-allliveCon7-1.png);}
.alllive-con-inner li i.con7-2{background-image:url(/images/client/icon/ico-allliveCon7-2.png);}
.alllive-con-inner li i.con7-3{background-image:url(/images/client/icon/ico-allliveCon7-3.png);}

.alllive-con-inner li i.con8-1{background-image:url(/images/client/icon/ico-allliveCon8-1.png);}
.alllive-con-inner li i.con8-2{background-image:url(/images/client/icon/ico-allliveCon8-2.png);}
.alllive-con-inner li i.con8-3{background-image:url(/images/client/icon/ico-allliveCon8-3.png);}
.alllive-con-inner li i.con8-4{background-image:url(/images/client/icon/ico-allliveCon8-4.png);}

.alllive-con-inner li i.con10-1{background-image:url(/images/client/icon/ico-allliveCon10-1.png);}
.alllive-con-inner li i.con10-2{background-image:url(/images/client/icon/ico-allliveCon10-2.png);}

.con1-btn-wrap{overflow:hidden;padding:1.5em 0 0 40px;}
.con1-btn-wrap li{float:left;margin-right:1em;}
.green-btn{display:inline-block;padding:.8em 1em;border-radius:30px;border:1px solid #333;color:#333!important;font-size:.95em;font-weight:400;text-align:center;transition:all .2s;-webkit-transition:all .2s;-ms-transition:all .2s}
.green-btn.static-green{border-color:#7db340;color:#7db340 !important;}
.green-btn:hover{border-color:#7db340;color:#7db340 !important;transition:all .2s;-webkit-transition:all .2s;-ms-transition:all .2s;}
.google-btn{display:inline-block;width:148px;height:50px;background:url(/images/client/icon/google-btn.png)50%/100% no-repeat;text-indent:-9999px;}
.apple-btn{display:inline-block;width:148px;height:50px;margin-right:0.5em;background:url(/images/client/icon/app-btn.png)50%/100% no-repeat;text-indent:-9999px;}
.app-btn{display:inline-block;width:148px;height:50px;background:url(/images/client/icon/app-btn.png)50%/100% no-repeat;text-indent:-9999px;}

.btn-wrap{overflow:hidden;padding:1em 0 0 40px;}
.btn-wrap a{display:inline-block;float:left;width:180px;height:50px;padding-left:1.2em;border-radius:50px;border:1px solid #333;color:#333!important;background:url(/images/client/icon/ico-download.png)88% 50%/20px no-repeat;font-size:.95em;font-weight:400;transition:all .2s;-webkit-transition:all .2s;-ms-transition:all .2s;}
.btn-wrap a.download-btn{line-height:50px;margin-right:1em;}
.btn-wrap a.oneStop-btn{line-height:1.2}
.btn-wrap a.oneStop-btn.play{background:url(/images/client/icon/ico-play.png) no-repeat 90% 50%}
.btn-wrap a.oneStop-btn.play:hover{background:url(/images/client/icon/ico-play-green.png) no-repeat 90% 50%}
.btn-wrap a.oneStop-btn span{display:inline-block;margin-top:9px;font-size:.5em;font-weight:500;}
.btn-wrap a:hover{border-color:#72b530;color:#72b530 !important;background:url(/images/client/icon/ico-download-green.png)88% 50%/20px no-repeat;transition:all .2s;-webkit-transition:all .2s;-ms-transition:all .2s;}

.btn-wrap a.btn-basic{margin-right:1em;padding:0 1.2em;width:162px;line-height:50px;text-align:center}
.btn-wrap a.btn-basic,
.btn-wrap a.btn-basic:hover{background:none}

.flex-btnWrap{display:table;table-layout:fixed;width:100%;padding-right:1.5em;box-sizing:border-box}
.flex-btnWrap > div{display:table-cell;padding-left:1em;box-sizing:border-box}
.flex-btnWrap > div a,
.flex-btnWrap > div .btn-wrap a.btn-basic{display:block;width:100% !important;margin:0;box-sizing:border-box}
.flex-btnWrap > div a.btn-basic{padding:0}

.bg-bottom-box{overflow:hidden;background:#f7f9f5;padding:3em 0;}
.bg-bottom-box p{display:inline-block;float:left;margin-top:17px;font-size:1.1em;font-weight:400;color:#333;}
.bg-bottom-box a{display:inline-block;float:right;padding:1em 4em;border-radius:50px;background:#7db340;color:#fff!important;font-size:1em;font-weight:500;}


.tbl-simple{margin-top:1em;}
.tbl-simple tr{border-bottom:1px solid #dbdbdb;}
.tbl-simple th,
.tbl-simple td{text-align:center}
.tbl-simple th{border-top:1px solid #333;padding:.8em .2em;background:#f7f9f5}
.tbl-simple td{padding:.6em .2em;font-size:.95em;font-weight:400;word-break:keep-all}
.tbl-simple th:first-child,
.tbl-simple td:first-child,
.tbl-simple .no-line td{border-left:none}

.tbl-simple th,
.tbl-simple td{border-left:1px solid #dbdbdb}




/* 파트너 */
.partner-list{padding-top:3em;}
.partner-list ul{overflow:hidden;}
.partner-list ul li{float:left;width:calc(100% / 5);padding:1.5em 0;text-align:center;}

.table-wrap.second{margin-top:3em;}
.table-header{overflow:hidden;padding-bottom:.7em;}
.tb-title{float:left;color:#333;font-size:1.2em;font-weight:600;letter-spacing:-.3px;}
.tb-small{float:right;margin-top:7px;color:#707070;font-size:.85em;font-weight:300;}
span.gr-txt{color:#58b530;}
.con-table.alliance input{width:45%;}
.con-table.second input{width:100%;}
.ipt-phone{width:45%;}
.ipt-phone select{padding:.7em}
.ipt-phone select, .ipt-phone input{float:left;width:calc(100% / 3 - 20px)!important}
.ipt-phone i{float:left;padding:0 6px 0 4px;line-height:3.06em;}
.alliance-select select{width:45%;padding:.7em;}
.alliance-txtarea{min-height:200px}

.agree-area{margin-top:3em;}
.agree-area .agree-title{margin-bottom:.7em;color:#333;font-size:1.2em;font-weight:600;letter-spacing:-.3px;}

.agree-wrap{padding:1.5em .7em;border-top:2px solid #333;border-bottom:1px solid #dbdbdb}
.agree-gray{margin-top:.5em;color:#999;word-break:keep-all;}

.m-0{margin:0 !important;}
.my-1{margin:0.5em 0 !important;}
.mt-2{margin-top:1.8em !important;}

.checkbox.gr {overflow:hidden;position:relative;display:inline-block;width:20px;height:20px;margin-right:10px;vertical-align:-4px;cursor:pointer}
.checkbox.gr input[type=checkbox]{width:20px;height:20px}
.checkbox.gr i{position:absolute;top:0;left:0;right:0;bottom:0;background:#fff url(/images/client/icon/ico-check-box.png) no-repeat 0 0}
.checkbox.gr input[type=checkbox]:checked + i{background-position: 100% 0}
.checkbox.gr input[type=checkbox]:checked:disabled + i{background:#d8d8d8 url(/images/client/icon/ico-check-box.png) no-repeat 100% 0}

.checkbox.gr input[type=radio]{position:relative;width:20px;height:20px;z-index:2;opacity:0;}
.checkbox.gr input[type=radio]:checked + i{background-position: 100% 0;z-index:1}
.checkbox.gr input[type=radio]:checked:disabled + i{background:#d8d8d8 url(/images/client/icon/ico-check-box.png) no-repeat 100% 0}

.gray-table{margin:1em 0 0;border:1px solid #dbdbdb;}
.gray-table tr:not(:last-child) th, .gray-table tr:not(:last-child) td{border-bottom:1px solid #dbdbdb}
.gray-table th, .gray-table td{padding:1em;word-break:keep-all;}
.gray-table th{background:#fafafa;font-weight:500}

.agree-btTxt{margin-top:.5em;padding:.5em .7em;color:#999;font-size:.9em;word-break:keep-all;}
.grBtn-wrap{margin-top:2em;text-align:center;}
.grBtn-wrap a{display:inline-block;width:12em;margin:0 .5em;padding:1em 0;border-radius:50px;font-weight:500;text-align:center}
.grLine-btn{border:1px solid #7db340;color:#7db340!important;}
.grColor-btn{border:1px solid #7db340;background:#7db340;color:#fff!important;}

/* 홍보센터 */
.news-list-top{overflow:hidden;}
.total-info{float:left;margin-top:28px;font-size:.9em;font-weight:400;}
.search-wrap{overflow:hidden;float:right;width:35%;}
.search-wrap select{float:left;width:30%;padding:.72em}
.search-wrap input{float:left;width:calc(50% - 10px)!important;margin:0 5px;}
.search-wrap a{float:left;display:block;width:20%;height:50px;line-height:50px;background:#7db340;color:#fff!important;text-align:center;}

.content-list{margin-top:1.7em;border-top:1px solid #333}
.news-list li{display:table;overflow:hidden;width:calc(100% - 3em);padding:1.5em;vertical-align:middle;border-bottom:1px solid #dbdbdb}
.news-thumb{display:table-cell;width:30%;vertical-align:middle;}
.news-thumb a{overflow:hidden;display:block;}
.news-con{display:table-cell;width:calc(70% - 1em);padding-left:2em;vertical-align:middle;}
.news-con a{display:block;margin-top:.3em;color:#333!important;font-size:1.2em;font-weight:500;word-break:keep-all;}
.news-con a:hover{color:#7db340!important}
.news-con .news-txt{overflow:hidden;height:5.2em;margin:1em 0;color:#333;font-size:1em;letter-spacing:-.3px;word-break:keep-all;white-space:normal;line-height:1.8;text-align:left;word-wrap:break-word;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient: vertical;}
.news-con .news-date{font-size:.9em;color:#999999}

.paginate{margin:3em 0 0;text-align:center;}
.paginate a, .paginate strong{display:inline-block;margin:0 3px;width:30px;height:30px;line-height:30px;font-size:.9em;color:#999}
.paginate strong{border-radius:30px;background:#7db340;color:#fff;}
.paginate a:hover{color:#7db340}

.view-wrap{width:100%;border-top:1px solid #333}
.view-wrap .view-info{border-bottom:1px solid #e8e8e8;padding:1.5em 1em;color:#333;font-size:1em;}
.view-wrap .view-info .view-title{display:inline-block;width:80%;;font-weight:500}
.view-wrap .view-info .view-date{float: right;display:inline-block;color:#999;font-size:.95em}
.view-wrap .view-con{width:100%;padding:3em 1em;border-bottom:1px solid #e8e8e8;box-sizing:border-box;color:#333;line-height:1.7;letter-spacing:-.3px;word-break:keep-all}
.view-wrap .view-conImg{margin-bottom:3em;text-align:center;}
.view-wrap .view-con p > a{word-break:break-all;}
.view-wrap .view-linkPage{padding:0 1em;border-bottom:1px solid #e8e8e8;color:#333;}
.view-wrap .view-linkPage a{display:inline-block;padding:1.5em 0 1.5em 2em;font-size:1em;color:#333!important;}
.view-wrap .view-linkPage .btn-prevPage,
.view-wrap .view-linkPage .btn-nextPage{padding-left:0;font-weight:500;}
.view-wrap .view-linkPage .btn-prevPage:before,
.view-wrap .view-linkPage .btn-nextPage:before{float:right;content:"";display:inline-block;width:27px;height:27px;margin-left:40px;background:url(/images/client/icon/btn-listPage.png)50%/12px no-repeat;}
.view-wrap .view-linkPage .btn-nextPage:before{transform: rotate(180deg);}

.none-linkPage{display:inline-block;padding:1.5em 0 1.5em 2em;color:#999}

.newsLetter-list{overflow:hidden;padding-top:1.5em;}
.newsLetter-list li{float:left;display:inline-block;width:calc(100% / 3 - 1em);margin:.5em;border:1px solid #dbdbdb;box-sizing:border-box;transition:.3s}
.newsLetter-list li a{display:block;padding:1em;font-weight:500;color:#333;}
/* .newsLetter-list li:nth-child(2+3n){width:calc(100% / 3 - 2em);margin:0 1em} */
.letterImg-wrap{width:100%;}
.letterImg-wrap img{width:100%;}

.notice-list li{overflow:hidden;border-bottom:1px solid #dbdbdb;}
.notice-list li span, .notice-list li p{display:block;float:left;color:#333;padding:1.5em 0;font-size:1em;word-break:keep-all;}
.notice-list li span{width:10%;text-align:center;}
.notice-list li p:nth-child(2){width:calc(80% - 1em);padding-right:1em;}
.notice-list li p:nth-child(3){width:10%}


/* 인재채용 */
.recrute-wrap{text-align:center;}
.sub-tit{color:#333;font-size:1.2em;font-weight:400;letter-spacing:-.4px;word-break:keep-all;}
.recrute-list{overflow:hidden;margin-top:2em;padding-top:5em;}
.recrute-list li{position:relative;float:left;width:calc(100% / 3 - 8em);margin:2em;padding:3em 2em;box-shadow:1px 1px 10px rgba(0,0,0,.13);word-break:keep-all;}
.recrute-list li i{position:absolute;;top:-75px;left:50%;display:block;width:150px;height:150px;margin-left:-75px;background:url(/images/client/img/gr-circle.png)50%/150px no-repeat;}
.recrute-list li i:before{position:absolute;content:"";display:block;top:37px;left:50%;width:70px;height:70px;margin-left:-35px;}
.recrute-list li:nth-child(1) i:before{background:url(/images/client/icon/recurutement-con1.png)50%/70px no-repeat}
.recrute-list li:nth-child(2) i:before{background:url(/images/client/icon/recurutement-con2.png)50%/70px no-repeat}
.recrute-list li:nth-child(3) i:before{background:url(/images/client/icon/recurutement-con3.png)50%/70px no-repeat}

.recrute-list .con-box{padding-top:4em;color:#333;}
.recrute-list .con-box strong{position:relative;font-size:1.2em;font-weight:500;}
.recrute-list .con-box strong:after{position:absolute;content:"";bottom:-10px;left:50%;width:30px;height:1px;margin-left:-15px;background:#7db340;}
.recrute-list .con-box p{padding-top:2.5em;letter-spacing:-.3px;}

.welfare-list{overflow:hidden;margin-top:2em;border-top:1px solid #333;}
.welfare-list li{position:relative;float:left;width:calc(100% / 4);padding:1.5em 0;border-bottom:1px solid #dbdbdb;font-size:1em;font-weight:500;color:#333;letter-spacing:-.4px;}
.welfare-list li:after{content:"";display:block;position:absolute;top:50%;right:0;width:1px;height:80px;margin-top:-40px;background:#dbdbdb;}
.welfare-list li:nth-child(4n):after{display:none;}

.welfare-list li i{display:block;width:60px;height:60px;margin:0 auto .5em;}
.welfare-list li:nth-child(1) i{background:url(/images/client/icon/welfare-con1.png)50%/60px no-repeat;}
.welfare-list li:nth-child(2) i{background:url(/images/client/icon/welfare-con2.png)50%/60px no-repeat;}
.welfare-list li:nth-child(3) i{background:url(/images/client/icon/welfare-con3.png)50%/60px no-repeat;}
.welfare-list li:nth-child(4) i{background:url(/images/client/icon/welfare-con4.png)50%/60px no-repeat;}
.welfare-list li:nth-child(5) i{background:url(/images/client/icon/welfare-con5.png)50%/60px no-repeat;}
.welfare-list li:nth-child(6) i{background:url(/images/client/icon/welfare-con6.png)50%/60px no-repeat;}
.welfare-list li:nth-child(7) i{background:url(/images/client/icon/welfare-con7.png)50%/60px no-repeat;}
.welfare-list li:nth-child(8) i{background:url(/images/client/icon/welfare-con8.png)50%/60px no-repeat;}

.recrute-step{}
.recrute-step{overflow:hidden;max-width:980px;margin:1em auto 0}
.recrute-step li{position:relative;float:left;width:calc(100% / 4);font-size:1.2em;font-weight:500;text-align:center;color:#333;letter-spacing:-.4px;}
.recrute-step li:not(:last-child):after{content:"";display:block;position:absolute;top:50%;right:-10px;width:15px;height:27px;margin-top:-28px;background:url(/images/client/icon/step-arrow.png)50%/15px no-repeat;}
.recrute-step li i{position:relative;top:0;left:50%;display:block;width:150px;height:150px;margin:0 0 0.7em -75px;background:url(/images/client/img/gr-circle.png)50%/150px no-repeat;}
.recrute-step li i:before{position:absolute;content:"";display:block;top:33px;left:50%;width:70px;height:80px;margin-left:-35px;}

.recrute-step li:nth-child(1) i:before{background:url(/images/client/icon/recruteStep1.png)50%/70px no-repeat}
.recrute-step li:nth-child(2) i:before{background:url(/images/client/icon/recruteStep2.png)50%/70px no-repeat}
.recrute-step li:nth-child(3) i:before{background:url(/images/client/icon/recruteStep3.png)50%/70px no-repeat}
.recrute-step li:nth-child(4) i:before{background:url(/images/client/icon/recruteStep4.png)50%/70px no-repeat}

.recruteTxt-list{margin-top:3em;border-top:1px solid #333;}
.recruteTxt-list li{padding:1.5em 1em;border-bottom:1px solid #dbdbdb;color:#333;}
.recruteTxt-list li p{position:relative;padding-left:.7em;letter-spacing:-.3px;word-break:keep-all;}
.recruteTxt-list li p:before{content:"";display:block;position:absolute;top:11px;left:0;width:4px;height:4px;background:#7db340;}

.recruteBox-list{overflow:hidden;padding-top:1.5em;}
.recruteBox-list li{float:left;width:calc(100% / 3 - .7em);padding:3em 1.5em;border:1px solid #dbdbdb;box-sizing:border-box;transition:.3s}
.recruteBox-list li:hover{border:1px solid #7db340}
.recruteBox-list li:not(:last-child){margin-right:1em;}

.recruteBox-list li:nth-child(1) h2,.recruteBox-list li:nth-child(3) h2{max-width:230px}
.recruteBox-list li:nth-child(2) h2{max-width:300px;}


.smallBox-wrap span{padding:.2em .5em;font-size:.8em;font-weight:400;}
.smallBox-wrap span:nth-child(1){border:1px solid #7db340;background:#7db340;color:#fff;}
.smallBox-wrap span:nth-child(2){border:1px solid #dbdbdb;color:#7db340;margin-left:-4px;}

.smBox-txt{padding:1em 0 3em;color:#333;}
.smBox-txt p{font-size:.95em;font-weight:400;letter-spacing:-.3px;}
.smBox-txt h2{overflow:hidden;height:2.6em;padding-top:.2em;font-size:1.8em;font-weight:700;line-height:1.3;letter-spacing:-.7px;word-break:keep-all;white-space:normal;word-wrap:break-word;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;}
.smBox-bt{padding-top:1em;border-top:1px solid #dbdbdb;letter-spacing:-.3px;color:#999}

.photo-list{overflow:hidden;margin-top:3em;}
.photo-list img{float:left;width:calc(100% / 3 - 1em)}
.photo-list img:not(:last-child){margin-right:1.5em}

.btn-social{text-align: center;}
.btn-social li{display:inline-block;margin-left:20px;font-size:0;}
.btn-social li a{display:block;width:64px;height:64px;border: 1px solid #b6b6b6;border-radius:50%;}
.btn-social li a i{display:inline-block;width:29px;height:27px;margin-top: 18px;}
.btn-social li a.btn-all i{background: url("/images/client/icon/ico-common.png") no-repeat;background-position:-6px -95px;}
.btn-social li a.btn-facebook i{background: url("/images/client/icon/ico-common.png") no-repeat;background-position: -37px -95px;}
.btn-social li a.btn-instagram i{background: url("/images/client/icon/ico-common.png") no-repeat;background-position: -71px -95px;}
.btn-social li a.btn-youtube i{background: url("/images/client/icon/ico-common.png") no-repeat;background-position: -114px -95px;}
.btn-social li:first-child {margin-left: 0;}
.btn-social li.on a{background-color: #7db340;border-color: #7db340;}
.btn-social li.on a.btn-all i{background: url("/images/client/icon/ico-common.png") no-repeat;background-position: -6px -130px;}
.btn-social li.on a.btn-facebook i{background: url("/images/client/icon/ico-common.png") no-repeat;background-position: -36px -130px;}
.btn-social li.on a.btn-instagram i{background: url("/images/client/icon/ico-common.png") no-repeat;background-position: -72px -130px}
.btn-social li.on a.btn-youtube i{background: url("/images/client/icon/ico-common.png") no-repeat;background-position: -113px -130px}

.social-con{max-width:1300px;width:100%;}
.social-con > div{overflow:hidden;border:none;}
.social-con > div > ul{overflow: hidden;max-width:1300px;width: 100%;margin: 37px auto 0;grid-template-columns:repeat(auto-fill, minmax(150px, 1fr));grid-auto-rows:20px;grid-gap:5px;transition: all .5s; }
.social-con > div li.grid-sizer,.social-con > div li.grid-item {width:calc(90% / 3);}
.social-con > div li.gutter-sizer{width:5%}
.social-con > div li.grid-item{display: none;  float: left;border: 1px solid #d7d7d7;margin-bottom: 65px;box-sizing:border-box;}
.social-con > div li.grid-item .img{display: block;}
.social-con > div li.grid-item .img img{width: 100%;}
.social-con > div li.grid-item .social-cate{position: relative;display:block;height:62px;padding:0 1.5em;border-bottom: 1px solid #d7d7d7;font-size: 1.2em;font-weight: 500;line-height: 62px;box-sizing: border-box; }
.social-con > div li.grid-item .social-cate > i {float: left;display: inline-block;width: 38px;height: 38px;margin: 11px 15px 0 0;text-indent: -9999em; }
.social-con > div li.grid-item .social-cate > i.ico-facebook {background: url("/images/client/icon/ico-common.png") no-repeat;background-position: -98px -47px; }
.social-con > div li.grid-item .social-cate > i.ico-insta {background: url("/images/client/icon/ico-common.png") no-repeat;background-position: -6px -47px; }
.social-con > div li.grid-item .social-cate > i.ico-youtube {background: url("/images/client/icon/ico-common.png") no-repeat;background-position:-51px -47px}
.social-con > div li.grid-item .social-cate > i.ico-naver {background: url("/images/client/icon/ico-common.png") no-repeat;background-position: -145px -47px; }
.social-con > div li.grid-item .social-cate .btn-share {position: absolute;top: 0;right: 0;display: inline-block;width: 3.1em;text-align: center;cursor: pointer; }
.social-con > div li.grid-item .social-cate .btn-share > i {display:inline-block;width: 1.5em;height: 1.8em;background: url("/images/client/icon/ico-common.png") no-repeat;background-position:-112px -171px;vertical-align: middle; }
.social-con > div li.grid-item .social-cate .btn-share .list-share {display: none;position: absolute;top: 61px;right: -1px;z-index: 9999;width: 145px;padding: .2em .5em;background-color: #fff;border: 1px solid #d7d7d7;text-align: center;vertical-align: middle;line-height: 1; }
.social-con > div li.grid-item .social-cate .btn-share .list-share:before {position: absolute;top: -6px;right: 26px;content: "";display: block;width: .5em;height: .5em;border-top: 1px solid #d7d7d7;border-left: 1px solid #d7d7d7;background-color: #fff;transform: rotate(45deg);-webkit-transform: rotate(45deg);-ms-transform: rotate(45deg); }
.social-con > div li.grid-item .social-cate .btn-share .list-share a {display: inline-block;width: 45px;height: 45px;}
.social-con > div li.grid-item .social-cate .btn-share .list-share a i {display:inline-block;width: 1.4em;height: 1.4em;margin-top: 0.55em;}
.social-con > div li.grid-item .social-cate .btn-share .list-share a i.share-talk {background: url("/images/client/icon/ico-common.png") no-repeat;background-position: -14px -220px; }
.social-con > div li.grid-item .social-cate .btn-share .list-share a i.share-facebook {background: url("/images/client/icon/ico-common.png") no-repeat;background-position: -60px -220px; }
.social-con > div li.grid-item .social-cate .btn-share .list-share a i.share-twitter {background: url("/images/client/icon/ico-common.png") no-repeat;background-position: -151px -220px; }
.social-con > div li.grid-item .social-cate .btn-share.open {border-left: 1px solid #d7d7d7;}
.social-con > div li.grid-item .social-cate .btn-share.open > i {background: url("/images/client/icon/ico-common.png") no-repeat;background-position: -152px -170px; }
.social-con > div li.grid-item .social-cate .btn-share.open .list-share {display: block;}
.social-con > div li.grid-item .info p {color:#333;padding: 1em 1.5em;box-sizing: border-box; }
.social-con .grid-item.show {display: block !important; }

.empty_li{padding:10em 0;text-align:center;}
.recruteBox-list .empty_li{float:none;width:100%;padding:9em 0 10em;border:none;border-bottom:1px solid #dbdbdb;text-align:center}
.recruteBox-list .empty_li:hover{border:none;border-bottom:1px solid #dbdbdb;}
.newsLetter-list .empty_li{float:none;width:100%;padding:9em 0 10em;border:none;border-bottom:1px solid #dbdbdb;text-align:center}

/* 개인정보 */
.sub-container.privacy .privacy-top{margin-bottom:1.5em;padding-bottom:1.5em;border-bottom:1px solid #333;}
.sub-container.privacy .privacy-top h1{display:inline-block;padding-bottom:0;color:#333;font-size:1.8em;font-weight:700;text-align:left;;letter-spacing:-.5px;}
.sub-container.privacy .privacy-top h1:after{display:none;}
.sub-container.privacy .privacy-top p{display:inline-block;float:right;margin-top:20px;color:#333;}
.sub-container.privacy strong{display:block;margin:1.5em 0 .3em;color:#333;font-size:1em;font-weight:500;letter-spacing:-.3px;word-break:keep-all;}
.sub-container.privacy p{color:#333;font-size:.95em;font-weight:300;line-height:1.8;letter-spacing:-.3px;word-break:keep-all;}
.sub-container.privacy p span.p-strong{display:block;margin:1em 0 .1em;font-weight:500;}
.sub-container.privacy p span.p-dot{position:relative;display:block;margin-left:1em;padding-left:.5em;}
.sub-container.privacy p span.p-dot:before{position:absolute;top:15px;left:0;width:2px;height:2px;background:#333;display:block;content:"";}

.sub-container.privacy table{margin:.5em 0;border:1px solid #dbdbdb;}
.sub-container.privacy table.max{max-width:100%}
.sub-container.privacy table{max-width:70%;}
.sub-container.privacy table th{padding:.5em 0;font-size:.88em;font-weight:400;border-bottom:1px solid #dbdbdb;}
.sub-container.privacy table th:not(:last-child), .sub-container.privacy table td:not(:last-child){border-right:1px solid #dbdbdb}
.sub-container.privacy table tr:not(:last-child){border-bottom:1px solid #dbdbdb}
.sub-container.privacy table td{font-size:.88em;padding:.5em;word-break:keep-all}

/* 뷰티씨 - 서브 */
.beautyc .alllive-con h2 strong span{color:#ba75fc}
.beautyc .green-btn{padding:.8em 1.3em;color:#ba75fc!important;border:1px solid #ba75fc}

.beautyc .alllive-con-inner li i.con1-1{background:#fbf8ff url('/images/client/icon/ico-beautyCon1-1.svg')60% 51%/35px no-repeat;}
.beautyc .alllive-con-inner li i.con1-2{background:#fbf8ff url('/images/client/icon/ico-beautyCon1-2.svg')50%/25px no-repeat;}
.beautyc .alllive-con-inner li i.con1-3{background:#fbf8ff url('/images/client/icon/ico-beautyCon1-3.svg')50%/26px no-repeat;}

.beautyc .alllive-con-inner li i.con2-1{background:#fbf8ff url('/images/client/icon/ico-beautyCon2-1.png') center center no-repeat;}
.beautyc .alllive-con-inner li i.con2-2{background:#fbf8ff url('/images/client/icon/ico-beautyCon2-2.png') center center no-repeat;}
.beautyc .alllive-con-inner li i.con2-3{background:#fbf8ff url('/images/client/icon/ico-beautyCon2-3.png') center center no-repeat;}

.alllive-con .p-wrap span{color:#7db340}
.alllive-con-inner{padding-left: 10px; !required}
.flex-btnWrap{display:table;table-layout:fixed;}
.flex-btnWrap > div{display:table-cell;padding-left: 3.5em;box-sizing:border-box;/* margin-left: 6em; */}