@charset "UTF-8";

.sub_visual {position:relative; background:#fff;}
.sub_visual .bg {position:absolute; left:0; top:0; width:100%; height:100%; background:url('/design2025/usyc/img/sub/sub_visual.jpg') no-repeat bottom/cover; background-repeat:no-repeat; z-index:10;}
.sub_visual > * {position:relative; z-index:20;}
.sub_visual .title {padding:180rem 0 32rem 0;}
.sub_visual .title h3 {font-size:40rem; line-height:1.3; font-weight:700;}
.snb_wrap .wrap {background: #ffffff; border: 1px solid #323232; padding: 0 20rem; position: relative;}
.snb_wrap .wrap::after {content: ''; display: block; position: absolute; width: 137rem; height: 159rem; background: url('/design2025/usyc/img/sub/char03.png') no-repeat bottom right/contain; top: -120rem; right: 20%;}
.sub_nav > ul {height:60rem;}
.sub_nav .depth2 {top:60rem;}
.sub_nav.ver3 .depth1 > li {width: calc(((100% - 95rem)/3) - 26.66rem);}
.sub_nav.ver3 .depth1 > .home {width: 95rem;}
.sub_nav.ver3 .depth1 > .home a {text-align: center; justify-content: center;}
.sub_nav.ver3 .depth1 > .home a::after {display: none;}
.sub_nav.ver3 .depth1 > li::before {background: #323232; height: 60rem;}
.sub_nav.ver3 .depth1 > li:last-of-type::after {content: '';position: absolute;right: -20rem;top: 50%;width: 1px;height: 60rem;background: #323232;transform: translateY(-50%);}
@media all and (max-width: 1332px) {
  .sub_nav.ver3 .depth1 > .home {width: auto;}
  .snb_wrap .wrap::after {height: 130rem; top: -120rem;}
}
@media all and (max-width: 1023px) {
  .sub_nav.ver3 .depth1 > li:last-of-type::after {display: none;}
  .snb_wrap .wrap {padding: 0;}
  .sub_nav.ver3 .depth1, .sub_nav.ver3 .sub_util {padding: 0 20rem;}
  .snb_wrap .wrap::after {right: 0; }
}

@media all and (max-width: 480px) {
  .sub_nav.ver3 > ul {height: auto;}
  .sub_nav.ver3 .depth1 > li {width: calc(50% - 20rem);height: 50rem;}
  .sub_nav.ver3 .depth1 > li::before {height: 20rem;background: #ccc;}
  .sub_nav.ver3 .depth1 > .home {width: 50rem;}
  .sub_nav.ver3 .depth1 > li:nth-of-type(2) {width: calc(100% - 90rem);}
  .snb_wrap .wrap::after {display: none;}
}

#content {padding: 80rem 0;}

/* 만족도조사 */
.research_box {margin-top:60rem; border:1px solid #e0e0e0; overflow: hidden;}
.research_box .title {display:flex; justify-content:space-between; background:#f9f9f9; padding:17rem 25rem; border-top: 1rem solid #e0e0e0;}
.research_box .title > ul > li {display:inline-block; vertical-align:middle; margin-right:25rem;}
.research_box .title > ul > li > span { font-weight:600;}
.research_box .dataOffer {display: none;}
.research_box .btn_mgr01 {font-weight:600;}
.research_box .btn_mgr01 a {padding-right:20rem; position:relative;}
.research_box .btn_mgr01 a::before {position:absolute; content: ""; background:url('/design/common/img/blank.png') no-repeat 0 0/400% auto; right:0; top:4rem; width:13rem; height:13rem;}
.research_box .radio_box {display:flex; align-items:flex-end; justify-content:space-between; padding:25rem;}
.research_box .radio_box > div p {margin: 0 0 8rem 0;}
.research_box .radio_list {margin-bottom:-3rem;}
.research_box .radio_list > li {display:inline-block; margin:3rem 10rem 3rem 3rem;}
.research_box .radio_list > li input[type="radio"] {display:inline-block; vertical-align:middle;}
.research_box .radio_list > li label {margin-left:5rem; display:inline-block; vertical-align:middle;}
.research_box .rd_box02 {display:flex; margin-bottom:3rem;}
.research_box .rd_box02 > * {height:40rem; font-size:16rem;}
.research_box .rd_box02 input[type="text"] {width:270rem; padding: 0 13rem; border:1px solid #e0e0e0;}
.research_box .rd_box02 a {display:inline-block; padding:0 14rem; line-height:40rem; color:#fff; background:#444444;}
@media all and (max-width:1023px){
  .research_box .title {flex-wrap:wrap;}
  .research_box .title > ul {/*width:100%;*/ margin-bottom:7rem;}
  .research_box .radio_box {flex-wrap:wrap; align-items:flex-start; justify-content:flex-start;}
  .research_box .radio_list {width:100%;}
  .research_box .rd_box02 {width:100%; margin:25rem 0 0 3rem;}
  .research_box .rd_box02 input[type="text"] {width:100%;}
  .research_box .rd_box02 a {width:90rem; text-align:center;}
}
@media all and (max-width:599px){
  .research_box .title > ul > li {width:100%; margin-right:0; margin-bottom:3rem;}
}