/* 게시판 공통 CSS */


/* 뷰페이지 타이틀 시작 */
.view-header {border-top:1px solid #ccc; padding:3.75em 0;}
.view-header .view-header__cate {display: block; width:fit-content; font-size: 1em; font-weight: 600; background: linear-gradient(355deg, #BB60AE 0%, #E34791 49%, #EB9EC1 100%); background-clip: text; -webkit-background-clip: text; -webkit-text-fill-color: transparent; text-align: center; margin-bottom: 1.25em;}
.view-header .view-header__cate--video {color:var(--sub-color); background:none; -webkit-text-fill-color:unset;}
.view-header .view-header__title {font-size: 2.25em; font-weight: 600; line-height: 1.4; padding-bottom: 0.625em;}
.view-header .view-header__info {display: flex; flex-flow:row wrap;}
.view-header .view-header__category {margin-right: 1.25em; font-weight: 500; color:#9e9e9e;}
.view-header .view-header__category:last-of-type {margin-right: 0;}
/* 뷰페이지 타이틀 끝*/
 
/*게시판 검색*/ 
#board-search {margin-bottom:2.5em; display:flex; justify-content:flex-end;}
#board-search legend {position:absolute;margin:0;padding:0;font-size:0;line-height:0;text-indent:-9999em;overflow:hidden}
#board-search form {display: inline-block;}
#board-search .sch-box {position: relative; display: flex;}
#board-search .sch-box select {padding:0 0.12rem; display: none; font-size: 0.14rem; border-right:1px solid var(--main-gray); border:1px solid var(--main-gray); height: 100%;}
#board-search .sch-box input[type="text"] {font-size: 1em; width:25em; height: 3.125em; font-weight: 500; line-height: 1.6; border:1px solid #ccc; border-right:none; color: var(--main-black); padding:0 0.8125em;}
#board-search .sch-box input[type="text"]::placeholder {color: #9e9e9e;}
#board-search .sch-box button {font-size: 1em; width:3.125em; margin-top:-1px;}

@media (max-width:768px){
    #board-search .sch-box input[type="text"] {width:20em;}
}

/* write.php */
.guest_table{border-collapse:collapse;padding:0; border-spacing:0px; border-spacing:0;table-layout:fixed; width:100%;  background:#FFF;border:1px solid #e8e8e8; margin-top:10px;}
.guest_table th{text-align:left; padding: 16px 0 16px 20px;font:normal 9pt/30px; border-bottom:1px solid #e8e8e8;}
.guest_table td{text-align:left; border-bottom:1px solid #e8e8e8; padding:4px 15px 4px 4px;}

#variableFiles td{border:0;border-collapse:collapse;padding:0; border-spacing:0px; border-spacing:0;}

.option_table{border-collapse:collapse;padding:0; border-spacing:0px; border-spacing:0;table-layout:fixed; width:100%;  border:1px solid #e8e8e8; }
.option_table th{text-align:left; font:normal 9pt/30px; border-bottom:1px solid #e8e8e8;padding: 16px 0 16px 20px;}
.option_table td{text-align:left; border-bottom:1px solid #e8e8e8; padding:4px 15px 4px 4px;}

.adm-msg {font-weight: 600; color: #ff0000;}

.board-btn						{text-align:right;}
.board-btn--write {text-align:center; margin-top: 3.75em;}
.board-btn a					{display: inline-flex; justify-content:center; align-items:center; padding:0.1rem 0.2rem; border:1px solid #ddd;}
.board-btn a.newb			{background:#333; color:#fff;}
.board-btn input#btn_submit {display: inline-flex; justify-content:center; align-items:center; font-size: 1.25em; font-weight: 500; color: #fff; cursor:pointer; width:10em; height:3em; border-radius:4px; background: linear-gradient(355deg, #BB60AE 0%, #E34791 49%, #EB9EC1 100%); padding:0;}
.board-btn input#btn_list	{display: inline-flex; justify-content:center; align-items:center; padding:0.1rem 0.2rem; border:1px solid #ddd; cursor:pointer;}

a.board-golist__btn {font-size: 1.25em; font-weight: 500; color:#fff; border-radius:4px; background: linear-gradient(355deg, #BB60AE 0%, #E34791 49%, #EB9EC1 100%); display: flex; align-items: center; justify-content: center; width:10em; height:3em; margin: 0 auto;}
@media (hover: hover){
    .board-btn input#btn_submit:hover {background-origin: border-box; background-clip: content-box, border-box;background-image: linear-gradient(#fff, #fff), linear-gradient(355deg, #BB60AE 0%, #E34791 49%, #EB9EC1 100%); border:4px solid transparent; color:var(--main-color);}
    a.board-golist__btn:hover {background-origin: border-box; background-clip: content-box, border-box;background-image: linear-gradient(#fff, #fff), linear-gradient(355deg, #BB60AE 0%, #E34791 49%, #EB9EC1 100%); border:4px solid transparent; color:var(--main-color);}
}
.info_signature			{padding:10px; border:1px solid #e8e8e8; background:#fafafa; }

/* view.php info_scrap info_trackback */

.if_frame		{width:100%;  height:480px;display:block; /*border-bottom:2px solid #555;*/margin-top:17px;}
.if_left		{width:75%; height:480px;float:left;}
.if_right		{width:20%; float:right; margin-left:16px; height:470px; /*border-bottom:1px solid #e8e8e8;*/}
.if_right div {margin-bottom:7px; border-bottom:1px solid #e8e8e8;}
.if_right div a {text-decoration:none;}
.if_txt	{font-size:18px;  font-weight:bold; padding:18px 0 6px 8px;}

.movie_box{padding:10px; text-align:center;}
.view-image{text-align:left; margin-bottom: 3.75em; /*pointer-events: none; a태그 클릭 비활성화*/}
.view-image img{ max-width:100%; height:auto;}
#writeContents{word-break:break-all; min-height:100px;}
/*#writeContents{word-break:break-all; padding:10px; min-height:100px;}*/

.view-link {padding:0.1rem 0; border-bottom:1px solid var(--main-gray);}
.view-link .view-link__info {}
.view-link .view-link__list {margin:0.02rem 0;}
.view-link .view-link__btn {transition:.5s ease all;}
.view-link .view-link__btn:active,
.view-link .view-link__btn:focus-visible {color: var(--main-color);}
.view-link .view-link__icon {margin-right: 0.05rem;}

@media(hover:hover){
	.view-link .view-link__btn:hover {color: var(--main-color);}
}

#bo_v_con {word-break:break-all; border-bottom:1px solid #ccc; padding-bottom:3.75em;}
#bo_v_con a {color:#000;text-decoration:underline}
#bo_v_con img {max-width:100%;height:auto}

.board-tabnavi {margin-bottom: 2.5em;}
.board-tabnavi .board-tabnavi__title {position:absolute;font-size:0;line-height:0;overflow:hidden}
.board-tabnavi .board-tabnavi__menu {display: flex; box-shadow: inset 0 -2px 0 0 #ccc;}
.board-tabnavi .board-tabnavi__menulist {height:3.125em;}
.board-tabnavi .board-tabnavi__menulist:not(:last-child) {margin-right: 5em;}
.board-tabnavi a.board-tabnavi__link {display: flex; height:100%; font-size: 1.5em; font-weight: 600; color:#9e9e9e; line-height: 1.2; border-bottom:2px solid transparent; background-origin: border-box; background-clip: content-box, border-box;background-image: linear-gradient(#fff, #fff), linear-gradient(#ccc, #ccc);}
.board-tabnavi a.board-tabnavi__link--active {color:#222; border-bottom:2px solid transparent; background-origin: border-box; background-clip: content-box, border-box;background-image: linear-gradient(#fff, #fff), linear-gradient(355deg, #BB60AE 0%, #E34791 49%, #EB9EC1 100%);}
.board-tabnavi .board-tabnavi__num {display: flex; align-items: center; justify-content: center; font-size: 0.625em; width:1.9334em; height:1.7334em; border-radius:1000px; border:2px solid #ccc; color:#ccc; margin-left: 0.6667em;}
.board-tabnavi a.board-tabnavi__link--active .board-tabnavi__num {color:#fff; border:none; background: linear-gradient(355deg, #BB60AE 0%, #E34791 49%, #EB9EC1 100%);}
@media (hover: hover) {
    .board-tabnavi a.board-tabnavi__link:hover {color:#222; border-bottom:2px solid transparent; background-origin: border-box; background-clip: content-box, border-box;background-image: linear-gradient(#fff, #fff), linear-gradient(355deg, #BB60AE 0%, #E34791 49%, #EB9EC1 100%);}
    .board-tabnavi a.board-tabnavi__link:hover .board-tabnavi__num {color:#fff; border:none; background: linear-gradient(355deg, #BB60AE 0%, #E34791 49%, #EB9EC1 100%);}
}

@media (max-width:1280px){
    .board-tabnavi .board-tabnavi__menulist:not(:last-child) {margin-right: 4em;}
}
@media (max-width:768px){
    .board-tabnavi a.board-tabnavi__link {font-size: 1.25em;}
    .board-tabnavi .board-tabnavi__menulist:not(:last-child) {margin-right: 2em;}
}
@media (max-width:768px){
    .board-tabnavi a.board-tabnavi__link {font-size: 0.9em;}
    .board-tabnavi .board-tabnavi__menulist:not(:last-child) {margin-right: 1em;}
}


/* view_comment.skin.php */

/* 게시판 댓글 */
.cmt_btn{background:url('./img/cmt_btn.png') no-repeat 85px 8px;text-align:left ;width:100% ;border:0;font-weight:bold;font-size:1.25em;margin: 30px 0 0px;padding:0  0 10px }
.cmt_btn_op{background:url('./img/cmt_btn.png') no-repeat 85px  -23px}
#bo_vc {}
#bo_vc h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}
#bo_vc article {margin:20px 0;position:relative}
#bo_vc article .profile_img img{border-radius:50%}
#bo_vc header {}
#bo_vc header:after {display:block;visibility:hidden;clear:both;content:""}
#bo_vc header .icon_reply {position:absolute;top:15px;left:-20px}
#bo_vc .member, #bo_vc .guest, #bo_vc .sv_member, #bo_vc .sv_guest {font-weight:bold}
.bo_vc_hdinfo{float:right;font-style:italic;color:#777; font-size:11px;}
#bo_vc h1 {position:absolute;font-size:0;line-height:0;overflow:hidden}
#bo_vc .cmt_contents {padding:15px  ;margin:10px 0 0;background: #f8fafb;border-radius:5px;border: 1px solid #e8e8e8;line-height:1.8em}
#bo_vc p a {text-decoration:underline}
#bo_vc p a.s_cmt {text-decoration:underline;color:#ed6479}
#bo_vc_empty {margin:0;padding:80px 0 !important;color:#777;text-align:center}
#bo_vc #bo_vc_winfo {float:left}

.bo_vc_act {text-align:right;margin:0;list-style:none;zoom:1}
.bo_vc_act:after {display:block;visibility:hidden;clear:both;content:""}
.bo_vc_act li {display:inline-block;}
.bo_vc_act li a{padding:0 5px;line-height:23px}

.bo_vc_w {position:relative;margin:10px 0;display:block;}
.bo_vc_w:after {display:block;visibility:hidden;clear:both;content:""}
.bo_vc_w h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}
.bo_vc_w #char_cnt {display:block;margin:0 0 5px}
.bo_vc_w textarea{border:1px solid #ccc;background:#fff;color:#000;vertical-align:middle;border-radius:3px;padding:5px;width:100%;height:120px;
-webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
-moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);}
#wr_secret{}
.bo_vc_w_info{margin:10px 0;float:left}
.bo_vc_w_info:after {display:block;visibility:hidden;clear:both;content:""}
.bo_vc_w_info .frm_input{float:left;margin-right:5px}
.bo_vc_w_info #captcha{padding-top:10px;display:block;clear:both}
.bo_vc_w .btn_confirm{float:right;margin-top:10px}
.bo_vc_w .btn_confirm label{display:inline-block;margin-right:10px;border-radius:3px;font-size:1.5em;text-align:center;}
.bo_vc_w .btn_submit{height:45px;padding:0 20px;border-radius:3px;font-weight:bold;font-size:1.083em;}
.bo_vc_w_wr:after {display:block;visibility:hidden;clear:both;content:""}

#bo_vc_send_sns{display:inline-block;float:left}
#bo_vc_sns {display:inline-block;margin:0;padding:0;list-style:none;zoom:1}
#bo_vc_sns:after {display:block;visibility:hidden;clear:both;content:""}
#bo_vc_sns li {float:left;margin:0 5px 0 0}
#bo_vc_sns .sns_li_f{border-radius:3px;background:#3a589b;height:40px;line-height:40px;padding:0 0 0 10px}
#bo_vc_sns .sns_li_t{border-radius:3px;background:#00aced;height:40px;line-height:40px;padding:0 0 0 10px}
#bo_vc_sns .sns_li_off{background:#bbb}
#bo_vc_sns a{display:inline-block;padding:0 15px 0 5px;}
#bo_vc_sns input {margin:0 5px 0 0 }



table.tb_order			{width:100%; border-collapse:collapse; padding:0; margin:0;}
table.tb_order th, table.tb_order td		{padding:10px; border:1px solid #d7d7d7; text-align:left;}
table.tb_order th		{
padding: 10px 0 10px 20px;
width: 15%;
text-align: left;
border-bottom: 1px solid #d9d9d9;
background: #f7f7f7;
}
/* 이전글, 다음글1 시작*/
.table-view-nav{border-top:1px solid #e8e8e8;border-bottom:1px solid #e8e8e8;margin-top:20px;margin-bottom:20px;}
.table-view-nav li {line-height:1.1;}
.table-view-nav li + li {border-top:1px solid #e8e8e8;}
.table-view-nav li a{display:block;padding:16px 0;position:relative;}
.table-view-nav li a .nav-title{display:inline-block;max-width:100%;position:relative;box-sizing:border-box;vertical-align:middle;}
.table-view-nav li a .nav-title > span {display:block; max-width:100%; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}
.table-view-nav li  em{color:#222;font-size:14px;line-height:1.1;font-weight:700;}
.table-view-nav li .next{padding-left:127px; padding-right:15px;}
.table-view-nav li .next > em{position:absolute;top:50%;left:20px;margin-top:-7px;}
.table-view-nav li .next > em:after{content:"";display:block;position: absolute;top:0;left:97px;width:1px;height:13px;background-color:#bbb;}
.table-view-nav li .next > em > i {margin-right:13px; color:#999;  display: inline-block; vertical-align: middle;}
.table-view-nav li .next .nav-title{padding-right:20px;}
.table-view-nav li .next .nav-title.one-ico{padding-right:30px;}
.table-view-nav li .next .nav-title.two-ico{padding-right:50px;}
.table-view-nav li .next .nav-title.three-ico{padding-right:50px;}
.table-view-nav li .prev{padding-left:127px; padding-right:15px;}
.table-view-nav li .prev > em{position:absolute;top:50%;left:20px;margin-top:-7px;}
.table-view-nav li .prev > em:after{content:"";display:block;position: absolute;top:0;left:97px;width:1px;height:13px;background-color:#bbb;}
.table-view-nav li .prev > em > i {margin-right:13px; color:#999;  display: inline-block; vertical-align: middle;}
.table-view-nav li .prev .nav-title{padding-right:20px;}
.table-view-nav li .prev .nav-title.one-ico{padding-right:30px;}
.table-view-nav li .prev .nav-title.two-ico{padding-right:50px;}
.table-view-nav li .prev .nav-title.three-ico{padding-right:50px;}
.table-view-nav li .nav-title .ico-set {position: absolute; right: 0; top: -2px;}
/* 이전글, 다음글1 끝*/

/* 이전글, 다음글2 시작*/
.view_btn_ne_pr							{border-top:1px solid #333; margin-top:20px; padding-top:5px; padding-bottom:5px; background:url('/img/view_bar.png') no-repeat center 50%;}
.view_btn_ne_pr:after				{width:100%; display:block; clear:both; content:'';}
.vb_pre			{float:left; width:48%; padding:10px 0;}
.vb_nex			{float:right; width:48%; text-align:right; padding:10px 0; font-size:15px;}
.vb_pre span			{display:inline-block; border-right:1px solid #eee; margin-right:15px; padding-right:20px; height:13px; line-height:13px}
.vb_nex span			{display:inline-block; border-left:1px solid #eee; margin-left:15px; padding-left:20px; height:13px; line-height:13px}
.vb_pre a			{display:inline-block; font-size:15px; width:80%;}
.vb_nex a			{display:inline-block; font-size:15px; width:80%;}
/* 이전글, 다음글2 끝 */


.gall_checkbox {
    position: absolute;
    top: 5px;
    left: 5px;
    z-index: 99;
}

.write_div{margin:10px 0;position:relative}


.bo_v_snswr{position:relative;display:inline-block;margin-left:-1px;text-align:right;}
#bo_v_sns {display:none;position:absolute;top:-50px;left:50%;margin-left:-90px;width:180px;padding:0;list-style:none;zoom:1}
#bo_v_sns:after {display:block;visibility:hidden;clear:both;content:""}
#bo_v_sns:before{content: "";position: absolute;bottom: -7px;left: 84px;width: 0;height: 0;border-style: solid;border-width: 7px 6px 0 6px;border-color: #415b92 transparent transparent transparent;}
#bo_v_sns li {float:left;width:60px;text-align:center}
#bo_v_sns li a{height:40px;padding:10px 0;}
#bo_v_sns li .sns_f{display:block;background:#415b92}
#bo_v_sns li .sns_t{display:block;background:#35b3dc}
#bo_v_sns li .sns_g{display:block;background:#d5503a}
#bo_v_sns li img{vertical-align:top}

#bo_v_share {
    position: relative;
    margin: 60px 0 5px 0;
    text-align: right;
}
.nopost {line-height:120px; text-align:center;}

textarea{border:1px solid #aaa; border-right:1px solid #EEE; border-bottom:1px solid #EEE;width:100%; word-break:break-all; min-height:120px;}


.view-navi {padding:3.75em 0;}
.view-navi__list { display: flex;}
.view-navi__item {display: flex; width:42.4243%; align-items: center;}
.view-navi__item--prev {margin-right: 7.5758%;}
.view-navi__item--next {margin-left: 7.5758%;}
.view-navi__category {display: inline-flex; align-items: center; font-size: 1.125em; line-height: 1.4; color:#535353; width: 5.9445em; text-align: center;}
.view-navi__link {display: flex; width:100%; align-items: center; transition:.5s ease all; }
.view-navi__bg {width:2.7778em; height:2.7778em; border-radius:4px;}
.view-navi__desc {font-size: 1.125em; font-weight: 500; line-height: 1.4; color:#535353; width:calc(100% - 5.9445em); white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.view-navi__link--prev .view-navi__bg {background: url(./img/view-navi_prev.png) no-repeat center / cover; margin-right: 0.5556em;}
.view-navi__link--next .view-navi__bg {background: url(./img/view-navi_next.png) no-repeat center / cover; margin-left: 0.5556em;}
.view-navi__link--next {flex-direction: row-reverse;}
.view-navi__link--next .view-navi__category {flex-direction: row-reverse;}
.view-navi__link--nopost {opacity: 0.5;}
.view-navi__link--next .view-navi__desc {text-align: right;}
@media(hover:hover){
	.view-navi__link:not(.view-navi__link--nopost):hover {color: var(--main-color);}
    .view-navi__link--prev:hover .view-navi__bg {background: url(./img/view-navi_prev-ho.png) no-repeat center / cover;}
    .view-navi__link--next:hover .view-navi__bg {background: url(./img/view-navi_next-ho.png) no-repeat center / cover;}
}

.write_div textarea{background-color:#fff; border: 1px solid #dfdfdf; padding: 5px;}


/* Brand view페이지 css 시작 */
.brand-header {padding:0 0 3.75em;}
.brand-header__cate {display: block; font-size: 1.25em; width:fit-content; font-weight: 600; line-height: 1.4; background: linear-gradient(355deg, #BB60AE 0%, #E34791 49%, #EB9EC1 100%); background-clip: text; -webkit-background-clip: text; -webkit-text-fill-color: transparent; margin-bottom: 0.5em;}
.brand-header__title {font-size: 3.875em; font-weight: 600; line-height: 1.4; color:#222;}
.brand-banner {width:100%; height:25em; margin-top: 3.75em;}

@media (max-width:768px){
    .brand-banner {height:15em;}
}

.brand-wrap {}
.brand-cont {display: flex;}
.brand-left {width:31.8182%;}
.brand-left__title {font-size: 2.25em; font-weight: 600; line-height: 1.2;}
.brand-right {width:68.1819%;}
.brand-tit {padding-bottom: 7.5em;}
.brand-tit__title {font-size: 1.5em; font-weight: 600; line-height: 1.6; padding-bottom: 0.8334em;}
.brand-tit__desc {font-size: 1.25em; font-weight: 500; line-height: 1.6; color:#535353;}

@media (max-width:768px){
    .brand-cont {flex-direction: column;}
    .brand-left {width:100%; margin-bottom: 2em;}
    .brand-right {width:100%;}
    .brand-tit__desc br {display: none;}
}

.brand-description {display: flex; align-items: flex-start;}
.brand-description:not(:last-child) {margin-bottom: 7.5em;}
.brand-figure {width:33.3334%; margin-right: 5.5556%; border:1px solid #ccc;}
.brand-detail {width:61.1112%;}
.brand-detail__item {display: flex;}
.brand-detail__item:not(:last-child) {padding-bottom: 0.625em;}
.brand-detail__cate {font-size: 1.25em; font-weight: 600; line-height: 1.6; width:11em;}
.brand-detail__desc {font-size: 1.25em; font-weight: 500; line-height: 1.6; color:#535353; width:calc(100% - 11em);}
.brand-editer {margin-top: 7.5em;}

@media (max-width:768px){
    .brand-description {flex-direction: column;}
    .brand-figure {width:50%; margin-right: 0; margin-bottom: 5%;}
    .brand-detail {width:100%;}
}

.brand-description--s21:not(:last-child) {margin-bottom: 5.625em;}
.brand-detail__title {font-size: 1.5em; font-weight: 600; line-height: 1.6; padding-bottom: 0.5834em; margin-bottom: 0.5834em; border-bottom:1px solid #d9d9d9;}
.brand-detail__sub-title {font-size: 1.25em; font-weight: 500; line-height: 1.6; padding-bottom: 0.7em;}
.brand-detail__list--21 .brand-detail__cate {width:6.25em;}
.brand-detail__list--21 .brand-detail__desc {width:calc(100% - 6.25em);}
.brand-texture__list {padding-top: 0.875em;}
.brand-dot {width:calc(100% - 6.25em); display: flex; align-items: center; font-size: 1.25em;}
.brand-dot__box {width:1.2em; height:1.2em; display: flex; align-items: center; justify-content: center;}
.brand-dot__circle {display: inline-block; width:0.5em; height:0.5em; border-radius:50%; border:1px solid var(--main-color);}
.brand-dot__circle--checked {background: var(--main-color);}

.brand-box--s22:not(:last-child) {margin-bottom: 7.5em;}
.brand-description--s22:not(:last-child) {margin-bottom: 3.75em;}
.brand-process {margin:3.75em 0 7.5em;}
.brand-process__figure {text-align: center;}
.brand-tit--s22 .brand-tit__desc {padding-bottom: 3em;}
.brand-tit__list {display: flex; flex-wrap: wrap;}
.brand-tit__item {width:30.3334%; margin: 3.75em 4.444% 0 0;}
.brand-tit__item:nth-child(3n) {margin-right: 0;}
.brand-tit__item:nth-child(-n + 3) {margin-top: 0;}
.brand-tit__img {margin-bottom: 1.25em;}
.brand-tit__list .brand-tit__desc {padding-bottom: 0;}
.brand-tit__span {font-size: 0.8em; font-weight: 500; line-height: 1.4; color:#535353;}
.brand-description--s22_1 .brand-figure {border:none; width:47.7778%; margin-right: 6.6667%;}
.brand-description--s22_1 .brand-detail {width:45.5556%;}
.brand-description--s22_1 .brand-detail__title {text-align: center; padding-bottom: 0; border-top:1px solid #222; border-bottom:1px solid #222; margin-bottom: 0.8334em;}
.brand-description--s22_1 .brand-detail__sub-title {font-size: 1.125em; color:#535353; padding-bottom: 1.6667em;}
.brand-description--s22_1 .brand-detail__desc {width:100%;}

@media (max-width:768px){
    .brand-tit__item {width:47.7334%;}
    .brand-tit__item:nth-child(3n) {margin-right: 4.444%;}
    .brand-tit__item:nth-child(2n) {margin-right: 0;}
    .brand-tit__item:nth-child(-n + 3) {margin-top: 3.75em;}
    .brand-tit__item:nth-child(-n + 2) {margin-top: 0;}

    .brand-description--s22_1 .brand-figure {width:50%; margin-right: 0; margin-bottom: 5%;}
    .brand-description--s22_1 .brand-detail {width:100%;}
}

.brand-description--s23 .brand-detail__title {padding-bottom: 0.4167em; margin-bottom: 0.4167em;}
.brand-description--s23 .brand-detail__sub-title {padding-bottom: 0.5em; color:#535353;}
.brand-description--s23 .brand-detail__desc {width:100%;}
.brand-material {display: flex;flex-wrap: wrap; width:100%; max-width:880px; margin:0 auto;}
.brand-material__item {text-align: center; width:14.7728%; margin: 0 13.6364% 0 0;}
.brand-material__item:nth-child(4n) {margin-right: 0;}
.brand-material__img {margin-bottom: 1.25em;}
.brand-material__desc {font-size: 1.25em; font-weight: 500; line-height: 1.2; color:#535353;}
.brand-extra {width:100%; max-width:740px; margin:0 auto;}
.brand-extra__figure {width:13.5136%; margin-right: 8.1082%;}
.brand-extra__list {width:78.3784%;}
.brand-extra__item {font-size: 1.25em; font-weight: 500; line-height: 1.6; color:#535353; position: relative; padding-left: 0.5em;}
.brand-extra__item::after {content:''; display: block; width:0.2em; height:0.2em; border-radius:50%; background: #535353; position: absolute; left:0; top:0.7em;}

@media (max-width:768px){
    .brand-material__item {width:43.1728%; margin: 5% 13.6364% 0 0;}
    .brand-material__item:nth-child(4n) {margin-right: 13.6364%;}
    .brand-material__item:nth-child(2n) {margin-right: 0;}
    .brand-material__item:nth-child(-n + 2) {margin-top: 0;}

    .brand-extra__figure {width:40%; margin-right: 0; margin-bottom: 5%;}
    .brand-extra__list {width:100%;}
}

.brand-description--properties {align-items: normal;}
.brand-properties {width:46.6668%; padding:2.1875em 2.5em; border:1px solid #ccc; border-left:2px solid var(--main-color)}
.brand-properties:first-child {margin-right: 6.6667%;}
.brand-properties__title {font-size: 1.5em; font-weight: 600; line-height: 1.4; padding-bottom: 0.8334em;}
.brand-properties__item {font-size: 1.25em; font-weight: 500; line-height: 1.6; color:#535353; position: relative; padding-left: 0.5em;}
.brand-properties__item::after {content:''; display: block; width:0.2em; height:0.2em; border-radius:50%; background: #535353; position: absolute; left:0; top:0.7em;}

@media (max-width:768px){
    .brand-properties {width:100%;}
    .brand-properties:first-child {margin-bottom: 6.6667%; margin-right: 0;}
}


.brand-process__list {display: flex; background: url(./img/brand-process_bg01.png) no-repeat center / cover;}
.brand-process__item {position: relative; width:25%; padding:4.4375em 0;}
.brand-process__item:not(:last-child)::after {content:''; width:1.6875em; height:3.5em; background: url(./img/brand-process_dash.png) no-repeat center / cover; position: absolute; right:-0.8438em; top:50%; transform:translateY(-50%);}
.brand-process__num {display: block; text-align: center; font-size: 1.25em; font-weight: 500; line-height: 1.6; color:var(--main-color); padding-bottom: 0.5em;}
.brand-process__desc {text-align: center; font-size: 1.5em; font-weight: 500; line-height: 1.6; color:#fff;}

@media (max-width:768px){
    .brand-process {padding:2em 0;}
    .brand-process__list {flex-direction: column;}
    .brand-process__item {padding:2em 0; width:100%;}
    .brand-process__item:not(:last-child)::after {right:auto; left:50%; top:auto; bottom:-1.8438em; transform:translate(-50%, 0) rotate(-90deg)}
}

/* Brand view페이지 css 끝 */