@charset "utf-8";
@import url(//fonts.googleapis.com/earlyaccess/notosanskr.css);
@import url('https://webfontworld.github.io/SCoreDream/SCoreDream.css');

/*font-family: 'SCoreDream', sans-serif*/

/* 초기화 */
html {overflow-y:scroll}
body {margin:0;padding:0;font-size:0.75em;font-family: 'Noto Sans KR', sans-serif;background:#fff; min-width:360px}
html, h1, h2, h3, h4, h5, h6, form, fieldset, img {margin:0;padding:0;border:0}
h1, h2, h3, h4, h5, h6 {font-size:1em;font-family: 'Noto Sans KR', sans-serif}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display:block}

ul, dl,dt,dd {margin:0;padding:0;list-style:none}
legend {position:absolute;margin:0;padding:0;font-size:0;line-height:0;text-indent:-9999em;overflow:hidden}
label, input, button, select, img {vertical-align:middle;font-size:1em}
input, button {margin:0;padding:0;font-family: 'Noto Sans KR', sans-serif;font-size:1em}
input[type="submit"] {cursor:pointer}
button {cursor:pointer}

textarea, select {font-family: 'Noto Sans KR', sans-serif;font-size:1em}
select {margin:0}
p {margin:0;padding:0;word-break:break-all}
hr {display:none}
pre {overflow-x:scroll;font-size:1.1em}
a {color:#000;text-decoration:none}

*, :after, :before {
  -webkit-box-sizing:border-box;
  -moz-box-sizing:border-box;
  box-sizing:border-box;
}

input[type=text],input[type=password], textarea {
-webkit-transition:all 0.30s ease-in-out;
-moz-transition:all 0.30s ease-in-out;
-ms-transition:all 0.30s ease-in-out;
-o-transition:all 0.30s ease-in-out;
outline:none;
}

input[type=text]:focus,input[type=password]:focus, textarea:focus,select:focus {
-webkit-box-shadow:0 0 5px #9ed4ff;
-moz-box-shadow:0 0 5px #9ed4ff;
box-shadow:0 0 5px #9ed4ff;
border:1px solid #558ab7 !important;
}

.placeholdersjs {color:#aaa !important}


/* 팝업레이어 */
#hd_pop {z-index:1000;position:relative;margin:0 auto;height:0}
#hd_pop h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}
.hd_pops {position:absolute;border:1px solid #e9e9e9;background:#fff}
.hd_pops img {max-width:100%}
.hd_pops_con {}
.hd_pops_footer {padding:0;background:#000;color:#fff;text-align:left;position:relative}
.hd_pops_footer:after {display:block;visibility:hidden;clear:both;content:""}
.hd_pops_footer button {padding:10px;border:0;color:#fff}
.hd_pops_footer .hd_pops_reject {background:#000;text-align:left}
.hd_pops_footer .hd_pops_close {background:#393939;position:absolute;top:0;right:0}

.hide-text {
	position: absolute;
	width: 1px;
	height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0,0,0,0);
    border: 0;
}

.area {width:1200px; margin:0 auto; position:relative}
.area2 {position:absolute; left:50%; top:50%; width:1200px; transform:translate(-50%, -50%); z-index:99}
.brs {display:block}
.mrs {display:none}
.ulct {
  display: table;
  margin-left: auto;
  margin-right: auto;
}
.flex {
	display:flex;
	align-items: center;
}
.fz40 {font-size:40px; color:#4e4e4e}
@media screen and (max-width:1199px) {
.area {width:100%}
.area2 {width:100%; padding:0 20px}
.brs {display:none}
.mrs {display:block}
.ulct {width:100%}
.txt p {text-align:justify}
img {width:100%; height:auto}
.fz40 {font-size:1.05em}
}


#hds { overflow:hidden; position:fixed; width:100%; top:0; left:0; background:#fff; line-height:100px; z-index:99999}
#hds:after {display:block;visibility:hidden;clear:both;content:""}
#hds .logo {float:left}
#hds .gnb {float:right}
#hds .gnb li {position:relative; float:left; margin-right:100px}
#hds .gnb li:last-child {margin-right:0}
#hds .gnb li a {display:inline-block; color:#363636; font-weight:400; font-size:24px}
#hds .gnb .on a {font-weight:900}
#hds .gnb .on::after {
    content: '';
    position: absolute;
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 10px solid #d90000; /* Change to your desired color */
    bottom: 0; /* Adjust to position the arrow correctly above the text */
    left: 50%;
    transform: translateX(-50%);
}
@media screen and (max-width:1199px) {
#hds {line-height:100%; padding:10px 20px 0}
#hds .logo {float:none; display:block; text-align:center; margin-bottom:10px}
#hds .logo img {height:25px; width:auto}
#hds .gnb {float:none; display:block; }
#hds .gnb li {line-height:40px; width:50%; text-align:Center; margin-right:0}
#hds .gnb li a {font-size:1.25em}
}

#visual {padding:300px 0 200px; overflow:hidden; background:#d90000}
#visual:after {display:block;visibility:hidden;clear:both;content:""}
#visual .logo {margin-bottom:50px}
#visual .cp1 {position:relative}
#visual .cp1 .motion {position:absolute; top:65px; left:0}
#visual .object {position:absolute; right:-100px; top:120px}
#visual .cp2 {display:inline-block; padding:20px 50px; background:#fff; border-radius:20px; text-align:center; margin-top:200px}
#visual .cp2:after {display:block;visibility:hidden;clear:both;content:""}
#visual .cp2 h1 {font-size:50px; color:#d90000; font-weight:800}
#visual .cp2 p {font-size:30px; color:#363636; font-weight:400}
@media screen and (max-width:1199px) {
#visual {padding:150px 20px}
#visual .logo {margin-bottom:30px}
#visual .logo img {height:30px; width:auto}
#visual .cp1 .motion {width:75%; top:19%}
#visual .cp1 .title {width:50%}
#visual .object {position:relative; right:18%; top:0; margin:10px 0 0}
#visual .object  img {width:125%}
#visual .cp2 {padding:20px 0; width:100%; margin-top:0}
#visual .cp2 h1 {font-size:2em; letter-spacing:-1px}
#visual .cp2 p {font-size:1.25em}
}

#sub_con {padding:200px 0 100px; overflow:hidden; background:#f9f9f9}
#sub_con:after {display:block;visibility:hidden;clear:both;content:""}
#sub_con .title {position:relative; text-align:center}
#sub_con .title h1 {position:relative;  display:inline-block; font-size:70px; color:#363636; font-weight:800; line-height:85px}
#sub_con .title span {color:#d90000}
#sub_con  .icon {position:absolute; left:-150px; top:-50px}
#sub_con  .cars {width:1230px; margin:0 auto}
#sub_con  .cars li {float:left; margin-bottom:20px}
#sub_con  .ment {text-align:center}
#sub_con  .ment p {font-size:12px; color:#878787; font-weight:600}

#sub_con .brand {width:760px; margin:100px auto; overflow:hidden}
#sub_con .brand li {margin-right:100px; line-height:42px}
#sub_con .brand .cp1 ul, #sub_con .brand .cp2 ul {
    display: flex;
    flex-wrap: nowrap;
    white-space: nowrap;
}
#sub_con .brand .cp1 ul {
	margin-bottom:10px;
    animation: infiniteScrollLeft 60s linear infinite;
}
#sub_con .brand .cp2 ul {
    animation: infiniteScrollRight 60s linear infinite;
    transform: translateX(100%); 
}
@keyframes infiniteScrollLeft {
    from { transform: translateX(0); }
    to { transform: translateX(-75%); }
}
@keyframes infiniteScrollRight {
    from { transform: translateX(-75%); }
    to { transform: translateX(0); }
}
#sub_con .brand .cp1 ul img, #sub_con .brand .cp2 ul img {
    flex-shrink: 0;
}

@media screen and (max-width:1199px) {
#sub_con {padding:150px 20px 50px}
#sub_con .title h1 {font-size:3em; line-height:1.25em}
#sub_con .title span {color:#d90000}
#sub_con  .icon {position:absolute; left:-70%; top:-35%}
#sub_con  .icon img {height:50px; width:auto}
#sub_con  .cars {width:100%; margin:0 auto}
#sub_con  .cars li {width:50%; margin-bottom:10px}
#sub_con  .ment p {font-size:1.05em}

#sub_con .brand {width:100%; margin:50px auto}
#sub_con .brand li {margin-right:20px; line-height:normal}
#sub_con .brand .am img {height:15px; width:auto}
#sub_con .brand .vm img {height:10px; width:auto}
#sub_con .brand .vm2 img {height:7px; width:auto}
#sub_con .brand .cp1 ul, #sub_con .brand .cp2 ul {
    display: flex;
    flex-wrap: nowrap;
    white-space: nowrap;
}
#sub_con .brand .cp1 ul {
	margin-bottom:10px;
    animation: infiniteScrollLeft 60s linear infinite;
}
#sub_con .brand .cp2 ul {
    animation: infiniteScrollRight 60s linear infinite;
    transform: translateX(100%); 
}
@keyframes infiniteScrollLeft {
    from { transform: translateX(0); }
    to { transform: translateX(-75%); }
}
@keyframes infiniteScrollRight {
    from { transform: translateX(-75%); }
    to { transform: translateX(0); }
}
#sub_con .brand .cp1 ul img, #sub_con .brand .cp2 ul img {
    flex-shrink: 0;
}
}



