/* header */
.web-title {font-size:1.8rem; font-family: 'Noto Sans KR', sans-serif;}
.top-login-btn {background: #eeeeee;padding:0.8rem 0;display: none;}
.top-login-btn .right {text-align:right;}
.top-login-btn .left {float: left; color: #fff; font-weight: 700;}
.top-login-btn .right a {color: #666;padding-left:0.8rem;font-weight: 400;}
.top-login-btn .right span {color:#fff;}
.top-logo {letter-spacing:-2px; position:absolute; padding-top:15px; z-index:99999;}
.m-menu:after {display:block; content:''; clear:both;}
.mobile-top-title {font-size:1.8rem;font-family: 'Noto Sans KR', sans-serif;float: inherit;letter-spacing: -2px;text-align: center;margin: 0 auto;position: relative;}
.mobile-top-title .Mlogo {
    text-align: center;
    display: inline-block;
    margin: 0 auto;
}
.m-menu {position:relative;padding:10px;text-align: center;}
.menu-icon {float: inherit;font-size:0;padding:12px;position: absolute;left: 0;top: 14px;}
.menu-icon-img {width:24px; height:24px;}
.mobile-red-line {/* width:100%; *//* padding:10px; *//* background:#ea5432; */}
.logo-size {width:180px;}

/* top-menu */
#gnb_area {height:80px; background:#fff; border-bottom:1px solid #000;}
.gnbDiv {height:80px;}
.gnbDiv .gnbWrap .gnb {height:80px;}
.gnbDiv .gnbWrap .gnb ul {padding-left:87px;margin-left:80px;}
.gnbDiv .gnbWrap .gnb ul li {width:14%;}
.gnbDiv .gnbWrap .gnb ul li a.oneDep {height:80px; line-height:80px; color:#000;}
.gnbDiv .gnbWrap .gnb ul li.on a.oneDep {color:#ea5432;}
.gnbDiv .gnbWrap li.on .twoDep a.off:hover {color:#ad8a55;}

/* customer-center */
.customer-center {background:#f6f6f6;}
.customer-center-img {padding-right:10px;}
.customer-box a {display:block; padding:40px 0; color:#444;}
.customer-box li {float:left; width:32%; margin-left:2%; color:#002c74; font-size:24px; letter-spacing:-2px; background:#fff;}
.customer-box li:first-child {margin-left:0;}
.customer-title {padding-top:10px; font-weight:bold;}
.customer-box2 {margin-top:2%;}
.customer-box2 li {float:left; width:49%; margin-left:2%; text-align:left; background:#004b97; padding:40px; color:#fff;}
.customer-box2 li:first-child {margin-left:0; background:#444;}
.customer-box2 li a {color:#fff;}
.customer2-title {font-size:24px;}
.customer2-text1 {font-size:20px; font-weight:300;}
.customer2-text2 {font-size:16px; letter-spacing:0px; font-weight:300;}
.customer-bank {font-size:34px; color:#fff; padding:13.5px 0; letter-spacing:-2px;}
.customer-number {font-size:40px; color:#fff; letter-spacing:0;}

/* footer */
.foot-bottom {padding:40px 0; background:#333;}
.foot-info > li {float:left; font-size:15px;}
.foot-info > li:first-child {font-family: 'Noto Sans KR', sans-serif; font-size:2rem; font-weight:bold;}
.foot-info > li:first-child a {color:#888;}
.company {padding-top:5px; padding-left:40px;}
.company li {line-height:2;}
.company a {color:#888;}
.company a.privit {color:#fff;}
.copyright {padding-left:20px;}

/* sub */
.sub_bg {height:250px;background:url('/files/images/sub-bg.jpg')no-repeat center; padding:90px 0;}
.bg_3 { background:url('/files/images/new/sub_bg-bg_3.jpg')no-repeat center; padding:0;}
.bg_5 { background:url('/files/images/new/sub_bg-bg_5.jpg')no-repeat center; padding:0;}
.bg_21 { background:url('/files/images/new/sub_bg-bg_21.jpg')no-repeat center; padding:0;}
.bg_183 { background:url('/files/images/new/sub_bg-bg_183.jpg')no-repeat center; padding:0;}
.bg_68 { background:url('/files/images/new/sub_bg-bg_68.jpg')no-repeat center; padding:0;}
.bg_53 { background:url('/files/images/new/sub_bg-bg_53.jpg')no-repeat center; padding:0;}
.bg_90 { background:url('/files/images/new/sub_bg-bg_91.jpg')no-repeat center; padding:0;}
.bg_1 { background:url('/files/images/new/sub_bg-bg_1.jpg')no-repeat center; padding:0;}
.bg_2 { background:url('/files/images/new/sub_bg-bg_2.jpg')no-repeat center; padding:0;}
.bg_34 { background:url('/files/images/new/sub_bg-bg_34.jpg')no-repeat center; padding:0;}
.bg_76 { background:url('/files/images/new/sub_bg-bg_0711.jpg')no-repeat center; padding:0;}
.bg_194{background:url('/files/images/new/sub_bg-bg_194.jpg')no-repeat center; padding:0;}

.subjectq {font-size:36px; text-align:center; border-bottom:1px solid #ddd; padding-bottom:20px; margin-bottom:40px; font-family: 'Noto Sans KR', sans-serif; font-weight:bold;}
.subjectq_pack {font-size:36px; text-align:center; border-bottom:1px solid #ddd; padding-bottom:20px; margin-bottom:40px; font-family: 'Noto Sans KR', sans-serif; font-weight:bold;}
.subjectq2 {font-size:36px; text-align:center; padding-bottom:20px; font-family: 'Noto Sans KR', sans-serif; font-weight:bold;}
.text1{font-size:16px; text-align:center; color:#333; border-bottom:1px solid #ddd; padding-bottom:40px; display:block; margin-bottom:40px;}
.sub-company li {float:left; width:38%;}
.sub-company li:last-child {width:62%; padding:70px 40px;}
.sub-company-img {width:100%; height:530px; overflow:hidden;}
.sub-company-text {font-size:16px; line-height:35px; letter-spacing:-1px;}
.sub-company-line {width:70%; height:5px; background:#154485; margin:50px 0; position:relative; left:-140px; z-index:99;}
.sct-title {font-size:24px; font-weight:bold; line-height:40px; color:#000;}
.sct-sub-title {font-size:18px; color:#444; letter-spacing:-1px;}
.sub_bg .sub_img {display:block; font-size:2.5rem; font-family: 'Noto Sans KR', sans-serif; font-weight:bold; color:#444; text-align:center; letter-spacing:-2px;}
.bg_3 .sub_img,
.bg_5 .sub_img,
.bg_21 .sub_img,
.bg_68 .sub_img,
.bg_53 .sub_img,
.bg_90 .sub_img,
.bg_1 .sub_img,
.bg_34 .sub_img,
.bg_2 .sub_img, .bg_76 .sub_img {display:none}


/* sub-navi */
.sub-navi {border-bottom:1px solid #ddd;}
.sub-body {padding:80px 0;}
.sub-body2 {padding:80px 0 0;}
.subshow {position:relative;}
.sn-ui li.subshow {border-left:0;}
.sn-ui li {float:left; width:22%; border-right:1px solid #ddd;}
.sn-ui li a {padding:15px; display:block; font-size:16px; height:60px; line-height:30px; color:#444;}
.sn-ui li:first-child {border-left:1px solid #ddd; width:5.5%; background:url('/files/images/home.png')no-repeat 50%; background-size:45%;}
.smenu {position:absolute; width:100%; z-index:9; background:#fff; border:1px solid #ddd; border-top:0; left:0;}
.smenu a {border-top:1px solid #ddd; height:100%;}
.smenu .on {background:#ab8b4e; color:#fff;}
.sn-ui li.subshow {background:url('/files/images/b_bottom.png')no-repeat 90% 50%;}

/* .sn-ul li['num="3"'] {display:none;}  20221204 아래와 같이 수정 ejey */
.sn-ul li[num="3"] {display:none;} 

/* mobile-menu */
.sidenav {padding-top:50px;}
#chk_mobile {display:none;}
.sidenav .closebtn {top:0;}
.sidenav > button {height:65px;}
.m-login {margin-bottom:0;}
.dropdown-container {border-bottom:1px solid #ddd;}

/* sub company-info */
/*.company-box {padding:20px 40px 0; background:url('/files/images/comanyInfo.png')no-repeat right 90%; opacity:0.75;}*/
.company-box {background:url('/files/images/saju-company.png') no-repeat bottom center; border:1px solid #ddd; padding:120px 100px 190px;}
.company-box-in {}
.company-title {font-size:36px; font-family: 'Noto Sans KR', sans-serif;}
.company-info {font-size:16px; padding-top:30px; line-height:1.8; color:#666;}
.company-info-point {font-size:20px; color:#9c7a3f; font-weight:bold;}
.company-title-enter {display:none;}

/* sub saju-intro */
.saju-intro-box {padding:30px 0 60px; border-bottom:1px solid #ddd; background:url('/files/images/sajubook.png') no-repeat right 90%;}
.saju-intro-box2 {padding:60px 0; border-bottom:1px solid #ddd;}
.saju-intro li {float:left; width:76%; letter-spacing:-1px;}
.saju-intro li:first-child {width:24%;}
.saju-intro-title {font-size:24px; padding-bottom:20px; color:#333;}
.saju-intro-sub-title {font-size:16px; color:#666;}
.saju-intro-text {font-size:16px; color:#666; line-height:1.8;}
.saju-intro-text1 {padding-top:40px;}
.saju-intro .deep-blue-font {}



.bx-wrapper .bx-pager.bx-default-pager a, .bx-wrapper .bx-pager.bx-default-pager a:hover {background: #d6ae7b; width: 30px; height: 20px; border-radius: 10px;}
.bx-wrapper .bx-pager.bx-default-pager a.active {width: 80px; background: #6e7776;}
.bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto {bottom: -40px;}

@media (max-width: 769px) {
.sub_bg {background-size:cover !important}
.bg_3 { background:url('/files/images/new/sub_bg-bg_3_m.jpg')no-repeat center;}
.bg_5 { background:url('/files/images/new/sub_bg-bg_5_m.jpg')no-repeat center;}
.bg_21 { background:url('/files/images/new/sub_bg-bg_21_m.jpg')no-repeat center;}
.bg_68 { background:url('/files/images/new/sub_bg-bg_68_m.jpg')no-repeat center;}
.bg_53 { background:url('/files/images/new/sub_bg-bg_53_m.jpg')no-repeat center;}
.bg_90 { background:url('/files/images/new/sub_bg-bg_90_m.jpg')no-repeat center;}
.bg_1 { background:url('/files/images/new/sub_bg-bg_1_m.jpg')no-repeat center;}
.bg_2 { background:url('/files/images/new/sub_bg-bg_2_m.jpg')no-repeat center;}
.bg_34 { background:url('/files/images/new/sub_bg-bg_34_m.jpg')no-repeat center;}
.bg_76 { background:url('/files/images/new/sub_bg-bg_0711_m.jpg')no-repeat center;}
.sub-body.st2 {padding:30px 0;width:100%}
}


.eventtxt {width: 100px; height: 35px; line-height: 35px; position: relative; top: -18px; left: 20px; color: #fff; font-size: 15px; font-weight: 500; text-align: center;}
.eventtxt.evt1 {background:red;}
.eventtxt.evt2 {background:green;}
.eventtxt.evt3 {background:blue;}
.eventtxt.evt4 {background:black;}

@media (max-width: 480px) {
.subjectq_pack {font-size:26px; text-align:center;   letter-spacing:-2px; border-bottom:1px solid #ddd; padding-bottom:20px; margin-bottom:-31px; font-family: 'Noto Sans KR', sans-serif; font-weight:bold;}
}