@charset "utf-8";

/*공통 CSS*/
*{margin: 0; padding: 0;}
input[type="number"]::-webkit-outer-spin-button,
input[type="number"]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}
select{display: none;}
body {position: relative; min-width: 1366px; font-size:12px; font-weight: 400; font-family:'Pretendard','NanumGothic',"돋움", Dotum, "굴림", Gulim, MalgunGothic, AppleGothic, Sans-serif; color:#000; text-align:left; }
input{outline: none; box-sizing: border-box;}
input:focus{border-color: #3ab2fd !important;}
textarea:focus{border-color: #3ab2fd !important;}
.wrap{position: relative; padding-top: 94px;}
.main__wrap{padding: 0;}
.cont{width: 100%; box-sizing: border-box;}
.main__wrap .cont{height: 1080px; min-width: 1366px;}
.intro__wrap .cont{min-width: 1024px;}
.main__wrap .inn{width: 1366px;}
.inn{width: 1024px; margin: 0 auto; box-sizing: border-box;}
#topBtn{z-index: 111; visibility: hidden; opacity: 0; cursor: pointer; position: fixed; bottom: 281px; right: 0; width: 57px; height: 57px; background: url('/images/topBtn.png') no-repeat; transition: all 0.5s ease;}
#topBtn.on{visibility: visible; opacity: 1;}
/*상단 팝업*/
#pop { overflow: hidden; width:100%; margin: -108px auto 0; opacity:1; background-color:#090909; background-size:cover; background-position:50%; transition: all 1s; position: relative;}
#pop .topPop__close{position: absolute; right: 234px; top: 50%; transform: translateY(-50%);}
/*좌측 상담문의*/
#qick{position:fixed; left:0%; top:30%; z-index:99; width: 128.7px; height: fit-content; border: 1px solid rgba(69,69,69,.3);}
#qick div{width: 100%; height: 127px; box-sizing: border-box; text-align: center;}
#qick .qick__consult{padding-top: 85px; background: #fff url('/images/icon_qickConsult.png') 46.7px 34.8px no-repeat; cursor: pointer; font-family: 'Pretendard'; font-weight:500; font-size: 17px; letter-spacing: -0.4px; color: #000;}
#qick .qick__call{background: #3ab2fd url('/images/icon_qickCall.png') 43.4px 18.6px no-repeat; color: #fff; padding-top: 70px;}
#qick .qick__call p{font-family: 'Pretendard'; font-size: 17px; letter-spacing: -0.43px; margin-bottom: 4px;}
#qick .qick__call span{font-family: 'Pretendard'; font-weight: 600; font-size: 20px; letter-spacing: -0.5px;}
#qick .qick__agent { background: #002163 url('/images/banner_agent.png') -18px 0px no-repeat; cursor: pointer; margin-left: -1px; width: calc(100% + 2px);}
/*우측 포인트 잔액*/
.newzenPointCont{background: url('/images/newzenPoint.png') no-repeat; position:fixed; right: 13px; top:30%;
 z-index:99; width: 154px; height: 200px; padding: 134px 0 0 24px; box-sizing: border-box;}
 .newzenPointCont .por{position: relative; width: 100%; height: 100%;}
 .newzenPointCont span{font-weight: 600; font-size: 19px; letter-spacing: -0.57px; color: #fff; position: relative;}
 .newzenPointCont span::after{content: 'P'; position: absolute; right: -14px; top: 50%; font-weight: 600; font-size: 19px; letter-spacing: -0.57px; color: #fff; transform: translateY(-50%);}
 .newzenPointCont .goBtn{position: absolute; width: 52px; height: 14px; bottom: 12px; right: 24px; cursor: pointer; outline: none; user-select: none; background: transparent; border: none;}
/* CSS for modal and mask */
.modal-mask {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5); /* semi-transparent black */
    z-index: 9999; /* Ensure it's on top */
    display: none; /* Initially hidden */
}

.quick_modal {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 512px;
    height: 780px;
    z-index: 9999; /* Ensure it's above the mask  */
    display: none; /* Initially hidden */
}

.modal-content {
    height: 100%;
}
.modal-content .head { height: 47px; background: #002163 url('/images/modal_agent_head.png') calc(100% - 44px) 40px no-repeat; border-radius: 18px 18px 0 0; }
.modal-content .head .title { font-size: 18px; font-weight: 500; letter-spacing: -0.9px; color: #fff; display: inline-block; margin-top: 16px; margin-left: 31px; font-family: 'Pretendard'; font-weight:500; }
.modal-content .modal_con { height: calc(100% - 118px); background: #fff; border-radius: 0 0 18px 18px; border: 1px solid #707070; border-top: none; }

.modal-content .modal_con .agent_area { padding: 0px 35px 0 31px; height: 630px; overflow-y: auto; box-sizing: border-box; }
.modal-content .modal_con .agent_area::-webkit-scrollbar { width: 8px; }
.modal-content .modal_con .agent_area::-webkit-scrollbar-thumb { background-color: #d5d5d5; border-radius: 5px; }
.modal-content .modal_con .agent_area::-webkit-scrollbar-track { background-color: transparent; }

.modal-content .modal_con .agent_tit{ font-size: 14px; font-weight: 800; letter-spacing: -0.7px; margin-bottom: 5px; font-family: 'Pretendard'; font-weight:800; }
.modal-content .modal_con table{ width: 100%;}
.modal-content .modal_con table th { height: 25px; vertical-align: middle; border: 1px solid rgba(72,72,72,.3); border-top: 2px solid #000; border-bottom: 1px solid rgba(0,0,0,.3); background: #f5f7f9; font-size: 13px; letter-spacing: -0.33px; text-align: center;}
.modal-content .modal_con table td { height: 35px; vertical-align: middle; border: 1px solid rgba(72,72,72,.3); font-size: 14px; font-family: 'Pretendard'; font-weight: 300; letter-spacing: -0.7px; text-align: center; position: relative; }
.modal-content .modal_con table td .phone { font-weight: 500; margin-top: 4px; display: inline-block; font-family: 'Pretendard'; font-weight:500; }

.modal-content .modal_con table td .iconHome { width: 35px; height: 25px; display: inline-block; border-radius: 160px; text-align: left; background: #3aaffd url("/images/icon_btnHome.png") center 5.5px no-repeat; position: absolute; right: 10.5px; top: 5px; float: right; transition-duration: 0.1s; }
.modal-content .modal_con table td .iconHome:hover { background: #3ab2fd; width: 89px; background-size: 65px; cursor: pointer; }
.modal-content .modal_con table td .iconHome:hover::before { width: 89px; height: 16px; position: absolute; left: 13px; top: 6px; content:'홈페이지'; font-family: 'Pretendard'; font-weight:500; font-size: 12.5px; letter-spacing: -0.13px; font-weight: 500; color: #fff; background: url('/images/icon_btnTextArrow.png') 100px 0 no-repeat; }
.modal-content .modal_con table td .iconHome:hover::after { width: 15px; height: 8px; position: absolute; right: 10px; top: 9px; content:''; background: url('/images/icon_btnTextArrow.png') 0px 0 no-repeat; }

.modal-content .modal_con table td .iconHome:active { background: #007ac7; }

.modal-content .modal_con table td:nth-child(1) { padding-left: 19px; text-align: left; }
.modal-content .modal_con table td:nth-child(2) { text-align: center; font-weight: 500; letter-spacing: -0.14px; font-family: 'Pretendard'; font-weight:500; }
    
.modal-close {
    position: absolute;
    width: 16px;
    height: 16px;
    top: 15.5px;
    right: 15.5px;
    color: #fff;
    font-size: 40px;
    background: url('/images/modal-close.png') 0 0 no-repeat;
    cursor: pointer;
}

/* select 플러그인 */
#searchSele-menu{padding: 0 !important;}
#all-menu{padding: 0 !important;}
/*드롭다운 버튼*/
.ui-icon { float: right; display: block; width: 18px !important; height: 100% !important; background: url('/images/notice_selectBox.png') center no-repeat !important; margin-right: 10px;} 
/*눌렀을 때 나오는 메뉴 박스 child*/
.ui-menu-item div{width:100%;margin:0 !important;}
.ui-selectmenu-text { float: left; font-family: 'Pretendard'; font-weight:600; font-size: 17px; letter-spacing: -0.43px; color:#000; display: block; text-align:left; text-indent:7px;}
.ui-selectmenu-button{ line-height: 42px !important; display: flex !important; align-items: center; justify-content: space-between; flex-direction: row-reverse; cursor: pointer; overflow: hidden; padding: 0 !important; margin-right: 28px !important; padding: 0 9px 0 0; width: 119px !important; height: 42px; outline: none; float: left; border-bottom: 1px solid rgba(72,72,72,.3) !important; background:#fff !important; box-sizing:border-box; border-radius:0; }
.ui-button:active{border: none !important; border-bottom: 1px solid rgba(72,72,72,.3) !important;}
.ui-menu{border: 1px solid rgba(72,72,72,1) !important; width:112px; color: #666; margin:0;padding: 0 !important; box-sizing:border-box;}
.ui-menu::-webkit-scrollbar{width: 9px;}
.ui-menu::-webkit-scrollbar-thumb{background: #5b5b5b;}
.ui-menu::-webkit-scrollbar-track{background: #e8e8e8;}
/*눌렀을 때 나오는 메뉴 박스 child*/
.ui-front{z-index: 5 !important;}
.ui-menu-item-wrapper { line-height:42px; font-family: 'Pretendard'; font-weight:500; font-size: 16px; letter-spacing: -0.4px; width:100%; margin:0 auto;
 background-color:#fff; vertical-align:middle; border:none !important;
  box-sizing:border-box; padding:0 0 0 12px !important; cursor: pointer; color: #000 !important;}
.ui-menu-item-wrapper:hover { background-color: rgba(58,178,253,.08) !important; padding:0 0 0 12px !important; color: #000 !important;}
.ui-menu-item-wrapper:active{background-color: rgba(58,178,253,.08) !important; color: #000 !important;}
.ui-state-active{background-color: rgba(58,178,253,.08) !important;}
.ui-menu .ui-menu-item{line-height: 42px;box-sizing: border-box;}
/* select 플러그인 끝 */

/*뉴젠 datepicker 스타일*/
.datepicker{float: left; display: block; width: 205px; height: 36px; background: url('/images/icon_calendar.png') 178px center no-repeat; border: 1px solid rgba(72,72,72,.3); box-sizing: border-box;}

 .ui-widget-header { height: 27px; line-height: 27px; background: #3ab2fd !important; padding: 0; margin: 0; border: 0 none !important; }
 .ui-datepicker-calendar>thead>tr>th { text-align: center; line-height: 22px; }

 .ui-datepicker .ui-datepicker-header { position: relative; padding: 0 !important;}

 .ui-state-default,
 .ui-widget-content .ui-state-default,
 .ui-widget-header .ui-state-default,
 .ui-button,
 html .ui-button.ui-state-disabled:hover,
 html .ui-button.ui-state-disabled:active { border: 0px solid #c5c5c5; background-color: transparent; font-weight: normal; color: #454545; text-align: center; }

 .ui-datepicker .ui-datepicker-title { font-weight: initial; margin: 0; line-height: 27px; text-align: center; font-family: 'Pretendard'; font-weight:500; font-size: 15px; padding: 0px; }

 .ui-datepicker { margin-top: 5px; display: none; border: 1px solid #3ab2fd !important; width: 205px; background-color: #fff; box-sizing: border-box;}

 .ui-widget.ui-widget-content { border: 1px solid #eee; }

 #datepicker:focus>.ui-datepicker { display: block; }

 .ui-datepicker-prev,
 .ui-datepicker-next span {position: inherit; cursor: pointer; }

 .ui-datepicker-next { float: right; }

 .ui-state-disabled >span { cursor: auto; color: #c4c4c4 !important; }

 .ui-datepicker-title {color: #fff; text-align: center; }

 .ui-datepicker-calendar { width: 100%; }

.ui-datepicker-calendar>thead>tr>th { padding: 0 !important; margin: 0 !important; width: 29px; height: 22px; background: #f5f7f9;}
 .ui-datepicker-calendar>thead>tr>th>span{font-family: 'Pretendard'; font-weight:500; font-size: 10px; color: #9f9f9f !important;}
 /*prev next day*/
 .ui-datepicker-calendar>tbody>tr>td>a { color: #000 !important; font-size: 12px !important; font-family: 'Pretendard'; font-weight:300; text-align: center; display: inline-block; width: 25px; height: 25px; padding: 0 !important; margin: 0 !important; line-height: 25px;}

 .ui-datepicker-calendar>tbody>tr>.ui-state-disabled:hover { cursor: auto; background-color: #fff; }

 .ui-datepicker-calendar>tbody>tr>td { padding: 0 !important; margin: 0 !important; border-radius: 100%; cursor: pointer; padding: 5px; font-weight: 300; text-align: center; font-size: 12px; }
 .ui-datepicker-calendar>tbody>tr>td>span{ border-radius:50%; font-family: 'Pretendard'; font-weight:300; font-size: 12px; color:#c4c4c4 !important; display: inline-block; width: 25px; height: 25px; line-height: 25px; text-align: center; border-radius: 50%; padding: 0 !important; margin: 0 !important;}
 .ui-datepicker-calendar>tbody>tr>td>a{border-radius:50%;}
 .ui-datepicker-calendar>tbody>tr>td:hover>a { background-color: #f5f7f9; }
 .ui-datepicker-calendar>tbody>tr>td:active>a { background-color: #e7f6ff; color: #3ab2fd !important; font-family: 'Pretendard'; font-weight: 600;}
 .ui-datepicker-unselectable{opacity: 1 !important;}

 .ui-state-hover,
 .ui-widget-content .ui-state-hover,
 .ui-widget-header .ui-state-hover,
 .ui-state-focus,
 .ui-widget-content .ui-state-focus,
 .ui-widget-header .ui-state-focus,
 .ui-button:hover,
 .ui-button:focus { border: 0px solid #cccccc !important; background-color: transparent !important; font-weight: normal; color: #2b2b2b; }

 .ui-widget-header .ui-icon { position: inherit !important; margin: 0 !important; padding: 0 !important; width: 7px; height: 11px; background: none !important;}

 .ui-icon.ui-icon-circle-triangle-e, .ui-icon.ui-icon-circle-triangle-e:hover { background: url('/images/calendar_rightArrow.png') center no-repeat !important; left: 0px !important; top: 0 !important;}

 .ui-icon.ui-icon-circle-triangle-w, .ui-icon.ui-icon-circle-triangle-w:hover { background: url('/images/calendar_leftArrow.png')  center no-repeat !important; left: 4px !important; top: 0 !important;}

/*  .ui-datepicker-calendar>tbody>tr>td:first-child a { color: red !important; }



 .ui-datepicker-calendar>thead>tr>th:last-child { color: #0099ff !important; } */
  .ui-datepicker-calendar>thead>tr>th{color: #9f9f9f !important;}
 .ui-datepicker-calendar>tbody>tr>td:last-child span { color: #9e9e9e !important; }
 .ui-datepicker-calendar>tbody>tr>td:first-child span { color: #ff5a5a !important; }

.ui-datepicker-calendar .ui-state-highlight { border: 0px none !important; background: #e7f6ff !important; border-radius: 50%; font-family: 'Pretendard' !important; font-weight:600 !important; color: #3ab2fd !important; }
 .ui-datepicker-calendar .ui-state-active { border: 0px none !important; background: #e7f6ff !important; border-radius: 50%; font-family: 'Pretendard' !important; font-weight:600 !important; color: #3ab2fd !important; }

 .inp { padding: 10px 10px; background-color: #f1f1f1; border-radius: 4px; border: 0px; }

 .inp:focus { outline: none; background-color: #eee; }
/*뉴젠 datepicker 스타일 끝*/

/*header*/


.header{ position: absolute; left: 0; top: 0; width: 100%; height: 94px; min-width: 1366px; background: rgba(255,255,255,.0); backdrop-filter: blur(12.5px); z-index: 100;}
.header.on{position: fixed; left: 0; top: 0; background: rgba(255,255,255,.5);  backdrop-filter: blur(12.5px);}
.header .inn{width: 1366px;}
.header__depth1{position: relative; height: 94px;}
.header__depth1.depthOn{box-shadow: 0px 11px 11px -3px rgba(0,0,0,0.1); background: rgba(255,255,255,1); height: 514px; transition: all 0.2s;}
.header__depth1::after{content: ''; position: absolute; left: 0; top: 93px; display: inline-block; width: 100%; height: 1px; background: #727272; opacity: 0.3;}
.depth1__inner{height: 94px; display: flex; flex-wrap: nowrap;}
.depth1__logo{display: inline-block; margin-top: 33px; margin-right: 74px;}
.depth1__logo a{display: inline-block; width: 178px; height: 27px; background: url('/images/logo.png') no-repeat; text-indent: -9999px;}
.depth1__gnb{display: flex; flex-wrap: nowrap;}
.depth1__gnb>li{position: relative; padding: 0 34px; line-height: 94px; white-space: nowrap;}
.depth1__gnb>li.on>a{font-family: 'Pretendard'; font-weight:600;}
.depth1__gnb>li>a{position: relative; font-family: 'Pretendard'; font-weight:600; font-size: 18px; color: #000; letter-spacing: -0.2px; cursor: pointer;}
.depth1__gnb>li>a::after{content: ''; position: absolute; left: -12.5%; bottom: -37px;  width: 120%; height: 3px; background: #3ab2fd; z-index: 100; animation: depth1__ani .5s forwards; display: none;}
/* .depthOn .depth1__gnb>li.select>a::after{display: block; height: 3px;} */
.drop_sitemapCont{position: relative; left: 25px; top: 50%; transform: translateY(-50%); padding: 6px 0; height: fit-content; z-index: 10;}
.drop_sitemap{position: relative; width: 206px; height: 46px; display: flex; align-items: center; z-index: 10; 
background: linear-gradient(97deg, #73bdf9 4%, #008cff 99%); font-weight: bold; font-size: 15px; letter-spacing: -0.15px; color: #fff; padding-left: 27px; box-shadow: 4px 4px 20px 0 rgba(0, 139, 255, 0.5); border-radius: 23px; cursor: pointer; user-select: none; box-sizing: border-box;}
.drop_sitemap.on{background: linear-gradient(97deg, #fcfcfc 4%, #eee 99%); color: #464646; box-shadow: 0 0 0 1px #9b9b9b inset;}
.drop_sitemap.on:hover{color: #000;}
.drop_sitemap .dropImg{position: absolute; right: 0; top: 0; width: 46px; height: 46px; background: url('/images/dropBtn_down_w.png') center no-repeat;}
.drop_sitemap.on .dropImg{background: url('/images/dropBtn_up_b.png') center no-repeat;}
.drop_sitemap .drop_mapList{display: none; position: absolute; left: 0; bottom: -106px; width: 100%; background: #fff; border-radius: 10px; box-shadow: 4px 4px 20px 0 rgba(0, 0, 0, 0.13); padding: 9px 8px; box-sizing: border-box;}
.drop_sitemap.on .drop_mapList{display: block;}
.drop_sitemap .drop_mapList li{width: 100%; height: 40px; margin-bottom: 3px; cursor: pointer; user-select: none; border-radius: 10px; display: flex; align-items: center;}
.drop_sitemap .drop_mapList li:hover{background: #f6f6f6 url('/images/drop_goBtn.png') calc(100% - 11px) center no-repeat;}
.drop_sitemap .drop_mapList li:last-child{margin: 0;}
.drop_sitemap .drop_mapList li .logoImg{display: inline-block; width: 22px; height: 22px; margin: 0 10px 0 12px;}
.drop_sitemap .drop_mapList li:nth-child(1) .logoImg{background: url('/images/drop_icon_alpha.png') center no-repeat;}
.drop_sitemap .drop_mapList li:nth-child(1).on .logoImg{background: url('/images/drop_icon_alpha_on.png') center no-repeat;}
.drop_sitemap .drop_mapList li:nth-child(2) .logoImg{background: url('/images/drop_icon_biz.png') center no-repeat;}
.drop_sitemap .drop_mapList li:nth-child(2).on .logoImg{background: url('/images/drop_icon_biz_on.png') center no-repeat;}
.drop_sitemap .drop_mapList li:nth-child(3) .logoImg{background: url('/images/drop_icon_z.png') center no-repeat;}
.drop_sitemap .drop_mapList li:nth-child(3).on .logoImg{background: url('/images/drop_icon_z_on.png') center no-repeat;}
.drop_sitemap .drop_mapList li p{font-weight: 300; font-size: 15px; letter-spacing: -0.6px; color: #000;}

@keyframes depth1__ani{
    0%{width: 0;}
    100%{width: 120%;}
}
.depth1__gnb>li.on>a::after{display: block;}
.depth1__gnb>li.barOn>a::after{display: block;}
.depth1__gnb>li>a:hover{font-family: 'Pretendard'; font-weight: 600;}


.header .depth2{display: none; position: absolute; left: 50%; transform: translateX(-50%); top: 82px; width: 110px; padding-top: 30px;}
.header__depth1.depthOn .depth2{display: block;}
.header .depth2>li{text-align: center; line-height: 30px; }
.header .depth2>li>a{ position: relative; font-family: 'Pretendard'; font-weight:300; font-size: 15px; color: #000; letter-spacing: -0.6px; }
.header .depth2>li>a:hover{ color: #3ab2fd; font-weight: bold;}
.header .depth2>li>a:hover::after{content: ''; position: absolute; left: 0; bottom: 0; display: inline-block; width: 100%; height: 1px; background: #3ab2fd; animation: depth2__ani .5s forwards;}
@keyframes depth2__ani{
    0%{width: 0;}
    100%{width: 100%;}
}

.header__depth2{display: none; height: 552px;}
.header .depth2.gnb{top: 88px;}
.header .depth2.gnb li{line-height: 20px; vertical-align: middle; text-align: center; margin-bottom: 20px;}
.header .depth2.gnb li a{font-family: 'Pretendard';} 
.header .depth2.gnb li a:hover{font-weight: initial; font-family: 'Pretendard'; font-weight:500; text-decoration: underline;}
.header .depth2.gnb>.favorites{margin-left: -9px;}
.header .depth2.gnb>.favorites a{color: #ffc400;}
.header .depth2.gnb>.blog a{color: #00c65d;}
.header .depth2.gnb>li>a::after{display: none;}

/* header안에 로그인*/
.logarea{width:100%; max-width:1280px; margin:0 auto; position:relative;}
.loginBox{ width:340px; height:436px; background:#fff url('/images/loginBox_logo.png') center 90px no-repeat; border-radius: 4px; position: fixed; right:380px; top:216px; overflow:hidden; zoom:1; display:none;}
.login__cont{width: 100%; height: 100%; padding: 169px 52px 68px; position: relative; box-sizing: border-box;}
.login__close{cursor: pointer; position: absolute; top: 15px; right: 15px; display: block; width: 15px; height: 15px; background: url('/images/login_close.png') no-repeat;}
.login__input{width: 236px; height: 38px; border: 1px solid rgba(65,65,65,.3); border-radius: 2px; box-sizing: border-box; text-indent: 42px; font-family: 'Pretendard'; font-size: 14px; letter-spacing: -0.35px;}
.loginBox ul li{display: inline-block; position: relative; margin-bottom: 10px;}
.loginBox ul li img{position: absolute; right: 12px; top: 50%; transform: translateY(-50%); display: none;}
.loginBox ul li.err input{border-color: #ff474e;}
.loginBox ul li.err img{display: inline-block;}
.loginBox ul .login__id::after{content: ''; display: block; width: 42px; height: 100%; position: absolute; left: 0; top: 0; background: url('/images/icon_loginId.png') center no-repeat;}
.loginBox ul .login__pw::after{content: ''; display: block; width: 42px; height: 100%; position: absolute; left: 0; top: 0; background: url('/images/icon_loginPw.png') center no-repeat;}


.loginBox .err_msg { position: absolute; right: 52px; bottom: 43px; font-family: 'Pretendard'; font-weight: 300; font-size: 12px; letter-spacing: -0.36px; color: #ff474e; display: block; text-align: right;}
.loginBox .btn_login{position: relative; width: 236px; height: 48px; display: block; border-radius: 2px; background-color: #3ab2fd; font-family: 'Pretendard'; font-weight: 600; font-size: 17px; line-height: 48px; text-align: center; color: #fffefe; cursor: pointer; user-select: none; margin: 0 auto 24px;}
.loginBox .btn_login::after{content: ''; position: absolute; bottom: -24px; left: 0; display: block; width: 100%; height: 3px; background: #f0f0f0;}

.loginBox .login__check{display: none;}
.loginBox .useOptionTxt{cursor: pointer; display: inline-block; height: 16px; line-height: 16px; text-indent: 18px; font-family: 'Pretendard'; font-weight: 300; font-size: 13px; letter-spacing: -0.52px; user-select: none;}
.loginBox input[type="checkbox"]#id_check + label span.useOptionTxt{background:url('/images/login_check.png') left center no-repeat;}

.loginBox input[type="checkbox"]#id_check:checked + label span.useOptionTxt{background:url('/images/login_check_on.png') left center no-repeat;}

.loginBox input[type="checkbox"]#id_save + label span.useOptionTxt{margin-left: 12px; background:url('/images/login_check.png') left center no-repeat;}

.loginBox input[type="checkbox"]#id_save:checked + label span.useOptionTxt {background: url('/images/login_check_on.png') left center no-repeat;}

.loginBox input[type="checkbox"].check  { display:none !important; }
.loginBox input[type="checkbox"].check + label { width:30%; max-width:100px; }
.loginBox input[type="checkbox"].check + label span.useOptionTxt{
  display:inline-block;
  height:15px;
  cursor:pointer;
  box-sizing:border-box;
  padding-left:21px;
  background-image:url('/images/bg_chk.png') ;
  background-repeat:no-repeat;
  background-position-y:2px;
}

.loginBox input[type="checkbox"].check:checked + label span.useOptionTxt {
  background-image:url('/images/bg_chk_on.png') ;
}
/**/


/* footer */
.footer{position: absolute; left: 0; width: 100%; background: #fff; border-top: 1px solid rgba(72,72,72,.3); box-sizing: border-box;}
.footer__inner{width: 1366px; height: 198px; padding-top: 42px; box-sizing: border-box;}
.footer__linkArea{width: 200px; float: right;}
.siteLink{margin: 0 0 19px 0; float: right;}
.siteLink li{float: left;}
.siteLink li:nth-child(2){margin: 0 30px;}
.siteLink li a{display: inline-block; width: 30px; height: 30px; text-indent: -9999px;}
.siteLink li:nth-child(1) a{background: url('/images/icon_grayNaver.png') center center no-repeat;}
.siteLink li:nth-child(2) a{background: url('/images/icon_grayInsta.png') no-repeat;}
.siteLink li:nth-child(3) a{background: url('/images/icon_grayFB.png') no-repeat;}
.infoLink{width: 100%; }
.infoLink li:first-child{position: relative; float: left; }
.infoLink li:first-child::after{content: ''; display: inline-block; width: 1px; height: 100%; background: #d1d1d1; position: absolute; top: 0; right: -15px;}


.infoLink li:last-child{float: right; margin-right: 3px;}
.infoLink li a{font-family: 'Pretendard'; font-weight:600; font-size: 16px; color: #898989;}
.footer__logo{display: inline-block; margin-right: 114px;}
.footer__logo h2 a{display: inline-block; width: 169px; height: 23px; background: url('/images/icon_grayLogo.png') no-repeat; text-indent: -9999px;}

.footer__contents{width: 540px; display: inline-block;}
.footer__adress div{margin-bottom: 11px;}
.footer__adress div:last-child{margin-bottom: 0px;}
.footer__adress p{display: inline-block; font-family: 'Pretendard'; font-weight:300; font-size: 15px; letter-spacing: -0.34px; color: #808080;}


.footer__adress div:nth-child(2) p:nth-child(1){position: relative; padding-right: 15px;}
.footer__adress div:nth-child(2) p:nth-child(1)::after{content: ''; position: absolute; right: 0; top: 0; width: 1px; height: 100%; background: #d1d1d1;}
.footer__adress div:nth-child(2) p:nth-child(2){padding-left: 15px;}
.footer__adress div:nth-child(3) p:nth-child(1){position: relative; padding-right: 15px;}
.footer__adress div:nth-child(3) p:nth-child(1)::after{content: ''; position: absolute; right: 0; top: 0; width: 1px; height: 100%; background: #d1d1d1;}
.footer__adress div:nth-child(3) p:nth-child(2){position: relative; padding: 0 15px;}
.footer__adress div:nth-child(3) p:nth-child(2)::after{content: ''; position: absolute; right: 0; top: 0; width: 1px; height: 100%; background: #d1d1d1;}
.footer__adress div:nth-child(3) p:nth-child(3){padding: 0 15px;}
.footer__adress div:nth-child(4) p:nth-child(1){position: relative; padding-right: 15px;}
.footer__adress div:nth-child(4) p:nth-child(1)::after{content: ''; position: absolute; right: 0; top: 0; width: 1px; height: 100%; background: #d1d1d1;}
.footer__adress div:nth-child(4) p:nth-child(2){position: relative; padding: 0 15px;}


.footer__copyright{margin-top: 21px;}
.footer__copyright p{position: relative; font-family: 'Pretendard'; font-weight: 300; font-size: 15px; letter-spacing: -0.3px; color: #d5d5d5;}

.sitemap{display: none; position: absolute; left: 0; top: 0; width: 100%; min-width: 1366px; height: 100vh; background: #fff; z-index: 999;}
.sitemap__header{overflow: hidden; height: 94px; padding: 0 54px; border-bottom: 1px solid #dedede;}
.sitemap__logo{float: left; margin-top: 32px; display: block; width: 191px; height: 28px; background: url('/images/icon_sitemap_logo.png') no-repeat;}
.sitemap__close{float: right; margin-top: 38px; display: block; width: 19px; height: 19px; background: url('/images/icon_sitemap_close.png') no-repeat; cursor: pointer;}
.sitemap__cont{width: 100%; max-width: 1280px; height: calc(100% - 95px); margin: 0 auto;}
.sitemap__list{width: 100%; height: 100%;}
.sitemap__list>li{position: relative; width: calc((100% - 8px) / 7); height: calc(100% - 1px); border-left: 1px solid #dedede; float: left; text-align: center; padding-top: 56px; box-sizing: border-box;}
.sitemap__list>li:hover{background: #f8f8f8;}
.sitemap__list>li:last-child{border-right: 1px solid #dedede;}
.sitemap__list>li>a{font-family: 'Pretendard'; font-weight:600; font-size: 20px; letter-spacing: -0.8px; color: #000;}
.sitemap__list>li:hover>a{font-family: 'Pretendard'; font-weight:600}
.sitemap__item .depth2{width: 100%; position: absolute; left: 50%; transform: translateX(-50%); display: block !important; top: 126px; padding-top: 0; }
.sitemap__item .depth2>li{line-height: 40px;}
.sitemap__item .depth2>li>a{color: #616161; font-family: 'Pretendard'; font-weight:300; font-size: 15px; letter-spacing: -0.6px; position: relative;}
.sitemap__item .depth2>li>a:hover{color: #1facf6;}
.sitemap__item .depth2>li>a:hover::after{content: ''; position: absolute; left: 0; bottom: 0; display: inline-block; width: 100%; height: 1px; background: #3ab2fd; animation: depth2__ani .5s forwards;}
@keyframes depth2__ani{
    0%{width: 0;}
    100%{width: 100%;}
}
/**/

/*글쓰기 폼*/
.write__formArea{display: inline-block; width: 100%; padding: 42px 66px 55.5px; box-sizing: border-box; border: 1px solid rgba(72,72,72,.3); border-top: 2px solid #000; margin-bottom: 44px;}
.write__formArea h3{display: block; font-family: 'Pretendard'; font-weight: 600; font-size: 20px; letter-spacing: -0.5px;}
.write__value{margin: 12px 0 26px; width: 100%; display: inline-block;}
.write__value textarea::-webkit-scrollbar{width: 9px;}
.write__value textarea::-webkit-scrollbar-thumb{background: #5b5b5b;}
.write__value textarea::-webkit-scrollbar-track{background: #e8e8e8;}
.write__addFile{float: left; display: block; cursor: pointer; width: 123px; height: 40px; line-height: 40px;}
.write__addFile#AttchFileName1{background: url('/images/img_addFile1.jpg') no-repeat; }
.write__addFile#AttchFileName1:hover{background: url('/images/img_addFile1_on.jpg') no-repeat;}
.write__addFile#AttchFileName2{background: url('/images/img_addFile2.jpg') no-repeat; }
.write__addFile#AttchFileName2:hover{background: url('/images/img_addFile2_on.jpg') no-repeat;}
.write__btnArea{text-align: right; overflow: hidden;}
.write__btnArea button{cursor: pointer; user-select: none; background: #fff; display: block; float: right; width: 179px; height: 53px; border: 2px solid #000; box-sizing: border-box; font-family: 'Pretendard'; font-weight:600; font-size: 18px; line-height: 49px; letter-spacing: -0.45px; text-align: center;} 
.write__btnArea button:hover{background: #e2e6e8;}
.write__RegiBtn{margin-left: 10px;}
.write__fileAddArea div{overflow: hidden;}
.write__fileAddArea div:first-child{margin-bottom: 13px;}
.write__fileAddArea ul{width: 309px; float: left; margin-left: 13px;}
.write__fileAddArea ul li{overflow: hidden; padding: 0 15px 0 17px; height: 40px; line-height: 38px; border: 1px solid rgba(72,72,72,.3); box-sizing: border-box; font-family: 'Pretendard'; font-weight:300; font-size: 16px; letter-spacing: -0.4px; color: #3ab2fd;}
.write__fileAddArea ul li:hover{background: #eaf6fe; font-family: 'Pretendard'; font-weight: 600;}
.write__fileAddArea ul li:hover span{text-decoration: underline;}
.write__fileAddArea ul li #fileNameBox1{display: inline-block; width: 90%; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.write__fileAddArea ul li #fileNameBox2{display: inline-block; width: 90%; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
/**/

/*글쓰기 폼*/
.write__formArea.popOnly{display: inline-block; width: 100%; padding: 42px 66px 32px; box-sizing: border-box; border: 1px solid rgba(72,72,72,.3); border-top: 2px solid #000; margin-bottom: 44px;}
.write__formArea.popOnly li{width: 100%; margin: 12px 0 12px; display: flex;}
.write__formArea.popOnly h3{line-height: 36px; width: 100px; display: block; font-family: 'Pretendard'; font-weight:600; font-size: 16px; letter-spacing: -0.5px;}
.write__formArea.popOnly .write__value{margin: 0; width: calc(100% - 120px); display: inline-block;}
.write__formArea.popOnly .write__value input{width: 100%; height: 36px; padding: 0 12px; font-family: 'Pretendard'; font-weight:300; font-size:14px; letter-spacing:-0.4px; border:1px solid rgba(72,72,72,.3);}
.write__formArea.popOnly .write__value textarea{height:360px; width:100%; padding:26px 28px; border:1px solid rgba(72,72,72,.3); box-sizing:border-box; font-family: 'Pretendard'; font-weight:300; font-size:16px; letter-spacing:-0.4px; line-height:28px; outline:none; resize: none;}
.write__formArea.popOnly .write__value textarea::-webkit-scrollbar{width: 9px;}
.write__formArea.popOnly .write__value textarea::-webkit-scrollbar-thumb{background: #5b5b5b;}
.write__formArea.popOnly .write__value textarea::-webkit-scrollbar-track{background: #e8e8e8;}
.write__formArea.popOnly li.dataRow .write__value{display: flex; align-items: center;}
.write__formArea.popOnly li.dataRow .write__value input{width: 60px; text-align: center;}
.write__formArea.popOnly li.dataRow .write__value p{margin-left: 8px; font-family: 'Pretendard'; font-weight:300; font-size:14px;}
.write__formArea.popOnly .write__btnArea{text-align: right; overflow: hidden;}
.write__formArea.popOnly .write__btnArea button{cursor: pointer; user-select: none; background: #fff; display: block; float: right; width: 179px; height: 53px; border: 2px solid #000; box-sizing: border-box; font-family: 'Pretendard'; font-weight:600; font-size: 18px; line-height: 49px; letter-spacing: -0.45px; text-align: center;} 
.write__formArea.popOnly .write__btnArea button:hover{background: #e2e6e8;}
.write__formArea.popOnly .write__RegiBtn{margin-left: 10px;}
.write__formArea.viewPage .write__value{display: flex; align-items: center; padding: 0 12px; font-family: 'Pretendard'; font-weight:300; font-size:14px; letter-spacing:-0.4px; border:1px solid rgba(72,72,72,.3);}
.write__formArea.viewPage li:nth-child(2) .write__value{min-height: 400px; align-items: flex-start; padding: 15px;}
.write__formArea.viewPage li>p{margin-left: 8px; font-family: 'Pretendard'; font-weight:300; font-size:14px; line-height: 36px;}
.write__formArea.viewPage .write__value pre{font-family: 'Pretendard'; font-weight:300; font-size:14px; letter-spacing:-0.4px; white-space: pre-wrap;}
.write__formArea.viewPage .write__value pre p{line-height: 1.3;}
.write__formArea.viewPage .dataRow div{width: 60px; justify-content: center;}
.write__formArea.viewPage li:nth-child(7) .write__value{width: fit-content; text-align: center;}
.write__formArea.viewPage li:nth-child(9) .write__value{width: 60px; justify-content: center;}
/**/

/*메인 Z-ERP 팝업*/
.expr_modal{position: fixed; left: 50%; top: 50%; transform: translate(-50%,-50%); width: 776px; height: 517px; border-radius: 20px; background: #2b6ee1 url('/images/expr_logo.png') 32px 21px no-repeat; z-index: 1000; display: none;}
.expr_modal .por{position: relative; width: 100%; height: 100%; padding: 93px 102px 0; box-sizing: border-box;}
.expr_modal .por .expr_tooltip{display: none; width: 372px; height: 73px; font-family: 'Pretendard'; font-weight:600; font-size: 19px; color: #fff; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); align-items: center; justify-content: center; border-radius: 37px; background: #000; box-shadow: 0 3px 30px 0 rgba(0, 0, 0, 0.7);}
@keyframes tooltip__ani {
            0% {
                 opacity: 1; display: flex;
            }
            100% {
                 opacity: 0; display: none;
            }
        }
.expr_modal .expr_closeBtn{background: url('/images/expr_close.png') no-repeat; display: inline-block; width: 25px; height: 25px; position: absolute; top: 21px; right: 24px; cursor: pointer;}
.expr_modal h4{font-family: 'Pretendard'; font-weight: 300; font-size: 20px; color: #fff; text-align: center;}
.expr_modal h3{font-family: 'Pretendard'; font-weight: 500; font-size: 40px; color: #fff; margin: 6px 0 40px; text-align: center;}
.expr_modal strong{font-family: 'Pretendard'; font-weight:600;}
.expr_modal .expr_data{width: 100%; height: 79px; display: flex; border-radius: 17px; background: #4984eb; border: 1px solid transparent;}
.expr_modal .expr_data label{width: 103px; height: 79px; font-family: 'Pretendard'; font-weight:500; font-size: 30px; color: #fff; padding: 34px 0 0 24px; box-sizing: border-box; position: relative;}
.expr_modal .expr_data label::before{content: '체험판'; position: absolute; top: 17px; left: 24px; font-family: 'Pretendard'; font-weight:300; font-size: 16px; color: #fff;}
.expr_modal .expr_data label::after{content: ''; display: inline-block; width: 1px; height: 44px; background: #5b96fb; position: absolute; right: 0; top: 50%; transform: translateY(-50%);}
.expr_modal .expr_data p{width: 388px; height: 79px; font-family: 'Pretendard'; font-weight:500; font-size: 27px; color: #fff; display: flex; justify-content: center; align-items: center; text-align: center;}
.expr_modal .expr_data .expr_copy{width: calc(100% - 491px); height: 79px; margin-left: auto; background: url('/images/expr_copy.png') center no-repeat; cursor: pointer;}
.expr_modal .expr_idCont:hover{background: #2560c7; border-color: #5d98fc; box-shadow: 0 3px 10px 0 rgba(0, 47, 128, 0.8);}
.expr_modal .expr_idCont:hover .expr_copy{background: url('/images/expr_copy_hover.png') center no-repeat;}
.expr_modal .expr_pwCont{margin: 17px 0 40px;}
.expr_modal .btnCont{width: 100%;}
.expr_modal .btnCont span{width: 223px; height: 51px; font-family: 'Pretendard'; font-weight:600; font-size: 19px; color: #2b6ee1; margin: 0 auto; border-radius: 26px; background: #fff; display: flex; justify-content: center; align-items: center; cursor: pointer; user-select: none;}
/**/

/* section1 */
.section1_Wrapper{position: relative;}
/*기본테마 케이렙365*/
.main__wrap .section1_slider{position: relative;}
/*Slide Arrow CSS*/
.main__wrap .section1_slider .slick-arrow{ width: 108px; height: 154px; text-indent: -9999px; border: none; outline: none; cursor: pointer;
    position: absolute; top: 50%; transform: translateY(-50%); z-index: 1;
    }
.main__wrap .section1_slider .slick-prev{left: 140px; background: transparent url('/images/slider1Prev.png') center no-repeat;}
.main__wrap .section1_slider .slick-prev:hover{background: transparent url('/images/slider1Prev_over.png') center no-repeat;}
.main__wrap .section1_slider .slick-next{right: 140px; background: transparent url('/images/slider1Next.png') center no-repeat;}
.main__wrap .section1_slider .slick-next:hover{background: transparent url('/images/slider1Next_over.png') center no-repeat;}

/*Slide Dot CSS*/
.main__wrap .section1_slider .slick-dots{display: flex; position: absolute; left: calc(50% + 175px); bottom: 55px; transform: translateX(-50%);}
.main__wrap .section1_slider .slick-dots li{width: 12px; height: 12px; background: #c8c8c8; border-radius: 6px; cursor: pointer; margin: 0 5px; transition: all 0.5s ease;}
.main__wrap .section1_slider .slick-dots.on li{background: #3ab2fd;}
.main__wrap .section1_slider .slick-dots li button{text-indent: -9999px; background: transparent; border: none; outline: none;}
.main__wrap .section1_slider .slick-dots li button::before{display: none;}
.main__wrap .section1_slider .slick-dots li.slick-active{width: 80px; height: 12px; border-radius: 30px; background: #001a72;}
.main__wrap .section1_slider .slick-dots.on li.slick-active{background: #fff;}
/*slide util*/
.section1_Wrapper .section1Slide_util{position: absolute; left: 50%; bottom: 55px; display: flex; align-items: center; margin-bottom: -2px; transform: translateX(-50%);}
.section1Slide_util .pageNum{display: flex; align-items: center; margin-right: 30px; width: 49px; transition: all 0.5s ease;}
.section1Slide_util .pageNum span{font-family: 'Pretendard'; font-weight:600; font-size: 15px; letter-spacing: -0.15px; color: #bbb;}
.section1Slide_util .pageNum span.now{color: #001a72;}
.section1Slide_util .pageNum.on{color: #3ab2fd;}
.section1Slide_util .pageNum.on span.now{color: #3ab2fd;}
.section1Slide_util .pageNum span:first-child{margin-right: 4px;}
.section1Slide_util .pageNum span:last-child{margin-left: 4px;}
.section1Slide_util .controller{display: flex; align-items: center;}
.section1Slide_util .controller button{background: transparent; border: none; outline: none; cursor: pointer; transition: all 0.5s ease;}
.section1Slide_util .controller .prevBtn{width: 9px; height: 15px; background: url('/images/section1SlideNav_prev.png') no-repeat;}
.section1Slide_util .controller .nextBtn{width: 9px; height: 15px; background: url('/images/section1SlideNav_next.png') no-repeat;}
.section1Slide_util .controller .slideToggleBtn{width: 11px; height: 12px; background: url('/images/section1SlideNav_pause.png') center no-repeat; margin: 0 18px 0 16px;}
.section1Slide_util .controller .slideToggleBtn.on{background: url('/images/section1SlideNav_play.png') center no-repeat;}

.section1Slide_util .controller.on .prevBtn{width: 9px; height: 15px; background: url('/images/section1SlideNav_prev_w.png') no-repeat;}
.section1Slide_util .controller.on .nextBtn{width: 9px; height: 15px; background: url('/images/section1SlideNav_next_w.png') no-repeat;}
.section1Slide_util .controller.on .slideToggleBtn{width: 11px; height: 12px; background: url('/images/section1SlideNav_pause_w.png') center no-repeat; margin: 0 18px 0 16px;}
.section1Slide_util .controller.on .slideToggleBtn.on{background: url('/images/section1SlideNav_play_w.png') center no-repeat;}


.main__wrap .section1{position: relative; width: 100%; height: 960px; background: url('/images/section1_bg.png') no-repeat; background-size: cover; padding-top: 270px; overflow: hidden;}
.main__wrap .section1__inner{position: relative; height: 100%; z-index: 1;}
.main__wrap .section1__inner>img{position: absolute; right: -270px; bottom: -0px; display: inline-block;} 
.main__wrap .section1__leftArea{display: inline-block; position: relative; z-index: 10;}
.main__wrap .section1__leftArea .section1__label{
    font-family: 'Pretendard'; font-weight:600; font-size: 23px; letter-spacing: -0.9px;
    display: inline-flex; padding: 0 24px; height: 46px; background: rgba(13,37,65,.73); margin-bottom: 25px; align-items: center; text-align: center; border-radius: 30px; color: #fff;
    }
.main__wrap .krp .section1__leftArea .section1__label{font-size: 34px;}
.main__wrap .section1__leftArea h2{font-family: 'Pretendard'; font-weight:600; font-size: 53px; line-height: 64px; letter-spacing: -1.3px; color: #000; margin-bottom: 32px;}
.main__wrap .krp .section1__leftArea h2{margin-bottom: 22px;}
.main__wrap .section1__leftArea h2>strong{font-weight: unset; color: #09a9fc;} 
.main__wrap .krp .section1__leftArea h2>strong{color: #3a9cfd;}
.main__wrap .section1__leftArea .section1__txt{ font-family: 'Pretendard'; font-size: 20px; line-height: 31px; letter-spacing: -0.2px; color: #000; margin-bottom: 40px;}
.main__wrap .section1__leftArea .bluetxt{font-family: 'Pretendard'; font-size: 19px; letter-spacing: -0.2px; color: #3ab2fd; margin-bottom: 36px;}
.main__wrap .section1__leftArea .bluetxt strong{font-family: 'Pretendard'; font-weight:600; font-weight: normal;}
.main__wrap .section1__leftArea span{margin-bottom: 50px; display: inline-block; width: 185px; height: 55px; border: 2px solid #000; box-sizing: border-box; line-height: 51px; text-align: center; font-family: 'Pretendard'; font-weight:500; font-size: 19px; letter-spacing: -0.5px; color: #000; cursor: pointer;}
.main__wrap .section1__leftArea span:hover{background: #d8dde1;}
.main__wrap .section1__leftArea span:active{background: #d8dde1;}
.main__wrap .k365 .section1__leftArea span.btn__apply{margin-right: 9px;}
.main__wrap .k365 .section1__leftArea .section1__label{width: 227px; height: 46px; padding: 0; background: url('/images/main_k365aLabel.png') no-repeat;}
.main__wrap .k365 .section1__leftArea .section1__txt{width: 931px; height: 52px; background: url('/images/main_k365aTxt.png') no-repeat;}
.main__wrap .krp .section1__leftArea span.btn__apply{margin-right: 9px;}
.main__wrap .krp .section1__leftArea span.btn__detail{margin-right: 9px;}
.main__wrap .section1__goDown{position: relative; width: 32px; cursor: pointer; top: 0; animation: goDown__ani 2.5s ease infinite;}

@keyframes goDown__ani{
    0%{top: 0;}
    50%{top: 35px;}
    100%{top: 0;}
}

.main__wrap .section1.krp{background: #f2f2f2; padding: 0;}
.main__wrap .section1.krp .section1KRP_inner{ margin: 0 auto;
    width: 100%; height: 100%; max-width: 1920px; position: relative; padding-top: 270px; box-sizing: border-box;
    }
.main__wrap .section1.krp .section1KRP_inner .section1_krpBg {position: absolute; right: -82px; top: 0;}
.main__wrap .section1.krp .section1__label{letter-spacing: -0.2px; padding: 0 26px;}
.main__wrap .section1.krp .section1__txt{margin-bottom: 50px;}

.main__wrap .section1.allim{background: #e0ebfb; padding: 0;}
.main__wrap .section1.allim .section1KRP_inner{ margin: 0 auto;
    width: 100%; height: 100%; max-width: 1920px; position: relative; padding-top: 270px; box-sizing: border-box;
    }
.main__wrap .section1.allim .section1KRP_inner .section1_krpBg {position: absolute; right: 0px; bottom: -0px; display: inline-block;}
.main__wrap .section1.allim .section1KRP_inner .section1_krpBg2 {position: absolute; left: 0px; bottom: 0;}
.main__wrap .section1.allim .section1__label{font-size: 30px; letter-spacing: -1.75px; padding: 0 23px; background: #474873;}
.main__wrap .section1.allim .section1__txt{margin-bottom: 50px;}
.main__wrap .section1.allim .section1__leftArea h2>strong{color: #8072fd;}

/*메인 ZERP 배너*/
.main__wrap .section1.zErp{background-image: linear-gradient(to bottom, #170c50 34%, #0e0731); padding-top: 94px;}
.main__wrap .section1.zErp .whiteBg{position: absolute; left: 0; top: 0; width: 100%; height: 94px; background: #8B86A8;}
.main__wrap .section1.zErp .section1__inner>img{bottom: unset; top: 6px; right: -140px;}
.main__wrap .section1.zErp .section1__leftArea span{margin: 78px 0 50px; display: inline-block; width: 185px; height: 55px; border: 2px solid #fff; box-sizing: border-box; line-height: 51px; text-align: center; font-family: 'Pretendard'; font-weight:500; font-size: 19px; letter-spacing: -0.5px; color: #fff; cursor: pointer;}
.main__wrap .section1.zErp .section1__leftArea span:hover{background: rgba(255,255,255,.1);}
.main__wrap .section1.zErp .section1__leftArea span:active{background: rgba(255,255,255,.1);}
.main__wrap .section1.zErp .section1__leftArea span.btn__detail{margin-right: 9px;}
.main__wrap .section1.zErp .zErp__Txt{margin-top: 214px;}

/*메인 택스비즈북프로 배너*/
.main__wrap .section1.taxbizPro{background: #000529; padding-top: 94px;}
.main__wrap .section1.taxbizPro .whiteBg{position: absolute; left: 0; top: 0; width: 100%; height: 94px; background: #8B86A8;}
.main__wrap .section1.taxbizPro .section1__inner>img{bottom: unset; top: 0; left: 50%; transform: translateX(-50%);}
.main__wrap .section1.taxbizPro .section1__leftArea span{margin: 68px 0 50px; display: inline-block; width: 185px; height: 55px; border: 2px solid #fff; box-sizing: border-box; line-height: 51px; text-align: center; font-family: 'Pretendard'; font-weight:500; font-size: 19px; letter-spacing: -0.5px; color: #fff; cursor: pointer;}
.main__wrap .section1.taxbizPro .section1__leftArea span:hover{background: rgba(255,255,255,.1);}
.main__wrap .section1.taxbizPro .section1__leftArea span:active{background: rgba(255,255,255,.1);}
.main__wrap .section1.taxbizPro .section1__leftArea span.btn__detail{margin-right: 9px;}
.main__wrap .section1.taxbizPro .zErp__Txt{margin-top: 134px;}



/* section2 슬라이드 포커스 시 일시정지(포커스 기준이 애매)*/
.main__wrap .section2{background: #3ab2fd;}
.main__wrap .section2 .section2__inner{padding-top: 238px; height: 100%;} 
.main__wrap .section2__title{padding: 0 0 54px; font-family: 'Pretendard'; font-weight:600; font-size: 40px; color: #fff;}
.main__wrap .section2__info{display: inline-block; width: 100%; border-radius: 10px; background: #fff; overflow: hidden; margin-bottom: 20px;}
.main__wrap .section2__info li{float: left; width: calc((100% + 4px) / 4); height: 190.6px; position: relative; box-sizing: border-box; margin-left: -1px; cursor: pointer; z-index: 1;}
.main__wrap .section2__info li:hover{background-color: #ecf0f4 !important; z-index: 10;}
.main__wrap .section2__info li::before{content: ''; position: absolute; left: 0; top: 50%; transform:translateY(-50%); display: inline-block; width: 1px; height: 146px; background: #d6d6d6;}
.main__wrap .section2__info li::after{content: ''; position: absolute; right: 0; top: 50%; transform:translateY(-50%); display: inline-block; width: 1px; height: 146px; background: #d6d6d6;}
.main__wrap .section2__info li:first-child::before{display: none;}
.main__wrap .section2__info li:last-child::after{display: none;}
.main__wrap .section2__info li div{overflow: hidden; margin-bottom: 8px;}
.main__wrap .section2__info li div h3{position: relative; float: left; font-family: 'Pretendard'; font-weight:600; font-size: 21px; color: #000; letter-spacing: -0.53px;}
.main__wrap .section2__info li:hover h3::after{content: ''; position: absolute; left: 0; bottom: 0; display: inline-block; width: 100%; height: 2px; background: #000; animation: infoList__ani .5s forwards;}
@keyframes infoList__ani{
    0%{width: 0;}
    100%{width: 100%;}
}
.main__wrap .section2__info li span{display: block; width: 27px; height: 27px; background: url('/images/icon_infoJoin.png') no-repeat; float: right;}
.main__wrap .section2__info li:hover span{background: url('/images/icon_infoJoin_on.png') no-repeat;}
.main__wrap .section2__info li div>span:active{background: url('/images/icon_infoJoin_on.png') no-repeat;}
.main__wrap .section2__info li p{font-family: 'Pretendard'; font-size: 16px; line-height: 23px; letter-spacing: -0.16px; color: #757c83;}
.main__wrap .section2__info li:nth-child(1){background: #fff url('/images/icon_notice.png') 250px 121px no-repeat; padding: 40px 40px 0 47px;}
.main__wrap .section2__info li:nth-child(2){background: #fff url('/images/icon_download.png') 269px 124px no-repeat; padding: 40px 40px 0 49px;}
.main__wrap .section2__info li:nth-child(3){background: #fff url('/images/icon_remote.png') 240px 117px no-repeat; padding: 40px 50px 0 52px;}
.main__wrap .section2__info li:nth-child(4){background: #fff url('/images/icon_event.png') 170px 82px no-repeat; padding: 40px 36px 0 43px;}
.main__wrap .section2__sliderCont{ display: block; float: left;}
.main__wrap .section2__sliderCont .slider{display: inline-block; width: 1000px;}
/*새로고침 할 때 마다 좌르륵 뜬다. 천천히 해결 할 것*/
.main__wrap .section2__sliderCont .slider .slide{transition: all 0.5s; position: relative; height: 348px; border-radius: 10px; background-color: #1292ed; padding: 64.3px 0 0 87.3px; box-sizing: border-box; background-repeat: no-repeat; cursor: pointer;}
.main__wrap .section2__sliderCont .slider .slide1{position: relative; background-image: url('/images/section2_slide1Img.png');}
.main__wrap .section2__sliderCont .slider .slide1 .forChrome{position: absolute; right: 19px; top: 18px; display: inline-block; width: 100px; height: 33px; border: 2px solid #fff; box-sizing: border-box; text-align: center; line-height: 29px; font-family: 'Pretendard'; font-weight:600; font-size: 17px; letter-spacing: -0.43px; color: #fff; }
.main__wrap .section2__sliderCont .slider .slide1 img{margin: 32px 0 24px 0;}
.main__wrap .section2__sliderCont .slider .slide2{background-image: url('/images/section2_slide2Img.png');}
.main__wrap .section2__sliderCont .slider .slide2 img{margin: 32px 0 22px 0;}
.main__wrap .section2__sliderCont .slider .slide3{background-image: url('/images/section2_slide3Img.png');}
.main__wrap .section2__sliderCont .slider .slide3 img{margin: 32px 0 18.5px 0;}
.main__wrap .section2__sliderCont .slider .slide4{background-image: url('/images/section2_slide4Img.png');}
.main__wrap .section2__sliderCont .slider .slide4 img{margin: 32px 0 24px 0;}
.main__wrap .section2__sliderCont .slider .slide1:hover{background-image: url('/images/section2_slide1Img_on.png');}
.main__wrap .section2__sliderCont .slider .slide2:hover{background-image: url('/images/section2_slide2Img_on.png');}
.main__wrap .section2__sliderCont .slider .slide3:hover{background-image: url('/images/section2_slide3Img_on.png');}
.main__wrap .section2__sliderCont .slider .slide4:hover{background-image: url('/images/section2_slide4Img_on.png');}
.main__wrap .section2__sliderCont .slider .slide:hover span{background-color: #005dcc;}
.main__wrap .section2__sliderCont .slider .slide span{display: block; width: 256px; height: 39px; background: rgba(17,105,240,.24); border-radius:80px; text-align: center; line-height: 39px; font-family: 'Pretendard'; font-weight:600; font-size: 21px; letter-spacing: -0.53px; color: #fff;}
.main__wrap .section2__sliderCont .slider .slide p{font-family: 'Pretendard'; font-weight:300; font-size: 18px; line-height: 28px; letter-spacing: -0.45px; color: #fff;}
.main__wrap .section2__sliderCont .slider .slick-arrow{position: absolute; bottom: -68px; opacity: 0.4; display: inline-block; width: 37px; height: 16px; background-color: transparent; border: none; cursor: pointer; text-indent: -9999px; background-repeat: no-repeat; outline: none;}
.main__wrap .section2__sliderCont .slider .slick-arrow:hover{opacity: 1;}
.main__wrap .section2__sliderCont .slider .slick-arrow:active{opacity: 1;}
.main__wrap .section2__sliderCont .slider .slick-prev{right: 63.5px; background-image: url('/images/icon_slideLeft.png');}
.main__wrap .section2__sliderCont .slider .slick-next{right: 0; background-image: url('/images/icon_slideRight.png');}
.main__wrap .progress{display: block; margin-top: 28.7px; width: 100%; height: 3px; overflow: hidden; position: relative; background-color: rgba(255,255,255,.4);}
.main__wrap .progress .gage{display: inline-block; width: 25%; height: 100%; background: #fff; position: absolute; left: 0; top: 0;}

.main__wrap .section2__consultBanner{float: right; width: 345px; height: 348px; background: #00529a; padding: 63px 0 0 60px; border-radius: 10px; box-sizing: border-box; background: #00529a;}
.main__wrap .section2__consultBanner:hover{background: #084695;}
.main__wrap .section2__consultBanner:hover span{background: #092365;}
.main__wrap .section2__consultBanner span{display: inline-block; width: 126px; height: 39.5px; line-height: 39.5px; text-align: center; font-family: 'Pretendard'; font-weight:600; font-size: 21px; letter-spacing: -0.53px; color: #fff; background: #00408B; margin-bottom: 27px; border-radius: 80px;}
.main__wrap .section2__consultBanner h2{font-family: 'Pretendard'; font-weight:600; font-size: 38px; ; letter-spacing: -0.38px; color: #fff; margin-bottom: 24px;}
.main__wrap .section2__consultBanner p{font-family: 'Pretendard'; font-size: 18px; line-height: 28px; letter-spacing: -0.45px; color: #fff;}

.main__wrap .section2__consultBanner_app { position:relative; float: right; width: 345px; height: 348px; border:4px solid #008cff; background-color: #fff; box-sizing:border-box; padding:29px 29px 27px 46px;}
.main__wrap .section2__consultBanner_app .title1 { font-family:'Pretendard'; font-weight:600; color:#008cff; letter-spacing:-0.68px; font-size:27px; line-height:1.04; margin-top:13px; }
.main__wrap .section2__consultBanner_app .title2 { font-size:15px; line-height:18.5px; color:#000; margin-top:8px; }
.main__wrap .section2__consultBanner_app .title2 .su1 { font-family:'Pretendard'; font-weight:300; letter-spacing:-0.38px; }
.main__wrap .section2__consultBanner_app .title2 .su2  { font-family:'Pretendard'; font-weight:600; letter-spacing:-0.6px; text-decoration:underline; text-underline-position:under; }
.main__wrap .section2__consultBanner_app .title2 .su3 { font-family:'Pretendard'; font-weight:600; letter-spacing:-0.38px; text-decoration:underline; text-underline-position:under; }
.main__wrap .section2__consultBanner_app .qrHead { width:129px; height:40px; margin:14px 0 0 0; background:url('/images/bg_qrScan_main.png') 0 0 no-repeat; font-family:'Pretendard'; font-weight:600; font-size:18px; line-height:1.11; letter-spacing:-0.54px; color:#000001; padding-top:7.2px; box-sizing:border-box; }


/*section3 카운터 재활성화 트랜스폼 왜곡*/

.main__wrap .section3{background: #e9ebee;}
.main__wrap .section3__inner{height: 100%; padding-top: 300px;}
.main__wrap .section3__leftArea{display: block; margin-top: 11px; float: left;}
.main__wrap .section3__leftArea h2{font-family: 'Pretendard'; font-weight:600; font-size: 45px; color: #000;}
.main__wrap .section3__leftArea h3{font-family: 'Pretendard'; font-weight:600; font-size: 30px; letter-spacing: -0.75px; margin: 38px 0; color: #000;}
.main__wrap .section3__leftArea p{font-family: 'Pretendard'; font-weight:300; font-size: 18px; line-height: 30px; letter-spacing: -0.45px; color: #313131; margin-bottom: 27px;}
.main__wrap .section3__viewMore{position: relative; display: inline-block; cursor: pointer; padding-right: 65px;}
.main__wrap .section3__viewMore::after{content: ''; position: absolute; right: 0; top: 50%; transform: translateY(-50%); display: inline-block; width: 44px; height: 14px; background: url('/images/icon_viewMore.png') no-repeat;}
.main__wrap .section3__viewMore span{position: relative; font-family: 'Pretendard'; font-weight:600; font-size: 18px; color: #000;}
.main__wrap .section3__viewMore:hover span::before{content: ''; position: absolute; left: 0; bottom: 0; width: 100%; height: 2px; background: #000; animation: viewMore__ani .5s;}
@keyframes viewMore__ani{
    0%{width: 0;}
    100%{width: 100%;}
}
.main__wrap .section3__graphArea{position: relative; width: 669px; height: 570px; margin-top: 20px; background: url('/images/section3_graphBg.png') center bottom no-repeat; float: left; margin-left: 25px;}
.main__wrap .section3__graphArea img{position: absolute; z-index: 5; opacity: 0;}
.main__wrap .section3__graphArea.on img{ transform-origin: center calc(100% - 4px);}
.main__wrap .section3__graphArea.on .section3__increaseBg{ transform-origin: center calc(100% - 50px);}
.main__wrap .section3__graph1{bottom: 5.5px; left: 100.6px;}
.main__wrap .section3__graph2{bottom: 22.2px; left: 223.8px;}
.main__wrap .section3__graph3{bottom: 39.6px; left: 346.2px;}
.main__wrap .section3__graph4{bottom: 56.8px; left: 469.4px;}

.main__wrap .section3__graphArea.on .section3__graph1{animation: graph__ani 1s 0.6s ease-out forwards;}
.main__wrap .section3__graphArea.on .section3__graph2{animation: graph__ani 1s 1.1s ease-out forwards;}
.main__wrap .section3__graphArea.on .section3__graph3{animation: graph__ani 1s 1.6s ease-out forwards;}
.main__wrap .section3__graphArea.on .section3__graph4{animation: graph__ani 1s 2.1s ease-out forwards;}
.main__wrap .section3__graphArea.on .section3__increaseBg{animation: graph__ani 1s ease-out forwards;}
.main__wrap .section3__increaseBg{bottom: -4.5px; left: -24.8px; z-index: 3 !important;}


@keyframes graph__ani {
            0% {
                transform: scaleY(0); opacity: 0;
            }
            100% {
                transform: scaleY(1); opacity: 1;
            }
        }
        
.main__wrap .section3__countArea{float: left; margin-left: 10px;}
.main__wrap .countArea__label{font-family: 'Pretendard'; font-weight:500; font-size: 20px; letter-spacing: -0.2px; color: #757c83;}
.main__wrap .countArea__data{line-height: 56px; vertical-align: bottom; font-family: 'Pretendard'; font-weight:600; font-size: 42px; letter-spacing: -1.4px; color: #000; margin: 12px 0 48px;}
.main__wrap .countArea__data strong{font-size: 55px;}
.main__wrap .value strong{position: relative; padding-left: 30px;}
.main__wrap .value strong::before{vertical-align: bottom; line-height: 46px; content: '약'; font-family: 'Pretendard'; font-weight:600; font-size: 28px; position: absolute; left: 0; bottom: 0;}
.main__wrap .countArea__data .counter{text-align: right; display: inline-block; margin-right: 2px;}




/*section4 -0%*/
.main__wrap .section4{background: #011d43; padding-top: 330px;}
.main__wrap .section4__leftArea{width: 770px; height: 536px; float: left; position: relative;}
.main__wrap .section4__leftArea img{position: absolute;}
.main__wrap .section4__leftArea img:nth-child(1){left: 244.5px; top: 143px; z-index: 5; box-shadow: -25px -25px 30px 0 rgba(0, 0, 0, 0.19); animation: section4_ani1 5s infinite linear;}
.main__wrap .section4__leftArea img:nth-child(2){left: 0; top: 79.3px; z-index: 3; box-shadow: -25px -25px 25px 0 rgba(0, 0, 0, 0.16); animation: section4_ani1 5s 2s infinite linear;}
.main__wrap .section4__leftArea img:nth-child(3){width: 463px; height: 173px; left: 307px; top: 0; z-index: 2; box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.13); animation: section4_ani1 5s 4s infinite linear; border-radius: 8px;}
.main__wrap .section4__leftArea img:nth-child(4){left: 105px; top: 20px; z-index: 2; box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16); animation: section4_ani1 5s 3s infinite linear;}

.main__wrap .section4__graph{left: 10px; bottom: 0; animation: section4_ani2 20s infinite linear; transform-origin: 50% 50%;}
@keyframes section4_ani1{
    0%,100%{ transform:translateY(0%); }
    50%{ transform:translateY(-4%);}
     }
@keyframes section4_ani2{
    0%{ transform:translateY(0%) rotate(0deg); }
    50%{ transform:translateY(-4%) rotate(360deg);}
    100%{  transform:translateY(0%) rotate(720deg); }
     }

.main__wrap .section4__rightArea{float: right; margin-right: 74px; padding-top: 30px;}
.main__wrap .section4__rightArea h2{font-family: 'Pretendard'; font-weight:600; font-size: 45px; color: #fff;}
.main__wrap .section4__rightArea h3{font-family: 'Pretendard'; font-weight:600; font-size: 30px; line-height: 40px; letter-spacing: -0.75px; color: #fff; margin: 38px 0;}
.main__wrap .section4__rightArea p{font-family: 'Pretendard'; font-weight:300; font-size: 18px; line-height: 30px; letter-spacing: -0.45px; color: #fff; margin-bottom: 53px;}
.main__wrap .section4__viewMore{position: relative; display: inline-block; cursor: pointer; padding-right: 65px;}
.main__wrap .section4__viewMore::after{content: ''; position: absolute; right: 0; top: 50%; transform: translateY(-50%); display: inline-block; width: 44px; height: 14px; background: url('/images/icon_viewMore_white.png') no-repeat;}
.main__wrap .section4__viewMore span{position: relative; font-family: 'Pretendard'; font-weight:600; font-size: 18px; color: #fff;}
.main__wrap .section4__viewMore:hover span::before{content: ''; position: absolute; left: 0; bottom: 0; width: 100%; height: 2px; background: #fff; animation: viewMore__ani .5s;}
@keyframes viewMore__ani{
    0%{width: 0;}
    100%{width: 100%;}
}
/*section5 -100%*/
.main__wrap .section5{background: #3ab2fd; height: 644px; padding-top: 163px;}
.main__wrap .section5__titleArea{padding: 0 0 70px; text-align: center; font-family: 'Pretendard'; font-weight:600; font-size: 55px; line-height: 76px; letter-spacing: -1.38px; color: #fff;}
.main__wrap .section5__titleArea p{opacity: 0.25; transition: all 0.5s;}
.main__wrap .section5__titleArea p.on{opacity: 1;}
.main__wrap .section5__btnArea{display: table; margin: 0 auto;}
.main__wrap .section5__btnArea div{border-radius: 15px; box-sizing: border-box; height: 130px;}
.main__wrap .section5__btnArea .productCall{float: left; width: 402px; background: #098fff url('/images/section5_call.png') 42px 25px no-repeat; padding: 34px 0 0 142px;}
.main__wrap .section5__btnArea .productCall:hover{background: #0068df url('/images/section5_call_on.png') 42px 25px no-repeat;}
.main__wrap .section5__btnArea .productCall p{margin-bottom: 5px; font-family: 'Pretendard'; font-weight:300; font-size: 20px; letter-spacing: -0.2px; color: #c8dfff;}
.main__wrap .section5__btnArea .productCall span{font-family: 'Pretendard'; font-weight:600; font-size: 38px; letter-spacing: 1.22px; color: #fff;}
.main__wrap .section5__btnArea .freeConsult{float: right; width: 256px; background: #0d448f url('/images/section5_freeConsult.png') 175px 55.7px no-repeat; cursor: pointer; margin-left: 14px;
font-family: 'Pretendard'; font-weight:600; font-size: 32px; color: #fff; letter-spacing: -0.32px; line-height: 130px; text-indent: 51px;}
.main__wrap .section5__btnArea .freeConsult:hover{background: #0a2c5a url('/images/section5_freeConsult.png') 175px 55.7px no-repeat;}
/*메인 CSS end*/

/*회사소개 영역*/
.intro__bgArea{width: 100%; height: 279px; background: url('/images/intro_bg.jpg') left top no-repeat; background-size: cover;}
.intro__titleArea .inn{padding-top: 86px; overflow: hidden;}
.intro__section .inn{padding-top: 86px;}

.intro__titleArea{width: 100%;}
.intro__titleArea .product__title{width: auto; margin: 0; line-height: 46px; font-size: 36px; letter-spacing: -1.44px; display: inline-block;}
.intro__titleArea .product__title strong{color: #3ab2fd;}
.intro__wrap .section1__title{margin-bottom: 55px; font-family: 'Pretendard'; font-weight:600; font-size: 36px; line-height: 52px; letter-spacing: -1.44px; color: #000;}
.intro__tabMenuArea{position: absolute; width: 100%; border-bottom: 1px solid rgba(72,72,72,.3); box-sizing: border-box;}
.intro__tabMenuArea.on{z-index: 102; width: 100%; position: fixed; left: 0; top:0; background: #fff;}
.intro__tabMenu{width: 100%; height: 74px; position: relative;}
.intro__tabMenuArea.on .intro__tabMenu::before{position: absolute; left: -180px; bottom: 16px; border-radius: 3px; display: block; width: 133px; height: 38px; line-height: 34px; border: 2px solid #000; text-align: center; box-sizing: border-box; font-family: 'Pretendard'; font-weight:500; font-size: 17px; letter-spacing: -0.68px;}
.product__wrap .zenith.on .intro__tabMenu::before{content: 'Zenith X';}
.product__wrap .klep.on .intro__tabMenu::before{content: '뉴젠 케이렙2.0';}
.product__wrap .pro.on .intro__tabMenu::before{content: '세무사랑Pro2.0';}
.product__wrap .krp.on .intro__tabMenu::before{content: '뉴젠 K-ERP';}
.product__wrap .cms.on .intro__tabMenu::before{content: '뉴젠 CMS';}
.product__wrap .yerp.on .intro__tabMenu::before{content: 'Y-ERP';}
.product__wrap .zReport.on .intro__tabMenu::before{content: '제트리포트';}
.product__wrap .nowLink.on .intro__tabMenu::before{content: 'Now Link';}
.product__wrap .lock.on .intro__tabMenu::before{content: 'NewZen Lock';}
.product__wrap .pocket.on .intro__tabMenu::before{content: '세무사랑Pocket';}
.product__wrap .messenger.on .intro__tabMenu::before{content: '뉴젠메신저';}
.product__wrap .eGongdan.on .intro__tabMenu::before{content: 'e공단';}
.product__wrap .backup.on .intro__tabMenu::before{content: '스마트백업';}
.intro__tabMenu li{user-select: none; line-height: 74px; float: left; margin-right: 62px;}
.intro__tabMenu li:last-child{margin-right: 0;}
.intro__tabMenu li a{position: relative; font-family: 'Pretendard'; font-weight:500; font-size: 17px; letter-spacing: -0.43px; color: #757575;}
.intro__tabMenu li a:hover{font-family: 'Pretendard'; font-weight:600; color: #000;}
.intro__tabMenu .jobPosting a::before{content: ''; position: absolute; right: -26px; top: 50%; transform: translateY(-50%); background: url('/images/intro_tabMenuArrow.png') no-repeat; display: inline-block; width: 19px; height: 10px; transition: all 0.5s;}
.intro__tabMenu .jobPosting:hover a::before{right: -30px;}
.intro__tabMenu li a:hover::after{content: ''; position: absolute; left: 0; bottom: -10px; display: inline-block; width: 100%; height: 2px; background: #000; animation: introTab__ani .5s;}
.intro__tabMenu li.on a{font-family: 'Pretendard'; color: #000; font-weight:600;}
.intro__tabMenu li.on a::after{content: ''; position: absolute; left: 0; bottom: -10px; display: inline-block; width: 100%; height: 2px; background: #000;}
.intro__tabMenu .on a:hover::after{animation: none;}
@keyframes introTab__ani{
    0%{width: 0;}
    100%{width: 100%;}
}

.intro__otherMenu{float: right !important; position: relative; display: none; width: 175px; line-height: 74px; background: #eff9ff url('/images/otherTab.png') 142px 34.5px no-repeat; font-family: 'Pretendard'; font-weight:600; font-size: 17px; letter-spacing: -0.68px; color: #3ab2fd; text-indent: 33px; cursor: pointer; user-select: none;}
.intro__tabMenuArea.on .intro__otherMenu{display: block;}
.intro__otherMenu:hover{color: #fff; background: #3ab2fd url('/images/otherTab_on.png') 142px 34.5px no-repeat;}
.intro__otherMenu table{display: none; z-index: 100; position: absolute; right: 0; bottom: -186px; background: #fff; width: 1024px; border: 2px solid #3ab2fd;}
.intro__otherMenu:hover table{display: table;}
.intro__otherMenu table td{text-indent: 0; text-align: center; vertical-align: middle; width: 20%; line-height: 60px; border: 1px solid rgba(122,122,122,.3); font-family: 'Pretendard'; font-weight:300; font-size: 15px; color: #000; letter-spacing: -0.38px;}
.intro__otherMenu table td:hover{background: #eff9ff; font-family: 'Pretendard'; font-weight:500;}
.intro__otherMenu table td.empty{background: #fff; cursor: initial;}

.intro__navArea{margin-top: 145px; position: absolute; width: 100%;}
.intro__navArea.on{z-index: 101; width: 100%; position: fixed; left: 0; top: 74px; margin-top: 0; background: #fff; border-bottom: 1px solid rgba(72,72,72,.3);}
.intro__nav{width: 1024px; height: 57px; overflow: hidden; margin: 0 auto;}
.intro__navArea.on .intro__nav li{border-bottom: 0px none;}
.intro__nav li{user-select: none; width: 256px; height: 57px; line-height: 57px; float: left; background: #fff; text-align: center; border: 1px solid rgba(72,72,72,.3); box-sizing: border-box; border-right: none;
font-family: 'Pretendard'; font-weight:500; font-size: 18px; line-height: -0.45px; color: #000; cursor: pointer;}
.intro__nav li:last-child{border-right: 1px solid rgba(72,72,72,.3);}
.intro__nav li:hover{font-family: 'Pretendard'; font-weight:600; color: #fff; background: #3ab2fd;}
.intro__nav li.on{font-family: 'Pretendard'; font-weight:600; color: #fff; background: #3ab2fd;}
#tab1{margin-top: 201px; padding-bottom: 129px;}
.intro__tit{font-family: 'Pretendard'; font-weight:600; font-size: 28px; letter-spacing: -1.2px; color: #000; margin-bottom: 43px;}
.intro__greetCont{overflow: hidden;}
.intro__greetCont img{float: right;}
.intro__greetTxt{position: relative; float: left;}
.intro__greetTxt h3{margin-bottom: 24px; font-family: 'Pretendard'; font-weight:500; font-size: 18px; letter-spacing: -0.9px; color: #3ab2fd;}
.intro__greetTxt p{font-family: 'Pretendard'; font-weight:300; font-size: 16px; line-height: 30px; letter-spacing: -0.4px; color: #000;}
.intro__CEOgreet{position: absolute; right: 18.3px; bottom: 0;}
.intro__CEOgreet span{margin: 5px 8px 0 0;float: left; font-family: 'Pretendard'; font-weight:600; font-size: 14.5px; letter-spacing: -0.73px; color: #000;}
.intro__CEOgreet h4{float: right; font-family: 'Pretendard'; font-weight:600; font-size: 24px; letter-spacing: -1.2px; color: #000;}
#tab2{padding-bottom: 111px; background: #f5f6f7;}
#tab2 .intro__tit{margin-bottom: 77px;}
.intro__BUSani{width: 866px; height: 300px; background: url('/images/intro_BUSaniBg.png') no-repeat; margin:0 auto 86px;}
.intro__BUSani .circle{z-index: 1;position: relative; width: 300px; height: 300px; float: left; text-align: center; margin-left: -17px;}
.intro__BUSani .circle::after{z-index: -1; content: ''; display: inline-block; width: 300px; height: 300px; position: absolute; left: 0; top: 0; background: url('/images/intro_BUSLine.png') no-repeat;
animation: BUSani_ani 100s infinite linear; transform-origin: 50% 50%;}
.intro__BUSani .circle:first-child{margin-left: 0;}
.intro__BUSani .circle span{display: inline-block; margin: 96px 0 16.5px; font-family: 'Pretendard'; font-weight:600; font-size: 20px; letter-spacing: -0.5px; color: #fff;}
.intro__BUSani .circle p{font-family: 'Pretendard'; font-weight:300; font-size: 14px; line-height: 22px; letter-spacing: -0.35px; color: #fff;}
@keyframes BUSani_ani{
    0%{ transform:rotate(0deg); }
    50%{ transform:rotate(360deg);}
    100%{  transform:rotate(720deg); }
     }
#tab2 .intro__BUSTable{width: 100%;}
#tab2 .intro__BUSTable tr{display: block; border-bottom: 1px solid rgba(72,72,72,.3); padding: 24px 0 24px 13px;}
#tab2 .intro__BUSTable tr:first-child{border-top: 1px solid #000;}
#tab2 .intro__BUSTable tr td:first-child{width: 44px;}
#tab2 .intro__BUSTable tr td:first-child span{display: inline-block; width: 24px; height: 24px; background: #000; border-radius:50%; text-align: center; line-height: 24px; font-family: 'Pretendard'; font-size: 14px; color: #fff;}
#tab2 .intro__BUSTable tr td:nth-child(2){width: 188px; line-height: 24px; font-family: 'Pretendard'; font-weight:500; font-size: 18px; letter-spacing: -0.45px; color: #000;}
#tab2 .intro__BUSTable tr td:nth-child(3){width: 278px; font-family: 'Pretendard'; font-weight:300; font-size: 15px; letter-spacing: -0.45px; color: #000; line-height: 25px;}
#tab2 .intro__BUSTable tr td:nth-child(4){width: 312px; font-family: 'Pretendard'; font-weight:300; font-size: 15px; letter-spacing: -0.45px; color: #000; line-height: 25px;}
#tab2 .intro__BUSTable tr td:nth-child(5){font-family: 'Pretendard'; font-weight:300; font-size: 15px; letter-spacing: -0.45px; color: #000; line-height: 25px;}

#tab3 .intro__tit{margin-bottom: 52px;}
.intro__compInfo{font-family: 'Pretendard'; font-weight:300; font-size: 16px; line-height: 30px; letter-spacing: -0.4px; color: #000;}
.intro__compData{margin: 40px 0 82px;}
.intro__compData div{overflow: hidden; margin-bottom: 18px;}
.intro__compData div:last-child{margin-bottom: 0;}
.intro__compData div span{float: left; width: 90px; font-family: 'Pretendard'; font-weight:600; font-size: 16px; letter-spacing: -0.4px; color: #000;}
.intro__compData div p{float: left; font-family: 'Pretendard'; font-weight:300; font-size: 16px; letter-spacing: -0.4px; color: #000;}
.intro__compCount{margin-bottom: 128px; width: 100%; height: 330px; border: 1px solid rgba(72,72,72,.3); box-sizing: border-box; overflow: hidden;}
.intro__compCount li{width: calc(100% / 4); text-align: center; float: left;}
.intro__compCount li:nth-child(1){background: url('/images/compCount1.png') center 62px no-repeat;}
.intro__compCount li:nth-child(2){background: url('/images/compCount2.png') center 60px no-repeat;}
.intro__compCount li:nth-child(3){background: url('/images/compCount3.png') center 57px no-repeat;}
.intro__compCount li:nth-child(4){background: url('/images/compCount4.png') center 61px no-repeat;}
.intro__compCount li span{margin-top: 137px; display: inline-block; font-family: 'Pretendard'; font-weight:600; font-size: 28px; letter-spacing: -0.95px; color: #3ab2fd; line-height: 45px; margin-bottom: 14px;}
.intro__compCount li span strong{font-size: 38px; margin-right: 2px;}
.intro__compCount li h4{font-weight: normal; font-family: 'Pretendard'; font-weight:600; font-size: 16px; letter-spacing: -0.4px; color: #000; margin-bottom: 15px;}
.intro__compCount li p{font-family: 'Pretendard'; font-weight:300; font-size: 13px; line-height: 20px; letter-spacing: -0.33px; color: #000;}
.compCount__value{position: relative; margin-left: 30px;}
.compCount__value::before{content: '약'; position: absolute; left: -30px; bottom: 0; font-size: 28px;}
#tab4{background: #011d43; padding-bottom: 120px;}
#tab4 .intro__tit{margin-bottom: 17px; color: #fff;}

.OC__CEO{width: 1024px; height: 227px; background: url('/images/intro_OC1.png') center top no-repeat;}
.OC__team{width: 1024px; height: 446px; background: url('/images/intro_OC3_241210.png') center top no-repeat; margin: 0 auto 19px;}

/*회사연혁*/
.history__section1 .inn{overflow: hidden; margin-top: 74px; padding: 71px 0 140px;}
.history__section1 .intro__tit{float: left;}
.history__section1 img{float: right;}

/*오시는길*/
.location__mapArea{margin-top: 75px; overflow: hidden;}
.location__map{margin: 0 auto !important;}
.location__linkBtn{cursor: pointer; user-select: none; float: right; margin: 40px 0 146px; display: block; width: 217px; height: 55px; background: url('/images/location__arrow.png') 172px center no-repeat; border: 1px solid #000; box-sizing: border-box; text-indent: 38px; font-family: 'Pretendard'; font-weight:500; font-size: 16px; line-height: 55px; letter-spacing: -0.16px; color: #000;}
.location__section1{padding-top: 71px; box-sizing: border-box; margin-top: 75px;}
.location__info li{overflow: hidden; line-height: 22px; margin-bottom: 28px;}
.location__info li:last-child{margin-bottom: 0;}
.location__info li div{float: left;}
.location__info li .left{width: 152px; font-family: 'Pretendard'; font-weight:600; font-size: 18px; letter-spacing: -0.45px; color: #000;}
.location__info li .right p{float: left; font-family: 'Pretendard'; font-weight:400; font-size: 18px; letter-spacing: -0.45px; color: #000;}
.location__info li .right span{float: left; display: block; width: 61px; height: 22px; text-align: center; border-radius: 30px; margin-right: 6px; font-family: 'Pretendard'; font-size: 15px; letter-spacing: -0.38px; color: #fff;}
.location__info li .right .line1{background: #0037a8; margin-left: 33px;}
.location__info li .right .line2{background: #3ab449;}

/*인재채용*/
.job__bgArea{width: 100%; height: 538px; background: url('/images/jobPosting_bg.jpg') center no-repeat; background-size: cover;}
.job__wrap .section1__title{margin-bottom: 55px; font-family: 'Pretendard'; font-weight:600; font-size: 36px; line-height: 52px; letter-spacing: -1.44px; color: #000;}
.job__wrap .intro__tabMenu li>a{cursor: pointer; user-select: none;}
.job__section1 .inn{margin-top: 71px; padding-top: 75px;}
.job__section1 .job__txt{font-family: 'Pretendard'; font-weight:300; font-size: 18px; line-height: 30px; letter-spacing: -0.45px; color: #000; margin-bottom: 40px;}
.job__section1 .job__tableTab{overflow: hidden;}
.job__section1 .job__tableTab li{cursor: pointer; margin-right: 10px; float: left; padding: 0 30px; height: 40px; line-height: 40px; font-family: 'Pretendard'; font-weight:300; font-size: 18px; letter-spacing: -0.45px; color: #000; text-align: center; border-radius: 30px; background: #f4f4f4;}
.job__section1 .job__tableTab li.on{font-family: 'Pretendard'; font-weight:600; background: #3ab2fd; color: #fff;}
.job__section1 .job__tableTab li:last-child{margin-right: 0;}
.job__section1 table{border-top: 1px solid #000; width: 1024px; margin: 28px 0 0;}
.job__section1 table tr{cursor: pointer; height: 78px; border-bottom: 1px solid rgba(72,72,72,.3);}
.job__section1 table tr:hover{background: #fafafa;}
.job__section1 table tr.plan{cursor: default;}
.job__section1 table tr td{text-indent: 20px; line-height: 78px; font-family: 'Pretendard'; font-size: 16px; letter-spacing: -0.4px; color: #000; text-align: center;}
.job__section1 table tr td:nth-child(1){text-align: left; width: 560px;}
.job__section1 table tr td:nth-child(2){width: 92px;}
.job__section1 table tr td:nth-child(3){width: 252px;}
.job__section1 table tr td:nth-child(4){width: 120px;}
.job__section2 .inn{padding-top: 132px;}
.job__section2 .intro__tit{margin-bottom: 71px;}
.job__section2 .job__processArea{display: inline-block; position: relative;}
.job__section2 .job__process{margin: 97px 0 114px; position: relative; width: 1024px; height: 360px;}
.job__section2 .job__process div{box-sizing: border-box; float: left; position: absolute; top: 50%; transform: translateY(-50%); opacity: 0;}
.job__process .process1{padding: 84px 0 0 64px; left: 0; width: 236px; height: 236px; background: url('/images/process1.png') no-repeat;}
.job__processArea.on .process1{animation: process__ani .5s ease forwards;}
.job__process .process2{position: relative; padding: 128px 0 0 115px; left: 193px; width: 320px; height: 323px; background: url('/images/process2.png') no-repeat;}
.job__process .process2::after{content: ''; position: absolute; left: 115px; bottom: 211px; width: 1px; height: 0; background: rgba(0,0,0,.3); transform-origin: center top;}
.job__processArea.on .process2{animation: process__ani .5s .3s  ease forwards;}
.job__processArea.on .process2::after{height: 227px; transition: all 1s 1s ease;}
.job__process .process3{position: relative; padding: 147px 0 0 133px; left: 471px;width: 360px; height: 360px; background: url('/images/process3.png') no-repeat;}
.job__process .process3::after{content: ''; position: absolute; left: 133px; top: 240px; width: 1px; height: 0; background: rgba(0,0,0,.3); transform-origin: center bottom;}
.job__processArea.on .process3{animation: process__ani .5s .6s  ease forwards;}
.job__processArea.on .process3::after{height: 233px; transition: all 1s 1s ease;}
.job__process .process4{padding: 84px 0 0 81px; left: 788px;width: 236px; height: 236px; background: url('/images/process4.png') no-repeat;}
.job__processArea.on .process4{animation: process__ani .5s 1.0s  ease forwards;}
.job__processArea .processAniTxt{opacity: 0; position: absolute; font-family: 'Pretendard'; font-weight:300; font-size: 16px; line-height: 28px; letter-spacing: -0.4px; color: #000;}
.job__processArea.on .processAniTxt{opacity: 1; transition: all 1s 1.4s ease;}
@keyframes process__ani {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}
.job__process1AniTxt{left: 336px; top: 0;}
.job__process2AniTxt{left: 627px; bottom: 0;}
.job__process h5{font-family: 'Pretendard'; font-weight:300; font-size: 18px; letter-spacing: -0.45px; color: #000;}
.job__process span{display: inline-block; font-family: 'Pretendard'; font-weight:600; font-size: 24px; letter-spacing: -0.6px; color: #000; margin: 12px 0 8px;}
.job__process p{font-family: 'Pretendard'; font-weight:300; font-size: 13px; letter-spacing: -0.33px; color: #000;}
.job__section3 .inn{padding-top: 123px;}
.job__workEnvironment{overflow: hidden; width: 100%; margin-bottom: 156px;}
.job__workEnvironment li{float: left; width: 50%; height: 212px; border-top: 1px solid rgba(72,72,72,.3); box-sizing: border-box;}
.job__workEnvironment li:nth-child(1){background: url('/images/job_workEv1.png') left 35.5px no-repeat;}
.job__workEnvironment li:nth-child(2){background: url('/images/job_workEv2.png') left 34.5px no-repeat;}
.job__workEnvironment li:nth-child(3){background: url('/images/job_workEv3.png') left 25.2px no-repeat;}
.job__workEnvironment li:nth-child(4){background: url('/images/job_workEv4.png') left 25.2px no-repeat;}
.job__workEnvironment li:nth-child(5){background: url('/images/job_workEv5.png') left 28.2px no-repeat; border-bottom: 1px solid rgba(72,72,72,.3);}
.job__workEnvironment li:nth-child(6){background: url('/images/job_workEv6.png') left 31.2px no-repeat; border-bottom: 1px solid rgba(72,72,72,.3);}
.job__workEnvironment li h4{margin: 101px 0 20px; font-family: 'Pretendard'; font-weight:600; font-size: 18px; letter-spacing: -0.45px; color: #000;}
.job__workEnvironment li:first-child h4{position: relative; display: block;}
.job__workEnvironment li:first-child h4::after{content: '서울특별시 영등포구 경인로 775, 1동 1006호 에이스하이테크시티'; font-family: 'Pretendard'; font-weight:300; font-size: 13px; letter-spacing: -0.33px; color: #3ab2fd; position: absolute; left: 77px; bottom: 0;}
.job__workEnvironment li p{font-family: 'Pretendard'; font-weight:300; font-size: 16px; line-height: 28px; letter-spacing: -0.4px; color: #000;}

.jobDetail__section{background: #f4f4f4; padding: 106px 0 86px;}
.jobDetail__sectionInner{overflow: hidden;}
.jobDetail__titleArea{overflow: hidden; width: 1024px; height: 138px; border: 1px solid #ebebeb; background: #fff;padding:41px 51px 0 47px; box-sizing: border-box;}
.jobDetail__titleArea .email{float: right; width: 269px; height: 66px; border-radius: 33px; background: #2b86fc; padding: 15px 43px 0 39px; box-sizing: border-box; text-align: right;}
.jobDetail__titleArea .email span{font-family: 'Pretendard'; font-size: 14px; letter-spacing: -0.35px; color: #fff;}
.jobDetail__titleArea .email p{font-family: 'Pretendard'; font-weight:600; font-size: 21px; letter-spacing: -0.53px; color: #fff;}
.jobDetail__title{width: 650px; float: left; position: relative; display: block;}
.jobDetail__title p{font-family: 'Pretendard'; font-weight:600; font-size: 28px; letter-spacing: -0.7px; color: #000;}
.jobDetail__title p{display: none;}
.jobDetail__title::after{content: '신입/경력  |  채용시까지'; position: absolute; left: 0; bottom: -27px; font-family: 'Pretendard'; font-weight:300; font-size: 16px; letter-spacing: -0.4px; color: #727272;}
.jobDetail__content{padding: 51px 51px 0; border: 1px solid #ebebeb; box-sizing: border-box; margin: 19px 0 34px; background: #fff;}
.jobDetail__content table{display: none; margin-bottom: 36px; width: 922px;}
.jobDetail__content table caption{text-align: left; font-family: 'Pretendard'; font-weight:600; font-size: 20px; letter-spacing: -0.5px; color: #000; margin-bottom: 15px;}
.jobDetail__content th,.jobDetail__content td{border: 1px solid rgba(94,94,94,.16); text-align: center; vertical-align: middle;}
.jobDetail__content th{background: rgba(203,217,232,.19); font-family: 'Pretendard'; font-weight:500; font-size: 16px; letter-spacing: -0.4px; color: #000;}
.jobDetail__content td{font-family: 'Pretendard'; font-weight:300; letter-spacing: -0.35px; padding: 14px 15px; vertical-align: top; text-align: left; font-size: 14px; line-height: 23px;}
.jobDetail__content tr:nth-child(1) td{font-size: 15px; font-family: 'Pretendard'; font-weight:600; letter-spacing: -0.38px;}
.jobDetail__content tr:nth-child(2) td{font-size: 15px; font-family: 'Pretendard'; font-weight:500; color: #3ab2fd; letter-spacing: -0.38px;}
.jobDetail__content tr:nth-child(6) td{font-family: 'Pretendard';}

.jobDetail__content .contentInfo h3{font-family: 'Pretendard'; font-weight:600; font-size: 20px; letter-spacing: -0.5px; color: #000; margin-bottom: 15px;}
.jobDetail__content .contentInfo p{font-family: 'Pretendard'; font-weight:300; font-size: 16px; line-height: 28px; letter-spacing: -0.4px; color: #000; margin-bottom: 6px;}
.jobDetail__content .contentInfo .mb40{margin-bottom: 40px;}
.jobDetail__content .contentInfo .blueTxt{width: 286px; overflow: hidden; margin-bottom: 68.7px;}
.contentInfo .blueTxt span{float: left; line-height: 19px; font-size: 16px; font-family: 'Pretendard'; font-weight:600; color: #3ab2fd; letter-spacing: -0.4px;}
.contentInfo .blueTxt p{float: right; line-height: 19px; font-size: 17px; font-family: 'Pretendard'; font-weight:600; color: #3ab2fd; letter-spacing: -0.43px;}
.jobDetail__return{cursor: pointer; user-select: none; float: right; background: transparent url('/images/jobD_return.png') 30px center no-repeat; display: block; width: 179px; height: 53px; border: 2px solid #000; line-height: 50px; box-sizing: border-box; text-indent: 75px;
font-family: 'Pretendard'; font-weight:600; font-size: 18px; letter-spacing: -0.45px; color: #000;}
.jobDetail__return:hover{background: #fff url('/images/jobD_return.png') 30px center no-repeat;}
/*페이징 CSS*/
.pagelist3 span{margin: 0 30px;}
.pagelist3 .paging_pp{ background: url('/images/paging_pp.png') center no-repeat;}
.pagelist3 .paging_p{ background: url('/images/paging_p.png') center no-repeat;}
.pagelist3 .paging_nn{ background: url('/images/paging_nn.png') center no-repeat;}
.pagelist3 .paging_n{ background: url('/images/paging_n.png') center no-repeat;}
.pagelist3 a { display: inline-block; width: 30px; height: 30px; line-height: 30px; margin: 0; font-family: 'Pretendard'; font-weight:600; font-size: 17px; letter-spacing: -0.43px; vertical-align: middle; border-radius: 50%; color: #000;}
.pagelist3 .pgnum{margin: 0 14px;}
.pagelist3 .pgnum:hover{color: #fff; background: #3ab2fd;}
/*게시판*/
.notice__bgArea{width: 100%; height: 279px; background: url('/images/notice_bg.png') center top no-repeat; background-size: cover;}
.notice__titleArea{width: 100%;}
.notice__titleInner{padding-top: 86px; overflow: hidden;}
.notice__wrap .section1__title{margin-bottom: 55px; font-family: 'Pretendard'; font-weight:600; font-size: 36px; line-height: 52px; letter-spacing: -1.44px; color: #000;}
.notice__wrap .intro__tabMenu li{margin-right: 70px;}
.notice__section1 .inn{padding-top: 75px; margin-top: 71px;}
.notice__section1 .intro__tit{margin-bottom: 0;}
.notice__titleArea{overflow: hidden;}
.notice__titleArea h2{float: left;}
.notice__titleArea .notice__searchArea{float: right; position: relative;}
.notice__searchArea input{width: 287px; height: 42px; line-height: 42px; border: none; border-bottom: 1px solid rgba(72,72,72,.3); box-sizing: border-box; outline: none; 
font-family: 'Pretendard'; font-weight:300; font-size: 17px; letter-spacing: -0.43px; text-indent: 5px; color: #000;}
.notice__searchArea input::placeholder{color: #bebebe;}
.notice__search{position: absolute; right: 0; top: 0; display: block; width: 22px; height: 42px; background: url('/images/notice_searchBtn.png') center no-repeat; cursor: pointer; box-sizing: border-box;}
.notice__section1 .notice__table{margin: 43px 0 35px; width: 100%;}
.notice__table .thead{height: 56px; line-height: 56px; border-top: 2px solid #000; border-bottom: 1px solid #000; text-align: center;}
.notice__table th,.notice__table td{font-family: 'Pretendard'; font-size: 16px; letter-spacing: -0.4px; color: #000;}
.notice__table .bd{height: 78px; line-height: 78px; border-bottom: 1px solid rgba(72,72,72,.3);}
.notice__table .bd:hover{background: #fafafa;}
.notice__table .bd td{text-align: center;}
.notice__table .bd .title{cursor: pointer; text-align: left; text-indent: 40px;}
.notice__RegiArea{width: 100%; text-align: right;}
.notice__RegiArea .bbsRegiBtn{background: #fff; cursor: pointer; user-select: none; display: inline-block; width: 179px; height: 53px; text-align: center; line-height: 49px; border: 2px solid #000; box-sizing: border-box; font-family: 'Pretendard'; font-weight:600; font-size: 18px; letter-spacing: -0.45px; margin-bottom: 30px;}
.notice__RegiArea .bbsRegiBtn:hover{background: #e2e6e8;}
/*게시판 상세*/
.noticeView__title{overflow: hidden; height: 90px; line-height: 90px; border-top: 2px solid #000; border-bottom: 1px solid #000; box-sizing: border-box;}
.noticeView__title .label{margin: 32.5px 18px 0 0; width: 62px; height: 26px; border-radius: 30px; background: #011d43; float: left; font-family: 'Pretendard'; font-weight:600; font-size: 18px; text-align: center; letter-spacing: -0.45px; color: #fff; line-height: 26px;}
.noticeView__title .title{float: left; font-family: 'Pretendard'; font-weight:600; font-size: 22px; letter-spacing: -0.55px; line-height: 90px;}
.noticeView__title .right{float: right; margin-right: 8px; font-family: 'Pretendard'; font-size: 16px; letter-spacing: -0.4px;}
.noticeView__title .date{float: left; position: relative; padding-right: 16px;}
.noticeView__title .date::after{content: ''; display: inline-block; position: absolute; top: 50%; right: 0; transform: translateY(-50%); width: 2px; height: 18px; background: rgba(0,0,0,.5);}
.noticeView__title .views{float: left; margin-left: 10px;}
.noticeView__title .views>span{margin-left: 4px;}
.noticeView__contents{width: 100%; padding: 35px 0 43px; box-sizing: border-box; font-family: 'Pretendard'; font-weight:300; font-size: 16px; line-height: 28px; letter-spacing: -0.4px;}
.noticeView__addfile{line-height: 66px; margin-bottom: 40px; border-top: 1px solid rgba(72,72,72,.3); border-bottom: 1px solid rgba(72,72,72,.3); box-sizing: border-box;}
.noticeView__addfile .addfile{margin: 0 12px; font-family: 'Pretendard'; font-size: 16px; color: #3ab2fd; letter-spacing:-0.4px;}
.noticeView__addfile .addfile:hover{text-decoration: underline;}
.noticeView__btnArea{overflow: hidden; margin-bottom: 145px;}
.noticeView__btnArea button{display: block; width: 91px; height: 53px; color: #c5c5c5; background: transparent; line-height: 49px; border: 2px solid #c5c5c5; cursor: pointer; user-select: none; box-sizing: border-box; font-family: 'Pretendard'; font-weight:600; font-size: 18px; letter-spacing: -0.45px; line-height: 49px;}
.noticeView__btnArea button:hover{background-color: #e2e6e8; color: #000; border-color: #000;}
.noticeView__btnArea .modiBtn{float: left;}
.noticeView__btnArea .delBtn{float: left; margin-left: 12px;}
.noticeView__btnArea .goToListBtn{display: block; color: #000; width: 179px; height: 53px; text-align: left; text-indent: 75px; float: right; border: 2px solid #000; background: #fff url('/images/jobD_return.png') 30px center no-repeat;}

/*이벤트*/
.event__list li{margin-bottom: 57px;}
.event__list li:last-child{margin-bottom: 0;}
.event__list li .event__thumbnail{position: relative; width: 1024px; height: 258px; cursor: pointer;}
.event__list li .event__thumbnail::after{content: ''; position: absolute; right: 26px; bottom: 60px; display: inline-block; width: 40px; height: 40px; cursor: pointer;}
.event__list li .event__thumbnail.bgW::after{background: url('/images/event_go_b.png') no-repeat;}
.event__list li .event__thumbnail.bgB::after{background: url('/images/event_go_w.png') no-repeat;}
.event__list li .event__thumbnail.end:hover{cursor: initial !important;}
.event__list li .event__thumbnail p{padding-top: 235px; font-family: 'Pretendard'; font-weight:300; font-size: 18px; letter-spacing: -0.54px; color: #000; display: flex; align-items: center;}
.event__list li .event__thumbnail span{display: inline-block; margin-right: 14px;}
.event__list li .event__thumbnail span{width: 54px; height: 25px; background: url('/images/event_ing.png') center no-repeat;}
.event__list li .event__thumbnail.end span{width: 46px; height: 25px; background: url('/images/event_finish.png') center no-repeat;}
.event__list li .event__thumbnail.end::after{display: none;}
.event__list #klepPromoPop .event__thumbnail{background: url('/images/event_kclepPromo.png') no-repeat;}
.event__list #klepPromoPop .event__thumbnail::after{background: url('/images/event_go_w.png') no-repeat;}
.event__list #tasaPromoPop .event__thumbnail{background: url('/images/event_tasaPromo_250624.png') no-repeat;}
.event__list #tasaPromoPop .event__thumbnail::after{background: url('/images/event_go_w_365.png') no-repeat;}
.event__list #klepPromoPop:hover .event__thumbnail::after{background: url('/images/event_go_w_on.png') no-repeat;}
.event__list #k365SummerPop .event__thumbnail{background: url('/images/event_summer.png') no-repeat;}
.event__list #NFTFPromoPop .event__thumbnail{background: url('/images/event_nftfPromo.png') no-repeat;}
.event__list #NFTFPromoPop .event__thumbnail::after{background: url('/images/event_go_w.png') no-repeat;}
.event__list #kerpPromoPop .event__thumbnail{background: url('/images/event_kerpfPromp_250624.png') no-repeat;}
.event__list #kerpPromoPop .event__thumbnail::after{background: url('/images/event_go_b.png') no-repeat;}
/*
.event__list #k365SummerPop .event__thumbnail::after{background: url('/images/event_go_w.png') no-repeat;}
.event__list #k365SummerPop:hover .event__thumbnail::after{background: url('/images/event_go_w_on.png') no-repeat;}
*/
.event__list #k365Pop .event__thumbnail{background: url('/images/event_365.png') no-repeat;}
/*
.event__list #k365Pop .event__thumbnail::after{background: url('/images/event_go_w.png') no-repeat;}
.event__list #k365Pop:hover .event__thumbnail::after{background: url('/images/event_go_w_on.png') no-repeat;}
*/
.event__list #klepPop .event__thumbnail{background: url('/images/event_klep.png') no-repeat;}
.event__list #klepPop .event__thumbnail::after{background: url('/images/event_go_b.png') no-repeat;}
.event__list #klepPop:hover .event__thumbnail::after{background: url('/images/event_go_b_on.png') no-repeat;}
.event__list #voucherPop .event__thumbnail{background: url('/images/event_voucher.png') no-repeat;}
/*
.event__list #voucherPop .event__thumbnail::after{background: url('/images/event_go_b.png') no-repeat;}
.event__list #voucherPop:hover .event__thumbnail::after{background: url('/images/event_go_b_on.png') no-repeat;}
*/
.event__list #voucherNewPop .event__thumbnail{background: url('/images/event_voucher_2023.png') no-repeat;}
.event__list #voucherNewPop .event__thumbnail::after{background: url('/images/event_go_b.png') no-repeat;}
.event__list #voucherNewPop:hover .event__thumbnail::after{background: url('/images/event_go_b_on.png') no-repeat;}
.event__noEvent{margin-bottom: 100px; width: 1024px; height: 531px; background: url('/images/event_noEvent.png') no-repeat; border: 1px solid rgba(229,229,229,.13); box-sizing: border-box; text-align: center;}
/*.event__noEvent span{font-family: 'Pretendard'; font-weight:600; font-size: 26px; letter-spacing: -0.65px; color: #3ab2fd;}
.event__noEvent p{font-family: 'Pretendard-Light'; font-size: 17px; letter-spacing: -0.43px; color: #000; margin-top: 11px;}
*/
/*news*/

.news__list{overflow: hidden; margin: 44px 0 35px;}
.news__list li{float: left; width: calc((100% - 64px) / 3); height: 372px; margin: 0 32px 77px 0;}
.news__list li:nth-child(3n){margin-right: 0;}
.news__list li:nth-last-child(-n+3) {margin-bottom: 0;}
.news__thumbnail{text-align: center; cursor: pointer; width: 320px; height: 180px; line-height: 180px; overflow: hidden; border: 1px solid rgba(167, 167, 167, .3); box-sizing: border-box;}
.news__thumbnail img{ max-width: 100%;vertical-align: middle;}
.news__cont p{cursor: pointer;}
.news__cont:hover p{text-decoration: underline;}
.news__title{margin: 28px 0 11px;font-family: 'Pretendard'; font-weight:600; font-size: 16px; line-height: 24px; letter-spacing: -0.48px; color: #000;}
.news__contents{cursor: pointer; margin-bottom: 20px; font-family: 'Pretendard'; font-weight:300; font-size: 14px; line-height: 23px; letter-spacing: -0.35px; color: #000;}
.news__source{overflow: hidden; font-family: 'Pretendard'; font-weight:300; font-size: 14px; letter-spacing: -0.35px; color: #a8a8a8;}
.news__source span{float: left; position: relative; cursor: pointer;}
.news__source span::after{content: ''; position: absolute; right: -10px; top: 50%; transform: translateY(-50%); width: 1px; height: 11.5px; background: #d5d5d5;}
.news__source p{float: left; margin-left: 20px;}
.news__list .news__noResult{width: 100%; line-height: 320px; font-family: 'Pretendard'; font-weight:600; font-size: 18px; letter-spacing: -0.4px; text-align: center;}

/*제품안내*/
.product__wrap .intro__tabMenu li>a{cursor: pointer;}
.product__bgArea{width: 100%; height: 279px; background: url('/images/productintro_bg.png') center no-repeat; background-size: cover;}
.product__titleArea{overflow: hidden; display: flex; justify-content: space-between;}
.product__consultArea{overflow: hidden; display: flex; width: 362px;}
.product__consultArea.yerp{width: 175px;}
.product__consultArea.oneItem{justify-content: flex-end;}
.product__consultArea.oneItem>span{margin: 0 !important;}
.product__consultArea .consultBox{cursor: pointer; user-select: none; float: left; display: block; width: 175px; height: 46px; font-family: 'Pretendard'; font-weight:500; font-size: 16px; letter-spacing: -0.4px; line-height: 46px; border: 1px solid #000; border-radius: 50px; box-sizing: border-box; text-indent: 45px; background: url('/images/consultBox_arrow.png') 112px center no-repeat;}
.product__consultArea .consultBox:first-child{margin-right: 12px;}
.product__subTit{margin: 15px 0 23px; font-family: 'Pretendard'; font-size: 18px; line-height: 29px; letter-spacing: -0.45px;}
.kclep__banner{margin-bottom: 27px;}
.product__sectionInner{margin-top: 74px; padding: 71px 0 185px;}
.product__section>img{display: none;}
.product__sectionInner img:first-child{display: block;}
.product__slogan{margin-bottom: 43.8px;}
.krp__sectionInner{width: 100%; margin-top: 71px; padding: 74px 0 168px;}
.krp__sectionInner div:first-child>img{display: block;}
.product__16txt{font-family: 'Pretendard'; font-weight:300; font-size: 16px; line-height: 30px; letter-spacing: -0.4px; color: #000;}

.product__kclepTab{display: none;}
.product__kclepTab:first-child{display: block;}
.product__flexCont2{width: 1024px; display: flex; justify-content: space-between; flex-wrap: wrap;}


.product__title{display: block; width: 100%; line-height: 33px; font-family: 'Pretendard'; font-weight: bold; font-size: 28px; letter-spacing: -1.12px; color: #000; margin-bottom: 42px;}
.product_blueTxt{width: 1024px; height: 208px; border: 1px solid #3ab2fd; box-sizing: border-box; margin-bottom: 96px; display: flex; justify-content: center; align-items: center;}
.product_blueTxt>p{font-family: 'Pretendard'; font-weight:300; font-size: 20px; line-height: 33px; letter-spacing: -0.5px; color: #3ab2fd; text-align: center;}
.product_blueTxt>p span{font-family: 'Pretendard'; font-weight:600;}

/*제품안내 - 케이렙*/
.product__kclepTableItem{width: 50%; height: 128px; display: flex; border-bottom: 1px solid rgba(72,72,72,.3);}
.product__kclepTableItem li:nth-child(1){width: 110px; box-sizing:border-box; font-family: 'Pretendard'; font-weight:500; font-size: 17px; text-align: center; letter-spacing: -0.43px; color: #000;}
.product__kclepTableItem li:nth-child(2){width: 135px; margin-left: 30px;}
.product__kclepTableItem li:nth-child(2),.product__kclepTableItem li:nth-child(3){padding: 28px 0 0 0; box-sizing: border-box; font-family: 'Pretendard'; font-weight:300; font-size: 15px; line-height: 27px; letter-spacing: -0.38px; color: #000;}
.product__kclepTableItem:first-child li:first-child{padding-top: 80px; background: url('/images/product_kclep2.png') 34px 28px no-repeat;}
.product__kclepTableItem:nth-child(2) li:first-child{padding-top: 80px; background: url('/images/product_kclep3.png') 33px 34px no-repeat;}
.product__kclepTableItem:nth-child(3) li:first-child{padding-top: 80px; background: url('/images/product_kclep4.png') 33px 28px no-repeat;}
.product__kclepTableItem:nth-child(4) li:first-child{padding-top: 80px; background: url('/images/product_kclep5.png') 33px 28px no-repeat;}
.product__kclepTableItem:nth-child(5) li:first-child{padding-top: 81px; background: url('/images/product_kclep6.png') 33px 28px no-repeat;}
.product__kclepTableItem:nth-child(6) li:first-child{padding-top: 80px; background: url('/images/product_kclep7.png') 33px 28px no-repeat;}
.product__kclepTableItem:nth-child(7) li:first-child{padding-top: 77px; background: url('/images/product_kclep8.png') 33px 28px no-repeat;}
.kclepBlueCont{width: 1024px; height: 343px; border-radius: 10px; background: #1582f3; padding: 63px 94px; box-sizing: border-box;}
.kclepBlueCont span{font-family: 'Pretendard'; font-weight:600; font-size: 23px; letter-spacing: -0.58px; color: #fff; display: block; margin: 28px 0 26px 0;}
.kclepBlueCont p{font-family: 'Pretendard'; font-weight:300; font-size: 16px; line-height: 28px; letter-spacing: -0.4px; color: #fff;}
.kclep__toolList li span{display: block; margin-bottom: 12px; padding-left: 36px; font-family: 'Pretendard'; font-weight:500; font-size: 18px; line-height: 24px; letter-spacing: -0.45px;}
.kclep__toolList li:nth-child(1) span{background: url('/images/productNum_1.png') no-repeat;}
.kclep__toolList li:nth-child(2) span{background: url('/images/productNum_2.png') no-repeat;}
.kclep__toolList li:nth-child(3) span{background: url('/images/productNum_3.png') no-repeat;}
.kclep__toolList li:nth-child(4) span{background: url('/images/productNum_4.png') no-repeat;}
.kclep__toolList li>p{font-family: 'Pretendard'; font-weight:300; font-size: 16px; line-height: 28px; letter-spacing: -0.4px; margin-bottom: 43px;}
.kclep__toolList li:last-child>p{margin-bottom: 17px;}
.kclep__toolList li>strong{font-weight: normal; font-family: 'Pretendard'; font-weight:300; font-size: 16px; letter-spacing: -0.4px; margin-bottom: 8px; display: block;}
.kclep__toolSub{display: flex; width: 1024px; margin-bottom: 74px;}
.kclep__toolSub p{font-family: 'Pretendard'; font-weight:300; font-size: 16px; line-height: 28px; letter-spacing: -0.4px; margin-right: 30px;}
.kclep__toolSub p:last-child{margin: 0;}
.product__kclepTab .kclep2__cont .block1{height: 171px;}
.product__kclepTab .kclep2__cont:nth-child(2) .block1{background: url('/images/product_kclep10.png') right no-repeat; margin-bottom: 47px;}
.product__kclepTab .kclep2__cont:nth-child(3) .block1{background: url('/images/product_kclep11.png') right no-repeat; margin: 100px 0 47px;}
.product__kclepTab .kclep2__cont:nth-child(4) .block1{background: url('/images/product_kclep12.png') right no-repeat; margin: 123px 0 47px;}
.kclep2__cont .block1 p{font-family: 'Pretendard'; font-weight:300; font-size: 18px; line-height: 30px; letter-spacing: -0.45px;}
.kclep2__cont .block2{border-bottom: 1px solid rgba(0,0,0,.3);}
.kclep2__cont:nth-child(4) .block2{border: none;}
.kclep2__cont .block2 ul{display: flex; margin-bottom: 52px;}
.product__kclepTab .kclep2__cont:nth-child(4) .block2 ul{margin-bottom: 0;}
.kclep2__cont .block2 ul li{padding-top: 38px; width: calc(100% / 3);}
.product__kclepTab .kclep2__cont:nth-child(4) .block2 ul li{padding-top: 38px; width: calc(100% / 4);}
.kclep2__cont .block2 ul li:nth-child(1){background: url('/images/productNum_1.png') no-repeat;}
.kclep2__cont .block2 ul li:nth-child(2){background: url('/images/productNum_2.png') no-repeat;}
.kclep2__cont .block2 ul li:nth-child(3){background: url('/images/productNum_3.png') no-repeat;}
.kclep2__cont .block2 ul li:nth-child(4){background: url('/images/productNum_4.png') no-repeat;}
.kclep2__cont .block2 ul li span{display: block; margin-bottom: 10px; line-height: 26px; font-family: 'Pretendard'; font-weight:500; font-size: 18px; letter-spacing: -0.45px;}
.kclep2__cont .block2 ul li p{font-family: 'Pretendard'; font-weight:300; font-size: 16px; letter-spacing: -0.4px; line-height: 28px;}
.kclep3__cont:nth-child(3){margin-top: 101px;}
.kclep3__cont:nth-child(4){margin-top: 90px;}
.kclep3__cont:nth-child(5){margin-top: 84px;}
.kclep3__cont .product__title{margin-bottom: 28px;}
.kclep3__cont table{width: 1024px; border: 1px solid rgba(72,72,72,.3); border-top: 1px solid #000; border-collapse: collapse;}
.kclep3__cont table th{font-family: 'Pretendard'; font-weight:500; font-size: 18px; line-height: 26px; letter-spacing: -0.45px; padding: 27px 0 27px 27px; border: 1px solid rgba(72,72,72,.3);}
.kclep3__cont table td{border: 1px solid rgba(72,72,72,.3); padding: 27px 0 27px 42px;}
.kclep3__cont table td>p{font-family: 'Pretendard'; font-weight:300; font-size: 16px; line-height: 28px; letter-spacing: -0.4px;}
.kclep3__cont table td>p>span{display: block; font-family: 'Pretendard'; font-weight:500;}
.kclep3__cont table td>p>span>strong{color: #3ab2fd;}
.kclep3__cont table td>p b{font-weight: normal; margin-bottom: 10px;display: flex; align-items: center; font-family: 'Pretendard'; font-weight:600; font-size: 18px; letter-spacing: -0.45px;}
.kclep3__cont table td>p b img{margin-right: 10px;}


.kclep3__circleArea{margin-top: 8px; width: 536px; display: flex; justify-content: space-between; align-items: center;}
.kclep3__circleArea span{text-align: center; display: flex; justify-content: center; align-items: center; width: 127px; height: 127px; border-radius: 50%; background: #3ab2fd; font-family: 'Pretendard' font-weight:500;; font-size: 15px; line-height: 20px; letter-spacing: -0.38px; color: #fff;}

/*제품안내 - 세무사랑Pro*/

.product__semuTableItem{width: 50%; height: 128px; display: flex; border-bottom: 1px solid rgba(72,72,72,.3);}
.product__semuTableItem li:nth-child(1){width: 110px; box-sizing:border-box; font-family: 'Pretendard'; font-weight:500; font-size: 17px; text-align: center; letter-spacing: -0.43px; color: #000;}
.product__semuTableItem li:nth-child(2){width: 135px; margin-left: 30px;}
.product__semuTableItem li:nth-child(2),.product__semuTableItem li:nth-child(3){padding: 28px 0 0 0; box-sizing: border-box; font-family: 'Pretendard'; font-weight:300; font-size: 15px; line-height: 27px; letter-spacing: -0.38px; color: #000;}
.product__semuTableItem li:first-child{padding-top: 82px; background: url('/images/product_kclep2.png') 34px 28px no-repeat;}
.product__semuTableItem:nth-child(2) li:first-child{padding-top: 88px; background: url('/images/product_kclep4.png') 33px 34px no-repeat;}
.product__semuTableItem:nth-child(3) li:first-child{padding-top: 80px; background: url('/images/product_kclep5.png') 33px 28px no-repeat;}
.product__semuTableItem:nth-child(4) li:first-child{padding-top: 80px; background: url('/images/product_kclep6.png') 33px 28px no-repeat;}
.product__semuTableItem:nth-child(5) li:first-child{padding-top: 81px; background: url('/images/product_kclep7.png') 33px 28px no-repeat;}
.product__semuTableItem:nth-child(6) li:first-child{padding-top: 80px; background: url('/images/product_kclep8.png') 33px 28px no-repeat;}

/*제품안내 - KRP*/
.product__sectionInner.krp{width: 100%;}
.product__1024Inner{width: 1024px; margin: 0 auto; box-sizing: border-box;}
.product__kclepTab.krp .product__krpTableItem{height: 227px; display: flex; border-bottom: 1px solid rgba(72,72,72,.3);}
.product__kclepTab.krp .product__krpTableItem li:nth-child(1),.product__kclepTab.krp .product__krpTableItem li:nth-child(2){
    padding: 38px 0 0 0; box-sizing: border-box; font-family: 'Pretendard'; font-weight:300; font-size: 15px;
    line-height: 27px; letter-spacing: -0.38px; color: #000;}
.product__kclepTab.krp .product__krpTableItem:nth-child(1){width: 322px; background: url('/images/product_icon1.png') 39px 25px no-repeat;}
.product__kclepTab.krp .product__krpTableItem:nth-child(1) li:nth-child(1){margin-left: 160px;}
.product__kclepTab.krp .product__krpTableItem:nth-child(2){width: 434px; background: url('/images/product_icon2.png') 39px 25px no-repeat;}
.product__kclepTab.krp .product__krpTableItem:nth-child(2) li:nth-child(1){margin-left: 152px;}
.product__kclepTab.krp .product__krpTableItem:nth-child(3){width: 268px; background: url('/images/product_icon3.png') 39px 25px no-repeat;}
.product__kclepTab.krp .product__krpTableItem:nth-child(3) li:nth-child(1){margin-left: 148px;}
.product__kclepTab.krp .product__krpTableItem:nth-child(4){width: 322px; background: url('/images/product_icon4.png') 39px 30px no-repeat;}
.product__kclepTab.krp .product__krpTableItem:nth-child(4) li:nth-child(1){margin-left: 160px;}
.product__kclepTab.krp .product__krpTableItem:nth-child(5){width: 434px; background: url('/images/product_icon5.png') 39px 30px no-repeat;}
.product__kclepTab.krp .product__krpTableItem:nth-child(5) li:nth-child(1){margin-left: 152px;}
.product__kclepTab.krp .product__krpTableItem:nth-child(6){width: 268px;}
.product__kclepTab.krp .product__krpTableItem li:nth-child(2){margin-left: 12px;}

.product__kclepTab.krp .product__krpCont{background: #fff; box-sizing: border-box; text-align: center;}
.product__kclepTab.krp .product__krpCont img{display: inline-block;}
.product__kclepTab.krp .product__krpCont:nth-child(1) img{margin-bottom: 100px;}
.product__kclepTab.krp .product__krpCont:nth-child(2){background: #f9f9f9; padding: 10px 0 170px;}

.product__krpCont .kclepCont2inn{width: 1055px; margin: 0 auto; box-sizing: border-box;}
.product__krpCont .product_blueTxt{height: 81px; margin: 0 auto 85px;}
.product__krpCont .product_blueTxt p{font-family: 'Pretendard'; font-weight:500; color: #62c2fd; letter-spacing: -0.6px;}
.product__krpCont .kclep__effectList{display: flex; justify-content: space-between; flex-wrap: wrap; padding: 0 15px; margin-bottom: 120px;}
.product__krpCont .kclep__effectList li{width: 321px; height: 295px; margin-bottom: 30px; box-shadow: 0 3px 10px 0 rgba(0, 0, 0, 0.16); padding: 46px 13px 0 30px; box-sizing: border-box; text-align: left;}
.product__krpCont .kclep__effectList li h4{font-family: 'Pretendard'; font-weight:800; font-size: 20px; letter-spacing: -0.5px; color: #000;}
.product__krpCont .kclep__effectList li span{display: block; margin: 12px 0 24px; font-family: 'Pretendard'; font-weight:500; font-size:15px; letter-spacing: -0.38px; color: #3ab2fd;}
.product__krpCont .kclep__effectList li p{font-family: 'Pretendard'; font-weight:300; font-size: 15px; line-height: 28px; letter-spacing: -0.38px; color: #000;}
.product__krpCont .kclep__effectList li:nth-last-child(-n+3){height: 323px;}
.product__krpCont .kclep__rnr{text-align: left; width: 1024px; margin: 0 auto;}
.product__krpCont .kclep__rnr .product__title{margin-bottom: 30px;}
.product__krpCont .kclep__rnr .product__16txt{line-height: initial; margin-bottom: 48px;}
.product__krpCont .kclep__rnr table{margin: 0 auto 100px; width: 1024px; box-sizing: border-box; border-collapse: collapse;}
.product__krpCont .kclep__rnr table th{padding-top: 31px; height: 140px; background: #f5f7f9; border-top: 2px solid #000; border-bottom: 1px solid #000; text-align: center; box-sizing: border-box;}
.product__krpCont .kclep__rnr table th:nth-child(2),.product__krpCont .kclepCont2inn .kclep__rnr table td:nth-child(2){border-left: 1px solid rgba(72,72,72,.3); border-right: 1px solid rgba(72,72,72,.3);}
.product__krpCont .kclep__rnr table th h4{font-family: 'Pretendard'; font-weight:600; font-size: 16px; letter-spacing: -0.4px; color: #000; margin-bottom: 18px;}
.product__krpCont .kclep__rnr table th p{font-family: 'Pretendard'; font-weight:300; font-size: 15px; letter-spacing: -0.38px; color: #6b6b6b; line-height: 20px;}
.product__krpCont .kclep__rnr table tbody tr:first-child td{height: 334px; text-align: center; vertical-align: middle;}
.product__krpCont .kclep__rnr table tbody tr:first-child td img{margin: 0 !important;}
.product__krpCont .kclep__rnr table tbody tr:last-child td{padding: 24px 0 0 30px; height: 102px; border-top: 1px solid rgba(72,72,72,.3); border-bottom: 1px solid rgba(72,72,72,.3); box-sizing: border-box;}
.product__krpCont .kclep__rnr table tbody tr:last-child td p{font-family: 'Pretendard'; font-weight:300; font-size: 15px; line-height: 28px; letter-spacing: -0.38px; color: #000;}
.product__krpCont:nth-child(2) .kclep__effectDetail{width: 1024px; height: 576px; margin: 0 auto; border-bottom: 1px solid rgba(72,72,72,.3); padding-top: 100px; box-sizing: border-box; text-align: left;}
.product__krpCont:nth-child(2) .kclep__effectDetail .effectDetail__title{font-family: 'Pretendard'; font-weight:600; font-size: 28px; color: #000; letter-spacing: -1.12px;}
.product__krpCont:nth-child(2) .kclep__effectDetail .effectDetail__title span{color: #3ab2fd;}
.product__krpCont:nth-child(2) .kclep__effectDetail .effectDetail_sub{margin: 20px 0 50px; font-family: 'Pretendard'; font-weight:300; font-size: 16px; letter-spacing: -0.4px; color: #000;}
.product__krpCont:nth-child(2) .kclep__effectDetail ul li{margin-bottom: 20px;}
.product__krpCont:nth-child(2) .kclep__effectDetail ul li p{font-family: 'Pretendard'; font-weight:500; font-size: 16px; letter-spacing: -0.4px; color: #000;}
.product__krpCont:nth-child(2) .kclep__effectDetail ul li span{margin-top: 12px; font-family: 'Pretendard'; font-weight:300; font-size: 15px; letter-spacing: -0.38px; color: #000;}
.product__krpCont:nth-child(2) .kclep__effectDetail:nth-child(1){background: url('/images/effectDetail1.png') calc(100% + 17px) calc(100% - 30px) no-repeat;}
.product__krpCont:nth-child(2) .kclep__effectDetail:nth-child(2){background: url('/images/effectDetail2.png') calc(100% + 17px) calc(100% - 30px) no-repeat;}
.product__krpCont:nth-child(2) .kclep__effectDetail:nth-child(3){background: url('/images/effectDetail3.png') calc(100% + 17px) calc(100% - 29px) no-repeat;}
.product__krpCont:nth-child(2) .kclep__effectDetail:nth-child(4){background: url('/images/effectDetail4.png') calc(100% + 17px) calc(100% - 31px) no-repeat;}
.product__krpCont:nth-child(2) .kclep__effectDetail:nth-child(5){background: url('/images/effectDetail5.png') calc(100% + 17px) calc(100% - 31px) no-repeat;}
.product__krpCont:nth-child(2) .kclep__effectDetail:nth-child(6){background: url('/images/effectDetail6.png') calc(100% + 17px) calc(100% - 27px) no-repeat;}
.product__krpCont:nth-child(2) .kclep__effectDetail:nth-child(7){background: url('/images/effectDetail7.png') calc(100% + 17px) calc(100% - 32px) no-repeat;}
.product__krpCont:nth-child(2) .kclep__effectDetail:nth-child(8){background: url('/images/effectDetail8.png') calc(100% + 17px) calc(100% - 33px) no-repeat;}
.product__krpCont:nth-child(2) .kclep__effectDetail:nth-child(9){background: url('/images/effectDetail9.png') calc(100% + 17px) calc(100% - 31px) no-repeat;}

.product__kclepTab:nth-child(3){margin-top: 76px;}
.product__kclepTab:nth-child(3) .kerp_proposal{display: flex; justify-content: space-between;}
.product__kclepTab:nth-child(3) .kerp_proposal img{margin-bottom: 110px;}
.product__kclepTab:nth-child(3) .right{width: calc(100% - 604px); padding-top: 42px; text-align: left;}
.product__kclepTab:nth-child(3) .right .product__title{margin-bottom: 20px;}
.product__kclepTab:nth-child(3) .right p{margin-bottom: 86px; line-height: inherit;}
.product__kclepTab:nth-child(3) .proposalBtn a{width: 172px; height: 49px; font-weight: bold; font-size: 18px; color: #fff; letter-spacing: -0.72px; border-radius: 24.5px; background: #109aff; display: flex; align-items: center; justify-content: center; cursor: pointer; user-select: none;}
/*제품안내 - 제트리포트*/
.product__sectionInner.zReport{width: 100%;}
.zReport__advCont{display: flex; padding: 236px 66px 0; background: url('/images/product_zReport_1.png') center top no-repeat;}
.zReport__advCont li{font-family: 'Pretendard'; font-weight:500; font-size: 18px; line-height: 26px; letter-spacing: -0.45px; text-align: center; margin-bottom: 130px;}
.zReport__advCont li:nth-child(2){margin: 0 220px 0 160px;}
.zReport__screenLayout{justify-content: space-between; margin-bottom: 60px;}
.zReport__screenLayout .leftCont{width: 270px; margin-top: 10px;}
.zReport__screenLayout .leftCont li{ margin-bottom: 35px; display: flex; align-items: center; font-family: 'Pretendard'; font-size: 18px; letter-spacing: -0.45px;}
.zReport__screenLayout .leftCont li:last-child{margin-bottom: 0;}
.zReport__screenLayout .leftCont li img{margin-right: 15px;}
.zReport__layoutList{width: 100%; border-top: 1px solid #000; padding-bottom: 154px;}
.zReport__layoutList li{display: flex; padding: 24px 0; border-bottom: 1px solid rgba(0,0,0,.25);}
.zReport__layoutList li strong{width: 232px; font-family: 'Pretendard'; font-weight:500; font-size: 18px; line-height: 26px; letter-spacing: -0.45px; font-weight: normal;}
.zReport__layoutList li p{font-family: 'Pretendard'; font-weight:300; font-size: 16px; line-height: 28px; letter-spacing: -0.4px;}
.zReport__layoutList li p:nth-of-type(1){width: 296px; margin: 0 58px 0 85px;}
.zReport__layoutList li p:nth-of-type(2){width: 272px;}
.zReport__wordSupport{height: 563px; background: url('/images/product_zReport_9.png') right top no-repeat;}
.zReport__wordSupport .leftCont{width: 295px; padding-top: 134px;}
.zReport__wordSupport p{font-family: 'Pretendard'; font-weight:500; font-size: 18px; line-height: 26px; letter-spacing: -0.45px; color: #fff;}

/*제품안내 - 나우링크*/
.nowLink__section1{margin-bottom: 116px; height: 286px; background: #011d43 url('/images/product_nowLink_1.png') 512px 26px no-repeat; border-radius: 10px; padding: 71px 0 0 78px; box-sizing: border- box;}
.nowLink__section1 h3{font-family: 'Pretendard'; font-weight:600; font-size: 24px; line-height: 33px; letter-spacing: -0.6px; color: #fff; margin-bottom: 25px;}
.nowLink__section1 p{font-family: 'Pretendard'; font-weight:300; font-size: 15px; line-height: 24px; letter-spacing: -0.38px; color: #fff;}
.nowLink__section2{margin-bottom: 106px; height: 267px; background: url('/images/product_nowLink_2.png') 466px top no-repeat;}
.nowLink__section2 p{font-family: 'Pretendard'; font-weight:300; font-size: 16px; line-height: 28px; letter-spacing: -0.4px; color: #000;}
.nowLink__section3 ul{width: 100%; border-top: 1px solid #000; margin-bottom: 102px;}
.nowLink__section3 ul li{display: flex; height: 148px; border-bottom: 1px solid rgba(70,70,70,.3); box-sizing: border-box;}
.nowLink__section3 ul li img{width: 24px; height: 24px; margin: 35px 37px 0 25px;}
.nowLink__section3 ul li div{width: 82px; margin-right: 62px;}
.nowLink__section3 ul li:nth-child(1) div{background: url('/images/product_nowLink_3.png') left 40px no-repeat;}
.nowLink__section3 ul li:nth-child(2) div{background: url('/images/product_nowLink_4.png') left 44px no-repeat;}
.nowLink__section3 ul li:nth-child(3) div{background: url('/images/product_nowLink_5.png') left 44px no-repeat;}
.nowLink__section3 ul li:nth-child(4) div{background: url('/images/product_nowLink_6.png') left 53px no-repeat;}
.nowLink__section3 ul li:nth-child(5) div{background: url('/images/product_nowLink_7.png') left 36px no-repeat;}
.nowLink__section3 ul li p{margin-top: 32px; font-family: 'Pretendard'; font-weight:300; font-size: 16px; letter-spacing: -0.4px; line-height: 28px;}
.nowLink__section3 ul li p span{margin-bottom: 8px; display: block; font-family: 'Pretendard'; font-weight:500; font-size: 18px; letter-spacing: -0.45px;}
.nowLink__section4{height: 442px; padding-top: 116px; box-sizing: border-box; background: url('/images/product_nowLink_8.png') right bottom no-repeat;}
.nowLink__section4 .leftCont p{font-family: 'Pretendard'; font-size: 16px; line-height: 28px; letter-spacing: -0.4px; margin-bottom: 22px;}
.nowLink__section4 .leftCont span{display: inline-flex; align-items: center; justify-content: center; width: 252px; height: 26px; background: #3ab2fd; border-radius: 16px; font-family: 'Pretendard'; font-weight:500; font-size: 16px; letter-spacing: -0.4px; color: #fff;}


/*제품안내 - 뉴젠락*/
.lock__section1{margin-bottom: 145px; height: 648px; background: url('/images/product_lock1.png') no-repeat;}
.lock__section1--580{width: 580px; margin: 74px auto 0; padding-top: 128px;}
.lock__section1--580 h4{margin: 0 auto;display: flex; justify-content: center; align-items: center; width: 210px; height: 48px; background: #3daefe; border: 1px solid #3ab2fd; border-radius: 25px; box-sizing: border-box; font-family: 'Cafe24Shiningstar'; font-size: 36px; color: #fff;}
.lock__section1--580 p{margin: 25px 0 110px; font-family: 'Pretendard'; font-weight:200; font-size: 33px; line-height: 42px; letter-spacing: -1.32px; color: #3ab2fd; text-align: center;}
.lock__section1--580 p>span{font-family: 'Pretendard'; font-weight:600;}
.lock__section1--580 ul li{display: flex; align-items: center; width: 100%; height: 30px; margin-bottom: 36px; padding-left: 54px; background: url('/images/product_lock1_check.png') no-repeat; font-family: 'Pretendard'; font-size: 18px; letter-spacing: -0.45px;}
.lock__section2 ul{border-top: 1px solid #000; display: flex; flex-wrap: wrap;}
.lock__section2 ul li{width: calc(100% /3); padding-left: 25px; display: flex; border-bottom: 1px solid rgba(72,72,72,.3); height: 128px; box-sizing: border-box;}
.lock__section2 ul li>div{width: 70px;height: 100%;}
.lock__section2 ul li:nth-child(1)>div{background: url('/images/product_lock3.png') center 29px no-repeat;}
.lock__section2 ul li:nth-child(2)>div{background: url('/images/product_lock4.png') center 31px no-repeat;}
.lock__section2 ul li:nth-child(3)>div{background: url('/images/product_lock5.png') center 31px no-repeat;}
.lock__section2 ul li:nth-child(4)>div{background: url('/images/product_lock6.png') center 30px no-repeat;}
.lock__section2 ul li:nth-child(5)>div{background: url('/images/product_lock7.png') center 30px no-repeat;}
.lock__section2 ul li p{width: 180px; margin: 28px 0 0 33px; font-family: 'Pretendard'; font-weight:300; font-size: 15px; line-height: 22px; letter-spacing: -0.38px;}
.lock__section2 ul li p span{display: block; font-family: 'Pretendard'; font-weight:500; font-size: 17px; letter-spacing: -0.43px; margin-bottom: 7px;}

/*제품안내 - 세무사랑포켓*/
.pocket__section1{margin-bottom: 108px;}
.pocket__section1 h4{font-family: 'Pretendard'; font-weight:600; font-size: 26px; letter-spacing: -0.65px; margin-bottom: 24px; text-align: center;}
.pocket__section1 .section1_txt{display: block; margin-bottom: 36px; font-family: 'Pretendard'; font-weight:300; font-size: 18px; line-height: 30px; letter-spacing: -0.45px; text-align: center;}
.pocket__section1 .blueCont{height: 96px; background: #3ab2fd; border-radius: 5px; padding: 0 35px 0 67px; display: flex; justify-content: space-between; align-items: center; box-sizing: border-box;}
.pocket__section1 .blueCont P{font-family: 'Pretendard'; font-size: 17px; line-height: 26px; letter-spacing: -0.43px; color: #fff;}
.pocket__section1 .blueCont .goNowlink{width: 252px; height: 48px; background: transparent url('/images/product_pocket2.png') 183px center no-repeat;text-indent: 46px; font-family: 'Pretendard'; font-size: 17px; letter-spacing: -0.85px; color: #fff; border: 2px solid #fff; border-radius: 50px; box-sizing: border-box; display: flex; align-items: center; cursor: pointer; user-select: none;}
.pocket__section2 ul{display: flex; flex-wrap: wrap; border-top: 1px solid rgba(0,0,0,.3); box-sizing: border-box;}
.pocket__section2 ul li{width: 50%; display: flex; padding-top: 39px; height: 240px; border-bottom: 1px solid rgba(0,0,0,.3); box-sizing: border-box;}
.pocket__section2 ul li:nth-last-child(-n+2){height: 276px;}
.pocket__section2 ul li strong{font-family: 'Pretendard'; font-weight:300; font-size: 42px; margin-right: 20px;}
.pocket__section2 ul li p{font-family: 'Pretendard'; font-weight:300; font-size: 16px; line-height: 28px; letter-spacing: -0.4px;}
.pocket__section2 ul li p span{display: block; margin-bottom: 16px; font-family: 'Pretendard'; font-weight:500; font-size: 20px; line-height: 26px; letter-spacing: -0.5px; color: #3ab2fd;}
.pocket__section2 ul li:nth-last-child(-n+2) p span{margin-bottom: 22px;}

/*제품안내 - 뉴젠메신저*/
.msg__section1 ul{display: flex; flex-wrap: wrap; box-sizing: border-box;}
.msg__section1 ul li{width: 50%; margin-bottom: 102px; box-sizing: border-box;}
.msg__section1 .w100List{width: 100%;}
.msg__section1 ul li strong{display: block; text-indent: 36px; line-height: 24px; font-family: 'Pretendard'; font-weight:500; font-size: 18px; letter-spacing: -0.45px; font-weight: normal;}
.msg__section1 ul li:nth-child(1) strong{background: url('/images/productNum_1.png') no-repeat;}
.msg__section1 ul li:nth-child(2) strong{background: url('/images/productNum_2.png') no-repeat;}
.msg__section1 ul li:nth-child(3) strong{background: url('/images/productNum_3.png') no-repeat;}
.msg__section1 ul li:nth-child(4) strong{background: url('/images/productNum_4.png') no-repeat;}
.msg__section1 ul li:nth-child(5) strong{background: url('/images/productNum_5.png') no-repeat;}
.msg__section1 ul li:nth-child(6) strong{background: url('/images/productNum_6.png') no-repeat;}
.msg__section1 ul li:nth-child(7) strong{background: url('/images/productNum_7.png') no-repeat;}
.msg__section1 ul li:nth-child(8) strong{background: url('/images/productNum_8.png') no-repeat;}
.msg__section1 ul li:nth-child(9) strong{background: url('/images/productNum_9.png') no-repeat;}
.msg__section1 ul li p{margin: 10px 0 0; line-height: 28px; font-family: 'Pretendard'; font-weight:300; font-size: 16px; letter-spacing: -0.4px;}
.msg__section1 ul li:nth-child(1),.msg__section1 ul li:nth-child(2){padding-bottom: 720px;}
.msg__section1 ul li:nth-child(1){background: url('/images/product_msg1.png') left bottom no-repeat;}
.msg__section1 ul li:nth-child(2){background: url('/images/product_msg2.png') left bottom no-repeat;}
.msg__section1 ul li:nth-child(3),.msg__section1 ul li:nth-child(4){padding-bottom: 555px;}
.msg__section1 ul li:nth-child(3){background: url('/images/product_msg3.png') left bottom no-repeat;}
.msg__section1 ul li:nth-child(4){background: url('/images/product_msg4.png') left bottom no-repeat;}
.msg__section1 ul li:nth-child(5){padding-bottom: 555px;}
.msg__section1 ul li:nth-child(5){background: url('/images/product_msg5.png') left bottom no-repeat;}
.msg__section1 ul li:nth-child(6),.msg__section1 ul li:nth-child(7){padding-bottom: 407px;}
.msg__section1 ul li:nth-child(6){background: url('/images/product_msg6.png') left bottom no-repeat;}
.msg__section1 ul li:nth-child(7){background: url('/images/product_msg7.png') left bottom no-repeat;}
.msg__section1 ul li:nth-child(8){padding-bottom: 385px;}
.msg__section1 ul li:nth-child(8){background: url('/images/product_msg8.png') left bottom no-repeat;}
.msg__section1 ul li:nth-child(9){padding-bottom: 535px;}
.msg__section1 ul li:nth-child(9){background: url('/images/product_msg9.png') left bottom no-repeat; margin-bottom: 0;}

/*제품안내 - e공단*/
.product__eGongdanTab{display: none;}
.product__eGongdanTab:first-child{display: block;}
.eGongdan__section1 .eGongdan_flex1{margin: 42px auto 62px; padding-top: 398px; background: url('/images/product_edi1.png') center top no-repeat;}
.eGongdan__section1 .eGongdan_flex1 .product__krpTableItem{width: calc(100% / 3); height: 190px; display: flex; border-top: 1px solid #000; border-bottom: 1px solid rgba(72,72,72,.3);}
.product__eGongdanTab .product__krpTableItem li:nth-child(1){width: 90px; box-sizing:border-box;}
.product__eGongdanTab .product__krpTableItem li:nth-child(2){width: auto; margin-left: 10px; padding: 38px 0 0 0; box-sizing: border-box; font-family: 'Pretendard'; font-weight:300; font-size: 15px; line-height: 27px; letter-spacing: -0.38px; color: #000;}
.product__eGongdanTab .product__krpTableItem li:nth-child(2) p{margin-bottom: 8px; font-family: 'Pretendard'; font-weight:500; font-size: 15px; line-height: 25px; letter-spacing: -0.38px;}
.product__eGongdanTab .product__krpTableItem li:nth-child(2) p>span{font-family: 'Pretendard'; font-weight:600; font-size: 20px; letter-spacing: -0.5px;}
.product__eGongdanTab .product__krpTableItem li:first-child{ background: url('/images/product_edi2.png') center 46px no-repeat;}
.product__eGongdanTab .product__krpTableItem:nth-child(2) li:first-child{background: url('/images/product_edi3.png') center 46px no-repeat;}
.product__eGongdanTab .product__krpTableItem:nth-child(3) li:first-child{background: url('/images/product_edi4.png') center 46px no-repeat;}
.eGongdan__section1 .eGongdan_flex2{justify-content: space-between; padding: 67px 98px 63px 67px; position: relative; margin-bottom: 53px; border: 3px solid rgba(72,72,72,.12); box-sizing: border-box;}
.eGongdan__section1 .eGongdan_flex2::after{content: ''; width: 3px; height: 460px; background: rgba(72,72,72,.12); position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%);}
.eGongdan__section1 .eGongdan_flex2 div{padding-top: 290px; text-align: center;}
.eGongdan__section1 .eGongdan_flex2 .leftCont{width: 392px; background: url('/images/product_edi19.png') center 19px no-repeat;}
.eGongdan__section1 .eGongdan_flex2 .rightCont{width: 324px; background: url('/images/product_edi20.png') center top no-repeat;}
.eGongdan__section1 .eGongdan_flex2 span{display: block; font-family: 'Pretendard'; font-weight:600; font-size: 20px; letter-spacing: -0.5px; margin-bottom: 25px;}
.eGongdan__section1 .eGongdan_flex2 p{font-family: 'Pretendard'; font-weight:300; font-size: 16px; line-height: 28px; letter-spacing: -0.4px;}
.eGongdan__section1 .eGongdan_blueBox{margin-bottom: 117px; width: 1024px; height: 93px; display: flex; justify-content: center; align-items: center; padding: 4px; background: rgba(58,178,253,.21); border-radius: 36px; box-sizing: border-box;}
.eGongdan__section1 .eGongdan_blueBox p{display: flex; justify-content: center; align-items: center; font-family: 'Pretendard';  font-weight:500; font-size: 24px; letter-spacing: -0.72px; color: #fff; border-radius: 32px; width: 100%; height: 100%; background: #3ab2fd;}
.eGongdan__section1 .eGongdan_blueBox p>span{color: #fff700;}
.eGongdan__section2 .eGongdan_diagram{width: 1024px; height: 419px;  margin: 43px 0 52px; background: #011d43 url('/images/product_edi5.png') center no-repeat; border-radius: 10px;}
.eGongdan__section2 .product_blueTxt{margin: 49px 0 0 0; height: 74px; justify-content: flex-start; text-indent: 36px;}
.eGongdan__section2 .product_blueTxt p{font-size: 18px; letter-spacing: -0.45px;}
.eGongdan__section2 ul li{margin-bottom: 33px; font-family: 'Pretendard'; font-weight:500; font-size: 18px; letter-spacing: -0.45px; line-height: 24px; text-indent: 36px;}
.eGongdan__section2 ul li:nth-child(1){background: url('/images/productNum_1.png') no-repeat;}
.eGongdan__section2 ul li:nth-child(2){background: url('/images/productNum_2.png') no-repeat;}
.eGongdan__section2 ul li:nth-child(3){background: url('/images/productNum_3.png') no-repeat;}
.eGongdan__section2 ul li:nth-child(4){background: url('/images/productNum_4.png') no-repeat;}
.eGongdan__section2 ul li:nth-child(5){background: url('/images/productNum_5.png') no-repeat;}
.eGongdan__section3 .product_blueTxt{height: 141px;}
.eGongdan_flex3{border-top: 1px solid #000; margin-bottom: 33px;}
.eGongdan_flex3 .product__krpTableItem{width: 50%; height: 120px; border-bottom: 1px solid rgba(72,72,72,.3); box-sizing: border-box;}
.eGongdan_flex3 .product__krpTableItem li{display: inline-block; height: 100%;}
.eGongdan_flex3 .product__krpTableItem li:nth-child(1){width: 143px;}
.eGongdan_flex3 .product__krpTableItem:nth-child(1) li:nth-child(1){background: url('/images/product_edi6.png') 44px 40px no-repeat;}
.eGongdan_flex3 .product__krpTableItem:nth-child(2) li:nth-child(1){background: url('/images/product_edi7.png') 44px 32px no-repeat;}
.eGongdan_flex3 .product__krpTableItem:nth-child(3) li:nth-child(1){background: url('/images/product_edi8.png') 44px 40px no-repeat;}
.eGongdan_flex3 .product__krpTableItem:nth-child(4) li:nth-child(1){background: url('/images/product_edi9.png') 44px 40px no-repeat;}
.eGongdan_flex3 .product__krpTableItem:nth-child(5) li:nth-child(1){background: url('/images/product_edi10.png') 44px 30px no-repeat;}
.eGongdan_flex3 .product__krpTableItem:nth-child(6) li:nth-child(1){background: url('/images/product_edi11.png') 44px 41px no-repeat;}
.eGongdan_flex3 .product__krpTableItem li:nth-child(2){padding-top: 39px; margin-left: 0; line-height: 25px;}
.eGongdan__section4 .eGongdan__effect{margin-bottom: 115px; width: 100%; height: 506px; background: url('/images/product_edi12.png') no-repeat;}
.eGongdan_flex4{ margin-bottom: 70px;}
.eGongdan_flex4 .flexChild{width: 50%; box-sizing: border-box;}
.eGongdan_flex4 .flexChild>div:nth-child(1){background: #f5f7f9; display: flex; align-items: center; justify-content: center; flex-wrap: wrap; width: 100%; height: 80px; border-top: 2px solid #000; border-bottom: 1px solid #000; box-sizing: border-box; font-family: 'Pretendard'; font-size: 16px; letter-spacing: -0.4px;}
.eGongdan_flex4 .leftCont{border-right: 1px solid rgba(72,72,72,.3);}
.eGongdan_flex4 .rightCont>div:nth-child(1){color: #3ab2fd;}
.eGongdan_flex4 .flexChild>div:nth-child(2){height: 298px; padding: 40px 60px 0; box-sizing: border-box;}
.eGongdan_flex4 .flexChild>div:nth-child(2) h5{display: block; text-align: center; font-family: 'Pretendard'; font-size: 16px; letter-spacing: -0.4px; text-decoration: underline;}
.eGongdan_flex4 .flexChild>div:nth-child(3){height: 155px; padding: 28px 0 0 40px; border-top: 1px solid rgba(72,72,72,.3); border-bottom: 1px solid rgba(72,72,72,.3); box-sizing: border-box;}
.eGongdan_flex4 .flexChild>div:nth-child(3) p{font-family: 'Pretendard'; font-weight:300; font-size: 15px; line-height: 24px; letter-spacing: -0.38px;}
.eGongdan_flex4 .advanArea{display: flex; flex-wrap: wrap;}
.eGongdan_flex4 .advanArea .advan_top{margin: 22px 0 40px; display: flex; justify-content: space-between; width: 100%; background: url('/images/product_edi13.png') center no-repeat;}
.eGongdan_flex4 .advanArea .advan_top span{text-align: center; font-family: 'Pretendard'; font-size: 15px; letter-spacing: -0.38px; display: flex; align-items: center; justify-content: center; width: 168px; height: 61px; border: 1px solid rgba(0,0,0,.5); border-radius: 30px; box-sizing: border-box;}
.eGongdan_flex4 .advanArea .advan_top span:last-child{position: relative; color: #8f8f8f; border: 1px solid #747474;}
.eGongdan_flex4 .advanArea .advan_top span:last-child::after{background: url('/images/product_edi14.png') no-repeat; content: ''; display: inline-block; width: 10px; height: 26px; position: absolute; left: 50%; bottom: -32px; transform: translateX(-50%);}
.eGongdan_flex4 .advanArea .advan_bottom span{line-height: 22px; background: #8f8f8f; text-align: center; font-family: 'Pretendard'; font-size: 15px; letter-spacing: -0.38px; color: #fff; display: flex; align-items: center; justify-content: center; width: 391px; height: 70px; border-radius: 35px; box-sizing: border-box;}
.eGongdan_flex4 .rightCont .advan_top span:last-child{border: 1px solid #3ab2fd;}
.eGongdan_flex4 .rightCont .advan_bottom span{background: #3ab2fd; font-family: 'Pretendard'; font-weight:500; font-size: 18px; letter-spacing: -0.36px;}
.eGongdan__section5 h5{margin-bottom: 28px; font-family: 'Pretendard'; font-weight:300; font-size: 16px; letter-spacing: -0.4px;}
.eGongdan__section5 h5>span{font-family: 'Pretendard'; font-weight:500; text-decoration: underline;}
.eGongdan__section5 table{margin-bottom: 70px; width: 100%; border-top: 2px solid #000; box-sizing: border-box; border-collapse: collapse;}
.eGongdan__section5 table tr>th{background: #f5f7f9; height: 54px; font-family: 'Pretendard'; font-size: 16px; letter-spacing: -0.4px; text-align: center; vertical-align: middle;}
.eGongdan__section5 table tr>td{font-family: 'Pretendard'; font-weight:300; font-size: 16px; letter-spacing: -0.4px; line-height: 21px; height: 78px; border: 1px solid rgba(72,72,72,.3); text-align: center; vertical-align: middle;}
.eGongdan__section5 table tr>th:nth-child(2){border-left: 1px solid rgba(72,72,72,.3); border-right: 1px solid rgba(72,72,72,.3);}
.eGongdan__section5 table .typeCell{ background: #ebecee; border-left: 1px solid transparent;}
.eGongdan__section5 table tr>td:last-child{border-right: 1px solid transparent;}
.eGongdan__section5 table th.typeCell{font-size: 18px; letter-spacing: -0.45px;}
.eGongdan__section5 table td.typeCell{font-family: 'Pretendard'; line-height: 26px;}
.eGongdan__section6 h4{height: 23px; display: flex; align-items: baseline; font-family: 'Pretendard'; font-weight:500; font-size: 18px; letter-spacing: -0.45px; color: #3ab2fd;}
.eGongdan__section6 h4>span{margin-left: 7px; font-family: 'Pretendard'; font-weight:300; font-size: 14px; letter-spacing: -0.35px; color: #979797;}
.eGongdan__section6 p{margin: 16px 0 8px; font-family: 'Pretendard'; font-weight:300; font-size: 16px; line-height: 28px; letter-spacing: -0.4px;}
.eGongdan__section7 .basisList li{ margin-bottom: 32px; font-family: 'Pretendard'; font-weight:500; font-size: 18px; letter-spacing: -0.45px; display: flex; align-items: center; height: 24px; padding-left: 36px;}
.eGongdan__section7 .basisList li:nth-child(1){background: url('/images/productNum_1.png') no-repeat;}
.eGongdan__section7 .basisList li:nth-child(2){background: url('/images/productNum_2.png') no-repeat;}
.eGongdan__section7 .basisList li:nth-child(3){margin-bottom: 28px; background: url('/images/productNum_3.png') no-repeat;}
.eGongdan__section7 .basisList li:nth-child(4){margin-bottom: 38px; height: auto; justify-content: space-between; align-items: flex-start;}
.eGongdan__section7 .basisList .leftCont p{font-family: 'Pretendard'; font-weight:300; font-size: 16px; line-height: 28px; letter-spacing: -0.4px;}
.eGongdan__section7 .basisList .leftCont p>span{color: #3ab2fd;}
.eGongdan__section7 .basisList .rightCont{width: 690px; border: 1px solid rgba(72,72,72,.3); box-sizing: border-box;}
.eGongdan__section7 .basisList li:nth-child(4) .rightCont{height: 500px; background: url('/images/product_edi16.png') center no-repeat;}
.eGongdan__section7 .basisList li:nth-child(5){margin-bottom: 36px; height: auto; justify-content: space-between; align-items: flex-start;}
.eGongdan__section7 .basisList li:nth-child(5) .rightCont{height: 455px; background: url('/images/product_edi17.png') center no-repeat;}
.eGongdan__section7 .basisList li:nth-child(6){align-items: flex-start; justify-content: space-between; height: auto; margin-bottom: 120px; background: url('/images/productNum_4.png') no-repeat;}
.eGongdan__section7 .basisList li:nth-child(6) .leftCont{line-height: 24px; font-family: 'Pretendard'; font-weight:500; font-size: 18px; letter-spacing: -0.45px;}
.eGongdan__section7 .basisList li:nth-child(6) .rightCont{border: none; font-family: 'Pretendard'; font-weight:300; font-size: 16px; letter-spacing: -0.4px; line-height: 28px;}
.eGongdan__section7 .basisList li:nth-child(6) .rightCont>span{font-family: 'Pretendard'; font-weight:500; color: #3ab2fd;}
.eGongdan__section8 table{margin-bottom: 120px; width: 100%; box-sizing: border-box; border-collapse: collapse;}
.eGongdan__section8 table td{font-family: 'Pretendard'; font-weight:300; font-size: 16px; letter-spacing: -0.4px; border: 1px solid rgba(72,72,72,.3);}
.eGongdan__section8 table td:first-child{font-family: 'Pretendard'; font-weight:500; font-size: 18px; letter-spacing: -0.45px; text-indent: 27px; vertical-align: middle;}
.eGongdan__section8 table td:last-child{padding: 28px 34px 28px 34px;}
.eGongdan__section8 table th{height: 54px; background: #f5f7f9; vertical-align: middle; border: 1px solid rgba(72,72,72,.3); border-top: 1px solid #000; font-family: 'Pretendard'; font-weight:500; font-size: 18px; letter-spacing: -0.45px;}
.eGongdan__section8 table th:first-child{text-indent: 27px;}
.eGongdan__section8 table th:last-child{text-indent: 34px;}
.eGongdan__section8 table div{padding: 32px; margin-top: 28px; width: 100%; height: 159px; background: rgba(58,178,253,.12); box-sizing: border-box;}
.eGongdan__section8 table div span{background: url('/images/product_edi18.png') left 1px no-repeat; padding-left: 18px; font-family: 'Pretendard'; font-weight:600; font-size: 16px; letter-spacing: -0.32px; color: #3ab2fd;}
.eGongdan__section8 table div p{font-family: 'Pretendard'; font-weight:300; font-size: 15px; line-height: 27px; letter-spacing: -0.38px; margin-top: 10px;}
.eGongdan__section9 table{margin-bottom: 68px; width: 100%; box-sizing: border-box; border-collapse: collapse;}
.eGongdan__section9 table tr:first-child td{border-top: 1px solid #000;}
.eGongdan__section9 table tr:first-child td:last-child{padding: 30px 0 20px 34px;}
.eGongdan__section9 table td{font-family: 'Pretendard'; font-weight:300; font-size: 16px; letter-spacing: -0.4px; border: 1px solid rgba(72,72,72,.3); vertical-align: middle;}
.eGongdan__section9 table td:first-child{font-family: 'Pretendard'; font-weight:500; font-size: 18px; letter-spacing: -0.45px; text-indent: 27px;}
.eGongdan__section9 table td:last-child{font-size: 16px; line-height: 28px; letter-spacing: -0.4px;}
.eGongdan__section9 table tr:nth-child(2) td:last-child,.eGongdan__section9 table tr:nth-child(3) td:last-child{text-indent: 34px; height: 82px;}
.eGongdan__section9 .eGongdan_blueBox{margin-bottom: 60px; width: 1024px; height: 93px; display: flex; justify-content: center; align-items: center; padding: 4px; background: rgba(58,178,253,.21); border-radius: 36px; box-sizing: border-box;}
.eGongdan__section9 .eGongdan_blueBox p{display: flex; justify-content: center; align-items: center; font-family: 'Pretendard'; font-weight:500; font-size: 24px; letter-spacing: -0.72px; color: #fff; border-radius: 32px; width: 100%; height: 100%; background: #3ab2fd;}
.eGongdan__section9 .eGongdan_blueBox p>span{color: #fff700;}

/*제품안내 - 스마트백업*/
.product__BackupTab{display: none;}
.product__BackupTab:first-child{display: block;}
.backup__section1{ height: 794px; background: #000317; box-sizing: border-box;}
.backup__section1 .product__1024Inner{padding-top: 71px; background: url('/images/product_backup1.png') no-repeat;}
.backup__section1 .product_blueTxt{margin-bottom: 315px;}
.backup__section1 .txtArea{text-align: center;}
.backup__section1 .txtArea img{margin: 0 auto 21px;}
.backup__section1 .txtArea p{font-family: 'Pretendard'; font-weight:200; font-size: 22px; line-height: 31px; letter-spacing: -0.55px; color: #fff;}
.backup__section1 .txtArea span{font-family: 'Pretendard'; font-weight:600;}
.backup__section2 .product__1024Inner{padding-top: 89px;}
.backup_flex1{position: relative; width: 100%; height: 272px; padding: 41px 45px 0 45px; justify-content: space-between; background: #1582f3; border: 3px solid #1254b7; box-sizing: border-box; border-radius: 5px;}
.backup_flex1::after{content: ''; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); width: 1px; height: 198px; background: rgba(255,255,255,.2);}
.backup_flex1 ul{width: 422px;}
.backup_flex1 ul li{width: 100%; height: 50px; color: #fff; font-family: 'Pretendard'; font-weight:300; font-size: 16px; letter-spacing: -0.4px; border-bottom: 1px solid rgba(255,255,255,.2); display: flex; align-items: center; justify-content: center; box-sizing: border-box;}
.backup_flex1 ul li:first-child{ border-bottom: 0; font-family: 'Pretendard'; font-size: 18px; letter-spacing: -0.45px; color: #fff; background: #1254b7; border-radius: 5px;}
.backup_flex1 ul li:last-child{border-bottom: 0;}
.backup_flex1 ul li span{text-decoration: underline;}
.backup_flex1 .rightCont li{color: #fff500 !important;}
.backup__section2 .block1{width: 512px; display: flex; flex-wrap: wrap;}
.backup__section2 .backup_flex2{height: 521px; background: url('/images/product_backup2.png') right no-repeat; margin: 83px 0 112px;}
.backup__section2 .backup_flex3{background: url('/images/product_backup3.png') left top no-repeat;}
.backup__section2 .backup_flex3 .block1{margin-left: auto;}
.backup__section2 .block1:nth-child(2){background: url('/images/product_kclep10.png') right no-repeat; margin-bottom: 47px;}
.backup__section2 .block1 .product_contNum{width: 34px; font-family: 'Pretendard'; font-weight:300; font-size: 57px; letter-spacing: -2.85px; margin-right: 38px;}
.backup__section2 .block1 .right{width: 428px;}
.backup__section2 .block1 p{font-family: 'Pretendard'; font-weight:300; font-size: 16px; line-height: 28px; letter-spacing: -0.4px;}
.backup__section2 .block1 p>span{font-family: 'Pretendard'; font-weight:600; font-size: 16px; letter-spacing: -0.4px; color: #3ab2fd;}
.backup__section2 .block1 .product__title{line-height: 38px;margin-bottom: 25px;}
.backup__section2 .block1:nth-child(3) .product__title{margin-bottom: 17px;}
.backup__section3{margin-top: 188px; padding-top: 450px; background: url('/images/product_backup4.png') center top no-repeat;}
.product__BackupTab .helpTxt{font-family: 'Pretendard'; font-weight:300; font-size: 16px; line-height: 28px; letter-spacing: -0.4px;}
.backup__section3 .helpTxt>span{text-decoration: underline;}
.backup__section3 .blueCont{margin: 40px 0 110px; display: flex; align-items: center; padding: 0 72px 0 44px; width: 100%; height: 106px; background: #3ab2fd; border-radius: 10px; box-sizing: border-box;}
.backup__section3 .blueCont li{padding-left: 62px; display: flex; align-items: center; height: 48px; font-family: 'Pretendard'; font-size: 16px; line-height: 22px; letter-spacing: -0.4px; color: #fff;}
.backup__section3 .blueCont li:nth-child(1){padding-left: 0; position: relative; font-family: 'Pretendard'; font-weight:600; font-size: 18px; letter-spacing: -0.45px; padding-right: 52px; border-right: 1px solid #fff;}
.backup__section3 .blueCont li:nth-child(2){margin-left: 66px; background: url('/images/product_backup5.png') left center no-repeat;}
.backup__section3 .blueCont li:nth-child(3){margin-left: 44px; background: url('/images/product_backup6.png') left top no-repeat;}
.backup__section3 .blueCont li:nth-child(4){margin-left: 48px; background: url('/images/product_backup7.png') left center no-repeat;}
.backup__section4 ul{display: flex; flex-wrap: wrap; padding: 48px 10px 0;width: 100%; height: 304px; border-top: 1px solid #000; border-bottom: 1px solid rgba(72,72,72,.3); box-sizing: border-box;}
.backup__section4 ul li{margin-bottom: 38px; display: flex; align-items: center; width: 502px; height: 24px; padding-left: 36px; box-sizing: border-box;}
.backup__section4 ul li:nth-child(1){background: url('/images/productNum_1.png') left center no-repeat;}
.backup__section4 ul li:nth-child(2){margin-bottom: 0; align-items: flex-start; background: url('/images/productNum_2.png') left top no-repeat;}
.backup__section4 ul li:nth-child(2) span{display: flex; height: 100%; align-items: center;}
.backup__section4 ul li:nth-child(3){background: url('/images/productNum_3.png') left center no-repeat;}
.backup__section4 ul li:nth-child(4){background: url('/images/productNum_4.png') left center no-repeat;}
.backup__section4 ul li:nth-child(5){background: url('/images/productNum_5.png') left center no-repeat;}
.backup__section4 ul li:nth-child(6){background: url('/images/productNum_6.png') left center no-repeat;}
.backup__section4 ul li:nth-child(7){background: url('/images/productNum_7.png') left center no-repeat;}
.backup__section4 ul li>span{margin-right: 24px; font-family: 'Pretendard'; font-weight:500; font-size: 18px; letter-spacing: -0.45px;}
.backup__section4 ul li>p{font-family: 'Pretendard'; font-weight:300; font-size: 16px; line-height: 24px; letter-spacing: -0.4px;}
.backup_flex4{flex-wrap: wrap; margin: 54px 0 138px;}
.backup_flex4 li{width: 512px; height: 352px; margin-bottom: 45px;}
.backup_flex4 li:nth-child(1){background: url('/images/product_backup8.png') left bottom no-repeat;}
.backup_flex4 li:nth-child(2){background: url('/images/product_backup9.png') left bottom no-repeat;}
.backup_flex4 li:nth-child(3){background: url('/images/product_backup10.png') left bottom no-repeat;}
.backup_flex4 li:nth-child(4){background: url('/images/product_backup11.png') left bottom no-repeat;}
.backup_flex4 li:nth-child(5){margin-bottom: 0; background: url('/images/product_backup12.png') left bottom no-repeat;}
.backup_flex4 span{display: inline-flex; align-items: center; font-family: 'Pretendard'; font-size: 16px; letter-spacing: -0.4px; color: #0f0e0e; padding: 0 16px; border: 1px solid #000; height: 27px; box-sizing: border-box;}
.backup_flex5{margin-bottom: 28px; padding: 44px 96px 36px 84px; width: 100%; height: 234px; border-top: 1px solid #000; border-bottom: 1px solid rgba(72,72,72,.3); box-sizing: border-box;}
.backup_flex5 li{padding-top: 66px; text-align: center;}
.backup_flex5 li:nth-child(1){background: url('/images/product_backup13.png') center top no-repeat;}
.backup_flex5 li:nth-child(2){background: url('/images/product_backup14.png') center top no-repeat;}
.backup_flex5 li:nth-child(3){background: url('/images/product_backup15.png') center top no-repeat;}
.backup_flex5 li:nth-child(4){background: url('/images/product_backup16.png') center top no-repeat;}
.backup_flex5 li img{margin: 0 auto 16px;}
.backup_flex5 li p{font-family: 'Pretendard'; font-weight:300; font-size: 16px; line-height: 25px; letter-spacing: -0.4px;}

/*고객센터 - FAQ*/
.notice__table.faq{border-top: 2px solid #000;}
.customer__bgArea{width: 100%; height: 279px; background: url('/images/customer_bg.png') center top no-repeat; background-size: cover;}
.customer__wrap .section1__title{margin-bottom: 55px; font-family: 'Pretendard'; font-weight:600; font-size: 36px; line-height: 52px; letter-spacing: -1.44px; color: #000;}
.customer__wrap .noticeView__title .label{width: auto; height: 30px; line-height: 30px; padding: 0 17px; box-sizing: border-box; margin-top: 28.5px;}
.customer__wrap .noticeView__title .label.buy{background: #1892ed;}

/*고객센터 - 다운로드*/
.download__section1 .inn {padding: 74px 0 100px; margin-top: 71px;}
.download__tab{width: 1024px; margin-bottom: 63px;}
.download__tab td{width: calc(100% / 4); height: 57px; border: 1px solid rgba(72,72,72,.3); box-sizing: border-box; cursor: pointer;}
.download__tab td a{color: #000; display: block; width: 100%; height: 100%; user-select: none; line-height: 57px; font-family: 'Pretendard'; font-weight:300; font-size: 17px; text-align: center; letter-spacing: -0.43px;}
.download__tab td.on a{font-family: 'Pretendard'; font-weight:600; color: #fff; background: #3ab2fd;}
.download__tab td.empty{cursor: default;}
.download__tit h2{font-family: 'Pretendard'; font-weight:600; font-size: 28px; letter-spacing: -1.2px;}
.download__tit p{margin: 33px 0; font-family: 'Pretendard'; font-weight:300; font-size: 16px; line-height: 30px; letter-spacing: -0.4px;}
.download__tit .btn__manualGo{width: 265px; height: 58px; float: right; display: block; background: url('/images/manual_goBtn.png') no-repeat; cursor: pointer;}
.manual__tableArea{box-sizing: border-box; width: 100%; border: 3px solid #3ab2fd; border-radius:9px; overflow: hidden;} 
.manual__table{width: 100%;}
.manual__table tbody{width: 100%; display: block;}
.manual__table tr{display: block; width: 100%;}
.manual__table tr:hover td{background: rgba(58,178,253,.08);}
.manual__table th{width: 512px; height: 42px; background: #3ab2fd; color: #fff; font-family: 'Pretendard'; font-weight:600; font-size: 20px; vertical-align: middle; text-align: center;}
.manual__table td{width: 512px; height: 60px; border: 1px solid rgba(58,178,253,.3); font-family: 'Pretendard';  font-weight:300;font-size: 18px; letter-spacing: -0.45px; vertical-align: middle; text-align: center; }
.manual__table td>span>a{display: block; margin: 0 auto; text-indent: -9999px; width: 25px; height: 22px; background: url('/images/manual_download.png') no-repeat; cursor: pointer;}
.download__downArea{width: 1024px;}
.download__downArea .inContract{ position: relative; width: 100%; height: 222px; padding: 108px 55px 0; border: 3px solid #3ab2fd; border-radius: 9px; box-sizing: border-box; background: transparent url('/images/downloadBg.png') 56px 46px no-repeat;}
.download__downArea .inContract.messenger{ height: 257px; padding: 55px 55px 46px 61px; position: relative; background: transparent url('/images/newzenMessengerDown_bg.png') 61px 167px no-repeat;}
.download__downArea .inContract.pcFilter{ height: 257px; padding: 55px 55px 46px 61px; position: relative; background: transparent url('/images/PCfilterDown_bg.png') 64px 167px no-repeat;}
.download__downArea .inContract.smartBackup{ height: 257px; padding: 55px 55px 46px 61px; position: relative; background: transparent url('/images/smartBackupDown_bg.png') 60px 149px no-repeat;}
.download__downArea .inContract.pocket{ height: 257px; padding: 55px 55px 46px 61px; position: relative; background: transparent url('/images/pocketDown_bg.png') 61px 176px no-repeat;}
.download__downArea .inContract .krp__downBtnArea{width: 305px; position: absolute; top: 52px; right: 55px;}
.download__downArea .inContract .krp__downBtnArea span{display: block; float: none;}
.download__downArea .inContract .krp__downBtnArea span:first-child{margin-bottom: 8px;}
.download__downArea .inContract .messenger__downBtnArea{width: 298px; position: absolute; top: 87px; right: 55px;}
.download__downArea .inContract .messenger__downBtnArea span:first-child{margin-bottom: 8px;}
.download__downArea .inContract .smartBackup__downBtnArea{width: 248px; position: absolute; top: 153px; right: 55px;}
.download__downArea .krpBtnArea{position: absolute; right: 54px; bottom: 36px; display: inline-block;}
.download__downArea .subject{float: left; font-family: 'Pretendard'; font-weight: 400; font-size: 18px; letter-spacing: -0.45px; color: #3ab2fd;}
.download__downArea .date{clear: both; float: left; font-family: 'Pretendard'; font-weight: 300; font-size: 14px; line-height: 21px; letter-spacing: -0.35px; margin-top: 10px;}
.download__downArea .downBtn{float: right;}
.download__downArea .downBtn>a{display: inline-block;}
.download__downArea .b_title{margin-bottom: 8px; font-family: 'Pretendard'; font-weight:600; font-size: 24px; letter-spacing: -0.6px; color: #3ab2fd;}
.download__downArea .s_title{font-family: 'Pretendard'; font-weight:300; font-size: 16px; line-height: 24px; letter-spacing: -0.4px;}
.download__methodArea{margin-top: 77px;}
.download__methodArea img{display: none;}
.download__methodArea img:first-child{display: block;}

.mustLoginArea{width: 100%; height: 222px; background: url('/images/icon_down_login.png') 55px 42px no-repeat; border: 3px solid #011d43; border-radius: 9px; padding: 108px 55px 0; box-sizing: border-box;}
.mustLoginArea>span{font-family: 'Pretendard'; font-weight:300; font-weight: bold; font-size: 18px; letter-spacing: -0.45px; color: #011d43;}
.mustLoginArea>p{margin-top: 10px;font-family: 'Pretendard'; font-weight: 300; font-size: 14px; line-height: 21px; letter-spacing: -0.35px; color: #000;}
.expiration{width: 100%; min-height: 175px; background: url('/images/icon_down_exp.png') 55px 42px no-repeat; border: 3px solid #fd183f; border-radius: 9px; padding: 108px 55px 46px; box-sizing: border-box;}
.expiration span{font-family: 'Pretendard'; font-size: 18px; letter-spacing: -0.45px; color: #fd183f; margin-bottom: 10px;}
.expiration .period{margin-top: 10px; display: inline-block;}
.expiration .period p{font-family: 'Pretendard'; font-weight:300; font-size: 14px; line-height: 21px; letter-spacing: -0.35px;}

/*고객센터 - 결제*/
.pay__list{margin-bottom: 65px; border: 1px solid rgba(72,72,72,.3); box-sizing: border-box;}
.pay__list span a{color: #000; cursor: pointer; user-select: none; display: inline-block; width: calc(50% - 1px); height: 57px; font-family: 'Pretendard'; font-size: 17px; letter-spacing: -0.43px; line-height: 57px; text-align: center;}

.pay__list span:last-child a{margin-left: -4px; padding-right: 1px;}
.pay__list span.on a{width: 50%; font-family: 'Pretendard'; font-weight:600; color: #fff; background: #3ab2fd;}
.pay__tit{margin-bottom: 34px; font-family: 'Pretendard'; font-weight:600; font-size: 28px; letter-spacing: -1.12px;}
.pay__amountTxt{margin-bottom: 29px; font-family: 'Pretendard'; font-weight:300; font-size: 16px; line-height: 28px; letter-spacing: -0.4px;}
.pay__amountTable{margin-bottom: 113px; width: 1024px; text-align: center;}
.pay__amountTable thead tr{border-top: 2px solid #000; box-sizing: border-box; }
.pay__amountTable th{height: 44px; line-height: 44px; font-family: 'Pretendard'; font-size: 16px; letter-spacing: -0.4px; background: #f5f7f9; border-bottom: 1px solid #000;}
.pay__amountTable td{height: 56px; vertical-align: middle; font-family: 'Pretendard'; font-weight:300; font-size: 16px; letter-spacing: -0.16px; border-bottom: 1px solid rgba(72,72,72,.3);}
.pay__amountTable td:last-child{user-select: none;}
.pay__amountTable th,.pay__amountTable td{border-right: 1px solid rgba(72,72,72,.3);}
.pay__amountTable th:first-child,.pay__amountTable td:first-child{border-left: 1px solid rgba(72,72,72,.3);}
.pay__amountTable .pay_check[type="checkbox"]{display:none;width:15px;height:15px;}
.pay__amountTable .pay_check[type="checkbox"] + label .pay_checkbox{cursor: pointer;margin-left: 3px; display: inline-block; width: 15px; height: 15px; text-indent: -99999px; background: url(/images/paymentCheckbox.png)no-repeat; vertical-align: middle;}
.pay__amountTable .pay_check[type="checkbox"]:checked + label .pay_checkbox{background: url("/images/paymentCheckboxon.png")no-repeat;}
.pay__amountTable .pay_selectAmount{height: 112px; line-height: 112px; background: #e7f6ff; border: 3px solid #3ab2fd; text-align: right;}
.pay__amountTable .pay_selectAmount td{line-height: 112px;}
.pay__amountTable .pay_money{width: 239px; height: 50px; font-family: 'Pretendard'; font-weight:600; font-size: 24px; line-height: 50px; color: #010101; background: #fff; border-radius: 5px; padding-right: 34px; text-align: right; border: none; outline: none;}
.pay__amountTable .pay_wonTag{position:absolute;right:14px; bottom: 2px; font-family: 'Pretendard'; font-weight:600; font-size:18px;color:#010101;}
.pay__amountTable .pay__month{text-align: left; line-height: 1.2; padding: 10px 15px;}
.pay__amountTable .pay__month em{float: left;}
.pay__amountTable .pay__month label{float: right;}
.pay__info{position: relative; margin-bottom: 141px; width: 1024px; height: 232px; border: 1px solid rgba(72,72,72,.3); border-top: 2px solid #000; box-sizing: border-box; padding: 53px 70px 53px;}
.pay__info::after{content: '* 핸드폰, 이메일 정보는 결제진행, 영수증발행 등을 위한 용도로만 사용 됩니다.'; position: absolute; right: 0; bottom: -44px; text-align: right; font-family: 'Pretendard'; font-weight: 300; font-size: 16px; letter-spacing: -0.4px; color: #757575;}
.pay__info .name{float: left; margin-bottom: 24px;}
.pay__info .phone{float: right;}
.pay__info .email{clear: both;}
.pay__info .phone input{width: 96px; text-indent: 0; text-align: center;}
.pay__info .phone input:nth-child(1){width: 74px;}
.pay__info .phone span{display: inline-block; height: 50px; line-height: 42px; font-family: 'Pretendard'; font-weight:200; font-size: 35px; letter-spacing: -0.88px; margin: 0 4px;}
.pay__info label{display: inline-block; width: 100px; font-family: 'Pretendard'; font-weight:600; font-size: 18px; letter-spacing: -0.45px; line-height: 50px;}
.pay__info input{width: 313px; height: 50px; border: 1px solid rgba(72,72,72,.3); outline: none; text-indent: 25px; font-family: 'Pretendard'; font-weight:300; font-size: 16px; letter-spacing: -0.4px;}
.pay__info input:focus{border-color: #3ab2fd;}
.pay__policy{width: 1024px; height: 320px; overflow-x: hidden; border: 1px solid rgba(72,72,72,.3); border-top: 2px solid #000; box-sizing: border-box;}
.pay__policy .story2{width: 879px; overflow: hidden; padding: 50px 78px 50px 67px; font-family: 'Noto Sans KR Thin'; font-weight: bold; font-size: 15px; line-height: 26px; letter-spacing: -0.4px;}
.pay__policy .story2 .depth0{margin-bottom: 20px; text-indent: 18px; width: 879px; font-family: 'Pretendard'; font-weight:300; font-size: 16px; line-height: 42px; color: #3ab2fd; background: #e7f6ff;}
.pay__poliCbrea{margin-top: 28px; width: 100%; text-align: right; user-select: none;}
.pay__poliCbrea input{display: none;}
.pay__poliCbrea input[type="checkbox"] + label .poliChkBox{display: inline-block; width: 15px; height: 15px; cursor: pointer; display: inline-block;  background: url('/images/paymentCheckbox.png') left top no-repeat;}
.pay__poliCbrea input[type="checkbox"]:checked + label .poliChkBox{background: url("/images/paymentCheckboxon.png")no-repeat;}
.pay__poliCbrea .poliChkTxt{font-family: 'Pretendard'; font-weight: 300; font-size: 16px; letter-spacing: -0.4px; color: #757575; margin-left: 8px;}
.pay__btnArea{width: 100%; text-align: center;}
.pay__btnArea .pay_paybtn{margin-top: 91px; width: 217px; height: 63px; background: #fff url('/images/pay_arrow.png') 137px center no-repeat; text-align: left; border: 2px solid #000; box-sizing: border-box; line-height: 59px; font-family: 'Pretendard'; font-weight:600; font-size: 20px; letter-spacing: -0.5px; text-indent: 60px; cursor: pointer; user-select: none;}
.pay__btnArea .pay_paybtn:hover{ background: #e2e6e8 url('/images/pay_arrow.png') 137px center no-repeat;}
.pay__historyCheck{border-top: 2px solid #000; width: 1024px;}
.pay__historyCheck tr{height: 56px;}
.pay__historyCheck th{font-family: 'Pretendard'; font-size: 16px; vertical-align: middle; text-align: center; border: 1px solid rgba(72,72,72,.3); width: 208px; background: #f5f7f9;}
.pay__historyCheck td{text-indent: 42px; font-family: 'Pretendard'; font-weight:300; font-size: 16px; vertical-align: middle; border: 1px solid rgba(72,72,72,.3);}
.pay__HelpBox{padding: 36px 0 0 48px; width: 1024px; height: 307px; border: 1px solid rgba(72,72,72,.3); box-sizing: border-box; font-family: 'Pretendard'; font-weight:300; font-size: 16px; line-height: 28px;}
.pay__helpBtn{margin-bottom: 30px; border: 2px solid #000; box-sizing: border-box; outline: none; display: block; width: 272px; height: 36px; font-family: 'Pretendard'; font-size: 16px; text-align: left; text-indent: 18px; background: #fff url('/images/location__arrow.png') 240px center no-repeat; cursor: pointer; user-select: none;}
.pay__helpBtn:hover{background: #e8e8e8 url('/images/location__arrow.png') 240px center no-repeat;}
.pay__payListTable{width: 100%;}
.pay__payListTable thead tr{height: 45px;}
.pay__payListTable tr{height: 55px;}
.pay__payListTable th{height: 46px; vertical-align: middle; text-align: center; background: #f5f7f9; border-top: 2px solid #000; border-bottom: 1px solid #000; border-left: 1px solid rgba(72,72,72,.3); border-right: 1px solid rgba(72,72,72,.3); font-family: 'Pretendard'; font-size: 16px; letter-spacing: -0.4px;}
.pay__payListTable td{text-align: center; font-family: 'Pretendard'; font-weight:300; font-size: 16px; color: #000; vertical-align: middle; border: 1px solid rgba(72,72,72,.3);}
.pay__payListTable td:nth-child(4){text-align: right; padding-right: 24px;}
/* 고객센터 - 라이센스 */
.license__paperArea{margin-bottom: 125px; display: inline-block; width: 100%; background: #f4f4f4; border-radius: 8px;}
.licensePaper{margin: 172px auto 172px; width: 620px; height: 877px; background: #fff url('/images/licensePaper250327.png') no-repeat; background-size: cover; scale: 1.2;}
.licensePaper .infoBox{padding: 296px 0 0 185px;}
.license__printBtn{margin: 0 auto 115px; display: block; width: 311px; height: 75px; background: url('/images/license_print.png') no-repeat; cursor: pointer;}
.license__printBtn:hover{background: url('/images/license_print_on.png') no-repeat;}
.license__table{width: 100%;}
.license__table tr th{height: 55px; font-family: 'Pretendard'; font-size: 16px; letter-spacing: -0.4px; border-top: 2px solid #000; background: #f5f7f9; border-bottom: 1px solid #000; vertical-align: middle; text-align: center;}
.license__table tr td{height: 32px; font-family: 'Pretendard'; font-weight:300; font-size: 15px; letter-spacing: -0.36px; border-bottom: 1px solid rgba(72,72,72,.3); vertical-align: middle; text-align: center;}
.license__table tr th:first-child{background: #f1f1f1;}
.license__table tr td:first-child{background: #f1f1f1;}
.license__table tr td:nth-child(2){text-indent: 42px; text-align: left;}


/* 지사&대리점 */

.agent__bgArea{width: 100%; height: 279px; background: url('/images/agent_bg.png') center top no-repeat; background-size: cover;}
.agent__wrap .section1__title{margin-bottom: 55px; font-family: 'Pretendard'; font-weight:600; font-size: 36px; line-height: 52px; letter-spacing: -1.44px; color: #000;}
.agent__section1 .inn{padding-top: 75px; margin-top: 71px;}
.agent__tit{font-family: 'Pretendard'; font-weight:600; font-size: 28px; letter-spacing: -1.4px; margin-bottom: 26px;}
.agent__wrap table{width: 100%;}
.agent__wrap table th{height: 45px; vertical-align: middle; border: 1px solid rgba(72,72,72,.3); border-top: 2px solid #000; border-bottom: 1px solid rgba(0,0,0,.3); background: #f5f7f9; font-family: 'Pretendard'; font-size: 16px; letter-spacing: -0.4px; text-align: center;}
.agent__wrap table td{height: 56px; vertical-align: middle; border: 1px solid rgba(72,72,72,.3); font-family: 'Pretendard'; font-weight:300; font-size: 16px; letter-spacing: -0.16px; text-align: center;}
/*.agent__wrap table tr:hover td{background: #eff9ff;}*/
.agent__wrap table td:nth-child(2),.agent__wrap table td:nth-child(3){text-align: left; text-indent: 32px;}
.major__quick{position: absolute; top: 673px; right: 54px; display: block; width: 122px; height: 31px; background: url('/images/major_quick.png') no-repeat; cursor: pointer;}
.major__quick:hover{background: url('/images/major_quick_on.png') no-repeat;}


/* 본사 이미지 자료실*/
.copy_tooltip{display: none; width: 372px; height: 73px; font-family: 'Pretendard'; font-weight:600; font-size: 19px; color: #fff; position: fixed; left: 50%; top: 50%; transform: translate(-50%, -50%); align-items: center; justify-content: center; border-radius: 37px; background: #000; box-shadow: 0 3px 30px 0 rgba(0, 0, 0, 0.7); z-index: 10000;}
@keyframes tooltip__ani {
            0% {
                 opacity: 1; display: flex;
            }
            100% {
                 opacity: 0; display: none;
            }
        }

.hoFiles_wrap .notice__titleArea .section1__title{line-height: 45px; margin-bottom: 55px;}
/* .hoFiles_wrap .notice__titleArea .notice__titleInner{padding-top: 82px;} */
.hoFiles_wrap .hoFiles_tip{font-family: 'Pretendard'; font-weight:500; font-size: 18px; letter-spacing: -0.9px; color: #fd183f; height: 44px; padding: 0 17px; border: 3px solid #fd183f; box-sizing: border-box; display: inline-flex; align-items: center; margin-top: 16px; border-radius: 14px;}
.agent__section2 .inn{min-height: 348px; margin-top: 112px;}

.hoFiles *{box-sizing: border-box;}

.hoFiles .hoFiles_tab{display: flex; justify-content: center; margin-bottom: 38px;}
.hoFiles .hoFiles_tab li{background: #f1f1f1; padding: 0 28px; height: 44px; border-radius: 30px; font-size: 16px; letter-spacing: -0.8px; color: #000; display: flex; justify-content: center; align-items: center; cursor: pointer; user-select: none; margin: 0 3.5px;}
.hoFiles .hoFiles_tab li:hover, .hoFiles .hoFiles_tab li.on{background: #000; color: #fff; font-family: 'Pretendard'; font-weight:800;}

.hoFiles_items{display: none; justify-content: space-between;}
.hoFiles_items:first-child{display: flex;}
.hoFiles_items .tabItemList{display: grid; grid-template-columns: 245px 245px 245px 245px; grid-column-gap: 15px; grid-row-gap: 32px; width: 100%;}
.hoFiles_items:nth-child(1) .tabItemList li:nth-child(1){grid-column: 1 / 1; grid-row: 1 / 3;}
.hoFiles_items:nth-child(1) .tabItemList li:nth-child(2){grid-column: 2 / 2; grid-row: 1 / 1;}
.hoFiles_items:nth-child(1) .tabItemList li:nth-child(3){grid-column: 3 / 3; grid-row: 1 / 1;}
.hoFiles_items:nth-child(1) .tabItemList li:nth-child(4){grid-column: 4 / 4; grid-row: 1 / 1;}
.hoFiles_items:nth-child(1) .tabItemList li:nth-child(5){grid-column: 2 / 2; grid-row: 2 / 2;}
.hoFiles_items:nth-child(1) .tabItemList li:nth-child(6){grid-column: 3 / 3; grid-row: 2 / 2;}
.hoFiles_items:nth-child(1) .tabItemList li:nth-child(7){grid-column: 4 / 4; grid-row: 2 / 2;}
.hoFiles_items:nth-child(1) .tabItemList li:nth-child(8){grid-column: 1 / 1; grid-row: 3 / 3;}
.hoFiles_items:nth-child(1) .tabItemList li:nth-child(9){grid-column: 2 / 2; grid-row: 3 / 3;}
.hoFiles_items .tabItemList li{width: 245px; margin-right: 15px;}
.hoFiles_items .tabItemList li:nth-child(4n){margin-right: 0;}
.hoFiles_items .tabItemList .thumbnail{position: relative; border-radius: 15px; min-height: 194px; background: #f2f2f2; border: 1px solid #d2d2d2; overflow: hidden; margin-bottom: 8px; display: flex; justify-content: center; align-items: center;}
/* .hoFiles_items:nth-child(1) .tabItemList li:nth-child(n+5):nth-child(-n+7) .thumbnail{height: 298px;} */
.hoFiles_items .tabItemList .thumbnail img{box-sizing: border-box;}
.hoFiles_items .tabItemList .thumbnail .cover{display: none; width: 100%; height: 100%; background: rgba(0,0,0,.58); position: absolute; left: 0; top: 0;}
.hoFiles_items .tabItemList .thumbnail:hover .cover{display: block;}
.hoFiles_items .tabItemList .thumbnail .cover .btnDown{width: 94px; height: 28px; background: #fd183f; font-family: 'Pretendard'; font-weight:600; font-size: 13px; letter-spacing: -0.65px; color: #fff; display: inline-flex; align-items: center; justify-content: space-between; padding: 0 11px 0 12px; border-radius: 14px; box-sizing: border-box; position: absolute; right: 12px; top: 12px; cursor: pointer; user-select: none;}
.hoFiles_items .tabItemList .thumbnail .cover .btnDown:hover{background-image: linear-gradient(102deg, #b5001f 44%, #ff294e 98%);}
.hoFiles_items .tabItemList .thumbnail .cover .btnDown>img{width: 12px; height: 13px;}
.hoFiles_items .tabItemList .thumbnail .cover .btnView{width: 81px; height: 28px; background: #fff; font-family: 'Pretendard'; font-weight:600; font-size: 13px; letter-spacing: -0.65px; color: #000; display: inline-flex; align-items: center; justify-content: space-between; padding: 0 11px 0 12px; border: 2px solid transparent; border-radius: 14px; box-sizing: border-box; position: absolute; left: 18px; bottom: 27px; cursor: pointer; user-select: none; box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);}
.hoFiles_items .tabItemList .thumbnail .cover .btnView:hover{border-color: #fd183f;}
.hoFiles_items .tabItemList .thumbnail .cover .btnView>img{width: 9px; height: 9px;}
.hoFiles_items .txt{line-height: 18px;}
.hoFiles_items .txt p{font-family: 'Pretendard'; font-weight:600; font-size: 15px; letter-spacing: -0.9px; color: #000;}
.hoFiles_items .txt span{font-family: 'Pretendard'; font-size: 13px; color: #929292;}

/* 교육사업 */
.edu__flexCont2{width: 1024px; display: flex; justify-content: space-between; flex-wrap: wrap;}
.edu__section .inn{padding-top: 72px; margin-top: 75px;}
.eduTxt{font-family: 'Pretendard'; font-weight:300; font-size: 16px; line-height: 30px; letter-spacing: -0.4px;}
.edu__cont1 .eduTxt{text-align: center;}
.eduTxt span{font-family: 'Pretendard'; font-weight:500; font-size: 18px; letter-spacing: -0.45px; text-decoration: underline;}
.edu_blueTxt{width: 1024px; height: 141px; border: 1px solid #3ab2fd; box-sizing: border-box; margin-bottom: 96px; display: flex; justify-content: center; align-items: center;}
.edu_blueTxt>p{font-family: 'Pretendard'; font-weight:300; font-size: 20px; line-height: 33px; letter-spacing: -0.5px; color: #3ab2fd; text-align: center;}
.edu_blueTxt>p span{font-family: 'Pretendard'; font-weight:600;}
.edu_majorTit{margin-bottom: 30px; font-family: 'Pretendard'; font-weight:600; font-size: 31px; letter-spacing: -0.78px; color: #1682f3; width: 100%; text-align: center;}

.edu_flex1{margin-bottom: 180px; position: relative; padding: 316px 126px 0; height: 491px; border-radius: 10px; background: #1682f3 url('/images/edu_major1.png') center 83px no-repeat; box-sizing: border-box;}
.edu_flex1::after{content: ''; position: absolute; left: 50%; bottom: -130px; transform: translateX(-50%); display: inline-block; width: 305px; height: 78px; background: url('/images/edu_major2.png') no-repeat;}
.edu_flex1 li{color: #fff; text-align: center; width: 178px;}
.edu_flex1 li:first-child{position: relative; font-family: 'Pretendard'; font-weight:500; font-size: 19px; letter-spacing: -0.48px; margin-bottom: 32px;}
.edu_flex1 li:first-child::after{content: ''; position: absolute; left: 0; bottom:  -16px; display: inline-block; width: 100%; height: 1px; background: rgba(255,255,255,.5);}
.edu_flex1 li:last-child{font-family: 'Pretendard'; font-weight:300; font-size: 16px; letter-spacing: -0.4px; line-height: 23px;}

.major__bgArea{width: 100%; height: 279px; background: url('/images/major_bg.png') center top no-repeat; background-size: cover;}
.major__wrap .section1__title{margin-bottom: 55px; font-family: 'Pretendard'; font-weight:600; font-size: 36px; line-height: 52px; letter-spacing: -1.44px; color: #000;}

.support__box1{margin-bottom: 112px; padding-top: 460px; background: url('/images/edu_support1.png') center top no-repeat;}
.support__box1 div{width: 100%; height: 254px; background: #f5f7f9; padding: 57px 0 58px; border-radius: 6px; box-sizing: border-box; text-align: center;}
.support__box1 span{display: block; margin-bottom: 26px; font-family: 'Pretendard'; font-weight:600; font-size: 23px; letter-spacing: -0.58px; color: #3ab2fd;}
.support__box1 p{font-family: 'Pretendard'; font-weight:300; font-size: 18px; letter-spacing: -0.45px; line-height: 32px;}
.support_flex1{margin-bottom: 186px; padding: 55px 87px 36px 41px; width: 100%; height: 254px; border-top: 1px solid #000; border-bottom: 1px solid rgba(72,72,72,.3); box-sizing: border-box;}
.support_flex1 li{padding-top: 78px; text-align: center;}
.support_flex1 li:nth-child(1){background: url('/images/edu_support2.png') center top no-repeat;}
.support_flex1 li:nth-child(2){background: url('/images/edu_support3.png') center top no-repeat;}
.support_flex1 li:nth-child(3){background: url('/images/edu_support4.png') center top no-repeat;}
.support_flex1 li:nth-child(4){background: url('/images/edu_support5.png') center top no-repeat;}
.support_flex1 li span{display: block; font-family: 'Pretendard'; font-weight: 500; font-size: 18px; letter-spacing: -0.45px; margin-bottom:16px; text-align: center;}
.support_flex1 li p{font-family: 'Pretendard'; font-weight:300; font-size: 15px; line-height: 26px; letter-spacing: -0.38px;}


.edu__tab{width: 100%; overflow: hidden; margin-bottom: 66px;}
.edu__tab li{float: left; width: 25%; height: 57px;  font-size: 17px; letter-spacing: -0.43px; border: 1px solid rgba(72,72,72,.3); box-sizing: border-box; text-align: center; line-height: 55px; border-right: none; cursor: pointer; user-select: none;}
.edu__tab li:last-child{border-right: 1px solid rgba(72,72,72,.3);}
.edu__tab li a{color: #000; font-family: 'Pretendard'; display: block;}
.edu__tab li.on{background: #3ab2fd; border: none; line-height: 57px;}
.edu__tab li.on a{font-family: 'Pretendard'; font-weight:600; color: #fff;}

.edu__tit{font-family: 'Pretendard'; font-weight:600; font-size: 28px; letter-spacing: -1.12px; margin-bottom: 34px;}
.edu__applyArea{overflow: hidden; width: 100%; display: inline-block; border: 1px solid rgba(72,72,72,.3); border-top: 2px solid #000; padding: 54px 69px; box-sizing: border-box;}
.edu__applyArea div{height: 50px; margin-bottom: 24px; overflow: hidden;}
.edu__applyArea .left{float: left; width: 413px;}
.edu__applyArea .right{float: left; width: 413px; margin-left: 58px;}
.edu__applyArea label{float: left;display: block; width: 100px; line-height: 50px; font-family: 'Pretendard'; font-weight:600; font-size: 18px; letter-spacing: -0.45px; text-align: left;}
.edu__applyArea input{float: left; width: 313px; height: 50px; border: 1px solid rgba(72,72,72,.3); outline: none; box-sizing: border-box; text-indent: 25px; font-family: 'Pretendard'; font-weight:300; font-size: 16px; letter-spacing: -0.4px;}
.edu__applyArea .num1{width: 74px; text-align: center; text-indent: 0;}
.edu__applyArea .compnum2{width: 66px; text-align: center; text-indent: 0;}
.edu__applyArea .compnum3{width: 125px; text-align: center; text-indent: 0;}
.edu__applyArea .num2{width: 96px; text-align: center; text-indent: 0;}
.edu__applyArea .num3{width: 95px; text-align: center; text-indent: 0;}
.edu__applyArea .birth{width: 165px;}
.edu__applyArea .birth6{float: right; font-family: 'Pretendard'; font-size: 18px; letter-spacing: -0.45px; line-height: 50px;}
.edu__applyArea .dash{float: left; font-family: 'Pretendard'; font-weight:200; font-size: 35px; line-height: 42px; letter-spacing: -0.88px; margin: 0 5px;}

.edu__schTable{width: 100%; margin-top: 45px;}
.edu__schTable th{height: 44px; border: 1px solid rgba(72,72,72,.3); border-top: 2px solid #000; border-bottom: 1px solid #000; background: #f5f7f9; text-align: center; vertical-align: middle; font-family: 'Pretendard'; font-size: 16px; letter-spacing: -0.4px;}
.edu__schTable td{height: 56px; vertical-align: middle; text-align: center; border: 1px solid rgba(72,72,72,.3); font-family: 'Pretendard'; font-weight:300; font-size: 16px;}
.edu__schTable td:last-child{cursor: pointer;}
.edu__schTable .btn_appDel{display: inline-block; width: 53px; height: 23px; font-family: 'Pretendard'; font-size: 15px; color: #ff193f; border: 1px solid #ff193f; line-height: 23px; border-radius: 11.5px; box-sizing: border-box;}
.edu__schTable .btn_appDel:hover{background: #ffe6ea;}
.edu__schTable .finish{font-family: 'Pretendard'; font-weight:300; font-size: 16px; color: #ff193f;}
.edu__schTable .btn_app{display: block; background: url('/images/edu_applybtn.png') center center no-repeat; text-indent: -9999px; height: 100%;}
.edu__schTable .btn_app:hover{background: url('/images/edu_applybtn_on.png') center center no-repeat;}
.edu__schInfo{overflow: hidden; margin-bottom: 44px; width: 100%; height: 82px; line-height: 78px; border: 2px solid #3ab2fd; background: #e7f6ff; padding-left: 71px; box-sizing: border-box;}
.edu__schInfo h4{position: relative; font-family: 'Pretendard'; font-weight:600; font-size: 20px; color: #3ab2fd; float: left; padding-right: 125px;}
.edu__schInfo h4::after{content: ''; display: inline-block; width: 1px; height: 28px; background: #3ab2fd; position: absolute; right: 62px; top: 50%; transform: translateY(-50%);}
.edu__schInfo span{font-family: 'Pretendard'; font-weight:600; font-size: 18px; letter-spacing: -0.45px; float: left;}
.edu__schInfo p{font-family: 'Pretendard'; font-size: 18px; color: #010101; margin: 0 63px 0 20px; float: left;}
.edu__applyTip{margin-top: 25px; display: block; text-align: right; font-family: 'Pretendard'; font-size: 16px; letter-spacing: -0.4px; color: #757575;}
.edu__applySearch{cursor: pointer; display: block; float: right; width: 179px; height: 53px; border: 2px solid #000; text-align: center; line-height: 49px; font-family: 'Pretendard'; font-weight:600; font-size: 18px; letter-spacing: -0.45px; box-sizing: border-box; margin: 20px 0 114px;}
.edu__applySearch:hover{background: #e2e6e8;}
.edu__schLoca{display: block; text-align: right; margin: 20px 0 6px; font-family: 'Pretendard'; font-size: 16px; letter-spacing: -0.4px; color: #757575;}
.edu__schTip{display: block; text-align: right; font-family: 'Pretendard'; font-size: 16px; letter-spacing: -0.4px; color: #ff193f;}

.edu__searchform{overflow: hidden;}
.edu__section .kclep__toolList li:nth-child(2){margin-bottom: 48px;}
.school__box1{width: 1024px; height: 514px; background: #f5f7f9 url('/images/edu_school1.png') center no-repeat; margin-bottom: 70px;}
.school__box2{width: 1024px; height: 140px; margin-bottom: 210px; border: 1px solid rgba(72,72,72,.3); padding: 30px 0  0 36px; box-sizing: border-box;}
.school__box2 span{font-family: 'Pretendard'; font-weight:600; font-size: 18px; letter-spacing: -0.45px; color: #3ab2fd;}
.school__box2 p{font-family: 'Pretendard'; font-weight:300; font-size: 16px; letter-spacing: -0.4px; color: #000; line-height: 28px; margin-top: 12px;}

/* 비밀번호 변경 */

.intra__bgArea{width: 100%; height: 430px; overflow: hidden; background: url('/images/intra_bg.png') center no-repeat; background-size: cover;}
.intra__bgArea .leftArea{float: left;}
.intra__bgArea .leftArea p{position: relative; display: block; font-family: 'Pretendard'; font-weight:600; font-size: 35px; line-height: 46px; letter-spacing: -1.05px;}
.intra__bgArea .leftArea p::after{content: ''; display: inline-block; position: absolute; right: -67px; bottom: 0; width: 50px; height: 40px; background: url('/images/intra_imoge.png') center top no-repeat;}
.intra__bgArea .leftArea span{user-select: none; margin-top: 18px; display: block; width: 185px; height: 40px; line-height: 40px; border-radius:6px; background: rgba(201,216,229,.66); font-family: 'Pretendard'; font-weight:500; font-size: 18px; letter-spacing: -0.72px; text-align: center;}

.intra__tabMenuArea{position: absolute; width: 100%; border-bottom: 1px solid rgba(72,72,72,.3); box-sizing: border-box;}
.intra__tabMenuArea.mypass{background: #1c284a; border: 1px solid rgba(255,255,255,.3);}
.mypass .intro__tabMenu li a{color: #fff;}
.mypass .intro__tabMenu li a:hover{color: #fff;}
.mypass .intro__tabMenu li a:hover::after{background: #fff;}
.mypass .intro__tabMenu li.on a{color: #fff;}
.mypass .intro__tabMenu li.on a::after{background: #fff;}

.intra__bgInner{width: 1022px; margin: 131px auto 0;}
.intra__bgArea .rightArea{float: right; display: block;}
.intra__tab{overflow: hidden;}
.intra__tab li{float: left; margin-right: 18px;}
.intra__tab li:last-child{margin-right: 0;}
.intra__tab li a{display: block; width: 169px; height: 166px;}

.intra__tab li#tntraTab1 a{background: url('/images/intra_tab1.png') no-repeat;}
.intra__tab li#tntraTab1.on a{background: url('/images/intra_tab1_on.png') no-repeat;}
.intra__tab li#tntraTab2 a{background: url('/images/intra_tab2.png') no-repeat;}
.intra__tab li#tntraTab2.on a{background: url('/images/intra_tab2_on.png') no-repeat;}
.intra__tab li#tntraTab3 a{background: url('/images/intra_tab3.png') no-repeat;}
.intra__tab li#tntraTab3.on a{background: url('/images/intra_tab3_on.png') no-repeat;}

.intra__section .inn{padding-top: 163px;}
.intra__section.mypass{background: #1c284a;}
.intra__section h3{font-family: 'Pretendard'; font-weight:600; font-size: 30px; letter-spacing: -0.9px;}
.intra__section.mypass h3{color: #fff; letter-spacing: -0.75px; text-align: center;}
.intra__section p{font-family: 'Pretendard'; font-weight:300; font-size: 16px; letter-spacing: -0.4px;}
.intra__section .mypass__txt{margin: 38px 0 86px; color: #fff; text-align: center;}

.mypass__inputArea{overflow: hidden; margin: 0 auto; width: 644px;}
.mypass__inputArea img{display: block; float: left; margin-right: 67px;}

.mypass__inputArea table{width: 370px; display: inline-block;}
.mypass__inputArea table tr{height: 42px;}
.mypass__inputArea table th{width: 122px; vertical-align: bottom; font-family: 'Pretendard'; font-weight:300; font-size: 16px; letter-spacing: -0.4px; color: #ccc;}
.mypass__inputArea table input{display: block; width: 249px; height: 44px; background: transparent; border: none; border-bottom: 1px solid #fff; text-indent: 4px; font-family: 'Pretendard'; font-weight:300; font-size: 18px; letter-spacing: -0.45px; line-height: 44px; color: #fff;}

.mypass__tag{position: absolute; right: 0; bottom: 60px; display: none; text-align: right; font-family: 'Pretendard'; font-size: 14px !important; letter-spacing: -0.35px; color: #ff474e;}

.mypass__changeBtn{margin-top: 36px; width: 370px; height: 48px; border: 2px solid #fff; box-sizing: border-box; text-align: center; line-height: 44px; font-family: 'Pretendard'; font-weight:500; font-size: 18px; letter-spacing: -0.45px; color: #fff; background: transparent; outline: none; cursor: pointer;}
.mypass__changeBtn:hover{background: rgba(255,255,255,.03);}
.mypass__changeBtn:active{background: rgba(255,255,255,.11);}

.mypass__modal{z-index: 1000; padding: 116px 59px 49px; position: fixed; left: 50%; top: 50%; transform: translate(-50%,-50%); display: none; width: 357px; height: 313px; border-radius: 10px; box-shadow: 10px 10px 30px 0 rgba(0,0,0,.39); background: #fff url('/images/intra_sucess.png') center 63px no-repeat; text-align: center; box-sizing: border-box;}
.mypass__modal p{font-family: 'Pretendard'; font-size: 28px; line-height: 35px; letter-spacing: -0.7px; color: #000; margin-bottom: 32px;}
.modal__checkbtn{display: block; width: 238px; height: 47px; line-height: 47px; background: #001464; font-family: 'Pretendard'; font-weight:600; font-size: 18px; color: #fffefe; border: none; outline: none; cursor: pointer;}
.modal__checkbtn:hover{background: #00092b;}


/*달력*/
.modal{display: none; border-radius: 10px; background: #fff; box-shadow: 5px 5px 20px 0 rgba(0,0,0,.16); position: fixed; left: 50%; top: 50%; transform: translate(-50%,-50%); box-sizing: border-box;}
.calendar__modal{z-index: 1000; display: none; position: fixed; width: 100%; height: 100%; background: rgba(0,0,0,.5); left: 0; top: 0;}
.modal__dateDetail{display: none; width: 640px; height: 410px;}
.modal .modal__close{position: absolute; display: block; width: 23px; height: 23px; background: url('/images/modal_close.png') no-repeat; cursor: pointer;}
.modal__dateDetail .modal__close{right: 28px; top: 24px;}
.modal__regist .modal__close{right: 26px; top: 28px;}
.modal__inner{box-sizing: border-box;}
.modal__dateDetail .modal__inner{ padding: 43px 46px 0;}
.modal__regist .modal__inner{padding: 34px 0 22px; margin: 16px auto 22px; border-top: 2px solid #000; border-bottom: 1px solid rgba(72,72,72,.2);}
.table__dateDetail{display: block; width: 548px; box-sizing: border-box; border-collapse: collapse;}
.modal__dateDetail thead{display: block; width: 100%;}
.modal__dateDetail tbody{display: block; width: 100%; max-height: 170px; border-right: 1px solid  rgba(72,72,72,.2); overflow-y: overlay; overflow-x: hidden;}
.modal__dateDetail tbody::-webkit-scrollbar{width: 6px;}
.modal__dateDetail tbody::-webkit-scrollbar-thumb{background: #4c4c4c;}
.modal__dateDetail tbody::-webkit-scrollbar-track{background: #ececec;}
.modal__dateDetail tbody tr{width: calc(100% + 0px);}
.modal__dateDetail tbody.hasClass tr{width: calc(100% + 6px);}
.modal__dateDetail p{margin-bottom: 17px; font-family: 'Pretendard'; font-weight:600; font-size: 24px; letter-spacing: -0.72px;}
.table__dateDetail tr{height: 48px; width: 100%; display: table; border-right: 0.5px solid rgba(72,72,72,.2);}
.table__dateDetail tr:first-child td{border-top: none;}
.table__dateDetail tr td:first-child{border-left: 0.5px solid rgba(72,72,72,.2);}
.table__dateDetail th{font-family: 'Pretendard'; font-size: 15px; letter-spacing: -0.38px; vertical-align: middle; border: 0.5px solid rgba(72,72,72,.2); background: #f5f7f9; text-align: center;}
.table__dateDetail td{font-family: 'Pretendard'; font-weight:300; font-size: 15px; letter-spacing: -0.15px; vertical-align: middle; border: 0.5px solid rgba(72,72,72,.2); border-top: 0px none; text-align: center;}
.table__dateDetail th:nth-child(1),.table__dateDetail td:nth-child(1){width: 13%;}
.table__dateDetail th:nth-child(2),.table__dateDetail td:nth-child(2){width: 23%;}
.table__dateDetail th:nth-child(3),.table__dateDetail td:nth-child(3){width: 14%;}
.table__dateDetail th:nth-child(4),.table__dateDetail td:nth-child(4){width: 14%;}
.table__dateDetail th:nth-child(5),.table__dateDetail td:nth-child(5){width: 26%;}
.table__dateDetail{margin-bottom: 22px;}
.table__dateDetail td:last-child{ border-right-color: transparent; max-width: 135px; padding: 0 0.5rem; box-sizing: border-box;}
.table__dateDetail td:last-child p{margin-bottom: 0; font-family: 'Pretendard'; font-weight:300; font-size: 15px; letter-spacing: -0.15px; overflow: hidden; white-space: nowrap; -ms-text-overflow: ellipsis; text-overflow: ellipsis;}
.modal__dateDetail .dateDetail__btnArea{position: absolute; bottom: 50px; width: 548px;}
.modal__dateDetail .dateDetail__btnArea::before{display: none;}
.dateDetail__btnArea{overflow: hidden; position: relative; padding-top: 22px;}
.dateDetail__btnArea::before{content: ''; position: absolute; left: 0; top: 0; display: block; width: 100%; height: 1px; background: rgba(72,72,72,.3);}
.dateDetail__btnArea span{cursor: pointer; user-select: none; border: 2px solid #000; box-sizing: border-box; display: block; font-family: 'Pretendard'; font-weight:600; font-size: 16px; line-height: 40px; text-align: center; letter-spacing: -0.41px;}
.dataDetail__close{float: left; width: 81px; height: 44px; color: #9f9f9f; background: #f9f9f9; border: 2px solid #acacac !important;}
.dataDetail__close:hover{background: #ececec;}
.dataDetail__regi{float: right; width: 144px; height: 44px;}
.dataDetail__regi:hover{background: #e2e6e8;}
.modal__regist{width: 700px; height: 488px; padding: 53px 58px 50px; box-sizing: border-box;}
.modal__regist .regist__title{font-family: 'Pretendard'; font-weight:600; font-size: 26px; letter-spacing: -0.65px;}
.modal__regist .modal__inner li{height: 36px; overflow: hidden; margin-bottom: 17px;}
.modal__regist .modal__inner li:last-child{margin-bottom: 0; height: auto;}
.modal__regist .modal__inner li:last-child label{display: flex; height: 60px; align-items: flex-start; justify-content: center; flex-direction: column; line-height: 20px;}
.modal__regist .modal__inner li:last-child label>span{font-size: 12px;}

.modal__regist .modal__inner li:last-child textarea::-webkit-scrollbar{width: 6px;}
.modal__regist .modal__inner li:last-child textarea::-webkit-scrollbar-thumb{background: #4c4c4c;}
.modal__regist .modal__inner li:last-child textarea::-webkit-scrollbar-track{background: #ececec;}
.modal__inner li .left{float: left;}
.modal__inner li .right{float: right;}
.modal__inner li label{float: left; display: block; width: 72px; text-align: left; font-family: 'Pretendard'; font-weight:300; font-size: 15px; letter-spacing: -0.38px; line-height: 36px;}
.modal__inner li input{float: left;}
.modal__regist .modal__inner input{height: 36px; text-indent: 13px; border: 1px solid rgba(72,72,72,.2); box-sizing: border-box; font-family: 'Pretendard'; font-weight:300; font-size: 15px; letter-spacing: -0.38px;}
.modal__regist .modal__inner .regi__name{margin-right: 6px; background: #f5f7f9; width: 90px;}
.modal__regist .modal__inner .regi__name:hover{ border-color: #3ab2fd;}
.modal__regist .modal__inner .regi__name:focus{border-color: #3ab2fd;}




.calendar__month{margin-bottom: 43px; width: 100%; text-align: center;}
.calendar__month .date{margin: 0 28px; display: inline-block;font-family: 'Pretendard'; font-weight:600; font-size: 36px; letter-spacing: -0.36px;}
.calendar__month .date span{font-size: 34px; letter-spacing: -0.34px;}
.calendar__month .leftArrow{display: inline-block; line-height: 36px;}
.calendar__month img{vertical-align: middle;}
.calendar__month .rightArrow{display: inline-block; line-height: 36px;}

.calendar__searchArea{overflow: hidden;}
.calendar__searchArea .searchForm{float: left;}
.calendar__searchArea .searchForm .today{margin-right: 5px; float: left; cursor: pointer; display: block; width: 59px; height: 40px; border-radius: 2px; border: 1px solid rgba(72,72,72,.3); box-sizing: border-box; line-height: 38px; text-align: center; font-family: 'Pretendard'; font-size: 16px; letter-spacing: -0.4px;}
.calendar__searchArea .searchForm .today:hover,.calendar__searchArea .searchForm .search input:hover{border: 1px solid #3ab2fd;}
.calendar__searchArea .searchForm .search{position: relative; display: inline-block;}
.calendar__searchArea .searchForm .search .searchBtn{display: inline-block; width: 17px; height: 17px; background: url('/images/calendar_search.png') no-repeat; position: absolute; top: 50%; right: 14px; transform: translateY(-50%); cursor: pointer;}
.calendar__searchArea .searchForm input{float: left; display: block; width: 217px; height: 40px; line-height: 38px; border-radius: 2px; border: 1px solid rgba(72,72,72,.3); font-family: 'Pretendard'; font-weight:300; font-size: 15px; letter-spacing: -0.38px; text-indent: 15px; box-sizing: border-box;}
.calendar__searchArea .myVacation{float: right;}

.calendar__searchArea .myVacation .switch{user-select: none; overflow: hidden; position: relative; line-height: 40px; display: inline-block; width: 162px; height: 40px; font-family: 'Pretendard'; font-size: 20px; letter-spacing: -0.5px;}
.calendar__searchArea .myVacation .switch input{display: none;}
.calendar__searchArea .myVacation .onoff-switch{float: right; display: block; width: 43px; height: 23px; position: absolute; right: 0; top: 50%; transform: translateY(-50%); border-radius: 11.5px; background: #e6e6e6;  -webkit-transition: .4s; transition: .4s; cursor: pointer;}
.onoff-switch:before{box-shadow: 0 1px 1px 0 rgba(0,0,0,.1); position: absolute; content: ''; left: 4px; top: 3px; width: 17px; height: 17px; border-radius: 50%; background: #fff; -webkit-transition: .5s; transition: .4s;}
.switch input:checked + .onoff-switch{background: #3ab2fd;}
.switch input:checked + .onoff-switch:before { -webkit-transform: translateX(17px); -ms-transform: translateX(17px); transform: translateX(17px); }

.calendar{margin: 24px 0 35px; border: 0.5px solid rgba(72,72,72,.2); position: relative;}
.calendar::after{content: '※ 휴가달력 사용자등록이 필요하신분은 쪽지주세요. (연구본부 신우재 - 이름, 아이디 , 입사년도)'; position: absolute; left: 0; bottom: -49px; font-size: 14px; color: #707070;}
.calendar .week{font-family: 'Pretendard'; font-size: 15px; letter-spacing: -0.3px; text-align: center; vertical-align: middle; border: none; border-top: 0.5px solid rgba(72,72,72,.2); border-bottom: 0.5px solid rgba(72,72,72,.2);}
.calendar tr{height: 125px;}
.calendar td{width: 147px; border: 0.5px solid rgba(72,72,72,.2); box-sizing: border-box;}
.calendar .emptyDay{background: #fff url('/images/calendar__odd.png') no-repeat;}
.calendar .weekday{z-index: 2; position: relative; font-size:13px; cursor:pointer; text-align:left; vertical-align:top;}
.calendar .weekday .calendar__counter{z-index: 2; position: absolute; width:max-content; top: 6px; right: 12px; line-height: 20px; padding:0 10px; border-radius:9.5px; background: #e2f4fe; color:#3ab2fd; font-size:14px; font-family: 'Pretendard'; font-weight:600; float:right;}


.calendar .weekday.on:after{ content:""; top:0; border:2px solid #3ab2fd !important; width: 143px; height: 122px; max-height: 122px; position: absolute; margin-top: -1px; margin-left: -1px; background-color: #f7fcff !important; z-index:1;}
.calendar .weekday.on:hover:after { margin-top: -1px; margin-left: -1px; } 
.calendar .weekday.chk:after{ content:""; top:0; border:2px solid #3ab2fd !important; width: 143px; height: 122px; max-height: 122px; position: absolute; margin-top: -1px; margin-left: -1px; background-color: #f7fcff !important; z-index:1;}
.calendar .weekday.chk:hover:after { margin-top: -1px; margin-left: -1px; } 
.calendar .calendar__date{display: block; position:absolute; border-radius: 50%; width: 23px; height: 23px; text-align:center; line-height: 23px; margin: 4px 0 0 6px; z-index:2; }
.calendar .calendar__date .calendar__dateNum{font-family: 'Pretendard'; font-weight:300; font-size: 13px;}
.calendar .calendar__name{z-index: 2; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-18%); font-family: 'Pretendard'; font-size: 16px; letter-spacing: -0.4px; white-space: nowrap; color: #000; }
.my_vacation{display: none; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); z-index: 2; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-18%); font-family: 'Pretendard'; font-weight:500; font-size: 17px; letter-spacing: -0.4px; white-space: nowrap; color: #000; }

.calendar__regiBtn{display: block; width: 179px; height: 53px; background: #fff; border: 2px solid #000; box-sizing: border-box; text-align: center; line-height: 49px; font-family: 'Pretendard'; font-weight:500; font-size: 18px; letter-spacing: -0.45px; cursor: pointer; margin: 0 0 0 auto;}
.calendar__regiBtn:hover{background: #e2e6e8;}

/*내 휴가 관리*/
.intra__vacaMng{margin: 41px 0 45px 0; width: 100%; height: 155px; display: flex; justify-content: space-between; border: 1px solid rgba(72,72,72,.2); border-top: 2px solid #000; padding: 44px 51px 0 55px; box-sizing: border-box;}
.intra__vacaMng li{padding: 0 30px 0 27px; box-sizing: border-box; line-height: 65px; border-radius:6px;float: left; width: 220px; height: 65px; }
.intra__vacaMng li h4{margin-top: 4px; font-family: 'Pretendard'; font-weight:600; font-size: 21px; letter-spacing: -0.21px;}
.intra__vacaMng li p{float: left; color: #000; font-family: 'Pretendard'; font-weight: 600; font-size: 18px; letter-spacing: -0.45px;}
.intra__vacaMng li span{display: flex; align-items: baseline; line-height: 70px; float: right; margin: 0; font-family: 'Pretendard'; font-weight:500; font-size: 16px;}
.intra__vacaMng li span strong{text-align: right; font-size: 30px; margin-right: 5px; font-family: 'Pretendard'; font-weight: 600;}
.intra__vacaMng li:first-child{padding: 0; line-height: initial; border-radius: 0px; background: url('/images/vacaMng_bg.png') 0px 4px no-repeat;padding-left: 70px; box-sizing: border-box;}

.intra__vacaMng li:nth-child(2){background: #e4f2ff; color: #4dbafd;}
.intra__vacaMng li:nth-child(3){background: rgba(255,230,238,.63); color: #ff417e;}
.intra__vacaMng li:nth-child(4){background: url('/images/vacaMng_pattern.png') no-repeat; color: #888;}

.intra__vacaMngTable{width: 100%;}
.intra__vacaMngTable tr{height: 56px;}
.intra__vacaMngTable th{text-align: center; vertical-align: middle; font-family: 'Pretendard'; font-size: 16px; letter-spacing: -0.4px; border: 0.5px solid rgba(0,0,0,.2); background: #f5f7f9; border-top: 2px solid #000;}
.intra__vacaMngTable td{text-align: center; vertical-align: middle; font-family: 'Pretendard'; font-weight:300; font-size: 16px; border: 0.5px solid rgba(0,0,0,.2);}
.intra__vacaMngTable th:first-child{border-left: none;}
.intra__vacaMngTable th:last-child{border-right: none;}
.intra__vacaMngTable td:first-child{border-left: none;}
.intra__vacaMngTable td:last-child{border-right: none; max-width: 520px; padding: 0 2.2rem; line-height: 1.4;}

.intra__vacaMngTable input{display: none;}
.intra__vacaMngTable input[type="checkbox"] + label .selectBox{display: inline-block; width: 18px; height: 18px; cursor: pointer; display: inline-block;  background: url('/images/ckb_intraTable.png') left top no-repeat;}
.intra__vacaMngTable input[type="checkbox"]:checked + label .selectBox{background: url("/images/ckb_intraTable_on.png")no-repeat;}

.intra__btnArea{margin-top: 40px; overflow: hidden;}
.intra__btnArea span{display: block; width: 179px; height: 53px; border: 2px solid #000; line-height: 49px; font-family: 'Pretendard'; font-weight:600; font-size: 18px; letter-spacing: -0.45px; text-align: center; cursor: pointer; user-select: none; box-sizing: border-box;}
.intra__btnArea .checkDel{float: left; border-color: #acacac; color: #9f9f9f;}
.intra__btnArea .checkDel:hover{background: #ececec;}
.intra__btnArea .VacaAmend{float: right;}
.intra__btnArea .VacaAmend:hover{background: #e2e6e8;}

/*자료 다운로드*/
.intra__titleArea{overflow: hidden;}
.intra__titleArea h3{float: left;}
.intra__titleArea .notice__searchArea{float: right;}
.intra__titleArea .notice__searchArea{float: right; position: relative;}
.intra__titleArea .notice__searchArea input{width: 315px; height: 40px; line-height: 40px; border: none; border: 1px solid rgba(72,72,72,.2); box-sizing: border-box; outline: none; 
font-family: 'Pretendard'; font-weight:300; font-size: 17px; letter-spacing: -0.43px; text-indent: 16px; color: #000;}
.intra__titleArea .notice__searchArea input::placeholder{color: #bebebe;}
.intra__titleArea .notice__search{position: absolute; right: 14px; top: 0; display: block; width: 22px; height: 42px; background: url('/images/notice_searchBtn.png') center no-repeat; cursor: pointer; box-sizing: border-box;}
.intra__fileDownTxt{font-size: 18px; font-family: 'Pretendard'; font-weight:500; letter-spacing: -0.45px; color: #3ab2fd; border-top: 2px solid #000; border-bottom: 1px solid rgba(0,0,0,.2); padding: 20px 0 21px 17px; margin: 40px 0 56px;}
.intra__fileDownTxt>p{margin-top: 15px; font-family: 'Pretendard'; font-weight:300; font-size: 16px; line-height: 28px; letter-spacing: -0.4px; color: #000;}
.intra__fileDownTxt strong{font-weight: initial; text-decoration: underline;}
.intra__imgno{width: 100%; height: 315px; background: url('/images/intra_imgno.png') center 36px no-repeat; border-bottom: 1px solid rgba(72,72,72,.3);}



.bbsLine table.dow {border-collapse:collapse; border:2px solid #dde1e8;}
.bbsLine table.dow tr td { width:130px; height:105px; max-height:105px;  border:1px solid #dde1e8; padding:7px; box-sizing:border-box;
font-family: "Malgun Gothic";font-size:13.5px; text-align:center;color:#757575; }
.bbsLine table.dow tr td .breakP { display:flex;text-align:center;margin-top:3px; font-size:13px;font-family: NanumSquareR;font-weight:bold;letter-spacing:-0.5px;
color:#00abeb;height:67px;background:#e7f6ff;border-radius:5px;align-items:center;justify-content:center; }
.bbsLine table.dow tr td:visited { color:#dde1e8; }
.bbsLine table.dow tr td:active { color:#dde1e8; }
.bbsLine table.dow tr td:hover { color:#dde1e8; }
.bbsLine table.dow tr td:focus { color:#dde1e8; }
.bbsLine table.dow tr td.week { background:rgba(243,245,246); font-family:NanumSquareR; font-weight:bold;color:#757575;font-size:15px;
height:30px;padding-top:5px; padding-bottom:5px;padding-left:5px; padding-right:0px;}

.bbsLine table.insert {width:100%;border-collapse:collapse; }
.bbsLine table.insert th{ width:120px;text-align:left; padding-left:25px; border-left:1px solid #e3e2df; border-bottom:1px solid #e3e2df; background:#f4f6f8; color:#4c6580; }
.bbsLine table.insert td{ text-align:left; padding:5px 30px ; border-right:1px solid #e3e2df; border-bottom:1px solid #e3e2df; }

.bbsLine table.view { width:100%; border-collapse:collapse; border-top:1px solid #e3e2df; }
.bbsLine table.view th{ height:30px; text-align:center; border-left:1px solid #e3e2df;  border-right:1px solid #e3e2df; border-bottom:1px solid #e3e2df; background:#f4f6f8; color:#4c6580; }
.bbsLine table.view td{ height:30px; text-align:center; padding:3px 0px; border-right:1px solid #e3e2df; border-left:1px solid #e3e2df; border-bottom:1px solid #e3e2df; }

/*240418 본사 이미지 자료실 테스트*/
.magnify-modal{background: #333;}
.magnify-modal *{box-sizing: border-box;}
.magnify-header{width: 100%; height: 64px !important; background: #3e3e3e; display: flex; flex-flow: row-reverse; justify-content: space-between; align-items: center; box-shadow: 0 3px 10px 0 rgba(0, 0, 0, 0.3); padding: 0 32px 0 17px ;position: relative;}
.magnify-header .magnify-title{font-family: 'Pretendard'; font-weight:600; font-size: 16px; letter-spacing: -0.64px; color: #fff; padding: 0; display: none; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%);}
.magnify-stage{top: 64px !important; bottom: 0px !important; left: 0 !important; right: 0 !important; border: none !important; background: #333;}
.magnify-footer{width: 100%; height: 64px !important; background: rgba(0,0,0,.8); display: flex; align-items: center; justify-content: center;}
.magnify-footer .magnify-toolbar{display: flex !important; align-items: center; height: 100%;}
.magnify-button{min-width: 38px; height: 38px; border-radius: 8px;}
.magnify-button:focus{background-color: inherit !important;}
.magnify-header .backBtn{display: block; width: 127px; height: 40px; background: url('/images/magnify_backBtn.png') no-repeat; text-indent: -9999px; cursor: pointer; user-select: none;}
.magnify-header .backBtn:hover{background: url('/images/magnify_backBtn_h.png') no-repeat;}
.magnify-header .backBtn:active{background: url('/images/magnify_backBtn_a.png') no-repeat;}
.magnify-header .magnify-button-close{min-width: 20px; height: 20px; background: url('/images/magnify_close.png') center no-repeat;}
.magnify-header .magnify-button-close:hover{min-width: 20px; height: 20px; background: url('/images/magnify_close_over.png') center no-repeat;}
.magnify-footer .magnify-toolbar button{margin: 0 6px; font-family: 'Pretendard' !important; font-weight: 600; font-size: 15px; letter-spacing: -0.75px; color: #fff;}
.magnify-footer .magnify-toolbar button.magnify-button-ratioBtn{cursor: initial;}
.magnify-footer .magnify-toolbar .magnify-button-zoomIn{background: url('/images/magnify_plus.png') center no-repeat;}
.magnify-footer .magnify-toolbar .magnify-button-zoomIn:hover{background: url('/images/magnify_plus_h.png') center no-repeat;}
.magnify-footer .magnify-toolbar .magnify-button-zoomIn:active{background: url('/images/magnify_plus_h.png') center no-repeat;}
.magnify-footer .magnify-toolbar .magnify-button-zoomOut{background: url('/images/magnify_minus.png') center no-repeat;}
.magnify-footer .magnify-toolbar .magnify-button-zoomOut:hover{background: url('/images/magnify_minus_h.png') center no-repeat;}
.magnify-footer .magnify-toolbar .magnify-button-zoomOut:active{background: url('/images/magnify_minus_h.png') center no-repeat;}
.magnify-footer .magnify-toolbar .magnify-button-maximize{background: url('/images/magnify_modalSize_min.png') center no-repeat;}
.magnify-footer .magnify-toolbar .magnify-button-maximize:hover{background: url('/images/magnify_modalSize_min_h.png') center no-repeat;}
.magnify-footer .magnify-toolbar .magnify-button-maximize:active{background: url('/images/magnify_modalSize_min_h.png') center no-repeat;}
.magnify-footer .magnify-toolbar .magnify-button-maximize.min{background: url('/images/magnify_modalSize.png') center no-repeat;}
.magnify-footer .magnify-toolbar .magnify-button-maximize.min:hover{background: url('/images/magnify_modalSize_h.png') center no-repeat;}
.magnify-footer .magnify-toolbar .magnify-button-maximize.min:active{background: url('/images/magnify_modalSize_h.png') center no-repeat;}
.magnify-footer .magnify-toolbar .magnify-button-actualSize{background: url('/images/magnify_1o1.png') center no-repeat;}
.magnify-footer .magnify-toolbar .magnify-button-actualSize:hover{background: url('/images/magnify_1o1_h.png') center no-repeat;}
.magnify-footer .magnify-toolbar .magnify-button-actualSize:active{background: url('/images/magnify_1o1_h.png') center no-repeat;}
.magnify-footer .magnify-toolbar .magnify-button-downloadBtn{height: 38px; background: #646464; border: 2px solid #646464; display: flex; align-items: center; justify-content: center; padding: 0 30px; font-family: 'Pretendard'; font-weight:600; font-size: 15px; letter-spacing: -0.75px; color: #fff; box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16); border-radius: 19px; cursor: pointer; user-select: none;}
.magnify-footer .magnify-toolbar .magnify-button-downloadBtn:hover{border-color: #878787;}
.magnify-footer .magnify-toolbar .magnify-button-downloadBtn:active{background: #646464; border-color: #bababa;}


#mask {  
      position:absolute;  
      z-index:9000;  
      background-color:#000;  
      display:none;  
      left:0;
      top:0;
    } 
    
    
.loadingWindow{
  display: none;
  position:absolute;  
  left:100px;
  top:100px;
  z-index:10000;
}

.btnHome { width:35px; height:25px; display:inline-block; border-radius:160px; background:#3aaffd url("/images/icon_btnHome.png") center 5.5px no-repeat; margin-top:-2px; float:right; margin-right:15.5px; transition-duration:0.1s; }
.btnHome:hover { background:#3ab2fd url("/images/icon_btnText.png") center 5px no-repeat; width:89px; cursor:pointer; }
.btnHome:active { background:#007ac7 url("/images/icon_btnText.png") center 5px no-repeat; }

/* 비즈북스 QR관련 배너  - 0808 삭제
#appBanner { width:175px; height:618px; border:3px solid #008cff; background-color: #fff; position: fixed; right:66px; top:257px; z-index: 99; text-align:center; padding:36px 27px 35px 27px; box-sizing:border-box;}
#appBanner .title1 { font-family:Pretendard; font-weight:600; color:#008cff; letter-spacing:-0.63px; font-size:25px; line-height:1.08; margin-top:8px; }
#appBanner .title2 { font-size:14.5px; line-height:18px; color:#000; margin-top:4px; }
#appBanner .title2 .su1 { font-family:Pretendard; font-weight:300; letter-spacing:-0.36px; }
#appBanner .title2 .su2  { font-family:Pretendard; font-weight:600; letter-spacing:-0.58px; text-decoration:underline; text-underline-position:under; }
#appBanner .title2 .su3 { font-family:Pretendard; font-weight:600; letter-spacing:-0.36px; text-decoration:underline; text-underline-position:under; }
#appBanner .qrHead { width:114px; height:45px; margin:17px auto 2px; background:url('/images/bg_qrScan.png') 0 0 no-repeat; font-family:Pretendard; font-weight:600; font-size:17px; line-height:1.41; letter-spacing:-0.51px; color:#000001; padding-top:6px; box-sizing:border-box; }
*/

@media all and (max-width:1550px ){
    #appBanner {display:none;}  
}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
    /*다운로드 리스트 탭 width*/
    .download__tab td{width: 25%;}
    /*결제 페이지 리스트 탭*/
    .pay__list span:last-child a{margin-left: -5px;}
    .mypass__inputArea table input{line-height: 0;}
    
    .calendar .calendar__name{transform: translate(-50%, 360%);}
    .scorllList{width: calc(100% + 17px) !important;}
    .modal__dateDetail .dateDetail__btnArea{position: static;}
    .intra__vacaMng li:first-child{line-height: normal;}
    }