#mct_01 {padding:200px 0 180px; overflow:hidden; background:#fff}
#mct_01:after {display:block;visibility:hidden;clear:both;content:""}
#mct_01 .title {text-align:center; margin-bottom:50px}
#mct_01 .title h1 {font-size:70px; color:#d90000; font-weight:800}
#mct_01 .box {width:940px; margin:0 auto}
#mct_01 .box li {float:left; margin-right:20px; margin-bottom:20px}
#mct_01 .box li:nth-child(2n) {margin-right:0}
@media screen and (max-width:1199px) {
#mct_01 {padding:50px 20px}
#mct_01 .title {margin-bottom:30px}
#mct_01 .title h1 {font-size:3em}
#mct_01 .box {width:100%}
#mct_01 .box li {width:50%; margin-right:0; margin-bottom:0}
}

#mct_02 {position:relative; padding:100px 0; overflow:hidden; background:#f9f9f9}
#mct_02:after {display:block;visibility:hidden;clear:both;content:""}
#mct_02 .sop {text-align:center; position:relative; z-index:9}
#mct_02 .sop h1 {font-size:70px; color:#363636; font-weight:800; line-height:80px}
#mct_02 .sop h1 span {color:#d90000}
#mct_02 .sop strong {font-size:50px; color:#d90000; font-family: 'SCoreDream', sans-serif}
#mct_02 .ref2 {background:#fff; width:75%; padding:50px; border-radius:20px; border:3px solid #e76464; box-shadow:1px 1px 10px #e76464; margin:150px auto 0; position:relative; z-index:9}
#mct_02 .form:after {display:block;visibility:hidden;clear:both;content:""}
#mct_02 .form .dos {margin-bottom:10px}
#mct_02 .form .dos:last-child {margin-bottom:0}
#mct_02 .form .dos:after {display:block;visibility:hidden;clear:both;content:""}
#mct_02 .form .dos li {float:left; width:30%; margin-right:2%; line-height:70px}
#mct_02 .form .dos li:last-child {width:68%; margin-right:0}
#mct_02 .form .dos h2 {display:inline-block; width:100%; background:#d90000; font-size:30px; color:#fff; font-weight:600; text-align:center; border-radius:10px}
#mct_02 .form .dos .ipfull {display:inline-block; width:100%; height:70px; line-height:70px; padding:0 20px; font-size:30px; color:#333; font-weight:300; border:1px solid #e5e5e5; border-radius:10px}
#mct_02 .form .agrees dt {float:left; margin-right:20px}
#mct_02 .form .agrees dt:last-child {margin-right:0}
#mct_02 .form .agrees a {font-size:17px; font-weight:400; color:#878787}
#mct_02 .form .btns {margin-top:40px}
#mct_02 .form .btns button {display:inline-block; width:100%; border:0; background:none}
#mct_02 .object {position:absolute; left:50%; bottom:-220px; z-index:1; transform:translateX(-50%)}
@media screen and (max-width:1199px) {
#mct_02 {padding:50px 20px}
#mct_02 .sop {float:none; display:block; padding:0 20px}
#mct_02 .sop h1 {font-size:3em; line-height:1.25em}
#mct_02 .sop strong {font-size:2em}
#mct_02 .ref2 {width:100%; height:auto; padding:20px; margin-top:100px}
#mct_02 .form {width:100%}
#mct_02 .form .dos {margin-bottom:1%}
#mct_02 .form .dos:last-child {margin-bottom:0}
#mct_02 .form .dos:after {display:block;visibility:hidden;clear:both;content:""}
#mct_02 .form .dos li {margin-right:1%; line-height:40px}
#mct_02 .form .dos li:last-child {width:69%}
#mct_02 .form .dos h2 {font-size:1.25em}
#mct_02 .form .dos .ipfull {height:40px; line-height:40px; padding:0 10px; font-size:1.25em}
#mct_02 .form .agrees dt {float:none; display:block; margin-right:0}
#mct_02 .form .agrees dt:last-child {margin-top:0px}
#mct_02 .form .agrees a {font-size:1.05em}
#mct_02 .form .btns {margin-top:10px}
#mct_02 .form .btns button {height:50px; line-height:50px; font-size:2em}
#mct_02 .object {position:absolute; width:90%; bottom:-0px}
}


