.container { padding: 0 30px; margin: auto; width: 100%; max-width: 1280px;}
.container02 { padding: 80px 30px 120px; margin: auto; width: 100%; max-width: 1280px;  }
.container02 .title-con {margin-bottom: 60px;}
.container02 .title-con strong {display: block; font-weight: 800; font-size: 35px; line-height: 160%;  text-align: center; color: #222222; transition: font-size 0.3s; word-break: keep-all; }
.container02 .title-con p {display: block; margin-top: 20px; padding-bottom: 20px; text-align: center; font-weight: 400; font-size: 18px; line-height: 180%; color: #888888; word-break: keep-all; transition: font-size 0.3s; }
.container02 .title-con span { display: block; margin-bottom: 39px; font-weight: 500; font-size: 14px; line-height: 17px; text-align: center; color: #888888;}
#border-line {border-top: 1px solid #EEEEEE !important;}

* {margin: 0; padding: 0; box-sizing: border-box;  font-style: normal; font-family: 'S-CoreDream'; letter-spacing: -0.02em;}
body {overflow-x: hidden; -webkit-tap-highlight-color : transparent; outline: none;}
a { display: inline-block; text-decoration: none; color: black; } 
ul, li {list-style: none; text-decoration: none;}
/* .swiper-button-next, .swiper-button-prev {color: transparent !important; background-color: transparent !important;} */
.swiper-button-prev {background: url(/img/rdg/swiper-prev.png) no-repeat !important;}
.swiper-button-next {background: url(/img/rdg/swiper-next.png) no-repeat !important;}
input {outline: none;}
select { position: relative; appearance:none; background:url('/img/rdg/arrow-down.png') no-repeat right 15px center; outline: none; }
button {background-color: transparent; outline: none; border: none; cursor: pointer; }

/* ### 기본 스타일 커스터마이징 시작 ### */
.box-input { width: 100%; height: 42px; border: 1px solid #E2E2E2; border-radius: 5px; overflow: hidden; }
.box-input input { padding: 0 15px; width: 100%; height: 100%; font-size: 14px; color: #222222; font-weight: 300; letter-spacing: -0.05em; border: none; }
.box-input input::placeholder  { color: #AAAAAA; }
.box-textarea textarea { font-size: 14px; color: #222222; font-weight: 300; letter-spacing: -0.05em; resize: none;}
.box-textarea textarea::placeholder { color: #AAAAAA; }
.box-flex { display: flex; min-height: 42px; align-items: center; }
.view_cntn2 .box-flex { align-items: flex-start; flex-wrap:wrap; }

.box-check { display: inline-block; }
.box-check + .box-check { margin-left: 30px; }
.box-check label { display: flex; align-items: center; position: relative; }
.box-check label input[type=checkbox] { position: absolute; top: 0; left: 0; width: 0px; height: 0px; opacity: 0; }
.box-check label em { display: block; position: relative; width: 20px; height: 20px; border: 1px solid #E0E0E0; border-radius: 2px; background-color: #ffffff; }
.box-check label em:after { content: ""; position: absolute; top: 3px; left: 4px; width: 8px; height: 5px; border-left: 2px solid #E0E0E0; border-bottom: 2px solid #E0E0E0; border-radius: 1px; transform: rotate(-45deg); }
.box-check label span { display: inline-block; margin-left: 14px; font-size: 14px; color: #666666; font-weight: 300; letter-spacing: -0.02em; }
.box-check label input[type=checkbox]:checked + em { border-color: #DD4066; background-color: #DD4066; }
.box-check label input[type=checkbox]:checked + em:after { border-color: #fff; }
.box-check label input[type=checkbox]:checked ~ span { color: #DD4066; }

.box-check3 { width: 100%; }
.box-check3 + .box-check3 { margin-left: 16px; }
.box-check3 label { display: flex; align-items: center; position: relative; }
.box-check3 label input[type=checkbox] { position: absolute; top: 0; left: 0; width: 0px; height: 0px; opacity: 0; }
.box-check3 label em { display: flex; align-items: center; justify-content: center; position: relative; width: 100%; height: 42px; border: 1px solid #e2e2e2; border-radius: 5px; }
.box-check3 label em:after { content: ""; position: absolute; top: 50%; left: 14px; width: 8px; height: 5px; border-left: 2px solid #E0E0E0; border-bottom: 2px solid #E0E0E0; border-radius: 1px; transform: rotate(-45deg) translateY(-70%); }
.box-check3 label span { font-size: 14px; color: #AAAAAA; font-weight: 300; letter-spacing: -0.02em; }
.box-check3 label input[type=checkbox]:checked + em { border-color: #DD4066; background-color: #DD4066; }
.box-check3 label input[type=checkbox]:checked + em:after { border-color: #fff; }
.box-check3 label input[type=checkbox]:checked + em span { color: #fff !important; }

.box-radio { display: inline-block; }
.box-radio + .box-radio { margin-left: 30px; }
.box-radio label { display: flex; align-items: center; position: relative; }
.box-radio label input[type=radio] { position: absolute; top: 0; left: 0; width: 0px; height: 0px; opacity: 0; }
.box-radio label em { display: block; position: relative; width: 20px; height: 20px; border: 1px solid #E0E0E0; border-radius: 10px; }
.box-radio label em:after { content: ""; position: absolute; top: 3px; left: 3px; width: 12px; height: 12px; background-color: #E0E0E0; border-radius: 6px; }
.box-radio label span { display: inline-block; margin-left: 14px; font-size: 14px; color: #666666; font-weight: 300; letter-spacing: -0.02em; }
.box-radio label input[type=radio]:checked + em { border-color: #DD4066; }
.box-radio label input[type=radio]:checked + em:after { background-color: #DD4066; }
.box-radio label input[type=radio]:checked ~ span { color: #DD4066; }

.box-file { width: 100%; height: 42px; border: 1px solid #E2E2E2; border-radius: 5px; overflow: hidden; }
.box-file label { display: flex; align-items: center; position: relative; padding: 5px; }
.box-file label input[type=file] { position: absolute; top: 0; left: 0; width: 0px; height: 0px; opacity: 0; }
.box-file label em { display: flex; justify-content: center; align-items: center; width: 80px; height: 32px; font-size: 12px; color: #DD4066; font-weight: 300; letter-spacing: -0.05em; background: #FDECF0; border-radius: 5px; }
.box-file label span { margin-left: 20px; font-size: 14px; color: #AAAAAA; font-weight: 300; letter-spacing: -0.05em; }

.box-input label input[type=number]::-webkit-inner-spin-button,
.box-input label input[type=number]::-webkit-outer-spin-button{ -webkit-appearance: none; margin: 0;}
.box-input label input[type=number]{ -moz-appearance: textfield;}

.quantity input { width: 100%; height: 100%; line-height: 1.65; float: left; display: block; padding: 0; margin: 0; padding-left: 20px; border: none;}
.quantity input:focus {outline: 0;}
.quantity-nav { float: left; position: relative; height: 100%;}
.quantity-button { position: relative; cursor: pointer; border-left: 1px solid #eee; width: 26px; text-align: center; color: #333; font-size: 13px; line-height: 1.7; -webkit-transform: translateX(-100%); transform: translateX(-100%); -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; -o-user-select: none; user-select: none;}
.quantity-button.quantity-up { position: absolute; height: 50%; top: 0; display: flex; justify-content: center; align-items: center; border-bottom: 1px solid #eee;}
.quantity-button.quantity-up img { height: 9px; width: 5px; transform: rotate(90deg);}
.quantity-button.quantity-down { position: absolute; bottom: -1px; height: 50%; display: flex; justify-content: center; align-items: center;}
.quantity-button.quantity-down img { height: 9px; width: 5px; transform: rotate(-90deg);}

.box-input label input[type="date"] { background:#fff url(/img/rdg/Calendar.png)  97% 50% no-repeat !important;}
.box-input label input[type="date"]::-webkit-inner-spin-button { display: none !important;}
.box-input label input[type="date"]::-webkit-calendar-picker-indicator { opacity: 0 !important;}

.select-wrap {text-align: right;}
.box-select { display: inline-block; position: relative;  min-width: 200px; height: 42px; text-align: left; border-radius: 10px; background: #F8F8F8; user-select: none; }
.box-select:after { content: ""; position: absolute; top: 50%; right: 20px; width: 10px; height: 8px; background-image: url(/img/common/ico_select_arr.png); transform: translateY(-50%) rotate(180deg); transition: .3s; }
.box-select.open:after { transform: translateY(-50%) rotate(0deg); z-index: 10; }
.box-select .selected { width: 100%; padding: 12px 20px; height: 42px; font-size: 14px; color: #666666; font-weight: 400; letter-spacing: -0.02em; border: 1px solid transparent; }
.box-select ul { display: none; position: absolute; top: 0; left: 0; width: 100%; height: 42px; text-align: left; border-radius: 10px; border: 1px solid transparent; overflow: hidden; }
.box-select.open ul { display: block; height: auto; max-height: 500px; background-color: #fff; border: 1px solid #222; overflow: auto;  z-index: 10;}
.box-select.open ul::-webkit-scrollbar { display: none; /* Chrome, Safari, Opera*/ }
.box-select ul li { padding: 12px 20px; height: 42px; font-size: 14px; background-color: #ffffff !important; color: #666666; font-weight: 400; letter-spacing: -0.02em; border-radius: 10px; }
.box-select ul li:hover { background-color: #F5F5F5 !important; color: #222; }
.box-select ul li.active { color: #DD4066; }



/*-----head-----*/
header { position: relative; padding-bottom: 15px;}
header .container {position: relative; padding: 0 30px;}
header .head-top { display: flex; justify-content: flex-end; align-items: center; text-align: right; padding: 28px 0; transition: display 0.3s;}
header .head-top a {font-family: "Noto Sans KR"; font-size: 14px; line-height: 20px; letter-spacing: -0.02em;  color: #888888;}
header .head-top a + a {display: inline-block; margin-left:18px;}
header .head-top a.membership { color: #222; font-weight: 400; }
header .head-top span.bar { display: inline-block; }
header .head-top span.bar:after { content: ""; display: block; margin: 0 15px; width: 1px; height: 12px; background-color: #ddd; }
header .head-top input { margin-left: 29px; width: 190px; height: 32px; padding-left: 15px; border: 1px solid #EEEEEE; border-radius: 30px; outline: none; background: url(/img/rdg/ico_search.png) no-repeat; background-position:  95% 50%; }

header .head-nav {display: flex; justify-content: space-between; align-items: center;}
/* header .head-nav nav {height: 100px;} */
header .head-nav nav ul {display: flex; justify-content: space-between;  height: 30px;}
header .head-nav nav ul li{height: 100px; }
header .head-nav nav ul li a {margin-left: 40px;font-weight: 500; font-size: 18px; line-height: 26px; letter-spacing: -0.04em; color: #222222; transition: 0;}
header .head-nav nav ul li a:hover{border-bottom: 3px solid #DD4066; font-weight: bold;}
header .head-nav .icons {display: none;}
header .head-nav .icons span {display: inline-block; margin-left: 15px;}
header .head-nav .close-icon {display: none;}
.m-search-con, .m-nav-con { display: none;}

@media (max-width:1150px) {
    header .head-nav nav ul li a {margin-left: 15px;}
}
@media (max-width:1045px) {
    header {padding-bottom: 20px;}
    header .head-top {display: none;}

    header .head-nav {padding-top: 20px;}
    header .head-nav nav {display: none;}
    header .head-nav .logo img { width: 119px; }

    header .head-nav .icons {display: flex;}

    .m-search-con { position: fixed; top: 75px; width: 100vw; height: 100vh; background: #00000080;  z-index: 99999;}
    .m-search-con div {width: 100%; padding: 16px; background-color: white;}
    .m-search-con div input { width: calc(100% - 80px); height: 34px; padding-left: 15px; border: none; }
    .m-search-con div button {font-weight: 500; padding: 3px 0px; height: 34px; width: 70px; font-size: 14px; line-height: 27px; background: #222222; border-radius: 5px; color: #FFFFFF;}

    .m-nav-con { position: fixed; top: 75px; width: 100vw; height: calc(100vh - 75px); background-color: #F8F8F8; z-index: 99999; overflow-y: scroll;}
    .m-nav-con .top {display: flex; justify-content: center; text-align: center; padding: 20px 0; background-color: #ffffff;}
    .m-nav-con .top a { width: 50%; font-size: 14px; line-height: 20px; color: #888888;}
    .m-nav-con .top a:nth-of-type(2) {border-left: 1px solid #EEEEEE;}
    .m-nav-con .middle { height: calc(100vh - 201px); min-height: 514px; text-align: center; background-color: #ffffff;}
    .m-nav-con .middle li {width: 80%; margin: auto; border-bottom: 1px solid #EEEEEE;}
    .m-nav-con .middle li a { width: 100%; padding: 25px 0; font-weight: 500; font-size: 18px;  line-height: 26px; letter-spacing: -0.04em;  color: #222222;}
    .m-nav-con .middle li:last-of-type { border-bottom: none;}
    .m-nav-con .middle li.membership { width: 90%; border: 1px solid #222; border-radius: 10px; }
    .m-nav-con .middle li.membership a { padding: 13px 0; font-size: 14px; color: #222; font-weight: 400; }
    .m-nav-con .bottom {padding: 25px 20px 50px; background-color: #F8F8F8; }
    .m-nav-con .bottom p { display: flex; justify-content: center; flex-wrap: wrap; padding-bottom: 10px;}
    .m-nav-con .bottom a { position: relative; padding: 0 20px; font-size: 14px; line-height: 20px; letter-spacing: -0.06em;  color: #222222;}
    .m-nav-con .bottom a::after { content: ""; position: absolute; top: 50%; right:0; width: 1px; height: 8px; background-color: #DDDDDD; }
    .m-nav-con .bottom p span:last-of-type a::after {display: none;}

    header .container.active {position: fixed; background-color: #ffffff !important; padding-bottom: 30px; z-index: 1000;}
}
@media (max-width:600px) {
    header .container {padding: 0 20px;}
    .m-nav-con .middle {margin-bottom: 50px; height: calc(100vh - 201px);}
    .m-nav-con .bottom{margin-top: 50px;}
    
}
/*로그인 안 했을 때 화면*/

/*-----main-----*/
.main_section { position: relative; display: flex; justify-content: space-between; margin: 70px 0 80px; width: 100%;  transition: 0.3;}
.main_section .swiper_wrap { position: relative; width: 70%; height: max-content; overflow: hidden; transition: width 0.3;}
.main_section .swiper { width: 100%; height:auto;}
.main_section .swiper-slide {width: 100% !important; height: 100%;}

.btns-wrap {position: relative; height: 20px; margin-top: 63px; display: flex; align-items: center; z-index: 10;}
.btns02-wrap {position: relative; width: 65px; margin-left: 16px; height: 20px;}
.btns02-wrap .stop {position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%);}
.main_section .swiper-pagination { position: relative;}

.main_section .swiper-pagination { text-align: left;}
.main_section .swiper-pagination-bullet { width: 14px; height: 14px; margin-right: 10px; background: transparent; border: 1px solid #BDBDBD; opacity: 1;}
.main_section .swiper-pagination-bullet-active {width: 35px; transition: width .3s; border-radius: 20px; background: #DD4066;; border: 1px solid transparent; }
.main_section .swiper_wrap .btns .stop {position: absolute; bottom: 11px; left: 120px; padding: 0 5px; z-index: 10; cursor: pointer; background-color: transparent; outline: none; border: none;}
.main_section .swiper-button-prev {left: 0% !important;}
.main_section .swiper-button-next {left: 85% !important;}
.main_section .swiper-button-next,.main_section  .swiper-button-prev {top: 116% !important; color: transparent; background-color: transparent;}

.main_section .swiper-slide p {  font-weight: 800; font-size: 42px; line-height: 160%; letter-spacing: -0.06em; color: #222222; transition: font-size 0.3s; word-break: keep-all; }
.main_section .swiper-slide p span {color: #DD4066;}

.main_section .right-img { width: 35%; max-width: 370px; height: auto; }
.main_section .right-img img {width: 100%;} 

.main_section .swiper-horizontal>.swiper-pagination-bullets, 
.main_section .swiper-pagination-bullets.swiper-pagination-horizontal,
.main_section .swiper-pagination-custom,
.main_section .swiper-pagination-fraction {bottom: 0 !important; width: auto !important;}

.main-wrap .pro-list { margin-bottom:120px; padding-top: 20px; display: flex; align-items: flex-start; justify-content: space-between;}
.main-wrap .pro-list > div {position: relative; display: flex; align-items: center; justify-content: center; width: 30%; height: 310px; padding: 41px; text-align: center; border: 2px solid #FDECF0;border-radius: 20px; }

.main-wrap .pro-list div img {display: block; margin: auto;}
.main-wrap .pro-list div p {position: relative; display: inline-block; margin: 25px 0; font-weight: 600; font-size: 22px; line-height: 26px; color: #DD4066;}
.main-wrap .pro-list div p::after {position: absolute; content: "";bottom: -5px; left: 50%; transform: translateX(-50%); height: 20px; width: 100%; background-color: #FDECF0; z-index: -1;}
.main-wrap .pro-list > div::before {position: absolute; content:""; background: url(/img/rdg/pro-list-bg.png) no-repeat; top: 50%; left: -20%; background-size: contain; transform: translateY(-50%); height: 15px; width: 80px;  z-index: 2;}
.main-wrap .pro-list > div:nth-of-type(1):before {display: none;}
.main-wrap .pro-list div span { display: block; font-weight: 300; font-size: 16px; line-height: 220%;  color: #666666; word-break: keep-all;}



/*-----top-banner-----*/

.main-wrap .top-benner {}
.main-wrap .top-benner .inner { display: flex; justify-content: space-between; align-items: center; flex-wrap:wrap;}
.main-wrap .top-benner .inner .banner-con { width: calc(100%/3 - 20px); text-align: center;  margin-bottom:20px;}
.main-wrap .top-benner .inner .banner-con a { display: block; text-align: center;}
.main-wrap .top-benner .inner .banner-con.pc-banner-con { display: block; }
.main-wrap .top-benner .inner .banner-con.m-banner-con { display: none;}
.main-wrap .top-benner .inner .banner-con img { width: 100%;}

@media (max-width:1100px) { .main-wrap .pro-list div::before { left: -22%;} }
@media (max-width:1000px) {
    .main-wrap .top-benner .inner {flex-wrap: wrap;}
    .main-wrap .top-benner .inner .banner-con { width: calc(100%/2 - 10px); margin-bottom: 20px; }
    .main-wrap .pro-list > div::before { left: -23%;}
}
@media (max-width:900px) {
    .main-wrap .pro-list div p {font-size: 20px;}
    .main-wrap .pro-list div span {font-size: 15px;}
    .main-wrap .pro-list div p::after {height: 15px;bottom: -3px;}
    .main-wrap .pro-list > div::before { width: 63px; }
    .main-wrap .pro-list > div {padding: 10px;}
}
@media (max-width:750px) {
    .main-wrap .pro-list { display: block; margin-bottom: 70px; padding-top: 40px; }
    .main-wrap .pro-list > div {width: 100%; height: auto; padding: 25px 20px ;}
    .main-wrap .pro-list > div + div {margin-top: 40px;}
    .main-wrap .pro-list div p {font-size: 18px; margin: 20px 0;}
    .main-wrap .pro-list div span {font-size: 14px;}
    .main-wrap .pro-list > div::before { background: url(/img/rdg/pro-list-m-bg.png) no-repeat; height: 48px; width: 15px; top: -45px; left: 50%; transform:translate(-50%,0);}

}
@media (max-width:600px) {
    .main-wrap .top-benner .inner .banner-con { width: calc(100%/1 - 0px); margin-bottom: 15px; text-align: center; }
    .main-wrap .top-benner .inner .banner-con.m-banner-con { display: block; }
    .main-wrap .top-benner .inner .banner-con.pc-banner-con { display: none;}
}








/*-----tab-btn-----*/
.tab-wrap { padding: 100px 0; }
.main-wrap .tab-wrap {padding: 0px 0 121px; margin-top: -4px;}
.tab-btn { width: 100%; height: 72px; display: flex; border: 1px solid #EDEDED; border-radius: 40px; }
.tab-btn li { display: flex; align-items: center; justify-content: center; width: calc(100%/2); height: 100%; border-radius: 40px; font-weight: 600; font-size: 18px; line-height: 21px; letter-spacing: -0.02em; color: #A5A5A5; transition: background-color 0.3s; cursor: pointer; }
.tab-btn li.on {background-color: #DD4066; color: white;}
.tab-btn li a { display: flex; justify-content: center; align-items: center; width: 100%; height: 100%; color: inherit; }

.tab-wrap .inner  > div { display: none ; }
.tab-wrap .inner  > div.on { display: block; transition: display 0.3s;}

.tab-con  > div { display: none; }
.tab-con  > div.on { display: block; transition: display 0.3s;}

/*-----tab-con-----*/
.tab-wrap .inner   ul { display: flex; justify-content: space-between; align-items: center;}
.tab-wrap .inner  .tab-iq-con {position: relative; width: calc(100%/4 - 10px); margin: 120px 20px 0 0; padding: 35px; background: #FFFFFF; box-shadow: 10px 20px 50px rgba(0, 0, 0, 0.1); border-radius: 20px; transition: margin-top 0.3s;}
.tab-wrap .inner  .tab-iq-con:nth-of-type(4) {margin-right: 0;}
.tab-wrap .inner  .tab-iq-con.on {margin-top: 70px;}
.tab-wrap .inner  .tab-iq-con a {width: 100%;}

.tab-wrap .inner  .tab-iq-con .top {display: flex; align-items: center; }
.tab-wrap .inner  .tab-iq-con .top span { display: inline-block; margin-right: 13px; font-weight: 500; font-size: 15px; line-height: 1.4; word-break: keep-all; letter-spacing: -0.02em; color: #BDBDBD; overflow: hidden; text-overflow: ellipsis; }

.tab-wrap .inner  .red-clo {color: #DD4066 !important;}

.tab-wrap .inner .tab-iq-con .middle {padding: 50px 0;}
.tab-wrap .inner .tab-iq-con .middle.middle01 {padding: 50px 0 0 ;}
.tab-wrap .inner .tab-iq-con .middle.middle02 {padding: 0 0 30px; min-height: 98px; }
.tab-wrap .inner .tab-iq-con .middle strong { display: block; margin-bottom: 27px; font-weight: 600; font-size: 22px; line-height: 26px; color: #222222; word-break: keep-all;}
/* .tab-wrap .inner .tab-iq-con .middle em { display: inline-block; margin-right: 2px; font-size: 12px; color: #222222; } */
.tab-wrap .inner .tab-iq-con .middle em { margin-right: 5px; font-size: 14px; font-weight: 400; color: #DD4066; border: 1px solid #E84F74; border-radius: 5px; padding: 4px 10px;}
.tab-wrap .inner .tab-iq-con .middle span { display: inline-block; padding: 5px 10px ; background: #F8F8F8; border-radius: 5px; font-size: 13px; line-height: 19px;  color: #888888;}
.tab-wrap .inner .tab-iq-con .middle .siksu + .siksu { margin-top: 10px; }
.tab-wrap .inner .tab-iq-con .bottom p {display: flex; align-items: center;}
.tab-wrap .inner .tab-iq-con .bottom p em { display: inline-block; margin-right: 10px; padding: 5px 10px; font-size: 12px; line-height: 17px; white-space: nowrap; color: #888888;border: 1px solid #CCCCCC; border-radius: 20px;}
.tab-wrap .inner .tab-iq-con .bottom p:nth-of-type(1) {margin-bottom: 10px;} 
.tab-wrap .inner .tab-iq-con .bottom p em.red-clo {border: 1px solid #DD4066;}
.tab-wrap .inner .tab-iq-con .bottom p span {font-weight: 500; font-size: 15px; line-height: 18px;  color: #888888;}

.tab-wrap .inner div.tab-02 .tab-iq-con .middle {padding: 40px 0;}
.tab-wrap .inner div.tab-02 .tab-iq-con .middle strong {height: 105.5px; line-height: 160%; word-break: keep-all;  margin-bottom: 0; overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;}

.main-wrap .container .main-tab .inner .tab-02 .tab-iq-con .top span {display: block; width: 100%; margin-left: 0; height: 40px; }
.main-wrap .container .main-tab .inner .tab-02 .tab-iq-con .middle {height: 190px; padding: 15px 0; }
.main-wrap .container .main-tab .inner .tab-02 .tab-iq-con .middle strong { height: 150px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical;}
.main-wrap .container .main-tab .inner .tab-01 .tab-iq-con .middle strong { height: 55px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}

/*-----review-con-----*/
.bd-review-tit {  text-align: center; margin:100px 0 45px;}

.bd-review-tit strong {font-weight: 600; font-size: 36px; margin: 40px; line-height: 160%; letter-spacing: -0.06em;  color: #222222;}
.swiper-container {font-size: 16px;}
.bd-review-con01 { position: relative; width: 100%; height: 220px; padding-top: 0px;}
.bd-review-con01::after {content: ""; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); width: 100vw; height: 100%; background-color: #ffffff; box-shadow: 10px 20px 50px rgba(211,64,102,0.2);  z-index: -2; }
.bd-review-con01::before {content: ""; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); width: 100vw; height: 100%; background: url(/img/rdg/bg01.png)  no-repeat right;  z-index: -1; }
.bd-review-con01 .bd-review-swiper1 {width: 90%; height: 100%; z-index: 10;}
.bd-review-con01 .bd-review-swiper1 .swiper-slide { display: flex; justify-content: center; align-items: center; width: 100%; height: 100%; text-align: center;}
.bd-review-con01 .bd-review-swiper1 .swiper-slide div {width: 80%;}
.bd-review-con01 .bd-review-swiper1 .swiper-slide p {font-weight: 400; font-size: 16px; line-height: 180%; word-break: keep-all; color: #222222;}
.bd-review-con01 .bd-review-swiper1 .swiper-slide span { display: inline-block ; margin-top: 29px; padding: 10px 20px ; font-size: 16px;font-family: "Noto Sans KR"; line-height: 23px;background: #FDECF0; border-radius: 30px;  color: #DD4066;}

.bd-review-con01 > .swiper-button-next, .bd-review-con01 >  .swiper-button-prev {top: 60% !important;}
/* .bd-review-con01 .swiper-button-prev {left: -5% !important;}
.bd-review-con01 .swiper-button-next {right: -5% !important;} */

.bd-review-con02 { position: relative; width: 100%; height: 220px; margin-top: -10px; padding-top: 0px;   }
.bd-review-con02::after {content: ""; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); width: 100vw !important; height: 100%; background-color: #FDECF0; box-shadow: inset -7px 20px 50px rgba(211,64,102,0.2); z-index: -2; }
.bd-review-con02::before {content: ""; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); width: 100vw; height: 100%; background: url(/img/rdg/bg02.png) no-repeat left; background-position-y: 44px;  z-index: -1; }
.bd-review-con02 .bd-review-swiper2 {width: 100%; height: 100%; z-index: 10;}
.bd-review-con02 .bd-review-swiper2 .swiper-slide { display: flex; justify-content: center; align-items: center; width: 100%; height: 100%; text-align: center; margin-top: 50px;}
.bd-review-con02 .bd-review-swiper2 .swiper-slide div {width:80%; height:100%;}
.bd-review-con02 .bd-review-swiper2 .swiper-slide p {margin-left: 250px;left: 100%; text-align: center; font-weight: 400; font-size: 16px; line-height: 180%; word-break: keep-all; color: #222222; margin: 0 auto;}
.bd-review-con02 .bd-review-swiper2 .swiper-slide span { display: inline-block ; margin-top: 29px; padding: 10px 20px ; font-size: 16px;font-family: "Noto Sans KR"; line-height: 23px;background: #ffffff;border-radius: 30px;  color: #222222;}
.bd-review-con02 > .swiper-button-next,.bd-review-con02 > .swiper-button-prev {top: 55% !important;}
.bd-review-con02 > .swiper-button-prev {left: -5% !important;}
.bd-review-con02 > .swiper-button-next {right: -5% !important;}
/* .bd-review-con02 .swiper-wrapper .swiper-slide .style {width: 1440px; height: 100%;display: flex; justify-content: center; align-items: center;} */


/*bottom 베너*/
.main-wrap .bottom-benner {padding: 90px 0 70px;}
.main-wrap .bottom-benner .inner { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; }
.main-wrap .bottom-benner .inner .banner-con { display: flex; justify-content: center; align-items: center; width: calc(100%/4 - 20px); height: 140px; margin-bottom: 20px; border: 1px solid #EEEEEE;  border-radius: 12px; overflow: hidden; }

@media (max-width: 1024px) {
    .main-wrap .bottom-benner .inner {justify-content: left;}
    .main-wrap .bottom-benner .inner .banner-con {width: calc(100%/3 - 14px); margin-right: 20px; }
    .main-wrap .bottom-benner .inner .banner-con:nth-last-of-type(3),
    .main-wrap .bottom-benner .inner .banner-con:nth-last-of-type(6) {margin-right: 0;}
    .swiper-container {font-size: 15px; width: 100%; height: 100%;}
}
@media (max-width: 800px) {
    .main-wrap .bottom-benner {padding: 40px 0 20px;}
    .main-wrap .bottom-benner .inner {justify-content: space-between;}
    .main-wrap .bottom-benner .inner .banner-con {width: calc(100%/2 - 14px); margin-right: 0px; }
    .main-wrap .bottom-benner .inner .banner-con img { width: 100%; }
    .swiper-container {font-size: 12px;  height: 100%;}
    .swiper-container .swiper-wrapper{width: 60%;}
}
@media (max-width: 500px) {
    .main-wrap .bottom-benner .inner .banner-con {width: calc(100%/1 - 0px); margin-right: 0px; }
    .swiper-container {font-size: 10px; width: 100%; height: 100%;}
    .swiper-container .swiper-button-prev,.swiper-container .swiper-button-next{display: none;}
}



/*-----com-logos-----*/
.com-logos {padding: 60px 0 60px; background: #FFFFFF; overflow: hidden; }
.com-logos .swiper-container3 {text-align: center;}
.com-logos .swiper-container3 img.img {display: inline-block; filter:  grayscale(100%);}

.m-blo {display: none;}


/*기업(개인)회원으로 로그인 [ 실무정보 ]*/
.main02-con { position: relative; width: 100%; max-width: 1330px; margin: auto; padding: 100px 20px 0 60px; text-align: center;}
.main02-con strong { font-weight: 600; font-size: 36px; line-height: 160%; letter-spacing: -0.06em;  color: #222222; }

.main02-con .wrap {position: relative; width: 100%;  padding:0 0px 30px 2px; overflow: hidden;}
.main02-con .main02-swiper {width: 100%; height: 100%; }
.main02-con .main02-swiper .swiper-slide {width: 100%; height: 100%; margin-right: 0;}

.main02-con .inner { display: flex; justify-content: space-between; align-items: center; text-align: left;}
.main02-con .inner .tab-iq-con { margin-top: 120px ; padding: 40px 35px; width: 100%; max-width: 375px; background: #FFFFFF; box-shadow: 7px 9px 20px rgba(0, 0, 0, 0.1); border-radius: 20px; transition: margin-top 0.2s;}
.main02-con .inner .tab-iq-con.on {margin-top: 60px;}

.main02-con .inner .tab-iq-con .middle strong { display: block; margin-bottom: 20px; font-weight: 600; font-size: 22px; line-height: 26px;  color: #222222;}
.main02-con .inner .tab-iq-con .middle span { display: inline-block; display: -webkit-box; height: 80px; margin-bottom: 15px; font-weight: 300;  font-size: 16px; line-height: 180%; color: #666666; overflow: hidden;-webkit-box-orient: vertical;text-overflow: ellipsis; -webkit-line-clamp: 3; }
.main02-con .inner .tab-iq-con .bottom p { font-weight: 500; font-size: 14px; line-height: 17px; color: #999999;}

.main02-con .swiper-button-prev {background: url(/img/rdg/arrow_left_disabled.png) no-repeat !important;}
.main02-con .swiper-button-next {background: url(/img/rdg/arrow_right_disabled.png) no-repeat !important;}
.main02-con > .swiper-button-next, .main02-con >  .swiper-button-prev {top: 65% !important; z-index: 9999;}
.main02-con .swiper-button-prev {left: 0% !important;}
.main02-con .swiper-button-next {right: -2% !important;}

/*파트너로 로그인*/
/*-----tab-btn-----*/
.main03-con { padding: 85px 0 120px; }
.main03-con .tab-btn {margin-bottom: 40px; cursor: pointer;}
.tab-con .tab-list li.list-th,.tab-con .tab-list li.list-td a {display: flex; align-items: center; text-align: center; flex-wrap: wrap; padding: 25px 0; border-bottom: 1px solid #EEEEEE;}
.tab-con .tab-list li.list-th p {font-weight: 700 !important; font-size: 13px; line-height: 19px;font-family: "Noto Sans KR"; text-align: center; letter-spacing: -0.02em; color: #222222;}
.tab-con .tab-list li.list-td a p {font-weight: 500; font-size: 14px; line-height: 17px; word-break: keep-all;}
.tab-con .tab-list p.num01 {width: 10%; color: #DD4066 !important;}

.tab-con .tab-list li p.num01 {width: 10%; color: #DD4066 !important;}
.tab-con .tab-list li p.num02 {width: 10%;}
.tab-con .tab-list li p.num03 {width: 30%;}
.tab-con .tab-list li .num04 {width: 25%;}
.tab-con .tab-list li p.num05 {width: 10%;}
.tab-con .tab-list li p.num06 {width: 15%;}

.tab-con .tab-list li.list-td p.num01 {color: #DD4066 !important;}
.tab-con .tab-list li.list-td p.num02 {color: #888888;}
.tab-con .tab-list li.list-td p.num03 {font-weight: 500; font-size: 18px; line-height: 21px;  color: #222222;}
.tab-con .tab-list li.list-td .num04 {color: #888888;text-align: left;}
.tab-con .tab-list li.list-td .num04 span { display: inline-block; font-size: 14px; line-height: 20px;  padding: 5px 10px; background: #F8F8F8; border-radius: 5px;}
.tab-con .tab-list li.list-td .num04 span + span {margin-left: 6.5px;}
.tab-con .tab-list li.list-td .num04 em { margin-right: 8.5px; font-size: 14px; font-weight: 400; color: #DD4066; border: 1px solid #E84F74; border-radius: 5px; padding: 5px 10px;}
.tab-con .tab-list li.list-td .num04 .siksu + .siksu { margin-top: 16px; }
.tab-con .tab-list li.list-td p.num05 {color: #888888;}
.tab-con .tab-list li.list-td p.num06 {color: #222222;}

/* .tab-con div.tab02-02 .tab-list li.list-th p {font-weight: 700 !important; font-size: 13px; line-height: 19px;font-family: "Noto Sans KR"; text-align: center; letter-spacing: -0.02em; color: #222222;} */
.main03-con .tab-con > div.tab02-02 ul.tab-list > li p.num01 {width: 15%; color: #DD4066 !important; text-overflow: ellipsis; overflow: hidden;}
.main03-con .tab-con > div.tab02-02 ul.tab-list > li p.num03 {width: 60%;}
.main03-con .tab-con > div.tab02-02 ul.tab-list > li.list-td p.num03 {text-align: left; padding-left: 20px;}
.main03-con .tab-con > div.tab02-02 ul.tab-list > li p.num05 {width: 10%;}
.main03-con .tab-con > div.tab02-02 ul.tab-list > li p.num06 {width: 15%;}


.tab-con .tab-list li.list-td:hover { background: #FFFFFF;  transition: box-shadow 0.3s; box-shadow: 10px 20px 50px rgba(0, 0, 0, 0.1); border-radius: 20px; border-bottom: none; }

.main03-impo { position: relative; display: flex; justify-content: center; align-items: center; width: 100%; height: 220px; margin-bottom: 120px;   }
.main03-impo::after {content: ""; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); width: 100vw !important; height: 100%; background-color: #FDECF0; box-shadow: inset -7px 20px 50px rgba(211,64,102,0.2); z-index: -2; }
.main03-impo::before {content: ""; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-34%); width: 100vw; height: 100%; background: url(/img/rdg/bg03.png) no-repeat left; z-index: -1;  }

.main03-impo .inner { display: flex; justify-content: space-between; align-items: center; margin: auto; width: 100%; max-width: 1280px;  }
.main03-impo .inner p {font-weight: 600; font-size: 36px; line-height: 160%; letter-spacing: -0.06em; color: #222222;}
.main03-impo .inner div { display: flex;  flex-wrap: wrap; max-width: 690px; }
.main03-impo .inner div span {  width: 328px; height: 68px; border-radius: 10px; background: #FFFFFF; transition: 0.3s; }
.main03-impo .inner div span + span { margin-left: 28px; }
.main03-impo .inner div span a {display: inline-flex; justify-content: center; align-items: center; height: 100%; width: 100%; font-weight: 300; font-size: 18px; line-height: 0%;  letter-spacing: -0.06em;   color: #222222; transition: 0.3s;}
.main03-impo .inner div span:nth-of-type(4n) { margin-right: 0; }
.main03-impo .inner div span:nth-of-type(n+4) { margin-bottom: 0; }
.main03-impo .inner div span.on {box-shadow: 5px 12px 25px rgba(221, 64, 102, 0.2); }
.main03-impo .inner div span.on a {color: #DD4066; font-weight: 600;}

.main03-crown {text-align: center; margin-bottom: 40px; height: 250px;}
.main03-crown strong {font-weight: 400; font-size: 28px; line-height: 160%; letter-spacing: -0.06em; color: #A3A3A3; word-break: keep-all;}
.main03-crown strong span {color: #DD4066;}

.main03-crown .inner {display: flex; justify-content: center; align-items: center;}
.main03-crown .tab-iq-con { width: calc(100%/3);  margin: 120px 30px 0 0; padding: 20px 0; transition: 0.3s; background: #FFFFFF; box-shadow: 5px 12px 25px rgba(0, 0, 0, 0.1); border-radius: 20px;}
.main03-crown .tab-iq-con a p {font-weight: 400; font-size: 20px; line-height: 180%; letter-spacing: -0.06em; color: #222222;}
.main03-crown .tab-iq-con.on {margin-top: 60px; }
.main03-crown .tab-iq-con.on a p {color: #DD4066; font-weight: 500;}



@media (max-width:1500px) {
    .main02-con {padding: 100px 30px 0;}
    .main02-con .inner .tab-iq-con:first-of-type { margin-left: 20px;}
    .main02-con .swiper-button-prev,.main02-con .swiper-button-next {display: none;}

    .bd-review-con01 .swiper-button-next,.bd-review-con02 > .swiper-button-next {right: 0 !important;}
    .bd-review-con01 .swiper-button-prev,.bd-review-con02 > .swiper-button-prev {left: 0 !important;}
}
@media (max-width:1280px) {
    .main_section .right-img {width: 45%;}
    .main_section .swiper_wrap {width: 55%;}

    .main-wrap .tab-wrap {padding: 0px 0 100px;}
    .main-wrap .tab-wrap .inner   ul { flex-wrap: wrap;}
    .main-wrap .tab-wrap .inner  .tab-iq-con { width: calc(100%/2 - 10px); margin: 40px 20px 0 0; padding: 35px;}
    .main-wrap .tab-wrap .inner  .tab-iq-con:nth-of-type(even) {margin-right: 0;}
    .main-wrap .tab-wrap .inner  .tab-iq-con.on {margin-top: 40px;}
    .tab-wrap .inner .tab-iq-con a {width: 100%;}
    .tab-wrap .inner .tab-iq-con .middle.middle02 {position: absolute; top: 29px; right: 25px; }
    .tab-wrap .inner .tab-iq-con .bottom {display: flex; justify-content: space-between; align-items: flex-start; flex-wrap: wrap;}
    .tab-wrap .inner .tab-iq-con .bottom p:nth-of-type(1) {margin-right: 10px;}

    .main-wrap .container .main-tab .inner .tab-01 .tab-iq-con .middle01 { padding: 35px 0 0; }
    .main-wrap .container .main-tab .inner .tab-01 .tab-iq-con .middle01 strong { margin-bottom: 35px; }

    .main02-con {padding: 100px 0px 0;}

}

@media (max-width:1300px) {
    .main_section .swiper-slide p {font-size: 35px;}

}
@media (max-width:1050px) {
    
    .main_section { display: block; height: auto; }
    .main_section .swiper_wrap {width: 100%; height: 250px; text-align: center; margin-bottom: 40px;}
    .swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction { text-align: center; }
    .main_section .swiper_wrap .btns .stop,.main_section .swiper-button-next, .main_section .swiper-button-prev {display: none;}

    .main_section .right-img {width: 100%; max-width: 652px; margin: auto;}
    .btns-wrap {bottom: 20px; left: 50%; transform: translateX(-50%); width: 100%; margin-top: 35px;}
    .btns-wrap div {margin: auto;}
    .btns-wrap .btns02-wrap {display: none;}

    .bd-review-tit strong,.main02-con strong,.main03-impo .inner p {font-size: 30px;}

    .bd-review-con01 .bd-review-swiper1 .swiper-slide p,.bd-review-con02 .bd-review-swiper2 .swiper-slide p {font-size: 16px; line-height: 160%;}
    .bd-review-con01 .bd-review-swiper1 .swiper-slide span,.bd-review-con02 .bd-review-swiper2 .swiper-slide span  {font-size: 14px;}
    
    .m-hide {display: none;}

    .main03-con .tab-con > div {padding: 0 20px;}
    .main03-con .tab-con > div.tab02-02 ul.tab-list > li p.num01 {width: 100%; text-align: left;}
    .main03-con .tab-con > div.tab02-02 ul.tab-list > li p.num03 {width: 100%;}
    .main03-con .tab-con > div.tab02-02 ul.tab-list > li.list-td p.num03 {text-align: left; padding-left: 0px;}
    .main03-con .tab-con > div.tab02-02 ul.tab-list > li p.num05 {width:auto; flex-grow: 1;}
    .main03-con .tab-con > div.tab02-02 ul.tab-list > li p.num06 {width: auto;}

    .main03-impo .inner {display: block; text-align: center; }
    .main03-impo .inner p {margin-bottom: 30px;}
    .main03-impo .inner div { justify-content: center; max-width: 100%;}
    .main03-impo .inner div span { width:48% }
    .main03-impo .inner div span a {font-size: 15px;}

    .main03-crown .inner {flex-wrap: wrap; justify-content: center;}
    .main03-crown strong {font-size: 26px !important;}
    .main03-crown .tab-iq-con {margin-top: 30px; width: calc(100%/3 - 30px) !important; padding: 50px 0;}
    .main03-crown .tab-iq-con:nth-of-type(3) {margin-right: 0;}
    .main03-crown .tab-iq-con a p {font-size: 18px;}
    .main03-crown .tab-iq-con.on {margin-top: 30px;}

}
@media (max-width:900px) {
   
}
@media (max-width:800px) {
    .main-wrap .container {padding-bottom: 0;}
    .main_section .swiper-slide p { padding-top: 3px;}
    .main_section .swiper_wrap {height: 220px; margin-bottom: 40px;}
    .main_section .right-img {text-align: center;}
    .main_section .right-img img { max-width: 500px; }

    
    .main-wrap .tab-wrap {padding: 0 0 80px;}
    .main-wrap .tab-wrap .inner {padding: 0 0 0px;}
    .main-wrap .tab-wrap .inner ul {padding-top: 20px;}
    .main-wrap .tab-wrap .inner .tab-iq-con { width: calc(100%/1 - 10px); margin: 20px 0 0; padding: 25px;}
    .main-wrap .tab-wrap .inner .tab-iq-con.on {margin-top: 20px;}
    .main-wrap .tab-wrap .inner .tab-iq-con:nth-of-type(even) {margin-right: 0;}
    .main-wrap .tab-wrap .inner .tab-iq-con .top span {  margin-right: 13px; font-size: 13px;}

    .main-wrap .tab-wrap .inner div.tab-02 .tab-iq-con .middle {padding: 30px 0;}
    .main-wrap .tab-wrap .inner .tab-iq-con .middle.middle01 {padding: 30px 0 0;}
    .main-wrap .tab-wrap .inner .tab-iq-con .middle.middle02 {top: 25px; right: 25px; }

    .main-wrap .tab-wrap .inner .tab-iq-con .middle strong { margin-bottom: 20px; font-size: 18px;}
    .main-wrap .tab-wrap .inner .tab-iq-con .middle span { padding: 5px 10px ; font-size: 11px;}
    .main-wrap .tab-wrap .inner .tab-iq-con .bottom p em {font-size: 10px; padding: 2px 8px;}
    .main-wrap .tab-wrap .inner .tab-iq-con .bottom p:nth-of-type(1) {margin-bottom: 10px;} 
    .main-wrap .tab-wrap .inner .tab-iq-con .bottom p span {font-weight: 500; font-size: 13px; line-height: 18px;  color: #888888;}

    /* .main-wrap .container .main-tab .inner .tab-02 .tab-iq-con .top span {display: block; width: 100%; margin-left: 0; height: 40px; } */
    .main-wrap .container .main-tab .inner .tab-02 .tab-iq-con .middle {height: auto; padding: 20px 0 40px; }
    .main-wrap .container .main-tab .inner .tab-02 .tab-iq-con .middle strong,
    .main-wrap .container .main-tab .inner .tab-01 .tab-iq-con .middle strong { height: auto; margin-bottom: 20px;}


    .bd-review-tit { margin: 80px 0 30px;}
    .bd-review-tit strong,.main02-con strong,.main03-impo .inner p {font-size: 20px;}
    .bd-review-con01 .bd-review-swiper1 .swiper-slide p,.bd-review-con02 .bd-review-swiper2 .swiper-slide p {font-size: 14px; line-height: 160%;}
    .bd-review-con01 .bd-review-swiper1 .swiper-slide span,.bd-review-con02 .bd-review-swiper2 .swiper-slide span {margin-top: 20px; padding: 5px 10px; margin-top: 25px;}
    
  

    .main02-con {padding-top: 60px;}
    .main02-con .wrap {padding:0 0px 30px 2px;}
    .main02-con .inner .tab-iq-con {  margin-top: 40px; padding: 30px 25px;}


    .main02-con .inner .tab-iq-con.on {margin-top: 40px;}

    .main02-con .inner .tab-iq-con .middle strong { margin-bottom: 15px;font-size: 18px;}
    .main02-con .inner .tab-iq-con .middle span { height: 80px; font-size: 14px;}
    .main02-con .inner .tab-iq-con .bottom p {font-size: 12px;}
    .main02-con > .swiper-button-next, .main02-con >  .swiper-button-prev { display: none; }

    .main03-con {padding: 60px 0 80px;}
    .main03-con .tab-btn {margin-bottom: 10px;}
    .main03-impo {height: 280px; margin-bottom: 80px; }
    
    .main03-impo .inner div {display: flex; align-items: center; justify-content: space-between;}
    .main03-impo .inner div span a {font-size: 14px;}
    .main03-impo .inner div span {margin: 0 0 15px}
    .main03-impo .inner div span + span {margin-left: 0;}

    .main03-crown {margin-bottom: 40px;}
    .main03-crown strong { display: block; font-size: 20px !important; margin-bottom: 20px;}
    .main03-crown .tab-iq-con {margin: 30px 15px 0 0; width: calc(100%/3 - 20px) !important; padding: 50px 0;}
    .main03-crown .tab-iq-con a p {font-size: 14px;}
    
    .main03-crown .tab-iq-con.on {margin-top: 30px;}

    .com-logos {padding: 35px 0 35px;}
    .com-logos img {width: 125px;}

}

@media (max-width:700px) {
    .main-wrap .tab-wrap {padding: 0px 0 80px;}
    .main_section .swiper-slide p {font-size: 26px;}
    .main_section .swiper_wrap {height: auto; margin-bottom: 40px;}
    .main_section .swiper-pagination-bullet { width: 8px; height: 8px;}
    .main_section .swiper-pagination-bullet-active {width: 22px; }
    .main_section .today div.td-con div p {font-size: 14px;}
    .main_section .today div.td-con div span { font-size: 15px; }
    .main_section .today div.td-con div img {width: 22px;}

    .com-logos {padding: 30px 0;}
    .com-logos .swiper-container3 img {max-width: 120px;}
}

@media (max-width:600px) {
    .top-benner .top-benner {display: none;}
    .top-benner .swiper .swiper-slide.m-top-benner {display: block !important;}
    .top-benner .swiper .swiper-slide.pc-top-benner {display: none !important;}

    
  
    .main-wrap .tab-wrap .inner ul {padding-top: 11px;}

    .bd-review-con01::before,.bd-review-con02::before {display: none;}

    .main_section .swiper_wrap {margin: 0 0 20px;}

}
.m-top-p {display: none;}

@media (max-width:500px) {
    .main_section {margin: 20px 0 20px;}
    .main_section .today div.td-con div span {margin-top: 7px;}
    .main_section .swiper_wrap {min-height: 235px;}
    .main_section .swiper-pagination-bullet { width: 8px; height: 8px;}
    .main_section .swiper-pagination-bullet-active {width: 22px; }
    .main_section .today div.td-con div p {font-size: 14px;}
    .main_section .today div.td-con div span { font-size: 15px; }
    .main_section .today div.td-con div img {width: 22px;}

    .main_section .mySwiper p {font-size: 25px; display: flex; justify-content: center; flex-wrap: wrap; word-break: keep-all;}
    .main_section .mySwiper p span {display: block; width: 100%; word-break: keep-all;}
    .tab-wrap .inner .tab-iq-con .bottom
    .m-blo {display: block;}
    .m-top-p {display: block;} 


    .com-logos .swiper-container3 img {max-width: 100px;}

    .main03-impo {height: 320px;}
    .main03-impo .inner div {flex-wrap: wrap;}
    .main03-impo .inner div span { width: 100%; }
    .main03-impo .inner div span:nth-of-type(4n) {margin-right: 15px;}
    .main03-impo .inner div span:nth-of-type(n+4) {margin-bottom: 15px;}
    .main03-impo .inner div span:nth-of-type(3),.main03-impo .inner div span:nth-of-type(6),.main03-impo .inner div span:last-of-type {margin-right: 0;}
    .main03-con .tab-con > div {padding: 0 0;}
    .main03-crown strong {font-size: 20px !important; margin-bottom: 0px;}
    .main03-crown .tab-iq-con {width: 31% !important; padding: 30px 0; margin-right: 10px;}


    .middle-con{}
    .corpImg{display: block;}
}
@media (max-width:380px) {
    .main-wrap .tab-wrap .inner .tab-iq-con .middle.middle02 {position: relative; top: auto; right: inherit; padding: 0 0 30px; }
}
  
/*검색*/
.search-box { padding: 80px 0 20px; transition: 0.3;}
.search-box .sea-con { margin-bottom: 30px; text-align: center; }
.search-box .sea-con input#search { width: 80%; max-width: 418px; padding: 10px 5px; border: none; outline: none; border-bottom: 2px solid #222222; background: url(/img/rdg/search-icon.png) no-repeat right 9px center; font-weight: 300; font-size: 16px; line-height: 180%; border-radius: none; }
.search-box .sea-con input::placeholder {color: #C8C8C8;}
.search-box .sel-con { display: flex; justify-content: flex-end; }
.search-box .sel-con select { width: 200px; height: 42px; padding-left: 15px; text-align: left; border: none;  background-color: #F8F8F8; outline: none; border-radius: 10px; font-weight: 300; font-size: 14px;line-height: 180%; color: #666666;}

.category-con { padding: 40px 0;}
.category-con p {font-weight: 500; font-size: 18px; line-height: 21px;  color: #222222;}

.category-con div.category-list01 { display: flex; flex-wrap: wrap; padding: 20px 0 35px;}
.category-con div.category-list01 a { width: calc(100%/7 - 17.2px); margin-left: 20px; padding: 25px 0; text-align: center; background: #FFFFFF; border: 1px solid #F8F8F8; outline: none; cursor: pointer; box-shadow: 4px 12px 25px rgba(0, 0, 0, 0.1); transition: 0.3s; }
.category-con div.category-list01 a:nth-of-type(1) {margin-left: 0;}
.category-con div.category-list01 a p { display: block; margin-bottom: 15px; font-weight: 300; font-size: 15px; line-height: 18px; color: #666666;}
.category-con div.category-list01 a span {font-weight: 400; font-size: 13px; line-height: 16px;  color: #666666;}

.category-con div.category-list01 a.on {background: #DD4066; box-shadow: 5px 12px 25px rgba(221, 64, 102, 0.2);}
.category-con div.category-list01 a.on p {color: #ffffff; font-weight: 500;}
.category-con div.category-list01 a.on span {color: #ffffff; }

.category-con div.category-list02 { display: flex; flex-wrap: nowrap; margin-bottom: 40px; padding: 35px 0 0; }
.category-con div.category-list02 a {display: inline-block; padding: 15px 0px; width: 100%; margin-right: 0;  border: 1px solid #EDEDED; font-weight: 300; font-size: 14px; line-height: 17px;  color: #666666; transition: 0.3s; text-align: center; }
.category-con div.category-list02 a.on {border: 1px solid #DD4066; color: #DD4066; font-weight: 500;}

.category-con div.category-list03 { display: flex; justify-content: center; align-items: center; flex-wrap: wrap; padding: 45px 20px; border: 1px solid #222222;}
.category-con div.category-list03 select { width: 20%; margin-right: 10px; padding: 14px ;font-weight: 400; font-size: 14px; line-height: 17px; letter-spacing: -0.05em; color: #333333; border: 1px solid #E2E2E2;}
.category-con div.category-list03 input { width: 30%; margin-right: 10px; padding: 14px ; font-weight: 400; font-size: 14px; line-height: 17px; letter-spacing: -0.05em; color: #C8C8C8; border: 1px solid #E2E2E2; }
.category-con div.category-list03 button { width: 15%; min-width: 120px; padding: 9px 0; font-weight: 500; font-size: 14px; line-height: 27px; color: #FFFFFF;background: #222222;}
.search-wrap .tab02-02 p.result {font-weight: 400; font-size: 14px; line-height: 180%; color: #666666;}
.search-wrap .tab02-02 p.result span {color: #DD4066;}

.category-con div.category-list04 { display: flex; flex-wrap: wrap; margin-bottom: 30px; padding: 35px 55px 0; background-color: #F8F8F8; }
.category-con div.category-list04 a { margin-bottom: 35px; width: 25%; font-weight: 300; font-size: 14px; color: #666666; letter-spacing: -0.02em; }
.category-con div.category-list04 a.on { color: #DD4066; }

.search-wrap .tab-con > div.tab02-02 ul.tab-list > li.list-th p.num01 {width: 8%;color: #222222 !important;}
.search-wrap .tab-con > div.tab02-02 ul.tab-list > li.list-th p.num02 {width: 25%;}
.search-wrap .tab-con > div.tab02-02 ul.tab-list > li.list-th p.num03 {width: 32%;}
.search-wrap .tab-con > div.tab02-02 ul.tab-list > li.list-th p.num04 {width: 15%;}
.search-wrap .tab-con > div.tab02-02 ul.tab-list > li.list-th p.num05 {width: 10%;}
.search-wrap .tab-con > div.tab02-02 ul.tab-list > li.list-th p.num06 {width: 10%; color: #DD4066 !important;}

.search-wrap .tab-con > div.tab02-02 ul.tab-list > li.list-td a p {text-align: center; padding: 0 15px; word-break: keep-all;}
.search-wrap .tab-con > div.tab02-02 ul.tab-list > li.list-td p.num01 {width: 8%; color: #222222 !important; font-weight: 500;}
.search-wrap .tab-con > div.tab02-02 ul.tab-list > li.list-td p.num02 {width: 25%;font-weight: 500; font-size: 18px; line-height: 180%;  color: #222222;}
.search-wrap .tab-con > div.tab02-02 ul.tab-list > li.list-td p.num03 {width: 32%; font-weight: 400; font-size: 16px; line-height: 180%; color: #666666;}
.search-wrap .tab-con > div.tab02-02 ul.tab-list > li.list-td p.num04 {width: 15%; font-weight: 400; font-size: 14px;}
.search-wrap .tab-con > div.tab02-02 ul.tab-list > li.list-td p.num03 {text-align: left;}
.search-wrap .tab-con > div.tab02-02 ul.tab-list > li.list-td p.num05 {width: 10%; color: #666666; font-weight: 400; font-size: 14px;}
.search-wrap .tab-con > div.tab02-02 ul.tab-list > li.list-td p.num06 {width: 10%; color: #DD4066 !important;font-weight: 500;}

.search-wrap .select-wrap {text-align: right;}
.search-wrap .select-wrap .selected,
.search-wrap .select-wrap ul  {text-align: left;}

.search-wrap .tab-con > div.tab02-02 ul.tab-list > li a {cursor: default;}
.search-wrap .tab-con > div.tab02-02 ul.tab-list > li:hover {box-shadow: none; }

.pg_wrap span { padding: 60px 0 10px; display: flex; justify-content: center; align-items: center;}
.pg_wrap span strong { font-weight: 500; line-height: 1; }
.pg_wrap .pg_page {font-weight: 500; font-size: 15px; line-height: 18px; letter-spacing: -0.05em;  color: #222222;}
.pg_wrap .pg_prev {margin-right: 10px;}
.pg_wrap .pg_start {margin-right: 10px;}
.pg_wrap .pg_next {margin-left: 10px;}
.pg_wrap .pg_end {margin-left: 10px;}
.pg_wrap .pg_current {color: #DD4066;}
.pg_wrap .pg_num { padding: 0 15px; }

@media (max-width: 768px) {
    .pg_wrap .pg_page img { width: 30px; }
    .pg_wrap .pg_start { margin-right: 5px; }
    .pg_wrap .pg_prev { margin-right: 5px; }
    .pg_wrap .pg_next { margin-left: 5px; }
    .pg_wrap .pg_end { margin-left: 5px; }
    .pg_wrap .pg_num { padding: 0 5px; }
}


/*파트너 소개*/
.partner-wrap .container02 {padding-bottom: 163px;}
.partner-wrap .partner-con .tab-btn { margin-bottom: 70px;}
.partner-wrap .partner-con .tab-btn li {width: calc(100%/3); cursor: pointer;}
.partner-wrap .partner-con .tab-btn li a {display: flex; justify-content: center; align-items: center; width: 100%; height: 100%;} 
.partner-wrap .selet-con {display: flex; justify-content: flex-end;}
.partner-wrap .selet-con select { width: 40%; margin-left: 15px; padding: 9px 20px; max-width: 200px; min-width: 120px; background-color: #F8F8F8; border: none; border-radius: 10px; font-weight: 300; font-size: 14px; line-height: 180%;  color: #666666;}
.partner-wrap .selet-con select:nth-of-type(1) {margin-left: 0;}
.partner-wrap .partner-con .inner { display: flex; margin-top: 40px; justify-content: flex-start; align-items: top; flex-wrap: wrap;  }
.partner-wrap .partner-con .inner > div { width: calc(100%/4 - 12px); margin-right: 15px;  margin-bottom: 50px; transition: width 0.3s;}
.partner-wrap .partner-con .inner > div a {width: 100%;}
.partner-wrap .partner-con .inner > div:nth-child(4n) {margin-right: 0;}
.partner-wrap .partner-con .inner .img-con { display: flex; justify-content: center;  align-items: center; width: 100%; height: 200px; background: #FFFFFF; border: 1px solid #EEEEEE; border-radius: 20px; transition: .3s;}

.partner-wrap .partner-con .inner .txt-con { text-align: center; padding: 25px 0px;}
.partner-wrap .partner-con .inner .txt-con p { margin-bottom: 18px; font-weight: 600; font-size: 18px; line-height: 21px; color: #222222; word-break: keep-all; }
.partner-wrap .partner-con .inner .txt-con span {font-weight: 300; font-size: 13px; line-height: 180%; color: #888888; word-break: keep-all; }
.partner-wrap .partner-con .inner > div:hover .img-con {box-shadow: 5px 12px 25px rgba(0, 0, 0, 0.1);}
.partner-wrap .partner-con .inner > div .img-con { overflow: hidden; }
/* .partner-wrap .partner-con .inner > div .img-con img { width: 100%; } */
.partner-wrap .detail-wrap h2 {font-weight: 600; font-size: 28px; line-height: 180%;  text-align: center; color: #222222;}
.partner-wrap .detail-wrap .dt-txtcon { display: flex; justify-content: space-between; align-items: top; padding: 77px 86px; margin-top: 40px; width: 100%; background: #F8F8F8; transition: 0.3s;}
.partner-wrap .detail-wrap .dt-txtcon .img-con { display: flex; justify-content: center; align-items: center; width: 50%; max-width: 386px; height: 266px; margin-right: 50px; background: #FFFFFF; border: 1px solid #EEEEEE; border-radius: 20px; overflow: hidden; }

.partner-wrap .detail-wrap .dt-txtcon .txt-con { width: 55%; }
.partner-wrap .detail-wrap .dt-txtcon .txt-con li {display: flex; align-items: top; margin-bottom: 30px; font-weight: 300; font-size: 18px; line-height: 21px;}
.partner-wrap .detail-wrap .dt-txtcon .txt-con li p { white-space: nowrap; min-width: 150px; color: #222222; }
.partner-wrap .detail-wrap .dt-txtcon .txt-con li.wd {margin-bottom: 0;}
.partner-wrap .detail-wrap .dt-txtcon .txt-con li.wd span { margin-top: 30px;  width: 100%; line-height: 180%; word-break: keep-all;}
.partner-wrap .detail-wrap .dt-txtcon .txt-con li span {color: #888888; word-break: keep-all; line-height: 1.5; }
.partner-wrap .detail-wrap .down-btn { display: flex; justify-content: center; padding: 50px 0 ; text-align: center; }
.partner-wrap .detail-wrap .down-btn a { display: flex; align-items: center; padding: 15px 35px ; font-weight: 500; font-size: 16px; line-height: 27px;  color: #DD4066 ; border: 1px solid #DD4066; border-radius: 10px;}
.partner-wrap .detail-wrap .down-btn a img {display: inline-block; margin-right: 10px;} 
.partner-wrap .con-btn { display: flex; align-items: center; justify-content: space-between; padding-top: 40px; border-top: 1px solid #EEEEEE; transition: 0.3; }
.partner-wrap .con-btn .left {display: flex;}
.partner-wrap .con-btn .left a { display: flex; align-items: center; margin-right: 15px; padding: 10px 25px; font-weight: 500; font-size: 14px; line-height: 27px;  color: #888888; border: 1px solid #E8E8E8;  border-radius: 10px; transition: .3s;}
.partner-wrap .con-btn .left a.prev-pag img {display: inline-block; margin-right: 5px;}
.partner-wrap .con-btn .left a.naxt-pag img {display: inline-block; margin-left: 5px;}
.partner-wrap .con-btn .right a { padding: 10px 35px; font-weight: 500; font-size: 14px; line-height: 27px; color: #222222; border: 1px solid #222222; border-radius: 10px;}
.partner-wrap .con-btn .left a:hover {color: #222222;}
.partner-wrap .con-btn .left a:nth-of-type(1):hover img {background: url(/img/rdg/hover-prev-btn.png) no-repeat;}
.partner-wrap .con-btn .left a:nth-of-type(2):hover img {background: url(/img/rdg/hover-next-btn.png) no-repeat;}

.partner-wrap .partner-con .tab-con .tab02-btn-wrap,.partner-wrap .tab02-btn-wrap {width: 100%; display: flex; margin-bottom: 40px;}
.partner-wrap .partner-con .tab-con .tab02-btn-wrap a,.partner-wrap .tab02-btn-wrap a { display: inline-flex; justify-content: center; align-items: center; text-align: center; word-break: keep-all; width: 25%; border: 1px solid #EDEDED; padding: 19px 0; font-weight: 400;  font-size: 14px;  line-height: 17px;   color: #666666; transition: .3s;}
.partner-wrap .partner-con .tab-con .tab02-btn-wrap a.on,.partner-wrap .tab02-btn-wrap a.on {color: #DD4066; border: 1px solid #DD4066; font-weight: 500;}


/*기업소개*/
.corpor-wrap .container02 {padding-bottom: 270px;}
.corpor-wrap .container02.mar-but {padding-bottom: 20px;}
.corpor-wrap .container02.mar-top {padding-top: 0px;}
.corpor-wrap h1 { margin-bottom: 55px; font-weight: 600; font-size: 34px; line-height: 160%;  letter-spacing: -0.06em; color: #DD4066; word-break: keep-all; transition: 0.3s; }
.corpor-wrap h2 { margin-bottom: 31px; font-weight: 600;font-size: 34px;  line-height: 160%; letter-spacing: -0.06em;  color: #222222; word-break: keep-all; transition: 0.3s; }

.corpor-wrap .topcon {position: relative; padding: 55px 0 80px; text-align: center; transition: 0.3s; background-color: #FDECF0; overflow: hidden; }
.corpor-wrap .topcon::after { content: ""; position: absolute; top: 0; right: 20px; width: 350px; height: 160px; background: url(/img/rdg/corpor-bg01.png) no-repeat; background-size: cover; z-index: 1;}
.corpor-wrap .topcon::before { content: ""; position: absolute; bottom: 0; left: 20px; width: 350px; height: 160px; background: url(/img/rdg/corpor-bg02.png) no-repeat; background-size: cover; z-index: 1;}
.corpor-wrap .topcon .inner {width: 90%; max-width: 910px; margin: auto;}
.corpor-wrap .topcon .inner {}
.corpor-wrap .topcon .inner > p {font-weight: 400; font-size: 16px; line-height: 180%;  color: #666666; word-break: keep-all;}
.corpor-wrap .topcon .inner > p:nth-of-type(2) {margin: 25px 0 54px;}

.corpor-wrap .pro-list { display: flex; align-items: flex-start; justify-content: space-between;}
.corpor-wrap .pro-list > div {position: relative; display: flex; align-items: center; justify-content: center; width: 30%; height: 265px; padding: 20px; text-align: center; border: 2px solid #FDECF0; background: #fff; border-radius: 20px; z-index: 2;}

.corpor-wrap .pro-list div img {display: block; margin: auto;}
.corpor-wrap .pro-list div p {position: relative; display: inline-block; margin: 25px 0; font-weight: 300; font-size: 17px; line-height: 20px; color: #DD4066; }
.corpor-wrap .pro-list > div::before {position: absolute; content:""; background: url(/img/rdg/pro-list-m-bg.png) no-repeat; top: 50%; left: -12%; background-size: contain; transform: translateY(-50%) rotate(90deg); height: 56px; width: 15px;  z-index: 2;}
.corpor-wrap .pro-list > div:nth-of-type(1):before {display: none;}
.corpor-wrap .pro-list div span { display: block;font-weight: 300; font-size: 14px; line-height: 180%;  color: #666666; word-break: keep-all;}

.corpor-wrap .secret-wrap {padding: 55px 0 55px; width: 90%; max-width: 910px; margin: auto; text-align: center;}
.corpor-wrap .secret-wrap > h1 {margin-bottom: 31px; font-weight: 600; font-size: 34px; line-height: 160%;  color: #222222;}
.corpor-wrap .secret-wrap > p {font-weight: 400; font-size: 16px; line-height: 180%; color: #888888; word-break: keep-all;}
.corpor-wrap .secret-wrap .inner {margin-top: 50px; display: flex; flex-wrap: wrap; align-items: flex-start; justify-content: space-between;}
.corpor-wrap .secret-wrap .inner div { position: relative; display: flex;align-items: center; justify-content: center; margin-bottom: 25px; padding: 0 15px;  width: 48.5%; height: 180px; background: #FFFFFF; border: 1px solid #EEEEEE;  border-radius: 20px;}
.corpor-wrap .secret-wrap .inner div small { position: absolute; top: 20px; left: 20px; font-weight: 500; font-size: 16px; line-height: 19px; color: #E0E0E0; }
.corpor-wrap .secret-wrap .inner div p { font-weight: 400; font-size: 17px; line-height: 180%; color: #DD4066; word-break: keep-all; }


.corpor-wrap .matching-wrap { background-color: #FDECF0;}
.corpor-wrap .matching-wrap .inner {padding: 55px 0 80px; width: 90%; max-width: 910px; margin: auto; text-align: center; }
.corpor-wrap .matching-wrap .inner .content { display: flex; align-items: flex-start; justify-content: space-between;}
.corpor-wrap .matching-wrap .inner .content > div {position: relative; display: flex; align-items: center; justify-content: center; width: 48.5%;height: 214px; background: #FFFFFF; border-radius: 20px;}
.corpor-wrap .matching-wrap .inner .content > div p {margin-bottom: 15px; font-weight: 400; font-size: 17px; line-height: 180%; color: #DD4066; word-break: keep-all;}
.corpor-wrap .matching-wrap .inner .content > div span {font-weight: 400; font-size: 14px; line-height: 180%; color: #888888; word-break: keep-all;}
.corpor-wrap .matching-wrap .inner .content > div small {position: absolute; top: 20px; left: 20px;font-weight: 500; font-size: 16px; line-height: 19px; color: #E0E0E0;}

.corpor-wrap div.middle-con .corpImg{display: flex;justify-content: center; width: 100%; max-width: 1000px; margin: 0 auto;margin-bottom: 100px;}
.corpor-wrap div.middle-con .corpImg li{width: 30%; height: 330px; margin: 0 auto; border-radius: 15px;}
.corpor-wrap div.middle-con .corpImg li img{width: 100%; height: 100%;}
.corpor-wrap div.middle-con .corpTxt{width: 100%;display: flex; justify-content: center; max-width: 1000px; margin: 0 auto;margin-bottom: 100px;}
.corpor-wrap div.middle-con .corpTxt li{background-color: #fff; width: 27%;  margin: 0 auto;transform: translateY(-350px);}
.corpor-wrap div.middle-con .corpTxt01{ border: 10px solid #eee;}
.corpor-wrap div.middle-con .corpTxt02{ border: 10px solid #FDECF0;}
.corpor-wrap div.middle-con .corpTxt03{ border: 10px solid #eee;}
.corpor-wrap div.middle-con .corpTxt01 .TxtA{background-color: #D95C7C;color: #fff;font-size: 20px;padding: 10px 0;}
.corpor-wrap div.middle-con .corpTxt02 .TxtA{background-color: #D95C7C;color: #fff;font-size: 20px;padding: 10px 0;}
.corpor-wrap div.middle-con .corpTxt03 .TxtA{background-color: #D95C7C;color: #fff;font-size: 20px;padding: 10px 0;}

.corpor-wrap div.middle-con .corpTxt01 .TxtB{padding: 20px 0;
line-height: 40px;}

.corpor-wrap div.middle-con .corpTxt02 .TxtB{padding-top: 20px;}
.corpor-wrap div.middle-con .corpTxt02 .TxtB em{font-size: 13px; display: inline-block; margin-top: 10px;}
.corpor-wrap div.middle-con .corpTxt03 .TxtB{padding-top: 20px;}

.corpor-wrap div.middle-con p strong{font-weight: normal; font-size: 13px;}
.corpor-wrap div.middle-con .corpTxt .TxtB img{width: 95%; height: 80px; margin-bottom: 20px;}
@media (max-width:1024px) {
    .corpor-wrap .secret-wrap > h1 {font-size: 28px;}
}
@media (max-width:900px) {
    .corpor-wrap .secret-wrap .inner div br {display: none;}
    .corpor-wrap .pro-list > div {height: 317px;}
    .corpor-wrap .pro-list > div {padding: 10px;}
}
@media (max-width:700px) {
    .corpor-wrap .pro-list { display: block; }
    .corpor-wrap .pro-list > div {width: 100%; height: auto; padding: 25px 20px ;}
    .corpor-wrap .pro-list > div + div {margin-top: 35px;}
    .corpor-wrap .pro-list > div::before { background: url(/img/rdg/pro-list-m-bg.png) no-repeat; height: 48px; width: 15px; top: -45px; left: 50%; transform:translate(-50%,0);}
    .corpor-wrap .secret-wrap > p br {display: none;}
    .corpor-wrap .container02.mar-but {padding-bottom: 0;}
    .corpor-wrap .pro-list div p {margin:  20px 0 10px;}
    
}
@media (max-width:800px) {
    .corpor-wrap .topcon .inner > p:nth-of-type(2) br {display: none;}
    .corpor-wrap .topcon .inner > p {font-size: 14px;}

    .corpor-wrap .secret-wrap > h1 {font-size: 24px; margin:  0 0 20px;}
    .corpor-wrap .secret-wrap > p {font-size: 15px;}
    .corpor-wrap .secret-wrap .inner div p {font-size: 15px;}
    .corpor-wrap .matching-wrap .inner .content {display: block; padding-top: 20px;}
    .corpor-wrap .matching-wrap .inner .content > div {width: 100%; height: auto; padding: 45px 25px;}
    .corpor-wrap .matching-wrap .inner .content > div + div {margin-top: 25px; }
    .corpor-wrap .matching-wrap .inner .content > div p {font-size: 16px;}
    
}
@media (max-width:700px) {.corpor-wrap div.middle-con ul.con-infor-con{transform: translateY(-700px);} 
.corpor-wrap div.middle-con .corpImg{position: relative; display: block; width: 100%; max-width: 1000px; margin: 0 auto;margin-bottom: 100px;}
    .corpor-wrap div.middle-con .corpImg li{width: 70%; height: auto; margin: 0 auto; border-radius: 15px;margin-bottom: 150px;}
    .corpor-wrap div.middle-con .corpTxt{position: absolute; top: 60%;width: 100%;height: 1600px; display: block;  max-width: 1000px; margin: 0 auto;margin-bottom: 100px;}
    .corpor-wrap div.middle-con .corpTxt li{ width: 60%; height: 30%;transform: translateY(-360%); background-color: #fff;margin-bottom: 40%;}
    .corpor-wrap div.middle-con .corpTxt01 .TxtA{background-color: #D95C7C;color: #fff;font-size: 15px;padding: 20px 0;}
    .corpor-wrap div.middle-con .corpTxt02 .TxtA{background-color: #D95C7C;color: #fff;font-size: 15px;padding: 20px 0;}
    .corpor-wrap div.middle-con .corpTxt03 .TxtA{background-color: #D95C7C;color: #fff;font-size: 15px;padding: 20px 0;}
    .corpor-wrap div.middle-con .corpTxt01 .TxtB{padding: 50px 20px; line-height: 50px; }
    .corpor-wrap div.middle-con .corpTxt02 .TxtB{padding: 50px 50px; line-height: 40px;margin-top: 30px;}
    .corpor-wrap div.middle-con .corpTxt03 .TxtB{padding: 50px 50px; line-height: 50px;margin-top: 30px;}
    

}
@media (max-width:600px) {
    .corpor-wrap .secret-wrap .inner div {width: 100%;}
    .corpor-wrap .secret-wrap .inner div br {display: block;}
    .corpor-wrap div.middle-con .corpTxt{position: absolute; top: 60%;width: 100%;height: 1400px; display: block;  max-width: 1000px; margin: 0 auto;margin-bottom: 100px;}
    .corpor-wrap div.middle-con .corpTxt li{ width: 60%; height: 30%;transform: translateY(-380%); background-color: #fff;margin-bottom: 45%;}
    .corpor-wrap div.middle-con .corpTxt01 .TxtB{background-color: #fff;padding: 20px 20px; line-height: 40px;font-size: 12px;}
    .corpor-wrap div.middle-con .corpTxt02 .TxtB{padding: 30px 50px; line-height: 30px;margin-top: 30px;}
    .corpor-wrap div.middle-con .corpTxt03 .TxtB{padding: 30px 50px; line-height: 40px;margin-top: 30px;}
}

@media (max-width:500px) {
    .corpor-wrap div.middle-con .corpTxt{position: absolute; top: 60%;width: 100%;height: 1300px; display: block;  max-width: 1000px; margin: 0 auto;margin-bottom: 100px;}
    .corpor-wrap div.middle-con .corpTxt li{ width: 60%; height: 30%;transform: translateY(-380%); background-color: #fff;margin-bottom: 40%;}
    .corpor-wrap div.middle-con .corpTxt01 .TxtB{background-color: #fff;padding: 20px 20px; line-height: 30px;font-size: 12px;}
    .corpor-wrap div.middle-con .corpTxt02 .TxtB{padding: 20px 30px; line-height: 20px;margin-top: 30px;}
    .corpor-wrap div.middle-con .corpTxt03 .TxtB{padding: 20px 30px; line-height: 30px;margin-top: 30px;}


}


@media (max-width:400px) {
    .corpor-wrap .matching-wrap .inner .content > div br {display: none;}
    .corpor-wrap .secret-wrap .inner div br {display: none;}
    .corpor-wrap div.middle-con .corpImg{display: block; width: 100%;  max-width: 1000px; margin: 0 auto;margin-bottom: 100px;}
    .corpor-wrap div.middle-con .corpImg li{width: 80%; height: auto; margin: 0 auto; border-radius: 15px;margin-bottom: 80px;}
    .corpor-wrap div.middle-con .corpTxt{width: 100%;display: block; height: 1200px; max-width: 1000px; margin: 0 auto;margin-bottom: 100px;}
    .corpor-wrap div.middle-con .corpTxt li{width: 70%;  margin: 0 auto;transform: translateY(-400%);margin-bottom: 100px;}
    .corpor-wrap div.middle-con .corpTxt01 .TxtA{background-color: #D95C7C;color: #fff;font-size: 15px;padding: 10px 0;}
    .corpor-wrap div.middle-con .corpTxt02 .TxtA{background-color: #D95C7C;color: #fff;font-size: 15px;padding: 10px 0;}
    .corpor-wrap div.middle-con .corpTxt03 .TxtA{background-color: #D95C7C;color: #fff;font-size: 15px;padding: 10px 0;}
    .corpor-wrap div.middle-con .corpTxt01 .TxtB{background-color: #fff;padding: 20px 20px; line-height: 25px;font-size: 12px;}
    .corpor-wrap div.middle-con .corpTxt02 .TxtB{background-color: #fff;padding: 20px 10px; }
    .corpor-wrap div.middle-con .corpTxt03 .TxtB{background-color: #fff;padding: 20px 10px; }
    .corpor-wrap div.middle-con ul.con-infor-con{transform: translateY(-700px);}    
    
}



.corpor-wrap div.middle-con {max-width: 1200px; margin: auto; padding-top: 80px; text-align: center;position: relative;}

.corpor-wrap div.middle-con p {font-weight: 400; font-size: 16px; line-height: 180%; color: #888888;  word-break: keep-all;}
.corpor-wrap .vision-icon-wrap {max-width: 910px; display: flex; justify-content: space-between; align-items: top; margin: 60px auto 0; }
.corpor-wrap .vision-icon-wrap div { display: flex; align-items: center; justify-content: center; width: 48%; padding: 60px 0; border: 1px solid #EEEEEE; border-radius: 20px;}

.corpor-wrap div.middle-con ul.con-infor-con { position: absolute;bottom: 0%; left: 12%; width: 100%; max-width: 910px; padding: 40px 45px 20px; margin: auto; text-align: left; border-radius: 20px; border: 1px solid #EEEEEE;margin-top: 1000px;}
.corpor-wrap div.middle-con ul.con-infor-con li {display: flex; align-items: top; margin-bottom: 25px;}
.corpor-wrap div.middle-con ul.con-infor-con li p { width: 15%; min-width: 90px; font-weight: 500; font-size: 14px; line-height: 17px; letter-spacing: -0.06em; color: #222222; }
.corpor-wrap div.middle-con ul.con-infor-con li span { font-weight: 300; font-size: 14px; line-height: 17px; color: #888888; word-break: keep-all; }
.corpor-wrap div.middle-con ul.point-aff-con { padding: 48px 80px 23px; max-width: 910px; margin: auto; background: #FFFFFF; box-shadow: 10px 20px 50px rgba(0, 0, 0, 0.1); border-radius: 20px;}
.corpor-wrap div.middle-con ul.point-aff-con li {display: flex;text-align: left; margin-bottom: 25px; transition: 0.3s;}
.corpor-wrap div.middle-con ul.point-aff-con li.com {padding-bottom: 30px; border-bottom: 1px solid #eeeeee; margin-bottom: 30px; }
.corpor-wrap div.middle-con ul.point-aff-con p { width: 20%; min-width: 120px;padding-top: 10px; font-weight: 500; font-size: 14px; line-height: 17px; letter-spacing: -0.06em; color: #222222;}
.corpor-wrap div.middle-con ul.point-aff-con p span {color: #DD4066;}
.corpor-wrap div.middle-con ul.point-aff-con input,
.corpor-wrap div.middle-con ul.point-aff-con #textarea  { height: 42px; padding: 0px 15px; width: 80%; background: #FFFFFF; border: 1px solid #E2E2E2; border-radius: 5px; outline: none; transition: 0.3s;}
.corpor-wrap div.middle-con ul.point-aff-con #textarea {height: 110px; padding-top: 15px;}
.corpor-wrap div.middle-con ul.point-aff-con input[type="file"] { position: absolute; width: 0; height: 0; padding: 0; overflow: hidden; border: 0; display: none;}
.corpor-wrap div.middle-con ul.point-aff-con .filebox  {position: relative; width: 80%; transition: 0.3s;}
.corpor-wrap div.middle-con ul.point-aff-con .filebox #file-btn {position: absolute; top: 50%; left: 5px; transform: translateY(-50%); display: flex; align-items: center; justify-content: center; width: 80px; height: 75%; background: #FDECF0; border-radius: 5px;font-weight: 300; font-size: 12px; line-height: 14px; letter-spacing: -0.05em; color: #DD4066;}
.corpor-wrap div.middle-con ul.point-aff-con .filebox .upload-name {width: 100%; padding-left: 90px;}
.corpor-wrap div.middle-con ul.point-aff-con li.sub-btn {width: 100%; padding-top: 50px;}
.corpor-wrap div.middle-con ul.point-aff-con li.sub-btn button {width: 50%; max-width: 240px; margin: auto; padding: 15px 0; background: #DD4066; border-radius: 10px;font-weight: 500; font-size: 16px; line-height: 27px;  color: #FFFFFF;}





/*컨설팅 요청*/
.register_wrap { position: relative; margin: 0 auto; padding-bottom: 130px; max-width: 720px; }

.register_conbox02 .register_wrap .bg { position: absolute; top: -70px; left: 50%; width: 100vw; height: 410px; background-color: #FDECF0; transform: translateX(-50%); z-index: -1; }
.register_conbox02 .register_wrap .bg:before { content: ""; position: absolute; top: 0; right: 18px; width: 350px; height: 156px; background-image: url(/skin/member/basic/img/img_reg_bg-1.png); background-size: 100% auto; background-repeat: no-repeat; }
.register_conbox02 .register_wrap .bg:after { content: ""; position: absolute; bottom: 0; left: 18px; width: 350px; height: 156px; background-image: url(/skin/member/basic/img/img_reg_bg-2.png); background-size: 100% auto; background-repeat: no-repeat; }
.register_conbox02 .register_wrap .register_form { position: relative; margin-top: 150px; padding: 48px 60px; box-shadow: 10px 20px 50px rgba(0, 0, 0, 0.1); border-radius: 20px; overflow: hidden; background-color: #fff; }
.register_conbox02 .register_wrap .register_form p.caption { margin-bottom: 27px; font-size: 14px; color: #DD4066; font-weight: 400; letter-spacing: -0.02em; text-align: right; }
.register_conbox02 .register_wrap .register_form p.caption2 { font-size: 12px; color: #DD4066; font-weight: 400; }
.register_conbox02 .register_wrap .register_form .form_list { padding: 40px 0; border-top: 1px solid #EEEEEE; }
.register_conbox02 .register_conbox .register_wrap .register_form .form_list ul li { display: flex; }
.register_conbox02 .register_wrap .register_form .form_list ul li {display: flex;}
.register_conbox02 .register_wrap .register_form .form_list ul li.con-cut {padding-bottom: 40px !important; margin-bottom: 40px !important; border-bottom: 1px solid #EEEEEE !important;}
.register_conbox02 .register_wrap .register_form .form_list ul li + li { margin-top: 25px; }
.register_conbox02 .register_wrap .register_form .form_list ul li .head { padding: 11px 0; flex: none; width: 150px; font-size: 14px; color: #222222; font-weight: 500; letter-spacing: -0.05em; line-height: 1.6; }
.register_conbox02 .register_wrap .register_form .form_list ul li .head .point { display: inline-block; margin-left: 5px; color: #DD4066; }
.register_conbox02 .register_wrap .register_form .form_list ul li .row { width: 100%;  }
.register_conbox02 .register_wrap .register_form .form_list ul li .row .box-input + .box-button { margin-left: 12px; }
.register_conbox02 .register_wrap .register_form .form_list ul li .row span { display: inline-block; margin-left: 12px; font-weight: 300; font-size: 14px; line-height: 17px; color: #666666;}
.register_conbox02 .register_wrap .register_form .form_list ul li .row .box-flex + .box-flex,
.register_conbox02 .register_wrap .register_form .form_list ul li .row .box-flex + .box-input,
.register_conbox02 .register_wrap .register_form .form_list ul li .row .box-input + .box-input { margin-top: 15px; }
.register_conbox02 .register_wrap .register_form .form_list ul li .row .box-input.menu_req {height: 110px;}
.register_conbox02 .register_wrap .register_form .form_list ul li .row .box-input.menu_req textarea {width: 100%; height: 100%; padding: 15px;resize: none; font-weight: 300; font-size: 14px; line-height: 17px; letter-spacing: -0.05em; border: none; outline: none; }
.register_conbox02 .register_wrap .register_form .form_list ul li .row .box-input.menu_req textarea::placeholder {color: #AAAAAA;}
.register_conbox02 .register_wrap .register_form .form_list ul li .row .box-flex { width: 100%; }
.register_conbox02 .register_wrap .register_form .form_list ul li .row .box-flex.wrap { flex-wrap: wrap;; }
.register_conbox02 .register_wrap .register_form .form_list ul li .row .box-input.quantity { display: none; margin: 0; width: calc(50% - 8px);}
.register_conbox02 .register_wrap .register_form .form_list ul li .row .box-input.quantity.on { display: block; }
.register_conbox02 .register_wrap .register_form .form_list ul li .row .box-input.quantity.ml { margin-left: 16px }
.register_conbox02 .register_wrap .register_form .form_list ul li .row .box-input.quantity.mt { margin-top: 16px }
.register_conbox02 .register_wrap .register_form .box-submit { margin: 60px auto 0; width: 240px; height: 60px; border-radius: 10px; overflow: hidden; }
.register_conbox02 .register_wrap .register_form .box-submit button { width: 100%; height: 100%; font-size: 16px; color: #fff; font-weight: 500; background: #DD4066; letter-spacing: -0.02em; }
.register_conbox02 .register_wrap .register_form .form_list ul li .row .box-button { flex: none; width: 120px; height: 42px }
.register_conbox02 .register_wrap .register_form .form_list ul li .row .box-button button { width: 100%; height: 100%; font-size: 14px; color: #DD4066; font-weight: 500; letter-spacing: -0.02em; border: 1px solid #DD4066; border-radius: 5px; }


.container02 .register-txt { width: 100%; padding-top: 64px; text-align: center; z-index: 10;}
.container02 .register-txt p { font-weight: 500; font-size: 20px; line-height: 180%; color: #222222; word-break: keep-all; }
.container02 .register-txt p span { color: #DD4066;}
.register_conbox .register_wrap .bg { position: absolute; top: 0px; left: 50%; width: 100vw; height: 486px; background-color: #FDECF0; transform: translateX(-50%); z-index: -1; }
.register_conbox .register_wrap .register_form { position: relative; margin-top: 64px; padding: 48px 60px; box-shadow: 10px 20px 50px rgba(0, 0, 0, 0.1); border-radius: 20px; overflow: hidden; background-color: #fff; }
.register_conbox .register_wrap .register_form .form_list ul li .row { width: 100%; display: flex; align-items: center; }
.register_conbox .register_wrap .register_form .form_list ul li .row .box-input select {width: 100%; height: 100%; padding-left: 15px; font-size: 14px; line-height: 17px; letter-spacing: -0.05em; color: #AAAAAA; border: none;}
.box-input.quantity {width: 107px;}
.register_conbox .register_wrap .register_form .form_list ul li .row .box-input.wid-s {width: 80%;}
.register_conbox .register_wrap .register_form .form_list ul li .row.Comp_invest .box-input {width: 45%;}
.register_conbox .register_wrap .register_form .form_list ul li .row.Comp_invest span {margin-left: 17px;}
.register_conbox .register_wrap .register_form .form_list ul li .row.Comp_invest .box-input:nth-of-type(2) {margin-left: 17px;}
.register_conbox .register_wrap .register_form .form_list ul li .row .box-input.date-con {width: 45%;}
.register_conbox .register_wrap .register_form .form_list ul li .row.own-num {display: block;}
.register_conbox .register_wrap .register_form .form_list ul li .row .box-input label input[type="date"] {padding-right: 0;}


/*공지사항*/
/* .notice-wrap .container02 .notice-con .noti-tabel {border: 1px solid;} */
.notice-wrap .container02 .notice-con .noti-tabel li.list-th,.notice-con .noti-tabel li.list-td a {display: flex; align-items: center; text-align: center; padding: 25px 0px; border-bottom: 1px solid #EEEEEE; transition: .3s;}
.notice-wrap .container02 .notice-con .noti-tabel li.list-th p {font-weight: 700 !important; font-size: 13px; line-height: 19px;font-family: "Noto Sans KR"; text-align: center; letter-spacing: -0.02em; color: #222222;}
.notice-wrap .container02 .notice-con .noti-tabel li.list-td a p {font-weight: 500; font-size: 14px; line-height: 17px;}

.notice-wrap .container02 .notice-con .noti-tabel li.list-td a:hover{ background: #FFFFFF; box-shadow: 10px 20px 50px rgba(0, 0, 0, 0.1); border-radius: 20px;}

.notice-wrap .container02 .notice-con .noti-tabel li p.num01 {width: 100%; padding-left: 70px; word-break: keep-all;}
.notice-wrap .container02 .notice-con .noti-tabel li p.num02 { flex: none; width: 180px;}
.notice-wrap .container02 .notice-con .noti-tabel li p.num03 { flex: none; width: 180px; padding-right: 70px;}

.notice-wrap .container02 .notice-con .noti-tabel li.list-td p.num01 { text-align: left; font-weight: 500; font-size: 18px;  line-height: 180%; color: #222222; }
.notice-wrap .container02 .notice-con .noti-tabel li.list-td p.num02 {font-weight: 500; font-size: 14px; line-height: 17px;  color: #888888;}
.notice-wrap .container02 .notice-con .noti-tabel li.list-td p.num03 {font-weight: 500; font-size: 14px; line-height: 17px;  color: #222222;}

.notice-wrap .box-btns { display: flex; justify-content: space-between; margin-top: 30px; }
.notice-wrap .box-btns .btn_b01, 
.notice-wrap .box-btns button { display: flex; justify-content: center; align-items: center; padding: 0 15px; height: 45px; color: #fff; font-weight: 500; border-radius: 5px; background-color: #DD4066; }
.notice-wrap .box-btns button { background-color: #F5F5F5; color: #222; }

/*공지사항 세부내용*/
.notice-list-wrap .con-inner { border-top: 1px solid #222222; }
.notice-list-wrap .con-inner p,
.notice-list-wrap .prev-con a p,
.notice-list-wrap .next-con a p { width: 90px; font-weight: 500; font-size: 14px; line-height: 27px;  text-align: center;  color: #222222;}
.notice-list-wrap .con-inner span,
.notice-list-wrap .prev-con a span,
.notice-list-wrap .next-con a span {font-weight: 300; font-size: 14px; line-height: 17px; letter-spacing: -0.04em; color: #828282;}
.notice-list-wrap .con-inner .top  {display: flex; justify-content: space-between; align-items: center; }
.notice-list-wrap .con-inner .top li {width: 50%; padding: 30px 0; display: flex; align-items: center;}
.notice-list-wrap .con-inner .middle { padding: 90px 0; text-align: center; border-top: 1px solid #EEEEEE; border-bottom: 1px solid #EEEEEE;}
.notice-list-wrap .con-inner .middle .imgcon { margin: auto; display: flex; justify-content: center; align-items: center; width: 95%; max-width: 1020px; height: 420px; background: #D8D8D8;}
.notice-list-wrap .con-inner .middle .txtcon { margin: 0 auto; width: 95%; max-width: 1020px; }
.notice-list-wrap .con-inner .middle .txtcon p { width: 100%; font-weight: 300; text-align: left; font-size: 14px; line-height: 180%; color: #222222;}
.notice-list-wrap .prev-con a {display: flex; align-items: center; padding: 32px 0; border-bottom: 1px solid #EEEEEE;}
.notice-list-wrap .next-con a {display: flex; align-items: center; padding: 32px 0; border-bottom: 1px solid #222222;}
.notice-list-wrap .list-btn { text-align: center; padding-top: 60px; }
.notice-list-wrap .list-btn a { padding: 10px 35px; font-weight: 500; font-size: 14px; line-height: 27px; color: #222222;border: 1px solid #222222; border-radius: 10px;}
.notice-list-wrap .box-btns { display: flex; justify-content: right; margin-top: 30px; }
.notice-list-wrap .box-btns a { display: flex; justify-content: center; align-items: center; padding: 0 15px; height: 45px; color: #fff; font-weight: 500; border-radius: 5px; background-color: #DD4066; }
.notice-list-wrap .box-btns a + a { margin-left: 10px; }


/*마이페이지*/
.proposal-inner .inner, .proposal-wrap .pre-wrap > button {display: none; transition: 0.3s;}
.mypage-wrap .tab-con .tab-01 { padding: 60px 0;}
.mypage-wrap .proposal-wrap {margin-bottom: 30px;}
.mypage-wrap .proposal-wrap .proposal-inner {background: #F8F8F8; border-top: 1px solid #EEEEEE; border-radius: 10px;}
.mypage-wrap .proposal-wrap .proposal-inner .top {display: flex; align-items: center; justify-content: space-between; width: 100%; padding: 25px 30px;}
.mypage-wrap .proposal-wrap .proposal-inner .top div {display: flex; align-items: center;}
.mypage-wrap .proposal-wrap .proposal-inner .top div p {margin-right: 32px; font-weight: 500; font-size: 16px; line-height: 19px; color: #222222;}
.mypage-wrap .proposal-wrap .proposal-inner .top div p span { margin-left: 16px; font-weight: 400; }
.mypage-wrap .proposal-wrap .proposal-inner .top img {cursor: pointer ; }
.mypage-wrap .proposal-wrap .proposal-inner .inner { padding: 34px 38px; border-top: 1px solid #EEEEEE;}
.mypage-wrap .proposal-wrap .proposal-inner .inner p { width: 180px; font-weight: 400; font-size: 14px; line-height: 17px; color: #222222; word-break: keep-all;}
.mypage-wrap .proposal-wrap .proposal-inner .inner span {font-weight: 300; font-size: 14px; line-height: 17px; color: #888888; word-break: keep-all;}
.mypage-wrap .proposal-wrap .proposal-inner .inner .middle {display: flex; justify-content: space-between; flex-wrap: wrap;}
.mypage-wrap .proposal-wrap .proposal-inner .inner .middle li { display: flex; width: calc(100%/2 - 5px); margin-bottom: 25px;}
.mypage-wrap .proposal-wrap .proposal-inner .inner .bottom  { display: flex; padding-top: 31px; margin-top: 6px; border-top: 1px solid #EEEEEE;}

.mypage-wrap .proposal-wrap .pre-wrap { display: none; margin-top: 20px; border: 1px solid #EDEDED; border-radius: 10px;}
.mypage-wrap .proposal-wrap .pre-wrap > button { width: 100%;  padding: 17px 0; font-weight: 300; font-size: 16px; line-height: 27px;  text-align: center; background: #ffffff; color: #222222; border: 1px solid #222222; border-radius: 10px;}
.mypage-wrap .proposal-wrap .pre-wrap  .pro-con { display: none; padding: 0 38px; }
.mypage-wrap .proposal-wrap .pre-wrap  .pro-con .pro-inner {display: flex; padding: 30px 0; justify-content: space-between; align-items: center; }
.mypage-wrap .proposal-wrap .pre-wrap  .pro-con .pro-inner + .pro-inner {border-top: 1px solid #EDEDED;}
.mypage-wrap .proposal-wrap .pre-wrap  .pro-con .pro-txtcon {display: flex; width: 80%; align-items: center; flex-wrap: wrap;}
.mypage-wrap .proposal-wrap .pre-wrap  .pro-con .pro-txtcon p {padding-right: 20px; font-weight: 400; font-size: 14px; line-height: 17px;  color: #222222; }
.mypage-wrap .proposal-wrap .pre-wrap  .pro-con .pro-txtcon p + p {padding-left: 20px; border-left: 1px solid #EDEDED;}
.mypage-wrap .proposal-wrap .pre-wrap  .pro-con .pro-txtcon p span { margin-left: 16px; font-weight: 300; color: #888888;}
.mypage-wrap .proposal-wrap .pre-wrap  .pro-con .pro-txtcon strong {width: 100%; margin-top: 19px; font-weight: 300; font-size: 14px;  line-height: 1.5; color: #888888; word-break: keep-all;}
.mypage-wrap .proposal-wrap .pre-wrap  .pro-con button { display: flex; padding: 9px 15px; font-weight: 500; font-size: 14px; line-height: 27px;  color: #888888; align-items: center; border: 1px solid #EEEEEE; white-space: nowrap; border-radius: 10px;}
.mypage-wrap .proposal-wrap .pre-wrap  .pro-con button img {display: inline-block; margin-right: 5px;}


.mypage-wrap .register_wrap .form_list .password-change {display: none;}
.mypage-wrap .register_conbox02 .register_wrap {padding-bottom: 0;}
.mypage-wrap .register_conbox02 .register_wrap .register_form {margin-top: 60px;}
.mypage-wrap .register_conbox02 .register_wrap .register_form .form_list {border: none; padding: 0;}
.mypage-wrap .register_conbox02 .register_wrap .register_form .form_list ul li.bord-non {align-items: center;}
.mypage-wrap .register_conbox02 .register_wrap .register_form .form_list ul li.bord-non .box-input {border: none;}
.mypage-wrap .register_conbox02 .register_wrap .register_form .form_list ul li.bord-non .box-input input {padding: 0 0;}
.mypage-wrap .register_conbox02 .register_wrap .register_form .form_list ul li.bord-non .box-input input::placeholder {font-weight: 500; font-size: 14px; line-height: 17px; color: #666666;}
.mypage-wrap .register_conbox02 .register_wrap .register_form .form_list ul li.chg-clk .box-button {width: 100%;}
.mypage-wrap .register_conbox02 .register_wrap .register_form .form_list ul li.email-chg-clk .row .box-input + .box-button {margin-left: 0;}
.mypage-wrap .register_conbox02 .register_wrap .register_form .form_list ul li.email-chg-clk .box-input + .box-button {margin-top: 10px;}
.mypage-wrap .register_conbox02 .register_wrap .register_form .form_list ul li.email-chg-clk .box-input input::placeholder {font-weight: 500; font-size: 14px; line-height: 17px;  color: #666666;}
.mypage-wrap .register_conbox02 > .box-submit { display: flex; justify-content: center; padding: 50px 0 100px; width: 100%;}
.mypage-wrap .register_conbox02 > .box-submit button {  font-weight: 500; font-size: 13px; padding: 13px 22px; line-height: 16px; letter-spacing: -0.05em;  color: #999999; border: 1px solid #EEEEEE;  border-radius: 3px;}
.mypage-wrap .register_conbox02 .register_wrap .register_form .form_list ul li.email-change.active {display: flex;}

.mypage-wrap .proposal-wrap.active .proposal-inner {background: #FFFFFF !important; box-shadow: 5px 12px 25px rgba(0, 0, 0, 0.1) !important;  transition: 0.3s;}
.mypage-wrap .proposal-wrap.active .proposal-inner .top div p {color: #DD4066;  transition: 0.3s;}
.mypage-wrap .proposal-wrap.active .proposal-inner .inner {display: block !important;transition: 0.3s;}
.mypage-wrap .proposal-wrap.active .pre-wrap > button {display: block !important;transition: 0.3s;}
.mypage-wrap .proposal-wrap.active .pre-wrap {display: block !important;}
.mypage-wrap .proposal-wrap > .pre-wrap.on > button {color: #DD4066; border: 1px solid #DD4066;}
.mypage-wrap .proposal-wrap > .pre-wrap.on .pro-con {display: block !important;}

/*마이페이지 - 입찰기업*/

.mypage-com-wrap .my-prowrap .my-procon { margin-bottom: 40px; background: #FFFFFF; border: 1px solid #EDEDED;  border-radius: 10px; overflow: hidden;}
.mypage-com-wrap .my-prowrap .my-procon > div { display: flex; align-items: center; justify-content: space-between;}
.mypage-com-wrap .my-prowrap .my-procon > div button { display: flex; height: 46px; padding: 9px 13px; align-items: center; white-space: nowrap; transition: 0.3s;  background: #FFFFFF; border: 1px solid #EEEEEE; border-radius: 10px; font-weight: 500; font-size: 14px; line-height: 27px; color: #888888;}
.mypage-com-wrap .my-prowrap .my-procon > div button img {margin-right: 5px;}
.mypage-com-wrap .my-prowrap .my-procon > div button:hover { background-color: #DD4066; color: #ffffff; border: none; transition: 0.3s; }
.mypage-com-wrap .my-prowrap .my-procon > div div p { display: flex; word-break: keep-all; margin-right: 20px; font-weight: 500; font-size: 14px;}
.mypage-com-wrap .my-prowrap .my-procon > div div p span { margin-left: 16px; color: #888888; font-weight: 300;}
.mypage-com-wrap .my-prowrap .my-procon > div strong { display: block; margin-top: 27px; width: 100%; font-weight: 300; word-break: keep-all; font-size: 14px; line-height: 17px; color: #888888;}

.mypage-com-wrap .my-prowrap .my-procon .top {border: 1px solid #EEEEEE;  padding: 31px 38px; background: #F8F8F8;}
.mypage-com-wrap .my-prowrap .my-procon .top > div {  width: 80%; max-width: 600px; display: flex; align-items: center; flex-wrap: wrap;}
.mypage-com-wrap .my-prowrap .my-procon .top > div p { margin-right: 20px; font-weight: 500; font-size: 14px; color: #DD4066;}
.mypage-com-wrap .my-prowrap .my-procon .top > div p + p { padding-left: 20px; border-left: 1px solid #DDDDDD;}

.mypage-com-wrap .my-prowrap .my-procon .bottom {padding: 31px 38px;}
.mypage-com-wrap .my-prowrap .my-procon .bottom > div {display: flex; flex-wrap: wrap; width: 80%; max-width: 600px;}
.mypage-com-wrap .my-prowrap .my-procon .bottom > div p {color: #222222; font-weight: 400; }
.mypage-com-wrap .my-prowrap .my-procon .bottom > div p { margin-right: 20px; padding-right: 20px; margin-bottom: 18px; border-right: 1px solid #DDDDDD;}
.mypage-com-wrap .my-prowrap .my-procon .bottom > div p:last-of-type {margin-bottom: 0; padding-left: 0px; border-left: none;}
.mypage-com-wrap .my-prowrap .my-procon .bottom > div p:nth-of-type(3),
.mypage-com-wrap .my-prowrap .my-procon .bottom > div p:nth-of-type(5),
.mypage-com-wrap .my-prowrap .my-procon .bottom > div p:last-of-type { border-right: none;}


.mypage-com-wrap .logo-info { margin-top: 60px; padding: 48px 92px; background: #FFFFFF; box-shadow: 5px 12px 25px rgba(0, 0, 0, 0.1); border-radius: 10px;}
.mypage-com-wrap .logo-info .info-file { display: flex; justify-content: space-between; margin-bottom: 44px;}
.mypage-com-wrap .logo-info .info-file .imgcon { margin-right: 30px; display: flex; align-items: center; justify-content: center; width: 25%;  min-width: 260px;   height: 260px;background: #FFFFFF; border: 1px solid #EEEEEE; border-radius: 20px;}
.mypage-com-wrap .logo-info .info-file .txtcon {width: 70%;}
.mypage-com-wrap .logo-info .info-file .txtcon h1 { margin-bottom: 19px; font-weight: 500; font-size: 18px;  line-height: 21px;  color: #222222;}
.mypage-com-wrap .logo-info .info-file .txtcon p { margin-bottom: 26px; font-weight: 300; font-size: 15px; line-height: 180%; color: #888888; word-break: keep-all; }
.mypage-com-wrap .logo-info .info-file .txtcon > span { display: flex; align-items: center; margin-bottom: 15px; font-weight: 300; font-size: 14px; line-height: 17px; color: #DD4066; word-break: keep-all; }
.mypage-com-wrap .logo-info .info-file .txtcon > span img {margin-right: 5px;}
.mypage-com-wrap .logo-info .info-file .txtcon .form_list {margin-top: 32px;}

.mypage-com-wrap .logo-info .info-updat {padding-top: 40px; border-top: 1px solid #EEEEEE;}
.mypage-com-wrap .logo-info .info-updat > div {display: flex; align-items: flex-start; margin-bottom: 25px;}
.mypage-com-wrap .logo-info .info-updat > div div.head {width: 170px; margin-top: 13px;}
.mypage-com-wrap .logo-info .info-updat > div div.info-txtarea {flex-grow: 1;}
.mypage-com-wrap .logo-info .info-updat > div textarea {width: 100%; height: 93px; padding: 13px 11px; outline: none; resize: none; background: #FFFFFF; border: 1px solid #E2E2E2;  border-radius: 5px;}
.mypage-com-wrap .logo-info .info-updat > div textarea::placeholder { font-weight: 300; font-size: 14px; line-height: 17px; letter-spacing: -0.05em; color: #AAAAAA;}
.mypage-com-wrap .logo-info .info-updat > div.form_list {display: flex; width: 100%;}
.mypage-com-wrap .logo-info .info-updat > div.form_list .row {width: 40%; min-width: 417px; font-weight: 300;}

.mypage-com-wrap .logo-info .info-btn {text-align: center; padding-top: 35px;}
.mypage-com-wrap .logo-info .info-btn p { margin-bottom: 26px; font-weight: 400; font-size: 14px; line-height: 160%; color: #DD4066; word-break: keep-all;}
.mypage-com-wrap .logo-info .info-btn button { padding: 16.5px 72.5px; font-weight: 500; font-size: 16px; line-height: 27px; color: #FFFFFF;background: #DD4066; border-radius: 10px; }


/*멤버쉽*/

.membership-wrap .member-explan-con { position: relative; width: 100%; height: 486px;}
.membership-wrap .member-explan-con::after {position: absolute; content: ""; top: 0%; left: 50%; transform: translateX(-50%); width: 100vw; height: 486px; background: url(/img/rdg/member-bg.png) no-repeat; background-size: cover; z-index: -1; }

.membership-wrap .member-explan {max-width: 1028px; height: 90%; margin: auto;  display: flex; align-items: center; justify-content: space-between;}
.membership-wrap .member-explan li { position: relative; display: flex; width: calc(100%/5 - 30px); height: 178px; justify-content: center;  align-items: center; text-align: center; background-color: #ffffff; border-radius: 20px; transition: 0.3s;}
.membership-wrap .member-explan li em { position: absolute; top: 16px; left: 16px; font-weight: 500; font-size: 16px; line-height: 19px;  color: #E0E0E0;}
.membership-wrap .member-explan li p { display: block; width: 100%; font-weight: 300; font-size: 17px; line-height: 160%; color: #222222; word-break: keep-all;}
.membership-wrap .member-explan li span { display: inline-block; margin-top: 11px; padding: 7px 10px; font-size: 12px; line-height: 17px; color: #DD4066;border: 1px solid #FDECF0; border-radius: 50px;}

.membership-wrap .member-price { display: block;  margin-top: -60px; text-align: center; width: 100%;}
.membership-wrap .member-price .price-con { display: flex; margin: auto; padding: 0 45px;  max-width: 592px; height: 104px; background: #FFFFFF; box-shadow: 5px 12px 25px rgba(221, 64, 102, 0.2); border-radius: 10px; align-items: center; justify-content: space-between; flex-wrap: wrap; }
.membership-wrap .member-price .price-con p {font-weight: 300; font-size: 24px; line-height: 160%; letter-spacing: -0.06em; color: #222222; }
.membership-wrap .member-price .price-con p span { font-weight: inherit; font-size: inherit; line-height: inherit; letter-spacing: inherit; color: #DD4066; }
.membership-wrap .member-price .price-con strong {font-weight: 600; font-size: 32px;  line-height: 160%; letter-spacing: -0.06em;  color: #222222;}
.membership-wrap .member-price .price-con span { font-weight: 300; font-size: 20px; line-height: 160%; letter-spacing: -0.06em;  color: #222222;}
.membership-wrap .member-price > span { display: block; margin: 33px 0 53px; font-weight: 400; font-size: 14px; line-height: 160%; color: #DD4066; word-break: keep-all;}
.membership-wrap .member-price .chk-con { max-width: 600px; margin: auto; display: block; border-top: 2px solid #222222;}
.membership-wrap .member-price .box-refund { margin-top: 120px; text-align: center; }
.membership-wrap .member-price .box-refund h4 { font-size: 18px; color: #222222; font-weight: 500; letter-spacing: -0.02em; }
.membership-wrap .member-price .box-refund .box-txt { display: inline-block; margin-top: 22px; padding: 30px; width: 100%; max-width: 600px; text-align: left; border: 1px solid #ECECEC; border-radius: 3px; }
.membership-wrap .member-price .box-refund .box-txt strong { display: inline-block; font-size: 15px; color: #222222; font-weight: 300; font-weight: 300; letter-spacing: -0.02em; }
.membership-wrap .member-price .box-refund .box-txt p { margin-top: 13px; font-size: 15px; color: #6666; font-weight: 300; letter-spacing: -0.02em; line-height: 160%; }
.membership-wrap .member-price .box-refund .box-txt p + strong { margin-top: 30px; }


.membership-wrap .form_agree { height: auto;}
.membership-wrap .form_agree ul { border-bottom: 1px solid #EEEEEE; }
.membership-wrap .form_agree ul li { padding: 0 24px; display: flex; align-items: center; height: 70px; text-align: left; border-top: 1px solid #EEEEEE; }
.membership-wrap .form_agree ul li:first-child {background: #FAFAFA;}
.membership-wrap .form_agree ul li .box-check { flex: none; }
.membership-wrap .form_agree ul li p { padding: 0 14px; width: 100%; font-size: 15px; color: #222222; font-weight: 300; letter-spacing: -0.02em; }
.membership-wrap .form_agree ul li button { flex: none; width: 80px; height: 32px; font-size: 12px; color: #DD4066; font-weight: 300; letter-spacing: -0.05em; border: 1px solid #FDECF0; border-radius: 16px; }
.membership-wrap .box-submit { margin: 60px auto 0; width: 240px; height: 60px;   }
.membership-wrap .box-submit button { border:1px solid; width: 100%; height: 100%; font-size: 16px; color: #fff;border-radius: 10px; font-weight: 500; background: #DD4066; letter-spacing: -0.02em; transition: 0.3s; }
.membership-wrap .box-submit button:hover {box-shadow: 5px 12px 25px rgba(221, 64, 102, 0.2);}

.agree_pop { display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; overflow-y: scroll; z-index: 999; }
.agree_pop .bg { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, .4); z-index: 9;}
.agree_pop .inner { position: absolute; top: 50%; left: 50%; padding: 50px 45px 45px; width: 95%; max-width: 650px; background-color: #fff; border-radius: 20px; transform: translate(-50%, -50%); z-index: 99;}
.agree_pop .inner .top { padding-bottom: 45px; text-align: center; }
.agree_pop .inner .top h3 { font-size: 28px; color: #222222; font-weight: 600; word-break: keep-all; }
.agree_pop .inner .middle {  }
.agree_pop .inner .middle .box-txt { height: 410px; padding: 20px; border: 1px solid #ECECEC; border-radius: 3px; overflow: auto; }
.agree_pop .inner .middle .box-txt h4 { margin-bottom: 10px; line-height: 1.4; font-weight: 500; font-size: 16px; line-height: 17px;  color: #222222;}
.agree_pop .inner .middle .box-txt ul li {line-height: 1.6; font-weight: 300; font-size: 14px; color: #666666;}
.agree_pop .inner .middle .box-txt ul li + li { margin-top: 5px; } 
.agree_pop .inner .middle .box-txt ul li table { border-top: 1px solid #E0E0E0; border-spacing: 0px; }
.agree_pop .inner .middle .box-txt ul li table td { padding: 5px; font-size: 13px; border: 1px solid #E0E0E0; border-top: 0; text-align: center; }
.agree_pop .inner .middle .box-txt ul li table td + td { border-left: none; }
.agree_pop .inner .middle .box-txt ul li table th { padding: 5px; font-size: 13px; font-weight: 300; border: 1px solid #E0E0E0; border-top: 0; background-color: #F8F8F8;  text-align: center; }
.agree_pop .inner .middle .box-txt ul li table th + th { border-left: none; }
.agree_pop .inner .bottom { margin-top: 50px; }
.agree_pop .inner .bottom .box-close { margin: 0 auto; width: 100%; max-width: 240px; height: 60px; }
.agree_pop .inner .bottom .box-close button { width: 100%; height: 100%; font-size: 16px; color: #FFFFFF; font-weight: 500; letter-spacing: -0.02em; background: #DD4066; border-radius: 10px; }
.agree_pop .inner .close-btn { position: absolute; top: -44px; right: 0; width: 24px; z-index: 10;}

@media (max-width:800px) {
    .agree_pop .inner .top {margin-bottom: 20px;}
    .agree_pop .inner .middle .box-txt h4 { font-size: 15px;}
    .agree_pop .inner .middle .box-txt ul li {font-size: 13px; line-height: 1.5;}
    .agree_pop .inner .bottom {margin-top: 30px;}
    .agree_pop .inner .bottom .box-close { height: 45px; }
    .agree_pop .inner .bottom .box-close button {font-size: 14px;}
}

#agree_pop3 .inner .middle .box-txt { border: none;}
#agree_pop3 .inner .middle .box-txt .head {display: flex; align-items: center; justify-content: space-between; margin-bottom: 16px;}
#agree_pop3 .inner .middle .box-txt .head p {font-weight: 500; font-size: 18px; line-height: 21px; color: #222222;}
#agree_pop3 .inner .middle .box-txt .head a {font-weight: 300; font-size: 12px; line-height: 14px; letter-spacing: -0.05em;  color: #DD4066; padding: 9px 16px; border: 1px solid #FDECF0;  border-radius: 50px;}
#agree_pop3 .inner .middle .box-txt .body { padding: 19px 22px; border: 1px solid #ECECEC; border-radius: 3px;}
#agree_pop3 .inner .middle .box-txt .body span {font-weight: 400; font-size: 14px; line-height: 17px;  color: #222222;}
#agree_pop3 .inner .middle .box-txt .mid-top {margin-bottom: 33px;}
#agree_pop3 .inner .middle .box-txt .mid-mid {margin-bottom: 20px;}
#agree_pop3 .inner .middle .box-txt .mid-mid .body {padding: 26px 22px;}
#agree_pop3 .inner .middle .box-txt .mid-mid .body .chkAll p {font-weight: 500;}
#agree_pop3 .inner .middle .box-txt .mid-mid .body .box-check + .box-check {margin-left: 0; margin-top: 24px;}
#agree_pop3 .inner .middle .box-txt .mid-mid .box-check {display: flex; align-items: center; }
#agree_pop3 .inner .middle .box-txt .mid-mid .box-check p {margin-left: 14px;}
#agree_pop3 .inner .middle .box-txt .mid-bot {background: #F8F8F8; border-radius: 3px;}
#agree_pop3 .inner .middle .box-txt .mid-bot .txtcon {display: flex; align-items: flex-start; justify-content: center; padding: 22px 20px; background: #F8F8F8; border-radius: 3px;}
#agree_pop3 .inner .middle .box-txt .mid-bot .txtcon p { margin-left: 10px; font-weight: 400; font-size: 14px; line-height: 1.3; color: #222222; word-break: keep-all;}
#agree_pop3 .inner .middle .box-txt .mid-bot .txtcon p span {color: #DD4066;}


/*이용약관,개인정보처리방침*/
.terms-wrap .inner { padding: 52px 103px; background: #FFFFFF; box-shadow: 10px 20px 50px rgba(0, 0, 0, 0.1); border-radius: 20px;}
.terms-wrap .inner h1 { font-weight: 600; font-size: 18px; line-height: 200%;  color: #DD4066; }
.terms-wrap .inner p {font-weight: 400; font-size: 14px; line-height: 2.5; }
.terms-wrap .inner p span {font-weight: 500; font-size: 15px; line-height: 200%; }

.terms-wrap .inner .tabel-con {width: 100%; height: auto; overflow-x: auto;}
.terms-wrap .inner table {table-layout: auto; width: 100%; min-width: 700px;  border-collapse: collapse;}
.terms-wrap .inner table thead {background-color: #F8F8F8; text-align: center;}
.terms-wrap .inner table thead strong { font-weight: 400; font-size: 14px; line-height: 200%;  color: #111111;}
.terms-wrap .inner table tbody {font-weight: 400; font-size: 14px; line-height: 250%; color: #666666;} 
.terms-wrap .inner table td {padding: 5px; border: 1px solid #E0E0E0;}

.terms-wrap .inner02 .panel {border: 1px solid #ECECEC; padding: 36px 37px; background: #F8F8F8; margin-bottom: 50px;}
.terms-wrap .inner02 .panel h3 {font-weight: 600; font-size: 18px; line-height: 200%;  color: #DD4066;}
.terms-wrap .inner02 .panel {font-weight: 400; font-size: 14px; line-height: 200%;}
.terms-wrap .inner02 h4 {font-weight: 500; font-size: 14px;  line-height: 200%;  color: #111111;}
.terms-wrap .inner02 ul {font-weight: 400; font-size: 14px;  line-height: 200%;  color: #666666;}
.terms-wrap .inner02 strong {font-weight: 400; color: #111111;}
.terms-wrap .inner02 table {width: 100%; table-layout: auto; border-collapse: collapse; text-align: center;}
.terms-wrap .inner02 table thead th {font-weight: 400; font-size: 14px; line-height: 200%; color: #111111; border: 1px solid #E0E0E0;}
.terms-wrap .inner02 table tbody td {font-weight: 400; font-size: 14px; line-height: 200%;  color: #666666;}


/*-----footer-----*/
footer { border-top: 1px solid #eeeeee; width: 100%; transition: 0.3s;}
footer .container {display: flex; justify-content: space-between; align-items: center; padding: 20px 0px; cursor: pointer;}
footer .container a { position: relative; width: calc(100%/5);  text-align: center;font-size: 15px; line-height: 22px; font-family: Noto Sans KR; color: #222222; cursor: pointer; }
footer .container a::after {content: ""; position: absolute; top: 50%; right: 0; transform: translateY(-50%); width: 1px; height: 70%; background-color: #DDDDDD;}
footer .ft-main {width: 100%; border-top: 1px solid #eeeeee; text-align: center; transition: 0.3;}
footer .ft-main .inner { display: block; margin: auto; width: 100%; max-width: 1280px; padding: 45px 0; }
footer .ft-main .inner p,footer .ft-main .inner a {font-weight: 400; font-size: 14px; line-height: 28px;color: #666666; word-break: keep-all; cursor:  pointer !important;}
footer .ft-main .inner p span {display: inline-block; margin-left:10px;}
footer .ft-main .inner p b {color: #444444;}
footer .ft-main .inner .add-con {display: block; margin: 22px auto 9px auto;}
footer .ft-main .inner .add-con .nbsp {display: inline-block; margin-left: 10px;}

.mob-show {display: none;}
.m-360px {display: none;}
@media (max-width:1200px) {
    .corpor-wrap div.middle-con ul.con-infor-con{ left: 5%;}

}
@media (max-width:1024px) {
    .container02 {padding: 70px 30px;}
    .container02 .title-con {margin-bottom: 50px;} 
    .container02 .title-con strong {font-size: 32px !important; }
    .container02 .title-con p {font-size: 16px; margin-top: 15px;}
    .tab-btn {height: 65px;}
    .tab-btn li {font-size: 16px;}
    .search-box { padding: 60px 0 20px;}

    .category-con div.category-list01 a {width: calc(100%/5 - 16px); margin-bottom: 20px;}
    .category-con div.category-list01 a:nth-of-type(6n) {margin-left: 0;}
    .category-con div.category-list02 a {width: calc(100%/5);}
    .tab-con .tab-list li.list-th {display: none;}
    .tab-con .tab-list li.list-td:hover {box-shadow: none;}

    .tab-con .tab-list li p.num01 {width: auto; margin-right: 10px;}
    .tab-con .tab-list li p.num02 {width: auto;}
    .tab-con .tab-list li p.num03 {display: block; width: 100%; text-align: left !important; padding: 10px 0;}
    .tab-con .tab-list li p.num04 {display: block; width: 100%; margin-bottom: 10px;}
    .tab-con .tab-list li p.num05 {width: auto; flex-grow: 1; text-align: right; margin-right: 10px; }
    .tab-con .tab-list li p.num06 {width: auto; }

    .search-wrap .tab-con > div.tab02-02 ul.tab-list > li.list-td a p {padding: 0 0 !important;}
    .search-wrap .tab-con > div.tab02-02 ul.tab-list > li.list-td p.num01 {display: none;}
    .search-wrap .tab-con > div.tab02-02 ul.tab-list > li.list-td p.num02 {width: auto; font-weight: 500; padding: 0; text-align: left;}
    .search-wrap .tab-con > div.tab02-02 ul.tab-list > li.list-td p.num03 {display: block; width: 100%; text-align: left !important; padding: 10px 0;}
    .search-wrap .tab-con > div.tab02-02 ul.tab-list > li.list-td p.num04 {display: block; width: 100%; text-align: left !important; padding: 0;}
    .search-wrap .tab-con > div.tab02-02 ul.tab-list > li.list-td p.num05 {width: auto; flex-grow: 1; text-align: right !important;}
    .search-wrap .tab-con > div.tab02-02 ul.tab-list > li.list-td p.num06 {width: auto; padding: 0; }

    .tab-con .tab-list li.list-td .num04 {width: 100%; margin-bottom: 15px; text-align: right;}
	.tab-con .tab-list li.list-td .num04 .siksu + .siksu {margin-top: 7px;}

    .partner-wrap .partner-con .inner > div { width: calc(100%/3 - 12px);}
    .partner-wrap .partner-con .inner > div:nth-child(3) {margin-right: 0;}
    .partner-wrap .partner-con .inner > div:nth-child(4) {margin-right: 15px;}
    .partner-wrap .partner-con .inner > div:nth-child(6) {margin-right: 0px;}

    .detail-wrap .dt-txtcon {padding: 70px 43px !important;}

    .corpor-wrap .container02 {padding-bottom: 150px;}
    .corpor-wrap h1 { font-size: 28px;}
    .corpor-wrap h2 { margin-bottom: 31px; font-size: 28px;}

    
    .register_conbox02 .register_wrap .register_form {margin-top: 120px;}
    .register_conbox .register_wrap .register_form {margin-top: 60px;}
    .container02 .register-txt p {font-size: 18px;}

    .notice-wrap .container02 .notice-con .noti-tabel li p.num01 {padding-left: 30px;}
    .notice-wrap .container02 .notice-con .noti-tabel li p.num03 {padding-right: 30px;}

    .membership-wrap .member-explan li {width: calc(100%/5 - 10px);}

    .terms-wrap .inner { padding: 70px 60px;}

    .corpor-wrap div.middle-con ul.con-infor-con{ left: 0%;}
}

@media (max-width:850px) {
    .mypage-wrap .proposal-wrap .pre-wrap  .pro-con .pro-txtcon p {padding-right: 0px; width: calc(100%/2 - 10px); margin-bottom: 10px; }
    .mypage-wrap .proposal-wrap .pre-wrap  .pro-con .pro-txtcon p:nth-of-type(1) {border-right: 1px solid #EDEDED;}
    .mypage-wrap .proposal-wrap .pre-wrap  .pro-con .pro-txtcon p:nth-of-type(2) {margin-left: 15px;}
    .mypage-wrap .proposal-wrap .pre-wrap  .pro-con .pro-txtcon p + p {padding-left: 0px;}

    .mypage-com-wrap .logo-info {padding: 35px;}
}
@media (max-width:830px) { .mypage-com-wrap .my-prowrap .my-procon .bottom > div p:nth-of-type(4) { border-right: none;}}
@media (max-width:810px) { .mypage-com-wrap .my-prowrap .my-procon .bottom > div p:nth-of-type(3) { border-right: 1px solid #DDDDDD;}}
@media (max-width:800px) {

    .container {padding: 0 20px 100px;}
    .container02 {padding: 50px 20px 100px;}
    .container02 .title-con {margin-bottom: 40px;} 
    .container02 .title-con strong {font-size: 26px !important; }
    .container02 .title-con p {font-size: 16px; margin-top: 15px;}
    .container02 .title-con span {margin-bottom: 25px;}
    

    .tab-btn {height: 50px;}
    .tab-btn li {font-size: 13px;}
    .search-box { padding: 40px 0 20px;}
    .search-box .sea-con input#search {font-size: 14px;}
    .search-box .sel-con select {width: 45%; min-width: 150px;}

    .category-con p {font-size: 14px;}
    .category-con div.category-list01 a {width: calc(100%/4 - 8px); margin-left: 8px; margin-bottom: 20px; padding: 15px; }
    .category-con div.category-list01 a:nth-of-type(5n) {margin-left: 0px;}
    .category-con div.category-list01 a:nth-of-type(6n) {margin-left: 8px;}
    .category-con div.category-list01 a p {margin-bottom: 8px; font-size: 14px;}
    .category-con div.category-list01 a span { font-size: 13px;}
    .category-con div.category-list02 a {width: calc(100%/4);}
    .category-con div.category-list03 select {width: calc(100%/2 - 5px); margin: 0 auto 10px auto;}
    .category-con div.category-list03 select:nth-of-type(1) {margin-right: 10px;}
    .category-con div.category-list03 input {width: auto; flex-grow: 1;}
    .category-con div.category-list04 { padding: 35px 30px 0;}
    .category-con div.category-list04 a { width: 33%; line-height: 1.4;}
    
    .tab-con .tab-list li p.num01 { font-size: 13px !important; }
    .tab-con .tab-list li p.num02 { font-size: 13px !important; }
    .tab-con .tab-list li p.num03 { font-size: 18px !important; }
    .tab-con .tab-list li p.num04 { font-size: 11px !important; }
    .tab-con .tab-list li p.num05 { font-size: 13px !important; }
    .tab-con .tab-list li p.num06 { font-size: 13px !important; }

    .search-wrap .tab-con > div.tab02-02 ul.tab-list > li p.num02 {font-size: 18px !important;}
    .search-wrap .tab-con > div.tab02-02 ul.tab-list > li p.num03 {font-size: 16px !important;}
    .search-wrap .tab-con > div.tab02-02 ul.tab-list > li p.num04 {font-size: 16px !important;}
    .search-wrap .tab-con > div.tab02-02 ul.tab-list > li p.num05 {font-size: 13px !important;}
    .search-wrap .tab-con > div.tab02-02 ul.tab-list > li p.num06 {font-size: 13px !important;}

   
    .pg-wrap span { padding: 40px 0 0;}
    .pg-wrap span a {margin-right: 5px; }
    .pg-wrap .pg-num {margin: 0 5px; font-size: 13px;}
    .pg_wrap .pg_num:nth-of-type(10) {display: none;}

    .partner-wrap .container02 {padding-bottom: 100px;}
    .partner-wrap .partner-con .tab-btn { margin-bottom: 40px;}
    .partner-wrap .partner-con .inner > div { width: calc(100%/2 - 5px); margin-right: 10px; margin-bottom: 20px;}
    .partner-wrap .partner-con .inner > div a {width: 100%;}
    .partner-wrap .partner-con .inner > div:nth-child(2) {margin-right: 0px;}
    .partner-wrap .partner-con .inner > div:nth-child(3) {margin-right: 10px;}
    .partner-wrap .partner-con .inner > div:nth-child(4) {margin-right: 0px;}
    .partner-wrap .partner-con .inner > div:nth-child(6) {margin-right: 0px;}
    
    .partner-wrap .partner-con .inner .txt-con p { margin-bottom: 10px;font-size: 16px;}

    .partner-wrap .partner-con .tab-con .tab02-btn-wrap a,.partner-wrap .tab02-btn-wrap a {font-size: 13px; padding: 10px;}

    .detail-wrap h2 {font-size: 18px !important;}
    .detail-wrap .dt-txtcon {display: block !important; padding: 40px 25px !important;}
    .detail-wrap .dt-txtcon .txt-con {width: 100% !important;}
    .detail-wrap .dt-txtcon .txt-con li {font-size: 15px !important; flex-wrap: wrap; margin-bottom: 15px;}
    .detail-wrap .dt-txtcon .txt-con li span {display: block; margin-top: 8px; width: 100%;}
    .detail-wrap .dt-txtcon .txt-con li.wd span {margin-top: 10px;}
    .detail-wrap .dt-txtcon .img-con {margin: 0 auto 40px auto !important; width: 80% !important; height: 200px !important; }
    .detail-wrap .dt-txtcon .img-con img {max-width: 100px !important;}

    .partner-wrap .detail-wrap .down-btn { padding: 30px 0;}
    .partner-wrap .detail-wrap .down-btn a {padding: 10px 20px;font-size: 15px;}
    .partner-wrap .detail-wrap .down-btn a img { margin-right: 10px;} 
    .partner-wrap .con-btn { padding-top: 30px;}
    .partner-wrap .con-btn .left a { margin-right: 10px; padding: 5px 10px;font-size: 12px !important;}
    .partner-wrap .con-btn .right a { padding: 5px 15px;font-size: 12px !important;}

    .min-hide {display: none;}

    .corpor-wrap .container02 {padding-bottom: 100px;}
    .corpor-wrap h1 { font-size: 24px; margin-bottom: 30px; }
    .corpor-wrap h2 { margin-bottom: 20px; font-size: 24px;}
    .corpor-wrap .topcon {padding: 40px 0;}
    .corpor-wrap .topcon p {font-weight: 300; font-size: 14px; line-height: 180%;  color: #666666; word-break: keep-all;}
    .corpor-wrap div.middle-con p {width: 100%; font-weight: 300; font-size: 14px; line-height: 180%; color: #888888;  word-break: keep-all;}
    .corpor-wrap .vision-icon-wrap {margin-top: 30px;}
    .corpor-wrap .vision-icon-wrap div:nth-of-type(1) img { width: 30%; }
    .corpor-wrap .vision-icon-wrap div:nth-of-type(2) img { width: 80%; }
    .corpor-wrap div.middle-con ul.point-aff-con li {display: block;}
    .corpor-wrap div.middle-con ul.point-aff-con p {margin-bottom: 10px;}
    .corpor-wrap div.middle-con ul.point-aff-con input, .corpor-wrap div.middle-con ul.point-aff-con #textarea,.corpor-wrap div.middle-con ul.point-aff-con .filebox {width: 100%;}
    .corpor-wrap div.middle-con ul.point-aff-con li.sub-btn {text-align: center; padding-top: 30px;}
    .corpor-wrap div.middle-con ul.point-aff-con li.sub-btn button { width: 40%; min-width: 150px; padding: 10px 0; font-size: 14px;}

    .container02 .register-txt p {font-size: 16px;}

    .notice-wrap .container02 .notice-con .noti-tabel li.list-th {display: none;}
    .notice-wrap .container02 .notice-con .noti-tabel li.list-td a:hover{ background: #FFFFFF; box-shadow: none; border-radius: 20px;}

    .notice-wrap .container02 .notice-con .noti-tabel li p.num01 { display: block; width: 100%; padding-left: 10px; padding-top: 0;}
    .notice-wrap .container02 .notice-con .noti-tabel li p.num02 {width: auto; flex-grow: 1; text-align: right; font-size: 13px;}
    .notice-wrap .container02 .notice-con .noti-tabel li p.num03 {width: auto; padding-right: 10px; margin-left: 10px; font-size: 13px; }

    .notice-wrap .container02 .notice-con .noti-tabel li.list-td p.num01 {font-size: 16px; margin-bottom: 10px; }
    .notice-wrap .container02 .notice-con .noti-tabel li.list-td p.num02 {font-size: 13px;}
    .notice-wrap .container02 .notice-con .noti-tabel li.list-td p.num03 {font-size: 13px;}

    
    .notice-list-wrap .con-inner .top li {padding: 20px 0;}
    .notice-list-wrap .con-inner .middle {padding: 60px 0;}
    .notice-list-wrap .next-con a, .notice-list-wrap .prev-con a {padding: 20px 0;}

    .proposal-inner .inner, .proposal-wrap > a {display: none; transition: 0.3s;}

    .mypage-wrap .proposal-wrap .proposal-inner .top { padding: 25px 25px !important;}
    .mypage-wrap .proposal-wrap .proposal-inner .top div p {font-size: 15px; }
    .mypage-wrap .proposal-wrap .proposal-inner .top div p span { margin-left: 16px;}
    .mypage-wrap .proposal-wrap .proposal-inner .inner { padding: 25px 30px;}
    .mypage-wrap .proposal-wrap .proposal-inner .inner p { width: 150px; font-size: 13px; }
    .mypage-wrap .proposal-wrap .proposal-inner .inner span { font-size: 13px;}
    .mypage-wrap .proposal-wrap .proposal-inner .inner .middle li { margin-bottom: 25px;}
    .mypage-wrap .proposal-wrap .proposal-inner .inner .bottom  {padding-top: 25px; margin-top: 0px;}

    .mypage-wrap .register_conbox02 .register_wrap .register_form .form_list ul li {display: flex !important;}

    .mypage-wrap .proposal-wrap .pre-wrap .pro-con {padding: 0 20px;}
    .mypage-wrap .proposal-wrap .pre-wrap  .pro-con .pro-inner {display: block; padding: 30px 0; }
    .mypage-wrap .proposal-wrap .pre-wrap  .pro-con .pro-txtcon {width: 100%;}
    .mypage-wrap .proposal-wrap .pre-wrap  .pro-con .pro-txtcon p span { margin-left: 16px; }
    .mypage-wrap .proposal-wrap .pre-wrap  .pro-con .pro-txtcon strong {margin-top: 19px; }
    .mypage-wrap .proposal-wrap .pre-wrap  .pro-con button { margin-top: 20px; width: 100%; justify-content: center; }

    .mypage-wrap .proposal-wrap .pre-wrap .pro-con .pro-txtcon p + p {border-left: none;}
    
    .membership-wrap .member-explan {display: block; padding-top: 30px;}
    .membership-wrap .member-explan li {width: 100%; height: 65px; padding-left: 13px;  }
    .membership-wrap .member-explan li + li {margin-top: 10px;}
    .membership-wrap .member-explan li div {display: flex; width: 90%; justify-content: space-between; align-items: center ; text-align: left; padding-left: 0px;}
    .membership-wrap .member-explan li span {white-space: nowrap; margin-top: 0;}
    .membership-wrap .member-explan li em  {top: 50%; transform: translateY(-50%);}

    .terms-wrap .inner { padding: 40px 40px;}

    footer .ft-main {text-align: center;}
    footer .ft-main .inner { display: block;padding: 25px 20px; }
    footer .container {justify-content: center; flex-wrap: wrap; }
    footer .container a { width: auto; padding: 0 15px; font-size: 14px;}
    footer .ft-main .inner .add-con span:nth-of-type(1) {display: block;}
    footer .ft-main .inner p,
    footer .ft-main .inner p span {font-weight: 400; line-height: 28px;color: #666666;}

    
    

}
@media (max-width:700px) {
    .register_conbox02 .register_wrap .register_form .form_list ul li {display: block;}

    .mypage-wrap .proposal-wrap .proposal-inner .inner p { width: 100px; margin-right: 15px; line-height: 1.5; }

    .mypage-wrap .register_conbox02 .register_wrap .register_form .form_list ul li .head {width: 70px;}
    .mypage-wrap .register_conbox02 .register_wrap .register_form .form_list ul li.email-change.active {display: block !important;}
    .mypage-wrap .register_conbox02 .register_wrap .register_form .form_list ul li.email-change.active .box-flex {display: flex;}
    .mypage-wrap .register_conbox02 .register_wrap .register_form .form_list ul li.email-change.active .box-flex .box-input {width: auto; flex-grow: 1;}
    
    .mypage-wrap .register_conbox02 .register_wrap .register_form .form_list ul li .box-flex .box-input {width: auto; flex-grow: 1;}
    .mypage-wrap .register_conbox02 .register_wrap .register_form .form_list ul li.address-con .box-flex .box-input {width: auto; flex-grow: 1;}

    .mypage-com-wrap .logo-info {margin-top: 40px;}
    .mypage-com-wrap .logo-info .info-file { display: block; margin-bottom: 44px;}
    .mypage-com-wrap .logo-info .info-file .imgcon { margin: auto; width: 100%; min-width: 100%; margin-bottom: 25px;}
    .mypage-com-wrap .logo-info .info-file .txtcon {width: 100%;}
    .mypage-com-wrap .logo-info .info-updat {padding-top: 30px;}
    .mypage-com-wrap .logo-info .info-updat > div,.mypage-com-wrap .logo-info .info-updat > div.form_list {display: block;}
    .mypage-com-wrap .logo-info .info-updat > div div.head {margin-bottom: 15px;}
    .mypage-com-wrap .logo-info .info-updat > div.form_list .row {width: 100%; min-width: 100%;}

    .mypage-com-wrap .my-prowrap .my-procon > div { display: block; text-align: right; text-align: -webkit-right;}
    
    .mypage-com-wrap .my-prowrap .my-procon .top > div,
    .mypage-com-wrap .my-prowrap .my-procon .bottom > div { width: 100%; max-width: 100%; text-align: left; }
    .mypage-com-wrap .my-prowrap .my-procon > div button {margin-top: 20px;}
    .mypage-com-wrap .my-prowrap .my-procon .bottom > div p:nth-of-type(3) { border-right: none;}
    .mypage-com-wrap .my-prowrap .my-procon .bottom > div p:nth-of-type(4) { border-right: 1px solid #DDDDDD;}
    .corpor-wrap div.middle-con p {font-weight: 300; font-size: 13px; line-height: 180%; color: #888888;  word-break: inherit;}

    .corpor-wrap div.middle-con ul.con-infor-con{position: inherit; left: 0;}
    
}

@media (max-width:600px) {

    .m-hide02 {display: none;}
    .m-360px {display: block;}

    #localSelect2 {margin-top: 5px;}

    .category-con div.category-list01 a {width: calc(100%/3 - 8px);}
    .category-con div.category-list01 a:nth-of-type(4n),.category-con div.category-list01 a:last-of-type {margin-left: 0px;}
    .category-con div.category-list01 a:nth-of-type(5n) {margin-left: 8px;}
    .category-con div.category-list02 a {width: calc(100%/3);}
    .category-con div.category-list03 input {margin-right: 0; width: 100%;}
    .category-con div.category-list03 button {display: block; margin-top: 10px; width: 100%;}
 
    .partner-wrap .partner-con .tab-btn,.mypage-com-wrap .tab-btn { display: block; height: auto; border: none;}
    .partner-wrap .partner-con .tab-btn li,.mypage-com-wrap .tab-btn li {width: 100%; height: 45px; border: 1px solid #EDEDED; border-radius: 40px;margin-bottom: 5px;}
    .partner-wrap .selet-con {display: block;}
    .partner-wrap .selet-con select {width: 100%; max-width: 100%; margin-left: 0px; margin-bottom: 5px;}
    .partner-wrap .tab-01 .selet-con  {text-align: right;}
    .partner-wrap .partner-con .inner .img-con {height: 150px;}
    .partner-wrap .detail-wrap .dt-txtcon .txt-con li {margin-bottom: 10px;}
    .detail-wrap .dt-txtcon .txt-con li {margin-bottom: 10px;}
    .detail-wrap .dt-txtcon .txt-con li span {margin-top: 5px;}
    .partner-wrap .detail-wrap .dt-txtcon .txt-con li.wd span {margin-top: 10px;}

    .partner-wrap .partner-con .tab-con .tab02-btn-wrap,.partner-wrap .tab02-btn-wrap {flex-wrap: wrap;}
    .partner-wrap .partner-con .tab-con .tab02-btn-wrap a,.partner-wrap .tab02-btn-wrap a {width: 50%;}

    .corpor-wrap h1 { font-size: 20px; margin-bottom: 20px; }
    .corpor-wrap h2 { font-size: 20px;}
    .corpor-wrap .topcon {padding: 30px 0;}
    .corpor-wrap div.middle-con ul.con-infor-con {padding: 30px 25px 10px;
       width: 100%; }
    .corpor-wrap div.middle-con ul.con-infor-con li p {min-width: 70px;}
    .corpor-wrap div.middle-con ul.point-aff-con {padding: 30px 30px 10px;}

    .mypage-wrap .tab-con .tab-01 {padding: 40px 0;}
    .mypage-wrap .proposal-wrap {margin-bottom: 20px;}
    .mypage-wrap .proposal-wrap .proposal-inner .top {padding: 20px 20px;}
    .mypage-wrap .proposal-wrap .proposal-inner .top div {display: block;}
    .mypage-wrap .proposal-wrap .proposal-inner .top div p {font-size: 14px; line-height: 160%;}
    .mypage-wrap .proposal-wrap .proposal-inner .inner .middle {}
    .mypage-wrap .proposal-wrap .proposal-inner .inner .middle li { display: inline-flex;  width: auto; min-width: 45%; margin-right: 10px;}
    .mypage-wrap .proposal-wrap .proposal-inner .inner {padding: 20px 20px;}
    .mypage-wrap .proposal-wrap .proposal-inner .inner p { width: 95px; margin-right: 10px; line-height: 1.5; }
    .mypage-wrap .proposal-wrap .proposal-inner .inner span {line-height: 1.5; }

    .membership-wrap .member-explan li {width: 100%;}
    .membership-wrap .member-explan li p {font-size: 15px; margin-left: 8px;}
    .membership-wrap .member-explan li em {font-size: 14px; left: 12px;}

    .membership-wrap .member-price .price-con {height: 90px; padding: 11px 25px; justify-content: center; }
    .membership-wrap .member-price .price-con p {font-size: 18px;}
    .membership-wrap .member-price .price-con strong {font-size: 26px;}
    .membership-wrap .member-price .price-con span {font-size: 15px;}

    .membership-wrap .form_agree ul li {padding: 0 15px;}
    .membership-wrap .form_agree ul li p {font-size: 13px; padding: 0 10px;}

    .agree_pop .inner {padding: 30px 20px 30px;}
    .agree_pop .inner .top h3 {font-size: 24px;}
    #agree_pop3 .inner .middle .box-txt .head p {font-size: 16px;}
    #agree_pop3 .inner .middle .box-txt .mid-mid .box-check p {font-size: 14px; margin-left: 10px; }
    #agree_pop3 .inner .middle .box-txt .mid-mid .body .box-check + .box-check {margin-top: 18px;}

    footer .container {justify-content: center; flex-wrap: wrap; padding: 20px 30px 10px; }
    footer .container a { margin-bottom: 10px;}
    footer .container a::after {height: 8px !important; }
    footer .container a:last-of-type:after {background-color: transparent;}
    footer .ft-main {text-align: center;}
    footer .ft-main .inner p > span {display: block; margin-left:0px;}
    footer .ft-main .inner p.add-con {display: block; margin: 5px auto 3px auto;}
    footer .ft-main .inner p.add-con .nbsp { margin-left: 0px;}
    footer p.tel-con {display: flex; flex-wrap: wrap; font-size: 14px; text-align: center;}
    footer p.tel-con > span {display: flex; width: 100%; text-align: center;}
    footer p.tel-con > b {display: block; width: 100%;}

    .mob-show {display: block;}

    
}
@media (max-width:550px) {
    .container02 .register-txt {padding-top: 55px;}
    
    .register_conbox02 .box-check {margin-bottom: 12px;}
    .register_conbox02 .register_wrap {padding-bottom: 100px;}
    .register_conbox02 .register_wrap .bg:after {display: none;}
    .register_conbox02 .register_wrap .register_form {padding: 30px 25px; margin-top: 115px;}
    .register_conbox .register_wrap .register_form {padding: 30px 25px; margin-top: 55px !important;}
    .register_conbox02 .register_wrap .register_form .form_list ul li .row.Comp_invest {display: block;}
    .register_conbox02 .register_wrap .register_form .form_list ul li .row.Comp_invest span {display: none;}
    .register_conbox02 .register_wrap .register_form .form_list ul li .row.Comp_invest .box-input{width: 100%;}
    .register_conbox02 .register_wrap .register_form .form_list ul li .row.Comp_invest .box-input:nth-of-type(2) {margin: 10px 0 0;}
    .register_conbox02 .register_wrap .register_form .form_list ul li .row .box-input.date-con {width: 100%;}
    .register_conbox02 .register_wrap .register_form .box-submit { width: 70%; height: 50px;}
    .register_conbox02 .register_wrap .register_form .box-submit button {font-size: 14px;}

    .register_conbox02 .register_wrap .register_form .form_list {padding: 30px 0;}
    .register_conbox02 .register_wrap .register_form .form_list ul li.con-cut {padding-bottom: 30px; margin-bottom: 20px;}
    
    .register_conbox02 .box-flex {flex-wrap: wrap;}
    
    .mypage-wrap .register_conbox02 .register_wrap .register_form .form_list ul li {display: block;}
    .mypage-wrap .register_conbox02 .register_wrap .register_form .form_list ul li.bord-non {display: flex;}
    .mypage-wrap .register_conbox02 .register_wrap .register_form .form_list ul li.email-change.active .box-flex {display: block;}
    .mypage-wrap .register_conbox02 .register_wrap .register_form .form_list ul li.email-change.active .box-flex .box-button { width: 100%; margin-top: 10px; margin-left: 0; }
    .mypage-wrap .register_conbox02 .register_wrap .register_form .form_list ul li.address-con .box-flex {display: flex !important; width: auto !important; flex-grow: 1 !important;}

    .mypage-wrap .proposal-wrap .pre-wrap  .pro-con .pro-txtcon p {padding-right: 0px; width: 100%; margin-bottom: 10px; }
    .mypage-wrap .proposal-wrap .pre-wrap  .pro-con .pro-txtcon p:nth-of-type(1) {border-right: none;}
    .mypage-wrap .proposal-wrap .pre-wrap  .pro-con .pro-txtcon p:nth-of-type(2) {margin-left: 0px;}

    .mypage-com-wrap .my-prowrap .my-procon .top > div {display: block;}
    .mypage-com-wrap .my-prowrap .my-procon .top,
    .mypage-com-wrap .my-prowrap .my-procon .bottom {padding: 25px 25px !important;}
    .mypage-com-wrap .my-prowrap .my-procon .top > div p + p { padding-left: 0px; border-left: none; margin-top: 18px;}
    .mypage-com-wrap .my-prowrap .my-procon .bottom > div p { margin-right: 20px; padding-right: 0px; border-right: none !important;}

    .terms-wrap .inner { padding: 40px 20px;}

    .category-con div.category-list04 { padding: 25px 20px 0; justify-content: space-between;}
    .category-con div.category-list04 a { width: 47%; line-height: 1.4; font-size: 13px; margin-bottom: 20px;}
}
@media (max-width:430px) {
    .container02 .register-txt p {font-size: 14px;}
    .register_conbox02 .register_wrap {padding-bottom: 0;}
    .register_conbox02 .register_wrap .register_form {padding: 30px 20px;}
    .register_conbox02 .box-check + .box-check {margin-left: 25px;}
    .register_conbox02 .box-check + .box-check {margin-left: 10px !important;}
    .register_conbox02 .register_wrap .register_form .form_list ul li .row span {margin-left: 5px;}

    .mypage-wrap .register_conbox02 .register_wrap .register_form .form_list ul li.address-con .box-button { width: 100%; margin: 10px 0 0; }

    .mypage-com-wrap .logo-info .info-btn button {padding: 16px 0; width: 95%; font-size: 15px; }

    .notice-list-wrap .con-inner .top li {width: 100%;}
    .notice-list-wrap .con-inner .top p, .notice-list-wrap .prev-con a p, .notice-list-wrap .next-con a p {width: auto; white-space: nowrap; margin-right: 15px;}
    .notice-list-wrap .con-inner .top li:first-child {padding-bottom: 0;}
    .notice-list-wrap .con-inner .top {display: block;}


    .gall_info{font-size: 10px;margin-left: -10px;}




}