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

body{overflow-x:hidden;}
/*body::-webkit-scrollbar {width:0.1px;position:fixed;top:0;right:0;}*/
/*body::-webkit-scrollbar-thumb {width:0.1px;background:#c1c1c1;position:fixed;top:0;right:0;}*/
/*body::-webkit-scrollbar-track {width:0.1px;background:#f1f1f1;position:fixed;top:0;right:0;}*/
/* common */
.ir{display:block;overflow:hidden;position:relative;z-index:-1;height:0;width:0;font-size:11px;white-space:nowrap}

.color-blue{color:#336BFF}
.color-red{color:#DA4538}
.color-orange{color:#F15E27}
.color-gray{color:#858585}
.bold{font-weight:700;}

.part-MO{display:none;}
.part-PC{display:none;}
.pc-view .part-MO{display:none;}
.pc-view .part-PC{display:block;}
.m-view .part-PC{display:none;}
.m-view .part-MO{display:block;}

/* sec */
.sec{position:relative;}
.sec .inner{width:1280px;margin:0 auto;}
.sec .inner .sec-tit{position:relative;font-size:70px;font-weight:700;color:#F15E27;line-height:78px;text-align:center;font-family:"Open Sans",sans-serif;letter-spacing:-2px;padding-top:150px;}
.sec .inner .sec-sub{font-size:20px;line-height:28px;text-align:center;margin-top:40px}
.sub .sec{padding-top:150px}
.sub .sec:first-child{padding-top:100px}
.sub .sec .inner .sec-tit{position:relative;color:#333;text-align:left;font-size:40px;padding:0 0 0 15px;}
.sub .sec .inner .sec-tit:after{content:'';position:absolute;top:calc(50% - 20px);left:0;width:5px;height:40px;background:#F15E27}
.sub .sec .inner .sec-txt{font-size:30px;line-height:38px;margin-top:80px;font-weight:700;}
.sub .sec .inner .sec-sub{font-size:20px;line-height:28px;text-align:left;}
.sub .sec .inner h4.sec-tit{font-size:40px;line-height:59px}
.sub .sec .inner h4.sec-tit:after{bottom:-16px;}
.sub .sec:last-child{padding-bottom:200px;}
.part-MO .sec{position:relative;}
.part-MO .sec .inner{margin:0 auto;padding:0 20px;width:initial}
.part-MO .sec .inner .sec-tit{font-size:40px;line-height:48px;padding-top:100px;}
.part-MO .sec .inner .sec-sub{font-size:16px;line-height:24px;margin-top:20px}
.part-MO .sub .sec{padding-top:100px}
.part-MO .sub .sec:first-child{padding-top:50px}
.part-MO .sub .sec .inner .sec-tit{font-size:30px;padding:0 0 0 15px}
.part-MO .sub .sec .inner .sec-txt{font-size:26px;line-height:34px;margin-top:50px;}
.part-MO .sub .sec .inner .sec-sub{font-size:16px;line-height:24px;}
.part-MO .sub .sec .inner h4.sec-tit{font-size:30px;line-height:38px}
.part-MO .sub .sec:last-child{padding-bottom:100px;}

/* box-f */
.box-f:after{content:'';display:block;clear:both;}
.box-f .box-l{float:left;}
.box-f .box-r{float:right;}

/* board */
.board .control{position:relative;margin-top:50px;height:53px}
.board .box-search{position:absolute;top:0;right:0;width:225px;;}
.board .box-search .inp{width:225px;line-height:53px;box-sizing:border-box;border:1px solid #ddd;height:53px;border-radius:27px;padding:0 60px 0 20px;font-size:20px;color:#858585 ;}
.board .box-search .submit{position:absolute;top:0;right:10px;width:53px;height:53px;border-radius:27px;border:none;background:url('/img/common/icon-search.png') center no-repeat;background-size:28px 29px;padding:0;}
.board .box{font-size:16px;line-height:24px;margin-top:20px;width:100%;border-top:1px solid #858585;}
.board .box li{overflow:hidden;padding-right:370px;position:relative;border-bottom:1px solid #ddd;}
.board .box li p{float:left;text-align:center;padding:20px 0;color:#858585;}
.board .box .num{width:130px;}
.board .box .date{width:230px;}
.board .box .view{width:130px;}
.board .box .subject{float:none;text-align:left;color:#444;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;padding:0 0 0 20px;margin:20px 0;}
.board .box .info{position:absolute;right:0;top:0;}
.board .box .top{font-weight:500;font-size:20px;line-height:28px;}
.board .box .top p{text-align:center;color:#333;}
.board .box .list{font-size:18px;line-height:26px;}
.board .box .list.list-empty{text-align:center;padding:100px 0;font-size:20px;color:#858585;}
.board .page{display:-webkit-flex;display:flex;justify-content:center;margin-top:100px;}
.board .page > a{display:inline-block;font-size:18px;height:39px;line-height:39px;width:39px;color:#acacac;text-align:center;}
.board .page > a.on{color:#333;font-weight:500;}
.board .page .link-prev,
.board .page .link-next{margin:0 11px}
.board .page .link-prev{background:url('/img/common/icon-page-l.png') center no-repeat;background-size:8px 17px}
.board .page .link-next{background:url('/img/common/icon-page-r.png') center no-repeat;background-size:8px 17px}
.part-MO .board .control{height:36px;}
.part-MO .board .box li{padding:15px 10px 15px 60px;}
.part-MO .board .box li p{padding:0;}
.part-MO .board .box .top{display:none;}
.part-MO .board .box .num{position:absolute;top:calc(50% - 14px);left:0;width:60px;text-align:center;;font-size:16px;line-height:24px;}
.part-MO .board .box .info{position:relative;margin-top:7px;}
.part-MO .board .box .date{width:initial;font-size:13px;line-height:24px;position:relative;padding-right:10px;margin-right:10px;}
.part-MO .board .box .date:after{content:'';position:absolute;top:calc(50% - 6.5px);right:0;width:1px;height:1px;background:#acacac;}
.part-MO .board .box .view{width:initial;font-size:13px;line-height:24px;}
.part-MO .board .box .subject{-webkit-line-clamp:2;margin:0;padding:0;font-size:16px;line-height:24px;}
.part-MO .board .box-search{width:180px;}
.part-MO .board .box-search .inp{font-size:16px;height:36px;width:180px;right:0;padding:0 44px 0 20px}
.part-MO .board .box-search .submit{width:36px;height:36px;background:url('/img/common/m-icon-search.png') center no-repeat;background-size:16px;right:5px;border-radius:0;}
.part-MO .board .page{margin-top:50px;}
.part-MO .board .page > a{font-size:16px;}

/* box-support */
.box-support *{font-size:14px;line-height:22px}
.box-support .box-top{background:#fbfbfb;border-top:1px solid #ddd;border-bottom:1px solid #ddd;padding:50px;margin-top:30px;}
.box-support .box-top .tit{font-size:30px;line-height:38px;font-weight:700;margin-bottom:20px;}
.box-support .box-top .txt{font-size:20px;line-height:28px;}
.box-support .box-top p{font-size:20px;line-height:28px;font-weight:500;margin-top:40px;}
.box-support .box-link{margin-top:20px}
.box-support .box-link:after{content:'';display:block;clear:both;}
.box-support .box-link a{float:left;width:50%;line-height:28px;margin-top:10px;}
.box-support .box-link a span{display:inline-block;width:28px;height:28px;line-height:28px;border-radius:14px;background:#F15E27;text-align:center;color:#fff;margin-right:15px;}
.box-support .box-mid .tit{display:inline-block;font-size:18px;line-height:26px;padding-bottom:15px;font-weight:700;}
.box-support .box-mid > div{padding-top:45px;}
.part-MO .box-support .box-top{padding:25px 20px}
.part-MO .box-support .box-top .tit{font-size:20px;line-height:28px;margin-bottom:10px;}
.part-MO .box-support .box-top p{font-size:16px;line-height:24px;margin-top:20px;}
.part-MO .box-support .box-link{margin-top:10px;}
.part-MO .box-support .box-link a{position:relative;width:100%;margin-top:5px;padding-left:25px;line-height:20px;}
.part-MO .box-support .box-link a span{position:absolute;top:0;left:0;width:20px;height:20px;line-height:20px;font-size:12px;}

/* board-view */
.board-view .tit{font-size:20px;line-height:28px;color:#F15E27;font-weight:500;margin-bottom:50px;}
.board-view .txt{position:absolute;top:0;left:0;font-size:18px;line-height:50px;font-weight:500;}
.board-view .subject{font-size:40px;line-height:48px;font-weight:700;margin-bottom:40px;}
.board-view .date{font-size:20px;line-height:28px;color:#acacac;}
.board-view .link-board{display:block;position:relative;border-bottom:1px solid #ddd;height:50px;padding-left:85px;padding-right:50px;line-height:50px;font-size:18px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#858585}
.board-view .link-list{font-size:20px;border:1px solid #ececec;text-align:center;width:170px;margin:0 auto;line-height:48px;font-weight:500;displaY:block;border-radius:30px;margin-top:40px}
.board-view .mid{border-top:1px solid #ddd;border-bottom:1px solid #ddd;padding:50px 0;margin-top:30px;font-size:20px;line-height:28px;}
.board-view .mid .attach img{width:initial}
.board-view .mid .contents{margin-top:20px;}
.board-view .mid .source{margin-top:30px;}
.board-view .mid .box-down{margin-top:30px;}
.part-MO .board-view .subject{font-size:30px;line-height:38px;margin-bottom:30px;}
.part-MO .board-view .date{font-size:16px;line-height:24px;}
.part-MO .board-view .mid{font-size:16px;line-height:24px;margin-top:20px;}
.part-MO .board-view .link-board{font-size:16px;}
.part-MO .board-view .txt{font-size:16px;}
.part-MO .board-view .link-board{padding-left:61px;padding-right:10px;}
.part-MO .board-view .link-list{font-size:16px;line-height:36px;width:100px;}

/* header */
.part-PC .header *{color:#fff;}
.part-PC .header{position:fixed;top:0;left:0;width:100%;height:100px;z-index:110;}
.part-PC .header .logo{position:absolute;top:calc(50% - 28.5px);left:29px;width:228px;height:57px;background:url('/img/common/logo.png') no-repeat;background-size:100%;transition:0.3s all;}
.part-PC .header .logo a{display:block;width:100%;height:100%;}
.part-PC .header .menu{position:absolute;top:39px;right:30px;width:24px;height:22px;background:url('/img/common/icon-menu.png') no-repeat;background-size:100%;}
.part-PC .header .gnb{margin:0 auto;width:1000px;overflow:hidden;padding-left:100px;}
.part-PC .header .gnb:after{content:'';position:absolute;top:100px;left:0;width:100%;height:0;background:#fff;transition:0.3s all;opacity:0;}
.part-PC .header .gnb > ul:after{content:'';display:block;clear:both;}
.part-PC .header .gnb > ul > li{position:relative;float:left;}
.part-PC .header .gnb > ul > li .link{position:relative;display:inline-block;line-height:100px;width:180px;text-align:center;font-size:20px;font-weight:500;}
.part-PC .header .gnb > ul > li .gnb-sub{position:absolute;top:100px;font-size:0;left:0;z-index:111;width:100%;text-align:center;height:0;opacity:0;}
.part-PC .header .gnb > ul > li .gnb-sub .link-sub{display:block;padding:15px 0;font-size:18px;font-weight:500;}
.part-PC .header .gnb > ul > li .gnb-sub .link-sub:hover{color:#F15E27}
.part-PC .header .gnb > ul > li .gnb-sub li:first-child .link-sub{margin-top:2.5px;}
.part-PC .header:hover{background:#fff;}
.part-PC .header:hover:after{content:'';position:absolute;top:100px;left:0;width:100%;height:1px;background:#ebebeb;}
.part-PC .header:hover *{color:#333;}
.part-PC .header:hover .gnb{overflow:visible;}
.part-PC .header:hover .gnb:after{height:440px;opacity:1;border-bottom:1px solid #ebebeb}
.part-PC .header:hover .gnb .gnb-sub{height:510px;transition:0.7s opacity;opacity:1;font-size:20px;}
.part-PC .header:hover .logo{background:url('/img/common/logo-on.png') no-repeat;background-size:100%;}
.part-PC .header:hover .menu{background:url('/img/common/icon-menu-on.png') no-repeat;background-size:100%;}
.part-PC .header.on *{color:#333;}
.part-PC .header.on{background:#fff;height:100%;}
.part-PC .header.on:after{display:none;}
.part-PC .header.on:before{content:'';position:absolute;top:0;left:0;width:calc(100% - 940px);height:100%;background:url('/img/common/bg-menu.png') no-repeat;background-size:cover;}
.part-PC .header.on .logo{display:none;}
.part-PC .header.on .gnb{position:absolute;top:130px;right:0;overflow:visible;}
.part-PC .header.on .gnb:after{background:initial}
.part-PC .header.on .gnb li .gnb-sub{transition:0.7s opacity;opacity:1;font-size:20px;}
.part-PC .header.on .gnb li .link{color:#F15E27;padding:0;font-weight:500;text-align:left;}
.part-PC .header.on .gnb .gnb-sub{opacity:1;font-size:20px;}
.part-PC .header.on .gnb .gnb-sub .link-sub{text-align:left;}
.part-PC .header.on .menu{width:24px;height:24px;background:url('/img/common/icon-menu-close.png') no-repeat !important;background-size:100%;}
.part-PC .header.on:hover .gnb:after{border-bottom:none;}
.part-PC .header.fixed *{color:#333;}
.part-PC .header.fixed{background:#fff;}
.part-PC .header.fixed .logo{background:url('/img/common/logo-on.png') no-repeat;background-size:100%;}
.part-PC .header.fixed .menu{background:url('/img/common/icon-menu-on.png') no-repeat;background-size:100%;}
.part-PC .header.fixed:after{content:'';position:absolute;top:100px;left:0;width:100%;height:1px;background:#ebebeb;}
.part-MO .header{position:fixed;top:0;left:0;width:100%;height:70px;z-index:110;transition:0.1s background;}
.part-MO .header .logo{position:absolute;top:calc(50% - 15px);left:15px;width:120px;height:30px;background:url('/img/common/m-logo.png') no-repeat;background-size:100%;transition:0.1s all;}
.part-MO .header .logo a{display:block;width:100%;height:100%;}
.part-MO .header .gnb{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:#fff;z-index:110;opacity:0;overflow:auto;}
.part-MO .header .gnb > ul{margin-top:75px;border-top:1px solid #ddd;}
.part-MO .header .gnb .link{position:relative;display:block;line-height:46px;font-size:20px;font-weight:700;transition:0.3s all;padding:0 20px}
.part-MO .header .gnb .link:after{content:'';position:absolute;top:calc(50% - 5px);right:20px;width:16px;height:10px;background:url('/img/common/m-arrow-btm.png') no-repeat;background-size:100%;}
.part-MO .header .gnb .link.on{background:#F15E27;color:#fff}
.part-MO .header .gnb .link.on:after{background:url('/img/common/m-arrow-top.png') no-repeat;background-size:100%;}
.part-MO .header .gnb .gnb-sub{display:none;}
.part-MO .header .gnb .gnb-sub .link-sub{display:block;color:#888;font-size:14px;padding:13px 30px}
.part-MO .header .menu{position:fixed;top:25px;right:15px;width:24px;height:22px;background:url('/img/common/icon-menu.png') no-repeat;background-size:100%;z-index:111;}
.part-MO .header.on .menu{width:24px;height:24px;background:url('/img/common/icon-menu-close.png') no-repeat !important;background-size:100%;}
.part-MO .header.fixed{background:#fff;}
.part-MO .header.fixed .logo{background:url('/img/common/m-logo-on.png') no-repeat;background-size:100%;}
.part-MO .header.fixed .menu{background:url('/img/common/icon-menu-on.png') no-repeat;background-size:100%;}
.part-MO .header.fixed:after{content:'';position:absolute;top:70px;left:0;width:100%;height:1px;background:#ebebeb;}

/* top-banner */
.top-banner{width:100%;height:350px;}
.top-banner.company{background:url('/img/sub/top-banner-company.png') center no-repeat;background-size:cover;}
.top-banner.business{background:url('/img/sub/top-banner-business.png') center no-repeat;background-size:cover;}
.top-banner.recruit{background:url('/img/sub/bg-sub-recruit.png') center no-repeat;background-size:cover;}
.top-banner.newscenter{background:url('/img/sub/top-banner-newscenter.png') center no-repeat;background-size:cover;}
.top-banner.help{background:url('/img/sub/top-banner-company.png') center no-repeat;background-size:cover;}
.top-banner.member{background:url('/img/sub/top-banner-company.png') center no-repeat;background-size:cover;}
.part-MO .top-banner{height:200px;}

/* sub-nav */
.sub-nav{border-bottom:1px solid #e0e0e0;padding-top:0;}
/* .sub-nav .inner{display:-webkit-flex;display:flex;justify-content:space-between;} */
.sub-nav .inner{display:table;table-layout: fixed}
.sub-nav .inner a{display:table-cell;position:relative;flex-grow:1;text-align:center;line-height:60px;font-size:18px;font-weight:500;}
.sub-nav .inner a:hover{color:#F15E27;}
.sub-nav .inner a.on{color:#F15E27;}
.sub-nav .inner a.on:after{content:'';position:absolute;bottom:-1px;left:0;width:100%;height:2px;background:#F15E27;z-index:1;}
.sub-nav .inner.blind{display:none !important;}
.part-MO .sub-nav .inner{width:100%;}
.part-MO .sub-nav:after{content:'';position:absolute;top:50px;left:0;width:100%;height:1px;background:#e0e0e0;}
.part-MO .sub-nav .inner{padding:0;}
.part-MO .sub-nav .inner a{font-size:16px;line-height:50px}
.part-MO .sub-nav [data-root="member"] + [data-root="member"] + [data-root="member"]{border-top:1px solid #e0e0e0}

/* main-banner */
.main-banner .swiper-slide{overflow:hidden;}
.main-banner .swiper-slide span{position:absolute;z-index:1;}
.main-banner .swiper-slide .img{transform:scale(1.3);transition:all 8s ease;}
.main-banner .swiper-slide .tit{opacity:0;bottom:55%;left:0;font-size:55px;line-height:65px;font-weight:700;color:#fff;text-shadow:1px 1px 10px rgba(0,0,0, 0.5);text-align:center;width:100%;font-family:"Open Sans",sans-serif;}
.main-banner .swiper-slide .sub{opacity:0;bottom:48%;left:0;font-size:28px;line-height:51px;font-weight:300;color:#fff;text-shadow:1px 1px 10px rgba(0,0,0, 0.5);text-align:center;width:100%;}
.main-banner .swiper-slide.swiper-slide-active .img{transform:scale(1.02);}
.main-banner .swiper-slide.swiper-slide-active .tit{opacity:1;transform:translate(0px, -50px);transition:all 1s ease;transition-delay:0.3s;}
.main-banner .swiper-slide.swiper-slide-active .sub{opacity:1;transform:translate(0px, -50px);transition:all 1s ease;transition-delay:0.5s;}
.main-banner .btn-scroll-down{position:fixed;bottom:37px;left:calc(50% - 56px);width:112px;height:70px;background:url('/img/common/txt-scroll-arrow.png') no-repeat;background-size:112px 37px;z-index:2;border:none;cursor:pointer;}
.main-banner .btn-scroll-down:after{content:'';position:absolute;bottom:0;left:calc(50% - 17px);width:34px;height:20px;background:url('/img/common/icon-scroll-arrow.png') no-repeat;background-size:100%;z-index:1;
    -webkit-animation :scrollUnder 1.7s infinite ease-out;
    -moz-animation    :scrollUnder 1.7s infinite ease-out;
    animation         :scrollUnder 1.7s infinite ease-out;
}
.main-banner.off .btn-scroll-down{display:none;}
@keyframes scrollUnder{
    0%   {transform:translate(0, -15px);opacity:0;}
    30%  {opacity:1;}
    60%  {opacity:1;}
    100% {-webkit-transform:translate(0, 10px);transform:translate(0, 10px);opacity:0;}
}
.part-MO .main-banner .btn-scroll-down{position: absolute; bottom: 10px; left: 0; width: 100%; background-position:center; text-align: center;}
.part-MO .main-banner .btn-scroll-down:after{position:absolute;bottom:10px;left:calc(50% - 8.5px);width:17px;height:10px;
    -webkit-animation :scrollUnderMO 1.7s infinite ease-out;
    -moz-animation    :scrollUnderMO 1.7s infinite ease-out;
    animation         :scrollUnderMO 1.7s infinite ease-out;
}
.part-MO .main-banner .swiper-slide .img{transform:scale(1.0);}
.part-MO .main-banner .swiper-slide.swiper-slide-active .img{transform:scale(1.0);}
.part-MO .main-banner .swiper-slide .box-txt{position:absolute;top:0;left:0;height:100%;width:100%;padding:35% 30px 0 30px;text-align:center;}
.part-MO .main-banner .swiper-slide .tit{position:relative;bottom:0;font-size:40px;line-height:48px;display:block;}
.part-MO .main-banner .swiper-slide .sub{position:relative;bottom:0;font-size:30px;line-height:38px;}
.part-MO .main-banner .swiper-slide.swiper-slide-active .tit{transform:translate(0px, 0);}
@keyframes scrollUnderMO{
    0%   {transform:translate(0, -5px);opacity:0;}
    30%  {opacity:1;}
    60%  {opacity:1;}
    100% {-webkit-transform:translate(0, 5px);transform:translate(0, 5px);opacity:0;}
}

/* main-business */
.main-business{height:1139px;background:url('/img/main/bg-main-business.png') center no-repeat;background-size:cover;background-attachment:fixed;}
.main-business .sec-tit{padding-top:146px;}
.main-business .sec-sub{color:#fff;padding-bottom:50px;}
.main-business .box-list{margin-top:50px;}
.main-business .box-list:after{content:'';display:block;clear:both;}
.main-business .box-list *{color:#fff;}
.main-business .box-list li{float:left;margin-left:50px;height:266px;background:rgba(255, 255, 255, 0.30);border:1px solid rgba(255, 255, 255, 0.40);border-radius:20px;text-align:center;transition:all 0.5s ease;}
.main-business .box-list li:hover{background:rgba(255, 255, 255, 0.50);}
.main-business .box-list li:first-child{margin-left:0;}
.main-business .box-list li a{display:block;height:100%;}
.main-business .box-list img{width:106px;}
.main-business .box-list .tit{font-size:28px;line-height:37px;font-weight:700;color:#F15E27;margin-bottom:13px;padding-top:90px;}
.main-business .box-list .sub{font-size:18px;line-height:24px;}
.main-business .box-list.cols-2 li{width:calc(50% - 25px)}
.main-business .box-list.cols-3 li{width:calc(33.3333% - 33.3333px)}
.part-MO .main-business{height:1012px;background-attachment:initial;}
.part-MO .main-business .box-list{margin:0;}
.part-MO .main-business .box-list li{width:100%;height:inherit;padding:20px 0;margin:10px 0 0 0;}
.part-MO .main-business .box-list .tit{font-size:20px;line-height:28px;padding:0;margin-bottom:5px;}
.part-MO .main-business .box-list .sub{font-size:14px;line-height:22px;}

/* main-newscenter */
.main-newscenter{padding-bottom:150px}
.main-newscenter .swiper{margin-top:100px;}
.main-newscenter .box-img{height:350px;border-radius:20px;overflow:hidden;border:1px solid #edf0f2}
.main-newscenter .box-img .img{display:inline-block;width:100%;height:100%;transition:all ease .8s;}
.main-newscenter .tit{font-size:20px;line-height:28px;height:56px;margin-top:30px;margin-bottom:20px;font-weight:500;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;}
.main-newscenter .date{display:block;font-size:16px;color:#858585;margin-bottom:5px;}
.part-PC .main-newscenter .box-img:hover .img{transform:scale(1.1);}
.part-MO .main-newscenter{padding-bottom:100px;}
.part-MO .main-newscenter .swiper{margin-top:50px;}
.part-MO .main-newscenter .box-img{height:50vw;}
.part-MO .main-newscenter .tit{margin-top:15px;font-size:16px;line-height:24px;height:48px;}
.part-MO .main-newscenter .date{font-size:14px;line-height:22px}

/* main-video */
.main-video{text-align:center;padding-bottom:150px;}
.main-video .box-video{width:1228px;margin:100px auto 0 auto;}
.part-MO .main-video .box-video{width:100%;margin:50px auto 0 auto;border:1px solid #ddd}

/* main-career */
.main-career{height:756px;background:url('/img/main/bg-main-career.png') center no-repeat;background-size:cover;background-attachment:fixed;text-align:center;}
.main-career .sec-tit{padding-top:107px;}
.main-career .sec-sub{color:#fff;}
.main-career .box-list{width:650px;margin:100px auto 0 auto;}
.main-career .box-list:after{content:'';display:block;clear:both;}
.main-career .box-list li{float:left;border:1px solid rgba(255, 255, 255, 0.4);color:#fff;;border-radius:5px;background:rgba(255, 255, 255, 0.3);line-height:50px;width:200px;font-size:20px;text-align:center;margin-bottom:62px;margin-left:25px;transition:all 0.5s ease;}
.main-career .box-list li:hover{background:rgba(255, 255, 255, 0.5);}
.main-career .box-list li:first-child{margin-left:0;}
.main-career .box-list li:nth-child(4),
.main-career .box-list li:nth-child(5){font-size:18px;width:100%;background:rgba(0, 0, 0, 0.3);;margin-bottom:15px;margin-left:0;border:none;}
.main-career .box-list li a{display:block;width:100%;height:100%;color:#fff;}
.part-MO .main-career{height:616px;background-attachment:initial;}
.part-MO .main-career .box-list{width:inherit;margin-top:50px;}
.part-MO .main-career .box-list li{width:32%;margin-left:2%;margin-bottom:50px}
.part-MO .main-career .box-list li:first-child{margin-left:0;}
.part-MO .main-career .box-list li:nth-child(4),
.part-MO .main-career .box-list li:nth-child(5){width:100%;margin-left:0;margin-bottom:20px;line-height:26px;padding:12px 20px;}

/* footer */
.footer{position:relative;background:#f2f4f6;}
.footer *{font-size:16px;}
.footer:after{content:'';position:absolute;top:64px;left:0;width:100%;height:1px;background:#d2d6d9;}
.footer .inner{width:1200px;margin:0 auto;}
.footer .box-top{position:relative;height:64px;}
.footer .logo{position:absolute;top:25px;left:0;width:200px;height:50px;background:url('/img/common/footer-logo.png') no-repeat;background-size:100%;}
.footer .list-menu{line-height:64px;}
.footer .list-menu:after{content:'';display:block;clear:both;}
.footer .list-menu li{float:left;position:relative;margin-right:30px;}
.footer .list-menu li:after{content:'';position:absolute;top:calc(50% - 7px);left:-15px;width:1px;height:14px;background:#333;}
.footer .list-menu li:first-child:after{display:none;}
.footer .list-menu li a{}
.footer .list-sns{position:absolute;top:calc(50% - 16px);right:90px;display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;}
.footer .list-sns li{margin-left:25px;}
.footer .list-sns li a{display:inline-block;}
.footer .list-sns .icon-facebook{width:32px;height:32px;background:url('/img/common/icon-facebook.png') no-repeat;background-size:100%;}
.footer .list-sns .icon-instagram{width:32px;height:32px;background:url('/img/common/icon-instagram.png') no-repeat;background-size:100%;}
.footer .list-sns .icon-youtube{width:33px;height:23px;background:url('/img/common/icon-youtube.png') no-repeat;background-size:100%;}
.footer .list-sns .icon-blog{width:35px;height:30px;background:url('/img/common/icon-blog.png') no-repeat;background-size:100%;}
.footer .box-btm{position:relative;padding:30px 0 60px 250px}
.footer .box-btm:after{content:'';display:block;clear:both;}
.footer .info{float:left;}
.footer .info .line{display:inline-block;width:1px;height:16px;background:#333;margin:0 3px -3px 3px}
.footer .family{float:right;background:#f2f4f6;border:none;height:36px;padding-right:10px}
.footer .info,
.footer .family{line-height:38px;}
.footer .btn-top{position:absolute;top:0;right:0;widtH:65px;height:65px;background:#d2d6d9;color:#333;border:none;padding-top:20px;cursor:pointer;}
.footer .btn-top:after{content:'';position:absolute;top:20px;left:calc(50% - 6.5px);width:13px;height:7px;background:url('/img/common/btn-top.png') no-repeat;background-size:100%;}
.part-MO .footer *{font-size:14px;line-height:22px;}
.part-MO .footer .inner{width:inherit}
.part-MO .footer .logo{left:20px;}
.part-MO .footer .logo + .info{margin-bottom:20px;}
.part-MO .footer .info .line{background:initial}
.part-MO .footer .btn-top{position:fixed;top:initial;bottom:20px;right:15px;width:40px;height:40px;border:1px solid #F15E27;border-radius:20px;background:initial;z-index:5;padding:0;}
.part-MO .footer .btn-top:after{top:calc(50% - 3.5px);background:url('/img/common/m-btn-top.png') no-repeat;background-size:100%;}
.part-MO .footer .list-menu li{margin-right:10px;line-height:64px;}
.part-MO .footer .list-menu li:last-child{margin-right:0;}
.part-MO .footer .list-menu li:after{display:none;}
.part-MO .footer .box-top{padding:0 20px;border-bottom:1px solid #d2d6d9;height:initial}
.part-MO .footer .box-btm{padding:95px 20px 70px 20px;}
.part-MO .footer:after{display:none;}
.part-MO .footer .family{display:none;}
.part-MO .footer .info{width:100%;}
.part-MO .footer .info:after{content:'';display:block;clear:both;}
.part-MO .footer .info span{float:left;margin-right:10px;}
.part-MO .footer .info span:last-child{margin-right:0px;}
.part-MO .footer .info + .info{margin-top:20px;}
.part-MO .footer .list-sns + .info span:last-child{width:100%;}
.part-MO .footer .list-sns{position:relative;top:0;left:0;right:initial;width:100%;margin-bottom:10px;}
.part-MO .footer .list-sns:after{content:'';display:block;clear:both;}
.part-MO .footer .list-sns li:first-child{margin-left:0;}
.part-MO .footer .list-sns li a{width:30px;height:30px;}
.part-MO .footer .list-sns .icon-facebook{background:url('/img/common/m-icon-facebook.png') no-repeat;background-size:100%;}
.part-MO .footer .list-sns .icon-instagram{background:url('/img/common/m-icon-instagram.png') no-repeat;background-size:100%;}
.part-MO .footer .list-sns .icon-youtube{background:url('/img/common/m-icon-youtube.png') no-repeat;background-size:100%;}
.part-MO .footer .list-sns .icon-blog{background:url('/img/common/m-icon-blog.png') no-repeat;background-size:100%;}
.part-MO .footer .list-sns + .info{margin-top:20px;}

/* sub-vision */
.sub.sub-vision .sec-01{height:525px;background:url('/img/sub/bg-sub-vision.png') no-repeat;background-size:cover;}
.sub.sub-vision .sec-01 .color-orange{font-size:28px;line-height:36px;}
.sub.sub-vision .sec-02 .list{margin-top:40px;}
.sub.sub-vision .sec-02 .list:after{content:'';display:block;clear:both;}
.sub.sub-vision .sec-02 .list li{float:left;width:20%;height:286px;position:relative;text-align:center;}
.sub.sub-vision .sec-02 .list .img{width:125px;}
.sub.sub-vision .sec-02 .list .tit{font-size:28px;font-weight:500;line-height:41px;margin-top:18px;margin-bottom:5px;}
.sub.sub-vision .sec-02 .list .sub{font-size:20px;line-height:29px;}
.sub.sub-vision .sec-03 .list{background:#fff8f5;border-radius:20px;margin-top:40px;padding:25px 50px 40px 50px}
.sub.sub-vision .sec-03 .list .tit{position:relative;font-size:30px;line-height:45px;padding-left:20px;margin-bottom:8px;margin-top:23px;}
.sub.sub-vision .sec-03 .list .tit:after{content:'';position:absolute;top:calc(50% - 5px);left:0;width:10px;height:10px;background:#F15E27;border-radius:5px;}
.sub.sub-vision .sec-03 .list .sub{font-size:20px;line-height:29px;padding-left:22px;}
.sub.sub-vision .sec-03 .list .color-orange{font-size:40px;line-height:59px;}
.sub.sub-vision .sec-03 .list li:first-child .tit{margin-top:0;}
.sub.sub-vision .sec-04 .box-img:after{content:'';display:block;clear:both;}
.sub.sub-vision .sec-04 .box-img img{float:left;width:32%;margin-right:1.1%}
.sub.sub-vision .sec-04 .box-img img:last-child{width:28.35%;margin-right:0;}
.sub.sub-vision .sec-04 .list{margin:40px 0}
.sub.sub-vision .sec-04 .list:after{content:'';display:block;clear:both;}
.sub.sub-vision .sec-04 .list li{float:left;width:25%;}
.sub.sub-vision .sec-04 .list .tit{font-size:26px;font-weight:700;line-height:34px;}
.sub.sub-vision .sec-04 .list .sub{display:inline-block;width:calc(100% - 70px);line-height:50px;text-align:center;border:1px solid #ddd;margin-top:15px;border-radius:10px;}
.sub.sub-vision .sec-04 .box-txt{margin-top:40px;}
.sub.sub-vision .sec-04 .box-txt li{position:relative;padding-left:120px;margin-top:25px;}
.sub.sub-vision .sec-04 .box-txt li:first-child{margin-top:0;}
.sub.sub-vision .sec-04 .box-txt .tit{position:absolute;top:calc(50% - 16.5px);left:0;width:90px;text-align:center;font-size:25px;line-height:33px;font-weight:700;color:#535353}
.sub.sub-vision .sec-04 .box-txt .sub{font-size:20px;line-height:29px;color:#535353}
.sub.sub-vision .sec-04 .box-txt li:last-child .tit{text-align:left;}
.part-MO .sub.sub-vision .sec-01{height:initial;background:url('/img/sub/m-bg-sub-vision.png') no-repeat;background-size:cover;padding-bottom:50px;}
.part-MO .sub.sub-vision .sec-01 .color-orange{font-size:20px;line-height:28px;}
.part-MO .sub.sub-vision .sec-02 .list li{width:50%;height:initial;padding-bottom:20px;}
.part-MO .sub.sub-vision .sec-02 .list li:last-child{padding-bottom:0;}
.part-MO .sub.sub-vision .sec-02 .list .tit{font-size:20px;line-height:28px;margin-top:10px;}
.part-MO .sub.sub-vision .sec-02 .list .sub{font-size:16px;line-height:24px;}
.part-MO .sub.sub-vision .sec-03 .list{padding:20px;}
.part-MO .sub.sub-vision .sec-03 .list .tit{font-size:20px;line-height:28px;padding-left:15px;}
.part-MO .sub.sub-vision .sec-03 .list .color-orange{font-size:30px;line-height:38px;}
.part-MO .sub.sub-vision .sec-03 .list .tit:after{width:5px;height:5px;top:calc(50% - 2.5px);}
.part-MO .sub.sub-vision .sec-03 .list .sub{display:block;font-size:16px;line-height:24px;padding-left:18px;}
.part-MO .sub.sub-vision .sec-03 .list .tit{margin-top:10px;}
.part-MO .sub.sub-vision .sec-04 .list li{width:100%;margin-top:20px;}
.part-MO .sub.sub-vision .sec-04 .list .tit{font-size:20px;line-height:28px;}
.part-MO .sub.sub-vision .sec-04 .list .sub{width:100%;font-size:16px;margin-top:10px;line-height:32px;}
.part-MO .sub.sub-vision .sec-04 .box-img img{width:100%;margin-top:10px;}
.part-MO .sub.sub-vision .sec-04 .box-img img:last-child{width:100%;}
.part-MO .sub.sub-vision .sec-04 .box-txt li{padding:0;}
.part-MO .sub.sub-vision .sec-04 .box-txt .tit{position:relative;top:0;width:100%;display:block;text-align:left;font-size:20px;line-height:28px;}
.part-MO .sub.sub-vision .sec-04 .box-txt .sub{font-size:16px;line-height:24px;}

/* sub-ceo */
.sub.sub-ceo .sec-01{height:1100px}
.sub.sub-ceo .sec-01{background:url('/img/sub/bg-sub-ceo.png') right no-repeat;background-size:734px 1100px;}
.sub.sub-ceo .sec-01 .img-sign{width:687px;height:226px;margin-top:50px;}
.sub.sub-ceo .sec-01 .txt-point{font-size:38px;line-height:46px;font-weight:700;}
.part-MO .sub.sub-ceo .sec-01{height:initial}
.part-MO .sub.sub-ceo .sec-01{background:none;}
.part-MO .sub.sub-ceo .sec-01 .txt-point{font-size:22px;line-height:22px;}
.part-MO .sub.sub-ceo .sec-01 .img-sign{width:100%;height:initial;margin-top:30px;max-width:687px}

/* sub-history */
.sub.sub-history .sec-01 .box-btn{margin-top:40px;}
.sub.sub-history .sec-01 .box-btn:after{content:'';display:block;clear:both;}
.sub.sub-history .sec-01 .box-btn .btn{float:left;height:52px;padding:0 46px;background:#fff;border:1px solid #ddd;color:#858585;margin-right:15px;border-radius:10px;font-size:20px;cursor:pointer;}
.sub.sub-history .sec-01 .box-btn .btn.on{background:#F15E27;border-color:#F15E27;color:#fff}
.sub.sub-history .sec-01 .box-btn .btn:last-child{margin-right:0;}
.sub.sub-history .sec-01 .box-list{margin-top:60px;}
.sub.sub-history .sec-01 .box-list .box{display:none;}
.sub.sub-history .sec-01 .box-list .box.on{display:block;}
.sub.sub-history .sec-01 .box li{position:relative;border-top:1px solid #ddd;padding:40px 0 40px 157px}
.sub.sub-history .sec-01 .box li:first-child{border-top:0;padding-top:0;}
.sub.sub-history .sec-01 .box li:first-child .tit{top:0;}
.sub.sub-history .sec-01 .box li:last-child{padding-bottom:0;}
.sub.sub-history .sec-01 .box li .tit{position:absolute;top:41px;left:0;font-size:30px;line-height:38px;font-weight:700;color:#F15E27}
.sub.sub-history .sec-01 .box li .num{position:absolute;top:0;left:0;font-weight:500;color:#F15E27;padding-right:14px}
.sub.sub-history .sec-01 .box li .desc{display:block}
.sub.sub-history .sec-01 .box li p{position:relative;display:block;font-size:20px;line-height:28px;padding-left:40px;margin-top:15px;}
.part-MO .sub.sub-history .sec-01 .box-btn{margin-top:30px;}
.part-MO .sub.sub-history .sec-01 .box-btn .btn{padding:0;width:32%;margin-right:1%;margin-top:10px;font-size:16px;}
.part-MO .sub.sub-history .sec-01 .box-btn .btn{height:30px}
.part-MO .sub.sub-history .sec-01 .box-btn .btn:nth-child(3n){margin-right:0;}
.part-MO .sub.sub-history .sec-01 .box-list{margin-top:15px}
.part-MO .sub.sub-history .sec-01 .box li{padding:60px 0 20px 0 }
.part-MO .sub.sub-history .sec-01 .box li .tit{top:20px;font-size:20px;line-height:28px;}
.part-MO .sub.sub-history .sec-01 .box li p{padding-left:35px;font-size:16px;line-height:24px;margin-top:10px;}

/* sub-awards */
.sub.sub-awards .sec-01 .box-f{margin-top:40px;}
.sub.sub-awards .sec-01 .box-l{width:500px;}
.sub.sub-awards .sec-01 .box-l img{width:400px;margin-top:125px;border-radius:20px;box-shadow:5px 5px 10px rgba(0, 0, 0, 0.15)}
.sub.sub-awards .sec-01 .box-l img:first-child{margin-top:0;}
.sub.sub-awards .sec-01 .box-r{width:calc(100% - 500px);}
.sub.sub-awards .sec-01 .box-r li{position:relative;padding-left:60px;margin-top:50px;}
.sub.sub-awards .sec-01 .box-r li:first-child{margin-top:0;}
.sub.sub-awards .sec-01 .box-r .tit{position:absolute;top:0;left:0;font-size:20px;line-height:26px;color:#F15E27;padding-right:22px;}
.sub.sub-awards .sec-01 .box-f{margin-top:40px;}
.sub.sub-awards .sec-01 .box-l{width:500px;}
.sub.sub-awards .sec-01 .box-l img{width:400px;margin-top:125px;border-radius:20px;box-shadow:5px 5px 10px rgba(0, 0, 0, 0.15)}
.sub.sub-awards .sec-01 .box-l img:first-child{margin-top:0;}
.sub.sub-awards .sec-01 .box-r{width:calc(100% - 500px);}
.sub.sub-awards .sec-01 .box-r li{position:relative;padding-left:60px;margin-top:50px;}
.sub.sub-awards .sec-01 .box-r li:first-child{margin-top:0;}
.sub.sub-awards .sec-01 .box-r .tit{position:absolute;top:0;left:0;font-size:20px;line-height:26px;color:#F15E27;padding-right:22px;}
.sub.sub-awards .sec-01 .box-r .sub{font-size:20px;line-height:26px;}
.part-MO .sub.sub-awards .sec-01 .box-r{float:initial;width:100%;}
.part-MO .sub.sub-awards .sec-01 .box-r li{margin-top:20px;}
.part-MO .sub.sub-awards .sec-01 .box-r .tit{font-size:16px;line-height:24px;}
.part-MO .sub.sub-awards .sec-01 .box-r .sub{font-size:16px;line-height:24px;}

/* sub-group */
.sub.sub-group{background:#FAFBFC;}
.sub.sub-group .sec-01 .box{background:#fff;margin-top:40px;text-align:center;border-radius:20px;padding:100px 0;box-shadow:3px 3px 6px rgba(0, 0, 0, 0.15);}
.sub.sub-group .sec-01 .box img{width:1187px;height:758px;}
.part-MO .sub.sub-group .sec-01 .box{padding:30px 10px;}
.part-MO .sub.sub-group .sec-01 .box img{width:100%;height:initial;}

/* sub-customer */
.sub.sub-customer{background:#FAFBFC;}
.sub.sub-customer .sec-01 .box{background:#fff;margin-top:40px;border-radius:20px;padding:40px 0 40px 20px;box-shadow:3px 3px 6px rgba(0, 0, 0, 0.15);}
.sub.sub-customer .sec-01 .box li{position:relative;padding-left:100px;margin-top:80px;}
.sub.sub-customer .sec-01 .box li:first-child{margin-top:0;}
.sub.sub-customer .sec-01 .box li:after{content:'';position:absolute;top:0;left:213px;width:1px;background:#F15E27;}
.sub.sub-customer .sec-01 .box .tit{position:absolute;top:0;left:0;font-size:28px;line-height:41px;font-weight:700;}
.sub.sub-customer .sec-01 .box li:nth-child(1){padding-left:282px;}
.sub.sub-customer .sec-01 .box li:nth-child(2){padding-left:243px;}
.sub.sub-customer .sec-01 .box li:nth-child(3){padding-left:240px;}
.sub.sub-customer .sec-01 .box li:nth-child(1):after{height:214px;}
.sub.sub-customer .sec-01 .box li:nth-child(2):after{height:279px;}
.sub.sub-customer .sec-01 .box li:nth-child(3):after{height:253px;}
.sub.sub-customer .sec-01 .box li:nth-child(1) img{width:957px;height:214px;}
.sub.sub-customer .sec-01 .box li:nth-child(2) img{width:1001px;height:279px;}
.sub.sub-customer .sec-01 .box li:nth-child(3) img{width:1001px;height:253px;}
.part-MO .sub.sub-customer .sec-01 .box{padding:20px}
.part-MO .sub.sub-customer .sec-01 .box .tit{position:relative;top:0;left:0;font-size:20px;line-height:28px;}
.part-MO .sub.sub-customer .sec-01 .box li{padding-left:0;margin-top:30px}
.part-MO .sub.sub-customer .sec-01 .box li:after{display:none;}
.part-MO .sub.sub-customer .sec-01 .box li img{width:100%;height:initial;margin-top:10px;}

/* sub-map */
.sub.sub-map .sec-01 .box{margin-top:40px;}
.sub.sub-map .sec-01 .box > li{position:relative;margin-top:50px}
.sub.sub-map .sec-01 .box > li:first-child{margin-top:0px}
.sub.sub-map .sec-01 .img,
.sub.sub-map .sec-01 .map{width:730px;height:410px;}
.sub.sub-map .sec-01 .txt-tit{font-size:36px;line-height:44px;font-weight:700;margin-bottom:20px;margin-top:100px;}
.sub.sub-map .sec-01 .info-txt{position:absolute;top:80px;left:760px;width:calc(100% - 760px)}
.sub.sub-map .sec-01 .info-txt .tit{font-size:30px;line-height:45px;font-weight:700;margin-bottom:12px;}
.sub.sub-map .sec-01 .info-txt .sub{border-bottom:1px solid #ddd;font-size:20px;line-height:29px;padding-bottom:11px;}
.sub.sub-map .sec-01 .info-txt .kr{color:#333;display:inline-block;margin-bottom:4px;}
.sub.sub-map .sec-01 .info-txt .en{color:#858585}
.sub.sub-map .sec-01 .info-txt .help{font-size:20px;line-height:29px;}
.sub.sub-map .sec-01 .info-txt .help li{position:relative;padding-left:32px;margin-top:15px;}
.sub.sub-map .sec-01 .info-txt .help li:after{content:'';position:absolute;top:calc(50% - 12.5px);left:0;width:26px;height:25px;background:url('/img/sub/icon-map-01.png') no-repeat;background-size:87px 25px;}
.sub.sub-map .sec-01 .info-txt .help li:nth-child(1):after{background-position:0 0;}
.sub.sub-map .sec-01 .info-txt .help li:nth-child(2):after{background-position:-30px 0;}
.sub.sub-map .sec-01 .info-txt .help li:nth-child(3):after{background-position:-61px 0;}
.sub.sub-map .sec-01 .local-copy{padding:2px 10px 3px 10px;border:none;font-size:16px;font-weight:500;background:#5A5855;color:#fff;border-radius:23px;cursor:pointer;vertical-align:middle;}
.sub.sub-map .sec-01 .inp-local-copy{position:absolute;top:-30px;left:0;opacity:0;cursor:default;height:1px;width:1px;}
.sub.sub-map .sec-01 .img-traffic{margin-top:20px;}
.sub.sub-map .sec-01 .img-traffic-01{width:1124px;}
.sub.sub-map .sec-01 .img-traffic-02{width:835px;}
.sub.sub-map .sec-01 .img-traffic-03{width:996px;}
.sub.sub-map .sec-02{background:#D9D9D8;height:500px;padding-bottom:0 !important;margin-top:150px;padding-top:0;}
.sub.sub-map .sec-02 .inner{display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;height:100%;justify-content:center;}
.sub.sub-map .sec-02 .box-txt{text-align:left;margin-right:109px;}
.sub.sub-map .sec-02 .box-txt .tit{font-size:36px;font-weight:500;line-height:54px;margin-bottom:13px;}
.sub.sub-map .sec-02 .box-txt .sub{font-size:20px;line-height:29px;}
.sub.sub-map .sec-02 .box-help{width:400px;height:220px;background:#d3d7d9;border-radius:20px;text-align:center;box-shadow:3px 3px 6px #ababab;}
.sub.sub-map .sec-02 .box-help .link{position:relative;display:inline-block;width:350px;height:40px;line-height:40px;border-radius:20px;font-size:14px;background:#fff;text-align:left;padding-left:46px;margin-top:25px;}
.sub.sub-map .sec-02 .box-help .link:after{content:'';position:absolute;top:calc(50% - 10px);left:20px;width:21px;height:20px;background:url('/img/sub/icon-map-02.png') no-repeat;background-size:72px 20px;}
.sub.sub-map .sec-02 .box-help .link:nth-child(1):after{background-position:0 0;}
.sub.sub-map .sec-02 .box-help .link:nth-child(2):after{background-position:-25px 0;}
.sub.sub-map .sec-02 .box-help .link:nth-child(3):after{background-position:-51px 0;}
.sub.sub-map .sec-02 .box-help .link:before{content:"";position:absolute;top:calc(50% - 10px);right:20px;font-size:14px;line-height:20px;}
.sub.sub-map .sec-02 .box-help .link:nth-child(1):before{content:"helper@mjplex.co.kr";}
.sub.sub-map .sec-02 .box-help .link:nth-child(2):before{content:"@mjplex.hr";}
.sub.sub-map .sec-02 .box-help .link:nth-child(3):before{content:"@mjplex_official";}
.part-MO .sub.sub-map .sec-01 .img{width:100%;height:initial}
.part-MO .sub.sub-map .sec-01 .map{width:100%;}
.part-MO .sub.sub-map .sec-01 .info-txt{position:relative;top:0;left:0;width:100%;}
.part-MO .sub.sub-map .sec-01 .info-txt .tit{font-size:24px;line-height:32px;margin-top:10px;}
.part-MO .sub.sub-map .sec-01 .local-copy{position:relative;top:-2px;right:0;font-size:12px;}
.part-MO .sub.sub-map .sec-01 .info-txt .sub{font-size:16px;line-height:24px;}
.part-MO .sub.sub-map .sec-01 .info-txt .help{font-size:16px;line-height:24px;}
.part-MO .sub.sub-map .sec-01 .info-txt .help li{padding-left:30px;}
.part-MO .sub.sub-map .sec-01 .info-txt .help li:after{top:calc(50% - 10px);width:20px;height:20px;background-size:340%;}
.part-MO .sub.sub-map .sec-01 .info-txt .help li:nth-child(2):after{background-position:-24px 0;}
.part-MO .sub.sub-map .sec-01 .info-txt .help li:nth-child(3):after{background-position:-48px 0;}
.part-MO .sub.sub-map .sec-01 .info-txt .help li{margin-top:10px;}
.part-MO .sub.sub-map .sec-01 .img-traffic{width:100%;height:initial;}
.part-MO .sub.sub-map .sec-01 .img-traffic-01{max-width:430px;}
.part-MO .sub.sub-map .sec-01 .img-traffic-02{max-width:440px;}
.part-MO .sub.sub-map .sec-01 .img-traffic-03{max-width:440px;}
.part-MO .sub.sub-map .sec-02{padding-bottom:50px !important;height:initial;margin-top:50px;}
.part-MO .sub.sub-map .sec-02 .inner{display:block;}
.part-MO .sub.sub-map .sec-02 .box-txt{margin-right:0;padding-top:30px;}
.part-MO .sub.sub-map .sec-02 .box-txt .tit{font-size:20px;line-height:28px;}
.part-MO .sub.sub-map .sec-02 .box-txt .sub{font-size:16px;line-height:24px;}
.part-MO .sub.sub-map .sec-02 .box-help{width:100%;padding:0 10px;margin-top:20px;}
.part-MO .sub.sub-map .sec-02 .box-help .link{width:100%;}

/* sub-outsourcing */
.sub.sub-outsourcing .box-list-img{display:-webkit-flex;display:flex;margin-top:40px;}
.sub.sub-outsourcing .sec .inner h4.sec-tit.txt-c{text-align:center;padding:0;}
.sub.sub-outsourcing .sec .inner h4.sec-tit.txt-c:after{display:none;}
.sub.sub-outsourcing .sec .inner h4.sec-tit.txt-c + .sec-sub{text-align:center;margin-top:20px;}
.sub.sub-outsourcing .box-list-img .img{margin-right:27px;}
.sub.sub-outsourcing .box-list-img .img:last-child{margin-right:0 !important;}
.sub.sub-outsourcing .box-help{margin-top:80px;text-align:center;}
.sub.sub-outsourcing .box-help .tit{display:block;width:200px;height:50px;line-height:50px;background:#F15E27;color:#fff;margin:0 auto;font-size:20px;font-weight:700;border-radius:25px;}
.sub.sub-outsourcing .box-help .txt{margin-top:15px;font-size:20px;line-height:28px;}
.sub.sub-outsourcing .sec-02,
.sub.sub-outsourcing .sec-04{background:#F7F7F7;padding-top:75px;margin-top:75px;padding-bottom:75px !important;}
.sub.sub-outsourcing .sec-03{padding-top:75px;}
.sub.sub-outsourcing .sec-03 .box{text-align:center;}
.sub.sub-outsourcing .sec-03 .img{width:935px;height:521px;margin-top:100px;}
.sub.sub-outsourcing .sec-04 .box-list li{width:20%;}
.sub.sub-outsourcing .sec-04 .box-list-img .img{margin-right:42px;}
.part-MO .sub.sub-outsourcing .box-list-img{display:block;}
.part-MO .sub.sub-outsourcing .box-list-img:after{content:'';display:block;clear:both;}
.part-MO .sub.sub-outsourcing .box-list-img > div{float:left;width:48%;margin-right:2%;margin-bottom:2%;}
.part-MO .sub.sub-outsourcing .box-list-img .img{height:initial}
.part-MO .sub.sub-outsourcing .box-list-img .img:nth-child(2n){margin-right:0;}
.part-MO .sub.sub-outsourcing .sec-04 .box-list-img .img{margin-right:2%;margin-bottom:6%}
.part-MO .sub.sub-outsourcing .box-help{margin-top:50px;}
.part-MO .sub.sub-outsourcing .box-help .tit{font-size:16px;line-height:32px;height:32px;font-weight:500;width:150px;;}
.part-MO .sub.sub-outsourcing .box-help .txt{font-size:16px;line-height:24px;}
.part-MO .sub.sub-outsourcing .sec-03 .img{width:100%;height:initial;}
.part-MO .sub.sub-outsourcing .sec .inner h4.sec-tit.txt-c + .sec-sub{margin-top:10px;}

/* sub-jobsite */
.sub.sub-jobsite .sec-01 .img{width:1280px;height:500px;}
.sub.sub-jobsite .sec-01 .box li{padding-top:40px;margin-top:40px;}
.sub.sub-jobsite .sec-01 .box li:first-child{margin-top:0;}
.sub.sub-jobsite .sec-01 .box-txt{position:relative;padding:55px 0 0 455px;}
.sub.sub-jobsite .sec-01 .tit{position:absolute;top:0;left:0;}
.sub.sub-jobsite .sec-01 .sub{font-size:28px;line-height:36px;font-weight:500;}
.sub.sub-jobsite .sec-01 .explan{font-size:20px;line-height:28px;margin-top:20px;}
.sub.sub-jobsite .sec-01 .color-gray{font-size:20px;line-height:28px;margin-top:20px;border-top:1px solid #ddd;padding-top:20px;}
.sub.sub-jobsite .sec-01 .link{display:inline-block;margin-top:42px;}
.sub.sub-jobsite .sec-01 li:nth-child(1) .link{width:200px;height:66px;background:url('/img/sub/btn-jobsite-01.png') no-repeat;background-size:100%;}
.sub.sub-jobsite .sec-01 li:nth-child(2) .link{width:220px;height:66px;background:url('/img/sub/btn-jobsite-02.png') no-repeat;background-size:100%;}
.sub.sub-jobsite .sec-01 li:nth-child(3) .link{width:188px;height:66px;background:url('/img/sub/btn-jobsite-03.png') no-repeat;background-size:100%;}
.part-MO .sub.sub-jobsite .sec-01 .img{width:100%;height:initial}
.part-MO .sub.sub-jobsite .sec-01 .box-txt{padding:0;}
.part-MO .sub.sub-jobsite .sec-01 .tit{position:relative;left:0;margin:10px 0;}
.part-MO .sub.sub-jobsite .sec-01 .tit img{height:80px;width:initial;}
.part-MO .sub.sub-jobsite .sec-01 .sub{font-size:20px;line-height:28px;}
.part-MO .sub.sub-jobsite .sec-01 .explan{font-size:16px;line-height:24px;}
.part-MO .sub.sub-jobsite .sec-01 .color-gray{font-size:16px;line-height:24px;}
.part-MO .sub.sub-jobsite .sec-01 .link{width:100%;height:initial;margin-top:30px;}
.part-MO .sub.sub-jobsite .sec-01 .box li{margin-top:0px;}
.part-MO .sub.sub-jobsite .sec-01 li:nth-child(1) .link{width:100px;height:33px;}
.part-MO .sub.sub-jobsite .sec-01 li:nth-child(2) .link{width:110px;height:33px;}
.part-MO .sub.sub-jobsite .sec-01 li:nth-child(3) .link{width:94px;height:33px;}
.part-MO .sub.sub-jobsite .sec-01 li:nth-child(3) .tit{margin-bottom:20px;}

/* sub-education */
.sub.sub-education .sec-01 .img{width:1280px;height:500px;}
.sub.sub-education .sec-01 .box li{padding-top:40px;margin-top:40px;}
.sub.sub-education .sec-01 .box li:first-child{margin-top:0;}
.sub.sub-education .sec-01 .box-txt{position:relative;padding:55px 0 0 455px;}
.sub.sub-education .sec-01 .tit{position:absolute;top:0;left:0;}
.sub.sub-education .sec-01 .sub{font-size:28px;line-height:36px;font-weight:500;}
.sub.sub-education .sec-01 .explan{font-size:20px;line-height:28px;margin-top:20px;}
.sub.sub-education .sec-01 .color-gray{font-size:20px;line-height:28px;margin-top:20px;border-top:1px solid #ddd;padding-top:20px;}
.sub.sub-education .sec-01 .link{display:inline-block;margin-top:42px;}
.sub.sub-education .sec-01 li:nth-child(1) .link{width:326px;height:66px;background:url('/img/sub/btn-education-01.png') no-repeat;background-size:100%;}
.sub.sub-education .sec-01 li:nth-child(2) .link{width:350px;height:66px;background:url('/img/sub/btn-education-02.png') no-repeat;background-size:100%;}
.part-MO .sub.sub-education .sec-01 .img{width:100%;height:initial}
.part-MO .sub.sub-education .sec-01 .box-txt{padding:0;}
.part-MO .sub.sub-education .sec-01 .tit{position:relative;left:0;margin:10px 0;}
.part-MO .sub.sub-education .sec-01 .tit img{height:70px;width:initial;}
.part-MO .sub.sub-education .sec-01 .sub{font-size:20px;line-height:28px;}
.part-MO .sub.sub-education .sec-01 .explan{font-size:16px;line-height:24px;}
.part-MO .sub.sub-education .sec-01 .color-gray{font-size:16px;line-height:24px;}
.part-MO .sub.sub-education .sec-01 .link{width:100%;height:initial;margin-top:30px;font-size:20px;}
.part-MO .sub.sub-education .sec-01 .box li{margin-top:0px;}
.part-MO .sub.sub-education .sec-01 li:nth-child(1) .link{width:163px;height:33px;}
.part-MO .sub.sub-education .sec-01 li:nth-child(2) .link{width:175px;height:33px;}

/* sub-promotion */
.sub.sub-promotion .sec-02 .box{margin-top:40px;display:-webkit-flex;display:flex;}
.sub.sub-promotion .sec-02 .box li{position:relative;height:450px;width:25%;margin-left:25px;border-radius:20px;box-shadow:3px 3px 6px rgba(0, 0, 0, 0.15);padding-top:315px;padding-left:20px;}
.sub.sub-promotion .sec-02 .box li:first-child{margin-left:0;}
.sub.sub-promotion .sec-02 .box li:before{content:'';position:absolute;top:0;left:0;width:100%;height:310px;}
.sub.sub-promotion .sec-02 .box li:first-child:after{display:none;}
.sub.sub-promotion .sec-02 .box .tit{font-size:28px;line-height:36px;font-weight:500;margin:10px 0;}
.sub.sub-promotion .sec-02 .box .sub{font-size:20px;line-height:28px;color:#858585}
.sub.sub-promotion .sec-02 .box li:nth-child(1):before{background:url('/img/sub/icon-promotion-01.png') no-repeat;background-size:100%}
.sub.sub-promotion .sec-02 .box li:nth-child(2):before{background:url('/img/sub/icon-promotion-02.png') no-repeat;background-size:100%}
.sub.sub-promotion .sec-02 .box li:nth-child(3):before{background:url('/img/sub/icon-promotion-03.png') no-repeat;background-size:100%}
.sub.sub-promotion .sec-02 .box li:nth-child(4):before{background:url('/img/sub/icon-promotion-04.png') no-repeat;background-size:100%}
.sub.sub-promotion .sec-03 .img{width:100%;}
.sub.sub-promotion .sec-03 .box{margin-top:15px;}
.sub.sub-promotion .sec-03 .box:after{content:'';display:block;clear:both;}
.sub.sub-promotion .sec-03 .box li{float:left;width:300px;margin-right:26px;margin-top:25px;}
.sub.sub-promotion .sec-03 .box li:nth-child(4n){margin-right:0;}
.sub.sub-promotion .sec-04 .box{margin-top:20px;}
.sub.sub-promotion .sec-04 .box:after{content:'';display:block;clear:both;}
.sub.sub-promotion .sec-04 .box .img{width:100%;}
.sub.sub-promotion .sec-04 .box li{float:left;width:630px;margin-top:20px;margin-right:20px}
.sub.sub-promotion .sec-04 .box li:nth-child(2n){margin-right:0;}
.part-MO .sub.sub-promotion .sec-02 .box{display:-webkit-flex;display:flex;-webkit-flex-wrap:wrap;flex-wrap:wrap;}
.part-MO .sub.sub-promotion .sec-02 .box li{flex:1 1 40%;margin-top:10px;padding:0 0 20px 0;margin-left:10px;height:initial;}
.part-MO .sub.sub-promotion .sec-02 .box li:nth-child(3n){margin-left:0;}
.part-MO .sub.sub-promotion .sec-02 .box li:first-child{margin-left:0;}
.part-MO .sub.sub-promotion .sec-02 .box li:before{display:none;}
.part-MO .sub.sub-promotion .sec-02 .box .tit{font-size:20px;line-height:28px;padding:0 10px;}
.part-MO .sub.sub-promotion .sec-02 .box .sub{display:block;font-size:16px;line-height:24px;padding:0 10px;width:100%;}
.part-MO .sub.sub-promotion .sec-03 .box li{position:relative;width:calc(50% - 5px);margin:0 10px 0 0;height:100px;padding-bottom:calc(16% + 10px)}
.part-MO .sub.sub-promotion .sec-03 .box li .img{position:absolute;top:0;left:0;width:100%;}
.part-MO .sub.sub-promotion .sec-03 .box li:nth-child(2n){margin-right:0;}
.part-MO .sub.sub-promotion .sec-04 .box li{width:100%;margin:20px 0 0 0;}

/* sub-project */
.sub.sub-project .sec-01 .box{margin-top:40px;}
.sub.sub-project .sec-01 .box li{position:relative;height:36px;margin-top:20px;border-radius:20px;padding-left:226px;}
.sub.sub-project .sec-01 .box li:first-child{margin-left:0;}
.sub.sub-project .sec-01 .box .tit{position:absolute;top:calc(50% - 18px);left:0;font-size:28px;line-height:36px;font-weight:500;}
.sub.sub-project .sec-01 .box .sub{font-size:20px;line-height:36px;color:#858585}
.sub.sub-project .sec-02 .list{margin-top:40px;}
.sub.sub-project .sec-02 .list li{position:relative;font-size:20px;line-height:29px;color:#535353;border-top:1px solid #ddd;padding:25px 0 25px 160px}
.sub.sub-project .sec-02 .list li:first-child{border-top:none}
.sub.sub-project .sec-02 .list .num{position:absolute;top:20px;left:0;font-size:30px;line-height:38px;font-weight:700;color:#F15E27}
.part-MO .sub.sub-project .sec-01 .box li{padding:0;margin-top:15px;height:initial}
.part-MO .sub.sub-project .sec-01 .box .tit{position:relative;top:0;font-size:20px;line-height:28px;}
.part-MO .sub.sub-project .sec-01 .box .sub{font-size:16px;line-height:24px;}
.part-MO .sub.sub-project .sec-02 .list li{font-size:16px;line-height:24px;padding:15px 0 15px 60px;}
.part-MO .sub.sub-project .sec-02 .list .num{font-size:20px;line-height:28px;top:13px;}

/* sub-talent */
.sub.sub-talent .sec-01{background:#FAFBFC;padding-bottom:150px;}
.sub.sub-talent .sec-01 .box > div{position:relative;margin-top:68px;height:400px}
.sub.sub-talent .sec-01 .box > div:first-child{margin-top:50px;}
.sub.sub-talent .sec-01 .box .img{position:absolute;top:0;width:690px;height:367px;border-radius:20px;box-shadow:3px 3px 6px rgba(0, 0, 0, 0.15);overflow:hidden;z-index:1;}
.sub.sub-talent .sec-01 .box .info{position:absolute;top:76px;width:640px;height:341px;border-radius:20px;box-shadow:3px 3px 6px rgba(0, 0, 0, 0.15);padding:90px 0 30px 0;background:#fff;}
.sub.sub-talent .sec-01 .box .tit{font-size:40px;line-height:48px;font-weight:500;}
.sub.sub-talent .sec-01 .box .sub{display:block;font-size:20px;line-height:28px;margin-top:5px;}
.sub.sub-talent .sec-01 .box .color-gray{display:inline-block;font-family:"Open Sans";font-size:40px;font-weight:700;letter-spacing:-2px;opacity:0.3;margin-top:30px}
.sub.sub-talent .sec-01 .box .box-l .img{left:0;}
.sub.sub-talent .sec-01 .box .box-l .info{right:0;padding-left:80px}
.sub.sub-talent .sec-01 .box .box-r .img{right:0;}
.sub.sub-talent .sec-01 .box .box-r .info{left:0;padding-left:30px}
.sub.sub-talent .sec-02 .box:after{content:'';display:block;clear:both;}
.sub.sub-talent .sec-02 .box li{position:relative;float:left;width:410px;margin-right:25px;height:402px;border-radius:20px;overflow:hidden;box-shadow:3px 3px 6px rgba(0, 0, 0, 0.15);padding-top:239px;padding-left:20px;margin-top:50px;}
.sub.sub-talent .sec-02 .box li:nth-child(3n){margin-right:0;}
.sub.sub-talent .sec-02 .box li:before{content:'';position:absolute;top:0;left:0;width:100%;height:234px;}
.sub.sub-talent .sec-02 .box .tit{font-size:28px;line-height:36px;font-weight:500;margin:10px 0;}
.sub.sub-talent .sec-02 .box .sub{font-size:20px;line-height:28px;color:#858585}
.sub.sub-talent .sec-02 .box li:nth-child(1):before{background:url('/img/sub/list-talent-01.png') no-repeat;background-size:100%}
.sub.sub-talent .sec-02 .box li:nth-child(2):before{background:url('/img/sub/list-talent-02.png') no-repeat;background-size:100%}
.sub.sub-talent .sec-02 .box li:nth-child(3):before{background:url('/img/sub/list-talent-03.png') no-repeat;background-size:100%}
.sub.sub-talent .sec-02 .box li:nth-child(4):before{background:url('/img/sub/list-talent-04.png') no-repeat;background-size:100%}
.sub.sub-talent .sec-02 .box li:nth-child(5):before{background:url('/img/sub/list-talent-05.png') no-repeat;background-size:100%}
.sub.sub-talent .sec-02 .box li:nth-child(6):before{background:url('/img/sub/list-talent-06.png') no-repeat;background-size:100%}
.part-MO .sub.sub-talent .sec-01{padding-bottom:50px}
.part-MO .sub.sub-talent .sec-01 .box .tit{display:block;font-size:20px;line-height:28px;margin-top:20px}
.part-MO .sub.sub-talent .sec-01 .box .sub{font-size:16px;line-height:24px;}
.part-MO .sub.sub-talent .sec-01 .box .color-gray{font-size:30px;line-height:38px;margin-top:10px}
.part-MO .sub.sub-talent .sec-01 .box .img{width:100%;position:relative;top:0;left:0;height:initial;border-radius:40px;;}
.part-MO .sub.sub-talent .sec-01 .box > div{height:initial;margin-top:40px;}
.part-MO .sub.sub-talent .sec-01 .box .info{position:relative;width:100%;top:0;padding:0;height:initial;background:initial;box-shadow:none;}
.part-MO .sub.sub-talent .sec-02 .box{display:-webkit-flex;display:flex;-webkit-flex-wrap:wrap;flex-wrap:wrap;margin-top:20px;}
.part-MO .sub.sub-talent .sec-02 .box li{flex:1 1 40%;margin-top:10px;padding:0 0 20px 0;margin-right:10px;}
.part-MO .sub.sub-talent .sec-02 .box li:nth-child(3n){margin-right:10px;}
.part-MO .sub.sub-talent .sec-02 .box li:nth-child(2n){margin-right:0;}
.part-MO .sub.sub-talent .sec-02 .box li{height:initial;}
.part-MO .sub.sub-talent .sec-02 .box li:before{display:none;}
.part-MO .sub.sub-talent .sec-02 .box .tit{font-size:20px;line-height:28px;padding:0 10px;}
.part-MO .sub.sub-talent .sec-02 .box .sub{display:block;font-size:16px;line-height:24px;padding:0 10px;width:100%;}

/* sub-benefits */
.sub.sub-benefits .sec-01 .box .icon{width:65px;height:65px;}
.sub.sub-benefits .sec-01 .box > div{position:relative;border-bottom:1px solid #ddd;padding:70px 0 50px 400px;height:450px}
.sub.sub-benefits .sec-01 .box > div:after{content:'';position:absolute;top:calc(50% - 175px);left:0;width:350px;height:350px;box-shadow:3px 3px 6px rgba(0, 0, 0, 0.15);border-radius:20px;overflow:hidden;}
.sub.sub-benefits .sec-01 .box > div:nth-child(1):after{background:url('/img/sub/img-benefits-01.png') no-repeat;background-size:100%;}
.sub.sub-benefits .sec-01 .box > div:nth-child(2):after{background:url('/img/sub/img-benefits-02.png') no-repeat;background-size:100%;}
.sub.sub-benefits .sec-01 .box > div:nth-child(3):after{background:url('/img/sub/img-benefits-03.png') no-repeat;background-size:100%;}
.sub.sub-benefits .sec-01 .box > div:nth-child(4):after{background:url('/img/sub/img-benefits-04.png') no-repeat;background-size:100%;}
.sub.sub-benefits .sec-01 .box .tit{font-size:36px;line-height:44px;font-weight:700;}
.sub.sub-benefits .sec-01 .box .list{margin-top:50px;}
.sub.sub-benefits .sec-01 .box .list:after{content:'';display:block;clear:both;}
.sub.sub-benefits .sec-01 .box .list li{float:left;width:32%;margin-left:2%;}
.sub.sub-benefits .sec-01 .box .list li:first-child{margin-left:0%;}
.sub.sub-benefits .sec-01 .box .txt-tit{font-size:26px;line-height:34px;font-weight:500;color:#F15E27;margin:5px 0 30px 0;}
.sub.sub-benefits .sec-01 .box .txt-sub{font-size:20px;line-height:28px;}
.part-MO .sub.sub-benefits .sec-01 .box{margin-top:0;}
.part-MO .sub.sub-benefits .sec-01 .box > div{padding:0;height:initial;border-bottom:none;margin-top:40px}
.part-MO .sub.sub-benefits .sec-01 .box > div:after{display:none;}
.part-MO .sub.sub-benefits .sec-01 .box .img{box-shadow:3px 3px 6px rgba(0, 0, 0, 0.15);border-radius:20px;overflow:hidden;}
.part-MO .sub.sub-benefits .sec-01 .box .tit{font-size:30px;line-height:38px;margin-top:20px;}
.part-MO .sub.sub-benefits .sec-01 .box .list{margin-top:10px;}
.part-MO .sub.sub-benefits .sec-01 .box .list li{position:relative;width:100%;margin-top:10px;}
.part-MO .sub.sub-benefits .sec-01 .box .txt-tit{position:absolute;top:21px;left:75px;margin:0;font-size:20px;line-height:28px;}
.part-MO .sub.sub-benefits .sec-01 .box .txt-sub{display:block;font-size:16px;line-height:24px;margin-top:5px;}

/* sub-member-notice */
.sub-member-notice{background:#FAFBFC;padding:100px 0;}
.sub-member-notice .box-login{width:400px;margin:0 auto;padding:50px 20px;background:#fff;text-align:center;border-radius:20px;box-shadow:3px 3px 6px rgba(0, 0, 0, 0.15);}
.sub-member-notice .box-login *{font-family: 'Noto Sans KR', 'Noto Sans', sans-serif !important;}
.sub-member-notice .box-login .txt{font-size:16px;line-height:24px;font-weight:500;}
.sub-member-notice .box-login legend{display:none;}
.sub-member-notice .box-login .box-f{margin-top:50px;}
.sub-member-notice .box-login .box-l{position:relative;width:50%;}
.sub-member-notice .box-login .box-l .lab{display:block;width:100%;height:50px;line-height:50px;text-align:center;border:1px solid #ddd;font-size:16px;font-weight:500;border-radius:10px 0 0 10px }
.sub-member-notice .box-login .box-l + .box-l .lab{border-radius:0 10px 10px 0}
.sub-member-notice .box-login .inp-radio{position:absolute;top:0;left:0;width:100%;height:100%;margin:0;padding:0;opacity:0;}
.sub-member-notice .box-login .inp-radio:checked + .lab{background:#F15E27;color:#fff;border:1px solid #F15E27;}
.sub-member-notice .box-login .inp{width:100%;border:none;border-bottom:1px solid #ddd;height:52px;font-size:16px;margin-top:10px;transition:0.3s all;}
.sub-member-notice .box-login .inp:active,
.sub-member-notice .box-login .inp:focus{border:none;border-bottom:1px solid #F15E27;outline:none;}
.sub-member-notice .box-login .btn-submit{font-size: 20px; width: 200px; border: 1px solid #ddd; background:#fff; text-align: center;  margin: 50px auto; line-height: 40px; font-weight: 700; display: block; border-radius: 30px; cursor:pointer }
.sub-member-notice .box-login .fn-find-number{margin-top: 5px;border:none;background:#fff;font-size:16px;line-height:24px;cursor:pointer}
.m-view .sub-member-notice .sub-member-notice{padding:50px 0;}
.m-view .sub-member-notice .box-login{width: calc(100% - 40px); max-width: 400px;padding:30px 20px}
.m-view .sub-member-notice .box-login .box-f{margin-top:30px;}
.m-view .sub-member-notice .box-login .btn-submit{margin: 30px auto;}

/* sec-forget */
.sec-forget{width:calc(100% - 40px);max-width:540px;padding:90px 20px 75px 20px;margin:40px auto 0 auto;background:#fff;border-radius:20px;box-shadow:3px 3px 6px rgba(0, 0, 0, 0.15);}
.sec-forget .logo{position:absolute;top:30px;left:calc(50% - 60px);width:120px;height:30px;margin:0 auto;}
.sec-forget .box-tab:after{content:'';display:block;clear:both;}
.sec-forget .box-tab .btn{float:left;width:50%;height:50px;border:1px solid #ddd;background:#fff;font-size:16px;font-weight:700;border-radius:10px 0 0 10px;cursor:pointer}
.sec-forget .box-tab .btn + .btn{border-radius:0 10px 10px 0}
.sec-forget .box-tab .btn.on{background:#F15E27;color:#fff;border-color:#F15E27}
.sec-forget .tit{font-size:20px;line-height:28px;font-weight:500;text-align:center;margin-top:40px;margin-bottom:20px;}
.sec-forget .sub{font-size:16px;line-height:24px;font-weight:500;text-align:center;margin-bottom:20px;}
.sec-forget .box-l{position:relative;width:50%;}
.sec-forget .box-l .lab{display:block;width:100%;height:50px;line-height:50px;text-align:center;border:1px solid #ddd;font-size:16px;font-weight:500;border-radius:10px 0 0 10px }
.sec-forget .box-l + .box-l .lab{border-radius:0 10px 10px 0}
.sec-forget .inp-radio{position:absolute;top:0;left:0;width:100%;height:100%;margin:0;padding:0;opacity:0;}
.sec-forget .inp-radio:checked + .lab{background:#F15E27;color:#fff;border:1px solid #F15E27;}
.sec-forget .inp{width:100%;margin:0;padding:0;box-sizing:border-box;width:100%;border:none;border-bottom:1px solid #ddd;height:52px;font-size:16px;margin-top:10px;transition:0.3s all;padding-left:10px;}
.sec-forget .inp:active,
.sec-forget .inp:focus{border:none;border-bottom:1px solid #F15E27;outline:none;}
.sec-forget .inp:disabled{background:#ddd;}
.sec-forget .inp-num{display:none;}
.sec-forget .box{position:relative;padding-right:130px}
.sec-forget .box .link-auth{position:absolute;top:10px;right:0;width:120px;height:50px;border:1px solid #ddd;text-align:center;line-height:50px;border-radius:5px;font-size:16px;font-weight:500}
.sec-forget .box-link{text-align:center;margin-top:30px;}
.sec-forget .box-link .link{display:inline-block;width:100px;height:52px;line-height:52px;border:1px solid #ddd;margin-left:10px;background:#fff;font-size:16px;font-weight:500;border-radius:5px;}

/* .box-result */
.box-result{ background:#fff; position: absolute; z-index: 999999; top: 0; left: 0; right: 0; bottom: 0; border-radius: 20px; padding:40px 20px }
.box-result h2{text-align:center;font-size:20px;line-height:28px;font-weight:500;margin-bottom:40px;}
.box-result .txt-nm{color:#F15E27;}
.box-result .link-ok,
.box-result .btn-change{display: block; width: 140px; height: 52px; line-height: 52px; border: 1px solid #ddd; background: #fff; font-size: 16px; font-weight: 500; border-radius: 5px; margin: 30px auto ;cursor: pointer;text-align:center;}
.box-result .link-ok{width: 100px; }
.box-result .btn-change{width: 140px;}
.box-result .txt-info li{font-size:16px;line-height:24px;color:#858585;margin-top:5px;}
.box-result .txt-result{text-align:center;}
.box-result .txt-result li{font-size:16px;line-height:24px;margin-top:5px;font-weight:700;}
.box-result[data-id="forget_sabun_result"]{display:-webkit-flex;display:flex;-webkit-flex-wrap:wrap;flex-wrap:wrap;-webkit-align-items:center;align-items:center;}
.box-result[data-id="forget_sabun_result"] > div{width:100%;}

/* modal */

.modal-popup{position:fixed;top:0;left:0;z-index:10000;width:100%;height:100%;background-color:rgba(0, 0, 0, 0.4);}
.modal-popup{display:none;}
.modal-popup .modal-content{position:relative;z-index:1002;box-sizing:border-box;width:500px;height:750px;top:100px;left:100px;}
.modal-popup .modal-body{text-align:center}
.modal-popup .modal-body img{width:100%}
.modal-popup .modal-footer ul{overflow:hidden;width:100%;height:50px}
.modal-popup .modal-footer ul li{float:left;width:50%;overflow:hidden}
.modal-popup .modal-footer ul li:first-child button{border-right:0}
.modal-popup .modal-footer ul:after{content:'';display:block;clear:both}
.modal-popup .modal-footer ul li button{width:100%;height:50px;border:1px solid #e2e2e2;background:#fff;border-radius:0;padding:0;margin:0;font-family:'Noto Sans KR', 'Noto Sans', sans-serif;font-size:16px;}
.modal-popup .btn-modal-close{position:absolute;background:#ffffff69;right:5px;top:5px;width:30px;height:30px;padding:6px;border:0;}
.modal-popup .btn-modal-close img{width:100%;height:100%}
.m-view .modal-popup .modal-content{top:0;left:0;overflow:hidden;max-height:100vh;max-width:100vw;}
.m-view .modal-popup .modal-body{max-height:calc(100vh - 50px);}
.m-view .modal-popup .modal-body img{max-width:100vw;max-height:calc(100vh - 50px);width:auto;}

@media screen and (max-width:1350px) {
    .part-PC .header .gnb{width:900px;}
    .part-PC .header .gnb > ul > li .link{width:160px;}
}

@media screen and (max-width:1200px) {
    .part-PC .header .gnb{width:800px;}
    .part-PC .header .gnb > ul > li .link{width:140px;}
}

@media screen and (max-width:600px) {
    .part-MO .main-banner .swiper-slide .box-txt{padding-top:40%}
    .part-MO .main-banner .swiper-slide .tit{font-size:24px;line-height:32px;}
    .part-MO .main-banner .swiper-slide .sub{font-size:16px;line-height:24px;}
}