#mct_03 {position:relative; padding:200px 0; overflow:hidden; background:#fff}
#mct_03:after {display:block;visibility:hidden;clear:both;content:""}
#mct_03 .sop:after {display:block;visibility:hidden;clear:both;content:""}
#mct_03 .sop2:after {display:block;visibility:hidden;clear:both;content:""}
#mct_03 .sop3:after {display:block;visibility:hidden;clear:both;content:""}
#mct_03 .mb200 {margin-bottom:200px}
#mct_03 .sop {position:relative}
#mct_03 .sop .cp1 {float:left}
#mct_03 .sop .cp2 {float:right; margin-right:-100px}
#mct_03 .sop .cp22 {position:absolute; right:-150px}
#mct_03 .sop .sp2 {margin:20px 0}
#mct_03 .sop h1 {font-size:70px; color:#363636; font-weight:700; line-height:80px; letter-spacing:-1px}
#mct_03 .sop span {color:#d90000}
#mct_03 .sop h2 {font-size:40px; color:#363636; font-weight:500}
#mct_03 .sop p {font-size:30px; color:#363636; font-weight:400; line-height:40px}

#mct_03 .sop2 {position:relative}
#mct_03 .sop2 .cp1 {float:right}
#mct_03 .sop2 .cp2 {float:left; margin-left:-100px}
#mct_03 .sop2 .sp2 {margin:50px 0}
#mct_03 .sop2 h1 {font-size:70px; color:#363636; font-weight:700; line-height:80px; letter-spacing:-1px}
#mct_03 .sop2 span {color:#d90000}
#mct_03 .sop2 h2 {font-size:40px; color:#363636; font-weight:500}
#mct_03 .sop2 p {font-size:30px; color:#363636; font-weight:400; line-height:40px}
#mct_03 .sop2:last-child {margin-bottom:0}

