/*
	[디자인팀 맞춤제작 및 수정 CSS]

	copyright(c) 상상너머·원데이넷 all rights reserved.
	허용된 라이센스이외 무단도용재배포를 금합니다.

	※ css 추가 시, 반드시 날짜와 작업자 이니셜을 기재바랍니다.
*/



/* 로그인 화면 패칙 */
.if_none_member {margin-top:-21px; background:#fff; position:relative;}
.if_none_member .ul {width:50%; margin:0 auto; border-top:1px solid #ddd;}
.if_none_member:before {content:""; width:30%; height:30px; background:#fff; position:absolute; right:0; top:-40px;}




/* 리뷰 디자인 수정 */
.c_view_board .board_title {border-bottom:0;}

.c_view_list .rl_ctrl {margin-top: 70px;}
.c_view_list .rl_ctrl dl {display: flex; align-items: center; justify-content: space-between; flex-direction: row;}
.c_view_list .rl_ctrl dt {}
.c_view_list .rl_ctrl dd {}
.c_view_list .rl_ctrl .total {font-size: 23px; color: #000; font-weight: 500; letter-spacing: -0.6px; line-height: 40px; padding-left: 3px;}
.c_view_list .rl_ctrl .num {font-family: 'Campton'; color: #000; font-size: 28px; font-weight: 300; margin-left: 13px;}
.c_view_list .rl_ctrl ul {display: flex; align-items: center; justify-content: flex-end; flex-direction: row;}
.c_view_list .rl_ctrl li+ li {margin-left: 10px;}
.c_view_list .rl_ctrl li {list-style: none; display: inline-block; float: left;}
.c_view_list .rl_ctrl .js_box_r_opt1 {z-index: 13;}
.c_view_list .rl_ctrl .js_box_r_opt2 {z-index: 12;}
.c_view_list .rl_ctrl .js_box_r_opt3 {z-index: 11;}
.c_view_list .r_label {position: relative; margin-right: 13px;}
.c_view_list .r_label input {position: absolute; left: 0; top: 0; width: 0;}
.c_view_list .r_label .tx {font-size: 15px; color: #000; letter-spacing: -0.6px;}
.c_view_list .r_label .ic {float: left; width: 22px; height: 22px; margin-right: 10px;}
.c_view_list .r_label .ic {background: transparent url('../images/iamhome/r_check.png') center center no-repeat; background-size: 22px auto !important;}
.c_view_list .r_label input[type=checkbox]:checked+ .tx {}
.c_view_list .r_label input[type=checkbox]:checked+ .tx .ic {background-image: url('../images/iamhome/r_check_on.png');}
.c_view_list .r_select {position: relative; width: 170px; background: #fff;}
.c_view_list .r_select .btn {height: 40px; line-height: 38px; border: 1px solid #e5e5e5; padding: 0 40px 0 15px; box-sizing: border-box; font-size: 14px; color: #666; letter-spacing: -0.5px;}
.c_view_list .r_select .btn {cursor: pointer; background: #fff url('../images/iamhome/rl_select.png') right 15px center no-repeat; position: relative; z-index: 2;}
.c_view_list .r_select .open_ctg {position: absolute; top: 0; left: 0; width: 100%; z-index: 1; background: #fff; border: 1px solid #e5e5e5;}
.c_view_list .r_select .open_ctg {border-top: 0; padding: 48px 0 8px; box-sizing: border-box; box-shadow:-20px 20px 20px rgba(0, 0, 0, 0.1); display: none;}
.c_view_list .r_select .option {display: block; padding: 0 15px; line-height: 37px; box-sizing: border-box; color: #999; font-size: 14px !important; letter-spacing: -0.6px;}
.c_view_list .r_select .option:hover {color: #333;}

.c_view_list .r_select.if_open_r_opt1 .open_ctg {display: block;}
.c_view_list .r_select.if_open_r_opt2 .open_ctg {display: block;}
.c_view_list .r_select.if_open_r_opt3 .open_ctg {display: block;}

.c_view_list table {border-top:1px solid #000; margin-top: 20px;}
.c_view_list table td {text-align: center; padding: 27px 0; box-sizing: border-box;}
.c_view_list table .rv_score {}
.c_view_list table .mark {float: none; width: 90px; height: 16px; background: transparent url('../images/iamhome/rl_star.png') left center no-repeat; margin-top: 2px;}
.c_view_list table .star {background: #fff url('../images/iamhome/rl_star2.png') left center no-repeat;}
.c_view_list table .score {font-size: 18px; color: #000; font-weight: 600; margin-top: 5px;}
.c_view_list table .score .num {font-family: 'Campton'; font-size: 20px; color: #000; font-weight: 600;}
.c_view_list table .type {font-size: 14px; color: #aaa; letter-spacing: -0.2px; line-height: 21px;}
.c_view_list table .title {padding-right: 100px; padding-left: 0; text-align: left; position: relative;}
.c_view_list table .posting {float: none; font-size: 14px; color: #333; letter-spacing: -0.3px; vertical-align: middle; max-width: 100%;}
.c_view_list table .posting .tit_box {position: relative; display: inline-block; width: 100%; overflow: hidden;}
.c_view_list table .posting .icon {float: left; margin-left: 3px; margin-top: 5px;}
.c_view_list table .posting .tit {float: left; max-width: 100%; display: inline-block; overflow: hidden; text-overflow: ellipsis; word-break: keep-all; text-align: left; line-height: 22px; white-space: nowrap;}
.c_view_list .eval_box_area .posting .tit {max-width: calc(100% - 20px); max-width: -webkit-calc(100% - 20px); max-width: -moz-calc(100% - 20px);}
.c_view_list table .posting .tx {display: block; overflow: hidden; text-overflow: ellipsis; word-break: keep-all; text-align: left; margin-top: 3px;}
.c_view_list table .posting .tx {line-height: 22px; height: 22px; overflow: hidden; white-space: nowrap; color: #999; padding-right: 20px; box-sizing: border-box;}
.c_view_list table .list_thumb {float: none; display: inline-block; position: absolute; right: 0; top: 20px; cursor: pointer;}
.c_view_list table .name {font-size: 14px; color: #333; text-align: center; padding-right: 0;}
.c_view_list table .date {font-family: 'Campton'; font-size: 14px; color: #999; font-weight: 300; text-align: center; padding-right: 0; margin-top: 7px;}
.c_view_list table .date:before {display: none;}
.c_view_list table .arrow {margin: 0 auto; width: 18px; height: 18px; background-image: url('../images/iamhome/detail_arrow.png');}
.c_view_list table .if_open .arrow {background-image: url('../images/iamhome/detail_arrow_close.png');}

.c_view_list .if_open+ .board_box td {text-align: left; padding:40px 250px;}

.c_view_list .board_box td {font-size: 14px;}
.c_view_list .board_box .c_btn {margin-top: 20px;}




/* 리뷰 폼추가 */
.c_view_form {background:#fff; border:1px solid #000; box-sizing:border-box; padding:30px 50px 50px; text-align:left}
.c_view_form .c_btnbox {margin-left:0px; margin-top: 20px;}
.c_view_form li {list-style:none;}

.vr_form {}
.vr_form .table {display:table; width:100%; box-sizing:border-box; table-layout:fixed}
.vr_form .table dt,
.vr_form .table dd {display:table-cell; vertical-align:top; box-sizing:border-box;}
.vr_form .table dt {padding-right:50px;}
.vr_form .table dd {border-left:1px solid #eee; padding-left:50px;}
.vr_form .form_list {position: relative;}
.vr_form .form_list li {overflow:hidden;}
.vr_form .form_list li+ li {padding-top:20px; }

.vr_form .type {overflow: hidden; margin-bottom: 15px;}
.vr_form .vr_label {position: relative; float: left;}
.vr_form .vr_label+ .vr_label {margin-left: 20px;}
.vr_form .vr_label input {position: absolute; left: 0; top: 0; width: 0; overflow: hidden;}
.vr_form .vr_label .tx {display: inline-block; font-size: 15px; color: #aaa; letter-spacing: -0.7px; height: 35px; line-height: 35px;}
.vr_form .vr_label .icon {float: left; width: 22px; height: 22px; margin-top: 6px; margin-right: 5px;}
.vr_form .vr_label .icon {background: transparent url('../images/iamhome/vr_radio.png') center center no-repeat; background-size: 22px auto !important;}
.vr_form .vr_label input[type=radio]:checked+ .tx {color: #000;}
.vr_form .vr_label input[type=radio]:checked+ .tx .icon {background-image: url('../images/iamhome/vr_radio_on.png');}

.vr_form .vr_input {border:1px solid #ddd; width:100%; height:40px; line-height: 38px; box-sizing:border-box; font-size: 14px; padding: 0 15px; letter-spacing: -0.7px;}
.vr_form .vr_input.insta {display: none;}
.vr_form .vr_input.youtube {display: none;}
.vr_form.if_insta .vr_input.insta {display: block;}
.vr_form.if_insta .vr_input.normal {display: none;}
.vr_form.if_insta .form_list li+ li {display: none;}
.vr_form.if_youtube .vr_input.youtube {display: block;}
.vr_form.if_youtube .vr_input.normal {display: none;}
.vr_form.if_youtube .form_list li+ li {display: none;}
/* SSJ : 뷰튜브 선택 시 별점 클릭 안되는 현상 수정 : 2020-09-26 */
.vr_form.if_youtube .form_list .rv_star li {display: block;}

.vr_form .vr_textarea {height:120px; box-sizing:border-box; border:1px solid #ddd; width:100%; font-size: 14px; padding: 10px 15px; letter-spacing: -0.7px; float: left;}

.vr_form .rv_star {float:left; overflow:hidden; width: 50%; position:relative; box-sizing:border-box;}
.vr_form .rv_star .tit {position:absolute; left:5px; top:5px; font-size:14px;}
.vr_form .rv_star .inner {display:inline-block;}
.vr_form .rv_star .rv_mark {width:180px; height:32px; display: inline-block; float:left;}
.vr_form .rv_star .rv_mark {background:transparent url('../images/iamhome/vr_form_mark.png') left center no-repeat; }
.vr_form .rv_star .star {width:100%; height:100%; float:left;}
.vr_form .rv_star .star {background: #fff url('../images/iamhome/vr_form_mark2.png') left center no-repeat; }
.vr_form .rv_star .point {display:inline-block; line-height:32px; font-size:25px; color:#000; float:left; padding-left:10px; margin-top: 2px;}
.vr_form .rv_star .point strong {}
.vr_form .rv_star .name {color:#666; float:left;}
.vr_form .rv_star .tip {margin-top:10px; color:#999; line-height:1;}
.vr_form .rv_star ul {position:absolute; left:0px; top:0; width:185px; height:34px; margin-left:-5px; z-index: 1;}
.vr_form .rv_star li {list-style:none; float:left; width:20%; height:32px; margin-top:0; padding-top: 0 !important;}
.vr_form .rv_star .click {display:block; height:32px; margin-left:5px;}
.vr_form .rv_star.if_score1 .star {width:20%;}
.vr_form .rv_star.if_score2 .star {width:40%;}
.vr_form .rv_star.if_score3 .star {width:60%;}
.vr_form .rv_star.if_score4 .star {width:80%;}
.vr_form .rv_star.if_score5 .star {width:100%;}

.vr_form .select_box {overflow:hidden; display:inline-block; float:right; width: 50%;}
.vr_form .select_box .select+ .select select {margin-left: 5px;}
.vr_form .select_box .select+ .select {width: calc(42% - 5px); width: -webkit-calc(42% - 5px); width: -moz-calc(42% - 5px);}
.vr_form .select {float:left; display: inline-block; width:58%;}
.vr_form .select select {width:100%;}
.vr_form .select select {border:1px solid #ddd; padding:0 25px 0 15px; float:left; height:40px; line-height: 37px; float:left; color: #888; letter-spacing: -0.5px; box-sizing: border-box;}
.vr_form .select select {-webkit-appearance: none; appearance: none;  -moz-appearance: none; -webkit-user-select: none; background:#fff url('../images/iamhome/select.gif') right 10px center no-repeat;}
.vr_form .select select:focus {border-color:#aaa;}
.vr_form .select select::-ms-expand {display:none;}

.vr_form .vr_photo {background:#f1f1f1; height:120px; box-sizing:border-box; padding: 18px 20px;}
.vr_form .vr_photo .img_list {overflow:hidden; margin-right: -20px;}
.vr_form .vr_photo .img_list li {display: inline-block; width: 20%; float:left; overflow:hidden; padding-top: 0 !important;}
.vr_form .vr_photo .img_list .btn_add {width: calc(100% - 20px); width: -webkit-calc(100% - 20px); width: -moz-calc(100% - 20px); height: 85px; font-size:0px; background:#fff url('../images/iamhome/photo_add.png') center 35px no-repeat;}
.vr_form .vr_photo .img_list .btn_add img {width:100%;}

.vr_form .vr_photo .img {position:relative; overflow:hidden; margin-right: 20px;}
.vr_form .vr_photo .img .btn_photo_box {box-sizing:border-box; position:absolute; left:0; top:0; width:100%; height:100%; z-index:3}
.vr_form .vr_photo .img .input_photo {color:transparent; background:transparent; position:absolute; left:0; top:0; width:100%; z-index:555; visibility:hidden;}
.vr_form .vr_photo .img .img_preview {width:85px !important;}
.vr_form .vr_photo .img .thumb {box-sizing:border-box; display:block; position:relative; overflow:hidden; width:100%; height:85px;}
.vr_form .vr_photo .img .thumb {background:#fff url('../images/iamhome/no_photo.png') center center no-repeat;}
.vr_form .vr_photo .img .thumb img {width:100%; float:left; width:85px; height:85px;}
.vr_form .vr_photo .img .thumb .before {position:absolute; left:0; top:50%; text-align:center; width:100%; font-size:30px; color:#ccc; margin-top:-15px; z-index:1}
.vr_form .vr_photo .img .photo_box {overflow:hidden; font-size:0px; position:absolute; left:0; top:0; z-index:2; width: 100%;}
.vr_form .vr_photo .img .photo_box img {width:100% !important; float:left;}
.vr_form .vr_photo .img .img_del {position:absolute; right:0; top:0; width:17px; height:17px; background: transparent url('../images/iamhome/delete.png') center center no-repeat; display:none; z-index:10}
.vr_form .vr_photo .img:hover .img_del {display:block;}

.vr_form .tip {position: absolute; bottom: -23px; right: 0; font-size: 13px; color: #aaa; text-align: right; letter-spacing: -0.5px;}









/* ********************************************** *
 * 브랜드소개
 * ********************************************** */
.brand {}
.brand li {list-style: none;}

.brand .br_visual {width: 100%; height: 700px; position: relative; margin-top: -15px;}
.brand .br_visual .visual_box {position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: transparent url("../images/iamhome/brand_visual.jpg") center center no-repeat; z-index: -1;}
.brand .br_visual .visual_box {transition: all 10s ease-out; -webkit-transition: all 10s ease-out;}

.brand .br_visual.motion_brand0 .visual_box {background-position:center -570px;}

.brand .br_visual .visual_tx {padding-top: 212px;}
.brand .br_visual .en {font-family: "Campton"; font-size: 80px; color: #fff; letter-spacing: -1.2px; line-height: 75px; margin-left: -4px;}
.brand .br_visual .en_1 {font-weight: 600;}
.brand .br_visual .en_2 {font-weight: 300; margin-top: 5px;}
.brand .br_visual .kr {font-size: 40px; color: #fff; font-weight: 500; letter-spacing: -2.3px; margin-top: 70px;}

.brand .br_visual .en_1 {animation: en_1 1.5s ease; -webkit-animation: en_1 1.5s ease; animation-fill-mode:forwards; -webkit-animation-fill-mode:forwards}
.brand .br_visual .en_1 {transform:translate(0,-50px); -webkit-transform:translate(0,-50px); opacity: 0; filter: alpha(opacity=0); -ms-filter:alpha(opacity=0);}

.brand .br_visual .en_2 {animation: en_1 1.5s ease; -webkit-animation: en_1 1.5s ease; animation-fill-mode:forwards; -webkit-animation-fill-mode:forwards}
.brand .br_visual .en_2 {transform:translate(0,-50px); -webkit-transform:translate(0,-50px); opacity: 0; filter: alpha(opacity=0); -ms-filter:alpha(opacity=0);}
.brand .br_visual .en_2 {animation-delay:0.3s; -webkit-animation-delay:0.3s; }

@-webkit-keyframes en_1 {
    from {transform:translate(0,50px); -webkit-transform:translate(0,50px); opacity: 0; filter: alpha(opacity=0); -ms-filter:alpha(opacity=0);}
    to {transform:translate(0,0); -webkit-transform:translate(0,0); opacity: 1; filter: alpha(opacity=100); -ms-filter:alpha(opacity=100);}
}
@keyframes en_1 {
    from {transform:translate(0,50px); -webkit-transform:translate(0,50px); opacity: 0; filter: alpha(opacity=0); -ms-filter:alpha(opacity=0);}
    to {transform:translate(0,0); -webkit-transform:translate(0,0); opacity: 1; filter: alpha(opacity=100); -ms-filter:alpha(opacity=100);}
}

.brand .br_visual .kr {animation: kr 1.5s ease; -webkit-animation: kr 1.5s ease; animation-fill-mode:forwards; -webkit-animation-fill-mode:forwards}
.brand .br_visual .kr {transform:translate(0,-30px); -webkit-transform:translate(0,-30px); opacity: 0; filter: alpha(opacity=0); -ms-filter:alpha(opacity=0);}
.brand .br_visual .kr {animation-delay:0.7s; -webkit-animation-delay:0.7s; }

@-webkit-keyframes kr {
    from {transform:translate(0,-30px); -webkit-transform:translate(0,-30px); opacity: 0; filter: alpha(opacity=0); -ms-filter:alpha(opacity=0);}
    to {transform:translate(0,0); -webkit-transform:translate(0,0); opacity: 1; filter: alpha(opacity=100); -ms-filter:alpha(opacity=100);}
}
@keyframes kr {
    from {transform:translate(0,-30px); -webkit-transform:translate(0,-30px); opacity: 0; filter: alpha(opacity=0); -ms-filter:alpha(opacity=0);}
    to {transform:translate(0,0); -webkit-transform:translate(0,0); opacity: 1; filter: alpha(opacity=100); -ms-filter:alpha(opacity=100);}
}


.brand .br_ct {margin-top: 103px;}
.brand .br_ct .tx {font-size: 31px; letter-spacing: -2.15px; color: #000; line-height: 36px; word-break: keep-all;}
.brand .br_ct .tx+ .tx {margin-top: 26px; }

.brand .br_ct.motion_brand1 .tx_1 {animation: tx_1 1.5s ease; -webkit-animation: tx_1 1.5s ease; animation-fill-mode:forwards; -webkit-animation-fill-mode:forwards}
.brand .br_ct .tx_1 {transform:translate(-30px,0); -webkit-transform:translate(-30px,0); opacity: 0; filter: alpha(opacity=0); -ms-filter:alpha(opacity=0);}

.brand .br_ct.motion_brand1 .tx_2 {animation: tx_1 1.5s ease; -webkit-animation: tx_1 1.5s ease; animation-fill-mode:forwards; -webkit-animation-fill-mode:forwards}
.brand .br_ct .tx_2 {transform:translate(-30px,0); -webkit-transform:translate(-30px,0); opacity: 0; filter: alpha(opacity=0); -ms-filter:alpha(opacity=0);}
.brand .br_ct.motion_brand1 .tx_2 {animation-delay:0.3s; -webkit-animation-delay:0.3s; }

.brand .br_ct.motion_brand1 .tx_3 {animation: tx_1 1.5s ease; -webkit-animation: tx_1 1.5s ease; animation-fill-mode:forwards; -webkit-animation-fill-mode:forwards}
.brand .br_ct .tx_3 {transform:translate(-30px,0); -webkit-transform:translate(-30px,0); opacity: 0; filter: alpha(opacity=0); -ms-filter:alpha(opacity=0);}
.brand .br_ct.motion_brand1 .tx_3 {animation-delay:0.6s; -webkit-animation-delay:0.6s; }


@-webkit-keyframes tx_1 {
    from {transform:translate(-30px,0); -webkit-transform:translate(-30px,0); opacity: 0; filter: alpha(opacity=0); -ms-filter:alpha(opacity=0);}
    to {transform:translate(0,0); -webkit-transform:translate(0,0); opacity: 1; filter: alpha(opacity=100); -ms-filter:alpha(opacity=100);}
}
@keyframes tx_1 {
    from {transform:translate(-30px,0); -webkit-transform:translate(-30px,0); opacity: 0; filter: alpha(opacity=0); -ms-filter:alpha(opacity=0);}
    to {transform:translate(0,0); -webkit-transform:translate(0,0); opacity: 1; filter: alpha(opacity=100); -ms-filter:alpha(opacity=100);}
}



.brand .br_bt {margin-top: 245px; text-align: center;}
.brand .br_bt .txt_box {position:relative; display:inline-block;}
.brand .br_bt .tit {font-size: 31px; letter-spacing: -2px; color: #000; font-weight: 600; height:60px; overflow:hidden;}
.brand .br_bt .tit strong {display:block; line-height: 60px; }
.brand .br_bt .tx {font-size: 24px; letter-spacing: -0.6px; color: #000; line-height: 35px;  overflow:hidden; }
.brand .br_bt .tx1 {padding-top:25px;}
.brand .br_bt .tx strong {display:block; }
.brand .br_bt .line {background:#000; position:absolute; left:0; top:60px; height:1px; width:100%; z-index:1; display:none;}

.brand .br_bt.motion_brand2 .line {animation: line 2s ease; -webkit-animation: line 2s ease; animation-fill-mode:forwards; -webkit-animation-fill-mode:forwards}
.brand .br_bt .line {transform:scale(0,1); -webkit-transform:scale(0,1); transform-origin:left}

.brand .br_bt.motion_brand2 .tit strong {animation: tit 2s ease; -webkit-animation: tit 2s ease; animation-fill-mode:forwards; -webkit-animation-fill-mode:forwards}
.brand .br_bt .tit strong {transform:translate(0,60px); -webkit-transform:translate(0,60px);}

.brand .br_bt.motion_brand2 .tx1 strong {animation: tx1 2s ease; -webkit-animation: tx1 2s ease; animation-fill-mode:forwards; -webkit-animation-fill-mode:forwards}
.brand .br_bt .tx1 strong {transform:translate(0,-70px); -webkit-transform:translate(0,-70px);}
.brand .br_bt.motion_brand2 .tx1 strong {animation-delay:0.4s; -webkit-animation-delay:0.4s; }

.brand .br_bt.motion_brand2 .tx2 strong {animation: tx2 1.5s ease; -webkit-animation: tx2 1.5s ease; animation-fill-mode:forwards; -webkit-animation-fill-mode:forwards}
.brand .br_bt .tx2 strong {transform:translate(0,-35px); -webkit-transform:translate(0,-35px);}
.brand .br_bt.motion_brand2 .tx2 strong {animation-delay:1s; -webkit-animation-delay:1s; }



@-webkit-keyframes line {
    0% {transform:scale(0,1); -webkit-transform:scale(0,1);}
    50% {transform:scale(1,1); -webkit-transform:scale(1,1); }
	100% {transform:scale(0,1); -webkit-transform:scale(0,1); transform-origin:right }
}
@keyframes line {
    0% {transform:scale(0,1); -webkit-transform:scale(0,1);}
    50% {transform:scale(1,1); -webkit-transform:scale(1,1); }
	100% {transform:scale(0,1); -webkit-transform:scale(0,1); transform-origin:right }
}

@-webkit-keyframes tit {
    from {transform:translate(0,60px); -webkit-transform:translate(0,60px);}
    to {transform:translate(0,0); -webkit-transform:translate(0,0);}
}
@keyframes tit {
    from {transform:translate(0,60px); -webkit-transform:translate(0,60px);}
    to {transform:translate(0,0); -webkit-transform:translate(0,0);}
}

@-webkit-keyframes tx1 {
    from {transform:translate(0,-70px); -webkit-transform:translate(0,-70px);}
    to {transform:translate(0,0); -webkit-transform:translate(0,0);}
}
@keyframes tx1 {
    from {transform:translate(0,-70px); -webkit-transform:translate(0,-70px);}
    to {transform:translate(0,0); -webkit-transform:translate(0,0);}
}


@-webkit-keyframes tx2 {
    from {transform:translate(0,-35px); -webkit-transform:translate(0,-35px);}
    to {transform:translate(0,0); -webkit-transform:translate(0,0);}
}
@keyframes tx2 {
    from {transform:translate(0,-35px); -webkit-transform:translate(0,-35px);}
    to {transform:translate(0,0); -webkit-transform:translate(0,0);}
}


.brand .br_bt .img_box {margin-top: 100px;}
.brand .br_bt .img_box ul {overflow: hidden; margin-left: -20px;}
.brand .br_bt .img_box li {float: left; width: 50%;}
.brand .br_bt .img {position: relative; overflow: hidden; margin-left: 20px; font-size:0px;}
.brand .br_bt .img:before {content:""; width:100%; height:105%; position:absolute; left:0; background:#fff; z-index:1}
.brand .br_bt .img img {width: 100%;}
.brand .br_bt .img.img_1:before {top:0}
.brand .br_bt .img.img_2:before {bottom:0}


.brand .br_bt.motion_brand2 .img_1:before {animation: imgs 3s ease; -webkit-animation: imgs 3s ease; animation-fill-mode:forwards; -webkit-animation-fill-mode:forwards}
.brand .br_bt .img_1:before {transform:scale(1,1); -webkit-transform:scale(1,1); transform-origin:bottom}
.brand .br_bt.motion_brand2 .img_1:before {animation-delay:0.5s; -webkit-animation-delay:0.5s; }

.brand .br_bt.motion_brand2 .img_1 img {animation: imgv1 3s ease; -webkit-animation: imgv1 3s ease; animation-fill-mode:forwards; -webkit-animation-fill-mode:forwards}
.brand .br_bt .img_1 img {transform:translate(0,-150px); -webkit-transform:translate(0,-150px);}
.brand .br_bt.motion_brand2 img {animation-delay:1s; -webkit-animation-delay:1s; }

.brand .br_bt.motion_brand2 .img_2:before {animation: imgs 3s ease; -webkit-animation: imgs 3s ease; animation-fill-mode:forwards; -webkit-animation-fill-mode:forwards}
.brand .br_bt .img_2:before {transform:scale(1,1); -webkit-transform:scale(1,1); transform-origin:top}
.brand .br_bt.motion_brand2 .img_2:before {animation-delay:1s; -webkit-animation-delay:1s; }

.brand .br_bt.motion_brand2 .img_2 img {animation: imgv2 3s ease; -webkit-animation: imgv2 3s ease; animation-fill-mode:forwards; -webkit-animation-fill-mode:forwards}
.brand .br_bt .img_2 img {transform:translate(0,150px); -webkit-transform:translate(0,150px);}
.brand .br_bt.motion_brand2 img {animation-delay:1.2s; -webkit-animation-delay:1.2s; }



@-webkit-keyframes imgs {
    from {transform:scale(1,1); -webkit-transform:scale(1,1);}
    to {transform:scale(1,0); -webkit-transform:scale(1,0);}
}
@keyframes imgs {
    from {transform:scale(1,1); -webkit-transform:scale(1,1);}
    to {transform:scale(1,0); -webkit-transform:scale(1,0);}
}

@-webkit-keyframes imgv1 {
    from {transform:translate(0,-150px); -webkit-transform:translate(0,-150px);}
    to {transform:translate(0,0); -webkit-transform:translate(0,0);}
}
@keyframes imgv1 {
   from {transform:translate(0,-150px); -webkit-transform:translate(0,-150px);}
    to {transform:translate(0,0); -webkit-transform:translate(0,0);}
}

@-webkit-keyframes imgv2 {
    from {transform:translate(0,150px); -webkit-transform:translate(0,150px);}
    to {transform:translate(0,0); -webkit-transform:translate(0,0);}
}
@keyframes imgv2 {
   from {transform:translate(0,150px); -webkit-transform:translate(0,150px);}
    to {transform:translate(0,0); -webkit-transform:translate(0,0);}
}



/* 마이페이지 타이틀 */
.c_mypage .c_group_tit {display: block;}




/* 2021-08-27 1:1문의 요청변경 */
.ma_visual .side .visual_box {position:relative;}
.ma_visual .visual_text:hover  .vs_btn {background:#000; color:#fff;}




/* 2022-02-15 메인비주얼 풀화면으로 변경 */
.ma_visual.if_full {}
.ma_visual.if_full .vs_box {display:block;}
.ma_visual.if_full .side {display:none;}
.ma_visual.if_full .big {width:100% !important; display:block;}
.ma_visual.if_full .big .rolling_icon {width:100%; right:0}
.ma_visual.if_full .big .rolling_icon ul {display:flex; justify-content: center; align-items: center; flex-direction:row}





/* 2022-09-28 KHY : 상세 썸네일 10개로 변경 */
.view_photo .rolling_thumb ul {display: flex; flex-direction: row; justify-content: center; align-items: center; margin: 0 -5px;}
.view_photo .rolling_thumb li {float: none; width: 10%; height: auto; display: flex; flex-direction: row; justify-content: center; align-items: center;}
.view_photo .rolling_thumb li {padding: 0 5px; box-sizing: border-box; margin-left: 0; flex: none;}
.view_photo .rolling_thumb li.hit {border: 0;}
.view_photo .rolling_thumb li.hit a {border: 1px solid #000; box-sizing: border-box;}



/* 2022-12-06 ARA 썸네일 자유롭게 */
.item_box .thumb .fake_img {display:none;}
.item_box .thumb .real_img {position:static; height:auto;}
.c_wish_list .wish_box .fake_img {display:none;}
.c_wish_list .wish_box .real_img {position:static; height:auto;}