@charset "utf-8";

/* 초기화 */
html {overflow-y:scroll}
body {margin:0;padding:0;font-size:16px;font-family: 'Noto Sans KR', sans-serif;background:#171717; }
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:16px}
img {max-width: 100%; height: auto;}
input, button {margin:0;padding:0;font-family: 'Noto Sans KR', sans-serif;font-size:16px}
input[type="submit"] {cursor:pointer}
button {cursor:pointer}

textarea, select {font-family: 'Noto Sans KR', sans-serif;font-size:16px}
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}

@font-face {font-family: 'Noto Sans KR';font-style: normal;font-weight: 100;src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.woff2) format('woff2'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.woff) format('woff'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.otf) format('opentype');}

@font-face {font-family: 'Noto Sans KR';font-style: normal;font-weight: 300;src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.woff2) format('woff2'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.woff) format('woff'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.otf) format('opentype');}

@font-face {font-family: 'Noto Sans KR';font-style: normal;font-weight: 400;src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.woff2) format('woff2'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.woff) format('woff'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.otf) format('opentype');}

@font-face {font-family: 'Noto Sans KR';font-style: normal;font-weight: 500;src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.woff2) format('woff2'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.woff) format('woff'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.otf) format('opentype');}

@font-face {font-family: 'Noto Sans KR';font-style: normal;font-weight: 700;src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.woff2) format('woff2'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.woff) format('woff'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.otf) format('opentype');}

@font-face {font-family: 'Noto Sans KR';font-style: normal;font-weight: 900;src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.woff2) format('woff2'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.woff) format('woff'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.otf) format('opentype');}


.material-symbols-outlined {
  font-variation-settings: 'FILL' 0, 'wght' 400, 'GRAD' 0, 'opsz' 48;
  visibility: hidden; /* 로드 전 숨김 */
}