#mct_03 .sop3 {padding:50px 0; margin:200px 0; background:#f9f9f9; text-align:center}
#mct_03 .sop3 h1 {font-size:60px; color:#d90000; font-weight:700}
#mct_03 .sop3 p {font-size:40px; color:#5d5d5d; font-weight:400}

@media screen and (max-width:1199px) {
#mct_03 {padding:50px 0}
#mct_03 .mb200 {margin-bottom:50px}
#mct_03 .area {padding:0 20px}
#mct_03 .sop .cp1 {float:none; display:block}
#mct_03 .sop .cp2 {float:none; display:block; width:100%; margin-right:0; right:-10%; top:-25px; position:relative}
#mct_03 .sop .cp22 {position:relative; right:-10%}
#mct_03 .sop .sp2 {margin:20px 0 10px}
#mct_03 .sop h1 {font-size:3em; line-height:1.25em}
#mct_03 .sop h2 {font-size:1.5em}
#mct_03 .sop p {font-size:1.25em; line-height:1.5em}

#mct_03 .sop2 .cp1 {float:right; display:block}
#mct_03 .sop2 .cp2 {float:none; display:block; left:-10%; top:-25px; position:relative}
#mct_03 .sop2 .sp2 {margin:20px 0 10px}
#mct_03 .sop2 h1 {font-size:3em; line-height:1.25em}
#mct_03 .sop2 h2 {font-size:1.5em}
#mct_03 .sop2 p {font-size:1.25em; line-height:1.5em}

#mct_03 .sop3 {padding:20px 0; margin:50px 0}
#mct_03 .sop3 h1 {font-size:2em}
#mct_03 .sop3 p {font-size:1.25em}
}


