@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-family: 'Pretendard-Regular','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: 1142px; box-sizing: border-box; }
.inn { width: 1024px; margin: 0 auto; box-sizing: border-box; }
#topBtn { z-index: 111; visibility: hidden; opacity: 0; cursor: pointer; position: fixed; bottom: 214px; 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: #e8f5ff; background-size: cover; background-position: 50%; transition: all 1s; }
#pop .topPop__close { position: absolute; right: 0px; top: 50%; transform: translateY(-50%); }
/*좌측 상담문의*/
#qick { position: fixed; right: 0%; top: 416px; z-index: 999; width: 228px; height: 74px; border-radius: 7px 0 0 7px; background: #0b3575; box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16); transition: all 1s ease; }
#qick div { width: 100%; box-sizing: border-box;}
#qick .qick__consult { padding-top: 85px; background: #fff url('/images/icon_qickConsult.png') 46.7px 34.8px no-repeat; cursor: pointer; font-family: 'Pretendard-Medium'; font-size: 17px; letter-spacing: -0.4px; color: #000; }
#qick .qick__call { height: 100%; background: url('/images/icon_qickCall.png') 19.5px center no-repeat; color: #fff; padding: 17px 0 0 70px; }
#qick .qick__call p { font-family: 'Pretendard-ExtraLight'; font-size: 14px; letter-spacing: -0.35px; margin-bottom: 1.5px; }
#qick .qick__call span { font-family: 'Pretendard-Bold'; font-size: 22px; }

/* 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-SemiBold'; 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-Medium'; 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 플러그인 끝 */

/*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.mainonly .depth1__logo a { background: url('/images/logo.png') no-repeat; }
.header.mainonly .depth1__gnb>li>a { color: #fff; }
.header.mainonly .header__depth1::after { background: #fff; }
.header.on { position: fixed; left: 0; top: 0; background: rgba(255,255,255,.92); backdrop-filter: blur(12.5px); }
.header .inn { width: 1366px; padding: 0; }
.header__depth1 { position: relative; height: 94px; overflow: hidden; }
.header__depth1.depthOn { box-shadow: 0px 11px 11px -3px rgba(0,0,0,.1); background: rgba(255,255,255,1); height: 94px; 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; }
.header.on .header__depth1::after { background: #727272; }
.header__depth1.depthOn::after { background: #727272 !important; }
.depth1__inner { height: 94px; }
.depth1__logo { float: left; margin-top: 33px; }
.depth1__logo a { display: inline-block; width: 310px; height: 31px; background: url('/images/logo_on.png') no-repeat; text-indent: -9999px; }
.header.on .depth1__logo a { background: url('/images/logo_on.png') no-repeat; }
.header__depth1.depthOn .depth1__logo a { background: url('/images/logo_on.png') no-repeat; }
.depth1__gnb { float: right; }
.depth1__gnb>li { position: relative; padding: 0 36px; line-height: 94px;float: left; }
.depth1__gnb>li.on>a { font-family: 'Pretendard-Bold'; }
.depth1__gnb>li>a { position: relative; font-family: 'Pretendard-SemiBold'; font-size: 18px; color: #000; letter-spacing: -0.2px; cursor: pointer; }
.header__depth1.depthOn .depth1__gnb>li>a { color: #000; }
.header.on .depth1__gnb>li>a { color: #000; }
.depth1__gnb>li>a::after { content: ''; position: absolute; left: -12.5%; bottom: -37px;  width: 120%; height: 2px; background: #3ab2fd; z-index: 100; animation: depth1__ani .5s forwards; display: none; }
.depth1__gnb>li.select>a::after { display: block; height: 3px; }

@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-Bold'; color: #000; }
.header__closeArea { width: 55%; height: calc(100% - 94px); background: transparent; left: 0; top: 94px; position:absolute; }

.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: 39px; }
.header .depth2>li>a { position: relative; font-family: 'Pretendard-Light'; 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-Regular'; } 
.header .depth2.gnb li a:hover { font-weight: initial; font-family: 'Pretendard-Medium'; 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-Regular'; 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-Thin'; font-weight: bold; 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-SemiBold'; 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-Thin'; font-weight: bold; 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 !important; height: 146px; padding: 39px 0 0 0 !important; box-sizing: border-box; }
.footer__linkArea { width: 200px; float: right; }
/*푸터 SNS영역 부산지사 계정없어서 숨김 처리*/
.siteLink { margin: 0 0 19px 0; float: right; display: none; }
.siteLink li { float: left; }
.siteLink li:nth-child(2) { margin: 0 30px; }
.siteLink li a { display: inline-block; width: 28px; height: 28px; 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; }