@font-face {
  font-family: 'Material Symbols Outlined';
  src: url('https://fonts.gstatic.com/s/materialsymbolsoutlined/v58/somefontfile.woff2') format('woff2');
  font-display: swap; /* 웹폰트가 로드될 때 교체 */
}
@font-face {
  font-family: 'GmarketSansMedium';
  src: url('https://fastly.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansMedium.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}
.material-symbols-outlined.loaded {
  visibility: visible; /* 로드 후 표시 */
}

.black_bg{background:#171717;}
.pattern_bg{ background: linear-gradient(to bottom, transparent 66px, #1E1E1E 66px) 0 0 / 100vw 67px repeat-y, linear-gradient(to right, transparent 66px, #1E1E1E 66px) 0 0 / 67px 100% repeat-x #171717;}
.black_bg #container{background:#fff;}
/* 레이아웃 크기 지정 */
/* #hd, #wrapper, #ft {min-width:1200px;} */
#ft{background:#171717; /*padding:67px 310px;*/ padding: 67px 0;}

#hd_pop,
#hd_wrapper,
#tnb .inner,

/* #gnb .gnb_wrap,
#container_wr,
#ft_wr {width:1200px} */
#hd_pop, #hd_wrapper, #tnb .inner, #gnb .gnb_wrap, #container_wr, #ft_wr{width: unset;}


/* 팝업레이어 */
#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}


/* header */
.m-header{display: none;}
.header{height:138px; padding:40px; width:100%; display: flex; justify-content: center; align-items: center;}
.header_inner{width:100%; max-width:1200px; display: flex; justify-content: space-between; align-items: center; color:#fff; gap:10px;}
.header_inner a{color:#fff;}
.header_inner .hd_login.adm_login a{padding:8px 10px;}
.header_inner .hd_login a{ padding:8px 15px; display: block; font-size:14px; font-weight:400; line-height:18px; letter-spacing:-0.7px;}
.register_li a{background:#000; border-radius:50px;}
.header_inner .menu_li2 a{height:42px; line-height: 42px; padding:0 16px;}
.header_inner .menu_li2 a:hover{color:#da2b35;}
#logo{flex-basis:19%; max-width:19%; padding:0;}
.header_nav{flex-basis:62%; max-width:62%; display: flex; justify-content: space-between; align-items: center;}
.menu_div{width:100%;}
.loginbx{flex-basis:19%; max-width:19%; display: flex; justify-content: flex-end; align-items: center;}
.gnb{width:100%; display: flex; justify-content: space-between; align-items: center; background:#232323; border-radius:50px; padding:20px 24px; height:58px; z-index: 1;}
.gnb .menu_li{ display: flex; justify-content: center; transition: all 0.3s; position:relative; z-index: 1}

.gnb .menu_li:hover{background:#393939; border-radius:50px;}
.gnb .menu_li > a{font-size:16px; font-weight:400; padding:10px 16px; display: flex; align-items: center; gap:10px; letter-spacing: -0.8px;}
.gnb .depth2{display: none !important;}
.gnb.active .menu_li .depth2{transition: all 0.3s ease; transition-delay: 0.1s; box-sizing: border-box; flex-wrap:Wrap; position:Absolute; top:40px; width:100%; text-align: center; display: flex !important; justify-content: center; align-items: center; gap:10px; padding-top:30px;}
.gnb {position:relative;}
.gnb.active:after{display:block; content:""; position:absolute; left:50%; top:68px; background:#2e2e2e; box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25); width:100%; height:327px; z-index: 0; transform: translateX(-50%); border-radius:24px; padding:10px 24px;}
.menu_li2{ display: flex; justify-content: center; align-items: center; }
.hd_login li{padding-left:0;}


/* stars */
#stars {
  display: flex;
  gap: 3px;
}

#stars p i {
  color: #d8d8d8;
  transition: color 0.1s ease, transform 0.3s ease;
  transform: scale(0.8);
}

#stars p.on i {
  color: #ffe12c;
  transform: scale(1);
}

/*체크아이콘*/
.check_icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background-color: #DA2B35;
  color: #fff;
  border-radius: 50%;
  padding: 5px;
}

#container{margin:0;}
/* content01 */
/* .content{width:1200px; margin:0 auto;} */
.content{width: 100%; max-width:1200px; margin:0 auto;}
.content01{color:#fff;}
.intro_top{display:flex; justify-content: center; align-items: end; gap:10px; padding-bottom:17px;}
.intro_txtbx p{font-size:12px; font-weight:300; letter-spacing:-0.5px;}
.main_intro{padding:73px 0;}
.intro_tit{display: flex; justify-items: center; flex-wrap:wrap; padding-bottom:33px;}
.intro_tit p{font-size:70px; font-weight:700; width:100%; text-align: center; /*line-height: 85px;*/ letter-spacing: -1.5px; line-height: 1.3;}
.intro_tit p.red{color:#da2b35;}
.intro_txt{color:#8B8B8B; text-align: center; font-size:18px; font-weight: 400; line-height:25px; letter-spacing: -0.5px;}
.intro_mid{padding-bottom:55px;}

.main_bannerbx.mb {display: none;}
.main_bannerbx{position:relative; display: flex; flex-wrap:Wrap;justify-content: center;
width: 100%;}
.main_bannerbx > img:nth-child(2){position:absolute; left:50%; top:0; transform:translateX(-50%);}

.down_btn{position:absolute; bottom:20px;}
.down_btn a{display: inline-flex; justify-content: center; align-items: center; gap:10px; padding:6px 24px 6px 10px; background:#DA2B35; border-radius:50px;}
.down_btn a > img{background:#1e1e1e; border-radius:50%; padding:5px;}
.down_btn a > p{color:#fff; font-size:18px; font-weight:600; letter-spacing:-0.5px; text-align: center; line-height:33px;}

/* .main_ch{display: flex; justify-content: space-between; align-items: center; max-width:547px; margin:0 auto; padding-bottom:70px;} */
.main_ch{display: flex; justify-content: space-evenly; align-items: center; max-width:547px; margin:0 auto; padding-bottom:70px;}
.m_ch_div{display: flex; justify-content: space-between; align-items: center; gap:5px;}
.m_ch_div > p{font-weight:300; font-size:16px;}

.main_ipadbx{height:110vh; display: flex; justify-content: center; align-items: center;}
.ipad_div{transform:perspective(2000px) translateY(-76px) rotateX(-62deg); width: 90%;}


/* content02 */
.content02{background:#fff; border-radius:48px; padding-top:172px;}
.cont_titbx{display: flex; justify-content: center; align-items: center; flex-wrap:wrap;}
.pointbx{width:100%; display: flex; justify-content: center; padding-bottom:20px;}
.pointbx p{display: inline-block; padding: 8px 14px; border-radius:50px; background:#da2b35; color:#fff; font-size:13px; line-height:13px; letter-spacing: -0.5px; font-weight:500;}
.cont_pointwrap{display: flex; justify-content: center; flex-wrap:Wrap; padding-bottom:172px;}
.cont_titbx{padding-bottom:60px; width:100%;}
.cont_tit{display: flex; justify-content: center; flex-wrap:wrap; width:100%;}
.cont_tit > h2{color:#151515; font-size:65px; font-weight:700; line-height:71px; letter-spacing: -1px; padding-bottom:23px; text-align: center; width:100%;}
.cont_tit > p{text-align:center; color:#5e5e5e; font-size:18px; line-height:25px; letter-spacing: -0.5px;}
/* .platform_logo{width:905px; display: flex; justify-content: space-between; align-items: center; gap:60px;} */
.platform_logo{width: 100%; max-width:905px; display: flex; justify-content: space-evenly; align-items: center;}
.content02 .down_btn a > img{width:28px; height:28px;}

.sale_box{width:100%; display: flex; justify-content: space-between; flex-wrap:wrap; gap:24px;}
.sale_leftbx{background:#d9d9d9; border-radius:24px; width:612px; padding:46px 49px;}
.sale_rightbx{width:calc(100% - 636px); display: flex; justify-content: space-between; flex-wrap:wrap; gap:24px;}
.haf_bx{flex:1; padding:48px 30px; background:#171717; border-radius:24px; color:#fff;}
.right_bt{width:100%; background-image:url("../main_imgs/sale_bg.png"); background-repeat: no-repeat; background-position: center; background-size: cover; border-radius:24px; padding:48px 32px;}

.haf_tit{font-size:24px; font-weight:500; line-height:30px; letter-spacing: -0.5px; padding-bottom:40px;}
.haf_txt{font-size:18px; font-weight:400; padding-bottom:20px;}
.haf_plat > div{display: flex; justify-content: flex-start; align-items: center; gap:9px; background:#3d3d3d; border-radius:40px; margin-bottom:15px;}
.haf_plat > div > p{font-size:14px; line-height:14px; letter-spacing: -0.5px; font-weight:300;}
.right_bt .haf_tit{color:#fff; padding-bottom:20px;}


.radio-container {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin: 0 auto;
  gap:0 15px;
}

.radio-item {
  display: flex;
  align-items: center;
  width: 48%; /* 각 항목의 너비 */
  background: #fff;
  border-radius: 8px;
  padding: 10px 16px;
  margin-bottom: 15px;
  color: #151515;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
  font-size:14px;
  line-height:14px;
  cursor: pointer;
}

.radio-item input[type="radio"] {
  display: none; /* 기본 라디오 버튼 숨김 */
}

.radio-item .radio-icon {
  width: 14px;
  height: 14px;
  border: 1px solid #d0021b; /* 기본 테두리 */
  border-radius: 50%;
  background: white;
  position: relative;
  margin-right: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.radio-item input[type="radio"]:checked + .radio-icon {
  background: #d0021b; /* 체크 상태 빨간색 배경 */
}

.radio-item input[type="radio"]:checked + .radio-icon::after {
  content: '';
  width: 8px;
  height: 8px;
  background: white;
  border-radius: 50%;
}

.radio-item .logo {
  width: 20px;
  height: 20px;
  margin-right: 3px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 4px;
}
.radio-item:last-child{margin-bottom:0;}


.sale_leftbx{position:relative;}
.sale_leftbx .down_btn{position:absolute; bottom:46px; left:50%; transform:translateX(-50%);}
.view_btn{display: flex; justify-content: center; margin-top: 20px;}
.view_btn a{display: inline-flex; justify-content: center; align-items: center; gap:10px; padding:6px 24px 6px 10px; background:#171717; border-radius:50px;}
.view_btn a > img{background:#DA2B35; border-radius:50%; padding:5px;}
.view_btn a > p{color:#fff; font-size:18px; font-weight:700; letter-spacing:-0.5px; text-align: center;}

/* cont_pointwrap3 */

.uiux_bx .right_bt{background-image:url("../main_imgs/uiux_bg");}
.uiux_bx .right_bt .option_txt p{color:#fff; font-weight:300; font-size:16px; line-height:30px; letter-spacing: -0.5px;}
.uiux_bx .haf_tit{padding-bottom:20px;}
.uiux_bx .haf_tit span{color:#DA2B35;}
.uiux_bx .haf_plat > div{margin-bottom:10px;}
.uiux_bx .haf_plat > div:last-child{margin-bottom:0;}
.add_p{padding-top:20px; font-size:16px; line-height:16px; letter-spacing: -0.5px; font-weight:300;}

.haf_bx.bg_gray{background:#f2f2f2;}
.bg_gray .haf_tit{color:#151515;}

.uiux_bx .bg_gray .haf_plat > div{background:#f8f8f8;}
.uiux_bx .bg_gray .haf_plat > div p{ color:#151515; font-size:14px; font-weight:400;}
.fun_supportbx{width:100%; overflow: hidden; mask-image: linear-gradient(to right, rgba(0, 0, 0, 0) 0%, rgb(0, 0, 0) 12.5%, rgb(0, 0, 0) 87.5%, rgba(0, 0, 0, 0) 100%); position:relative;}
.fun_supportbx ul{display: flex; list-style: none; justify-content: flex-start; align-items: center; position:relative;}
.fun_supportbx ul li{display: flex; flex:0 0 auto;  flex-direction: column; margin-right:48px; align-items: center; flex-wrap:wrap; padding: 45px 20px; border:1px solid #e7e7e7; border-radius:20px; background:#fff; width:260px; transition: transform 0.3s;}
.sup_img_w{width:100%; display: flex; justify-content: center; padding-bottom:16px;}
.sup_txt_w{width:100%; text-align: center; font-size:24px; font-weight:700;}

.swiper-wrapper {
	transition-timing-function: linear;
}


/*  content03  */
.content03{background:#171717; padding-top:172px;}
.cont3_top_bx{display: flex; justify-content: center; flex-wrap:wrap;}
.content03 .grade{display: inline-flex; padding: 8px 24px 8px 8px; align-items: center; gap:10px; border-radius:50px; border:1px solid #3d3d3d; background:#171717; margin-bottom:16px;}
.content03 .grade > p{color:#fff; font-size:13px; font-weight:500; line-height:13px; letter-spacing: -0.5px;}
.content03 .grade > p > span{color:#da2b35; }

.cont3_contbx{display: flex; justify-content: center; align-items: center; flex-wrap:wrap; padding-bottom:90px;}
.cont3_contbx .cont_tit h2{color:#fff; padding-bottom:24px;}
.t_iconbx{display: flex; justify-content: space-between; align-items: center; gap:51px; width:387px;}
/* .t_iconbx p{color:#fff;} */
.t_iconbx > div{display: flex; justify-content: center; flex-wrap:wrap;}
.pro_ps{color:#c8c8c8; width:100%; padding-top:24px; text-align: center; font-size:18px; font-weight:300; line-height:25px; letter-spacing: -0.5px;}
.t_icon_txt{color:#5e5e5e; font-size:16px; font-weight:500; text-align: center; line-height:18px; padding:8px 0;}

.evaluation_wrap{display: flex; justify-content: flex-start; align-items: center;}
.eval_bx{width:518px; height:360px; padding:48px; display: flex; justify-content: flex-start; background:#232323; border-radius:24px; border:1px solid rgba(255, 255, 255, 0.10); flex-wrap:wrap; gap:20px; margin-right:24px;}
.eval_tit{color:#fff; font-size:24px; font-weight:700; line-height:28px; letter-spacing: -1.2px; overflow: hidden; text-overflow: ellipsis; -webkit-line-clamp: 2; white-space: normal; display: -webkit-box; -webkit-box-orient: vertical;}
.eval_txt{color:#8B8B8B; font-size:16px; font-weight:400; line-height:28px; letter-spacing: -0.8px;}
.user_info_bx{display: flex; justify-content: flex-start; align-items: center; gap:12px;}
.user_id{color:#fff; font-size:18px; font-weight:500; line-height:18px; letter-spacing: -0.9px; padding-bottom:6px;}
.write_data{font-size:13px; line-height:13px; color:#8b8b8b; font-weight:400; letter-spacing: -0.5px;}
.cont3_contbx2{width:100%; padding:10px 0; overflow: hidden; mask-image: linear-gradient(to right, rgba(0, 0, 0, 0) 0%, rgb(0, 0, 0) 12.5%, rgb(0, 0, 0) 87.5%, rgba(0, 0, 0, 0) 100%); position:relative;}

.cont3_wrap .cont_pointwrap{padding-top:172px;}
.cont3_wrap .cont_tit h2{color:#fff; word-break: keep-all;}
.cont3_wrap .cont_tit > p{color:#8b8b8b; font-size:22px; line-height:33px; letter-spacing: -1px; font-weight: 400; margin:0 auto; max-width:979px;}
.cont3_wrap .cont_tit .cont_tit_ps{font-size:14px; font-weight:400; /*line-height:30px;*/ letter-spacing: -0.5px; margin:unset; width:979px; padding-top:8px; display: flex; justify-content: flex-end;  word-break: keep-all;}
.cont3_wrap .down_btn{position:unset; padding-top:32px;}
.cont3_wrap .down_btn a{gap:20px;}
.cont3_wrap .down_btn a > img{width:28px; height:28px; padding:2px;}
.cont3_wrap .down_btn a > p{font-size:22px;}
.cont3_wrap .cont_titbx{padding-bottom:90px;}

.custom_wrap{display: flex; justify-content: space-between; gap:24px; color:#fff; flex-wrap:wrap;}
.custom_wrap .custom_leftbx{display: flex; justify-content: space-between; gap:24px; flex-wrap:wrap; flex:1;}
.custom_wrap .custom_rightbx{display: flex; justify-content: space-between; gap:24px; flex-wrap:wrap; flex:1;}
.cus_bx{width:calc((100% - 24px) / 2); display: flex; flex-wrap:wrap; flex-direction: column; gap:24px;}
.cus_img.gray_bg {background-color: #d9d9d9;}
.cus_ontxt{padding:35px 32px; background:#da2b35; width:100%; display: flex; justify-content: center; align-items: center; border-radius:24px; height:93px;}
.cus_tit{font-size:24px; font-weight:600; line-height:28px; letter-spacing: -0.5px;}
.cus_txtbx{padding:32px; background:#232323; border-radius:24px; width:100%; flex-grow:1;}
.cus_txt{padding-bottom:20px; font-size:16px; color:#8b8b8b; font-weight:400; line-height:24px; letter-spacing: -0.5px; width:94%; word-break: keep-all;}
.cus_txt.non_pd{padding-bottom:0;}
.redbx{background:#da2b35;}
.redbx .cus_txt{color:#E6E6E6; font-weight:300;}
.longbx{height:399px;}
.cus_txtbx .cus_tit{padding-bottom:11px;}
.cus_txtbx.mid_h{height:300px;}


/* content04 */
.content04{background:#FCFCFC; border-radius:48px; padding:172px 0;}
.cont4_wrap .cont_titbx{padding-bottom:90px;}
.cont4_contbx{width:100%; padding:93px 0; display: flex; flex-direction: column; align-items: center; background:#f2f2f2; border-radius:24px;}
.pointbx.gray_p p{background:#171717;}
.sub_titbx .cont_tit h2{font-size:48px; line-height:57px; padding-bottom:12px;}
.sub_titbx{padding-bottom:30px;}
.sub_titbx .cont_tit > p{font-size:22px; line-height:33px; letter-spacing: -0.5px; font-weight:400;}
.cont4_contbx .main_ch{/*width:408px;*/width:100%;}
.cont4_contbx .m_ch_div > p{font-weight:400; font-size:16px; line-height:24px; color:#5e5e5e;}
.screenbx{width:calc(100% - 32px); background:#2E2D2D; height:500px; margin:0 auto; margin:90px 0;}
.cont4_contbx .down_btn{position:unset;}
.cont4_contbx .down_btn a{gap:20px;}
.cont4_contbx .down_btn a > p{font-size:22px; line-height:33px;}
.cont4_contbx{margin-bottom:90px;}
.cont4_contbx:last-child{margin-bottom:0px;}


/* content05 */
.content05{background:#171717; padding:172px 0; color:#fff;}
.cont5_wrap .cont_tit h2{text-align: left; color:#fff; padding-bottom:60px;}
.usewrap{display: flex; justify-content: space-between; gap:30px; flex-wrap:wrap;}
.use_bx{background:#232323; border-radius:15px;}
.ubx1{width:400px; display: flex; flex-direction: column; justify-content: center; align-items: center; padding:10px 40px;}
.ubx1 > img{padding-bottom:15px;}
.use_tit{font-size:22px; font-weight:500; line-height:27.661px; letter-spacing:-1.064px; padding-bottom:10px;}
.use_txt{color:#8b8b8b; font-size:16px; font-weight:400; text-align: center; line-height:22px; letter-spacing: -1.064px; padding-bottom:15px;}
.ubx2{padding:22px 30px; width:calc(100% - 430px);}
.use_txt2{width:55%; font-size:18px; font-weight:400; line-height: 26px; letter-spacing: -1px; padding-bottom:20px;}
.use_p_txt{font-size:18px; font-weight:300; line-height:34px; letter-spacing: -0.846px; height: 34px; padding: 0 11.511px; align-items: stretch; display: flex; background:#343434; border-radius:10px 10px 0 0;}
.use_platformbx{margin-bottom:10px; background:#171717; border-radius:10px;}
.use_platformbx:last-child{margin-bottom:0;}
.use_plat_div{display: flex; justify-content: space-between; flex-direction: row;}
.use_plat_div > div{display: flex; justify-content: center; align-items: center; flex-wrap:wrap; padding: 15px 10px 5px 10px; border-right:1px solid #343434; flex:1;}
.use_plat_div > div:last-child{border-right:0;}
.use_plat_div > div .use_name{width:100%; text-align:center; padding-top:5px; font-size:13.5px; font-weight:300; line-height:16.116px; letter-spacing: -0.846px;}
/* .update_state{color:#3bac37; font-size:11px; font-weight:300; line-height:16px; letter-spacing: -0.85px; text-align: right; width: 65%; padding-top:7px;} */
.update_state{color:#3bac37; font-size:11px; font-weight:300; line-height:16px; letter-spacing: -0.85px; text-align: center; width: 100%; padding-top:7px;}

.use_bx .down_btn{position:unset;}
.use_bx.ubx1 .down_btn > a{padding:4px 17px 4px 7px; gap:5px;}
.use_bx.ubx1 .down_btn > a > img{width:20px; height:20px;}
.use_bx.ubx1 .down_btn > a > p{font-size:16px; font-weight:600; line-height:16px; letter-spacing: -0.359px;}

.ubx3{width:100%; display: flex; justify-content: space-between; gap:12px;}
.ubx3 .auto_usebx{flex-basis:25%; max-width:25%;}

.auto_usebx{padding:40px 26px; display: flex; flex-direction: column; align-items: baseline;}
.auto_use_tit{padding-top:10px; font-size:22px; font-weight:500; line-height:22px; letter-spacing: -0.3px; padding-bottom:50px;}
.auto_use_price{font-size:24px; font-weight:700; line-height:24px; letter-spacing: -0.3px; text-align: right; width:100%; padding-bottom:20px;}
.paymentbx{display: flex; justify-content: space-between; width:100%; border-radius:3.6px; border: 0.719px solid #393939; height:45px; /*gap:80px;*/ padding:10px; margin-bottom:10px;}

.paymentbx .radio-group {
  display: flex;
  gap: 20px;
  background-color: #2b2b2b;
  padding: 10px 20px;
  border: 1px solid #333;
  border-radius: 8px;
}

.paymentbx .radio-container {
  display: flex;
  align-items: center;
  gap: 5px;
  cursor: pointer;
}

.paymentbx .radio-container input[type="radio"] {
  display: none; /* 기본 라디오 버튼 숨기기 */
}

.paymentbx .radio-custom {
  width: 14px;
  height: 14px;
  border: 1px solid #9F9F9F;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
}

.paymentbx .radio-custom::after {
  content: '';
  width: 6px;
  height: 6px;
  background-color: transparent;
  border-radius: 50%;
  transition: background-color 0.2s;
  background-color:#9F9F9F;
}

.paymentbx .radio-container input[type="radio"]:checked + .radio-custom {border-color: #da2b35;}

.paymentbx .radio-container input[type="radio"]:checked + .radio-custom::after {background-color: #DA2B35;}

.paymentbx .radio-label {font-size: 14px; color: #fff; letter-spacing: -0.7px; font-weight:300;}
.pay-button{width:100%;border-radius:5px; padding:12px; height:40px;display: flex; justify-content: center; align-items: center; background:#da2b35; color:#fff; margin-bottom:10px; font-size: 15px; font-weight: 500; line-height: 15px; letter-spacing: 0.216px; border:0;}
.auto_use_infobx{border-radius:10px; border:1px solid rgba(255, 255, 255, 0.10); background:#252525; padding:20px 12px 9px 12px; display: flex; flex-direction: column; flex: 1;}
.auto_info{display: flex; gap: 5px; padding-bottom:13px;}
.auto_info > p:nth-child(1){display: inline-flex;}
.auto_info > p:nth-child(2){font-size:14px; font-weight:300; line-height: 20px; letter-spacing: -0.7px;}
.auto_info > p > img{width:20px; height:20px; max-width: unset;}


/* content06 */
.more_btn{display: none;}
.content06{background:#FCFCFC; border-radius:48px; padding:172px 0;}
.content06 .grade{background:#fff; border:1px solid #E7E7E7; padding:8px 25px 8px 8px; border-radius:500px; display: inline-flex; align-items: center; gap:10px; margin-bottom:16px;}
.content06 .grade > p{color:#151515;}
.content06 .grade > p > span{color:#da2b35; }
.content06 .cont_tit > h2{padding-bottom:0; }
.review_wrap{display: flex; justify-content: space-between; flex-wrap:wrap; gap:0 20px; flex-grow: 1; max-width:1112px; margin:0 auto; padding-bottom:100px;}
.review_imgbx{width:500px;}
.review_stars img{max-width:13.765px;}
.review_contbx{display: flex; flex-wrap:wrap; gap:12px 20px; width:calc(100% - 520px);}
.review_bx{width:calc((100% - 20px) / 2); border-radius:20px; border:1px solid #E5E7EB; padding:16px;}
.review_id{color:#374151; font-size:16px; font-weight:500; line-height:20px; letter-spacing: -0.5px;}
.review_data{color:#4C5A70; font-size:14px; font-weight:400; line-height:18px; letter-spacing: -0.5px; padding-bottom:15px;}
.review_stars{padding-bottom:15px; height:32px; line-height:13px;}
.review_txt{color:#374151; font-size:16px; font-weight:400; line-height:22px; letter-spacing: -0.5px; width:86%;}
.content06 .down_btn{position:unset; padding-top: 40px; margin:0 auto;}
.content06 .down_btn a{background:#171717; padding:12px 24px;}
.content06 .down_btn a > img{background:#DA2B35; width:28px; height:28px;}
.content06 .down_btn a > p{line-height:18px;}

.company_info{display: flex; justify-content: flex-start; gap: 80px;}
.com_txt{padding-top:40px; color:#333; font-size:24px; font-weight:400; line-height:30px; letter-spacing: -0.7px;}
.com_txt p{padding-bottom:30px;}
.com_txt p:last-child{padding-bottom:0;}

/* content07 */

.cont7_wrap{display: flex; justify-content: center; padding-top: 110px; padding-bottom:17px;}



/* footer */

#ft_wr{width:100%; padding:0; max-width:1200px;}
#ft_wr .ft_cnt {
  float: none;
}
#ft_company{width:100% !important; padding:0 !important; display: flex; justify-content: flex-start; gap:80px; flex-wrap:wrap;}
.com_info{width:calc(100% - 280px);}
.com_info .com_p{ display: flex; flex-wrap:wrap; gap: 0 20px; padding-bottom:24px;}
.com_info p{color:rgba(255, 255, 255, 0.80); font-size:16px; font-weight:300; line-height:29px; letter-spacing: -0.5px; position:relative;}
.com_info p:after{width:1px; height:15px; display: block; content:""; background:rgba(255, 255, 255, 0.80); position:absolute; right:-10px; top:50%; transform:translateY(-50%);}
.com_info p:last-child::after{
  display: none;
}
#ft_copy{width:100%; text-align: left; border-top: 0; padding:0; color:rgba(255, 255, 255, 0.80); font-size: 16px; font-weight: 300; line-height: 18px; letter-spacing: -0.48px;}

/*서브 회사소개*/
.cont_w {
  width: 100%;
  max-width: 1200px;
}