@charset "utf-8"; /*헤더,푸터,서브틀에관한 css*/ #mainWrap .layout, .wp1400{width: 1398px;height: auto; margin: 0 auto;} #subWrap .layout{width: 1398px;height: auto; margin: 0 auto;} #subWrap .wp1400{width: 1398px;min-width: 1450px;} /* ----- header ----- */ #skip a{position:absolute;top:0px;left:-9999px; z-index:99999;} #skip a:focus,#skip a:active{left:0px;width:100%;text-align:center;padding:5px 0;background:#000;color:#fff;font-weight:bold;} #header{width: 100%;background: #fff;transition-duration: 0.4s;} #header:before {display: block;width: 100%;height: 100%;position: fixed;top: 0;left: 0;opacity: 0;visibility: hidden;content: '';z-index: 99;} #header.on:before{opacity: 1;visibility: visible;} /* 상단링크 */ #header .headerT{width: 100%;height: 52px; padding: 10px 0px; box-sizing: border-box; line-height: 31px;border-bottom: 1px solid #d9d9d9;position: relative;z-index: 100;background: #fff;} #header .headerT li{float: left;} #header .headerT .headerSite{float: left; border-left: 1px solid #e5e5e5;} #header .headerT .headerSite li{min-width: 120px; border-right: 1px solid #e5e5e5;text-align: center; box-sizing: border-box;} #header .headerT .headerSite li a {display: block;padding: 0 12px;opacity: .8;transition-duration: 0.2s;line-height: 32px;} #header .headerT .headerSite li a:hover {opacity: 1;} #header .headerT .headerSite li img{vertical-align: middle;} #header .headerT .headerT_wrap{width: 1398px; margin: 0 auto; padding-right: 15px; box-sizing: border-box;} #header .headerT .headerT_wrap ul{float: right;} #header .headerT .headerUser {font-size: 13px; color: #333333;} #header .headerT .headerUser > li {margin-right: 15px;} #header .headerT .headerUser > li:last-child {margin-right: 0px;} #header .headerT .headerUser .userName {margin-right: 20px;} #header .headerT .headerUser b {color:#64b6eb;} #header .headerT .headerUser .userJob {height: 19px; margin-right: 5px; padding: 0 4.5px; border: 1px solid #89d4f3; border-radius: 3px; font-size: 12px; line-height: 19px; color: #89d4f3;} #header .headerT .headerUser .userName b, #header .headerT .headerUser .userTime b, #header .headerT .headerUser .userIp b {margin-right: 5px; } #header .headerT .headerUser .userName span, #header .headerT .headerUser .userTime span, #header .headerT .headerUser .userIp span {margin-right: 7px; } #header .headerT .headerUser .userName::before {content: '';width: 12px;height: 13px;display: inline-block;background: url(../img/common/headerAdmin.png) left top no-repeat;vertical-align: -2px;margin-right: 2px;} #header .headerT .headerUser .userName::before {background-position: -12px top;} #header .headerT .headerUser .userTime::before, #header .headerT .headerUser .userIp::before {content: '';width: 12px;height: 13px;display: inline-block;background: url(../img/common/headerUser.png) left top no-repeat;vertical-align: -2px;margin-right: 2px;} #header .headerT .headerUser .userIp::before {background-position: -12px top;} /* #header .headerT .headerUser {border-left: 1px solid #e5e5e5; float: right;}*/ #header .headerT .headerUser li.headerLog{box-sizing: border-box;height: 100%;transition-duration: 0.2s;} #header .headerT .headerUser li.headerLog a {display: block; padding: 0px 19px; font-weight: 500; color: #64b6eb; text-align: center; box-sizing: border-box; text-decoration: underline;} #header .headerT .headerUser li.headerLog a:before{content: '';height: 22px;display: inline-block; vertical-align: middle;margin-right: 5px; box-sizing: border-box; } #header .headerT .headerUser li.headerLog:nth-child(1) a:before{background-position: left top;} #header .headerT .headerUser li.headerLog:nth-child(2) a:before{background-position: -21px top;} #header .headerT .headerUser li.headerLog span{font-weight: 500} #header .headerT .headerUser li.headerLog small{font-size: 12px;} #header .headerT .headerUser li.headerLog:nth-child(1){border-top: 2px solid #ffd344;} #header .headerT .headerUser li.headerLog:nth-child(1):hover{background: rgba(255,211,68,.05)} #header .headerT .headerUser li.headerLog:nth-child(2){border-top: 2px solid #20a5db;} #header .headerT .headerUser li.headerLog:nth-child(2):hover{background: rgba(32,165,129,.05)} /* 대메뉴 */ #header .header{width: 100%;position: relative;border-bottom: 1px solid #e1e1e1;height: 80px;position: relative;z-index: 100;background-color: #fafafa;text-align: center;} #header .header .logo{float: left;margin: 25px 0 0; } #header #nav{display: inline-block;} #header #nav.admin {} #header #nav.admin > ul > li > a {padding: 0 27.5px; } #header #nav > ul > li{float: left;line-height: 81px;} #header #nav > ul > li > a{padding: 0 22px;display: block;font-size: 16px;font-weight: 500;letter-spacing: -0.9px;position: relative;color: #333;} #header #nav > ul > li > a.point{padding: 0 24px;display: block;font-size: 16px;font-weight: 500;letter-spacing: -0.9px;position: relative;color: #fff; background: url("../img/common/nav_point_bg.png") no-repeat left top;} #header #nav .gnb_wrap{position: absolute;z-index: 101;width: 100%;top: 81px;left: 0;background: #f3f4f7;border-bottom: 3px solid #1b7aea;display: none;padding: 30px 0 6px;box-sizing: border-box;overflow: hidden;} #header #nav .slim .gnb_wrap {min-height: 185px;text-align: left;} #header #nav .gnb_wrap::before {content: "";position: absolute;top: 0;left: 0;z-index: -1; width: calc( (100% - 1400px) / 2 + 320px);height: 100%;background: #fff url(../img/common/bg_gnb.png) top right 265px no-repeat;} #header #nav .gnb_title {width: 300px;float: left;text-align: left;} #header #nav .gnb_title::after {content: ""; position: absolute;bottom: 35px;} #header #nav .n1 .gnb_title::after { width: 102px; height: 96px; background: url(../img/common/ico_gnb1.png)} #header #nav .n2 .gnb_title::after {width: 124px; height: 102px; background: url(../img/common/ico_gnb2.png)} #header #nav .gnb_title > p {font-size: 30px; font-weight: 600; line-height: 1; letter-spacing: -0.05em; color: #1f436d;} #header #nav .gnb_title > span {display: block; position: relative; padding-top: 20px;top: 15px; font-size: 15px; line-height: 22px; font-weight: 300; color: #848282;} #header #nav .gnb_title > span::before {content: ""; position: absolute; top: 3px; width: 30px; height: 2px; background: #c6ced1;} #header #nav > ul > li > a:before{content: "";position: absolute;left: 50%;bottom: 0px;width: 0px;height: 3px;margin-left: -10px;background: #145b9d; opacity: 0; transition: 0.3s;} #header #nav > ul > li > a.on:before{width: 100%;margin-left: -50%;opacity: 1;} #header #nav .n7.slim .gnb_wrap {padding:30px 0 20px} #header #nav .gnb_wrap .mainMd_tle{float: left;margin-left: 53px;} #header #nav .gnb_wrap .mainMd_tle p{font-size: 28px;font-weight: 600;line-height: 30px;margin-bottom: 23px;} #header #nav .gnb_wrap .mainMd_tle span{line-height: 18px;display: block;color: #7e7e7e;} /*전체메뉴*/ #header .allMenu{width: 43px;height: 43px;float: left;margin-top: 26px;padding-top: 7px;box-sizing: border-box;} #header .allMenu > div{width: 14px;height: 2px;background: #25272f;margin: 3px auto;border-radius: 30px;transition-duration: 0.4s;} #header .allMenu > div:nth-of-type(2){width: 14px;} #header .allMenu:hover > div:nth-of-type(1){transform: translateY(5px);} #header .allMenu:hover > div:nth-of-type(2){opacity: 0} #header .allMenu:hover > div:nth-of-type(3){transform: translateY(-5px) rotate( 90deg );} #header .allMnavW{width: 100%;height: 100%;background: #fff;position: fixed;z-index: 101;left: 0;top: 0;display: none;box-sizing: border-box;padding: 50px 20px 40px;} #header .allMnavW:before{content: '';width: 435px;height: 435px;display: block;position: absolute;right: 50%;margin-right: -900px;bottom: 50%;margin-bottom: -460px;background: url(../img/common/navBg.png) no-repeat center;} #header .allMnav{position: relative;width: 100%;max-width: 1400px;max-height: 100%;box-sizing: border-box;margin: 0 auto;height: calc(100% - 10px);} #header .allMnav .allMenu_close{width: 32px;height: 32px;background: url(../img/common/allM_c.png) no-repeat center;position: absolute;right: 9px;top: 8px;transition-duration: 0.4s;} #header .allMnav .allMenu_close:hover{transform: rotate(180deg)} #header .allMnav .allMtle{font-size: 28px;font-weight: 800;text-align: center;font-family: 'Nanum Gothic';} #header .allMnav .allM_Sc{height: calc(100% - 80px);margin-top: 30px;} #header .allMnav .allM_mnW{position: relative;height: auto;overflow: hidden;} #header .allMnav ul > li.allM_mn{float: left;width: calc((100% - 50px) / 5);height: auto;overflow: hidden;box-sizing: border-box;word-break: keep-all;margin: 5px 5px;text-align: left;} #header .allMnav ul > li.allM_mn > a{font-weight: 500;display: block;text-align: center;font-size: 16px;background: #438af7;color: #fff;height: 38px;line-height: 38px;transition: .3s;border-radius: 3px;margin-bottom: 7px;position: relative;} #header .allMnav ul > li.allM_mn ul{padding: 0px 5px 15px 5px;} #header .allMnav ul > li.allM_mn li{line-height: 33px;font-size: 15px;font-weight: 500;} #header .allMnav ul > li.allM_mn li > a{color: #000;} #header .allMnav ul > li.allM_mn li a:hover{color: #438af7;font-weight: 500} #header .allMnav ul > li.allM_mn.on > a{background-color: #0064db;} #header .allMnav ul > li.allM_mn li ul{padding: 5px 5px 13px;border-radius: 3px;} #header .allMnav ul > li.allM_mn li ul li{font-size: 13px;margin: 0;font-weight: 300;position: relative;padding: 0 0 0 16px;line-height: 16px;margin-bottom: 5px;border-bottom: none;} #header .allMnav ul > li.allM_mn li ul li a{color: #606060;} #header .allMnav ul > li.allM_mn li ul li:last-child{margin-bottom:0;} #header .allMnav ul > li.allM_mn li ul li:before{content: '';display: inline-block;width: 4px;height: 1px;background: #999;margin: 0 5px;position: absolute;left: 0;top: 8px;} /*서브레이아웃*/ #subWrap #header .header .layout{width: 1398px; margin: 0 auto;} #subWrap #header .header .layout .logo{ width: 243px;} /*#subWrap #header.fix{position: fixed;z-index: 1000;top: -33px;} 스크롤시 되돌아가는 현상 발생. 2024.06.17. */ #subWrap #header.fix{position: sticky;z-index: 1000;top: -52px;} #subWrap #header.fix + #sub #lnb{ top: 59px; height: calc(100% - 59px); } #header #nav .gnb_wrap .layout{width: 1400px;} #subWrap #sub{height: auto;overflow: hidden;position: relative;width: 100%;} #sub #container .subCont{min-height: 880px;padding: 0px 0px 60px;width: 100%;box-sizing: border-box;transition: padding 0.4s;} #sub #container {overflow: hidden;transition-duration: 0.4s; width: 1398px; margin: 0 auto;} #sub #container .subCont.wpFix{width: 1340px;margin: 0 auto;} #sub #container .subCont .subTleBox{width: 100%;height: auto;overflow: hidden;} #sub #container .subCont .subTleBox h3.tle{font-family: 'Nanum Gothic';font-size: 24px;font-weight: 800;letter-spacing: -1.2px;height: 43px;margin-bottom: 10px;float: left;} #sub #container .subNav div > h3.subNavtle{font-family: 'Nanum Gothic';font-size: 24px;font-weight: 800;letter-spacing: -1.2px;height: 43px;margin-bottom: 10px;float: left; position: absolute; } #sub #container .subCont .subTleBox .subTle_i{display: inline-block;position: relative;color: #7d7d7d;font-size: 13px;padding-left: 20px;letter-spacing: -0.975px;font-weight: 400;margin: 8px 0 0 10px;} #sub #container .subCont .subTleBox .subTle_i:before{content: '';width: 16px;height: 16px;display: block;position: absolute;background: url(../img/sub/subTlei.png) no-repeat center;left: 0;top: 4px;} #container .subNav{width: 100%;height: 58px; padding: 30px 0px 10px 0px; box-sizing: border-box; margin: 0px 0px 70px 0px;} #container .subNav .lnbBtn{width: 38px;height: 39px;border: none;border-right: 1px solid #e1e1e1;box-sizing: border-box;float: left;background: none;position: relative;padding: 0 12px;} #container .subNav .lnbBtn > span{display: block;height: 2px;background: #333;margin: 2px 0;border-radius: 30px;transition-duration: 0.4s;left: 13px;right: 13px;position: absolute;top: 1px;} #container .subNav .lnbBtn > span:nth-of-type(1){top: 13px;} #container .subNav .lnbBtn > span:nth-of-type(2){top: 17px;right: 16px;} #container .subNav .lnbBtn > span:nth-of-type(3){top: 21px;} #container .subNav .lnbBtn > i{color: #334dff;font-size: 14px;position: absolute;top: 50%;transform: translateY(-50%);right: 8px;transition-duration: 0.4s;} #container .subNav .lnbBtn:hover > span{right: 24px;opacity: 0;} #container .subNav .lnbBtn:hover > i{right: 15px;font-size: 22px;} #container .subNav > ul{float: right; margin-top: 20px; box-sizing: border-box;} #container .subNav > div.subNavtitle{float: left; padding: 15px 0px 0px 0px; box-sizing: border-box;} #container .subNav > ul > li{line-height: 38px;float: left;position: relative; font-size: 13px;} #container .subNav > ul > li.home{line-height: 38px;float: left;position: relative; background: url(../img/common/subNav.png) no-repeat right 11px center;font-size: 13px;} #container .subNav > ul > li.arrow{line-height: 38px;float: left;position: relative; background: url(../img/common/subNav.png) no-repeat right 11px center;font-size: 13px;} #container .subNav > ul > li.end{line-height: 38px;float: left;position: relative; font-size: 13px;} #container .subNav > ul > li:hover ul{display: block;white-space: nowrap;} #container .subNav ul > li a{display: block;padding: 0 35px 0 11px;color: #333;font-weight: 400;} #container .subNav > ul li ul{position: absolute;left: -1px;top: 38px;background: #f7f7f7;width: auto;border: 1px solid #e1e1e1;z-index: 3;display: none;min-width: 100%;} #container .subNav > ul li ul li{border-bottom: 1px dashed #d3d3d3;} #container .subNav > ul li ul li:last-child{border-bottom:none;} #container .subNav > ul li ul li a{line-height: 19px;padding: 7px 11px;color: #515151;font-weight: 300;} #container .subNav > ul li ul li a:hover{color: #000;font-weight: 400;background: #ebebeb;} /*lnb*/ #sub #lnb{width: 285px;position: fixed;height: calc(100% - 92px);left: 0;top: 92px;transition: left 0.4s;border-right: 1px solid #dedede;box-sizing: border-box;word-break: keep-all;z-index: 95;} #sub #lnb .lnbTle{height: 59px;width: 100%;line-height: 59px;background: #438af7;color: #fff;text-align: center;} #sub #lnb .lnbTle h2{font-size: 17px;font-weight: 500;letter-spacing: -0.85px;} #sub #lnb .lnbTle h2 > span.date {display:block;font-weight: normal;font-size: 13px;margin: 3px 0 0 0;letter-spacing: normal;color: rgb(255 255 255 / 90%);} #sub #lnb .lnbNav > li > a{padding: 14px 35px 14px 20px;display: block;border-bottom: 1px solid #bbbfcd;line-height: 16px;color: #333;font-size: 15px;font-weight: 500;position: relative;} #sub #lnb .lnbNav > li.liPlus > a:after{content: '';width: 8px;height: 6px;display: block;position: absolute;background: url(../img/common/lnbNav.png) no-repeat left center;right: 13px;top: 50%;margin-top: -3px;} #sub #lnb .lnbNav > li.on > a, #sub #lnb .lnbNav > li > a:hover{color: #438af7;font-weight: 600;} #sub #lnb .lnbNav > li.on > a:after, #sub #lnb .lnbNav > li> a:hover:after{background-position: right center;} #sub #lnb .lnbNav > li ul{background: #fafbfe;border-bottom: 1px solid #bbbfcd;display: none;} #sub #lnb .lnbNav > li ul li{position: relative;} #sub #lnb .lnbNav > li ul li a{font-size: 13px;color: #333;font-weight: 400;line-height: 15px;display: block;padding: 8px 28px 8px 26px;border-bottom: 1px solid #e5e7ee;position: relative;letter-spacing: -0.78px;} #sub #lnb .lnbNav > li ul li:last-child a{border-bottom:none;} #sub #lnb .lnbNav > li ul li a:before{content: '';width: 3px;height: 3px;background: #b9b9b9;position: absolute;left: 19px;top: 14px;} #sub #lnb .lnbNav > li ul li.on a{color: #000;font-weight: 600;text-decoration: underline;text-underline-position: under;background: #e2f5fd} #sub #lnb .lnbNav > li ul li.on a:before{background: #000;} #sub #lnb .lnbNav > li ul li:hover{background:#e2f5fd} #sub #lnb .lnbNav > li ul li a.helpI{width: 14px;height: 14px;padding: 0;background: url(../img/common/lnbI.png) no-repeat left center;position: absolute;right: 10px;top: 50%;margin-top: -7px;z-index: 3;border-bottom: none} #sub #lnb .lnbNav > li ul li.on a.helpI,#sub #lnb .lnbNav > li ul li a.helpI:hover{background-position: right center;} #sub #lnb .lnbNav > li ul li a.helpI:before{display:none;} #sub #lnb .lnbNav > li ul li a .helpB{width: 300px;white-space: inherit;} /*검증*/ #sub.ano #lnb{width: 370px;} #sub.ano #lnb .lnbTle{background: #004494;position: absolute;z-index: 97;top: 0;height: 67px;} #sub.ano #lnb .lnbTle h2{line-height: 1.2;padding: 14px 0 0 0;} #sub.ano #lnb .lnbAnoNav{/*overflow-y: auto;*/height: calc(100% - 59px);margin-top: 67px;} #sub.ano #lnb .lnbAnoNav .mCustomScrollBox{overflow: visible;} #sub.ano #lnb .lnbAnoNav .mCSB_inside > .mCSB_container{overflow: visible;} #sub.ano #lnb .lnbAnoNav .mCSB_inside > .mCSB_container{margin-right: 0px;} #sub.ano #lnb .lnbAnoNav .mCSB_scrollTools{width: 4px;} #sub.ano #lnb .lnbAnoNav li{width: 100%;height: auto;position: relative;} #sub.ano #lnb .lnbAnoNav li:after{content:'';display:block;clear:both;} #sub.ano #lnb .lnbAnoNav li.lnbAnoN_h{line-height: 33px;border-bottom: 1px solid #7a7d96;color: #111;font-weight: 500;} #sub.ano #lnb .lnbAnoNav .lnbAnoN_c{float: left;text-align: center;box-sizing: border-box;} #sub.ano #lnb .lnbAnoNav .lnbAnoN_c1{width: calc(100% - 74px);border-right: 1px solid #e5e7ee;} #sub.ano #lnb .lnbAnoNav .lnbAnoN_c2{width:38px;border-right: 1px solid #e5e7ee;} #sub.ano #lnb .lnbAnoNav .lnbAnoN_c3{width: 36px;} #sub.ano #lnb .lnbAnoNav li.lnbAnoN_h .lnbAnoN_c1{font-size: 13px;letter-spacing: 5.2px} #sub.ano #lnb .lnbAnoNav li.lnbAnoN_h .lnbAnoN_c2{font-size: 12px;letter-spacing: -0.12px;line-height: 13px;padding:3.5px 0} #sub.ano #lnb .lnbAnoNav li.lnbAnoN_h .lnbAnoN_c3{font-size: 12px;} #sub.ano #lnb .lnbAnoNav .lnbAnoN_l .lnbAnoN_c{display: table-cell;float: none;height: 31px;vertical-align: middle;} #sub.ano #lnb .lnbAnoNav .lnbAnoN_l .lnbAnoN_c1{text-align:left;padding: 5px 7px 5px 43px;box-sizing: border-box;line-height: 18px;position: relative;word-break: break-all;} #sub.ano #lnb .lnbAnoNav .lnbAnoN_l .lnbAnoN_c1 b{position: absolute;left: 18px;top: 6px;} #sub.ano #lnb .lnbAnoNav .lnbAnoN_l .lnbAnoN_c2{color: #e83330;font-size: 13px;font-weight: 800;} #sub.ano #lnb .lnbAnoNav .lnbAnoN_l > a{color: #111;font-weight: 600;display: block;padding: 11px;line-height: 17px;border-bottom: 1px solid #bbbfcd;} #sub.ano #lnb .lnbAnoNav .lnbAnoN_l.on > a, #sub.ano #lnb .lnbAnoNav .lnbAnoN_l > a:hover{background: #25a8de;color: #fff;font-weight: 500;} #sub.ano #lnb .lnbAnoNav .lnbAnoN_l ul li a{display: table;border-bottom: 1px solid #bbbfcd;width: 100%;height: auto;font-size: 13px;letter-spacing: -0.65px;} #sub.ano #lnb .lnbAnoNav .lnbAnoN_l ul li a:after{content:'';display:block;clear:both;} #sub.ano #lnb .lnbAnoNav .lnbAnoN_l ul li.on a, #sub.ano #lnb .lnbAnoNav .lnbAnoN_l ul li:hover a{background: #e2f5fd} #sub.ano #lnb .lnbAnoNav .lnbAnoN_l ul li.on .lnbAnoN_c1{font-weight: 600} #sub.ano #lnb .lnbAnoNav .lnbAnoN_l ul li a.helpI{width: 14px;height: 14px;padding: 0;background: url(../img/common/lnbI.png) no-repeat right center;position: absolute;z-index: 3;top: 50%;margin-top: -7px;right: 11px;border-bottom: none;} #sub.ano #container{} /*lnb접힘*/ #sub.fold #lnb{left: -285px} #sub.fold #container{padding-left: 0} #sub.ano.fold #lnb{left: -370px} #sub.fold #container .subNav .lnbBtn{background: #438af7;} #sub.fold #container .subNav .lnbBtn > span{background: #fff} #sub.fold #container .subNav .lnbBtn > span:nth-of-type(2){right: 13px;left: 16px;} #sub.fold #container .subNav .lnbBtn > i{color: #ffe400;right: 23px;font-size: 10px;} #sub.fold #container .subNav .lnbBtn > i:before{content: "\f054";} #sub.fold #container .subNav .lnbBtn:hover > span{left: 24px;right: 13px;} #sub.fold #container .subNav .lnbBtn:hover > i{right: 13px;font-size: 16px;} #sub.fold #container .subCont{padding: 45px 100px 55px !important;} /* tab */ #sub .tabStepBox {position: relative; width: 1380px; height: 137px; margin: 60px 0px 20px 0px;} #sub .tabStepBox ul.tabStep { height: 137px;box-sizing: border-box;} #sub .tabStepBox ul.tabStep li{height: 137px; float: left; display: block; box-sizing: border-box; } #sub .tabStepBox ul.tabStep li span{} #sub .tabStepBox > ul.tabStep > li > a > span.yellow{color:#f6ff00 !important;} #sub .tabStepBox > ul.tabStep > li > a > span.red{color:#ff0054 !important;} #sub .tabStepBox > ul.tabStep > li > a{display:block !important;} #sub .tabStepBox > ul.tabStep > li.tabTitle > a{display:block !important;} #sub .tabStepBox > ul.tabStep > li.tabTitle > a > span.tabTitle01{font-size: 16px; line-height: 1.4; font-weight: 400; color: #fff; display: block; padding: 0px 0px 10px 0px; margin: 0px 0px 10px 0px; box-sizing: border-box; border-bottom: 1px solid #7898e2; } #sub .tabStepBox > ul.tabStep > li.tabTitle > a > span.tabTitletxt01{font-size: 14px; font-weight: 400; color: #fff;} #sub .tabStepBox > ul.tabStep > li.tabTitle{width: 308px; height: 137px;color: #fff; padding: 20px 30px 20px 30px; box-sizing: border-box; background: url(../img/common/bg_tabtitle.png) no-repeat; position: absolute; z-index: 36; display: inline-block; float: left; } #sub .tabStepBox ul.tabStep li.tab01_01{width: 318px; height: 137px; color: #666666; padding: 20px 30px 20px 100px; box-sizing: border-box; background: url(../img/common/bg_tabmiddle_01.png) no-repeat; position: absolute; z-index: 35; display: inline-block; float: left; left:228px;} #sub .tabStepBox ul.tabStep li.tab01_02{width: 318px; height: 137px; color: #666666; padding: 20px 30px 20px 100px; box-sizing: border-box; background: url(../img/common/bg_tabmiddle_02.png) no-repeat; position: absolute; z-index: 35; display: inline-block; float: left; left:228px;} #sub .tabStepBox ul.tabStep li.tab01_03{width: 318px; height: 137px; color: #666666; padding: 20px 30px 20px 100px; box-sizing: border-box; background: url(../img/common/bg_tabmiddle_03.png) no-repeat; position: absolute; z-index: 35; display: inline-block; float: left; left:228px;} #sub .tabStepBox ul.tabStep li.tab01_04{width: 318px; height: 137px; color: #666666; padding: 20px 30px 20px 100px; box-sizing: border-box; background: url(../img/common/bg_tabmiddle_04.png) no-repeat; position: absolute; z-index: 35; display: inline-block; float: left; left:228px;} #sub .tabStepBox > ul.tabStep > li > span.tabTitle01_01{font-size: 16px; font-weight: 400; display: block; padding: 0px 0px 10px 0px; margin: 0px 10px 10px 0px; box-sizing: border-box; border-bottom: 1px solid #efefef; } #sub .tabStepBox > ul.tabStep > li > span.tabDate01_01{font-size: 14px; font-weight: 400; line-height: 8px;} #sub .tabStepBox > ul.tabStep li > span.tabResult01_01{font-size: 14px; font-weight: 400; line-height: 8px;} #sub .tabStepBox > ul.tabStep > li span.tabTitle01_02{font-size: 16px; font-weight: 400; display: block; padding: 0px 0px 10px 0px; margin: 0px 10px 10px 0px; box-sizing: border-box; border-bottom: 1px solid #bfc7d6; } #sub .tabStepBox > ul.tabStep > li span.tabDate01_02{font-size: 14px; font-weight: 400; line-height: 8px;} #sub .tabStepBox > ul.tabStep > li span.tabResult01_02{font-size: 14px; font-weight: 400; line-height: 8px;} #sub .tabStepBox > ul.tabStep > li span.tabTitle01_03{font-size: 16px; font-weight: 400; display: block; padding: 0px 0px 10px 0px; margin: 0px 10px 10px 0px; box-sizing: border-box; border-bottom: 1px solid #bfc7d6; } #sub .tabStepBox > ul.tabStep > li span.tabDate01_03{font-size: 14px; font-weight: 400; line-height: 8px;} #sub .tabStepBox > ul.tabStep > li span.tabResult01_03{font-size: 14px; font-weight: 400; line-height: 8px;} #sub .tabStepBox > ul.tabStep > li span.tabTitle01_04{font-size: 16px; font-weight: 600; color: #ffffff !important; display: block; padding: 0px 0px 10px 0px; margin: 0px 10px 10px 0px; box-sizing: border-box; border-bottom: 1px solid #bfc7d6; } #sub .tabStepBox > ul.tabStep > li span.tabDate01_04{font-size: 14px; font-weight: 400; line-height: 8px; color: #ffffff !important;} #sub .tabStepBox > ul.tabStep > li span.tabResult01_04{font-size: 14px; font-weight: 400; line-height: 8px; color: #ffffff !important;} #sub .tabStepBox > ul.tabStep > li.tab02_01{width: 318px; height: 137px; padding: 20px 30px 20px 120px; box-sizing: border-box; background: url(../img/common/bg_tabmiddle_01.png) no-repeat; position: absolute; z-index: 34; display: inline-block; float: left; left:444px;} #sub .tabStepBox > ul.tabStep > li.tab02_02{width: 318px; height: 137px; padding: 20px 30px 20px 120px; box-sizing: border-box; background: url(../img/common/bg_tabmiddle_02.png) no-repeat; position: absolute; z-index: 34; display: inline-block; float: left; left:444px;} #sub .tabStepBox > ul.tabStep > li.tab02_03{width: 318px; height: 137px; padding: 20px 30px 20px 120px; box-sizing: border-box; background: url(../img/common/bg_tabmiddle_03.png) no-repeat; position: absolute; z-index: 34; display: inline-block; float: left; left:444px;} #sub .tabStepBox > ul.tabStep > li.tab02_04{width: 318px; height: 137px; padding: 20px 30px 20px 120px; box-sizing: border-box; background: url(../img/common/bg_tabmiddle_04.png) no-repeat; position: absolute; z-index: 34; display: inline-block; float: left; left:444px;} #sub .tabStepBox > ul.tabStep > li span.tabTitle02_01{font-size: 16px; font-weight: 400; display: block; padding: 0px 0px 10px 0px; margin: 0px 10px 10px 0px; box-sizing: border-box; border-bottom: 1px solid #efefef; } #sub .tabStepBox > ul.tabStep > li span.tabDate02_01{font-size: 14px; font-weight: 400; line-height: 8px;} #sub .tabStepBox > ul.tabStep > li span.tabResult02_01{font-size: 14px; font-weight: 400; line-height: 8px;} #sub .tabStepBox > ul.tabStep > li span.tabTitle02_02{font-size: 16px; font-weight: 400; display: block; padding: 0px 0px 10px 0px; margin: 0px 10px 10px 0px; box-sizing: border-box; border-bottom: 1px solid #bfc7d6; } #sub .tabStepBox > ul.tabStep > li span.tabDate02_02{font-size: 14px; font-weight: 400; line-height: 8px;} #sub .tabStepBox > ul.tabStep > li span.tabResult02_02{font-size: 14px; font-weight: 400; line-height: 8px;} #sub .tabStepBox > ul.tabStep > li span.tabTitle02_03{font-size: 16px; font-weight: 400; display: block; padding: 0px 0px 10px 0px; margin: 0px 10px 10px 0px; box-sizing: border-box; border-bottom: 1px solid #bfc7d6; } #sub .tabStepBox > ul.tabStep > li span.tabDate02_03{font-size: 14px; font-weight: 400; line-height: 8px;} #sub .tabStepBox > ul.tabStep > li span.tabResult02_03{font-size: 14px; font-weight: 400; line-height: 8px;} #sub .tabStepBox > ul.tabStep > li span.tabTitle02_04{font-size: 16px; font-weight: 600; color: #ffffff !important; display: block; padding: 0px 0px 10px 0px; margin: 0px 10px 10px 0px; box-sizing: border-box; border-bottom: 1px solid #bfc7d6; } #sub .tabStepBox > ul.tabStep > li span.tabDate02_04{font-size: 14px; font-weight: 400; line-height: 8px; color: #ffffff !important;} #sub .tabStepBox > ul.tabStep > li span.tabResult02_04{font-size: 14px; font-weight: 400; line-height: 8px; color: #ffffff !important;} #sub .tabStepBox > ul.tabStep > li.tab03_01{width: 318px; height: 137px; padding: 20px 30px 20px 120px; box-sizing: border-box; background: url(../img/common/bg_tabmiddle_01.png) no-repeat; position: absolute; z-index: 33; display: inline-block; float: left; left:662px;} #sub .tabStepBox > ul.tabStep > li.tab03_02{width: 318px; height: 137px; padding: 20px 30px 20px 120px; box-sizing: border-box; background: url(../img/common/bg_tabmiddle_02.png) no-repeat; position: absolute; z-index: 33; display: inline-block; float: left; left:662px;} #sub .tabStepBox > ul.tabStep > li.tab03_03{width: 318px; height: 137px; padding: 20px 30px 20px 120px; box-sizing: border-box; background: url(../img/common/bg_tabmiddle_03.png) no-repeat; position: absolute; z-index: 33; display: inline-block; float: left; left:662px;} #sub .tabStepBox > ul.tabStep > li.tab03_04{width: 318px; height: 137px; padding: 20px 30px 20px 120px; box-sizing: border-box; background: url(../img/common/bg_tabmiddle_04.png) no-repeat; position: absolute; z-index: 33; display: inline-block; float: left; left:662px;} #sub .tabStepBox > ul.tabStep > li span.tabTitle03_01{font-size: 16px; font-weight: 400; display: block; padding: 0px 0px 10px 0px; margin: 0px 10px 10px 0px; box-sizing: border-box; border-bottom: 1px solid #efefef; } #sub .tabStepBox > ul.tabStep > li span.tabDate03_01{font-size: 14px; font-weight: 400; line-height: 8px;} #sub .tabStepBox ul.tabStep > li span.tabResult03_01{font-size: 14px; font-weight: 400; line-height: 8px;} #sub .tabStepBox > ul.tabStep > li span.tabTitle03_02{font-size: 16px; font-weight: 400; display: block; padding: 0px 0px 10px 0px; margin: 0px 10px 10px 0px; box-sizing: border-box; border-bottom: 1px solid #bfc7d6; } #sub .tabStepBox > ul.tabStep > li span.tabDate03_02{font-size: 14px; font-weight: 400; line-height: 8px;} #sub .tabStepBox > ul.tabStep > li span.tabResult03_02{font-size: 14px; font-weight: 400; line-height: 8px;} #sub .tabStepBox > ul.tabStep > li span.tabTitle03_03{font-size: 16px; font-weight: 400; display: block; padding: 0px 0px 10px 0px; margin: 0px 10px 10px 0px; box-sizing: border-box; border-bottom: 1px solid #bfc7d6; } #sub .tabStepBox > ul.tabStep > li span.tabDate03_03{font-size: 14px; font-weight: 400; line-height: 8px;} #sub .tabStepBox > ul.tabStep > li span.tabResult03_03{font-size: 14px; font-weight: 400; line-height: 8px;} #sub .tabStepBox > ul.tabStep > li span.tabTitle03_04{font-size: 16px; font-weight: 600; color: #ffffff !important; display: block; padding: 0px 0px 10px 0px; margin: 0px 10px 10px 0px; box-sizing: border-box; border-bottom: 1px solid #bfc7d6; } #sub .tabStepBox > ul.tabStep > li span.tabDate03_04{font-size: 14px; font-weight: 400; line-height: 8px; color: #ffffff !important;} #sub .tabStepBox > ul.tabStep > li span.tabResult03_04{font-size: 14px; font-weight: 400; line-height: 8px; color: #ffffff !important;} #sub .tabStepBox ul.tabStep li.tab04_01{width: 318px; height: 137px; color: #666666; padding: 20px 30px 20px 120px; box-sizing: border-box; background: url(../img/common/bg_tabmiddle_01.png) no-repeat; position: absolute; z-index: 32; display: inline-block; float: left; left:880px;} #sub .tabStepBox ul.tabStep li.tab04_02{width: 318px; height: 137px; color: #666666; padding: 20px 30px 20px 120px; box-sizing: border-box; background: url(../img/common/bg_tabmiddle_02.png) no-repeat; position: absolute; z-index: 32; display: inline-block; float: left; left:880px;} #sub .tabStepBox ul.tabStep li.tab04_03{width: 318px; height: 137px; color: #666666; padding: 20px 30px 20px 120px; box-sizing: border-box; background: url(../img/common/bg_tabmiddle_03.png) no-repeat; position: absolute; z-index: 32; display: inline-block; float: left; left:880px;} #sub .tabStepBox ul.tabStep li.tab04_04{width: 318px; height: 137px; color: #666666; padding: 20px 30px 20px 120px; box-sizing: border-box; background: url(../img/common/bg_tabmiddle_04.png) no-repeat; position: absolute; z-index: 32; display: inline-block; float: left; left:880px;} #sub .tabStepBox > ul.tabStep > li span.tabTitle04_01{font-size: 16px; font-weight: 400; display: block; padding: 0px 0px 10px 0px; margin: 0px 10px 10px 0px; box-sizing: border-box; border-bottom: 1px solid #efefef; } #sub .tabStepBox > ul.tabStep > li span.tabDate04_01{font-size: 14px; font-weight: 400; line-height: 8px;} #sub .tabStepBox > ul.tabStep > li span.tabResult04_01{font-size: 14px; font-weight: 400; line-height: 8px;} #sub .tabStepBox > ul.tabStep > li span.tabTitle04_02{ ont-size: 16px; font-weight: 400; display: block; padding: 0px 0px 10px 0px; margin: 0px 10px 10px 0px; box-sizing: border-box; border-bottom: 1px solid #bfc7d6; } #sub .tabStepBox > ul.tabStep > li span.tabDate04_02{font-size: 14px; font-weight: 400; line-height: 8px;} #sub .tabStepBox > ul.tabStep > li span.tabResult04_02{font-size: 14px; font-weight: 400; line-height: 8px;} #sub .tabStepBox > ul.tabStep > li span.tabTitle04_03{font-size: 16px; font-weight: 400; display: block; padding: 0px 0px 10px 0px; margin: 0px 10px 10px 0px; box-sizing: border-box; border-bottom: 1px solid #bfc7d6; } #sub .tabStepBox > ul.tabStep > li span.tabDate04_03{font-size: 14px; font-weight: 400; line-height: 8px;} #sub .tabStepBox > ul.tabStep > li span.tabResult04_03{font-size: 14px; font-weight: 400; line-height: 8px;} #sub .tabStepBox > ul.tabStep > li span.tabTitle04_04{font-size: 16px; font-weight: 600; color: #ffffff !important; display: block; padding: 0px 0px 10px 0px; margin: 0px 10px 10px 0px; box-sizing: border-box; border-bottom: 1px solid #bfc7d6; } #sub .tabStepBox > ul.tabStep > li span.tabDate04_04{font-size: 14px; font-weight: 400; line-height: 8px; color: #ffffff !important;} #sub .tabStepBox > ul.tabStep > li span.tabResult04_04{font-size: 14px; font-weight: 400; line-height: 8px; color: #ffffff !important;} #sub .tabStepBox ul.tabStep li.tab05_01{width: 318px; height: 137px; color: #666666; padding: 20px 30px 20px 140px; box-sizing: border-box; background: url(../img/common/bg_tabend_01.png) no-repeat; position: absolute; z-index: 31; display: inline-block; float: left; left:1080px;} #sub .tabStepBox ul.tabStep li.tab05_02{width: 318px; height: 137px; color: #666666; padding: 20px 30px 20px 140px; box-sizing: border-box; background: url(../img/common/bg_tabend_02.png) no-repeat; position: absolute; z-index: 31; display: inline-block; float: left; left:1080px;} #sub .tabStepBox ul.tabStep li.tab05_03{width: 318px; height: 137px; color: #666666; padding: 20px 30px 20px 140px; box-sizing: border-box; background: url(../img/common/bg_tabend_03.png) no-repeat; position: absolute; z-index: 31; display: inline-block; float: left; left:1080px;} #sub .tabStepBox ul.tabStep li.tab05_04{width: 318px; height: 137px; color: #ffffff; padding: 20px 30px 20px 140px; box-sizing: border-box; background: url(../img/common/bg_tabend_04.png) no-repeat; position: absolute; z-index: 31; display: inline-block; float: left; left:1080px;} #sub .tabStepBox > ul.tabStep > li span.tabTitle05_01{font-size: 16px; font-weight: 400; display: block; padding: 0px 0px 10px 0px; margin: 0px 10px 10px 0px; box-sizing: border-box; border-bottom: 1px solid #efefef; } #sub .tabStepBox > ul.tabStep > li span.tabDate05_01{font-size: 14px; font-weight: 400; line-height: 8px;} #sub .tabStepBox > ul.tabStep > li span.tabResult05_01{font-size: 14px; font-weight: 400; line-height: 8px;} #sub .tabStepBox > ul.tabStep > li span.tabTitle05_02{font-size: 16px; font-weight: 400; display: block; padding: 0px 0px 10px 0px; margin: 0px 10px 10px 0px; box-sizing: border-box; border-bottom: 1px solid #bfc7d6; } #sub .tabStepBox > ul.tabStep > li span.tabDate05_02{font-size: 14px; font-weight: 400; line-height: 8px;} #sub .tabStepBox > ul.tabStep > li span.tabResult05_02{font-size: 14px; font-weight: 400; line-height: 8px;} #sub .tabStepBox > ul.tabStep > li span.tabTitle05_03{font-size: 16px; font-weight: 400; display: block; padding: 0px 0px 10px 0px; margin: 0px 10px 10px 0px; box-sizing: border-box; border-bottom: 1px solid #bfc7d6; } #sub .tabStepBox > ul.tabStep > li span.tabDate05_03{font-size: 14px; font-weight: 400; line-height: 8px;} #sub .tabStepBox > ul.tabStep > li span.tabResult05_03{font-size: 14px; font-weight: 400; line-height: 8px;} #sub .tabStepBox > ul.tabStep > li span.tabTitle05_04{font-size: 16px; font-weight: 600; color: #ffffff !important; display: block; padding: 0px 0px 10px 0px; margin: 0px 10px 10px 0px; box-sizing: border-box; border-bottom: 1px solid #bfc7d6; } #sub .tabStepBox > ul.tabStep > li span.tabDate05_04{font-size: 14px; font-weight: 400; line-height: 8px; color: #ffffff !important;} #sub .tabStepBox > ul.tabStep > li span.tabResult05_04{font-size: 14px; font-weight: 400; line-height: 8px; color: #ffffff !important;} #sub .tooltip1{position:absolute; width: 198px; top:135px; left:92px; padding: 15px 10px 15px 30px; z-index: 40; border-radius:5px; color: #575757; text-align: center; display: none; border: 1px solid #c3d4f3; box-sizing: border-box; -webkit-box-shadow: 5px 5px 12px 0px rgba(0, 0, 0, 0.075); -moz-box-shadow: 5px 5px 12px 0px rgba(0, 0, 0, 0.075); box-shadow: 5px 5px 12px 0px rgba(0, 0, 0, 0.075); border-radius: 5px; background: #ffffff; } #sub .tooltip1:after{display: block; content: '';position: absolute; width: 198px; top:135px; left:92px; z-index: 40; padding: 15px 10px 15px 30px; border-radius:5px; color: #575757; text-align: center; display: none; border: 1px solid #c3d4f3; box-sizing: border-box; -webkit-box-shadow: 5px 5px 12px 0px rgba(0, 0, 0, 0.075); -moz-box-shadow: 5px 5px 12px 0px rgba(0, 0, 0, 0.075); box-shadow: 5px 5px 12px 0px rgba(0, 0, 0, 0.075); border-radius: 5px; } #sub .tooltip1 ul{padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; height: auto !important;} #sub .tooltip1 ul li{ padding: 3px 0px 3px 10px; margin: 0px 0px 0px 0px; height: auto !important; box-sizing: border-box; } #sub .tooltip1 ul li span.num{ padding: 2px 6px 2px 6px; margin: 0px 10px 0px 0px !important; box-sizing: border-box; border: 1px solid #eaeaea; font-size: 11px; background-color: #f4f4f4; border-radius: 5px;} #sub .tab01_01:hover .tooltip1{display: block;} #sub .tab01_02:hover .tooltip1{display: block;} #sub .tab01_03:hover .tooltip1{display: block;} #sub .tab01_04:hover .tooltip1{display: block;} #sub .tooltip2{position:absolute; width: 198px; top:135px; left:92px; padding: 15px 10px 15px 30px; z-index: 40; border-radius:5px; color: #575757; text-align: center; display: none; border: 1px solid #c3d4f3; box-sizing: border-box; -webkit-box-shadow: 5px 5px 12px 0px rgba(0, 0, 0, 0.075); -moz-box-shadow: 5px 5px 12px 0px rgba(0, 0, 0, 0.075); box-shadow: 5px 5px 12px 0px rgba(0, 0, 0, 0.075); border-radius: 5px; background: #ffffff;} #sub .tooltip:after{display: block; content: '';position: absolute; width: 198px; top:135px; left:92px; z-index: 40; padding: 15px 10px 15px 30px; border-radius:5px; color: #575757; text-align: center; display: none; border: 1px solid #c3d4f3; box-sizing: border-box; -webkit-box-shadow: 5px 5px 12px 0px rgba(0, 0, 0, 0.075); -moz-box-shadow: 5px 5px 12px 0px rgba(0, 0, 0, 0.075); box-shadow: 5px 5px 12px 0px rgba(0, 0, 0, 0.075); border-radius: 5px; } #sub .tooltip2 ul{padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; height: auto !important;} #sub .tooltip2 ul li{ padding: 3px 0px 3px 10px; margin: 0px 0px 0px 0px; height: auto !important; box-sizing: border-box; } #sub .tooltip2 ul li span.num{ padding: 2px 6px 2px 6px; margin: 0px 10px 0px 0px !important; box-sizing: border-box; border: 1px solid #eaeaea; font-size: 11px; background-color: #f4f4f4; border-radius: 5px;} #sub .tab02_01:hover .tooltip2{display: block;} #sub .tab02_02:hover .tooltip2{display: block;} #sub .tab02_03:hover .tooltip2{display: block;} #sub .tab02_04:hover .tooltip2{display: block;} #sub .tooltip3{position:absolute; width: 198px; top:135px; left:92px; padding: 15px 10px 15px 30px; z-index: 40; border-radius:5px; color: #575757; text-align: center; display: none; border: 1px solid #c3d4f3; box-sizing: border-box; -webkit-box-shadow: 5px 5px 12px 0px rgba(0, 0, 0, 0.075); -moz-box-shadow: 5px 5px 12px 0px rgba(0, 0, 0, 0.075); box-shadow: 5px 5px 12px 0px rgba(0, 0, 0, 0.075); border-radius: 5px; background: #ffffff;} #sub .tooltip3:after{display: block; content: '';position: absolute; width: 92px; top:135px; left:528px; z-index: 40; padding: 15px 10px 15px 30px; border-radius:5px; color: #575757; text-align: center; display: none; border: 1px solid #c3d4f3; box-sizing: border-box; -webkit-box-shadow: 5px 5px 12px 0px rgba(0, 0, 0, 0.075); -moz-box-shadow: 5px 5px 12px 0px rgba(0, 0, 0, 0.075); box-shadow: 5px 5px 12px 0px rgba(0, 0, 0, 0.075); border-radius: 5px; } #sub .tooltip3 ul{padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; height: auto !important;} #sub .tooltip3 ul li{ padding: 3px 0px 3px 10px; margin: 0px 0px 0px 0px; height: auto !important; box-sizing: border-box; } #sub .tooltip3 ul li span.num{ padding: 2px 6px 2px 6px; margin: 0px 10px 0px 0px !important; box-sizing: border-box; border: 1px solid #eaeaea; font-size: 11px; background-color: #f4f4f4; border-radius: 5px;} #sub .tab03_01:hover .tooltip3{display: block;} #sub .tab03_02:hover .tooltip3{display: block;} #sub .tab03_03:hover .tooltip3{display: block;} #sub .tab03_04:hover .tooltip3{display: block;} #sub .tooltip4{position:absolute; width: 198px; top:135px; left:92px; padding: 15px 10px 15px 30px; z-index: 40; border-radius:5px; color: #575757; text-align: center; display: none; border: 1px solid #c3d4f3; box-sizing: border-box; -webkit-box-shadow: 5px 5px 12px 0px rgba(0, 0, 0, 0.075); -moz-box-shadow: 5px 5px 12px 0px rgba(0, 0, 0, 0.075); box-shadow: 5px 5px 12px 0px rgba(0, 0, 0, 0.075); border-radius: 5px; background: #ffffff;} #sub .tooltip4:after{display: block; content: '';position: absolute; width: 198px; top:135px; left:92px; z-index: 40; padding: 15px 10px 15px 30px; border-radius:5px; color: #575757; text-align: center; display: none; border: 1px solid #c3d4f3; box-sizing: border-box; -webkit-box-shadow: 5px 5px 12px 0px rgba(0, 0, 0, 0.075); -moz-box-shadow: 5px 5px 12px 0px rgba(0, 0, 0, 0.075); box-shadow: 5px 5px 12px 0px rgba(0, 0, 0, 0.075); border-radius: 5px; } #sub .tooltip4 ul{padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; height: auto !important;} #sub .tooltip4 ul li{ padding: 3px 0px 3px 10px; margin: 0px 0px 0px 0px; height: auto !important; box-sizing: border-box; } #sub .tooltip4 ul li span.num{ padding: 2px 6px 2px 6px; margin: 0px 10px 0px 0px !important; box-sizing: border-box; border: 1px solid #eaeaea; font-size: 11px; background-color: #f4f4f4; border-radius: 5px;} #sub .tab04_01:hover .tooltip4{display: block;} #sub .tab04_02:hover .tooltip4{display: block;} #sub .tab04_03:hover .tooltip4{display: block;} #sub .tab04_04:hover .tooltip4{display: block;} #sub .tooltip5{position:absolute; width: 198px; top:135px; left:112px; padding: 15px 10px 15px 30px; z-index: 40; border-radius:5px; color: #575757; text-align: center; display: none; border: 1px solid #c3d4f3; box-sizing: border-box; -webkit-box-shadow: 5px 5px 12px 0px rgba(0, 0, 0, 0.075); -moz-box-shadow: 5px 5px 12px 0px rgba(0, 0, 0, 0.075); box-shadow: 5px 5px 12px 0px rgba(0, 0, 0, 0.075); border-radius: 5px; background: #ffffff;} #sub .tooltip5:after{display: block; content: '';position: absolute; width: 198px; top:135px; left:112px; z-index: 40; padding: 15px 10px 15px 30px; border-radius:5px; color: #575757; text-align: center; display: none; border: 1px solid #c3d4f3; box-sizing: border-box; -webkit-box-shadow: 5px 5px 12px 0px rgba(0, 0, 0, 0.075); -moz-box-shadow: 5px 5px 12px 0px rgba(0, 0, 0, 0.075); box-shadow: 5px 5px 12px 0px rgba(0, 0, 0, 0.075); border-radius: 5px; } #sub .tooltip5 ul{padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; height: auto !important;} #sub .tooltip5 ul li{ padding: 3px 0px 3px 10px; margin: 0px 0px 0px 0px; height: auto !important; box-sizing: border-box; } #sub .tooltip5 ul li span.num{ padding: 2px 6px 2px 6px; margin: 0px 10px 0px 0px !important; box-sizing: border-box; border: 1px solid #eaeaea; font-size: 11px; background-color: #f4f4f4; border-radius: 5px;} #sub .tab05_01:hover .tooltip5{display: block;} #sub .tab05_02:hover .tooltip5{display: block;} #sub .tab05_03:hover .tooltip5{display: block;} #sub .tab05_04:hover .tooltip5{display: block;} /* footer */ #footer{height: auto;overflow: hidden;padding: 30px 0;border-top: 1px solid #e6e6e6; background-color: #f9f9f9; } #footer .footer-menu-list {padding: 0px 0 24px; margin-left: 20px; display: flex;justify-content: left;} @media (max-width: 1279px) {#footer .footer-menu-list {padding: 0px 0 0;}} @media (max-width: 767px) {#footer .footer-menu-list {padding: 24px 20px 0; margin: 0px 0 10px 0; flex-direction: column;justify-content: flex-start;}} #footer .footer-menu-list .footer-menu-box + .footer-menu-box {margin-left: 50px;position: relative;} @media (max-width: 767px) {#footer .footer-menu-list .footer-menu-box + .footer-menu-box {margin: 12px 0 0 0;}} #footer .footer-menu-list .footer-menu-box + .footer-menu-box:after {content: "";position: absolute;left: -25px;top: 50%;width: 1px;height: 16px;background-color: #888;transform: translateY(-50%);} @media (max-width: 767px) {#footer .footer-menu-list .footer-menu-box + .footer-menu-box:after {left: -18px;display: none;}} #footer .footer-menu-list .footer-menu-btn {display: inline-flex;align-items: center;justify-content: center;position: relative;color: #444;font-size: 12px;font-weight: 500;letter-spacing: -0.54px;} @media (max-width: 1279px) {#footer .footer-menu-list .footer-menu-btn {font-size: 12px;}} @media (max-width: 767px) {#footer .footer-menu-list .footer-menu-btn {width: auto;flex: 1;font-size: 12px;line-height: 17px;word-break: break-word;}} #footer .footer-menu-list {margin-top: 22px;} #footer .footerSite {margin-top: 22px;} #footer .footerSite li{float: left;margin-left: 36px} /*#footer .footerSite li:first-child {width: 100%;}*/ #footer .footerInfo{float: left;padding-left: 20px} #footer .footerInfo address{line-height: 24px;font-weight: 300;color: #535353;} #footer .footerInfo .f_copyR{color: #a3a3a3;font-size: 12px;font-weight: 600;letter-spacing: -0.24px;margin-top: 13px} #footer .footerR {float: right; text-align: right; margin-top: 5px; margin-right: 45px;} #sub #footer{padding: 30px 112px 30px 92px;} #sub #footer .wp1400 {min-width: 100%;} /*loader*/ .loader {position: fixed;width: 100%;height: 100%;top:0;left: 0;background-color: rgba(0,0,0,0.5);z-index: 999999;} .loader .loadBox{background: #fff;padding: 19px 33px 17px 33px;height: auto;overflow: hidden;box-shadow: 0px 10px 10px 0px rgba(0,0,0,.2);position: absolute;left: 50%;top: 50%;transform: translate(-51%, -50%);border-radius: 5px;} .loader .loadDot{display: block;float: left;width: 40px;height: 40px;border: 6px solid #dcdcdc;box-sizing: border-box;border-radius: 50%;border-top-color: #438af7;animation: spin 1s ease-in-out infinite;margin: 2px 0 0 0;} .loader .loadTxt{float: left;line-height: 22px;margin: 0 0 0 25px;} .loader .loadTxt p:first-child{font-size: 17px;font-weight: 600;color: #438af7;} .loader .loadTxt p:last-child{font-size: 14px;font-weight: 400;color: #030303;} @keyframes spin { 100%{transform: rotate(360deg);} } /*레이어팝업*/ .layerPopup{position:absolute;cursor:move;z-index: 99999;border: 1px solid #999;box-shadow: 5px 5px 10px 0px rgba(0,0,0,0.1);background: #fff;min-width: 400px;} .layerPopup2{position:absolute;cursor:move;z-index: 99999;border: 1px solid #2e9dd0;box-shadow: 5px 5px 10px 0px rgba(0,0,0,0.1);background: #fff;min-width: 400px;} .layerP_txt{padding:10px 20px;box-sizing: border-box;font-size: 15px;line-height: 22px;} .layerP_txt2{padding:10px 20px;box-sizing: border-box;font-size: 15px;line-height: 22px;} .layerP_bottom{width: 100%;height: 33px;line-height: 33px;background: #414141;color: #fff;padding: 0 20px;box-sizing: border-box;font-size: 13px;} .layerP_top{width: 100%;height: 33px;line-height: 33px;background: #2e9dd0;color: #fff;padding: 0 20px;box-sizing: border-box;font-size: 13px;} .layerP_top input{vertical-align: -2px;margin-right: 3px} .layerP_top .layerP_close{padding: 0;background: none;border: none;float: right;color: #fff;height: 33px;} .layerP_bottom input{vertical-align: -2px;margin-right: 3px} .layerP_bottom .layerP_close{padding: 0;background: none;border: none;float: right;color: #fff;height: 33px;} /*컨텐츠설명박스*/ .expBox{width: 100%;height: auto;overflow: hidden;border: 1px solid #ddd;box-sizing: border-box;border-radius: 2px;padding: 8px 30px 8px 43px;line-height: 18px;margin-bottom: 25px;background: #f9f9f9 url(../img/sub/subTlei.png) no-repeat 20px 10px;}