.footer__logo { display: inline-block; margin-right: 78px; }
.footer__logo h2 a { display: inline-block; width: 245px; height: 24px; background: url('/images/icon_grayLogo.png') no-repeat; text-indent: -9999px; }

.footer__contents { 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-Light'; font-size: 15px; letter-spacing: -0.38px; 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) { position: relative; padding-left: 15px; padding-right: 15px; }
.footer__adress div:nth-child(2) p:nth-child(2)::after {content: ''; position: absolute; right: 0; top: 0; width: 1px; height: 100%; background: #d1d1d1; }
.footer__adress div:nth-child(2) p:nth-child(3) { padding-left: 15px; }
.footer__adress div:nth-child(2) p:nth-child(3) { position: relative; padding-right: 15px; }
.footer__adress div:nth-child(2) p:nth-child(3)::after { content: ''; position: absolute; right: 0; top: 0; width: 1px; height: 100%; background: #d1d1d1; }
.footer__adress div:nth-child(2) p:nth-child(4) { padding-left: 15px; }

.footer__copyright { margin-top: 10px; display: flex; }
.footer__copyright>a { font-family: 'Pretendard-SemiBold'; font-size: 14px; color: #808080; margin-right: 24px; }
.footer__copyright p { position: relative; font-family: 'Pretendard-Thin'; font-weight: bold; font-size: 14px; letter-spacing: -0.3px; color: #d5d5d5; }

/**/

/*글쓰기 폼*/
.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-SemiBold'; 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-SemiBold'; 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 { user-select: none; 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-Light'; font-size: 16px; letter-spacing: -0.4px; color: #3ab2fd; }
.write__fileAddArea ul li:hover { background: #eaf6fe; /*font-family: 'Pretendard-SemiBold';*/ }
.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; }
/**/
/* section1 */
/*원래는 100vh인데 메인화면 여자모델 문제생겨서 일단 section1만 고정 height 주자*/
.main__wrap .section1 { position: relative; width: 100%; height: 873px; background: url('/images/section1_bg.png') no-repeat; background-size: cover; padding-top: 294px; overflow: hidden; }
.main__wrap .section1__inner { position: relative; width: 1366px; padding: 0 23px 0 112px; height: 100%; z-index: 1; }
.main__wrap .section1__inner>img { position: absolute; right: 23px; bottom: 108px; display: inline-block; } 
.main__wrap .section1__leftArea { display: inline-block; position: relative; z-index: 10; }
.main__wrap .section1__leftArea .section1__label { display: block; width: 197px; height: 46px; border-radius: 25px; background: #fff url('/images/section1_label.png') center no-repeat; margin-bottom: 39px; }
.main__wrap .section1__leftArea .section1__title { margin-bottom: 12px; line-height: 60px; }
.main__wrap .section1__leftArea .section1__title p { font-family: 'GmarketSansLight'; font-size: 51px; letter-spacing: -2.3px; color: #fff; }
.main__wrap .section1__leftArea .section1__title strong { font-family: GmarketSansBold; font-size: 51px; letter-spacing: -2.3px; color: #fff; font-weight: initial; margin-bottom: 12px; }
.main__wrap .section1__leftArea .section1__txt { font-family: 'GmarketSansLight'; font-size: 18px; line-height: 28px; letter-spacing: -0.47px; color: #fff; margin-bottom: 38px; }
.main__wrap .section1__leftArea span { margin-bottom: 41px; margin-right: 6px; display: inline-flex; width: 159px; height: 48px; border: 1px solid #fff; box-sizing: border-box; align-items: center; justify-content: center; font-family: 'Pretendard-Medium'; font-size: 16px; letter-spacing: -0.4px; color: #fff; cursor: pointer; }
.main__wrap .section1__leftArea span:hover { background-color: rgba(255, 255, 255, 0.1); }
.main__wrap .section1__leftArea span:active { background-color: rgba(255, 255, 255, 0.1); }
.main__wrap .section1__goDown { width: 31px; height: 79px; cursor: pointer; }

.section1__banner { width: 100%; height: 85px; background: #202a3b; text-align: center; }
.section1__banner .inn { width: 734px; height: 100%; padding: 0 0 0 142px; background: url('/images/sec1banner_img.png') left center no-repeat; display: flex; align-items: center; }
.section1__banner p { margin-right: 20px; font-family: 'Pretendard-ExtraLight'; font-size: 21px; letter-spacing: -0.53px; color: #fff; }
.section1__banner p strong { font-family: 'Pretendard-SemiBold'; font-weight: initial; }
/*메인 section1아래 배너 바로가기 버튼*/
.section1__banner span { cursor: pointer; user-select: none; display: inline-flex; width: 90px; height: 26px; border: 1px solid rgba(255,255,255,.85); font-family: 'Pretendard-Regular'; font-size: 13px; letter-spacing: -0.33px; color: #fff; border-radius: 14px; align-items: center; justify-content: center; }

/* section2 슬라이드 포커스 시 일시정지(포커스 기준이 애매)*/
.main__wrap .section2 { background: #fff; padding-top: 122px; height: 645px; }
.section2 .section2__inner { display: flex; justify-content: space-between; }
.section2 .section2__leftArea { width: 330px; }
.section2 .section2__leftArea>strong { display: block; font-family: 'Pretendard-ExtraBold'; font-size: 14px; letter-spacing: 1.26px; color: #000; margin-bottom: 18px; font-weight: initial; }
.section2 .section2__leftArea p { font-family: 'Pretendard-ExtraLight'; font-size: 38px; line-height: 48px; letter-spacing: -0.95px; color: #000; }
.section2 .section2__leftArea p>span { font-family: 'Pretendard-SemiBold'; }
.section2 .section2__rightArea { width: 811px; }
.section2__list { display: flex; justify-content: space-between; }
.section2__list li { width: 255px; height: 414px; border: 1px solid rgba(70,70,70,.3); box-sizing: border-box; }
.section2__list li>a { display: block; width: 100%; height: 100%; padding: 172px 0 0 41px; box-sizing: border-box; }
.section2__list li:nth-child(1) { background: url('/images/section2_icon1.png') 41px 47.5px no-repeat; }
.section2__list li:nth-child(2) { background: url('/images/section2_icon2.png') 41px 47.5px no-repeat; }
.section2__list li:nth-child(3) { background: url('/images/section2_icon3.png') 41px 47.5px no-repeat; }
.section2__list li strong { display: block; font-weight: normal; font-family: 'Pretendard-Bold'; font-size: 21px; letter-spacing: -0.53px; color: #000; margin-bottom: 24px; }
.section2__list li b { display: block; font-weight: normal; font-family: 'Pretendard-Light'; font-size: 16px; line-height: 25px; letter-spacing: -0.4px; color: #757c83; margin-bottom: 43px; }
.section2__list li span { transition: all 0.5s ease; }
.section2__list li:hover span { margin-left: 15px; }

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

.main__wrap .section3 { background: #313e55; padding-top: 120px; height: 710px; }
.section3 .section3__inner { display: flex; justify-content: space-between; }
.section3 .section3__leftArea { width: 330px; }
.section3 .section3__leftArea>strong { display: block; font-family: 'Pretendard-ExtraBold'; font-size: 14px; letter-spacing: 1.26px; color: #fff; margin-bottom: 18px; font-weight: initial; }
.section3 .section3__leftArea p { font-family: 'Pretendard-ExtraLight'; font-size: 38px; line-height: 48px; letter-spacing: -0.95px; color: #fff; }
.section3 .section3__leftArea p>span { font-family: 'Pretendard-SemiBold'; }
.section3 .section3__rightArea { width: 811px; }
.section3__rightArea .section3_textBox { display: flex; justify-content: space-between; align-items: center; margin-bottom: 42px; }
.section3_textBox p { font-family: 'Pretendard-Light'; font-size: 16px; line-height: 30px; letter-spacing: -0.4px; color: #fff; }
.section3_textBox span { display: inline-block; width: 178px; height: 52px; border: 1px solid #fff; }
.section3_textBox span>a { display: flex; align-items: center; justify-content: center; width: 100%; height: 100%; font-family: 'Pretendard-SemiBold'; font-size: 16px; color: #fff; }
.section3_textBox span:hover { background-color: rgba(255, 255, 255, 0.1); }
.section3_textBox span:active { background-color: rgba(255, 255, 255, 0.1); }

.main__wrap .section3__sliderCont { display: block; float: left; }
.main__wrap .section3__sliderCont .slider { display: inline-block; width: 811px; }
.main__wrap .section3__sliderCont .slick-list { border-radius: 10px; background: #1e2a3e; }

.main__wrap .section3__sliderCont .slider .slide { transition: all 0.5s; position: relative; height: 328px; border-radius: 10px; padding: 64.3px 0 0 87.3px; box-sizing: border-box; background-repeat: no-repeat; cursor: pointer; }
.main__wrap .section3__sliderCont .slider .slide1 { position: relative; background-image: url('/images/section2_slide1Img.png'); }
.main__wrap .section3__sliderCont .slider .slide2 { background-image: url('/images/section2_slide2Img_1.png'); }
.main__wrap .section3__sliderCont .slider .slide3 { background-image: url('/images/section2_slide3Img_1.png'); }
.main__wrap .section3__sliderCont .slider .slide4 { background-image: url('/images/section2_slide4Img.png'); }
.main__wrap .section3__sliderCont .slider .slide1:hover { background-image: url('/images/section2_slide1Img_on.png'); }
.main__wrap .section3__sliderCont .slider .slide2:hover { background-image: url('/images/section2_slide2Img_on_1.png'); }
.main__wrap .section3__sliderCont .slider .slide3:hover { background-image: url('/images/section2_slide3Img_on_1.png'); }
.main__wrap .section3__sliderCont .slider .slide4:hover { background-image: url('/images/section2_slide4Img_on.png'); }
.main__wrap .section3__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 .section3__sliderCont .slider .slick-arrow:hover { opacity: 1; }
.main__wrap .section3__sliderCont .slider .slick-arrow:active { opacity: 1; }
.main__wrap .section3__sliderCont .slider .slick-prev { right: 63.5px; background-image: url('/images/icon_slideLeft.png'); }
.main__wrap .section3__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: 2px; overflow: hidden; position: relative; background-color: #838b99; }
.main__wrap .progress .gage { display: inline-block; width: 25%; height: 100%; background: #fff; position: absolute; left: 0; top: 0; }

/*section4*/
.main__wrap .section4 { background: url('/images/section4_bg.png') no-repeat; background-size: cover; height: 439px; padding-top: 206px; }
.section4 .section4__inner { position: relative; text-align: center; width: 332px; padding: 0; }
.section4 .section4__inner::before { content: ''; display: inline-block; position: absolute; left: 50%; top: -121px; transform: translateX(-50%); width: 91px; height: 91px; background: url('/images/section4_icon.png') no-repeat; }
.section4__inner strong { display: block; font-weight: normal; font-family: 'Pretendard-SemiBold'; font-size: 27px; letter-spacing: -0.68px; color: #fff;}
.section4__inner span { display: block; font-family: 'GmarketSansBold'; font-size: 45px; letter-spacing: 3.6px; color: #fff; margin: 21px 0 12px; }
.section4__inner p { font-family: 'Pretendard-Light'; font-size: 18px; letter-spacing: -0.54px; color: #fff; }

/*메인 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: 145px; }

.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-Bold'; 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-Medium'; font-size: 17px; letter-spacing: -0.68px; }
.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: '뉴젠 KRP'; }
.product__wrap .k365.on .intro__tabMenu::before { content: '뉴젠 케이렙365'; }
.product__wrap .cloud.on .intro__tabMenu::before { content: '케이렙클라우드'; }
.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: '스마트백업'; }
.product__wrap .bizbooks.on .intro__tabMenu::before { content: '비즈북스2.0'; }
.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-Medium'; font-size: 17px; letter-spacing: -0.43px; color: #757575; }
.intro__tabMenu li a:hover { font-family: 'Pretendard-Bold'; 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-Bold'; color: #000; }
.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-SemiBold'; 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-Light'; font-size: 15px; color: #000; letter-spacing: -0.38px; }
.intro__otherMenu table td:hover { background: #eff9ff; font-family: 'Pretendard-Medium'; }
.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; }
.intro__nav { width: 1024px; height: 57px; overflow: hidden; margin: 0 auto; }
.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-Medium'; 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-SemiBold'; color: #fff; background: #3ab2fd; }
.intro__nav li.on { font-family: 'Pretendard-SemiBold'; color: #fff; background: #3ab2fd; }
.intro__tit { font-family: 'Pretendard-Bold'; font-weight: normal; font-size: 28px; letter-spacing: -1.2px; color: #000; margin-bottom: 43px; }
.intro__compInfo { font-family: 'Pretendard-Light'; font-size: 16px; line-height: 30px; letter-spacing: -0.4px; color: #000; }
.intro__inquiry { box-sizing: border-box; width: 1024px; height: 398px; margin-top: 52px; }
.intro__inquiry span { display: inline-block; }
.intro__inquiry strong { display: block; font-family: 'Pretendard-Bold'; font-size: 39px; letter-spacing: 0.39px; color: #fff; line-height: 54px; margin: 25px 0 17px; }
.intro__inquiry p { font-family: 'Pretendard-Light'; font-size: 22px; line-height: 32px; letter-spacing: -0.88px; color: #fff; }
.intro__compTxtBox { margin: 150px 0 111px;display: flex; justify-content: center; align-items: center; width: 1024px; height: 108px; background: rgba(233, 247, 255, 0.63); border: 1px solid #84d0ff; border-radius: 7px; box-sizing: border-box; }
.intro__compTxtBox p { font-family: 'Pretendard-Regular'; font-size: 17px; letter-spacing: -0.51px; color: #282828; margin-right: 20px; }
.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-SemiBold'; font-size: 20px; letter-spacing: -0.5px; color: #fff; }
.intro__BUSani .circle p { font-family: 'Pretendard-Light'; 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); }
}
.intro__BUSTable { width: 100%; margin-bottom: 177px; }
.intro__BUSTable tr { display: block; border-bottom: 1px solid rgba(72,72,72,.3); padding: 24px 0 24px 13px; }
.intro__BUSTable tr:first-child { border-top: 1px solid #000; }
.intro__BUSTable tr td:first-child { width: 44px; }
.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-Regular'; font-size: 14px; color: #fff; }
.intro__BUSTable tr td:nth-child(2) { width: 188px; line-height: 24px; font-family: 'Pretendard-Medium'; font-size: 18px; letter-spacing: -0.45px; color: #000; }
.intro__BUSTable tr td:nth-child(3) { width: 278px; font-family: 'Pretendard-Light'; font-size: 15px; letter-spacing: -0.45px; color: #000; line-height: 25px; }
.intro__BUSTable tr td:nth-child(4) { width: 312px; font-family: 'Pretendard-Light'; font-size: 15px; letter-spacing: -0.45px; color: #000; line-height: 25px; }
.intro__BUSTable tr td:nth-child(5) { font-family: 'Pretendard-Light'; font-size: 15px; letter-spacing: -0.45px; color: #000; line-height: 25px; }


/*회사연혁*/
.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-Medium'; 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-Bold'; font-size: 18px; letter-spacing: -0.45px; color: #000; }
.location__info li .right p { float: left; font-family: 'Pretendard-Light'; font-size: 18px; letter-spacing: -0.45px; color: #000; }
.location__info li .right span { float: left; display: block; width: 82px; height: 22px; text-align: center; border-radius: 30px; margin-right: 7px; font-family: 'Pretendard-Regular'; font-size: 15px; letter-spacing: -0.38px; color: #fff; }
.location__info li .right .line1 { background: #28549f; }
.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-Bold'; 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-Light'; 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-Light'; 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-Bold'; 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-Regular'; 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-Light'; 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-Light'; font-size: 18px; letter-spacing: -0.45px; color: #000; }
.job__process span { display: inline-block; font-family: 'Pretendard-SemiBold'; font-size: 24px; letter-spacing: -0.6px; color: #000; margin: 12px 0 8px; }
.job__process p { font-family: 'Pretendard-Light'; 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-Bold'; 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-Light'; font-size: 13px; letter-spacing: -0.33px; color: #3ab2fd; position: absolute; left: 77px; bottom: 0; }
.job__workEnvironment li p { font-family: 'Pretendard-Light'; 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-Regular'; font-size: 14px; letter-spacing: -0.35px; color: #fff; }
.jobDetail__titleArea .email p { font-family: 'Pretendard-SemiBold'; 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-Bold'; 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-Light'; 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 { margin-bottom: 36px; width: 922px; }
.jobDetail__content table caption { text-align: left; font-family: 'Pretendard-Bold'; 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-Medium'; font-size: 16px; letter-spacing: -0.4px; color: #000; }
.jobDetail__content td { font-family: 'Pretendard-Light'; 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-Bold'; letter-spacing: -0.38px; }
.jobDetail__content tr:nth-child(2) td { font-size: 15px; font-family: 'Pretendard-Medium'; color: #3ab2fd; letter-spacing: -0.38px; }
.jobDetail__content tr:nth-child(6) td { font-family: 'Pretendard-Regular'; }

.jobDetail__content .contentInfo h3 { font-family: 'Pretendard-Bold'; font-size: 20px; letter-spacing: -0.5px; color: #000; margin-bottom: 15px; }
.jobDetail__content .contentInfo p { font-family: 'Pretendard-Light'; 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-SemiBold'; color: #3ab2fd; letter-spacing: -0.4px; }
.contentInfo .blueTxt p { float: right; line-height: 19px; font-size: 17px; font-family: 'Pretendard-SemiBold'; 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-SemiBold'; 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-SemiBold'; 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-Bold'; 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-Light'; 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-Regular'; 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-SemiBold'; 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-SemiBold'; font-size: 18px; text-align: center; letter-spacing: -0.45px; color: #fff; line-height: 26px; }
.noticeView__title .title { float: left; font-family: 'Pretendard-SemiBold'; font-size: 22px; letter-spacing: -0.55px; line-height: 90px; }
.noticeView__title .right { float: right; margin-right: 8px; font-family: 'Pretendard-Regular'; 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-Light'; 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-Regular'; 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-SemiBold'; 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; }

.al_c { text-align: center; }
/*이벤트*/
.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: 39px; height: 40px; cursor: pointer; }
.event__list li .event__thumbnail.bgW::after { background: url('https://www.newzensolution.co.kr/images/event_go_b.png') no-repeat; }
.event__list li .event__thumbnail.bgB::after { background: url('https://www.newzensolution.co.kr/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('https://www.newzensolution.co.kr/images/event_ing.png') center no-repeat; }
.event__list li .event__thumbnail.end span { width: 46px; height: 25px; background: url('https://www.newzensolution.co.kr/images/event_finish.png') center no-repeat; }
.event__list li .event__thumbnail.end::after { display: none; }
.event__list #klepPromoPop .event__thumbnail { background: url('https://www.newzensolution.co.kr/images/event_kclepPromo.png') no-repeat; }
.event__list #klepPromoPop .event__thumbnail::after { background: url('https://www.newzensolution.co.kr/images/event_go_w.png') no-repeat; }
.event__list #klepPromoPop:hover .event__thumbnail::after { background: url('https://www.newzensolution.co.kr/images/event_go_w_on.png') no-repeat; }
.event__list #k365SummerPop .event__thumbnail { background: url('https://www.newzensolution.co.kr/images/event_summer.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('https://www.newzensolution.co.kr/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('https://www.newzensolution.co.kr/images/event_klep.png') no-repeat; }
.event__list #klepPop .event__thumbnail::after { background: url('https://www.newzensolution.co.kr/images/event_go_b.png') no-repeat; }
.event__list #klepPop:hover .event__thumbnail::after { background: url('https://www.newzensolution.co.kr/images/event_go_b_on.png') no-repeat; }
.event__list #voucherPop .event__thumbnail { background: url('https://www.newzensolution.co.kr/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('https://www.newzensolution.co.kr/images/event_voucher_2023.png') no-repeat; }
.event__list #voucherNewPop .event__thumbnail::after { background: url('https://www.newzensolution.co.kr/images/event_go_b.png') no-repeat; }
.event__list #voucherNewPop:hover .event__thumbnail::after { background: url('https://www.newzensolution.co.kr/images/event_go_b_on.png') no-repeat; }
.event__noEvent { margin-bottom: 100px; width: 1024px; height: 531px; background: url('https://www.newzensolution.co.kr/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-SemiBold'; font-size: 16px; line-height: 24px; letter-spacing: -0.48px; color: #000; }
.news__contents { cursor: pointer; margin-bottom: 20px; font-family: 'Pretendard-Light'; font-size: 14px; line-height: 23px; letter-spacing: -0.35px; color: #000; }
.news__source { overflow: hidden; font-family: 'Pretendard-Light'; 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-SemiBold'; 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__title { display: block; width: 100%; line-height: 33px; font-family: 'Pretendard-Bold'; font-size: 28px; letter-spacing: -1.12px; color: #000; margin-bottom: 42px; }
.product__title strong { color: #3ab2fd; }
.product__consultArea { overflow: hidden; float: right; }
.product__consultArea .consultBox { cursor: pointer; user-select: none; float: left; display: block; width: 175px; height: 46px; font-family: 'Pretendard-Medium'; 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-Regular'; 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_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-Light'; font-size: 20px; line-height: 33px; letter-spacing: -0.5px; color: #3ab2fd; text-align: center; }
.product_blueTxt>p span { font-family: 'Pretendard-SemiBold'; }

.product__sectionInner img:first-child { display: block; }
.product__sectionInner.krp { width: 100%; }
.product__1024Inner { width: 1024px; margin: 0 auto; box-sizing: border-box; }
.product__16txt { font-family: 'Pretendard-Light'; 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__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-Light'; 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-Medium'; 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-ExtraBold'; font-size: 20px; letter-spacing: -0.5px; color: #000; }
.product__krpCont .kclep__effectList li span { display: block; margin: 12px 0 24px; font-family: 'Pretendard-Medium'; font-size: 15px; letter-spacing: -0.38px; color: #3ab2fd; }
.product__krpCont .kclep__effectList li p { font-family: 'Pretendard-Light'; 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-SemiBold'; font-size: 16px; letter-spacing: -0.4px; color: #000; margin-bottom: 18px; }
.product__krpCont .kclep__rnr table th p { font-family: 'Pretendard-Light'; 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-Light'; 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-Bold'; 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-Light'; 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-Medium'; 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-Light'; 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 ;}

.kclep__toolList li span { display: block; margin-bottom: 12px; padding-left: 36px; font-family: 'Pretendard-Medium'; 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-Light'; 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-Light'; font-size: 16px; letter-spacing: -0.4px; margin-bottom: 8px; display: block; }

/*고객센터 - 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-Bold'; 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-Light'; font-size: 17px; text-align: center; letter-spacing: -0.43px; }
.download__tab td.on a { font-family: 'Pretendard-SemiBold'; color: #fff; background: #3ab2fd; }
.download__tab td.empty { cursor: default; }
.download__tit h2 { font-family: 'Pretendard-Bold'; font-size: 28px; letter-spacing: -1.2px; }
.download__tit p { margin: 33px 0; font-family: 'Pretendard-Light'; 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 tr:hover td { background: rgba(58,178,253,.08); }
.manual__table th { height: 42px; background: #3ab2fd; color: #fff; font-family: 'Pretendard-SemiBold'; font-size: 20px; vertical-align: middle; text-align: center; }
.manual__table td { height: 60px; border: 1px solid rgba(58,178,253,.3); font-family: 'Pretendard-Light'; 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-Thin'; font-weight: bold; font-size: 18px; letter-spacing: -0.45px; color: #3ab2fd; }
.download__downArea .date { clear: both; float: left; font-family: 'Pretendard-Thin'; font-weight: bold; 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-SemiBold'; font-size: 24px; letter-spacing: -0.6px; color: #3ab2fd; }
.download__downArea .s_title { font-family: 'Pretendard-Light'; 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-Light'; font-weight: bold; font-size: 18px; letter-spacing: -0.45px; color: #011d43; }
.mustLoginArea>p { margin-top: 10px; font-family: 'Pretendard-Thin'; font-weight: bold; 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-Regular'; 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-Thin'; font-weight: bold; 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-Regular'; 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-SemiBold'; color: #fff; background: #3ab2fd; }
.pay__tit { margin-bottom: 34px; font-family: 'Pretendard-Bold'; font-size: 28px; letter-spacing: -1.12px; }
.pay__amountTxt { margin-bottom: 29px; font-family: 'Pretendard-Light'; 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-Regular'; 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-Light'; 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-Bold'; 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-Bold'; 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-Thin'; font-weight: bold; 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-ExtraLight'; font-size: 35px; letter-spacing: -0.88px; margin: 0 4px; }
.pay__info label { display: inline-block; width: 100px; font-family: 'Pretendard-SemiBold'; 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-Light'; 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-Light'; 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-Thin'; font-weight: bold; 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-SemiBold'; 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-Regular'; 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-Light'; 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-Light'; 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-Regular'; 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-Regular'; font-size: 16px; letter-spacing: -0.4px; }
.pay__payListTable td { text-align: center; font-family: 'Pretendard-Light'; 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: 173px auto 62px; width: 532px; height: 753px; background: #fff url('/images/licensePaper.png') -22px -36px no-repeat; }
.licensePaper .infoBox { padding: 225px 0 0 205px; }
.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-Regular'; 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-Light'; 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-Bold'; 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-Bold'; 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-Regular'; 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-Light'; 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: 892px; 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; }
/* 교육사업 */

.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-Bold'; font-size: 36px; line-height: 52px; letter-spacing: -1.44px; color: #000; }

.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-Regular'; display: block; }
.edu__tab li.on { background: #3ab2fd; border: none; line-height: 57px; }
.edu__tab li.on a { font-family: 'Pretendard-SemiBold'; color: #fff; }

.edu__tit { font-family: 'Pretendard-Bold'; 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-SemiBold'; 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-Light'; 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: 126px; text-align: center; text-indent: 0; }
.edu__applyArea .num2 { width: 96px; text-align: center; text-indent: 0; }
.edu__applyArea .num3 { width: 96px; text-align: center; text-indent: 0; }
.edu__applyArea .birth { width: 165px; }
.edu__applyArea .birth6 { float: right; font-family: 'Pretendard-Regular'; font-size: 18px; letter-spacing: -0.45px; line-height: 50px; }
.edu__applyArea .dash { float: left; font-family: 'Pretendard-ExtraLight'; 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-Regular'; 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-Light'; font-size: 16px; }
.edu__schTable td:last-child { cursor: pointer; }
.edu__schTable .btn_appDel { display: inline-block; width: 53px; height: 23px; font-family: 'Pretendard-Regular'; 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-Thin'; font-weight: bold; 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-SemiBold'; 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-Bold'; font-size: 18px; letter-spacing: -0.45px; float: left; }
.edu__schInfo p { font-family: 'Pretendard-Regular'; 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-Regular'; 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-SemiBold'; 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-Regular'; font-size: 16px; letter-spacing: -0.4px; color: #757575; }
.edu__schTip { display: block; text-align: right; font-family: 'Pretendard-Regular'; font-size: 16px; letter-spacing: -0.4px; color: #ff193f; }


.edu__searchform { overflow: hidden; }

/* 비밀번호 변경 */

.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-Bold'; 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-Medium'; 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:nth-child(1) a { background: url('/images/intra_tab1.png') no-repeat; }
.intra__tab li:nth-child(1).on a { background: url('/images/intra_tab1_on.png') no-repeat; }
.intra__tab li:nth-child(2) a { background: url('/images/intra_tab2.png') no-repeat; }
.intra__tab li:nth-child(2).on a { background: url('/images/intra_tab2_on.png') no-repeat; }
.intra__tab li:nth-child(3) a { background: url('/images/intra_tab3.png') no-repeat; }
.intra__tab li:nth-child(3).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-Bold'; 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-Light'; 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-Light'; 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-Light'; 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-Regular'; 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-Medium'; 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-Regular'; 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-SemiBold'; 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 56px 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; overflow-y: scroll; width: 528px; height: 170px; border-left: 1px solid rgba(72,72,72,.2); border-right: 1px solid rgba(72,72,72,.2); border-bottom: 1px solid rgba(72,72,72,.2); box-sizing: border-box; }
.table__dateDetail::-webkit-scrollbar { width: 6px; }
.table__dateDetail::-webkit-scrollbar-thumb { background: #4c4c4c; }
.table__dateDetail::-webkit-scrollbar-track { background: #ececec; }
.modal__dateDetail p { margin-bottom: 17px; font-family: 'Pretendard-Bold'; font-size: 24px; letter-spacing: -0.72px; }
.table__dateDetail tr { height: 48px; }
.table__dateDetail tr:first-child td { border-top: none; }
.table__dateDetail tr td:first-child { border-left: transparent; }
.table__DetailHeader { width: 528px; }
.table__DetailHeader th { font-family: 'Pretendard-Regular'; font-size: 15px; letter-spacing: -0.38px; vertical-align: middle; border: 1px solid rgba(72,72,72,.2); background: #f5f7f9; text-align: center; }
.table__dateDetail td { font-family: 'Pretendard-Light'; font-size: 15px; letter-spacing: -0.15px; vertical-align: middle; border: 1px solid rgba(72,72,72,.2); text-align: center; }
.table__dateDetail { margin-bottom: 22px; }
.table__dateDetail td:last-child { padding: 0 14px; border-right-color: transparent; }
.table__dateDetail td:last-child p { margin-bottom: 0; font-family: 'Pretendard-Light'; font-size: 15px; letter-spacing: -0.15px; width: 155px; overflow: hidden; white-space: nowrap; -ms-text-overflow: ellipsis; text-overflow: ellipsis;}
.modal__dateDetail .dateDetail__btnArea{position: initial;}
.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-SemiBold'; 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: 532px; padding: 53px 58px 50px; box-sizing: border-box;}
.modal__regist .regist__title{font-family: 'Pretendard-Bold'; 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{line-height: 102px;}

.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-Light'; 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-Light'; 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-Bold'; 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-Regular'; 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-Light'; 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-Regular'; 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: 1px solid rgba(72,72,72,.2);}
.calendar .week{font-family: 'Pretendard-Regular'; font-size: 15px; letter-spacing: -0.3px; text-align: center; vertical-align: middle; border: none; border-top: 1px solid rgba(72,72,72,.2); border-bottom: 1px solid rgba(72,72,72,.2);}
.calendar tr{height: 125px;}
.calendar td{width: 147px; border: 1px 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-SemiBold'; 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-Light'; font-size: 13px;}
.calendar .calendar__name{z-index: 2; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-18%); font-family: 'Pretendard-Regular'; 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-Medium'; 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-SemiBold'; 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-Bold'; font-size: 21px; letter-spacing: -0.21px;}
.intra__vacaMng li p{float: left; color: #000; font-family: 'Pretendard-Regular'; 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: 'GmarketSansMedium'; font-size: 16px;}
.intra__vacaMng li span strong{text-align: right; font-size: 30px; margin-right: 5px; font-family: 'GmarketSansBold'; font-weight: normal;}
.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-Regular'; font-size: 16px; letter-spacing: -0.4px; border: 1px 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-Light'; font-size: 16px; border: 1px 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;}

.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-SemiBold'; 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-Light'; 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-Medium'; 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-Light'; 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; }

#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; }

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
    /*다운로드 리스트 탭 width*/
    .download__tab td{width: 25%;}
    
    }