#quick {position:fixed; right:20px; top:50%; transform:translateY(-50%); z-index:9999}
@media screen and (max-width:1199px) {
#quick {right:10px}
#quick img {height:75px; width:auto}
}


#mct_04 {position:relative; padding:200px 0; overflow:hidden; background:#f9f9f9}
#mct_04:after {display:block;visibility:hidden;clear:both;content:""}
#mct_04 .sop {float:left; width:728px; height:891px; overflow:hidden; padding:150px 60px 0; background:url('../img/object7.png') center no-repeat; background-size:cover}
#mct_04 .sop .dos {width:100%;position:relative; z-index:9; overflow:hidden}
#mct_04 .ref {float:right; width:442px; padding-top:250px}
#mct_04 .ref .sp2 {margin:50px 0}
#mct_04 .ref h1 {font-size:65px; color:#363636; font-weight:700; line-height:65px; letter-spacing:-2px}
#mct_04 .ref span {color:#d90000}
#mct_04 .ref h2 {font-size:40px; color:#363636; font-weight:500}
#mct_04 .ref .sp3 p {font-size:30px; color:#363636; font-weight:400; line-height:40px}
#mct_04 .ref .sp4 {margin-top:100px}
#mct_04 .ref .sp4 p {font-size:14px; color:#363636; font-weight:400; line-height:17px}
@media screen and (max-width:1199px) {
#mct_04 {padding:50px 0px}
#mct_04 .sop {float: none; width: 100%; height: 100%; padding-top: 20%; margin-top: 30px; background-size: contain}
#mct_04 .ref {float:none; text-align:center; display:block; width:100%; padding:0 20px}
#mct_04 .ref .sp2 {margin:10px 0}
#mct_04 .ref h1 {font-size:3em; line-height:1.25em}
#mct_04 .ref h2 {font-size:2em}
#mct_04 .ref .sp3 p {font-size:1.5em; font-weight:800; line-height:1.5em}
#mct_04 .m_sp4 {padding:0 20px; margin-top:20px}
#mct_04 .m_sp4 p {font-size:0.75em; line-height:normal}
}


.swiper-pagination-bullet {
    background-color: #c8c8c8 !important;
}
.swiper-pagination-bullet-active {
    background-color: #d90000 !important;
}
.swiper-container {
    width: 100%;
    height: 100%;
    position: relative;
}
.swiper-container-box .swiper-slide {
    display: flex;
    justify-content: center;
    align-items: center;
    opacity: 0;
}
.swiper-container-box .swiper-slide-active {
    opacity: 1 !important;
}
.swiper-button-next,
.swiper-button-prev {
    position: absolute;
    top: 0;
    width: auto;
    height: auto;
}

@media screen and (max-width:1199px) {
    .swiper-container {padding-bottom:50px}
}

