@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@100;300;400;500;700;900&display=swap');
@import url("default.css");

body {background: #fff;}
body *::-webkit-scrollbar {width: .4rem;height: .2rem;}
body *::-webkit-scrollbar-thumb {border-radius: 1rem;background-color: #101f6b;}
a {text-decoration: none !important;}
label {margin-bottom: 0;}

.overflow-hidden {overflow: hidden;}

.w3p {width: 3%;}
.w5p {width: 5%;}
.w7p {width: 7%;}
.w10p {width: 10%;}
.w12p {width: 12%;}
.w13p {width: 13%;}
.w15p {width: 15%;}
.w18p {width: 18%;}
.w20p {width: 20%;}
.w25p {width: 25%;}
.w30p {width: 30%;}
.w32p {width: 32%;}
.w40p {width: 40%;}
.w50p {width: 50%;}
.w60p {width: 60%;}
.w70p {width: 70%;}
.w75p {width: 75%;}
.w82p {width: 82%;}
.w100p {width: 100%;}

.maxH460px {max-height: 460px !important;}
.maxH520px {max-height: 520px !important;}
.maxH650px {max-height: 650px !important;}

.maxW100p {max-width: 100% !important;}

.h100p {height: 100% !important}

.tL {text-align: left !important;}
.tR {text-align: right !important;}
.tC {text-align: center !important;}

.color5f40e3 {color: #d20138 !important;}
.colora41313 {color: #a41313 !important;}
.colorffffff {color: #ffffff !important;}
.color333333 {color: #333333 !important;}
.colorFF9800 {color: #FF9800 !important;}
.color2196F3 {color: #2196F3 !important;}
.colorE91E63 {color: #E91E63 !important;}

/*포인트 컬러 */
.point_c0283d {color: #c0283d  !important;}

.bordercolor333333 {border-color: #333333 !important;}

.background000000 {background: #000000 !important;}
.backgroundffffff {background: #ffffff !important;}
.backgroundf4f4f4 {background: #f4f4f4 !important;}
.backgroundeeeeee {background: #eeeeee !important;}

.fs-20 {font-size: 20px !important;}
.fW-900 {font-weight: 900 !important;}
.fW-600 {font-weight: 600 !important;}
.fw-500 {font-weight: 500 !important;}

.btn-purple {background: #d20138;}
.btn-purple:hover {background: #d20138;}

.th-background {background: #707070 !important;}
.th-border-right {border-right: 1px solid #e6e6e6 !important;}

.margin-left-18 {margin-left: 18px;}
.margin-top-20 {margin-top: 20px}
.margin-top-5 {margin-top: 5px;}
.margin-right-5 {margin-right: 5px;}
.margin-bottom-15 {margin-bottom: 15px;}

.padding-bottom-5px {padding-bottom: 5px;}
.padding-top-20px {padding-top: 20px !important;}
.padding-left-20px {padding-left: 20px !important;}

.border-0 {border: 0 !important;}
.border-top-2 {border-top: 2px solid #333 !important;}
.border-bottom-1 {border-bottom: 1px solid #DFE0E1;}

.list-style-dashed {position:relative;padding-left: 10px !important;}
.list-style-dashed::before {content: "";position: absolute;left: 0;top: 10px;width: 5px;height: 1px;background: #666;}
.list-style-round {position:relative;padding-left: 10px !important;}
.list-style-round::before {content: "";position: absolute;left: 0;top: 10px;width: 5px;height: 5px;border-radius: 50%;border: 1px solid #666;}

.vertical-align-top {vertical-align: top;}

.inline-block {display: inline-block;}
.display-flex {display: flex;}
.justify-content-left {justify-content: left;}
.justify-content-center {justify-content: center;}
.justify-content-right {justify-content: right;}
.flex-direction-column {flex-direction: column;}
.flex-wrap-wrap {flex-wrap: wrap;}

.gap-20px {gap: 20px;}

.box-style-1 {padding: 10px;background: #f4f4f4;border-radius: 6px;display: flex;flex-direction: column;height: fit-content;width: calc(25% - 20px);}

/* button */
.button_base {margin: 0;border: 0;font-size: 18px;position: relative;width: 200px;height: 50px;text-align: center;box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;-webkit-user-select: none;}
.double_roll {perspective: 500px;-webkit-perspective: 500px;-moz-perspective: 500px;transform-style: preserve-3d;-webkit-transform-style: preserve-3d;}
.double_roll div {position: absolute;text-align: center;padding: 10px;border: #000000 solid 1px;pointer-events: none;box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;}
.double_roll div:nth-child(1) {color: #000000;background-color: #ffffff;z-index: 0;width: 100%;height: 50px;clip: rect(0px, 100px, 50px, 0px);position: absolute;transition: all 0.2s ease;-webkit-transition: all 0.2s ease;-moz-transition: all 0.2s ease;transform: rotateX(0deg);-webkit-transform: rotateX(0deg);-moz-transform: rotateX(0deg);transform-origin: 50% 50% -25px;-webkit-transform-origin: 50% 50% -25px;-moz-transform-origin: 50% 50% -25px;}
.double_roll div:nth-child(2) {color: #000000;background-color: #000000;z-index: -1;width: 100%;height: 50px;clip: rect(0px, 100px, 50px, 0px);position: absolute;transform: rotateX(90deg);-webkit-transform: rotateX(90deg);-moz-transform: rotateX(90deg);transition: all 0.2s ease;-webkit-transition: all 0.2s ease;-moz-transition: all 0.2s ease;transform-origin: 50% 50% -25px;-webkit-transform-origin: 50% 50% -25px;-moz-transform-origin: 50% 50% -25px;}
.double_roll div:nth-child(3) {color: #000000;background-color: #ffffff;z-index: 0;width: 100%;height: 50px;clip: rect(0px, 200px, 50px, 100px);position: absolute;transition: all 0.2s ease 0.1s;-webkit-transition: all 0.2s ease 0.1s;-moz-transition: all 0.2s ease 0.1s;transform: rotateX(0deg);-webkit-transform: rotateX(0deg);-moz-transform: rotateX(0deg);transform-origin: 50% 50% -25px;-webkit-transform-origin: 50% 50% -25px;-moz-transform-origin: 50% 50% -25px;}
.double_roll div:nth-child(4) {color: #000000;background-color: #000000;z-index: -1;width: 100%;height: 50px;clip: rect(0px, 200px, 50px, 100px);position: absolute;transform: rotateX(-90deg);-webkit-transform: rotateX(-90deg);-moz-transform: rotateX(-90deg);transition: all 0.2s ease 0.1s;-webkit-transition: all 0.2s ease 0.1s;-moz-transition: all 0.2s ease 0.1s;transform-origin: 50% 50% -25px;-webkit-transform-origin: 50% 50% -25px;-moz-transform-origin: 50% 50% -25px;}
.double_roll:hover div:nth-child(1) {background-color: #000000;transition: all 0.2s ease;-webkit-transition: all 0.2s ease;-moz-transition: all 0.2s ease;transform: rotateX(-90deg);-webkit-transform: rotateX(-90deg);-moz-transform: rotateX(-90deg);}
.double_roll:hover div:nth-child(2) {color: #ffffff;transition: all 0.2s ease;-webkit-transition: all 0.2s ease;-moz-transition: all 0.2s ease;transform: rotateX(0deg);-webkit-transform: rotateX(0deg);-moz-transform: rotateX(0deg);}
.double_roll:hover div:nth-child(3) {background-color: #000000;transition: all 0.2s ease 0.1s;-webkit-transition: all 0.2s ease 0.1s;-moz-transition: all 0.2s ease 0.1s;transform: rotateX(90deg);-webkit-transform: rotateX(90deg);-moz-transform: rotateX(90deg);}
.double_roll:hover div:nth-child(4) {color: #ffffff;transition: all 0.2s ease 0.1s;-webkit-transition: all 0.2s ease 0.1s;-moz-transition: all 0.2s ease 0.1s;transform: rotateX(0deg);-webkit-transform: rotateX(0deg);-moz-transform: rotateX(0deg);}

/* 준비중입니다. */
.readyWrap {font-size: 28px;text-align: center;padding: 100px 0;color: #888;}

#hd, #wrapper, #ft {min-width: 100%;}
#hd_pop, #hd_wrapper, #tnb .inner, #gnb .gnb_wrap, #container_wr, #ft_wr {width: 100%;}

/* top scroll button */
#top_btn {border: 0px solid #5f40e5;color: #fff;background: rgb(0 0 0 / 70%);font-size: 24px;border-radius: 50%;-webkit-transition: all .2s ease-out;-moz-transition: all .2s ease-out;-o-transition: all .2s ease-out;transition: all .2s ease-out;}
#top_btn:hover {background:#c73f54;color:#fff}

/*.mb_bg {position: fixed;left: 0;right: 0;top: 0;bottom: 0;margin: auto;background: #eff0f2;background-image: url(../img/mb_bg.jpg);background-repeat: no-repeat;background-position: 50% 50%;background-size: cover;height: 100%;width: 100%;}*/
body.main {position: relative;height: 100%;min-width: 100%;min-height: 960px;overflow-x: auto;}
/* header */
/*#hd {background: #ffffff;border-bottom-color: #e6e6e6;}*/
#hd {background: transparent;border-bottom-color: transparent;}
.main #hd {background: transparent;border-bottom-color: transparent;}
.header {position: fixed;left: 0;top: 0;width: 100%;height: 70px;min-width: 100%;background-color: #F9F9F9;border-bottom: 1px solid transparent;z-index: 999;}
.overflow-hidden .header {z-index: 9999;}
#hd.sticky {background-color: rgb(255 255 255 / 100%);border-bottom-color: #e6e6e6;}
#hd.on {background-color: #fff;border-bottom-color: #e6e6e6;}
.main .header {/*position: absolute;min-width: 1640px;*/background-color: transparent;}
#tnb {border-bottom: 1px solid #e6e6e6;}
#hd_define li {border-right: 1px solid #e6e6e6;}
#hd_define li a {color: #707070;font-weight: 500;}
#hd_define li.active a {color: #111;}
#hd_qnb li {border-right: 1px solid #e6e6e6;}
#hd_qnb li a {color: #707070;}
.header #hd_wrapper {position: initial;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;width: 100%;height: 100%;min-width: 100%;max-width: 100%;padding: 0 40px;margin: 0 auto;}
/*.main .header #hd_wrapper {max-width: 1640px;min-width: 1640px;padding-left: 80px;padding-right: 80px;}*/
#logo {padding: 0;}
#logo .logobox {background-image: url(/img/logo_w.png);background-repeat: no-repeat;background-position: center;background-size: 100%;width: 210px;height: 29px;}
.sticky #logo .logobox,
.on #logo .logobox,
.result #logo .logobox {background-image: url(/img/logo.png);}
#headMenu {margin-left: 50px;height: 100%;}
#headMenu > ul {display: flex;height: 100%;}
#headMenu > ul > li {text-align: center;height: 100%;}
#headMenu > ul > li > a {position: relative;height: 100%;padding: 10px 12px;font-size: 18px;font-weight: 500;color: #707070;display: flex;align-items: center;}
#headMenu > ul > li:hover > a,
#headMenu > ul > li.current > a {color: #c0283d;}
#headMenu > ul > li:hover > a::before,
#headMenu > ul > li.current > a::before {content: "";position: absolute;top: 15px;left: 0;right: 0;margin: 0 auto;width: 4px;height: 4px;border-radius: 50%;background: #c0283d;}
#headMenu .dropMenuWrap {display: none;position: absolute;left: 0;top: 100%;width: 100%;max-height: 720px;background-color: #fff;-webkit-box-shadow: 0 7px 8px rgba(0, 0, 0, 0.05);box-shadow: 0 7px 8px rgba(0, 0, 0, 0.05);border-top: 1px solid #e6e6e6;overflow: overlay !important;z-index: 999;}
#headMenu > ul > li.hover .dropMenuWrap {display: block;}
#headMenu .dropMenuWrap .dropMenuList {position: relative;display: flex;flex-wrap: wrap;max-width: 800px;width: 100%;text-align: left;transform: translateX(315px);}
#headMenu .dropMenuWrap .dropMenuList > li {width: 20%;}
#headMenu .dropMenuWrap .dropMenuList > li > a {letter-spacing: -1px;position: relative;display: flex;font-size: 16px;line-height: 22px;font-weight: 400;color: #707070;height: 70px;width: 100%;align-items: center;}
#headMenu .dropMenuWrap .dropMenuList > li > a:hover {color: #c0283d;}
.hd_login {position: initial;top: initial;right: 40px;display: flex;justify-content: flex-end;margin-left: auto;}
.main .hd_login {right: 80px;}
.hd_login li {border-left: 0;position: relative;}
.hd_login li:before {content: "";position: absolute;left: 0;top: 0;bottom: 0;margin: auto 0;width: 1px;height: 10px;background: #e6e6e6;}
.hd_login li:first-child:before {width: 0;}
.hd_login li:last-child {margin-right: 0;}
.hd_login a {color: #707070;display: inline-block;height: 30px;line-height: 30px;font-size: 14px;}

/* content */
#wrapper {position: relative;width: 100%;/*padding-top: 70px;*/}
.main #wrapper {position: relative;overflow: hidden;width: 100%;/*min-width: 1640px;*/height: 100%;min-height: 100%;padding-top: 0;}
.main #container_wr {width: 100%;}
#container {width: 100%;min-height: 700px;margin: 0 0 20px;padding: 0px;}
.main #container {display: flex;flex-wrap: nowrap;padding: 0;margin: 0;}
.main .mainLeftWrap {overflow: hidden;position: relative;width: 50%;min-width: 820px;height: 100%;min-height: 931px;}
.main .mainLeftWrap .swiper {width: 100%;height: 100%;}
.main .mainLeftWrap .swiper-slide {background-position: center;background-size: cover;}
.main .mainLeftWrap .swiper-slide .slideBg {position: relative;width: 100%;height: 931px;}
.main .mainLeftWrap .swiper-slide .slideBg.bg01 {background: rgb(252,186,242);background: linear-gradient(315deg, rgba(252,186,242,1) 0%, rgba(246,213,241,1) 100%);}
.main .mainLeftWrap .swiper-slide .slideBg.bg02 {background: rgb(186,215,255);background: linear-gradient(315deg, rgba(186,215,255,1) 0%, rgba(215,230,251,1) 100%);}
.main .mainLeftWrap .swiper-slide .slideBg.bg03 {background: rgb(189,238,255);background: linear-gradient(315deg, rgba(189,238,255,1) 0%, rgba(217,241,249,1) 100%);}
.main .mainLeftWrap .swiper-slide .slideBg.bg04 {background: rgb(255,249,181);background: linear-gradient(315deg, rgba(255,249,181,1) 0%, rgba(252,249,215,1) 100%);}
.main .mainLeftWrap .swiper-slide .slideBg img {width: 100%;height: 100%;display: none;}
.main .mainLeftWrap .swiper-slide .slideCnt {position: absolute;width: 100%;height: 700px;top: 150px;display: flex;justify-content: flex-end;padding-right: 170px;}
.main .mainLeftWrap .swiper-slide .slideCnt .cntInner {position: relative;width: 560px;height: 100%;}
.main .mainLeftWrap .swiper-slide .slideCnt .cntInner .title {letter-spacing: -1px;font-size: 36px;font-weight: 700;color: rgb(48, 48, 48);margin-bottom: 10px;}
.main .mainLeftWrap .swiper-slide .slideCnt .cntInner .subtitle {letter-spacing: -1px;font-size: 18px;font-weight: 400;color: rgb(48, 48, 48);}
.main .mainLeftWrap .swiper-slide .slideCnt .cntInner .text {margin-top: 20px;}
.main .mainLeftWrap .swiper-slide .slideCnt .cntInner .text ul li {position: relative;font-size: 16px;font-weight: 400;color: #444;line-height: 32px;padding-left: 20px;}
.main .mainLeftWrap .swiper-slide .slideCnt .cntInner .text ul li::before {content: "\f121";font-family: "Ionicons";position: absolute;left: 0;top: 0;bottom: 0;margin: auto 0;width: 16px;line-height: 16px;height: 16px;font-size: 14px;color: #66BB6A;}
.main .mainLeftWrap .swiper-slide .slideCnt .btnWrap {position: absolute;bottom: 150px;right: 0;height: 200px;width: 250px;background: rgb(255 255 255 / 30%);display: flex;align-items: center;justify-content: center;border-radius: 40% 60% 60% 40% / 60% 30% 70% 40%;}
.main .mainLeftWrap .swiper-slide .slideCnt .btnWrap .btnDetailView {padding: 20px;background: #333;color: #fff;font-size: 16px;border-radius: 25px 5px;-webkit-transition: all .2s ease-out;-moz-transition: all .2s ease-out;-o-transition: all .2s ease-out;transition: all .2s ease-out;}
.main .mainLeftWrap .swiper-slide .slideCnt .btnWrap .btnDetailView i {margin-left: 10px;}
.main .mainLeftWrap .swiper-slide .slideCnt .btnWrap .btnDetailView:hover {border-radius: 5px 25px;}
.main .mainLeftWrap .swiper-slide .slideCnt .imgIconWrap {position: absolute;bottom: 90px;left: 0;overflow: hidden;height: 225px;width: 225px;}
.main .mainLeftWrap .swiper-slide .slideCnt .imgIconWrap img {position: absolute;bottom: -230px;opacity: 0;-webkit-transition: all .2s ease-out;-moz-transition: all .2s ease-out;-o-transition: all .2s ease-out;transition: all .2s ease-out;}
.main .mainLeftWrap .swiper-slide.swiper-slide-active .slideCnt .imgIconWrap img {bottom: 0;opacity: 1;}
.main .mainLeftWrap .swiperController {position: absolute;bottom: 100px;left: 0;right: 0;margin: 0 auto;display: flex;justify-content: center;align-items: center;height: 50px;width: 100%;}
.main .mainLeftWrap .swiper-button-next, 
.main .mainLeftWrap .swiper-button-prev {width: 30px;height: 30px;background: #fff;border-radius: 100%;-webkit-box-shadow: 0 2px 10px rgba(0, 0, 0, 0.08);box-shadow: 0 2px 10px rgba(0, 0, 0, 0.08);color: #000;}
.main .mainLeftWrap .swiper-button-next:after, 
.main .mainLeftWrap .swiper-button-prev:after {font-size: 14px;font-weight: bold;}
.main .mainLeftWrap .swiper-pagination {position: relative;display: inline-block;vertical-align: middle;}
.main .mainLeftWrap .swiper-pagination-bullet {margin-right: 6px;background-color: #303030;opacity: 0.3;vertical-align: middle;}
.main .mainLeftWrap .swiper-pagination-bullet-active {background-color: #303030;opacity: 1;}
.main .mainLeftWrap .swiperController .swiper-pagination {bottom: 0;top: 0;left: 0;width: 75px;}
.main .mainLeftWrap .swiperController .swiper-button-play,
.main .mainLeftWrap .swiperController .swiper-button-pause {font-size: 16px;z-index: 10;color: rgb(48 48 48 / 30%);padding: 5px 0;margin-right: 15px;cursor: pointer;width: 20px;text-align: center;}
.main .mainLeftWrap .swiperController .swiper-button-play:hover,
.main .mainLeftWrap .swiperController .swiper-button-pause:hover {color: rgb(48 48 48 / 80%);}
.main .mainLeftWrap .swiperController .swiper-button-play {display: none;}
.main .mainLeftWrap .swiperController .swiper-button-next,
.main .mainLeftWrap .swiperController .swiper-button-prev {margin-top: 0;position: initial;margin: 0 3px;}
.main .mainRightWrap {width: 50%;min-width: 820px;height: 100%;padding-top: 70px;}
.main .mainRightWrap .cntInner {padding: 40px 80px 0px;}
.main .mainRightWrap .cntInner .titleWrap {margin-bottom: 30px;}
.main .mainRightWrap .cntInner .titleWrap .subtit {color: #303030;font-size: 18px;}
.main .mainRightWrap .cntInner .titleWrap .tit {letter-spacing: -1px;font-size: 28px;font-weight: bold;}
.main .mainRightWrap .cntInner .cardWrap {width: 660px;}
.main .mainRightWrap .cntInner .cardWrap ul {width: 100%;display: flex;flex-wrap: wrap;gap: 20px;}
.main .mainRightWrap .cntInner .cardWrap ul li {position: relative;width: calc(33.3333333333% - 13.4px);height: 140px;overflow: hidden;border-radius: 20px;-webkit-transition: all .2s ease-out;-moz-transition: all .2s ease-out;-o-transition: all .2s ease-out;transition: all .2s ease-out;box-shadow: rgba(0, 0, 0, 0.08) 0px 2px 20px;}
.main .mainRightWrap .cntInner .cardWrap ul li:hover {transform: translateY(-6px);}
.main .mainRightWrap .cntInner .cardWrap ul li a {position: relative;display: flex;flex-direction: column;gap: 20px;align-items: center;width: 100%;height: 100%;padding: 20px;background-color: #fff;-webkit-transition: all .2s ease-out;-moz-transition: all .2s ease-out;-o-transition: all .2s ease-out;transition: all .2s ease-out;}
.main .mainRightWrap .cntInner .cardWrap ul li a .s_txt {font-size: 16px;letter-spacing: -1px;color: #666;}
/*
.main .mainRightWrap .cntInner .cardWrap ul li.li_01 a::before {content: "ㄷ";position: absolute;bottom: 0;right: -10px;font-size: 200px;z-index: 10;line-height: 100px;color: rgb(255 255 255 / 0%);transform: rotate( 0deg) scale(3.5);height: 120px;width: 120px;-webkit-transition: all .2s ease-out;-moz-transition: all .2s ease-out;-o-transition: all .2s ease-out;transition: all .2s ease-out;}
.main .mainRightWrap .cntInner .cardWrap ul li.li_02 a::before {content: "ㅇ";position: absolute;bottom: 0;right: -10px;font-size: 200px;z-index: 10;line-height: 100px;color: rgb(255 255 255 / 0%);transform: rotate( 0deg) scale(3.5);height: 120px;width: 120px;-webkit-transition: all .2s ease-out;-moz-transition: all .2s ease-out;-o-transition: all .2s ease-out;transition: all .2s ease-out;}
.main .mainRightWrap .cntInner .cardWrap ul li.li_03 a::before {content: "ㄹ";position: absolute;bottom: 0;right: -10px;font-size: 200px;z-index: 10;line-height: 100px;color: rgb(255 255 255 / 0%);transform: rotate( 0deg) scale(3.5);height: 120px;width: 120px;-webkit-transition: all .2s ease-out;-moz-transition: all .2s ease-out;-o-transition: all .2s ease-out;transition: all .2s ease-out;}
.main .mainRightWrap .cntInner .cardWrap ul li.li_04 a::before {content: "ㅇ";position: absolute;bottom: 0;right: -10px;font-size: 200px;z-index: 10;line-height: 100px;color: rgb(255 255 255 / 0%);transform: rotate( 90deg) scale(3.5);height: 120px;width: 120px;-webkit-transition: all .2s ease-out;-moz-transition: all .2s ease-out;-o-transition: all .2s ease-out;transition: all .2s ease-out;}
.main .mainRightWrap .cntInner .cardWrap ul li.li_01:hover {outline: 0;-webkit-box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);}
.main .mainRightWrap .cntInner .cardWrap ul li.li_01:hover a {background: rgb(252,186,242);background: linear-gradient(315deg, rgba(252,186,242,1) 0%, rgba(246,213,241,1) 100%);}
.main .mainRightWrap .cntInner .cardWrap ul li.li_01:hover a::before {color: rgb(255 255 255 / 100%);transform: rotate( -45deg) scale(1);}
.main .mainRightWrap .cntInner .cardWrap ul li.li_02:hover {outline: 0;-webkit-box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);}
.main .mainRightWrap .cntInner .cardWrap ul li.li_02:hover a {background: rgb(186,215,255);background: linear-gradient(315deg, rgba(186,215,255,1) 0%, rgba(215,230,251,1) 100%);}
.main .mainRightWrap .cntInner .cardWrap ul li.li_02:hover a::before {color: rgb(255 255 255 / 100%);transform: rotate( -45deg) scale(1);}
.main .mainRightWrap .cntInner .cardWrap ul li.li_03:hover {outline: 0;-webkit-box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);}
.main .mainRightWrap .cntInner .cardWrap ul li.li_03:hover a {background: rgb(189,238,255);background: linear-gradient(315deg, rgba(189,238,255,1) 0%, rgba(217,241,249,1) 100%);}
.main .mainRightWrap .cntInner .cardWrap ul li.li_03:hover a::before {color: rgb(255 255 255 / 100%);transform: rotate( -45deg) scale(1);}
.main .mainRightWrap .cntInner .cardWrap ul li.li_04:hover {outline: 0;-webkit-box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);}
.main .mainRightWrap .cntInner .cardWrap ul li.li_04:hover a {background: rgb(255,249,181);background: linear-gradient(315deg, rgba(255,249,181,1) 0%, rgba(252,249,215,1) 100%);}
.main .mainRightWrap .cntInner .cardWrap ul li.li_04:hover a::before {color: rgb(255 255 255 / 100%);transform: rotate( -45deg) scale(1);}
.main .mainRightWrap .cntInner .cardWrap ul li a h3 {letter-spacing: -1px;position: relative;margin-bottom: 16px;font-size: 20px;font-weight: 500;color: #303030;}
.main .mainRightWrap .cntInner .cardWrap ul li a p {position: relative;font-size: 15px;color: #707070;}
.main .mainRightWrap .cntInner .cardWrap ul li a span {position: absolute;bottom: 30px;right: 30px;color: #6a40f7;font-size: 13px;transform: translateX(0px);-webkit-transition: all .2s ease-out;-moz-transition: all .2s ease-out;-o-transition: all .2s ease-out;transition: all .2s ease-out;}
.main .mainRightWrap .cntInner .cardWrap ul li a span i {margin-left: 5px;}
.main .mainRightWrap .cntInner .cardWrap ul li:hover a span {transform: translateX(-130px);color: #707070;}
*/
.main .mainRightWrap .cntInner .noticeWrap {width: 540px;padding-top: 20px;}
.main .mainRightWrap .cntInner .noticeWrap .notice ul {min-height: 109px;}

/* tail */
#ft {background: transparent;width: 100%;}
#ft_wr {max-width: 100%;width: 100%;padding: 0px 0px 10px;}
#ft_wr .ft_top_wrap {background: #2a3991;}
#ft_wr .ft_cnt_top {width: 100%;max-width: 100%;padding: 10px 40px;display: flex;gap: 40px;margin: 0 auto;}
#ft_link a {position: relative;font-weight: 400;font-size: 14px;color: #fff;}
#ft_link a::before {content: "";position: absolute;left: -20px;top: 0;bottom: 0;margin: auto 0;width: 1px;height: 12px;background: #e6e6e6;}
#ft_link a:first-child::before {width: 0;}
#ft_wr .ft_cnt_info {width: 100%;}
#ft_wr .ft_cnt_info .ft_info {color: #707070;display: flex;flex-direction: column;font-size: 13px;margin: 30px auto 0;width: 100%;max-width: 100%;padding: 0 40px;}
#ft_wr .ft_cnt_info .ft_info div {display: flex;gap: 30px;}
#ft_wr .ft_cnt_info .ft_info div span {position: relative;}
#ft_wr .ft_cnt_info .ft_info div span::before {content: "";position: absolute;left: -15px;top: 0;bottom: 0;margin: auto 0;width: 1px;height: 10px;background: #e6e6e6;}
#ft_wr .ft_cnt_info .ft_info div span:first-child::before {width: 0;}
#ft_copy {border-top: 0;max-width: 100%;width: 100%;color: #707070;text-align: left;padding: 0 40px 30px;}

/* button */
a.btn, .btn {box-shadow: none !important;font-weight: 500;}
.btn_submit {border: 0;background: #d20138;color: #fff;cursor: pointer;border-radius: 0;}
.btn_submit:hover {background: #d20138;}
.btn_close {border-radius: 0;}
.btn_back {margin: 20px 0 0 20px;padding: 10px 20px;display: inline-flex;font-size: 14px;align-items: center;height: 40px;color: #fff;border: 0;background: rgb(0 0 0 / 50%);/*border-radius: 4px;background: rgb(105,163,255);background: linear-gradient(162deg, rgba(105,163,255,1) 0%, rgba(43,125,254,1) 50%, rgba(43,125,254,1) 100%);*/}
.btn_back i {margin-right: 5px;font-size: 18px;line-height: 18px;}
.btn_back:hover {color: #fff;}

/* form */
.wr_content textarea, .tbl_frm01 textarea, .form_01 textarea, .frm_input {border-radius: 0;-webkit-box-shadow: none;-moz-box-shadow: none;box-shadow: none;border: 1px solid #e6e6e6;}
.frm_input {height: 50px;}
input[type=text]:focus,input[type=password]:focus,input[type=tel]:focus,input[type=email]:focus,textarea:focus,select:focus {-webkit-box-shadow: none;-moz-box-shadow: none;box-shadow: none;border:1px solid #d20138 !important;}

/* captcha */
#captcha legend {width: 0%;max-width: 0%;}
#captcha #captcha_key {border-radius: 0;border: 1px solid #868686;}
#captcha #captcha_mp3 {border-radius: 0;}
#captcha #captcha_reload {border-radius: 0;}

/* sub page content > content header title */
#container .cntHeader {position: relative;/*margin-top: 30px;margin-bottom: 60px;*/text-align: center;height: 100vh;}
#container .cntHeader .cntTitle {position: relative;font-size: 28px;font-weight: bold;}
#container .cntHeader .cntTitle::before {content: "";position: absolute;bottom: -10px;left: 0;right: 0;margin: 0 auto;width: 40px;height: 3px;background: #c73f54;}
#container .cntWrap {position: relative;margin-bottom: 20px;}

/* intro > login */
#mb_login {position: absolute;margin: auto;top: -100px;bottom: 0;left: 0;right: 0;max-width: 600px;width: 100%;height: 415px;background: rgb(0 0 0 / 50%);}
.mb_logoWrap {text-align: left;margin-bottom: 10px;}
/*
.mbskin .mbskin_box {border: 0;-webkit-box-shadow: 0px 7px 20px 0px rgba(0,0,0,0.2);-moz-box-shadow: 0px 7px 20px 0px rgba(0,0,0,0.2);box-shadow: 0px 7px 20px 0px rgba(0,0,0,0.2);}
*/
.mb_log_cate h2 {font-size: 18px;}
.mb_log_cate .join {font-size: 18px;border: 1px solid #e5e5e5;border-top: 0;border-right: 0;}
#mb_login #login_fs .frm_input {height: 50px;border-radius: 0;-webkit-box-shadow: none;-moz-box-shadow: none;box-shadow: none;border: 1px solid #e6e6e6;font-size: 14px;}
#mb_login #login_fs .btn_submit {height: 55px;border-radius: 0;font-size: 22px;font-weight: 500;background: #d20138;}
#mb_login #login_fs .btn_submit:hover {background: #d20138;}
.chk_box input[type="checkbox"] + label:hover {color: #d20138;}
#login_info .login_if_auto label {display: flex;align-items: center;gap: 5px;font-size: 14px;font-weight: 400;padding-left: 0;}
#login_info .login_if_lpl a {font-size: 14px;font-weight: 400;}
#login_info .login_if_lpl a:hover {color: #d20138;}

.page-container {background: #eff0f2;display: flex;justify-content: center;align-items: center;position: fixed;width: 100%;height: 100%;overflow: hidden auto;}
.shadow {-webkit-box-shadow: 27px 43px 43px -26px rgba(89,89,89,0.39) !important;-moz-box-shadow: 27px 43px 43px -26px rgba(89,89,89,0.39) !important;box-shadow: 27px 43px 43px -26px rgba(89,89,89,0.39) !important;}
/*
.shadow-light{
    -webkit-box-shadow: 45px 45px 104px -33px rgba(38,38,38,0.92);
    -moz-box-shadow: 45px 45px 104px -33px rgba(38,38,38,0.92);
    box-shadow: 45px 45px 104px -33px rgba(38,38,38,0.92);

}*/
.login-form-container{position: relative;background:#f5f5f5 ;max-width:860px;width: 100%;height: 540px;display: flex;flex-direction: row;box-shadow: 10px #000000;border-radius: 10px;z-index: 2;margin: 0 20px;}
.login-form-right-side {width: 50%;border-radius: 10px 0px 0px 10px;padding: 75px;display: flex;flex-direction: column;justify-content: center;align-items: center;color: #fff;background-image:radial-gradient(ellipse farthest-corner at 0 140%, #5d9dff 0%, #2178ff 70%, #3585ff 70%);}
.login-form-right-side h1 {color: #fff;width: 206px;text-align: right;opacity: 0.9;margin-top: 20px;font-size: 14px;line-height: 20px;}
.login-form-right-side p {padding-top: 50px;font-size: 12px;text-align: right;opacity: 0.8;}
.login-form-right-side .counterBox {width: 100%;display: flex;flex-wrap: wrap;gap: 10px;justify-content: space-around;}
.login-form-right-side .counterBox li {background: rgb(0 0 0 / 60%);width: calc(50% - 5px);padding: 10px;border-radius: 10px;display: flex;flex-direction: column;text-align: center;}
.login-form-right-side .counterBox li i {font-size: 26px;color: #fff;line-height: 26px;}
.login-form-right-side .counterBox li h1 {position: relative;font-size: 18px;color: #fff;padding-right: 0px;display: inline-block;width: auto;text-align: center;margin-top: 10px;opacity: 1;}
.login-form-right-side .counterBox li h1::after {content: "+";position: absolute;top: 0;bottom: 0;right: -15px;margin: auto 0;color: #fd3535;font-size: 18px;line-height: 18px;height: 16px;}
.login-form-right-side .counterBox li h3 {font-size: 14px;color: #ccc;font-weight: 400;margin-top: 10px;}
.login-form-left-side {width: 50%;border-radius: 0px 10px 10px 0px;display: flex;flex-direction: column;align-items: center;padding: 40px;background: rgb(255,255,255);background: linear-gradient(287deg, rgba(255,255,255,1) 0%, rgba(243,244,244,1) 0%, rgba(255,255,255,1) 100%);}
.login-form-left-side .login-top-wrap {display: flex;justify-content: flex-end;align-items: center;width:100%;}
.login-form-left-side .login-top-wrap span {color: gray;font-size: 11px;padding-right: 20px;}
.login-form-left-side .login-top-wrap .create-account-btn {background: #fff;border:  0;width: 85px;height: 35px;font-size: 11px;color: #2178ff;border-radius: 3px;text-align: center;line-height: 35px;}
.login-input-container {padding-top: 120px;width: 300px;}
.login-input-container .login-input-wrap {width: 300px;height: 45px;margin-top: 20px;border-radius: 2px;border-bottom: solid 2px #2178ff;}
.login-input-container .login-input-wrap i {color: #2178ff;line-height: 20px;font-size: 20px;vertical-align: middle;}
.login-input-container .login-input-wrap input {background: none;border: none;line-height: 15px;padding-left:10px;width:267px;font-size: 15px;height: 43px;}
.login-input-container .login-input-wrap input:focus {outline: none;border: 0 !important;}
.login-btn-wrap {margin-top: 40px;display: flex;flex-direction: column;align-items: center;}
.login-btn-wrap .login-btn {width: 95px;height: 35px;color: #fff;border: 0;border-radius: 4px;background: rgb(105,163,255);background: linear-gradient(162deg, rgba(105,163,255,1) 0%, rgba(43,125,254,1) 50%, rgba(43,125,254,1) 100%);}
.login-btn-wrap a {margin-top:10px;text-decoration: none;font-size: 11px;color: gray;}

/* intro > member confirm */
#mb_confirm {background: #fff;padding: 20px 10px;border-radius: 15px;max-width: 360px;width: 100%;-webkit-box-shadow: 0px 7px 20px 0px rgba(0,0,0,0.2);-moz-box-shadow: 0px 7px 20px 0px rgba(0,0,0,0.2);box-shadow: 0px 7px 20px 0px rgba(0,0,0,0.2);}
#mb_confirm h1 {margin: 40px 0 30px;}

/* intro > password lost */
#find_info {position: absolute;margin: auto;top: 0;bottom: 0;left: 0;right: 0;max-width: 600px;width: 100%;height: 332px;padding: 10px 20px;background: rgb(0 0 0 / 50%);}
#find_info .new_win_con {margin: 0;border: 0;-webkit-box-shadow: 0px 7px 20px 0px rgba(0,0,0,0.2);-moz-box-shadow: 0px 7px 20px 0px rgba(0,0,0,0.2);box-shadow: 0px 7px 20px 0px rgba(0,0,0,0.2);background: #fff;}
#find_info #mb_email {height: 50px;border-radius: 0;-webkit-box-shadow: none;-moz-box-shadow: none;box-shadow: none;border: 1px solid #e6e6e6;}
#find_info #captcha #captcha_img {border: 1px solid #e6e6e6;}
#find_info #captcha #captcha_key {border-radius: 0;-webkit-box-shadow: none;-moz-box-shadow: none;box-shadow: none;border: 1px solid #e6e6e6;border-radius: 0;}
#find_info #captcha #captcha_mp3,
#find_info #captcha #captcha_reload {border-radius: 0;}
#find_info .win_btn {margin-top: 10px;}
#find_info .btn_submit {height: 45px;color: #fff;border: 0;border-radius: 0;background: rgb(105,163,255);background: linear-gradient(162deg, rgba(105,163,255,1) 0%, rgba(43,125,254,1) 50%, rgba(43,125,254,1) 100%);font-weight: 500;}

/* intro > register */
.register {position: relative;margin: 50px auto 50px;max-width: 1020px;width: 100%;padding: 0 10px;}
#fregister {position:relative;background: #fff;min-height: 710px;padding: 30px 20px;display: inline-block;width: 100%;-webkit-box-shadow: 0px 7px 20px 0px rgba(0,0,0,0.2);-moz-box-shadow: 0px 7px 20px 0px rgba(0,0,0,0.2);box-shadow: 0px 7px 20px 0px rgba(0,0,0,0.2);}
.register .fregisterHeaderWrap {position: relative;display: flex;width: 100%;justify-content: start;margin-bottom: 15px;}
.register .fregisterHeaderWrap::before {content: "";position: absolute;bottom: -5px;left: 0;right: 0;margin: 0 auto;width: 100%;height: 2px; background: #ea493e;}
.register .fregisterHeaderWrap .fregisterTitle {width: 100%;}
.register .fregisterHeaderWrap .fregisterTitle h3 {font-size: 24px;color: #444}
.register .fregisterHeaderWrap .fregisterTitle .fregisterTxt {font-size: 14px;color: #444}

.fregisterSteps {padding-left: 0;list-style: none;line-height: 1;margin: 0 auto 12px;border-radius: 3px;display: flex;}
.fregisterSteps strong {position: relative;font-size: 16px;display: block;font-weight: 400;}
/*
.fregisterSteps strong.current::before {content: "";position: absolute;left: 0;right: 0;top: -10px;margin: 0 auto;width: 7px;height: 7px;border-radius: 50%;background: #ea493e;}
*/
.fregisterSteps > li {position: relative;display: block;padding: 0 0 0 10px;width: 33.3333333333%;height: 60px;display: flex;align-items: center;justify-content: center;overflow: hidden;}
.fregisterSteps .sFirst { color: #fff; background: #bec9cf; }
.fregisterSteps .sSecond { color: #fff; background: #bec9cf;}
.fregisterSteps .sThird { color: #fff; background: #bec9cf; }
.fregisterSteps .current { color: #fff; background: #ea493e !important; }
.fregisterSteps li > span:after,
.fregisterSteps li > span:before {content: "";display: block;width: 0px;height: 0px;position: absolute;top: 0;left: 0;border: solid transparent;border-width: 30px;}
.fregisterSteps li > span:after {top: 0;z-index: 1;border-width: 30px;}
.fregisterSteps li > span:before {z-index: 2;}
.fregisterSteps li.sFirst + li > span:before {border-left-color: #bec9cf;}
.fregisterSteps li.sSecond + li > span:before {border-left-color: #bec9cf;}
.fregisterSteps li.sThird + li > span:before {border-left-color: #bec9cf;}
.fregisterSteps li.current + li > span:before {border-left-color: #ea493e !important;}
.fregisterSteps li:first-child > span:after,
.fregisterSteps li:first-child > span:before {display: none;}

.fregisterSteps li > i:after,
.fregisterSteps li > i:before {content: "";display: block;width: 0px;height: 0px;position: absolute;top: -2px;left: 0;border: solid transparent;border-width: 32px;border-left-color: #ffffff;}
.fregisterSteps li > i:after {top: -2px;z-index: 1;border-width: 32px;}
.fregisterSteps li > i:before {z-index: 1;}

#fregister p {background: #ea493e;border-radius: 0;padding: 0 15px;text-align: left;display: flex;align-items: center;gap: 5px;line-height: initial;}
#fregister p:before {background: transparent;}
#fregister section {border-radius: 0;border: 1px solid #e5e5e5;}
#fregister h2 {border-bottom: 1px solid #e5e5e5;}
#fregister textarea {resize: none;}
#fregister .agreeNotice {display: block;text-align: left;margin-top: 5px;margin-bottom: 15px;color: #f4ba61;}
.fregister_agree input[type="checkbox"] + label:hover {color: #d20138;}
#fregister_chkall {text-align: right;border-radius: 0;padding-right: 50px;}

#fregisterform {position:relative;background: #fff;min-height: 710px;padding: 30px 20px;display: inline-block;width: 100%;max-width: 1000px;-webkit-box-shadow: 0px 7px 20px 0px rgba(0,0,0,0.2);-moz-box-shadow: 0px 7px 20px 0px rgba(0,0,0,0.2);box-shadow: 0px 7px 20px 0px rgba(0,0,0,0.2);}
.register_form_inner label {display: flex;gap: 5px;}
#fregisterform .form_01 div {background: #fff;border-radius: 0;border: 1px solid #d8dadd;}
#register_form h2 {border-bottom: 1px solid #e5e5e5;background: #f4f6fa;}
.result .register {margin: 150px auto 50px;}
#reg_result {border-radius: 0;background: transparent;border: 0;padding: 0 10px;position: relative;margin: 50px auto 50px;max-width: 1020px;width: 100%;}
#reg_result .register-result {border: 1px solid #d6e2f4;padding: 40px 30px;}
.btn_confirm_reg {margin: 20px 0 50px;}
.reg_btn_submit {border-radius: 0;background: rgb(105,163,255);background: linear-gradient(162deg, rgba(105,163,255,1) 0%, rgba(43,125,254,1) 50%, rgba(43,125,254,1) 100%);font-weight: 500;color: #fff !important;}

/* board */
.tbl_wrap table {background: transparent;}
.tbl_head01 thead th {font-size: 15px;}
.tbl_head01 td {font-size: 15px;}
.tbl_head01 td .bo_tit {font-weight: 500;}
.bo_sch {top: 0;bottom: 0;left: 0;right: 0;margin: auto;height: 179px;}
.bo_sch .bo_sch_cls {padding: 10px 15px;}
.bo_sch h3 {font-size: 14px;}
.bo_sch select {-webkit-box-shadow: none;box-shadow: none;}
.bo_sch .sch_bar {-webkit-box-shadow: none;box-shadow: none;}
.bo_sch .sch_input {padding-left: 5px;}
/* board > list */
#bo_list {padding: 20px;/*background: #fff;border-radius: 10px;*/}
#bo_list .tbl_wrap table {border-top: 1px solid #776C61;}
#bo_list .td_chk label {margin-bottom: 2px;}
#bo_list .td_name {text-align: center;}
#bo_list tbody .even td {background: transparent;}
#bo_list tbody tr:hover {border-left: 0;}
#bo_list tbody tr td {-webkit-transition: all .2s ease-out;-moz-transition: all .2s ease-out;-o-transition: all .2s ease-out;transition: all .2s ease-out;} 
#bo_list tbody tr:hover td {background: #f9f9f9;}
/* board > view */
#bo_v {padding: 20px;border-radius: 10px;background: #fff;}
#bo_v_title .bo_v_tit {font-size: 20px;font-weight: 500;}
#bo_v_info .sv_member {font-size: 15px;font-weight: 400;}
#bo_v_top ul {background: transparent;}
#bo_v_con {font-size: 15px;}
.bo_v_nb {font-size: 15px;}
/* board > cmt */
.cmt_btn {background: transparent;}
.cmt_btn span.total {color: #5e40e1;}
.cmt_btn span.total:after {background: #5e40e1;}
.cmt_btn b {font-weight: 400;}
#bo_vc_empty {font-size: 14px;}
/* board > write */
#bo_w {padding: 20px;background: #fff;border-radius: 10px;}
#bo_w .bo_w_tit #btn_autosave {top: 10px;right: 15px;}
.btn_confirm .btn_submit {border-radius: 0px;background: rgb(105,163,255);background: linear-gradient(162deg, rgba(105,163,255,1) 0%, rgba(43,125,254,1) 50%, rgba(43,125,254,1) 100%);font-weight: 500;}
.btn_confirm .btn_submit:hover {color: #fff;}

/* 1:1 온라인 문의 */
#bo_cate a {border: 1px solid #776C61;color: #707070;min-width: 80px;text-align: center;font-size: 15px;border-radius: 10px;}
#bo_cate a:focus, #bo_cate a:hover, #bo_cate a:active {border: 1px solid #d20138;text-decoration:none;background:#d20138;color:#fff;-webkit-box-shadow: inset 0 2px 5px #d20138;-moz-box-shadow: inset 0 2px 5px #d20138;box-shadow: inset 0 2px 5px #d20138;}
#bo_cate #bo_cate_on {background: #d20138;border: 1px solid #d20138;-webkit-box-shadow: inset 0 2px 5px #d20138;-moz-box-shadow: inset 0 2px 5px #d20138;box-shadow: inset 0 2px 5px #d20138;}
#bo_list.bo_qa .chk_box input[type="checkbox"] + label {margin-bottom: 20px;}
.bo_qa .bo_cate_link {border-radius: 3px;font-size: 13px;padding: 5px 10px;}
#bo_list.bo_qa .txt_rdy, .bo_qa #bo_v_rel .txt_rdy{font-size: 14px;font-weight: 400;}
#bo_list.bo_qa .txt_done, .bo_qa #bo_v_rel .txt_done {font-size: 14px;font-weight: 400;}
#bo_w.bo_qa .bo_w_select select {height: 50px;font-size: 14px;}
#bo_w.bo_qa .chk_box input[type="checkbox"] + label {padding-left: 20px;}
.bo_qa #bo_v_title {display: flex;align-items: center;gap: 10px;font-size: 16px;}
.bo_qa #bo_v_ans h2 {font-size: 16px;display: flex;align-items: center;gap: 10px;}
.bo_qa #bo_v_ans h2 span {border-radius: 3px;display: flex;align-items: center;}
.bo_qa .td_date {width: 80px;}
.bo_qa .bo_v_nb li:hover {background: transparent;}
.bo_qa .frm_input {font-size: 14px;}
#bo_w .btn_cancel {color: #fff;}

/* FAQ */
#faq_sch {background: transparent;padding: 0 20px 20px;margin-top: 50px;}
#faq_sch form {display: flex;justify-content: center;gap: 5px;}
#faq_wrap {background: #fff;padding: 30px 20px;border-radius: 10px;}
#faq_wrap li h3 a {font-size: 14px;}
#faq_wrap li h3.faq_li_open a {color: #d20138;}
#faq_con .con_inner .closer_btn {color: #d20138;} 

/* 입찰 정보 (탭영역) */
.bidTabWrap {position: relative;margin-bottom: 30px;}
.bidTabWrap ul {display: flex;justify-content: center;}
/*
.bidTabWrap ul li {width: 50%;height: 63px;border-bottom: 3px solid #303030;}
.bidTabWrap ul li.active {border: 3px solid #303030;border-bottom: 0;border-top-left-radius: 10px;border-top-right-radius: 10px;}
*/
.bidTabWrap ul li a {position: relative;display: block;font-size: 28px;font-weight: 500;color: #939393;padding: 10px 30px;}
.bidTabWrap ul li.active a {color: #d20138;font-weight: 600;}
.bidTabWrap ul li a:hover {color: #d20138;}
.bidTabWrap ul li:first-child a::after {content: "";position: absolute;right: -1px;top: 0;bottom: -5px;width: 1px;height: 30px;background-color: #ddd;margin: auto 0;}

/* 입찰 정보 > 공고 리스트 */
.bidListWrap {padding: 30px 20px;border-radius: 10px;background: #fff;}
.bidListWrap .bidListTabWrap {position: relative;margin-bottom: 60px;}
.bidListWrap .bidListTabWrap ul {display: flex;width: 100%;max-width: 750px;margin: 0 auto;}
.bidListWrap .bidListTabWrap ul li {position: relative;width: 33.3333333333%;}
/*
.bidListWrap .bidListTabWrap ul li::after {content: "";position: absolute;right: -1px;top: 0;bottom: 0;margin: auto 0;width: 1px;height: 10px;background: #fff;z-index: 1;}
.bidListWrap .bidListTabWrap ul li.active::after {width: 0;}
.bidListWrap .bidListTabWrap ul li:last-child::after {width: 0;}
*/
.bidListWrap .bidListTabWrap ul li a {display: flex;width: 100%;height: 60px;align-items: center;justify-content: center;font-size: 18px;background: #f5f6f7;color: #8e979d;font-weight: 500;border: 1px solid #e2e2e2;border-right: 0;}
.bidListWrap .bidListTabWrap ul li:last-child a {border-right: 1px solid #e2e2e2;}
.bidListWrap .bidListTabWrap ul li a:hover {background: #d20138;border: 1px solid #d20138;border-left-color: #e2e2e2;color: #fff;}
.bidListWrap .bidListTabWrap ul li.active a {background: #d20138;border: 1px solid #d20138;border-left-color: #e2e2e2;color: #fff;}
.bidListWrap .bidAlertWrap {position: relative;}
.bidListWrap .bidAlertWrap .alert {border-radius: 0;}
.bidListWrap .bidAlertWrap .alert h4 {font-size: 14px;margin-bottom: 5px;}
.bidListWrap .bidAlertWrap .alert h4 i {margin-right: 5px;}
.bidListWrap .bidAlertWrap .alert ul {font-size: 13px;}
.bidListWrap .r_table {position: relative;width: 100%;z-index: 1;margin: 0 auto 10px;overflow: auto;}
.bidListWrap .tbl_wrap table {border-top: 2px solid #c0283d;border-bottom: 1px solid #e6e6e6;width: 100%;min-width: 1152px;}
.bidListWrap .tbl_head01 td {font-size: 13px;letter-spacing: -0.5px;text-align: center !important;border-top: 1px solid #e6e6e6;border-bottom: 1px solid #e6e6e6;}
.bidListWrap .tbl_head01 thead th {border-bottom: 1px solid #e6e6e6;background: #f5f6f7;padding: 10px 0;}
.bidListWrap .tbl_head01 tbody tr:hover td {background: #f9f9f9;}
.bidListWrap .tbl_head01 td.estimate a {display: inline-flex;width: 60px;height: 34px;align-items: center;justify-content: center;color: #fff;border-radius: 3px;font-size: 20px;}
.bidListWrap .tbl_head01 td.admiInfo a {display: inline-flex;width: 60px;height: 34px;align-items: center;justify-content: center;color: #fff;border-radius: 3px;font-size: 20px;}
.bidListWrap .tbl_head01 td.requestState span {display: inline-flex;width: 60px;height: 34px;align-items: center;justify-content: center;font-weight: 500;}
.bidListWrap .tbl_head01 td.requestState span.sWait {border: 1px solid #007bff;color: #007bff;}
.bidListWrap .tbl_head01 td.requestState span.sConfirm {border: 1px solid #28a745;color: #28a745;}
.bidListWrap .tbl_head01 td.requestState span.sProgress {border: 1px solid #ffc107;color: #ffc107;}
.bidListWrap .tbl_head01 td.requestState span.sCompletion {border: 1px solid #dc3545;color: #dc3545;}
.bidListWrap .tbl_head01 td .sBefore {display: inline-flex;width: 40px;height: 18px;align-items: center;justify-content: center;font-weight: 400;color: #fff;border-radius: 3px;font-size: 12px;background: #dc3545;}
.bidListWrap .tbl_head01 input[type=checkbox] {vertical-align: initial;}
.bidListWrap .bidBtnWrap .btn {min-width: 120px;height: 50px;line-height: 50px;font-weight: 400;color: #fff;}


/* 입찰 정보 > 공고 상세보기 */
.bidViewWrap {padding: 30px 20px;border-radius: 10px;background: #fff;}
.bidViewWrap .bidViewTabWrap {position: relative;margin-bottom: 60px;}
.bidViewWrap .bidViewTabWrap ul {display: flex;width: 100%;max-width: 750px;margin: 0 auto;}
.bidViewWrap .bidViewTabWrap ul li {position: relative;width: 33.3333333333%;}
/*
.bidViewWrap .bidViewTabWrap ul li::after {content: "";position: absolute;right: -2px;top: 0;bottom: 0;margin: auto 0;width: 1px;height: 10px;background: #fff;z-index: 1;}
.bidViewWrap .bidViewTabWrap ul li.active::after {width: 0;}
.bidViewWrap .bidViewTabWrap ul li:last-child::after {width: 0;}
*/
.bidViewWrap .bidViewTabWrap ul li a {display: flex;width: 100%;height: 60px;align-items: center;justify-content: center;font-size: 18px;background: #f5f6f7;color: #8e979d;font-weight: 500;border: 1px solid #e2e2e2;border-right: 0;}
.bidViewWrap .bidViewTabWrap ul li:last-child a {border-right: 1px solid #e2e2e2;}
.bidViewWrap .bidViewTabWrap ul li a:hover {background: #d20138;border: 1px solid #d20138;border-left-color: #e2e2e2;color: #fff;}
.bidViewWrap .bidViewTabWrap ul li.active a {background: #d20138;border: 1px solid #d20138;border-left-color: #e2e2e2;color: #fff;}
.bidViewWrap .bidAlertWrap {position: relative;}
.bidViewWrap .bidAlertWrap .alert {border-radius: 0;}
.bidViewWrap .bidAlertWrap .alert h4 {font-size: 14px;margin-bottom: 5px;}
.bidViewWrap .bidAlertWrap .alert h4 i {margin-right: 5px;}
.bidViewWrap .bidAlertWrap .alert ul {font-size: 13px;}
.bidViewWrap .viewTit {padding: 3px 0;}
.bidViewWrap .viewTit h3 {display: inline-block;font-weight: 600;font-size: 15px;color: #303030;margin-top: -1px;padding-top: 3px;}
.bidViewWrap .tbl_head01 {margin: 0 0 20px;}
.bidViewWrap .r_table {position: relative;width: 100%;z-index: 1;margin: 0 auto 20px;overflow: auto;}
.bidViewWrap .tbl_wrap table {border-top: 2px solid #776C61;width: 100%;min-width: 1024px;}
.bidViewWrap .tbl_head01 thead th {font-weight: 500;font-size: 14px;background: #eee;padding: 5px 10px;border: 1px solid #e6e6e6;height: 50px;}
.bidViewWrap .tbl_head01 tbody th {background: #eee;padding: 5px 10px;font-weight: 500;font-size: 14px;border: 1px solid #e6e6e6;}
.bidViewWrap .tbl_head01 tbody td {font-size: 14px;border: 1px solid #e6e6e6;height: 50px;padding: 5px 10px;}
.bidViewWrap .tbl_head01 tbody tr:hover td {background: transparent;}
.bidViewWrap .tbl_head01 tbody td .bidLimit {background: #fff;border: 1px dotted;padding: 6px;margin: 1px;text-align: left;line-height: 160%;}
.bidViewWrap .riskNestWrap {padding: 20px 10px 0;border: 2px dashed #FF5722;margin-bottom: 20px;margin-left: -10px;margin-right: -10px;}
.bidViewWrap .bntViewWrap {display: flex;justify-content: center;margin-bottom: 20px;}
.bidViewWrap .bntViewWrap .btn {min-width: 320px;height: 50px;line-height: 50px;font-weight: 400;color: #fff;}
.bidViewWrap .bntWrap {display: flex;justify-content: end;gap: 10px;}
.bidViewWrap .bntWrap .btn {min-width: 120px;height: 50px;line-height: 50px;font-weight: 400;color: #fff;}
.bidViewWrap .prtcptBorder {background: #E57373;padding: 0 5px;color: #fff;display: inline;font-size: 13px;}
.bidViewWrap .prtcptBorder input {margin-right: 3px;margin-bottom: 4px;}

/* 행정사 업무 요약 */
.amBidSummary {position: relative;margin-bottom: 40px;padding: 0 20px;}
.amBidSummary .amBidInfoWrap {display: flex;justify-content: space-between;gap: 20px;max-width: 1400px;margin: 0 auto;flex-wrap: wrap;}
.amBidSummary .amBidInfoWrap > li  {width: calc(25% - 20px);}
.amBidSummary .amBidInfoWrap > li > div {background-repeat: no-repeat;background-position: center center;background-size: cover;margin: 0 auto;}
.amBidSummary .amBidInfoWrap > li > div.stepbg01 {background-image: url(/img/sub/stepbg/01.png);width: 264px;height: 230px;}
.amBidSummary .amBidInfoWrap > li > div.stepbg02 {background-image: url(/img/sub/stepbg/02.png);width: 270px;height: 230px;}
.amBidSummary .amBidInfoWrap > li > div.stepbg03 {background-image: url(/img/sub/stepbg/03.png);width: 256px;height: 230px;}
.amBidSummary .amBidInfoWrap > li > div.stepbg04 {background-image: url(/img/sub/stepbg/04.png);width: 266px;height: 230px;}
.amBidSummary .amBidInfoWrap > li .summary-bg {position: relative;text-align: center;}
.amBidSummary .amBidInfoWrap > li .summary-bg img {max-width: 100%;height: auto;}
.amBidSummary .amBidInfoWrap > li .summary-cnt {position: absolute;left: 50px;right: 0;top: 0;bottom: 0;margin: auto;max-width: 150px;max-height: 150px;width: 100%;height: 100%;}
.amBidSummary .amBidInfoWrap > li h3 {padding: 10px 20px;font-size: 16px;color: #fff;text-align: center;width: 80px;margin: 0 auto 10px;border-radius: 50px;}
.amBidSummary .amBidInfoWrap > li h3.step01 {background: #bfc7bf;}
.amBidSummary .amBidInfoWrap > li h3.step02 {background: #c2e472;}
.amBidSummary .amBidInfoWrap > li h3.step03 {background: #68d2f9;}
.amBidSummary .amBidInfoWrap > li h3.step04 {background: #565656;}
.amBidSummary .amBidInfoWrap > li a {display: flex;justify-content: space-between;padding: 10px 20px;font-size: 14px;color: #707070;}
.amBidSummary .amBidInfoWrap > li a span {font-weight: 500;}
.amBidSummary .amBidInfoWrap > li a b {color: #303030;font-size: 15px;}

/* 행정사 업무 (탭영역) */
.amBidTabWrap {position: relative;margin-bottom: 30px;}
.amBidTabWrap ul {display: flex;justify-content: center;}
/*
.amBidTabWrap ul li {width: 50%;height: 63px;border-bottom: 3px solid #303030;}
.amBidTabWrap ul li.active {border: 3px solid #303030;border-bottom: 0;border-top-left-radius: 10px;border-top-right-radius: 10px;}
*/
.amBidTabWrap ul li a {position: relative;display: block;height: 60px;font-size: 28px;font-weight: 500;color: #939393;padding: 10px 30px;}
.amBidTabWrap ul li.active a {color: #d20138;font-weight: 600;}
.amBidTabWrap ul li a:hover {color: #d20138;}
.amBidTabWrap ul li:first-child a::after {content: "";position: absolute;right: -1px;top: 0;bottom: -5px;width: 1px;height: 30px;background-color: #ddd;margin: auto 0;}

/* 행정사 업무 > 리스트 */
.amBidListWrap {padding: 30px 20px;border-radius: 10px;background: #fff;}
.amBidListWrap .amBidListTabWrap {position: relative;margin-bottom: 60px;}
.amBidListWrap .amBidListTabWrap ul {display: flex;width: 100%;max-width: 1000px;margin: 0 auto;}
.amBidListWrap .amBidListTabWrap ul li {position: relative;width: 25%;}
/*
.amBidListWrap .amBidListTabWrap ul li::after {content: "";position: absolute;right: -2px;top: 0;bottom: 0;margin: auto 0;width: 1px;height: 10px;background: #fff;z-index: 1;}
.amBidListWrap .amBidListTabWrap ul li.active::after {width: 0;}
.amBidListWrap .amBidListTabWrap ul li:last-child::after {width: 0;}
*/
.amBidListWrap .amBidListTabWrap ul li a {display: flex;width: 100%;height: 60px;align-items: center;justify-content: center;font-size: 18px;background: #f5f6f7;color: #8e979d;font-weight: 500;border: 1px solid #e2e2e2;border-right: 0;}
.amBidListWrap .amBidListTabWrap ul li:last-child a {border-right: 1px solid #e2e2e2;}
.amBidListWrap .amBidListTabWrap ul li a:hover {background: #d20138;border: 1px solid #d20138;border-left-color: #e2e2e2;color: #fff;}
.amBidListWrap .amBidListTabWrap ul li.active a {background: #d20138;border: 1px solid #d20138;border-left-color: #e2e2e2;color: #fff;}
.amBidListWrap .amBidAlertWrap {position: relative;}
.amBidListWrap .amBidAlertWrap .alert {border-radius: 0;}
.amBidListWrap .amBidAlertWrap .alert h4 {font-size: 14px;margin-bottom: 5px;}
.amBidListWrap .amBidAlertWrap .alert h4 i {margin-right: 5px;}
.amBidListWrap .amBidAlertWrap .alert ul {font-size: 13px;}
.amBidListWrap .r_table {position: relative;width:100%;z-index: 1;margin: auto;overflow: auto;}
.amBidListWrap .tbl_wrap table {border-top: 2px solid #303030;border-bottom: 1px solid #e6e6e6;min-width: 1024px;}
.amBidListWrap .tbl_head01 td {font-size: 13px;letter-spacing: -0.5px;text-align: center;border-top: 1px solid #e6e6e6;border-bottom: 1px solid #e6e6e6;}
.amBidListWrap .tbl_head01 thead th {border-bottom: 1px solid #e6e6e6;background: #f6f6f6;padding: 15px 0;}
.amBidListWrap .tbl_head01 tbody tr:hover td {background: #f9f9f9;}
.amBidListWrap .tbl_head01 td.estimate a {display: inline-flex;width: 60px;height: 34px;align-items: center;justify-content: center;color: #fff;border-radius: 3px;font-size: 20px;}
.amBidListWrap .tbl_head01 td.admiInfo a {display: inline-flex;width: 60px;height: 34px;align-items: center;justify-content: center;color: #fff;border-radius: 3px;font-size: 20px;}
.amBidListWrap .tbl_head01 td.requestState span {display: inline-flex;width: 60px;height: 34px;align-items: center;justify-content: center;font-weight: 500;}
.amBidListWrap .tbl_head01 td.requestState span.sWait {border: 1px solid #007bff;color: #007bff;}
.amBidListWrap .tbl_head01 td.requestState span.sConfirm {border: 1px solid #28a745;color: #28a745;}
.amBidListWrap .tbl_head01 td.requestState span.sProgress {border: 1px solid #ffc107;color: #ffc107;}
.amBidListWrap .tbl_head01 td.requestState span.sCompletion {border: 1px solid #dc3545;color: #dc3545;}
.amBidListWrap .tbl_head01 input[type=checkbox] {vertical-align: initial;}
.amBidListWrap .bidBtnWrap .btn {min-width: 120px;height: 50px;line-height: 50px;font-weight: 400;color: #fff;}

/* 행정사 업무 > 상세보기 */
.amBidViewWrap {padding: 30px 20px;border-radius: 10px;background: #fff;}
.amBidViewWrap .amBidViewTabWrap {position: relative;margin-bottom: 60px;}
.amBidViewWrap .amBidViewTabWrap ul {display: flex;width: 100%;}
.amBidViewWrap .amBidViewTabWrap ul li {position: relative;width: 33.3333333333%;}
/*
.amBidViewWrap .amBidViewTabWrap ul li::after {content: "";position: absolute;right: -2px;top: 0;bottom: 0;margin: auto 0;width: 1px;height: 10px;background: #fff;z-index: 1;}
.amBidViewWrap .amBidViewTabWrap ul li.active::after {width: 0;}
.amBidViewWrap .amBidViewTabWrap ul li:last-child::after {width: 0;}
*/
.amBidViewWrap .amBidViewTabWrap ul li a {display: flex;width: 100%;height: 60px;align-items: center;justify-content: center;font-size: 18px;background: #f5f6f7;color: #8e979d;font-weight: 500;border: 1px solid #e2e2e2;border-right: 0;}
.amBidViewWrap .amBidViewTabWrap ul li:last-child a {border-right: 1px solid #e2e2e2;}
.amBidViewWrap .amBidViewTabWrap ul li a:hover {background: #d20138;border: 1px solid #d20138;border-left-color: #e2e2e2;color: #fff;}
.amBidViewWrap .amBidViewTabWrap ul li.active a {background: #d20138;border: 1px solid #d20138;border-left-color: #e2e2e2;color: #fff;}
.amBidViewWrap .amBidAlertWrap {position: relative;}
.amBidViewWrap .amBidAlertWrap .alert {border-radius: 0;}
.amBidViewWrap .amBidAlertWrap .alert h4 {font-size: 14px;margin-bottom: 5px;}
.amBidViewWrap .amBidAlertWrap .alert h4 i {margin-right: 5px;}
.amBidViewWrap .amBidAlertWrap .alert ul {font-size: 13px;}
.amBidViewWrap .amBidCompanyWrap {position: relative;padding: 20px;margin-bottom: 20px;border: 1px solid #ffeeba;}
.amBidViewWrap .amBidCompanyWrap h3 {font-size: 16px;margin-bottom: 10px;}
.amBidViewWrap .amBidCompanyWrap ul {display: flex;justify-content: start;flex-wrap: wrap;gap: 10px;}
.amBidViewWrap .amBidCompanyWrap ul li {width: calc(33.3333333333% - 10px);display: flex;justify-content: start;gap: 20px;font-size: 14px;padding: 5px 0;}
.amBidViewWrap .amBidCompanyWrap ul li b {font-weight: 500;}
.amBidViewWrap .amBidInputWrap {position: relative;padding: 20px 15px;border: 1px solid #e6e6e6;margin-bottom: 10px;}
.amBidViewWrap .amBidInputWrap .radioWrap {position: relative;margin-bottom: 20px;}
.amBidViewWrap .amBidInputWrap .hTit {font-size: 14px;font-weight: 500;margin-bottom: 10px;color: #303030;}
.amBidViewWrap .amBidInputWrap .radioWrap .inputWrap {display: flex;align-items: center;justify-self: start;gap: 20px;}
.amBidViewWrap .amBidInputWrap .radioWrap .radio {position: relative;font-size: 14px;color: #666;}
.amBidViewWrap .amBidInputWrap .radioWrap .radio input[type=radio] {position: absolute;opacity: 0;top: 4px;left: 1px;}
.amBidViewWrap .amBidInputWrap .radioWrap .radio input[type=radio] + .radio-label:before {content: "";background: #f4f4f4;border-radius: 100%;border: 2px solid #b4b4b4;display: inline-block;width: 1.4em;height: 1.4em;position: relative;top: 0.1em;margin-right: 0.5em;vertical-align: top;cursor: pointer;text-align: center;transition: all 250ms ease;}
.amBidViewWrap .amBidInputWrap .radioWrap .radio input[type=radio]:checked + .radio-label {color: #d20138;}
.amBidViewWrap .amBidInputWrap .radioWrap .radio input[type=radio]:checked + .radio-label:before {background-color: #d20138;box-shadow: inset 0 0 0 3px #f4f4f4;border-color: #d20138;}
.amBidViewWrap .amBidInputWrap .radioWrap .radio input[type=radio]:focus + .radio-label:before {outline: none;border-color: #d20138;}
.amBidViewWrap .amBidInputWrap .radioWrap .radio input[type=radio]:disabled + .radio-label:before {box-shadow: inset 0 0 0 4px #f4f4f4;border-color: #b4b4b4;background: #b4b4b4;}
.amBidViewWrap .amBidInputWrap .radioWrap .radio input[type=radio] + .radio-label:empty:before {margin-right: 0;}
.amBidViewWrap .amBidInputWrap .textareWrap .inputWrap .agentMemo {width: 100%;height: 146px;padding: 10px;border: 1px solid #e6e6e6;background: #f9f9f9;}
.amBidViewWrap .amBidInputWrap .btnWrap {margin-top: 10px;display: flex;justify-content: center;}
.amBidViewWrap .amBidInputWrap .btnWrap .btn {min-width: 120px;height: 50px;line-height: 50px;font-weight: 400;color: #fff;}

.amBidViewWrap .viewTit {padding: 3px 0;}
.amBidViewWrap .viewTit h3 {display: inline-block;font-weight: 600;font-size: 15px;color: #303030;margin-top: -1px;padding-top: 3px;}
.amBidViewWrap .tbl_head01 {margin: 0 0 20px;}
.amBidViewWrap .r_table {position: relative;width: 100%;z-index: 1;margin: 0 auto 20px;overflow: auto;}
.amBidViewWrap .tbl_wrap table {border-top: 2px solid #776C61;min-width: 1024px;}
.amBidViewWrap .tbl_head01 thead th {font-weight: 500;font-size: 14px;background: #eee;padding: 5px 10px;border: 1px solid #e6e6e6;height: 50px;}
.amBidViewWrap .tbl_head01 tbody th {background: #eee;padding: 5px 10px;font-weight: 500;font-size: 14px;border: 1px solid #e6e6e6;}
.amBidViewWrap .tbl_head01 tbody td {font-size: 14px;border: 1px solid #e6e6e6;height: 50px;padding: 5px 10px;}
.amBidViewWrap .tbl_head01 tbody tr:hover td {background: transparent;}
.amBidViewWrap .tbl_head01 tbody td .bidLimit {background: #fff;border: 1px dotted;padding: 6px;margin: 1px;text-align: left;line-height: 160%;}
.amBidViewWrap .riskNestWrap {padding: 20px 10px 0;border: 2px dashed #FF5722;margin-bottom: 20px;margin-left: -10px;margin-right: -10px;}
.amBidViewWrap .bntViewWrap {display: flex;justify-content: center;margin-bottom: 20px;}
.amBidViewWrap .bntViewWrap .btn {min-width: 320px;height: 50px;line-height: 50px;font-weight: 400;color: #fff;}
.amBidViewWrap .bntWrap {display: flex;justify-content: end;gap: 10px;}
.amBidViewWrap .bntWrap .btn {min-width: 120px;height: 50px;line-height: 50px;font-weight: 400;color: #fff;}
.amBidViewWrap .prtcptBorder {background: #E57373;padding: 0 5px;color: #fff;display: inline;font-size: 13px;}
.amBidViewWrap .prtcptBorder input {margin-right: 3px;margin-bottom: 4px;}


/* 입찰 정보 > 우측 사이드바(행정사 보기) */
.rightSidebarWrap {position: fixed;width: 300px;height: 100%;top: 0;bottom: 0;right: -300px;background: #fff;z-index: 1002;border-left: 0px solid #d20138;-webkit-transition: all .2s ease-out;-moz-transition: all .2s ease-out;-o-transition: all .2s ease-out;transition: all .2s ease-out;}
.rightSidebarWrap.active {right: 0;box-shadow: 0 4px 10px 0 rgba(0,0,0,0.2), 0 4px 20px 0 rgba(0,0,0,0.19);}
.rightSidebarWrap .sidebarBtnWrap {position: absolute;writing-mode: vertical-rl;text-orientation: upright;height: 150px;width: 50px;text-align: center;top: 0;bottom: 0;left: -50px;line-height: 50px;margin: auto 0;background: #2a3991;border-top-left-radius: 10px;border-bottom-left-radius: 10px;cursor: pointer;font-size: 18px;color: #fff;font-weight: 400;box-shadow: 0px -4px 10px 0 rgba(0,0,0,0.2), 0px 4px 10px 0 rgba(0,0,0,0.19);}
.rightSidebarWrap .sidebarBtnWrap span {display: block;}
.rightSidebarWrap .sidebarCntWrap .sidebarHeaderWrap {box-shadow: 0 7px 8px rgba(0, 0, 0, 0.05);margin-bottom: 10px;}
.rightSidebarWrap .sidebarCntWrap .sidebarHeaderWrap h3 {padding: 20px 0;text-align: center;font-size: 24px;font-weight: 400;color: #303030;}
.rightSidebarWrap .sidebarCntWrap .sidebarListWrap {padding: 10px;display: flex;flex-direction: column;gap: 20px;direction: rtl;overflow-y:auto;}
.rightSidebarWrap .sidebarCntWrap .sidebarListWrap .card {padding: 0 10px;direction: ltr;background: rgb(207 212 217 / 10%);}
.rightSidebarWrap .sidebarCntWrap .sidebarListWrap .tbl_head01 {margin: 0;}
.rightSidebarWrap .sidebarCntWrap .sidebarListWrap .tbl_wrap table {border: 0;}
.rightSidebarWrap .sidebarCntWrap .sidebarListWrap .tbl_head01 th {padding: 0px 5px;}
.rightSidebarWrap .sidebarCntWrap .sidebarListWrap .tbl_head01 td {font-size: 13px;height: 35px;padding: 0 10px;border-bottom: 1px solid #e8e8e8;background: transparent !important;color: #303030;}
.rightSidebarWrap .sidebarCntWrap .sidebarListWrap .tbl_head01 tr:first-child th,
.rightSidebarWrap .sidebarCntWrap .sidebarListWrap .tbl_head01 tr:first-child td{border-top: 0;}
.rightSidebarWrap .sidebarCntWrap .sidebarListWrap .tbl_head01 tr:last-child th,
.rightSidebarWrap .sidebarCntWrap .sidebarListWrap .tbl_head01 tr:last-child td {border-bottom: 0;}
.rightSidebarWrap .sidebarCntWrap .sidebarListWrap .tbl_head01 td .btn_amaffairs {padding: 10px 0;color: #fff;display: block;text-align: center;width: 90%;margin: 10px auto;border-radius: 6px;cursor: pointer;}
.rightSidebarWrap .sidebarCntWrap .sidebarListWrap .tbl_head01 td .my_amaffairs {display: flex;width: 90%;align-items: center;justify-content: center;gap: 5px;color: #303030;font-size: 14px;margin: 0 auto;padding: 10px 0;font-weight: 500;}
.rightSidebarWrap .sidebarCntWrap .sidebarListWrap .tbl_head01 td .my_amaffairs i {font-size: 28px;color: #28a745;}

/* navigation */
.navigationWrap {width: 100%;min-width: 100%;max-width: 100%;padding: 15px 40px;display: flex;justify-content: right;gap: 10px;align-items: center;color: #707070;font-size: 13px;margin: auto;}
.navigationWrap .ion-android-home {font-size: 15px;}
.navigationWrap span.naviLast {color: #303030;font-size: 14px;font-weight: 500;}


/* 투찰 계산기 */
.modal-content .modal-header {border-bottom:0;background: linear-gradient(270deg,#2a3991,#d20138);color: #fff;height: 60px;}
.modal-content .modal-title {font-size: 18px;font-weight: 600;}
.modal-content .modal-header .close {display: flex;align-items: center;opacity: .5;}
.modal-content .modal-header .close:hover {opacity: 1;}
.modal-content .modal-header .close span {font-size: 28px;color: #fff;font-weight: 400;}

.bidCalculation .modal-dialog {max-width: 600px;width: 100%;}
.bidCalculation .modal-dialog .modal-content {max-width: 600px;width: 100%;}
.bidCalculation .modal-dialog .modal-body .modal-cntWrap {height: 670px;}
.bidCalculation .modal-dialog .modal-body .basicWrap {padding: 10px;background: #ECEFF1;}
.bidCalculation .modal-dialog .modal-body .bidWrap {padding: 10px;background: #FFD54F;margin-bottom: 20px;}
.bidCalculation .modal-dialog .modal-body table {width: 100%;font-size: 14px;}
.bidCalculation .modal-dialog .modal-body table tbody th,
.bidCalculation .modal-dialog .modal-body table tbody td {height: 35px;}
.bidCalculation .modal-dialog .modal-body table tbody th {width: 20%;font-weight: 600;color: #444;}
.bidCalculation .modal-dialog .modal-body table tbody td {width: 30%;}
.bidCalculation .modal-dialog .modal-body table tbody td .dPart {display: flex;align-items: center;gap: 5px;}
.bidCalculation .modal-dialog .modal-body table tbody td .dPart span {display: inline-block;min-width: 100px;padding: 0 5px;height: 25px;line-height: 25px;background: rgb(255 255 255 / 70%);text-align: right;}
.bidCalculation .modal-dialog .modal-body .calculationWrap h3 {font-size: 14px;margin-bottom: 10px;}
.bidCalculation .modal-dialog .modal-body .calculationWrap .autoBtnWrap {display: flex;flex-wrap: wrap;gap: 10px;justify-content: space-between;padding: 10px;border: 1px solid #e6e6e6;background: #f6f6f6;margin-bottom: 20px;}
.bidCalculation .modal-dialog .modal-body .calculationWrap .autoBtnWrap li {width: calc(33.3333333333% - 10px);}
.bidCalculation .modal-dialog .modal-body .calculationWrap .autoBtnWrap .btn-rate {position: relative;width: 100%;height: 45px;font-size: 14px;border-radius: 10px;}
.bidCalculation .modal-dialog .modal-body .calculationWrap .autoBtnWrap .btn-rate.check {color: #16f321;}
.bidCalculation .modal-dialog .modal-body .calculationWrap .manualnWrap {padding: 10px;background: #f6f6f6;border: 1px solid #e6e6e6;}
.bidCalculation .modal-dialog .modal-body .calculationWrap .manualnWrap li {display: flex;align-items: center;gap: 20px;font-size: 14px;}
.bidCalculation .modal-dialog .modal-body .calculationWrap .manualnWrap li .frm_input {width: 250px;}
.bidCalculation .modal-dialog .modal-body .btnWrap {display: flex;justify-content: center;gap: 10px;margin-top: 20px;}
.bidCalculation .modal-dialog .modal-body .btnWrap .btn {min-width: 120px;height: 50px;line-height: 50px;font-weight: 400;color: #fff;}

/* 전문가 서비스 */
.aList {display: inline-block;margin-bottom: 20px;font-size: 18px;border: 1px solid #ddd;padding: 5px 15px;background: #fff;border-radius: 6px;color: #666 !important;-webkit-transition: all .2s ease-out;-moz-transition: all .2s ease-out;-o-transition: all .2s ease-out;transition: all .2s ease-out;}
.aList:hover {background: #f6f6f6;}
.aList i {margin-right: 5px;}
.cntLayerBg {padding: 30px 20px;/*border-radius: 10px;background: #fff;*/}
.cntMenuWrap {position: relative;margin: 0 auto;max-width: 1460px;margin-bottom: 150px;}
.cntMenuWrap ul {max-width: 360px;width: 100%;margin: 0 auto;display: flex;gap: 20px;}
.cntMenuWrap ul li {width: calc(100% / 3 - 10px);}
.cntMenuWrap ul li a {position: relative;font-size: 26px;display: flex;justify-content: center;align-items: center;height: 50px;font-weight: 500;color: #999;}
.cntMenuWrap ul li a::before {content: "";position: absolute;left: 0;right: 0;bottom: 0;width: 100%;height: 2px;background: #000;transform: scale(0);-webkit-transition: all .2s ease-out;-moz-transition: all .2s ease-out;-o-transition: all .2s ease-out;transition: all .2s ease-out;}
.cntMenuWrap ul li:hover a,
.cntMenuWrap ul li.current a {color: #000;}
.cntMenuWrap ul li:hover a::before,
.cntMenuWrap ul li.current a::before {transform: scale(1);}
.cntTabWrap {position: relative;margin: 0 auto 50px;max-width: 1460px;}
.cntTabWrap ul {display: flex;width: 100%;position: relative;}
.cntTabWrap ul::before {content: "";position: absolute;left: 0;right: 0;bottom: -1px;width: 100%;height: 1px;background: #d6d4e2;}
.cntTabWrap ul li {position: relative;width: 200px;padding: 10px 0;display: flex;flex-direction: column;align-items: center;gap: 2px;border: 1px solid #d6d4e2;border-bottom: 0;border-right: 0;background: #f4f6fa;cursor: pointer;}
.cntTabWrap ul li:last-child {border-right: 1px solid #d6d4e2;}
.cntTabWrap ul li.on {background: #fff;}
.cntTabWrap ul li.on::before {content: "";position: absolute;left: 0;right: 0;bottom: -1px;width: 100%;height: 1px;background: #fff;}
.cntTabWrap ul li .tabs_icon {background-repeat: no-repeat;background-position: center;background-size: contain;width: 61px;height: 60px;margin-bottom: 10px;}
.cntTabWrap ul li .iconBg01 {background-image: url(../img/sub/icon/e_icon01_off.png);}
.cntTabWrap ul li.on .iconBg01 {background-image: url(../img/sub/icon/e_icon01_on.png);}
.cntTabWrap ul li .iconBg02 {background-image: url(../img/sub/icon/e_icon02_off.png);}
.cntTabWrap ul li.on .iconBg02 {background-image: url(../img/sub/icon/e_icon02_on.png);}
.cntTabWrap ul li h3 {font-size: 16px;color: #babac3;}
.cntTabWrap ul li p {font-size: 14px;color: #babac3;}
.cntTabWrap ul li.on h3 {color: #212529;}
.cntTabWrap ul li.on p {color: #212529;}

.cntListWrap {position: relative;margin: 0 auto;max-width: 1460px;}
.tabsCnt {display: none;}
.tabsCnt.on {display: block;}
.cntListBox {position: relative;display: flex;align-items: start;padding: 20px 0;}
.cntListBox > dl {width: 100%;}
.cntListBox .cntListTit {position: relative;font-size: 18px;font-weight: 500;padding-left: 20px;display: flex;align-items: center;gap: 20px;}
.cntListBox .cntListTit .s_number {font-size: 16px;font-weight: 600;color: #b13741;font-style: italic;}
/*.cntListBox .cntListTit::before {content: "\f383";font-family: "Ionicons";position: absolute;left: 0;top: 0;bottom: 0;margin: 0 auto;color: #e9b74d;}*/
.cntListBox .cntListCnt {position: relative;}
.cntListBox .cntListCnt .cntListCntBox {position: relative;}
.cntListBox .cntListCnt .cntListCntBox h3 {position: relative;font-size: 15px;line-height: 30px;font-weight: 500;color: #444;}
/*
.cntListBox .cntListCnt .cntListCntBox h3::before {content: "";position: absolute;top: 0;bottom: 0;left: 0;margin: auto 0;width: 5px;height: 1px;background: #555;}
*/
.cntListBox .cntListCnt .cntListCntBox p {line-height: 20px;font-size: 14px;font-weight: 400;color: #444;}
.cntListBox .cntListCnt .linkView {position: absolute;top: 2px;right: 10px;font-size: 16px;color: #666;-webkit-transition: all .2s ease-out;-moz-transition: all .2s ease-out;-o-transition: all .2s ease-out;transition: all .2s ease-out;}
.cntListBox .cntListCnt .linkView:hover {transform: translateX(-6px);color: #e9b74d;}
.cntListBox .cntListCnt .linkView i {margin-left: 15px;}
.cntListBox .cntListBox-header {display: inline-block;vertical-align: top;width: 100%;font-size: 18px;color: #333;line-height: 28px;letter-spacing: -0.6px;padding-right: 20px;}
.cntListBox .cntListBox-contents {display: inline-block;vertical-align: top;width: 100%;font-size: 15px;color: #606167;margin-top: 5px;}
.cntListBox .dtable {padding-top: 10px;}
.cntListBox .dtable h3 {padding: 10px 0;color: #333;font-weight: 600;}
.cntListBox .r_table {position: relative;width:100%;z-index: 1;margin: auto;overflow: auto;}
.cntListBox .dtable table {width: 100%;table-layout: fixed;min-width: 800px;}
.cntListBox .dtable table th {padding: 10px;/*border-bottom: 1px solid #efefef;border-top: 1px solid #efefef;border-right: 1px solid #efefef;*/background: #2b303c !important;color: #fff;height: 60px;}
.cntListBox .dtable table th.width-200 {width: 200px;}
.cntListBox .dtable table td {padding: 15px 10px;border-bottom: 1px solid #efefef;border-right: 1px solid #efefef;}
.cntListBox .dtable table td.border-top-efefef {border-top: 1px solid #efefef;}
.cntListBox .dtable table th:last-child,
.cntListBox .dtable table td:last-child {border-right: 0;}
.cntListBox .r_sticky {position: -webkit-sticky;position: sticky;left: 0;background: #f6f6f6;z-index: 1;}
.cntListBox .table {width: 100%;table-layout: fixed;min-width: 800px;}
.cntListBox .table tr:first-child {border-top: 2px solid #333;}
.cntListBox .table th {width: 200px;padding: 20px 0;vertical-align: top;color: #333;border-top: 0;border-bottom: 1px solid #efefef;}
.cntListBox .table td {padding: 20px 0;color: #666;border-top: 0;border-bottom: 1px solid #efefef;}
.cntListBox .listWrap {position: relative;width: 100%;}
.cntListBox .listWrap .list-box {position: relative;display: flex;align-items: start;padding: 15px 0;border-top: 1px solid #efefef;}
.cntListBox .listWrap .list-box .list_box-tit {width: 200px;font-weight: 600;color: #333;}
.cntListBox .listWrap .list-box .list_box-cnt {width: calc(100% - 200px);}

.cntListPart {position: relative;}
.cntListPart .listTit {position: relative;width: 100%;margin: 10px 0 30px;border-bottom: 1px solid #333;text-align: left;}
.cntListPart .listTit span {position: relative;display: inline-block;font-size: 18px;line-height: 34px;font-weight: 500;color: #fff;}
.cntListPart .listTit span::before {content: "";position: absolute;bottom: -2px;width: 32px;height: 3px;background-color: #fff;}
.cntListPart .listCnt {position: relative;width: 100%;padding-bottom: 20px;}
.cntListPart .listCnt ul {width: 100%;display: flex;flex-wrap: wrap;gap: 20px;}
.cntListPart .listCnt ul li {position: relative;width: calc(25% - 13.4px);min-height: 100px;-webkit-transition: all .2s ease-out;-moz-transition: all .2s ease-out;-o-transition: all .2s ease-out;transition: all .2s ease-out;box-shadow: rgba(0, 0, 0, 0.08) 0px 2px 20px;}
/*
.cntListPart .listCnt ul li:hover {transform: translateY(-6px);}
*/
.cntListPart .listCnt .listCntBox {position: relative;display: flex;gap: 5px;align-items: center;width: 100%;height: 100%;padding: 20px;background-color: #121212;color: #fff;flex-direction: column-reverse;border-radius: 10px;overflow: hidden;}
.cntListPart .listCnt .listCntBox .item_over_bg {height: 128px;width: 128px;background-color: #455A64;z-index: 1;position: absolute;top: -75px;right: -75px;border-radius: 50%;-webkit-transition: all .5s ease;-o-transition: all .5s ease;transition: all .5s ease;}
.cntListPart .listCnt .listCntBox:hover .item_over_bg {-webkit-transform: scale(10);-ms-transform: scale(10);transform: scale(10);}
.cntListPart .listCnt .listCntBox .a_cnt {display: flex;flex-direction: column;gap: 2px;width: 100%;z-index: 2;}
.cntListPart .listCnt .listCntBox h3 {position:relative;font-size: 16px;font-weight: 500;color: #fff;}
.cntListPart .listCnt .listCntBox h3::before {content: "";position: absolute;bottom: 0;width: 100%;height: 10px;}
.cntListPart .listCnt .listCntBox p {font-size: 14px;font-weight: 500;padding-left: 8px;}
.cntListPart .listCnt .listCntBox .imgBox {position: relative;padding: 10px;border: 1px solid #fff;border-radius: 8px;background: #fff;width: 100%;text-align: center;z-index: 2;}
.cntListPart .listCnt .listCntBox .imgBox img {max-width: 160px;border-radius: 8px;width: 100%;}
.ribbon {
    --r: .8em; /* control the cutout */   
    border-block: .5em solid #0000;
    padding-inline: .5em calc(var(--r) + .25em);
    line-height: 1.8;
    clip-path: polygon(100% 0,0 0,0 100%,100% 100%,calc(100% - var(--r)) calc(100% - .25em),100% 50%,calc(100% - var(--r)) .25em);
    background:
     radial-gradient(.2em 50% at left,#000a,#0000) border-box,
     #10636b padding-box; /* the color  */
    width: fit-content;
}
.cntProfile {position: relative;margin: 0 auto;max-width: 1460px;}
.cntProfile > ul {display: flex;gap: 30px;flex-wrap: wrap;}
.cntProfile > ul > li {width: calc(100% / 4 - 23px);position: relative;margin-bottom: 20px;overflow: hidden;border-top-left-radius: 10px;border-top-right-radius: 10px;cursor: pointer;}
.cntProfile > ul > li.profileEmpty {width: 100%;cursor: none;}
.cntProfile .item_box {position: relative;padding: 70px 0 0 10px;background: #e9ecf2;}
.cntProfile .expSeeWayLeft .item_box {padding: 70px 10px 0 0;}
.cntProfile .item_box .txt_box {position: absolute;right: 20px;top: 15px;display: flex;flex-direction: column;gap: 2px;}
.cntProfile .expSeeWayLeft .item_box .txt_box {left: 20px;right: 0;}
.cntProfile .item_box .txt_box p {font-size: 14px;text-align: right;color: rgba(68, 77, 97, 0.8);}
.cntProfile .expSeeWayLeft .item_box .txt_box p {text-align: left;}
.cntProfile .item_box .txt_box h3 {font-size: 18px;text-align: right;color: #444d61;}
.cntProfile .expSeeWayLeft .item_box .txt_box h3 {text-align: left;}
.cntProfile .expSeeWayLeft .item_box .img_box {text-align: right;}
.cntProfile .item_box .img_box img {width: 100%;max-width: 200px;}
.cntProfile .info_box {position: absolute;padding: 10px 0;display: flex;flex-direction: column;gap: 2px;bottom: 0;z-index: 10;width: 100%;justify-content: flex-end;}
.cntProfile .info_box::before {content: "";position: absolute;left: 0;right: 0;top: 0;bottom: 0;margin: auto;width: 100%;height: 100%;background: rgb(16 31 107/ 70%);z-index: -1;transform: scaleY(1);-webkit-transition: all .5s ease-out;-moz-transition: all .5s ease-out;-o-transition: all .5s ease-out;transition: all .5s ease-out;}
.cntProfile > ul > li:hover .info_box::before {transform: scaleY(25);}
.cntProfile .info_box h3 {font-size: 16px;color: rgb(255 255 255);padding-left: 10px;}
.cntProfile .expSeeWayLeft .info_box h3 {text-align: right;padding-left: 0;padding-right: 10px;}
.cntProfile .info_box p {font-size: 14px;color: rgb(255 255 255 / 90%);padding-left: 10px;}
.cntProfile .expSeeWayLeft .info_box p {text-align: right;padding-left: 0;padding-right: 10px;}
.cntProfile .moreInfo {position: absolute;left: 0;right: 0;top: 0;bottom: 0;margin: auto;width: 120px;height: 50px;background: #fff;display: flex;align-items: center;justify-content: center;font-size: 16px;border-radius: 50px;gap: 10px;font-weight: 500;z-index: 99;transform: translateY(-500px);opacity: 0;-webkit-transition: all .5s ease-out;-moz-transition: all .5s ease-out;-o-transition: all .5s ease-out;transition: all .5s ease-out;}
.cntProfile > ul > li:hover .moreInfo {transform: translateY(0);opacity: 1;}
.cntProfile .moreInfo:hover {background: #f1f1f1;}

.profilemodial {padding: 0 15px;}
.profilemodial .modal-dialog {max-width: 1000px;}
.profilemodial .modal-content {overflow: hidden;}
.profilemodial .modal-content .modal-header {position: absolute;background: transparent;right: 10px;z-index: 2;}
.profilemodial .modal-content .modal-header .close span {color: #333;}
.profilemodial .modal-content .modal-body {padding: 0;overflow: auto;height: 628px;}
.profilemodial .modal-content .modal-body .modal-cntWrap > ul {display: flex;flex-wrap: wrap;}
.profilemodial .modal-content .modal-body .modal-cntWrap > ul > li:first-child {width: 45%;}
.profilemodial .modal-content .modal-body .modal-cntWrap > ul > li:last-child {width: 55%;}
.profilemodial .modal-content .modal-body .modal-cntWrap .modal-img-box {background: #e9ecf2;padding: 50px 50px 0;height: 100%;position: relative;display: flex;align-items: flex-end;}
.profilemodial .modal-content .modal-body .modal-cntWrap .modal-img-box img {width: 100%;height: auto;}
.profilemodial .modal-content .modal-body .modal-cntWrap .modal-txt-box {padding: 50px 50px 0;}
.profilemodial .modal-content .modal-body .modal-cntWrap .modal-txt-box .header-txt {display: flex;flex-direction: column;gap: 2px;align-items: flex-start;margin-bottom: 40px;}
.profilemodial .modal-content .modal-body .modal-cntWrap .modal-txt-box .header-txt p {font-size: 16px;text-align: right;color: rgba(68, 77, 97, 0.8);}
.profilemodial .modal-content .modal-body .modal-cntWrap .modal-txt-box .header-txt h3 {font-size: 24px;text-align: right;color: #444d61;}
.profilemodial .modal-content .modal-body .modal-cntWrap .modal-txt-box .rows-txt {margin-bottom: 20px;}
.profilemodial .modal-content .modal-body .modal-cntWrap .modal-txt-box .rows-txt h3 {font-size: 16px;color: #333;}
.profilemodial .modal-content .modal-body .modal-cntWrap .modal-txt-box .rows-txt p {font-size: 14px;color: #546E7A;margin-top: 2px;height: 21px;}
.profilemodial .modal-content .modal-body .modal-cntWrap .modal-txt-box .rows-txt .cnt-txt-box {padding: 15px;background: #f5f5f5;;border-radius: 10px;margin-top: 10px;}
.profilemodial .modal-content .modal-body .modal-cntWrap .modal-txt-box .rows-txt .cnt-txt-box ul {display: flex;flex-direction: column;gap: 5px;height: 100px;overflow: auto;}
.profilemodial .modal-content .modal-body .modal-cntWrap .modal-txt-box .rows-txt .cnt-txt-box ul li {width: 100;font-size: 14px;}

.cntProfile .pf_Cnt {background: rgb(81 179 194 / 10%);;padding-top: 30px;border: 1px solid rgb(81 179 194 / 50%);}
.cntProfile .pf_Cnt .pf_header {text-align: center;}
.cntProfile .pf_Cnt .pf_header h1 {margin-bottom: 10px;font-size: 18px;}
.cntProfile .pf_Cnt .pf_header h3 {text-transform: uppercase;font-size: 15px;font-weight: 500;color: #51b3c2;}
.cntProfile .pf_Cnt .pf_img-area {width: 200px;height: 200px;border-radius: 50%;overflow: hidden;margin: 0 auto 25px;border: 15px groove #51b3c2;}
.cntProfile .pf_Cnt .pf_img-area img {width: 100%;}
.cntProfile .pf_Cnt .pf_main {display: flex;flex-wrap: wrap;}
.cntProfile .pf_Cnt .pf_main .pf_left {flex: 1;padding: 30px 15px;}
.cntProfile .pf_Cnt .pf_main .pf_right {flex: 1;padding: 30px 15px;}
.cntProfile .pf_Cnt .pf_main h2 {background: #00b6c4;padding: 15px;color: #fff;margin: 30px 0;font-size: 18px;border-radius: 0 50px 50px 0;}
.cntProfile .pf_Cnt .pf_main p {line-height: 1.8;font-size: 14px;letter-spacing: -1px;}

/* new style 2024/01/03 */

#hd.sticky.new {background-color: rgb(255 255 255 / 90%);}
#hd.sticky.new:hover {background-color: rgb(255 255 255 / 100%);}
#headMenu.new > ul > li > a {color: #fff;}
.result #headMenu.new > ul > li > a {color: #707070;}
#hd.on #headMenu.new > ul > li > a,
#hd.on .hd_login > li > a {color: #707070;}
.hd_login.new a {color: #fff;}
.result .hd_login.new a {color: #707070;}
.r_menu_btnWrap {display: none;}
.r_menu_btnWrap .r_nav-tgl {display: inline-block;cursor: pointer;position: fixed;z-index: 100;right: 10px;top: 10px;width: 50px;height: 50px;border: none;border-radius: 50%;padding: 0;background: transparent;line-height: 0.6;text-align: center;}
.r_menu_btnWrap .r_nav-tgl > span {display: inline-block;position: relative;height: 2px;width: 34px;border-radius: 1px;background: #fff;vertical-align: middle;}
.r_menu_btnWrap .r_nav-tgl > span:before, .r_menu_btnWrap .r_nav-tgl > span:after {display: inline-block;position: absolute;content: "";height: 2px;border-radius: 1px;background: #fff;transition: all 200ms;}
.result .r_menu_btnWrap .r_nav-tgl > span,
.result .r_menu_btnWrap .r_nav-tgl > span:before, 
.result .r_menu_btnWrap .r_nav-tgl > span:after {background: #707070;}
#hd.on .r_menu_btnWrap .r_nav-tgl > span,
#hd.on .r_menu_btnWrap .r_nav-tgl > span:before, 
#hd.on .r_menu_btnWrap .r_nav-tgl > span:after {background: #707070;}
#hd.sticky .r_menu_btnWrap .r_nav-tgl > span,
#hd.sticky .r_menu_btnWrap .r_nav-tgl > span:before, 
#hd.sticky .r_menu_btnWrap .r_nav-tgl > span:after {background: #707070;}
#hd.sticky .r_menu_btnWrap.active .r_nav-tgl > span,
#hd.sticky .r_menu_btnWrap.active .r_nav-tgl > span:before, 
#hd.sticky .r_menu_btnWrap.active .r_nav-tgl > span:after {background: #fff;}
.r_menu_btnWrap .r_nav-tgl > span:before {top: -11px;left: 3px;width: 28px;}
.r_menu_btnWrap .r_nav-tgl > span:after {top: 11px;left: 6px;width: 22px;}
.r_menu_btnWrap .r_nav-tgl:focus {outline: none;}
.r_menu_btnWrap .r_nav-tgl:hover > span:after, .r_nav-tgl:hover > span:before {width: 34px;left: 0;}
.r_menu_btnWrap .r_nav {position: absolute;width: 100%;max-height: 700px;overflow: auto;left: 0;right: 0;margin: 0 auto;padding: 0 50px;z-index: 5;transform: translate(-1000px, 60px);-webkit-transition: all .5s ease-out;-moz-transition: all .5s ease-out;-o-transition: all .5s ease-out;transition: all .5s ease-out;}
.r_menu_btnWrap .r_menu_bg:before {display: block;position: fixed;top: 0;left: 0;content: "";width: 100vw;height: 100vh;background: rgba(0, 0, 0, 1);transition: all 500ms ease-in-out;clip-path: circle(30px at calc(100% - 35px) 40px);visibility: hidden;}
.r_menu_btnWrap.active .r_nav-tgl > span {height: 0;}
.r_menu_btnWrap.active .r_nav-tgl > span:after, .r_menu_btnWrap.active .r_nav-tgl > span:before {top: 0px;left: 0;width: 34px;}
.r_menu_btnWrap.active .r_nav-tgl > span:after {transform: rotate(-45deg);}
.r_menu_btnWrap.active .r_nav-tgl > span:before {transform: rotate(45deg);}
.r_menu_btnWrap.active .r_nav {transform: translate(0px, 60px);}
.r_menu_btnWrap.active .r_menu_bg:before {visibility: visible;clip-path: circle(100%);}
.r_menu_btnWrap .r_nav .r_menu_wrap li a {color: #e5e5e5;font-size: 14px;line-height: 50px;display: flex;justify-content: space-between;align-items: center;}
.r_menu_btnWrap .r_nav .r_menu_wrap > li > a {border-bottom: 1px solid #353535;font-size: 18px;line-height: 60px;font-weight: 500;}
.r_menu_btnWrap .r_nav .r_menu_wrap .r_submenu_list {display: none;border-bottom: 1px solid #353535;}
.r_menu_btnWrap .r_nav .r_menu_wrap .r_submenu_list > li > a {padding-left: 10px;}
.r_menu_btnWrap .r_nav .open .r_submenu_list {display: block;}
.r_menu_btnWrap .r_nav .r_menu_wrap > li > a > i {transform: rotate(0deg);-webkit-transition: all .2s ease-out;-moz-transition: all .2s ease-out;-o-transition: all .2s ease-out;transition: all .2s ease-out;}
.r_menu_btnWrap .r_nav .r_menu_wrap > .open > a > i {transform: rotate(180deg);}
.r_menu_btnWrap .r_nav .r_hd_login {margin-top: 100px;display: flex;gap: 10px;justify-content: center;}
.r_menu_btnWrap .r_nav .r_hd_login  li {width: 33.3333333333%}
.r_menu_btnWrap .r_nav .r_hd_login  li a {display: flex;align-items: center;justify-content: center;width: 100%;line-height: 50px;background: #f02a2a;color: #fff;}

#hd.sticky #headMenu.new > ul > li > a {color: #707070;}
#hd.sticky .hd_login.new a {color: #707070;}
.main .new #container {display: block;}

.main .section {position: relative;overflow: hidden;height: 600px;height: 100vh;background: #f5f5f5;color: #666;text-align: center;}
.main .mainWrap .swiper {width: 100%;height: 100%;}
.main .mainWrap .swiper-slide {background-position: center;background-size: cover;}
.main .mainWrap .swiper-slide .slideBg {position: relative;width: 100%;height: 100%;}
.main .mainWrap .swiper-slide .slideBg::after {content: "";position: absolute;left: 0;right: 0;top: 0;bottom: 0;background-color: rgb(0 0 0 / 30%);}
.main .mainWrap .swiper-slide .slideBg.bg01 {background-image: url(/img/main/slider/main_slider_bg_01.jpg);background-repeat: no-repeat;background-position: center top;background-size: cover;}
.main .mainWrap .swiper-slide .slideBg.bg02 {background-image: url(/img/main/slider/main_slider_bg_02.jpg);background-repeat: no-repeat;background-position: center top;background-size: cover;}
.main .mainWrap .swiper-slide .slideBg.bg03 {background-image: url(/img/main/slider/main_slider_bg_03.jpg);background-repeat: no-repeat;background-position: center top;background-size: cover;}
.main .mainWrap .swiper-slide .slideBg.bg04 {background-image: url(/img/main/slider/main_slider_bg_04.jpg);background-repeat: no-repeat;background-position: center top;background-size: cover;}
.main .mainWrap .swiper-slide .slideBg img {width: 100%;height: 100%;display: none;}
.main .mainWrap .swiper-slide .slideCnt {position: absolute;width: 100%;height: 100%;top: 0;top: 0;bottom: 0;margin: auto 0;}
.main .mainWrap .swiper-slide .slideCnt .cntInner {position: relative;width: 100%;height: 100%;text-align: left;display: flex;justify-content: space-between;align-items: center;gap: 0;max-width: 1460px;flex-direction: row-reverse;margin: 0 auto;padding: 0 20px;}
.main .mainWrap .swiper-slide .slideCnt .cntInner .imgWrap {position: relative;width: 60%;overflow: hidden;z-index: 10;border-radius: 30px;}
/*
.main .mainWrap .swiper-slide .slideCnt .cntInner .imgWrap .img_bg {display: flex;justify-content: center;align-items: center;position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
*/
.main .mainWrap .swiper-slide .slideCnt .cntInner .imgWrap .img_bg img {transform: scale(0);width: 100%;height: 100%;object-fit: cover;-webkit-transition: all .5s ease-out;-moz-transition: all .5s ease-out;-o-transition: all .5s ease-out;transition: all .5s ease-out;}
.main .mainWrap .swiper-slide.swiper-slide-active .slideCnt .cntInner .imgWrap .img_bg img {transform: scale(1);}
.main .mainWrap .swiper-slide.swiper-slide-active .slideCnt .cntInner .imgWrap .img_bg img:hover {transform: scale(1.1);}
.main .mainWrap .swiper-slide .slideCnt .cntInner .textWrap {position: relative;display: flex;flex-direction: column;width: 40%;}
.main .mainWrap .swiper-slide .slideCnt .cntInner .title {position: relative;letter-spacing: -1px;font-size: 48px;font-weight: 700;color: rgb(255, 255, 255);margin-bottom: 10px;overflow: hidden;}
.main .mainWrap .swiper-slide .slideCnt .cntInner .title h1 {transform: translateY(100px);opacity: 0;-webkit-transition: all .5s ease-out;-moz-transition: all .5s ease-out;-o-transition: all .5s ease-out;transition: all .5s ease-out;}
.main .mainWrap .swiper-slide.swiper-slide-active .slideCnt .cntInner .title h1 {transform: translateY(0);opacity: 1;}
.main .mainWrap .swiper-slide .slideCnt .cntInner .subtitle {position: relative;letter-spacing: -1px;font-size: 18px;font-weight: 400;color: rgb(255, 255, 255);overflow: hidden;}
.main .mainWrap .swiper-slide .slideCnt .cntInner .subtitle h3 {transform: translateY(100px);opacity: 0;-webkit-transition: all .7s ease-out;-moz-transition: all .7s ease-out;-o-transition: all .7s ease-out;transition: all .7s ease-out;}
.main .mainWrap .swiper-slide.swiper-slide-active .slideCnt .cntInner .subtitle h3 {transform: translateY(0);opacity: 1;}
.main .mainWrap .swiper-slide .slideCnt .cntInner .text {position: relative;margin-top: 20px;overflow: hidden;}
.main .mainWrap .swiper-slide .slideCnt .cntInner .text ul {transform: translateY(100px);opacity: 0;-webkit-transition: all 1s ease-out;-moz-transition: all 1s ease-out;-o-transition: all 1s ease-out;transition: all 1s ease-out;}
.main .mainWrap .swiper-slide.swiper-slide-active .slideCnt .cntInner .text ul {transform: translateY(0);opacity: 1;}
.main .mainWrap .swiper-slide .slideCnt .cntInner .text ul li {position: relative;font-size: 16px;font-weight: 400;color: #ffffff;line-height: 32px;padding-left: 20px;}
.main .mainWrap .swiper-slide .slideCnt .cntInner .text ul li::before {content: "\f121";font-family: "Ionicons";position: absolute;left: 0;top: 0;bottom: 0;margin: auto 0;width: 16px;line-height: 16px;height: 16px;font-size: 14px;color: #e40000;}
.main .mainWrap .swiper-slide .slideCnt .btnWrap {position: absolute;bottom: 210px;left: 250px;}
.main .mainWrap .swiper-slide .slideCnt .btnWrap .btnDetailView {padding: 20px;background: rgb(0 0 0 / 30%);color: #fff;font-size: 16px;border-radius: 25px 5px;-webkit-transition: all .2s ease-out;-moz-transition: all .2s ease-out;-o-transition: all .2s ease-out;transition: all .2s ease-out;}
.main .mainWrap .swiper-slide .slideCnt .btnWrap .btnDetailView i {margin-left: 10px;}
.main .mainWrap .swiper-slide .slideCnt .btnWrap .btnDetailView:hover {border-radius: 5px 25px;background: rgb(0 0 0 / 100%);}
.main .mainWrap .swiper-slide .slideCnt .imgIconWrap {position: absolute;bottom: 90px;left: 0;overflow: hidden;height: 225px;width: 225px;}
.main .mainWrap .swiper-slide .slideCnt .imgIconWrap img {position: absolute;bottom: -230px;opacity: 0;-webkit-transition: all .2s ease-out;-moz-transition: all .2s ease-out;-o-transition: all .2s ease-out;transition: all .2s ease-out;}
.main .mainWrap .swiper-slide.swiper-slide-active .slideCnt .imgIconWrap img {bottom: 0;opacity: 1;}
.main .mainWrap .swiperController {position: absolute;bottom: 75px;right: 50px;margin: 0 auto;display: flex;justify-content: center;align-items: center;height: 50px;}
.main .mainWrap .swiper-button-next, 
.main .mainWrap .swiper-button-prev {width: 40px;height: 40px;background: rgb(0 0 0 / 30%);border-radius: 0;-webkit-box-shadow: 0 2px 10px rgba(0, 0, 0, 0.08);box-shadow: 0 2px 10px rgba(0, 0, 0, 0.08);color: #fff;}
.main .mainWrap .swiper-button-next:after, 
.main .mainWrap .swiper-button-prev:after {font-size: 14px;font-weight: bold;}
.main .mainWrap .swiper-button-next:hover, 
.main .mainWrap .swiper-button-prev:hover {color: #dd0202;background: rgb(0 0 0 / 100%);}
.main .mainWrap .progress-box {position: absolute;width: 100px;height: 100px;z-index: 11;bottom: 80px;display: flex;flex-direction: column;align-items: center;left: 40px;}
.main .mainWrap .progress-box .swiper-pagination {position: relative;display: flex;color: #fff;justify-content: center;font-size: 11px;font-weight: 300;gap: 10px;align-items: center;}
.main .mainWrap .progress-box .swiper-pagination .current {font-size: 18px;font-weight: 600;}
.main .mainWrap .progress-box .swiper-pagination .total {font-size: 18px;font-weight: 600;color: rgb(255 255 255 / 30%);}
.main .mainWrap .progress-box .autoplay-progress {position: relative;z-index: 10;width: 80px;height: 80px;background-color: rgba(0, 0, 0, 0.3);display: flex;align-items: center;justify-content: center;font-weight: 400;color: #fff;font-size: 20px;}
.main .mainWrap .progress-box .autoplay-progress svg {--progress: 0;position: absolute;left: 0;top: 0;z-index: 10;width: 100%;height: 100%;stroke-width: 2px;stroke: #dd0202;fill: none;stroke-dashoffset: calc(125.6 * (1 - var(--progress)));stroke-dasharray: 125.6;transform: rotate(-90deg);}
.main .mainWrap .swiper-pagination-bullet {margin-right: 6px;background-color: #fff;opacity: .6;vertical-align: middle;}
.main .mainWrap .swiper-pagination-bullet-active {background-color: #d12d1e;opacity: 1;}
.main .mainWrap .swiperController .swiper-pagination {bottom: 0;top: 0;left: 0;width: 75px;}
.main .mainWrap .swiperController .swiper-button-play,
.main .mainWrap .swiperController .swiper-button-pause {font-size: 16px;z-index: 10;color: rgba(255, 255, 255, 1);margin-right: 3px;cursor: pointer;text-align: center;height: 40px;width: 40px;line-height: 40px;background: rgb(0 0 0 / 30%);border-radius: 0;-webkit-box-shadow: 0 2px 10px rgba(0, 0, 0, 0.08);box-shadow: 0 2px 10px rgba(0, 0, 0, 0.08);}
.main .mainWrap .swiperController .swiper-button-play:hover,
.main .mainWrap .swiperController .swiper-button-pause:hover {color: #dd0202;background: rgb(0 0 0 / 100%);}
.main .mainWrap .swiperController .swiper-button-play {display: none;}
.main .mainWrap .swiperController .swiper-button-next,
.main .mainWrap .swiperController .swiper-button-prev {margin-top: 0;position: initial;margin: 0 3px;}

.page-indicator {position: fixed;top: 50%;right: 20px;transform: translateY(-50%);transition: transform 0.3s;z-index: 2;background: rgb(84 110 122 / 80%);padding: 10px;border-radius: 10px;}
.page-indicator > ul > li > a {position: relative;color: #fff;display: block;text-align: right;line-height: 30px;font-size: 14px;padding-right: 20px;}
.page-indicator > ul > li > a::after {content: "";position: absolute;top: 0;bottom: 0;right: 0;margin: auto 0;background: #fff;width: 6px;height: 6px;border-radius: 100%;}
.page-indicator > ul > li > a::before {content: "";position: absolute;top: 0;bottom: 0;right: 0;margin: auto 0;width: 0px;height: 0px;border-radius: 100%;border: 0px solid #fff;-webkit-transition: all .2s ease-out;-moz-transition: all .2s ease-out;-o-transition: all .2s ease-out;transition: all .2s ease-out;}
.page-indicator > ul > li.active > a::before {border-width: 1px;width: 18px;height: 18px;right: -6px;}
/*
.page-indicator > ul > li:hover > a::before {border-width: 1px;width: 18px;height: 18px;right: -6px;}
*/
.page-indicator.change > ul > li > a {color: #333;}
.page-indicator.change > ul > li > a::after {background: #333;}
.page-indicator.change > ul > li > a::before {border-color: #333;}

.mouse_scroll {position: absolute;z-index: 2;bottom: 0;left: 0;right: 0;display: block;margin: 0 auto;width: 24px;height: 100px;}
.m_scroll_arrows {display: block;width: 5px;height: 5px;-ms-transform: rotate(45deg);-webkit-transform: rotate(45deg);transform: rotate(45deg);border-right: 2px solid #fff;border-bottom: 2px solid #fff;margin: 0 0 3px 4px;width: 16px;height: 16px;}
.unu {margin-top: 1px;}
.unu, .doi, .trei {-webkit-animation: mouse-scroll 1s infinite;-moz-animation: mouse-scroll 1s infinite;animation: mouse-scroll 1s infinite;}
.unu {-webkit-animation-delay: .1s;-moz-animation-delay: .1s;-webkit-animation-direction: alternate;animation-direction: alternate;animation-delay: alternate;}
.doi {-webkit-animation-delay: .2s;-moz-animation-delay: .2s;-webkit-animation-direction: alternate;animation-delay: .2s;animation-direction: alternate;margin-top: -6px;}
.trei {-webkit-animation-delay: .3s;-moz-animation-delay: .3s;-webkit-animation-direction: alternate;animation-delay: .3s;animation-direction: alternate;margin-top: -6px;}
.mouse {height: 42px;width: 24px;border-radius: 14px;transform: none;border: 2px solid #fff;top: 170px;}
.wheel {height: 5px;width: 2px;display: block;margin: 5px auto;background: #fff;position: relative;height: 4px;width: 4px;border: 2px solid #fff;-webkit-border-radius: 8px;border-radius: 8px;}
.wheel {-webkit-animation: mouse-wheel 0.6s linear infinite;-moz-animation: mouse-wheel 0.6s linear infinite;animation: mouse-wheel 0.6s linear infinite;}

@-webkit-keyframes mouse-wheel{
   0% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateY(6px);
    -ms-transform: translateY(6px);
    transform: translateY(6px);
  }
}
@-moz-keyframes mouse-wheel {
  0% { top: 1px; }
  25% { top: 2px; }
  50% { top: 3px;}
  75% { top: 2px;}
  100% { top: 1px;}
}
@-o-keyframes mouse-wheel {
   0% { top: 1px; }
  25% { top: 2px; }
  50% { top: 3px;}
  75% { top: 2px;}
  100% { top: 1px;}
}
@keyframes mouse-wheel {
   0% { top: 1px; }
  25% { top: 2px; }
  50% { top: 3px;}
  75% { top: 2px;}
  100% { top: 1px;}
}

@-webkit-keyframes mouse-scroll {
  0%   { opacity: 0;}
  50%  { opacity: .5;}
  100% { opacity: 1;}
}
@-moz-keyframes mouse-scroll {
  0%   { opacity: 0; }
  50%  { opacity: .5; }
  100% { opacity: 1; }
}
@-o-keyframes mouse-scroll {
  0%   { opacity: 0; }
  50%  { opacity: .5; }
  100% { opacity: 1; }
}
@keyframes mouse-scroll {
  0%   { opacity: 0; }
  50%  { opacity: .5; }
  100% { opacity: 1; }
}
.main .mainWrap .sectionBg01 {background-image: url(/img/main/bg/main_section_bg01.jpg);background-repeat: no-repeat;background-position: center top;background-size: cover;}
.main .mainWrap .sectionBg02 {background-image: url(/img/main/bg/main_section_bg02.jpg);background-repeat: no-repeat;background-position: center top;background-size: cover;}
.main .mainWrap .sectionBg03 {background-image: url(/img/main/bg/main_section_bg03.jpg);background-repeat: no-repeat;background-position: center top;background-size: cover;}
.main .mainWrap .sectionBg04 {background-image: url(/img/main/bg/main_section_bg04.jpg);background-repeat: no-repeat;background-position: center top;background-size: cover;}
.main .mainWrap .sectionBg05 {background-image: url(/img/main/bg/main_section_bg05.jpg);background-repeat: no-repeat;background-position: center top;background-size: cover;}
.main .mainWrap .sectionBg06 {background-image: url(/img/main/bg/main_section_bg06.jpg);background-repeat: no-repeat;background-position: center top;background-size: cover;}
.main .mainWrap .sectionBg07 {background-image: url(/img/main/bg/main_section_bg07.jpg);background-repeat: no-repeat;background-position: center top;background-size: cover;}
.main .mainWrap .sectionBg11 {background-image: url(/img/main/bg/main_section_bg11.jpg);background-repeat: no-repeat;background-position: center top;background-size: cover;}
.main .mainWrap .section .scBox-card {padding: 80px 0 50px;}
.main .mainWrap .section .business-card {display: flex;gap: 30px;justify-content: center;padding: 0 20px;}
.main .mainWrap .section .business-card .cardWrap {position: relative;margin-top: 50px;}
.main .mainWrap .section .business-card .cardWrap .b_imgWrap img {max-width: 100%;height: auto;}
.main .mainWrap .section .business-card .cardWrap .b_cntWrap {display: flex;padding: 70px 40px;flex-direction: column;text-align: left;background: #f6f6f6;}
.main .mainWrap .section .business-card .cardWrap .b_cntWrap h3 {font-size: 36px;margin-bottom: 8px;font-weight: 400;color: #333;}
.main .mainWrap .section .business-card .cardWrap .b_cntWrap h5 {font-size: 20px;}
.main .mainWrap .section .business-card .cardWrap .b_cntWrap p {font-size: 16px;margin-top: 20px;height: 48px;}
.main .mainWrap .section .business-card .cardWrap .b_cntWrap a {margin-top: 50px;}
.main .mainWrap .section .ul_scard {display: flex;flex-wrap: wrap;margin: 20px auto 50px;max-width: 1460px;}
.main .mainWrap .section .ul_scard li {width: 25%;padding: 50px 20px 0;}
.main .mainWrap .section .ul_scard .box-outline {height: 380px;/*border: 2px solid #369ced;*/position: relative;padding: 10px;box-shadow: inset 0 0 0 2px #369ced;width: 100%;}
.main .mainWrap .section .ul_scard .box-outline::before, 
.main .mainWrap .section .ul_scard .box-outline::after {box-sizing: inherit;content: "";position: absolute;width: 100%;height: 100%;}
.main .mainWrap .section .ul_scard .box-outline {transition: color 0.15s;}
.main .mainWrap .section .ul_scard .box-outline::before, 
.main .mainWrap .section .ul_scard .box-outline::after {border: 2px solid transparent;width: 0;height: 0;}
.main .mainWrap .section .ul_scard .box-outline::before {top: 0;left: 0;}
.main .mainWrap .section .ul_scard .box-outline::after {bottom: 0;right: 0;}
.main .mainWrap .section .ul_scard .box-outline:hover {color: #60daaa;}
.main .mainWrap .section .ul_scard .box-outline:hover::before, 
.main .mainWrap .section .ul_scard .box-outline:hover::after {width: 100%;height: 100%;}
.main .mainWrap .section .ul_scard .box-outline:hover::before {border-top-color: #d82f51;border-right-color: #d82f51;transition: width 0.15s ease-out, height 0.15s ease-out 0.15s;}
.main .mainWrap .section .ul_scard .box-outline:hover::after {border-bottom-color: #d82f51;border-left-color: #d82f51;transition: border-color 0s ease-out 0.3s, width 0.15s ease-out 0.3s, height 0.15s ease-out 0.45s;}
.main .mainWrap .section .ul_scard .s_box-tit {display: flex;align-items: center;justify-content: center;width: 120px;height: 40px;position: absolute;left: 0;right: 0;top: -15px;margin: 0 auto;background: #369cf1;color: #fff;font-size: 16px;letter-spacing: -1px;-ms-transform: rotate(-15deg);-webkit-transform: rotate(-15deg);transform: rotate(-15deg);-webkit-transition: all .2s ease-out;-moz-transition: all .2s ease-out;-o-transition: all .2s ease-out;transition: all .2s ease-out;}
.main .mainWrap .section .ul_scard .box-outline:hover .s_box-tit {background: #d82f51;-ms-transform: rotate(0deg);-webkit-transform: rotate(0deg);transform: rotate(0deg);}
.main .mainWrap .section .ul_scard .d_box-cnt {width: 100%;height: 360px;background: #37474F;padding: 50px 20px 20px;-webkit-box-shadow: 20px 20px 0px 0px rgb(84 154 234);-moz-box-shadow: 20px 20px 0px 0px rgb(84 154 234);box-shadow: 20px 20px 0px 0px rgb(84 154 234);}
.main .mainWrap .section .ul_scard .s_icon i {font-size: 56px;color: #fff;}
.main .mainWrap .section .ul_scard .h3_tit {font-size: 18px;font-weight: 700;color: #fff;margin: 20px 0 15px;}
.main .mainWrap .section .ul_scard .p_ex {font-size: 14px;color: #999;letter-spacing: -1px;}
.main .mainWrap .section .scPart {position: relative;background: #fff;width: 50%;height: 100%;}
.main .mainWrap .section .scBox {background: rgb(0 0 0 / 20%);padding: 50px 50px;display: inline-block;position: absolute;margin: auto;left: 0;right: 0;top: 0;bottom: 0;max-width: 1000px;max-height: 400px;}
.main .mainWrap .section .scBoxfull {display: inline-block;position: absolute;margin: auto;left: 0;right: 0;top: 0;bottom: 0;max-width: 1400px;max-height: 400px;}
.main .mainWrap .section .scPart .scBox {background: transparent;}
.main .mainWrap .section .bg-text {font-size: 78px;line-height: 78px;color: #fff;font-weight: 900;letter-spacing: -2px;text-transform: uppercase;}
.main .mainWrap .section .sm-text {font-size: 32px;color: #fff;font-weight: 500;}
.main .mainWrap .section .ex-text {font-size: 24px;color: #fff;font-weight: 500;margin-top: 20px;}
.main .mainWrap .section .scBox-card .bg-text,
.main .mainWrap .section .scBox-card .sm-text,
.main .mainWrap .section .scBox-card .ex-text {color: #37474F;}
.main .mainWrap .section .linkBox {margin-top: 50px;}
.main .mainWrap .section .linkBox a {display: inline-block;min-width: 144px;padding: 0 28px;height: 44px;line-height: 40px;border: 2px solid #fff;border-radius: 24px;font-size: 15px;color: #fff;position: relative;-webkit-transition: all .2s ease-out;-moz-transition: all .2s ease-out;-o-transition: all .2s ease-out;transition: all .2s ease-out;}
.main .mainWrap .section .linkBox a i {margin-left: 40px;}
.main .mainWrap .section .linkBox a:hover {color: #333;background: #fff;}
.main .mainWrap .section .linkBox a.color333333:hover {color: #fff !important;background: #333;}
.main .mainWrap .section .counterBox {display: flex;justify-content: space-between;flex-flow: wrap;border-radius: 15px;margin-top: 30px;padding: 0 15px;gap: 15px;}
.main .mainWrap .section .counterBox li {background: rgb(0 0 0 / 80%);width: calc(25% - 15px);padding: 50px 0;border-radius: 15px;display: block;}
.main .mainWrap .section .counterBox li i {font-size: 56px;color: #fff;line-height: 56px;}
.main .mainWrap .section .counterBox li h1 {position: relative;font-size: 36px;color: #fff;display: inline-block;}
.main .mainWrap .section .counterBox li h1::after {content: "+";position: absolute;top: 0;bottom: 0;right: -25px;margin: auto 0;color: #fd3535;font-size: 24px;line-height: 20px;height: 20px;}
.main .mainWrap .section .counterBox li h3 {font-size: 24px;color: #fff;font-weight: 400;margin-top: 10px;}
.main .mainWrap .section .bannerSwiper {position:relative;width: 100%;max-height: 450px;}
.main .mainWrap .section .bannerSwiper > .swiper-slide__content {position:absolute;top:0;}
.main .mainWrap .section .bannerSwiper .swiper-slide {height: 100%;width: 100%;display:flex;align-items: center;justify-content:center;transition:all 200ms linear;transform: scale(1);opacity: .7;padding: 0 15px;}
.main .mainWrap .section .bannerSwiper .swiper-slide.swiper-slide-active {transform: scale(1.15);opacity: 1;}
.main .mainWrap .section .bannerSwiper .swiper-slide__content {height: 300px;}
.main .mainWrap .section .bannerSwiper .swiper-slide .bannerCnt {display: flex;justify-content: center;align-items: center;position: relative;width: 100%;max-width: 260px;height: 100%;max-height: 260px;overflow: hidden;border-radius: 15px;}
.main .mainWrap .section .bannerSwiper .swiper-slide .bannerCnt img {width: 100%;height: auto;object-fit: cover;}
.main .mainWrap .section .bannerSwiper .swiper-slide .bannerTit {margin-top: 25px;font-size: 16px;font-weight: 500;text-align: center;}

/* 서브페이지 타이틀 영역*/
#container .cntHeader.titBg01 {background-image: url(/img/sub/titbg/1.jpg);background-repeat: no-repeat;background-position: center 60%;background-size: cover;height: 35vh;margin-bottom: 70px;}
#container .cntHeader.titBg02 {background-image: url(/img/sub/titbg/2.jpg);background-repeat: no-repeat;background-position: center center;background-size: cover;height: 35vh;margin-bottom: 30px;}
#container .cntHeader.titBg03 {background-image: url(/img/sub/titbg/3.jpg);background-repeat: no-repeat;background-position: center center;background-size: cover;height: 35vh;margin-bottom: 10px;}
#container .cntHeader.titBg04 {background-image: url(/img/sub/titbg/4.jpg);background-repeat: no-repeat;background-position: center center;background-size: cover;height: 35vh;margin-bottom: 70px;}
#container .cntHeader.titBg05 {background-image: url(/img/sub/titbg/5.jpg);background-repeat: no-repeat;background-position: center center;background-size: cover;height: 35vh;margin-bottom: 70px;}
#container .cntHeader .titBox {padding: 50px 50px;display: inline-block;position: absolute;margin: auto;left: 0;right: 0;top: 55px;bottom: 0;max-height: 400px;max-width: 1460px;}
#container .cntHeader.titBg01 .titBox,
#container .cntHeader.titBg02 .titBox,
#container .cntHeader.titBg03 .titBox,
#container .cntHeader.titBg04 .titBox,
#container .cntHeader.titBg05 .titBox {max-height: 240px;}
#container .cntHeader .titBox .tit_bg-text {font-size: 46px;line-height: 46px;color: #fff;font-weight: 500;margin: 0 auto;}
#container .cntHeader .titBox .tit_sm-text {font-size: 24px;color: #fff;font-weight: 500;text-align: left;margin-top: 10px;text-transform: uppercase;margin: 10px auto 0;}
#container .cntHeader .titBox .tit_ex-text {font-size: 18px;color: #fff;font-weight: 500;margin-top: 40px;margin: 20px auto 0;}
#container .cntHeader.titBg01 .titBox .tit_ex-text,
#container .cntHeader.titBg04 .titBox .tit_ex-text {margin-top: 20px;}
/*
#container .cntHeader .titBox {
  width: 250px;
  height: 250px;
  position: relative;
  display: flex;
  justify-content: center;
  flex-direction: column;
}*/
#container .cntHeader .titBox .tit_bg-text {width: fit-content;position: relative;display: flex;align-items: center;height: auto;text-align: left;}
#container .cntHeader .titBox .tit_bg-text::before {content: "";width: 0%;top: 0;bottom: 0;background: rgb(255 255 255 / 50%);position: absolute;animation: mainBlock 2s cubic-bezier(0.74, 0.06, 0.4, 0.92) forwards;display: flex;}
/*
#container .cntHeader .titBox .tit_bg-text .block {width: 0%;height: inherit;background: rgb(255 255 255 / 50%);position: absolute;animation: mainBlock 2s cubic-bezier(0.74, 0.06, 0.4, 0.92) forwards;display: flex;}
*/
#container .cntHeader .titBox .tit_bg-text h1 {color: #fff;font-size: 38px;line-height: 38px;-webkit-animation: mainFadeIn 2s forwards;-o-animation: mainFadeIn 2s forwards;animation: mainFadeIn 2s forwards;animation-delay: 1.6s;opacity: 0;/*display: flex;align-items: baseline;*/position: relative;}
/*
#container .cntHeader .titBox .tit_bg-text h1::after {content: "";width: 0px;height: 0px;-webkit-border-radius: 50%;-moz-border-radius: 50%;border-radius: 50%;background: #ffb510;-webkit-animation: load 0.6s cubic-bezier(0.74, 0.06, 0.4, 0.92) forwards;animation: popIn 0.8s cubic-bezier(0.74, 0.06, 0.4, 0.92) forwards;animation-delay: 2s;margin-left: 5px;margin-top: -10px;position: absolute;bottom: 13px;right: -12px;}
#container .cntHeader .titBox .tit_bg-text h1 span {width: 0px;height: 0px;-webkit-border-radius: 50%;-moz-border-radius: 50%;border-radius: 50%;background: #ffb510;-webkit-animation: load 0.6s cubic-bezier(0.74, 0.06, 0.4, 0.92) forwards;animation: popIn 0.8s cubic-bezier(0.74, 0.06, 0.4, 0.92) forwards;animation-delay: 2s;margin-left: 5px;margin-top: -10px;position: absolute;bottom: 13px;right: -12px;}
*/
#container .cntHeader .titBox .tit_sm-text {width: fit-content;position: relative;display: flex;align-items: center;height: auto;text-align: left;}
#container .cntHeader .titBox .tit_sm-text::before {content: "";width: 0%;top: 0;bottom: 0;background: #101f6b;position: absolute;animation: mainBlock 2s cubic-bezier(0.74, 0.06, 0.4, 0.92) forwards;animation-delay: 1.5s;display: flex;}
/*
#container .cntHeader .titBox .tit_sm-text .block {width: 0%;height: inherit;background: #101f6b;position: absolute;animation: mainBlock 2s cubic-bezier(0.74, 0.06, 0.4, 0.92) forwards;animation-delay: 1.5s;display: flex;}
*/
#container .cntHeader .titBox .tit_sm-text h3 {color: #fff;font-size: 22px;line-height: 22px;font-weight: 400;-webkit-animation: mainFadeIn 2s forwards;-o-animation: mainFadeIn 2s forwards;animation: mainFadeIn 2s forwards;animation-delay: 3s;opacity: 0;display: flex;align-items: baseline;position: relative;}
#container .cntHeader .titBox .tit_sm-text h3 i {margin: 0 5px;}
#container .cntHeader .titBox .tit_ex-text {width: fit-content;position: relative;display: flex;align-items: center;height: auto;text-align: left;}
#container .cntHeader .titBox .tit_ex-text::before {content: "";width: 0%;top: 0;bottom: 0;background: #c73f54;position: absolute;animation: secBlock 2s cubic-bezier(0.74, 0.06, 0.4, 0.92) forwards;animation-delay: 3s;display: flex;}
/*
#container .cntHeader .titBox .tit_ex-text .block {width: 0%;height: inherit;background: #c73f54;position: absolute;animation: secBlock 2s cubic-bezier(0.74, 0.06, 0.4, 0.92) forwards;animation-delay: 3s;display: flex;}
*/
#container .cntHeader .titBox .tit_ex-text p {animation: secFadeIn 2s forwards;animation-delay: 4.2s;opacity: 0;font-weight: 400;color: #ffffff;font-size: 18px;text-transform: uppercase;letter-spacing: 5px;}

@keyframes mainBlock {
  0% {
    width: 0%;
    left: 0;
  }
  50% {
    width: 100%;
    left: 0;
  }
  100% {
    width: 0;
    left: 100%;
  }
}
@keyframes secBlock {
  0% {
    width: 0%;
    left: 0;
  }
  50% {
    width: 100%;
    left: 0;
  }
  100% {
    width: 0;
    left: 100%;
  }
}
@keyframes mainFadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes popIn {
  0% {
    width: 0px;
    height: 0px;
    background: #c73f54;
    border: 0px solid #ddd;
    opacity: 0;
  }
  50% {
    width: 10px;
    height: 10px;
    background: #c73f54;
    opacity: 1;
    bottom: 45px;
  }
  65% {
    width: 7px;
    height: 7px;
    bottom: 0px;
    width: 15px;
  }
  80% {
    width: 10px;
    height: 10px;
    bottom: 20px;
  }
  100% {
    width: 7px;
    height: 7px;
    background: #c73f54;
    border: 0px solid #222;
    bottom: 13px;
  }
}
@keyframes secFadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 0.9;
  }
}
/* 설계 */
.dwgLayerBg {background: #134c7b;}
.dwgWrap {position: relative;}
.dwgWrap .dwgSlider {position: relative;overflow: hidden;height: 100vh;background: #f5f5f5;color: #666;text-align: center;}
.dwgWrap .dwgSlider .swiper {width: 100%;height: 100%;}
.dwgWrap .dwgSlider .swiper-slide {background-position: center;background-size: cover;}
.dwgWrap .dwgSlider .swiper-slide .slideBg {position: relative;width: 100%;height: 100%;}
.dwgWrap .dwgSlider .swiper-slide .slideBg::after {content: "";position: absolute;left: 0;right: 0;top: 0;bottom: 0;background-color: rgb(0 0 0 / 10%);}
.dwgWrap .dwgSlider .swiper-slide .slideBg.bg01 {background-image: url(/img/sub/dwg/slider/main_slider_bg_01.jpg);background-repeat: no-repeat;background-position: center top;background-size: cover;}
.dwgWrap .dwgSlider .swiper-slide .slideBg.bg02 {background-image: url(/img/sub/dwg/slider/main_slider_bg_02.jpg);background-repeat: no-repeat;background-position: center top;background-size: cover;}
.dwgWrap .dwgSlider .swiper-slide .slideBg.bg03 {background-image: url(/img/sub/dwg/slider/main_slider_bg_03.jpg);background-repeat: no-repeat;background-position: center top;background-size: cover;}
.dwgWrap .dwgSlider .swiper-slide .slideBg.bg04 {background-image: url(/img/sub/dwg/slider/main_slider_bg_04.jpg);background-repeat: no-repeat;background-position: center top;background-size: cover;}
.dwgWrap .dwgSlider .swiper-slide .slideBg.bg05 {background-image: url(/img/sub/dwg/slider/main_slider_bg_05.jpg);background-repeat: no-repeat;background-position: center top;background-size: cover;}
.dwgWrap .dwgSlider .swiper-slide .slideBg.bg06 {background-image: url(/img/sub/dwg/slider/main_slider_bg_06.jpg);background-repeat: no-repeat;background-position: center top;background-size: cover;}
.dwgWrap .dwgSlider .swiper-slide .slideBg img {width: 100%;height: 100%;display: none;}
.dwgWrap .dwgSlider .swiper-slide .slideCnt {position: absolute;width: 100%;height: 100%;top: 0;top: 0;bottom: 0;margin: auto 0;}
.dwgWrap .dwgSlider .swiper-slide .slideCnt .cntInner {position: relative;width: 100%;height: 100%;text-align: left;display: flex;justify-content: space-between;align-items: center;gap: 0;flex-direction: row-reverse;margin: 0 auto;padding: 0 20px;}
.dwgWrap .dwgSlider .swiper-slide .slideCnt .cntInner.left {flex-direction: row;}
.dwgWrap .dwgSlider .swiper-slide .slideCnt .cntInner .imgWrap {position: relative;width: 60%;overflow: hidden;z-index: 10;border-radius: 30px;}
.dwgWrap .dwgSlider .swiper-slide .slideCnt .cntInner .imgWrap .img_bg img {transform: scale(0);width: 100%;height: 100%;object-fit: cover;-webkit-transition: all .5s ease-out;-moz-transition: all .5s ease-out;-o-transition: all .5s ease-out;transition: all .5s ease-out;}
.dwgWrap .dwgSlider .swiper-slide.swiper-slide-active .slideCnt .cntInner .imgWrap .img_bg img {transform: scale(1);}
.dwgWrap .dwgSlider .swiper-slide.swiper-slide-active .slideCnt .cntInner .imgWrap .img_bg img:hover {transform: scale(1.1);}
.dwgWrap .dwgSlider .swiper-slide .slideCnt .cntInner .textWrap {position: relative;display: flex;flex-direction: column;width: 350px;min-height: 150px;transform: translateX(-200px);background: rgb(0 0 0 / 15%);padding: 20px;border-radius: 10px;}
.dwgWrap .dwgSlider .swiper-slide .slideCnt .cntInner .title {position: relative;letter-spacing: -1px;font-size: 36px;font-weight: 700;color: rgb(255, 255, 255);margin-bottom: 10px;overflow: hidden;}
.dwgWrap .dwgSlider .swiper-slide .slideCnt .cntInner .title h1 {transform: translateY(100px);opacity: 0;-webkit-transition: all .5s ease-out;-moz-transition: all .5s ease-out;-o-transition: all .5s ease-out;transition: all .5s ease-out;}
.dwgWrap .dwgSlider .swiper-slide.swiper-slide-active .slideCnt .cntInner .title h1 {transform: translateY(0);opacity: 1;}
.dwgWrap .dwgSlider .swiper-slide .slideCnt .cntInner .subtitle {position: relative;letter-spacing: -1px;font-size: 18px;font-weight: 400;color: rgb(255, 255, 255);overflow: hidden;}
.dwgWrap .dwgSlider .swiper-slide .slideCnt .cntInner .subtitle h3 {transform: translateY(100px);opacity: 0;-webkit-transition: all .7s ease-out;-moz-transition: all .7s ease-out;-o-transition: all .7s ease-out;transition: all .7s ease-out;}
.dwgWrap .dwgSlider .swiper-slide.swiper-slide-active .slideCnt .cntInner .subtitle h3 {transform: translateY(0);opacity: 1;}
.dwgWrap .dwgSlider .swiper-slide .slideCnt .cntInner .text {position: relative;margin-top: 20px;overflow: hidden;}
.dwgWrap .dwgSlider .swiper-slide .slideCnt .cntInner .text ul {transform: translateY(100px);opacity: 0;-webkit-transition: all 1s ease-out;-moz-transition: all 1s ease-out;-o-transition: all 1s ease-out;transition: all 1s ease-out;}
.dwgWrap .dwgSlider .swiper-slide.swiper-slide-active .slideCnt .cntInner .text ul {transform: translateY(0);opacity: 1;}
.dwgWrap .dwgSlider .swiper-slide .slideCnt .cntInner .text ul li {position: relative;font-size: 16px;font-weight: 400;color: #ffffff;line-height: 32px;max-width: 290px;}
.dwgWrap .dwgSlider .swiper-slide .slideCnt .cntInner .designInquiry_btn {padding: 10px;background: rgb(255 255 255 / 70%);width: 100px;text-align: center;font-size: 16px;border: 0;position: absolute;bottom: -50px;left: 0;color: #333;-webkit-transition: all .5s ease-out;-moz-transition: all .5s ease-out;-o-transition: all .5s ease-out;transition: all .5s ease-out;}
.dwgWrap .dwgSlider .swiper-slide .slideCnt .cntInner .designInquiry_btn:hover {background: rgb(255 255 255 / 100%);}
.dwgWrap .dwgSlider .swiper-slide .slideCnt .btnWrap {position: absolute;bottom: 210px;left: 250px;}
.dwgWrap .dwgSlider .swiper-slide .slideCnt .btnWrap .btnDetailView {padding: 20px;background: rgb(0 0 0 / 30%);color: #fff;font-size: 16px;border-radius: 25px 5px;-webkit-transition: all .2s ease-out;-moz-transition: all .2s ease-out;-o-transition: all .2s ease-out;transition: all .2s ease-out;}
.dwgWrap .dwgSlider .swiper-slide .slideCnt .btnWrap .btnDetailView i {margin-left: 10px;}
.dwgWrap .dwgSlider .swiper-slide .slideCnt .btnWrap .btnDetailView:hover {border-radius: 5px 25px;background: rgb(0 0 0 / 100%);}
.dwgWrap .dwgSlider .swiper-slide .slideCnt .imgIconWrap {position: absolute;bottom: 90px;left: 0;overflow: hidden;height: 225px;width: 225px;}
.dwgWrap .dwgSlider .swiper-slide .slideCnt .imgIconWrap img {position: absolute;bottom: -230px;opacity: 0;-webkit-transition: all .2s ease-out;-moz-transition: all .2s ease-out;-o-transition: all .2s ease-out;transition: all .2s ease-out;}
.dwgWrap .dwgSlider .swiper-slide.swiper-slide-active .slideCnt .imgIconWrap img {bottom: 0;opacity: 1;}
.dwgWrap .dwgSlider .swiperController {position: absolute;bottom: 35px;right: 40px;margin: 0 auto;display: flex;justify-content: center;align-items: center;height: 50px;}
.dwgWrap .dwgSlider .swiper-button-next, 
.dwgWrap .dwgSlider .swiper-button-prev {width: 40px;height: 40px;background: rgb(0 0 0 / 30%);border-radius: 0;-webkit-box-shadow: 0 2px 10px rgba(0, 0, 0, 0.08);box-shadow: 0 2px 10px rgba(0, 0, 0, 0.08);color: #fff;}
.dwgWrap .dwgSlider .swiper-button-next:after, 
.dwgWrap .dwgSlider .swiper-button-prev:after {font-size: 14px;font-weight: bold;}
.dwgWrap .dwgSlider .swiper-button-next:hover, 
.dwgWrap .dwgSlider .swiper-button-prev:hover {color: #dd0202;background: rgb(0 0 0 / 100%);}
.dwgWrap .dwgSlider .progress-box {position: absolute;width: 100px;height: 100px;z-index: 11;bottom: 35px;display: flex;flex-direction: column;align-items: center;left: 40px;}
.dwgWrap .dwgSlider .progress-box .swiper-pagination {position: relative;display: flex;color: #fff;justify-content: center;font-size: 11px;font-weight: 300;gap: 10px;align-items: center;}
.dwgWrap .dwgSlider .progress-box .swiper-pagination .current {font-size: 18px;font-weight: 600;}
.dwgWrap .dwgSlider .progress-box .swiper-pagination .total {font-size: 18px;font-weight: 600;color: rgb(255 255 255 / 30%);}
.dwgWrap .dwgSlider .progress-box .autoplay-progress {position: relative;z-index: 10;width: 80px;height: 80px;background-color: rgba(0, 0, 0, 0.3);display: flex;align-items: center;justify-content: center;font-weight: 400;color: #fff;font-size: 20px;}
.dwgWrap .dwgSlider .progress-box .autoplay-progress svg {--progress: 0;position: absolute;left: 0;top: 0;z-index: 10;width: 100%;height: 100%;stroke-width: 2px;stroke: #dd0202;fill: none;stroke-dashoffset: calc(125.6 * (1 - var(--progress)));stroke-dasharray: 125.6;transform: rotate(-90deg);}
.dwgWrap .dwgSlider .swiper-pagination-bullet {margin-right: 6px;background-color: #fff;opacity: .6;vertical-align: middle;}
.dwgWrap .dwgSlider .swiper-pagination-bullet-active {background-color: #d12d1e;opacity: 1;}
.dwgWrap .dwgSlider .swiperController .swiper-pagination {bottom: 0;top: 0;left: 0;width: 75px;}
.dwgWrap .dwgSlider .swiperController .swiper-button-play,
.dwgWrap .dwgSlider .swiperController .swiper-button-pause {font-size: 16px;z-index: 10;color: rgba(255, 255, 255, 1);margin-right: 3px;cursor: pointer;text-align: center;height: 40px;width: 40px;line-height: 40px;background: rgb(0 0 0 / 30%);border-radius: 0;-webkit-box-shadow: 0 2px 10px rgba(0, 0, 0, 0.08);box-shadow: 0 2px 10px rgba(0, 0, 0, 0.08);}
.dwgWrap .dwgSlider .swiperController .swiper-button-play:hover,
.dwgWrap .dwgSlider .swiperController .swiper-button-pause:hover {color: #dd0202;background: rgb(0 0 0 / 100%);}
.dwgWrap .dwgSlider .swiperController .swiper-button-play {display: none;}
.dwgWrap .dwgSlider .swiperController .swiper-button-next,
.dwgWrap .dwgSlider .swiperController .swiper-button-prev {margin-top: 0;position: initial;margin: 0 3px;}
.dwgWrap .dwgSlider .videoWrap {position: absolute;top: 0;bottom: 0;left: 0;margin: auto 0;width: 60%;height: 100%;z-index: 5;}
.dwgWrap .dwgSlider .videoWrap .videoBox {position: relative;width: 100%;height: 100%;display: flex;align-items: center;justify-content: left;padding-left: 50px;padding-bottom: 30px;}
.dwgWrap .dwgSlider .videoWrap .videoBox video {max-width: 100%;height: auto;min-width: 300px;border-radius: 30px;overflow: hidden;}
.dwgWrap .dwgsection {padding: 50px 0;}
.dwgWrap .dwgSection .cntWrap {padding: 0 15px;}
.dwgWrap .dwgCnt {position: relative;max-width: 1200px;margin: 20px auto;display: flex;flex-direction: column;}
.dwgWrap .dwgCnt > h3 {font-size: 32px;margin-bottom: 40px;}
.dwgWrap .dwgCnt > p {font-size: 24px;margin-bottom: 50px;color: #666;}
.dwgWrap .dwgCnt .visionWrap {position: relative;margin-bottom: 40px;}
.dwgWrap .dwgCnt .visionWrap .visionTit {position: relative;padding-left: 20px;font-size: 18px;font-weight: 600;margin-bottom: 20px;}
.dwgWrap .dwgCnt .visionWrap .visionTit::before {content: "";position: absolute;left: 0;top: 0;bottom: 0;margin: auto 0;width: 10px;height: 10px;background: #d12d1e;border-radius: 50%;}
.dwgWrap .dwgCnt .visionWrap .visionTit::after {content: "";position: absolute;right: 0;top: 0;bottom: 0;margin: auto 0;width: 85%;height: 1px;background: #d12d1e;}
.dwgWrap .dwgCnt .visionWrap .visionTxt {padding: 20px;background: #f5f5f5;font-size: 14px;}

.dwgWrap .dwgCnt .layoutWrap {position: relative;margin-bottom: 40px;}
.dwgWrap .dwgCnt .layoutWrap .layoutTit {position: relative;padding-left: 20px;font-size: 18px;font-weight: 600;margin-bottom: 20px;}
.dwgWrap .dwgCnt .layoutWrap .layoutTit::before {content: "";position: absolute;left: 0;top: 0;bottom: 0;margin: auto 0;width: 10px;height: 10px;background: #d12d1e;border-radius: 50%;}
.dwgWrap .dwgCnt .layoutWrap .layoutTit::after {content: "";position: absolute;right: 0;top: 0;bottom: 0;margin: auto 0;width: 85%;height: 1px;background: #d12d1e;}
.dwgWrap .dwgCnt .layoutWrap .layoutImgWrap {overflow-x: auto;}
.dwgWrap .dwgCnt .layoutWrap .layoutImgWrap img {min-width: 1200px;}

.dwgWrap .dwgCnt .processWrap .processTit {position: relative;padding-left: 20px;font-size: 18px;font-weight: 600;margin-bottom: 20px;}
.dwgWrap .dwgCnt .processWrap .processTit::before {content: "";position: absolute;left: 0;top: 0;bottom: 0;margin: auto 0;width: 10px;height: 10px;background: #d12d1e;border-radius: 50%;}
.dwgWrap .dwgCnt .processWrap .processTit::after {content: "";position: absolute;right: 0;top: 0;bottom: 0;margin: auto 0;width: 85%;height: 1px;background: #d12d1e;}

.dwgWrap .dwgCnt .processWrap .dwgEx {display: flex;flex-wrap: wrap;justify-content: space-between;}
.dwgWrap .dwgCnt .processWrap .dwgEx li {position: relative;width: calc(33.3333333333% - 30px);padding: 30px 25px;background: #134c7b;text-align: left;margin-bottom: 40px;min-height: 350px;}
.dwgWrap .dwgCnt .processWrap .dwgEx li a {text-decoration: none;}
.dwgWrap .dwgCnt .processWrap .dwgEx li .dwgCaption img {position: absolute;display: inline-block;opacity: 0.7;-webkit-transition: opacity 0.35s;transition: opacity 0.35s;}
.dwgWrap .dwgCnt .processWrap .dwgEx li:hover .dwgCaption img {opacity: 1;}
.dwgWrap .dwgCnt .processWrap .dwgEx li .dwgCaption {padding: 10px;min-height: 290px;}
.dwgWrap .dwgCnt .processWrap .dwgEx li .dwgCaption::before,
.dwgWrap .dwgCnt .processWrap .dwgEx li .dwgCaption::after {position: absolute;top: 20px;right: 20px;bottom: 20px;left: 20px;content: '';opacity: 0;-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;transition: opacity 0.35s, transform 0.35s;}
.dwgWrap .dwgCnt .processWrap .dwgEx li .dwgCaption::before {border-top: 1px solid #fff;border-bottom: 1px solid #fff;-webkit-transform: scale(0,1);transform: scale(0,1);}
.dwgWrap .dwgCnt .processWrap .dwgEx li .dwgCaption::after {border-right: 1px solid #fff;border-left: 1px solid #fff;-webkit-transform: scale(1,0);transform: scale(1,0);}
.dwgWrap .dwgCnt .processWrap .dwgEx li:hover .dwgCaption::before,
.dwgWrap .dwgCnt .processWrap .dwgEx li:hover .dwgCaption::after {opacity: 1;-webkit-transform: scale(1);transform: scale(1);}
.dwgWrap .dwgCnt .processWrap .dwgEx li h5 {font-size: 20px;font-weight: 600;color: #fff;transform: translateY(150px);}
.dwgWrap .dwgCnt .processWrap .dwgEx li p {font-size: 16px;color: rgb(255 255 255 / 80%);transform: translateY(165px);}

.dwgWrap .patenCnt {position: relative;max-width: 1200px;margin: 0 auto;display: flex;flex-direction: column;padding: 30px 0}
.dwgWrap .patenCnt h3 {font-size: 32px;margin-bottom: 50px;font-weight: 500;position: relative;color: #fff;}
.dwgWrap .patenCnt h3::after {content: "";position: absolute;left: 0;bottom: -20px;width: 100%;height: 1px;background: rgba(255, 255, 255, 0.7);}
.dwgWrap .patenCnt h3 .btn_more {position: absolute;right: 0;font-size: 16px;bottom: 0;display: inline-block;height: 30px;line-height: 30px;text-decoration: none;}
/* 특허 불러오기 */
.dwgWrap .patenCnt .pic_lt {position:relative;margin-bottom:20px;}
.dwgWrap .patenCnt .pic_lt .lat_title {display:block;line-height:45px;font-size:1.2em;color:#253dbe}
.dwgWrap .patenCnt .pic_lt .lat_title a {color:#000;display:inline-block;position:relative}
.dwgWrap .patenCnt .pic_lt .lt_more {position:absolute;top:11px;right:10px;display:block;width:25px;line-height:25px;color:#aaa;border-radius:3px;text-align:center;}
.dwgWrap .patenCnt .pic_lt .lt_more:hover {color:#777}
.dwgWrap .patenCnt .pic_lt ul {display: flex;flex-wrap: wrap;justify-content: space-between;}
.dwgWrap .patenCnt .pic_lt li {position: relative;width: calc(33.3333333333% - 30px);padding: 25px;background: rgb(255 255 255 / 20%);text-align: left;border: 1px solid rgb(255 255 255 / 70%);-webkit-transition: all .25s ease-out;-moz-transition: all .5s ease-out;-o-transition: all .5s ease-out;transition: all .5s ease-out;}
.dwgWrap .patenCnt .pic_lt li:hover {background: rgb(255 255 255 / 50%);}   
.dwgWrap .patenCnt .pic_lt li.gallery_li:nth-child(4n+1) {clear: both!important}
.dwgWrap .patenCnt .pic_lt li .lt_img {display:block}
.dwgWrap .patenCnt .pic_lt li .lt_img img, .pic_lt li .lt_img video {width:100%;height:auto}
.dwgWrap .patenCnt .pic_lt li a:hover {color:#a22121}
.dwgWrap .patenCnt .pic_lt li .fa-heart {color:#ff0000}
.dwgWrap .patenCnt .pic_lt li .fa-lock {display:inline-block;line-height:14px;width:16px;color:#4f818c;background:#cbe3e8;text-align:center;border-radius:2px;font-size:12px;border:1px solid #cbe3e8;vertical-align:middle}
.dwgWrap .patenCnt .pic_lt li .new_icon {display:inline-block;width:16px;line-height:16px;font-size:0.833em;color:#23db79;background:#b9ffda;text-align:center;border-radius:2px;margin-left:2px;font-weight:bold;vertical-align:middle}
.dwgWrap .patenCnt .pic_lt li .hot_icon {display:inline-block;width:16px;line-height:16px;font-size:0.833em;color:#ff0000;background:#ffb9b9;text-align:center;border-radius:2px;vertical-align:middle}
.dwgWrap .patenCnt .pic_lt li .fa-caret-right {color:#bbb}
.dwgWrap .patenCnt .pic_lt li .fa-download {display:inline-block;width:16px;line-height:16px;font-size:0.833em;color:#daae37;background:#ffefb9;text-align:center;border-radius:2px;vertical-align:middle}
.dwgWrap .patenCnt .pic_lt li .fa-link {display:inline-block;width:16px;line-height:16px;font-size:0.833em;color:#b451fd;background:#edd3fd;text-align:center;border-radius:2px;vertical-align:middle}
.dwgWrap .patenCnt .pic_lt .profile_img img{border-radius:50%}
.dwgWrap .patenCnt .lt_info {padding:10px 0}
.dwgWrap .patenCnt .lt_info .lt_date {color:#888}
.dwgWrap .patenCnt .pic_lt .empty_li {line-height:145px ;color:#666;text-align:center;padding:0}
.dwgWrap .patenCnt .pic_lt .empty_li:before {background:none;padding:0}
.dwgWrap .patenCnt .pic_lt .lt_cmt {background:#e9eff5;color:#3a8afd;font-size:11px;height:16px;line-height:16px;padding:0 5px;border-radius:3px;vertical-align:middle}
.dwgWrap .patenCnt .pic_lt .lt_more {position:absolute;top:11px;right:0;display:block;width:40px;line-height:25px;color:#3a8afd;border-radius:3px;text-align:center}
.dwgWrap .patenCnt .pic_lt .lt_more:hover {color:#777}

.dwgWrap .partnerCnt {position: relative;max-width: 1200px;margin: 50px auto 0;display: flex;flex-direction: column;}
.dwgWrap .partnerCnt h3 {font-size: 32px;margin-bottom: 50px;font-weight: 600;position: relative;}
.dwgWrap .partnerCnt h3::after {content: "";position: absolute;left: 0;bottom: -20px;width: 100%;height: 1px;background: rgba(0, 0, 0, 0.7);}
.dwgWrap .partnerCnt .partnerBox {display: flex;justify-content: flex-start;flex-wrap: wrap;}
.dwgWrap .partnerCnt .partnerBox li {width: 33.3333333333%;display: flex;align-items: center;padding: 0 15px 50px;}
.dwgWrap .partnerCnt .partnerBox li img {opacity: 0.9;width: 100%;max-width: 250px;}

.qa_Fix_Btn {position: fixed;right: 15px;top: 100px;background: #fc5f57;padding: 10px 0;border-radius: 10px;display: flex;flex-direction: column;align-items: center;width: 80px;height: 80px;gap: 3px;border: 2px solid #fff;-webkit-box-shadow: 3px 3px 5px 0px rgba(0,0,0,0.2);-moz-box-shadow: 3px 3px 5px 0px rgba(0,0,0,0.2);box-shadow: 3px 3px 5px 0px rgba(0,0,0,0.2);cursor: pointer;-webkit-transition: all .5s ease-out;-moz-transition: all .5s ease-out;-o-transition: all .5s ease-out;transition: all .5s ease-out;z-index: 99;}
.qa_Fix_Btn:hover {background: #da534c;}
.qa_Fix_Btn p {color: #fff;letter-spacing: -1.5px;}

.bannerWrap {position: fixed;top: 200px;right: 15px;z-index: 99;}
.inner {background: #3f96c3;padding: 30px;width: 80px;height: 80px;transition: all 0.3s ease-in-out;cursor: pointer;border-radius: 10px;overflow: hidden;border: 2px solid #fff;-webkit-box-shadow: 3px 3px 5px 0px rgba(0,0,0,0.2);-moz-box-shadow: 3px 3px 5px 0px rgba(0,0,0,0.2);box-shadow: 3px 3px 5px 0px rgba(0,0,0,0.2);}
.inner:hover {clip-path: circle(75%);background: #3f96c3;width: 250px;height: 315px;border-radius: 10px;}
.inner .btn_icon {position: absolute;right: 0;left: 0;top: 13px;margin: 0 auto;transition: all 0.3s ease-in-out;}
.inner span {color: #fff;font-weight: 500;position: absolute;left: 0;right: 0;bottom: 10px;margin: 0 auto;transition: all 0.3s ease-in-out;text-align: center;letter-spacing: -2px;}
.inner:hover {padding: 15px;}
.inner:hover .btn_icon,
.inner:hover span {opacity: 0;}
.inner h1 {color: #fff;opacity: 0;font-size: 14px;font-weight: 600;transition: all 1s ease-in-out;display: none;justify-content: space-between;margin-bottom: 3px;}
.inner a {opacity: 0;transition: all 1s ease-in-out;font-size: 11px;line-height: 11px;display: none;gap: 8px;color: #fff;font-weight: 400;width: 70px;height: 24px;margin-top: 10px;background: rgb(63 81 181 / 80%);border-radius: 15px;justify-content: center;align-items: center;text-decoration: none;}
.inner p {color: rgb(255 255 255 / 90%);opacity: 0;font-size: 12px;transition: all 1s ease-in-out;display: none;}
.inner:hover h1,
.inner:hover p,
.inner:hover a {display: flex;opacity: 1;}
.inner a:hover {background: rgb(63 81 181 / 100%);}

/* 설계 문의 */
.modal-content .modal-header {border-bottom:0;background: linear-gradient(270deg,#2a3991,#d20138);color: #fff;height: 60px;}
.modal-content .modal-title {font-size: 18px;font-weight: 600;}
.modal-content .modal-header .close {display: flex;align-items: center;opacity: .5;}
.modal-content .modal-header .close:hover {opacity: 1;}
.modal-content .modal-header .close span {font-size: 28px;color: #fff;font-weight: 400;}

.dwgInquiry .modal-dialog {max-width: 600px;width: 100%;}
.dwgInquiry .modal-dialog .modal-content {max-width: 600px;width: 100%;}
.dwgInquiry .modal-dialog .modal-body .modal-cntWrap {height: 670px;}
.dwgInquiry .modal-dialog .modal-body .basicWrap {padding: 0 10px;}
.dwgInquiry .modal-dialog .modal-body table {width: 100%;font-size: 14px;}
.dwgInquiry .modal-dialog .modal-body table tbody td {width: 100%;padding: 5px 0;}
.dwgInquiry .modal-dialog .modal-body table tbody td label {margin-bottom: 5px;width: 100%;}
.dwgInquiry .modal-dialog .modal-body table tbody td textarea {height: 100px;resize: none;}
.dwgInquiry .modal-dialog .modal-body .btnWrap {display: flex;justify-content: center;gap: 10px;margin-top: 50px;}
.dwgInquiry .modal-dialog .modal-body .btnWrap .btn {min-width: 120px;height: 50px;line-height: 50px;font-weight: 400;color: #fff;}

/* Responsive */
@media (max-width: 1460px) {
  .box-style-1 {width: calc(33.3333333333% - 20px);} 
  .main .mainWrap .swiper-slide .slideCnt .cntInner .title {font-size: 36px;}
  .main .mainWrap .section .bg-text {font-size: 58px;line-height: 58px;}
  .main .mainWrap .section .ul_scard li {width: 25%;}

  .cntListPart .listCnt ul li {width: calc(33.3333333333% - 13.4px);}
}
@media (max-width: 1195px) {
  #headMenu > ul > li > a {padding: 10px 8px;}
  #headMenu .dropMenuWrap .dropMenuList {width: 700px;}
  #headMenu .dropMenuWrap .dropMenuList > li > a {font-size: 14px;}
  .main .mainWrap .section .counterBox li {padding: 30px 0;}
  .main .mainWrap .section .ul_scard li {width: 33.3333333333%;}

  .cntProfile > ul > li {width:calc(100% / 3 - 20px);}
}
@media (max-width: 1024px) { 
  #headMenu {display: none;}
  .hd_login {display: none;}
  .r_menu_btnWrap {display: block;}
  .main .section {height: 80vh}
  .main .mainWrap .swiper-slide .slideCnt .cntInner {justify-content: start;flex-direction: column;gap: 30px;}
  .main .mainWrap .swiper-slide .slideCnt .cntInner .imgWrap {width: 100%;max-height: 350px;border-radius: 20px;margin-top: 70px;}
  .main .mainWrap .swiper-slide .slideCnt .cntInner .textWrap {width: 100%;}
  .main .mainWrap .swiper-slide .slideCnt .cntInner .title {font-size: 28px;}
  .main .mainWrap .swiperController {display: none;}
  .main .mainWrap .progress-box {left: initial;right: 20px;}
  .page-indicator {display: none;}
  .main .mainWrap .section .scBox {margin: auto 20px;padding: 30px 30px;}
  .main .mainWrap .section .bg-text {font-size: 48px;line-height: 48px;}
  .main .mainWrap .section .sm-text {font-size: 24px;}
  .main .mainWrap .section .ex-text {font-size: 18px;font-weight: 400;margin-top: 10px;}
  .main .mainWrap .sectionBg02 {display: flex;align-items: end;}
  .main .mainWrap .sectionBg03 {display: flex;align-items: end;}
  .main .mainWrap .sectionBg05 {display: flex;align-items: end;}
  .main .mainWrap .sectionBg06 {display: flex;align-items: end;}
  .main .mainWrap .section .scPart {width: 100%;height: 50%;background: rgb(255 255 255 / 70%);}
  .main .mainWrap .section .scPart.background000000 {background: rgb(0 0 0 / 70%) !important;}
  .main .mainWrap .section .linkBox {margin-top: 30px;}
  .main .mainWrap .section .counterBox li i {font-size: 46px;line-height: 46px;}
  .main .mainWrap .section .counterBox li h1 {font-size: 32px;}
  .main .mainWrap .section .counterBox li h3 {font-size: 20px;}

  .main .mainWrap .section .business-card .cardWrap .b_cntWrap h3 {font-size: 30px;}
  .main .mainWrap .section .business-card .cardWrap .b_cntWrap h5 {font-size: 18px;letter-spacing: -1px;}
  
  #container .cntHeader {height: 80vh;}
  #container .cntHeader .titBox {max-height: 350px;}

  .cntListPart .listCnt ul li {width: calc(50% - 13.4px);}

  .dwgWrap .dwgSlider {height: 70vh;}
  .dwgWrap .dwgSlider .swiper-slide .slideCnt .cntInner .textWrap {min-height: 180px;}
  .dwgWrap .dwgSlider .swiper-slide .slideCnt .cntInner .title {font-size: 26px;}
  .dwgWrap .dwgSlider .swiper-slide .slideCnt .cntInner .text {margin-top: 10px;}
    
  .dwgWrap .dwgCnt .processWrap .dwgEx li {width: calc(33.3333333333% - 20px);margin-bottom: 30px;}
  .dwgWrap .dwgCnt .processWrap .dwgEx li p {font-size: 14px;}
}
@media (max-width: 991.98px) {
  .box-style-1 {width: calc(50% - 20px);}
  
  .main .mainWrap .section .counterBox li {width: calc(50% - 7.5px);}
  .main .mainWrap .section .ul_scard .box-outline {height: 340px;}
  .main .mainWrap .section .ul_scard .d_box-cnt {height: 320px;padding: 40px 20px 20px;}
  .main .mainWrap .section .business-card {gap: 15px;}

  #ft_wr .ft_cnt_info .ft_info div {flex-direction: column;gap: 3px;}
  #ft_wr .ft_cnt_info .ft_info div span::before {width: 0;}
  .amBidSummary .amBidInfoWrap {max-width: 900px;}
  .amBidSummary .amBidInfoWrap > li {width: calc(50% - 20px);}

  .login-form-right-side {padding: 75px 45px 75px;width: 100%;}

  .dwgWrap .dwgCnt > h3 {font-size: 28px;}
  .dwgWrap .dwgCnt .processWrap .dwgEx li {width: calc(50% - 15px);padding: 20px;min-height: 300px;}
  .dwgWrap .patenCnt h3 {font-size: 28px;}
  .dwgWrap .patenCnt .pic_lt {margin-bottom: 10px;}
  .dwgWrap .patenCnt .pic_lt li {width: calc(33.3333333333% - 20px);padding: 20px;}

  .cntMenuWrap {margin-bottom: 70px;}
  .cntMenuWrap ul li a {font-size: 22px;}
  .cntProfile > ul > li {width: calc(100% / 2 - 15px);}
}
@media (max-width: 924px) {
  .profilemodial .modal-content .modal-body .modal-cntWrap > ul > li {width: 100% !important;}
  .profilemodial .modal-content .modal-body .modal-cntWrap .modal-img-box {justify-content: center;}
  .profilemodial .modal-content .modal-body .modal-cntWrap .modal-img-box img {max-width: 250px;}
  .profilemodial .modal-content .modal-body .modal-cntWrap .modal-txt-box {padding: 20px 20px 20px;}

  .dwgWrap .dwgCnt .visionWrap .visionTit::after {width: 75%;}
  .dwgWrap .dwgCnt .layoutWrap .layoutTit::after {width: 75%;}
  .dwgWrap .dwgCnt .processWrap .processTit::after {width: 75%;}
}
@media (min-width: 768px) { 
  #container .cntHeader .titBox.iscc {padding: 0px 50px;}
}
@media (max-width: 767.98px) {
  .padding-left-20px {padding-left: 10px !important;}
  .padding-top-20px {padding-top: 10px !important;}
  .gap-20px {gap: 10px;}
  .box-style-1 {width: calc(50% - 10px);}

  .main .r_section {height: 70vh !important;}
  .main .r_section.h100p {height: 100% !important;} 
  .main .mainWrap .section .scBox {margin: auto 10px;padding: 20px 20px;}
  .main .mainWrap .section .bg-text {font-size: 32px;line-height: 32px;}
  .main .mainWrap .section .sm-text {font-size: 22px;}

  .main .mainWrap .section .ul_scard li {width: 50%;}
  .main .mainWrap .section .ul_scard .box-outline {height: 300px;}
  .main .mainWrap .section .ul_scard .d_box-cnt {height: 280px;padding: 40px 20px 20px;}
  .main .mainWrap .section .ul_scard .s_icon i {font-size: 42px;}

  .main .mainWrap .section .business-card .cardWrap .b_cntWrap {padding: 30px 30px;}
  .main .mainWrap .section .business-card .cardWrap .b_cntWrap a {margin-top: 30px}

  #container .cntHeader {height: 60vh;}
  #container .cntHeader .titBox {max-height: 300px;top: 35px;}
  #container .cntHeader.titBg01 .titBox,
  #container .cntHeader.titBg04 .titBox {max-height: 200px;}
  #container .cntHeader .titBox .tit_bg-text h1 {font-size: 32px;line-height: 32px;}
  #container .cntHeader .titBox .tit_sm-text h3 {font-size: 20px;line-height: 20px;}
  #container .cntHeader .titBox .tit_ex-text p {font-size: 16px;}

  .cntListBox .cntListTit {align-items: start;}
  .cntListBox .cntListBox-header {font-size: 16px;}
  .cntListBox .cntListBox-contents {font-size: 14px;}
  .cntListBox .listWrap .list-box {flex-direction: column;gap: 10px;}
  .cntListBox .listWrap .list-box .list_box-tit {width: 100%;}
  .cntListBox .listWrap .list-box .list_box-cnt {width: 100%;}
  .cntListBox .cntListTit {padding-left: 10px;}

  .login-form-container {height: 736px;flex-direction: column;}
  .login-form-right-side {border-radius: 10px 10px 0px 0px;padding: 25px 15px 25px;width: 100%;}
  .login-form-left-side {border-radius: 0px 0px 10px 10px;width: 100%;}
  .login-form-right-side p {padding-top: 20px;}
  .login-input-container {padding-top: 10px;}

  .dwgWrap .dwgSlider {height: 40vh;}
  .dwgWrap .dwgSlider .swiper-slide .slideCnt .cntInner {display: none;}
  .dwgWrap .dwgSlider .swiperController,
  .dwgWrap .dwgSlider .progress-box {display: none;}
  .dwgWrap .dwgCnt > h3 {font-size: 24px;}
  .dwgWrap .dwgCnt > p {font-size: 18px;}
  .dwgWrap .dwgCnt .processWrap .dwgEx li {width: calc(50% - 10px);margin-bottom: 20px;}
  .dwgWrap .patenCnt {padding: 30px 0 30px;}
  .dwgWrap .patenCnt h3 {font-size: 26px;margin-bottom: 40px;}
  .dwgWrap .patenCnt h3::after {bottom: -15px;}
  .dwgWrap .patenCnt .pic_lt {margin-bottom: 10px;}
  .dwgWrap .patenCnt .pic_lt li {width: calc(33.3333333333% - 15px);padding: 15px;}
  .dwgWrap .partnerCnt h3 {font-size: 28px;}
}
@media (max-width: 664px) {
  .cntListPart .listCnt ul li {width: calc(100%);}
  .main .mainWrap .section .business-card {flex-direction: column;}
  .main .mainWrap .section .business-card li {width: 100%;}
  .main .mainWrap .section .business-card li:last-child .cardWrap {margin-top: 20px;}
  .main .mainWrap .section .business-card .cardWrap .b_imgWrap img {width: 100%;max-height: 300px;object-fit: cover;}

  #fregister {padding: 30px 10px;}
  .fregisterSteps strong {font-size: 14px;}

  .dwgWrap .dwgCnt > h3 > br {display: none;}
  .dwgWrap .dwgCnt .visionWrap .visionTit::after {width: 65%;}
  .dwgWrap .dwgCnt .layoutWrap .layoutTit::after {width: 65%;}
  .dwgWrap .dwgCnt .processWrap .processTit::after {width: 65%;}
  .dwgWrap .dwgCnt .processWrap .dwgEx li {min-height: 270px;}
  .dwgWrap .dwgCnt .processWrap .dwgEx li .dwgCaption {min-height: 250px;}
  .dwgWrap .dwgCnt .processWrap .dwgEx li h5 {font-size: 18px;    transform: translateY(110px);}
  .dwgWrap .dwgCnt .processWrap .dwgEx li p {letter-spacing: -1px;transform: translateY(125px);}
  .dwgWrap .patenCnt {padding: 20px 0 20px;}
  .dwgWrap .patenCnt h3 {font-size: 24px;margin-bottom: 30px;}
  .dwgWrap .patenCnt h3::after {bottom: -10px;}
  .dwgWrap .patenCnt .pic_lt {margin-bottom: 10px;}
  .dwgWrap .patenCnt .pic_lt li {width: calc(33.3333333333% - 5px);padding: 5px;}

}
@media (max-width: 575.98px) {
  .box-style-1 {width: calc(100% - 10px);}

  .header #hd_wrapper {padding: 0 20px;}

  .main .mainWrap .section .scBox {padding: 15px 15px;}
  .main .mainWrap .section .linkBox {margin-top: 15px;} 
  .main .mainWrap .section .counterBox li i {font-size: 38px;line-height: 38px;}
  .main .mainWrap .section .counterBox li h1 {font-size: 24px;margin-top: 5px;}
  .main .mainWrap .section .counterBox li h3 {font-size: 16px;}
  .main .mainWrap .section .bannerSwiper .swiper-slide {padding: 0 10px;}

  .main .mainWrap .section .ul_scard li {padding: 50px 15px 0;}
  .main .mainWrap .section .ul_scard .box-outline {height: 250px;}
  .main .mainWrap .section .ul_scard .d_box-cnt {padding: 20px 10px 20px;height: 230px;}
  .main .mainWrap .section .ul_scard .h3_tit {font-size: 16px;margin: 5px 0 10px;}

  #ft_wr .ft_cnt_top {gap: 20px;padding: 10px 15px;}
  #ft_link a::before {left: -10px;}
  #ft_wr .ft_cnt_info .ft_info {padding: 0 15px;}

  #container .cntHeader.titBg01,
  #container .cntHeader.titBg04,
  #container .cntHeader.titBg05 {margin-bottom: 30px;}
  #container .cntHeader .titBox {padding: 50px 20px;}
  #container .cntHeader .titBox .tit_ex-text p {letter-spacing: 2px;}

  .cntListBox .cntListTit {font-size: 16px;gap: 10px;}
  .cntListBox .cntListCnt .cntListCntBox h3 {line-height: 24px;font-size: 14px}

  .bidTabWrap {margin-bottom: 10px;}
  .bidTabWrap ul li a {font-size: 24px;}
  .bidListWrap .bidListTabWrap {margin-bottom: 40px;}
  .bidViewWrap .bidViewTabWrap {margin-bottom: 40px;}
  .amBidTabWrap {margin-bottom: 10px;}
  .amBidTabWrap ul li a {font-size: 24px;}
  .amBidListWrap .amBidListTabWrap {margin-bottom: 40px;}
  .amBidViewWrap .amBidViewTabWrap {margin-bottom: 40px;}
  .amBidSummary .amBidInfoWrap > li {width: calc(100% - 20px);}

  #register_form h2 {padding: 20px 10px;}
  .register_form_inner ul {padding: 10px;}

  #mb_login {height: 645px !important;}
  #mb_login .temporaryWrap p {font-size: 13px;}
  #mb_login .counterBox li {padding: 5px;}
  #mb_login .counterBox li h1 {font-size: 16px;margin: 8px 0 0;line-height: 16px;}
  #mb_login .counterBox li h3 {margin-top: 5px;margin-bottom: 3px;letter-spacing: -1px;}
  #mb_login .co_info_Wrap {font-size: 16px;margin-top: 5px;}
  #mb_login .co_info_Wrap span i {font-size: 20px;line-height: 20px;}

  .cntTabWrap ul li {width: 150px;}

  .cntProfile > ul {flex-direction: column;}
  .cntProfile > ul > li {width: calc(100%);}

  .cntProfile .pf_Cnt .pf_main {flex-direction: column;}
  .cntProfile .pf_Cnt .pf_main .pf_left {padding: 15px;}
  .cntProfile .pf_Cnt .pf_main .pf_right {padding: 15px;}
  .cntProfile .pf_Cnt .pf_main h2 {margin: 15px 0;}

  .dwgWrap .dwgCnt .processWrap .dwgEx li {width: calc(50% - 5px);margin-bottom: 10px;padding: 10px;}
  .dwgWrap .dwgCnt .processWrap .dwgEx li .dwgCaption::before, 
  .dwgWrap .dwgCnt .processWrap .dwgEx li .dwgCaption::after {top: 10px;right: 10px;bottom: 10px;left: 10px;}

  .modal-dialog {margin: .5rem 0;}
}
@media (max-width: 460px) {
  .dwgWrap .dwgCnt .processWrap .dwgEx li {width: 100%;min-height: 250px;}
  .dwgWrap .dwgCnt .processWrap .dwgEx li .dwgCaption {min-height: 230px;}
  .dwgWrap .partnerCnt h3 {font-size: 24px;}
  .dwgWrap .partnerCnt .partnerBox li {padding: 0 10px 30px;}
}