#mct_05 {position:relative; padding:200px 0; overflow:hidden; background:#fff}
#mct_05:after {display:block;visibility:hidden;clear:both;content:""}
#mct_05 .title {text-align:center; margin-bottom:50px}
#mct_05 .title h1 {font-size:70px; color:#363636; font-weight:800}
#mct_05 .title span {color:#d90000}
@media screen and (max-width:1199px) {
#mct_05 {padding:50px 0}
#mct_05 .title {margin-bottom:30px}
#mct_05 .title h1 {font-size:3em}
}

.slick-slide {
    transition: opacity 0.5s;
}
.slick-center {
    opacity: 1 !important;
}
.slick-carousel .slick-slide img {
    width: 100%;
    height: auto;
}

#ft {padding:50px 0; background:#f9f9f9; text-align:center}
#ft p {font-size:12px; color:#363636; font-weight:600}
@media screen and (max-width:1199px) {
#ft {padding:20px}
#ft p {font-size:0.75em}
}


#mct_022 {position:fixed; margin:0 auto;background:#f9f9f9; border:1px solid #c9c9c9; border-radius:50px; display:none; top: 50%; left: 50%; overflow: hidden; justify-content: center; align-items: center; transform:translate(-50%, -50%); z-index:999999}
.popup-content {padding:50px}
.close-btn {
    position: absolute;
    top: 20px;
    right: 50px;
    font-size: 60px;
    color: #363636;
    text-decoration: none;
	z-index:9999999999
}
.close-btn:hover {
    color:#d90000;
}
#mct_022:after {display:block;visibility:hidden;clear:both;content:""}
#mct_022 .sop {position:relative; text-align:center; z-index:9; margin-bottom:20px}
#mct_022 .sop h1 {font-size:70px; color:#363636; font-weight:800; line-height:80px}
#mct_022 .sop h1 span {color:#d90000}
#mct_022 .ref {background:url('../img/object3.png') center no-repeat; background-size:cover; width:780px; height:673px; margin:0 auto; position:relative; z-index:9}
#mct_022 .form {width:650px; margin:0 auto; padding-top:180px}
#mct_022 .form:after {display:block;visibility:hidden;clear:both;content:""}
#mct_022 .form .dos {margin-bottom:10px}
#mct_022 .form .dos:last-child {margin-bottom:0}
#mct_022 .form .dos:after {display:block;visibility:hidden;clear:both;content:""}
#mct_022 .form .dos li {float:left; width:30%; margin-right:2%; line-height:70px}
#mct_022 .form .dos li:last-child {width:68%; margin-right:0}
#mct_022 .form .dos h2 {display:inline-block; width:100%; background:#9e9e9e; font-size:30px; color:#fff; font-weight:600; text-align:center; border-radius:10px}
#mct_022 .form .dos .ipfull {display:inline-block; width:100%; height:70px; line-height:70px; padding:0 20px; font-size:30px; color:#333; font-weight:300; border:1px solid #e5e5e5; border-radius:10px}
#mct_022 .form .agrees dt {float:left; margin-right:20px}
#mct_022 .form .agrees dt:last-child {margin-right:0}
#mct_022 .form .agrees a {font-size:17px; font-weight:400; color:#878787}
#mct_022 .form .btns {margin-top:40px}
#mct_022 .form .btns button {display:inline-block; width:100%; height:100px; line-height:100px; font-size:40px; color:#fff; font-weight:800; border:0; border-radius:10px; background:#000000}
#mct_022 .object {position:absolute; left:0; top:300px; z-index:1}
@media screen and (max-width:1199px) {
#mct_022 {border-radius:20px; width:90%}
.popup-content {padding:50px 20px; width:100%}
.close-btn {
    top: 10px;
    right: 20px;
    font-size: 40px;
}
#mct_022 .sop {float:none; display:block; padding:0 20px}
#mct_022 .sop h1 {font-size:3em; line-height:1.25em}
#mct_022 .ref {float:none; width:100%; height:auto; background:url('../img/object3.png') center no-repeat; background-size:contain; padding-top:25%; margin-top:-10px}
#mct_022 .form {width:100%; padding:0 8.5%}
#mct_022 .form .dos {margin-bottom:1%}
#mct_022 .form .dos:last-child {margin-bottom:0}
#mct_022 .form .dos:after {display:block;visibility:hidden;clear:both;content:""}
#mct_022 .form .dos li {margin-right:1%; line-height:40px}
#mct_022 .form .dos li:last-child {width:69%}
#mct_022 .form .dos h2 {font-size:1.25em}
#mct_022 .form .dos .ipfull {height:40px; line-height:40px; padding:0 10px; font-size:1.25em}
#mct_022 .form .agrees dt {float:none; display:block; margin-right:0}
#mct_022 .form .agrees dt:last-child {margin-top:0px}
#mct_022 .form .agrees a {font-size:1.05em}
#mct_022 .form .btns {margin-top:10px}
#mct_022 .form .btns button {height:50px; line-height:50px; font-size:2em}
#mct_022 .object {position:absolute; width:50%; left:50%; top:5%}
}








.pop_content5 {
	display:block;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    opacity:0;
	padding:0;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
    pointer-events: none;
	z-index:99999999999999999;
	background:rgba(0,0,0,0.5)
}
.pop_content5:target {
    opacity:1;
    pointer-events: auto;
}
.pop_content5 .pop_wrap5 {
	position:absolute;
	z-index:99999999999999999;
	padding:50px;
	background:#f9f9f9;
	width: 768px;
	left:50%;
	top:50%;
transform:translate(-50%, -50%)
}
.pop_content5 .pop_wrap5 .close {position:absolute; font-size:3em; font-weight:300; right:20px; top:0; z-index:999}
.pop_content5 .pop_wrap5 .close a:link,.pop_content5 .pop_wrap5 .close a:visited {color:#333}
.pop_content5 .pop_wrap5 textarea {padding:20px; border:0; font-size:15px; color:#878787; width:100%; height:500px}
@media screen and (max-width:1199px) {
.pop_content5 .pop_wrap5 {
	padding:50px	20px;
	width: 90%;
	height:550px;
	left:50%;
	top:50%;
	}
	.pop_content5 .pop_wrap5 textarea {padding:10px; height:460px}
}



/* 체크박스 커프텀 */
.custom-checkbox {
  display: inline-block;
  position: relative;
  padding: 0;
  line-height: 25px;
  color: #fff
}
.custom-checkbox input[type="checkbox"] {
  opacity: 0;
  position: absolute;
  margin: 0;
  z-index: -1;
  width: 100%;
  height: 100%;
  cursor: pointer;
}
.custom-checkbox span.checkbox-indicator {
  display: inline-block;
  position: relative;
  vertical-align: middle;
  width: 40px;
  height: 20px; 
  background-color: #dedede;
  border-radius: 10px;
  transition: background-color 0.2s; 
  margin-top:-3px;
  margin-right:5px
}
.custom-checkbox span.checkbox-indicator::before {
  content: "";
  position: absolute;
  top: 2px;
  left: 2px;
  width: 16px; 
  height: 16px; 
  background-color: white;
  border-radius: 50%;
  transition: left 0.2s; 
}
.custom-checkbox input[type="checkbox"]:checked + span.checkbox-indicator {
  background-color: #d90000; 
}
.custom-checkbox input[type="checkbox"]:checked + span.checkbox-indicator::before {
  left: 22px;
}
@media screen and (max-width:1199px) {
.custom-checkbox {
  line-height: normal;
}
.custom-checkbox span.checkbox-indicator {
  width: 24px;
  height: 14px; 
  border-radius: 10px;
  margin-top:0;
  margin-right:2px
}
.custom-checkbox span.checkbox-indicator::before {
  top: 1px;
  left: 0;
  width: 12px; 
  height: 12px; 
}
.custom-checkbox input[type="checkbox"]:checked + span.checkbox-indicator::before {
  left: 13px;
}
}





#q_bt{
	position:fixed;
	left:0;
	bottom:0;
	width:100%;
	z-index:9999;
	background:#ececec;
	box-shadow:0 -4px 18px rgba(0,0,0,0.12);
	padding:16px 20px 14px;
	box-sizing:border-box;
}


#q_bt .qbt_form{
	width:100%;
}

#q_bt .qbt_row{
	display:flex;
	align-items:stretch;
	gap:18px;
}

#q_bt .qbt_input{
	flex:1 1 0;
	min-width:0;
}

#q_bt .qbt_input input{
	width:100%;
	height:72px;
	padding:0 20px;
	border:2px solid #cfcfcf;
	border-radius:16px;
	background:#fff;
	font-size:20px;
	font-weight:500;
	color:#555;
	text-align:center;
	box-sizing:border-box;
	outline:none;
}

#q_bt .qbt_input input::placeholder{
	color:#666;
	opacity:1;
}

#q_bt .qbt_submit{
	flex:0 0 260px;
	width:260px;
}

#q_bt .qbt_submit button{
	width:100%;
	height:72px;
	border:0;
	border-radius:16px;
	background:#e10600;
	color:#fff;
	font-size:22px;
	font-weight:800;
	letter-spacing:-0.5px;
	cursor:pointer;
}

#q_bt .qbt_agree{
	display:flex;
	align-items:center;
	gap:28px;
	margin-top:12px;
	flex-wrap:wrap;
}

#q_bt .qbt_check{
	display:inline-flex;
	align-items:center;
	gap:8px;
	font-size:15px;
	color:#666;
	line-height:1.4;
	cursor:pointer;
}

#q_bt .qbt_check input{
	display:none;
}

#q_bt .qbt_check .check_icon{
	position:relative;
	width:18px;
	height:18px;
	border-radius:50%;
	background:#fff;
	border:1px solid #d8d8d8;
	flex:0 0 18px;
	box-sizing:border-box;
}

#q_bt .qbt_check input:checked + .check_icon:after{
	content:"";
	position:absolute;
	top:50%;
	left:50%;
	width:8px;
	height:8px;
	border-radius:50%;
	background:#d60000;
	transform:translate(-50%, -50%);
}

#q_bt .qbt_check a{
	color:#666;
	text-decoration:none;
}

#q_bt .qbt_check a:hover{
	text-decoration:underline;
}

/* PC에서 플로팅바 때문에 본문 가려지는 것 방지 */
body{
	padding-bottom:140px;
}

@media (max-width: 900px){
	#q_bt{
		padding:12px 12px 12px;
	}

	#q_bt .qbt_row{
		gap:10px;
	}

	#q_bt .qbt_input input{
		height:56px;
		padding:0 10px;
		font-size:16px;
		border-radius:10px;
	}

	#q_bt .qbt_submit{
		flex:0 0 180px;
		width:180px;
	}

	#q_bt .qbt_submit button{
		height:56px;
		font-size:18px;
		border-radius:10px;
	}

	#q_bt .qbt_agree{
		margin-top:10px;
		gap:8px 18px;
	}

	#q_bt .qbt_check{
		font-size:12px;
	}

	body{
		padding-bottom:120px;
	}
}

@media (max-width: 640px){
	#q_bt{
		padding:10px 10px 10px;
	}

	#q_bt .qbt_row{
		display:grid;
		grid-template-columns:1fr 1fr 1fr;
		gap:8px;
	}

	#q_bt .qbt_input{
		min-width:0;
	}

	#q_bt .qbt_input input{
		height:48px;
		font-size:14px;
		padding:0 6px;
		border-radius:8px;
	}

	#q_bt .qbt_submit{
		grid-column:1 / -1;
		width:100%;
		flex:none;
	}

	#q_bt .qbt_submit button{
		height:50px;
		font-size:18px;
		border-radius:10px;
	}

	#q_bt .qbt_agree{
		margin-top:5px;
		gap:8px 12px;
		display:flex;
		flex-wrap:nowrap;
		align-items:center;
	}

	#q_bt .qbt_check{
		width:auto;
		flex:0 0 auto;
		font-size:10px;
		line-height:1.35;
		white-space:nowrap;
	}

	#q_bt .qbt_check .check_icon{
		width:16px;
		height:16px;
		flex:0 0 16px;
	}

	body{
		padding-bottom:150px;
	}
}