/* BASIC css start */
@font-face {
    font-family: Zandes-Black;
    font-style: normal;
    src: url(/design/zumbak/wear/Zandes-Black.otf) format('opentype');
}
@font-face {
    font-family: Zandes-Bold';
    font-style: normal;
    src: url(/design/zumbak/wear/Zandes-Bold.otf) format('opentype');
}
@font-face {
    font-family: Zandes-Book;
    font-style: normal;
    src: url(/design/zumbak/wear/Zandes-Book.otf) format('opentype');
}
@font-face {
    font-family: Zandes-ExtraBold;
    font-style: normal;
    src: url(/design/zumbak/wear/Zandes-ExtraBold.otf) format('opentype');
}
@font-face {
    font-family: Zandes-ExtraLight;
    font-style: normal;
    src: url(/design/zumbak/wear/Zandes-ExtraLight.otf) format('opentype');
}
@font-face {
    font-family: Zandes-Light; 
    font-style: normal;
    src: url(/design/zumbak/wear/Zandes-Light.eot) ;
    src: url(/design/zumbak/wear/Zandes-Light.woff2) format('woff2'),
         url(/design/zumbak/wear/Zandes-Light.woff) format('woff'),
         url(/design/zumbak/wear/Zandes-Light.ttf) format('truetype');

}
@font-face {
    font-family: Zandes-Medium;
    font-style: normal;
    src: url(/design/zumbak/wear/Zandes-Medium.otf) format('opentype');
}
@font-face {
    font-family: Zandes-Regular;
    font-style: normal;
    src: url(/design/zumbak/wear/Zandes-Regular.eot) ;
    src: url(/design/zumbak/wear/Zandes-Regular.woff2) format('woff2'),
            (/design/zumbak/wear/Zandes-Regular.woff) format('woff'),
            (/design/zumbak/wear/Zandes-Regular.ttf) format('truetype');
}
@font-face {
    font-family: Zandes-SemiBold;
    font-style: normal;
    src: url(/design/zumbak/wear/Zandes-SemiBold.otf) format('opentype');
}
@font-face {
    font-family: Zandes-Thin;
    font-style: normal;
    src: url(/design/zumbak/wear/Zandes-Thin.otf) format('opentype');
}


#main .visual { zoom: 1; overflow: hidden; margin-bottom: 10px; }
#main .visual:after { content: ""; display: block; clear: both; }
#main .visual .symbol { float: left; }
#main .visual .notice { float: right; }
#main .visual .symbol { width: 620px; }
#main .visual .notice { width: 200px; }
#main .visual .notice dl { text-align: right; }
#main .visual .notice dt { margin-top: 60px; margin-bottom: 20px; }
#main .visual .notice .notice-list li { margin-bottom: 5px; }
#main .visual .notice .notice-deco { width: 200px; height: 60px; background: url(/images/d3/the_bloom/main_ntc_evt_bullit.gif) no-repeat 146px 20px; }
#main .main-banner, 
#main .move-banner, 
#main .headline-banner,
#main .step-banner { margin-bottom: 10px; }


#mimBig {   background: url(/design/zumbak/top/top_bg.gif) repeat-x 0 0; margin: 0px 0 0px 0;   }

/* Main textbos   메인 롤링 이미지 위에 */
.mtextbox { width: 100%; position: absolute; 
            margin: 0 auto; text-align: center; 
            top: 50%; left: 50%; transform: translate(-50%, -50%);
}
.mtextbox2 { width: 100%; position: absolute; 
            margin: 0 auto; text-align: right; 
            top: 50%; left: 50%; transform: translate(-50%, -50%);
}
.mtextboxLEFT { width: 100%; position: absolute; 
            margin: 0 auto; text-align: left; 
            top: 50%; left: 50%; transform: translate(-50%, -50%);
}
.mtextboxRIGHT { width: 100%; position: absolute; 
            margin: 0 auto; text-align: right; 
            top: 50%; left: 50%; transform: translate(-50%, -20%);
}
.mtextboxRIGHT-1step { width: 100%; position: absolute; 
            margin: 0 auto; text-align: right; 
            /*padding-top: 20%;*/
            top: 50%; left: 50%; transform: translate(-50%, -50%);
}
.mtextboxCENTER { width: 100%; position: absolute; 
            margin: 0 auto; text-align: center; 
            top: 50%; left: 50%; transform: translate(-50%, -50%);
}

/* 2020 06 16 롤링 메인 배너*/
* {box-sizing: border-box}
body {font-family: Verdana, sans-serif; margin:0}
.mySlides {display: none; width; 100%;}
img {vertical-align: middle;}


/* Next & previous buttons  롤링 이미지 위에 좌우로 앞으로 뒤고 저기 앞으로 또는 뒤고 가기 버튼 */
.prev, .next {
  cursor: pointer;
  position: absolute;
  top: 50%;
  width: auto;
  padding: 16px;
  margin-top: -22px;
  color: #FFF;
  font-weight: bold;
  font-size: 25px;
  transition: 0.6s ease;
  border-radius: 0 3px 3px 0;
}

/* Position the "next button" to the right */
.next {
  right: 0;
  border-radius: 3px 0 0 3px;
}

/* On hover, add a black background color with a little bit see-through */
.prev:hover, .next:hover {
  background-color: rgba(0,0,0,0.8);
}

/* Caption text */
.text {color: #222222; position: absolute; font-size: 15px; width: 100%; text-align: center; top:50%; left:50%; transform: translate(-50%, -50%); padding: 0; margin: 0;}

/*Main Rolling Img Text */ 
.text_big {color: #222222; font-size: 47px; font-weight: 800; word-break: keep-all;  width: 100%; text-align: center; padding: 0; margin: 0;}

.text_manisub {color: #292929; font-size: 23px; text-align: center; word-break: keep-all; font-weight: lighter; padding: 0; margin: -10px 0 10px 0;}  /* font-style: oblique 이탤릭 스타일 2020 11 09*/

.roll_show_bu {cursor: pointer; background-color: #D43261; color: #FFFFFF; font-size: 16px; padding: 17px 32px; text-align: center; vertical-align: middle; border-radius: 5px 5px 5px 5px;}
.roll_show_bu a {font-size: 16px; font-weight: bold; color: #FFFFFF;}

/*  핑크 바탕 - White text */
.roll_show_PINK_bu { display: block; font-size: .9375rem; font-style: nomal; width: 150px; margin: 10px auto 0; padding: .57em 2rem .77em; /*1rem 2rem .77em;*/ text-transform: uppercase;
                    cursor: pointer; background-color: #D43361; color: #FFFFFF; border-radius: .2em; } /*height: 57px;*/ 
.roll_show_PINK_bu a { font-size: .9375rem; font-weight: bold; color: #FFFFFF; }


/*  블랙 바탕 - White text  (우측 - 블랙 (롱) 버튼) */
.roll_show_BLACK_bu { display: block; font-size: 1.0875rem/*.9375rem*/; font-style: nomal; 
                      width: 280px; margin: 10px auto 0; padding: .77em 1.35rem .77em;
                      cursor: pointer; background-color:  #000000 /* #2B2A2F */; color: #FFFFFF; /*border-radius: .2em;*/ }
.roll_show_BLACK_bu a {  font-size: 1.0875rem; font-weight: bold; color: #FFFFFF; }


/*  (메인 위 - SHOP 버튼) 블랙 바탕(CENTER 위치) - White text (버튼 사이즈 가로로 길게)  */
.roll_show_BLACK-LONG_bu { display: block; font-size: 1.0875rem/*.9375rem*/; font-style: nomal; 
                           width: 280px; margin: 10px auto 0; padding: .77em 1.35rem .77em;
                           text-align: center; cursor: pointer; 
                           background-color:  #000000; /* #2B2A2F */ color: #FFFFFF; /*border-radius: .2em;*/ }
.roll_show_BLACK-LONG_bu a {  font-size: 1.0875rem; font-weight: bold; color: #FFFFFF; }


/*  (메인 위 - SHOP 라운딩  블랙 바탕(CENTER 위치) - White text (버튼 사이즈 가로로 길게)  */
.roll_show_BLACK-ROUND-Long_bu{ display: block; font-size: 0.8975rem/*.9375rem*/; font-style: nomal; 
                                width: 217px; margin: 12px auto 0; padding: .47em 1.35rem .47em;
                                text-align: center; cursor: pointer; border-radius: 7px;
                                 background-color:  #000000; /* #2B2A2F */ color: #FFFFFF; /*border-radius: .2em;*/ }
.roll_show_BLACK-ROUND-Long_bu a {  font-size: 0.8975rem; font-weight: bold; color: #FFFFFF; }


/*  (메인 위 - SHOP 버튼) 블랙 바탕 (LEFT 위치) - White text (버튼 사이즈 가로로 길게)  */
.roll_show_BLACK-left-LONG_bu { display: block; font-size: 1.0875rem/*.9375rem*/; font-style: nomal; 
                           width: 280px; margin: 10px auto 0; padding: .77em 1.35rem .77em;
                           text-align: left; cursor: pointer; 
                           background-color:  #000000; /* #2B2A2F */ color: #FFFFFF; /*border-radius: .2em;*/ }
.roll_show_BLACK-left-LONG_bu a {  font-size: 1.0875rem; font-weight: bold; color: #FFFFFF; }


/*  (메인 위 - SHOP 버튼) 블랙 바탕(RIGHT 위치) - White text (버튼 사이즈 가로로 길게)  */
.roll_show_BLACK-right-LONG_bu { display: block; font-size: 1.0875rem/*.9375rem*/; font-style: nomal; 
                           width: 380px; margin: 10px auto 0; padding: .77em 1.35rem .77em;
                           text-align: right; cursor: pointer; 
                           background-color:  #000000; /* #2B2A2F */ color: #FFFFFF; /*border-radius: .2em;*/ }
.roll_show_BLACK-right-LONG_bu a {  font-size: 1.0875rem; font-weight: bold; color: #FFFFFF; }


/*  (메인 위 - SHOP 버튼) 블랙 바탕(CENTER 위치 - 왼쪽 위치) - White text (버튼 사이즈 가로로 길게)  */
.roll_show_L-BLACK-LONG_bu { display: block; font-size: 1.0875rem/*.9375rem*/; font-style: nomal; 
                           width: 280px; margin: 10px 0 0; padding: .77em 1.35rem .77em;
                           text-align: center; cursor: pointer; 
                           background-color:  #000000; /* #2B2A2F */ color: #FFFFFF; /*border-radius: .2em;*/ }
.roll_show_L-BLACK-LONG_bu a {  font-size: 1.0875rem; font-weight: bold; color: #FFFFFF; }


/*  (메인 위 - SHOP 버튼) 블랙 바탕 (CENTER 위치 - 왼쪽 위치) - Yellow text (버튼 사이즈 가로로 길게)  */
.roll_show_L-BLACKyellow-LONG_bu { display: block; font-size: 1.0875rem/*.9375rem*/; font-style: nomal; 
                           width: 280px; margin: 10px 0 0; padding: .77em 1.35rem .77em;
                           text-align: center; cursor: pointer; 
                           background-color:  #000000; /* #2B2A2F */ color: yellow; /*border-radius: .2em;*/ }
.roll_show_L-BLACKyellow-LONG_bu a {  font-size: 1.0875rem; font-weight: bold; color: yellow; }


/*  (메인 위 - SHOP 버튼) 화이트 바탕(CENTER 위치) - White text (버튼 사이즈 가로로 길게)  */
.roll_show_C-WHITE-LONG_bu { display: block; font-size: 1.0875rem/*.9375rem*/; font-style: nomal; 
                           width: 280px; margin: 10px auto 0; padding: .77em 1.35rem .77em;
                           text-align: center; cursor: pointer; 
                           background-color:  #FFFFFF; color: #000000; /*border-radius: .2em;*/ }
.roll_show_C-WHITE-LONG_bu a {  font-size: 1.0875rem; font-weight: bold; color: #000000; }


/*  (메인 위 - SHOP 라운딩 버튼) 화이트 바탕(CENTER 위치) - White text (버튼 사이즈 가로로 길게)  */
.roll_show_C-WHITE-ROUND-LONG_bu { display: block; font-size: 0.7575rem/*.9375rem*/; font-style: nomal; 
                           width: 117px; margin: 12px auto 0; padding: .77em 1.35rem;
                           text-align: center; cursor: pointer; border-radius: 7px; 
                           background-color:  #FFFFFF; color: #000000; /*border-radius: .2em;*/ }
.roll_show_C-WHITE-ROUND-LONG_bu a {  font-size: 0.7575rem; font-weight: bold; color: #000000; }


/*  (메인 위 - SHOP NOW 라운딩 버튼)  짧은 블랙 바탕(CENTER 위치) - White text (버튼 사이즈 가로로 길게)  */
.roll_show_C-BLACK-ROUND-LONG_bu { display: block; font-size: 0.7575rem/*.9375rem*/; font-style: nomal; 
                           width: 117px; margin: 12px auto 0; padding: .77em 1.35rem;
                           text-align: center; cursor: pointer; border-radius: 7px; 
                           background-color:  #000000; color: #FFFFFF; /*border-radius: .2em;*/ }
.roll_show_C-BLACK-ROUND-LONG_bu a {  font-size: 0.7575rem; font-weight: bold; color: #FFFFFF; }


/*  (메인 위 - SHOP 라운딩 짧은 버튼) 화이트 바탕(CENTER 위치) - White text (버튼 사이즈 가로로 길게)  */
.roll_show_C-WHITE-ROUND_bu { display: block; font-size: 0.7575rem/*.9375rem*/; font-style: nomal; 
                           width: 110px; margin: 12px auto 0; padding: 0.6875em 0.575em;
                           text-align: center; cursor: pointer; border-radius: 7px; 
                           background-color:  #FFFFFF; color: #000000; /*border-radius: .2em;*/ }
.roll_show_C-WHITE-ROUND_bu a {  font-size: 0.7575rem; font-weight: bold; color: #000000; }


/*  (메인 위 - SHOP 라운딩  화이트 바탕(LEFT 왼쪽 위치) - White text (버튼 사이즈 가로로 길게)  */
.roll_show_L-WHITE-ROUND-LONG_bu3 { display: block; font-size: 0.7575rem/*.9375rem*/; font-style: nomal; 
                           width: 187px; margin: 10px 0 0; padding: .67em 1.05rem;
                           text-align: center; cursor: pointer; border-radius: 7px; 
                           background-color:  #FFFFFF; color: #000000; /*border-radius: .2em;*/ }
.roll_show_L-WHITE-ROUND-LONG_bu3 a {  font-size: 0.7575rem; font-weight: bold; color: #000000; }


/*  (메인 위 - SHOP THE COLLECTION 라운딩  화이트 바탕(RIGHT 오른쪽 위치) - White text (버튼 사이즈 가로로 길게)   margin: 10px auto 0; padding: .77em 1.35rem .77em; */
.roll_show_R-WHITE-ROUND-LONG_bu3 { display: block; font-size: 0.7575rem/*.9375rem*/; font-style: nomal; 
                           width: 187px; margin: 10px auto 0; padding: .67em 1.05rem;
                           text-align: center; cursor: pointer; border-radius: 7px; 
                           background-color:  #FFFFFF; color: #000000; /*border-radius: .2em;*/ }
.roll_show_R-WHITE-ROUND-LONG_bu3 a {  font-size: 0.7575rem; font-weight: bold; color: #000000; }


/*  (메인 위 - SHOP THE COLLECTION 라운딩  블랙 바탕(RIGHT 오른쪽 위치) - White text (버튼 사이즈 가로로 길게)   margin: 10px auto 0; padding: .77em 1.35rem .77em; */
.roll_show_R-BLACK-ROUND-LONG_bu3 { display: block; font-size: 0.7575rem/*.9375rem*/; font-style: nomal; 
                           width: 187px; margin: 10px auto 0; padding: .67em 1.05rem;
                           text-align: center; cursor: pointer; border-radius: 7px; 
                           background-color:  #000000; color: #000000; /*border-radius: .2em;*/ }
.roll_show_R-BLACK-ROUND-LONG_bu3 a {  font-size: 0.7575rem; font-weight: bold; color: #FFFFFF; }


/*  (메인 위 - SHOP THE COLLECTION 라운딩  블랙 바탕(LEFT 왼쪽 위치) - White text (버튼 사이즈 가로로 길게)  */
.roll_show_L-BLACK-ROUND-LONG_bu3 { display: block; font-size: 0.7575rem/*.9375rem*/; font-style: nomal; 
                           width: 187px; margin: 10px 0 0; padding: .67em 1.05rem;
                           text-align: center; cursor: pointer; border-radius: 7px; 
                           background-color:  #000000; color: #000000; /*border-radius: .2em;*/ }
.roll_show_L-BLACK-ROUND-LONG_bu3 a {  font-size: 0.7575rem; font-weight: bold; color: #FFFFFF; }

 
/*  (메인 위 - SHOP THE COLLECTION 라운딩  화이트 바탕(CENTER 위치) - White text (버튼 사이즈 가로로 길게)  */
.roll_show_C-WHITE-ROUND-LONG_bu3 { display: block; font-size: 0.7575rem/*.9375rem*/; font-style: nomal; 
                           width: 187px; margin: 12px auto 0; padding: .77em 1.35rem;
                           text-align: center; cursor: pointer; border-radius: 7px; 
                           background-color:  #FFFFFF; color: #000000; /*border-radius: .2em;*/ }
.roll_show_C-WHITE-ROUND-LONG_bu3 a {  font-size: 0.7575rem; font-weight: bold; color: #000000; } 


/*  (메인 위 - SHOP THE COLLECTION 라운딩 블랙 바탕(CENTER 위치) - White text (버튼 사이즈 가로로 길게)  */
.roll_show_C-BLACK-ROUND-LONG_bu3 { display: block; font-size: 0.7575rem/*.9375rem*/; font-style: nomal; 
                           width: 187px; margin: 12px auto 0; padding: .77em 1.35rem;
                           text-align: center; cursor: pointer; border-radius: 7px; 
                           background-color:  #000000; color: #FFFFFF; /*border-radius: .2em;*/ }
.roll_show_C-BLACK-ROUND-LONG_bu3 a {  font-size: 0.7575rem; font-weight: bold; color: #FFFFFF; }


/*  (메인 위 - SHOP 버튼) 화이트 바탕(LEFT 위치) - Black text (버튼 사이즈 가로로 길게)  */
.roll_show_WHITE-LONG_bu { display: block; font-size: 1.0875rem/*.9375rem*/; font-style: nomal; 
                           width: 280px; margin: 10px 0 0; padding: .77em 1.35rem .77em;
                           text-align: center; cursor: pointer; 
                           background-color:  #FFFFFF; /* #2B2A2F */ color: #000000; /*border-radius: .2em;*/ }
.roll_show_WHITE-LONG_bu a {  font-size: 1.0875rem; font-weight: bold; color: #000000; }


/*  화이트 바탕 - Black text  (우측 - 화이트 (롱) 버튼) */
.roll_show_White_RLONG_bu { display: block; font-size: 1.0875rem/*.9375rem*/; font-style: nomal; 
                      width: 280px; margin: 10px auto 0; padding: .77em 1.35rem .77em;
                      cursor: pointer; background-color:  #FFF /* #2B2A2F */; color: #000000; /*border-radius: .2em;*/ }
.roll_show_White_RLONG_bu a {  font-size: 1.0875rem; font-weight: bold; color: #000; }


/*  블랙 바탕 (오른) - White text */
.roll_show_BLACK_R_bu { display: block; font-size: 1.0875rem; font-style: nomal; width: 150px; margin: 10px auto 0; padding: .77em 1.35rem .77em;
                         cursor: pointer; background-color:  #000000 /* #2B2A2F */; color: #FFFFFF; /*border-radius: .2em;*/ text-align: right; }
.roll_show_BLACK_R_bu a {  font-size: 1.0875rem; font-weight: 700; color: #FFFFFF; }


/*  화이트 바탕 -  블랙 text */
.roll_show_WHITE_bu { display: block; font-size: 1.0875rem; font-style: nomal; width: 180px; margin: 10px auto 0; padding: .77em .955em .77em;
                      cursor: pointer; background-color: #FFFFFF; color: /* #EF4A48E */black; border-radius: .2em; }
.roll_show_WHITE_bu a {  font-size: 1.0875rem; font-weight: bold; color: /* #EF4A48 */#000; }

/*  화이트 바탕 -  블랙 text */
.roll_show_WHITE3_bu { display: block; font-size: .9375rem; font-style: nomal; width: 180px; margin: 10px auto 0; padding: .77em 1.35rem;
                      cursor: pointer; background-color: #FFFFFF; border: 1px solid #CDCDCD; text-shadow: -1px 0 black, 0 1px black, 1px 0 balck, 0 -1px black;
                      color: #000000; border-radius: .2em; text-align: center;}
.roll_show_WHITE3_bu a {  font-size: .9375rem; font-weight: bold; color: #000; }


/*  (우측) 블랙 바탕 -  화이트 text */
.roll_show_BLACK3_bu { display: block; font-size: .9375rem; font-style: nomal; width: 180px; margin: 10px auto 0; padding: .77em 1.35rem;
                      cursor: pointer; background-color: #000000; border: 1px solid #CDCDCD; text-shadow: -1px 0 black, 0 1px black, 1px 0 balck, 0 -1px black;
                      color: #FFFFFF; border-radius: .2em; text-align: center;}
.roll_show_BLACK3_bu a {  font-size: .9375rem; font-weight: bold; color: #FFF; }


/*  화이트 바탕 (왼쪽) -  블랙 text */
.roll_show_WHITE_LEFT_bu { display: block; font-size: 1.0875rem; font-style: nomal; width: 150px; margin: 10px auto 0; padding: .77em 1.35rem .77em;
                           cursor: pointer; background-color: #FFFFFF;  color: /* #EF4A48E */black; /*border-radius: .2em;*/ text-align: left; }
.roll_show_WHITE_LEFT_bu a {  font-size: 1.0875rem; font-weight: 700; color: /* #EF4A48 */#000; }


/*  cursor: pointer; position: relative;  background-color: #000000; opacity: 0.1;   */
/*   top: 15%; text-align: center; width: 400px; height: 100px; font-size: 200px; line-height:100%; letter-spacing:150px; }     */

/* 2021.07 메인 롤링 */
.slideshow-container_wrap { width: 100%; margin-bottom: 50px; }
.slideshow-container { mix-width: 1000px; position: relative;
                      margin: auto; margin-bottom:-5%;
}

.main_Slides_content { overflow: hidden; }

.main_rolling_imgbg-1 { /*background-image: url("/");
                      background-position: center;
                      background-size: cover; background-repeat: no-repeat; */
                   /*position: relative;*/
}

.main_rolling_img { width: 100%; border-top:1px solid #DDD; position: relative; }

.main_rolling_box { width: 46%; height: 75% /*17em*/; text-align: center; overflow: hidden; 
                    top: 7%; left:50%; margin-left:-23%; /*transform: translate(-50%, -50%); margin: 0 auto; */
                    background-color: rgb(45,450,55); background-color: rgba(45,45,55,0.0); position: absolute;
                    /*padding: auto 50px;*/
}
.main_rolling_box_MOVE { width: 76%; height: 75% /*17em*/; text-align: left; overflow: hidden; 
                    top: 7%; left:10%; /*margin-left:-23%;*/ /*transform: translate(-50%, -50%); margin: 0 auto; */
                    background-color: rgb(45,450,55); background-color: rgba(45,45,55,0.0); position: absolute;
                    /*padding: auto 50px;*/
}

.main_rolling_box2 { width: 46%; height: 75% /*17em*/; text-align: right; overflow: hidden; 
                    top: 7%; left:50%; margin-left: -23%; /*transform: translate(-50%, -50%); margin: 0 auto; */
                    background-color: rgb(45,450,55); background-color: rgba(45,45,55,0.0); position: absolute;
                    /*padding: auto 50px;*/
}


.main_rolling_Wbox { width: 46%; height: 75% /*17em*/; text-align: center; overflow: hidden; 
                    top: 5%; left:50%; margin-left:-23%; /*transform: translate(-50%, -50%); margin: 0 auto; */
                    background-color: /* rgb(255,255,255); 화이트 */ rgb(235,232,218); background-color: /* rgba(255,255,255,0.75); 화이트 */ rgba(235,232,218,0); position: absolute;
                    /*padding: auto 50px;*/
}
.main_rolling_Sbox {  position: absolute; top: 50%; left:50%; transform: translate(-50%, -50%); }
.main_rolling_title { overflow: hidden; font-family: /* Zandes-Regular */ Zandes-Bold,Helvetica,Arial,sans-serif;
                      font-size: /*2.5625rem*/ 2.3625rem; font-weight: 700; margin-bottom: .05em;  /*margin-bottom: .05em*/                       
                      padding: 0 20px; line-height: 1.025em; 

}
.main_rolling_BLEFTtitle { overflow: hidden; font-family: /* Zandes-Regular */ Zandes-Bold,Helvetica,Arial,sans-serif;
                      font-size: 4.3625rem;/*2.5625rem;*/ font-weight: 700; margin-bottom: .55em;  /*margin-bottom: .05em*/                       
                      padding: 0 0px; line-height: 1.025em; text-align: left;

}

.main_rolling_CENTERtitle { overflow: hidden; font-family: /* Zandes-Regular */ Zandes-Bold,Helvetica,Arial,sans-serif;
                      font-size: 3.5625rem; /* 4.3625rem; 24.08.08 수정*/ /*2.5625rem;*/ font-weight: 700; margin-bottom: .55em;  /*margin-bottom: .05em*/                       
                      padding: 0 0px; /*line-height: 120%;*/line-height: 1.025em; text-align: center; 
/* 가운데 - 메인 빅 텍스트  2024.10월 이후 */ }

.main_rolling_CENTERtitle-SizeDown { overflow: hidden; font-family: /* Zandes-Regular */ Zandes-ExtraBook,Helvetica,Arial,sans-serif;
                      font-size: 2.2725rem;/* 3.5625rem;* 2024.10.21 변경/ letter-spacing: 0.5px; /* 글자 간견 */
                      font-weight: 700; margin-bottom: .55em;  /*margin-bottom: .05em*/                       
                      padding: 0 0px; /*line-height: 120%;*/line-height: 1.125em; text-align: center; 
/* 가운데 - 메인 빅 텍스트 (사이즈 다운)   2024.10월 이후  */
}

.main_rolling_LEFTtitle-SizeDown { overflow: hidden; font-family: /* Zandes-Regular */ Zandes-ExtraBook,Helvetica,Arial,sans-serif;
                      font-size: 2.4725rem;/* 3.5625rem;* 2024.10.21 변경/ letter-spacing: 0.5px; /* 글자 간견 */
                      font-weight: 700; margin-bottom: .55em;  /*margin-bottom: .05em*/                       
                      padding: 0 0px; /*line-height: 120%;*/line-height: 1.125em; text-align: left; 
/* 왼쪽 - 메인 빅 텍스트 (사이즈 다운)   2024.11월 이후  */
}

                      
.main_rolling_BRIGHTtitle { overflow: hidden; font-family: /* Zandes-Regular */ Zandes-Book,Helvetica,Arial,sans-serif;
                      font-size: 4.3625rem;/*2.5625rem;*/ font-weight: 700; margin-bottom: .55em;  /*margin-bottom: .05em*/                       
                      padding: 0 0px; line-height: 1.025em; text-align: right;
                      / *오른쪽 - 메인 텍스트 */ }
.main_rolling_BRIGHTtitle-SizeDown {  overflow: hidden; font-family: /* Zandes-Regular */ Zandes-ExtraBold,Helvetica,Arial,sans-serif;
                      font-size: 3.5625rem;/*2.5625rem;*/ font-weight: 500; margin-bottom: .55em;  /*margin-bottom: .05em*/                       
                      padding: 0 0px; line-height: 1.025em; text-align: right;
                      / *오른쪽 - 메인 텍스트 */ }
                      
.main_rolling_BRIGHTtitle2 { overflow: hidden; font-family: /* Zandes-Regular */ Zandes-Bold,Helvetica,Arial,sans-serif;
                      font-size: 4.3625rem;/*2.5625rem;*/ font-weight: 700; margin-bottom: .35em;  /*margin-bottom: .05em*/                       
                      padding: 0 0px; line-height: 1.175em; text-align: right;  text-shadow: -1px 0 #BBBBBC, 0 1px #BBBBBC, 1px 0 #BBBBBC, 0 -1px #BBBBBC; 

}

.main_rolling_Btitle { overflow: hidden; font-family: /* Zandes-Regular */ Zandes-Bold,Helvetica,Arial,sans-serif;
                      font-size: /*2.5625rem*/ 4.3625rem; font-weight: 700; margin-bottom: .05em; /*margin-left: 0.05em;*/                        
                      padding: 0 20px; line-height: 1.025em; text-align: right;
}

.text_color-white { color: #fff; }
.text_color-black { color: #2c2c2e; }
.text_color-khaki { color: #625835; }  
.text_color-khaki2 { color: #665C39; }  

.main_rolling_subtitle { overflow: hidden; font-family: Zandes-Light,Helvetica,Arial,sans-serif;
                         font-size: 1.375rem; /* font-style: italic; */
                         margin-bottom: 1.5em; padding-top: 7px; 
                         line-height: 1.125em;   /* margin-bottom: 0.5em; line-height: 0.85em */
}
.main_rolling_BOLDsubtitle { overflow: hidden; font-family: Zandes-Bold,Helvetica,Arial,sans-serif;
 /*메인 - 윗글자 */      font-size: 0.98rem; font-weight: 550; letter-spacing: 0.5px; /* 글자 간견 */ /* font-style: italic; */
                         margin-bottom: 0.52em; /*padding-bottom: 27px; */ text-align: center;
                         /* font-size: 1.275rem; line-height: 1.125em;*/   /* margin-bottom: 0.5em; line-height: 0.85em */
}
.main_rolling_BOLDsubtitle .Rtop { font-size: 0.47em; font-weight: 300; vertical-align: 0.875em; }


.main_rolling_BOLDsubtitle2 { overflow: hidden; font-family: Zandes-Light,Helvetica,Arial,sans-serif;
                         font-size: 0.875rem; font-weight: 900; letter-spacing: 2px; /* font-style: italic; */
                         margin-bottom: 0.52em; /*padding-bottom: 27px; */ text-align: RIGHT;
                         /* font-size: 1.275rem; line-height: 1.125em;*/   /* margin-bottom: 0.5em; line-height: 0.85em */
}


/* 2023년 메인 탑 - 모션 이미지 */
/* 제목 - 작은 글씨 */
.slideshow-section__content-sub-title {
    display: inline-flex;
    margin-bottom: 0.44rem;
    font-size: .94rem;
    font-family: Zandes Bold,sans-serif;
    font-weight: 700;
    line-height: 1.31rem;
    letter-spacing: .5px;
    align-items: center;
}

/* 제목 - 큰 글씨 */
.slideshow-section__content-title { overflow: hidden; 
    font-size: 45px; color: #000000;
    margin: 0;
    font-family: Zandes Bold,sans-serif; 
    font-weight: 700;
    line-height: 120%; 
    letter-spacing: .5px;
    text-transform: none;
}


/* (메인 사이즈) 너비가 48em 이상인 경우의 스타일 -------------------  */
@media only screen and (min-width: 1532px){
    .mySlides 
    .main_Slides_content {
               max-height: 360px;
               overflow: hidden;
    }
    .slideshow-container_wrap
    .dot_where {
                margin-top: 3.55em; 
    }
}

/* 너비가 64em 이하인 경우의 스타일 */
@media only screen and (max-width: 64em){ /* min-width: 48em */ /*994*/
    .main_Slides_content
    .main_rolling_box { 
                        width: 50%; height: 90%; 
    }
    .main_rolling_title {
                         font-size: 2.125rem; margin-bottom: .175em; / 0.375em */
    }
    .main_rolling_subtitle {
                            dispay: block;
                            font-family: Zandes-Light,Helvetica,Arial,sans-serif;
                            font-style: italic;
                            line-height: 1.125em;
                            font-size: 1.375rem;
                            margin-bottom: 0;  /*0.05em */
     }
}


/* Number text (1/3 etc) 메인 롤링 이미지 위에 롤링 이미지 내용 숫자 순서 */
.numbertext {
  color: #f2f2f2;
  font-size: 12px;
  padding: 8px 12px;
  position: absolute;
  top: 0;
}

/* The dots/bullets/indicators 롤링 이미지 관련 내용 */
.dot_where { text-align: center; margin-top: 2.15em; }
.dot {
  cursor: pointer;
  height: 10px;
  width: 10px;

<!-- position: absolute;
   TOP: 82%; 
   transform: translateY(-42%); 
   z-index:1;    롤링 하단 단계 점 적용내용 안보이게  -->
  
  margin:  0;
  background-color: #FFF; /* #7B7B7B; 그레이 (기본 사용) */  /*  원 컬러 - 화이트 */  

  border: 1px solid #CDCDCD;

  border-radius: 50%;
  display: inline-block;
  text-align: center;
  transition: background-color 0.6s ease;
}

.active, .dot:hover {
  background-color: #FF0000;  /*2020 11 09 밝은 레드 변경*/  /*2020 09 08 변경후 밝은 핑크 FE49A8 */   /*  2020 09 08 변경전 - 쌀짝 어두운 핑크 D3325E   */
}

/* Fading animation */
.fade {
  -webkit-animation-name: fade;
  -webkit-animation-duration: 1.5s;
  animation-name: fade;
  animation-duration: 1.5s;
}

@-webkit-keyframes fade {
  from {opacity: .4} 
  to {opacity: 1}
}

@keyframes fade {
  from {opacity: .4} 
  to {opacity: 1}
}

/* On smaller screens, decrease text size */
@media only screen and (max-width: 300px) {
  .prev, .next,.text {font-size: 11px}
}

/*// 2020 06 16 롤링 메인 배너*/

/* 메인 배너  -------------------- */
.zumbawear_about_wrap {
          width: 916px; /*position: relative;*/
          padding: 0; margin-top: /*58px*/ 25px;
}
.zumbawear_about_wrap .box1 {
          width: 281px; height: 220px; 
          float: left; /*padding-right: 19px;*/ 
}
.zumbawear_about_wrap .box3 {
          width: 354px; height: 220px;
          float: left;
}
.zumbawear_about_wrap .box3 .small_Tbox {
          width: 354px; height: 112px;
          float: left; 
          background-image: url("/design/zumbak/main/zumbawear-about_BN_5.jpg");
          background-position: center;
          background-size: cover;
}
.zumbawear_about_wrap .box3 .small_Bbox {
          width: 354px; height: 108px;
          float: left; 
          background-image: url("/design/zumbak/main/zumbawear-about_BN_6.jpg");
          background-position: center;
          background-size: cover;

}
/* Review Benefits (리뷰 혜택) ------ */
.Review_Benefits_wrap { width: 916px; height: 130px; border: 1px solid #c7c7c7; margin-top: 58px; /*315px;*/ }
.Review_Benefits_wrap .content { width: 100%; }
/*.Review_Benefits_wrap .content:hover { width: 906px; border: 5px solid #c7c7c7; }*/

.Review_Benefits_wrap .content .main { float: left; width: 657px; padding: 0 0 0 37px; margin: 0px; cursor: pointer; }

.Review_Benefits_wrap .content .main .title_and_text { float: left; }
.Review_Benefits_wrap .content .main .title_and_text h2 { font-family: Prompt, sans-serif; font-size: 70px; color: #444343; 
                                                          padding-top : 27px; line-height: 45px; overflow: hidden; }
.Review_Benefits_wrap .content .main .title_and_text h2:hover { font-size: 73px; border: 0px solid #FBE0AD; }

.Review_Benefits_wrap .content .main .title_and_text h2 .orange { color: orange;  }

.Review_Benefits_wrap .content .main .title_and_text h2 .S_benefits { font-size: 50px; color: #444343; }
.Review_Benefits_wrap .content .main .title_and_text h2 .S_benefits:hover { font-size: 53px; border: 0px solid #c7c7c7; }

.Review_Benefits_wrap .content .main .title_and_text p { font-size: 20px; color: #444343; padding-top: 0; margin-top: 0; }
.Review_Benefits_wrap .content .main .title_and_text p .bold { color: #000; font-weight: 800; }

.Review_Benefits_wrap .content .main .pen_icon { float: left; margin-left: 30px; padding-top: 24px; }
.Review_Benefits_wrap .content .main .pen_icon .pen_size { font-size: 80px; font-weight: 400; color: #3f3f3f; }
.Review_Benefits_wrap .content .main .pen_icon .pen_size:hover { font-size: 84px; font-weight: 400; color: #3f3f3f; }

.Review_Benefits_wrap .content .diagonal { float: left; width: 117px; height: 130px; 
                                           background: linear-gradient(to bottom  right, white 50%, orange 50%); }
.Review_Benefits_wrap .content .camera_bg { background-color: orange; float: right; width: 140px; height: 130px; padding-top: 12px; }
.Review_Benefits_wrap .content .camera_bg .camera_icon { font-size: 100px; font-weight: 400; color: #fff; }
.Review_Benefits_wrap .content .camera_bg .camera_icon:hover { font-size: 100px; font-weight: 400; color: #222; }


/* 이미지화한 리뷰 헤택 배너 (가리기) -----------------------------
.main_center_Banner_wrap { margin-top: 58px; }
.main_ReviewBenefits_banner { 
            /*position: absolute; */ 
            float: left; 
            width: 916px; height: 130px; margin-top: 30px;
            background-image: url("/design/zumbak/main/pc_main_ReviewBenefits_BNa_.gif");
            background-position: center;
            background-size: cover; 
}
.main_ReviewBenefits_banner:hover { 
            width: 916px; height: 130px; 
            background-image: url("/design/zumbak/main/pc_main_ReviewBenefits_BNb_.gif");
            background-position: center;
            background-size: cover;
}
-- //이미지화한 리뷰 헤택 배너 (가리기) -------------- */

/* 신상 리스트 내용 */

.abcd span {display:inline-block; width:7px; height:7px; border:1px solid #FFF; border-radius: 50%;}
.abcd_new span {display: inline-block; width: 16px; height: 7px; border:1px solid #DDDDDD; padding: 0;}
.color_box-where { text-align: right; padding-right: 17px; margin: -3px 2px 2px 1px; }


.item-title_subJM { width: 100%; font-family: Arial; font-size: 27px; color: #4C4C4C; 
                    margin-top: 100px; padding-bottom: 0px; padding-top: 75px; text-align: center; }
.item-title_subJM span { font-weight: 700; /* font-family: Arial; color: #4C4C4C; */ }
.content_center { width: 100% ; margin: auto; text-align: center; }

.new_item_size {  font-size: 12.5px; margin-top: 5px; color: #F0467E; }  <!--  상품들 옵션 사이즈 -->
.product_jm { font-size: 15px; color: #222; font-weight: 400; }  /* 상품 리스트 (상품명)*/
.product_jm2 { font-size: 13px; color: #656565; }  /* 추가 상품 리스트 (상품명 (한글상품명-(이전)상품코드))*/
.item_prd-price { font-family: Montserrat, Noto Sans KR, Noto Sans, sans-serif, AppleGothic, Helvetica, Dotum;
                  font-size: 16.5px; font-weight: 600; color: #565656; }
.item_prd_text-won { font-family: Noto Sans KR, Noto Sans, sans-serif, AppleGothic, Helvetica, Dotum;
                  font-size: 15px; font-weight: 400; color: #565656; }


/*.content_center { text-align: center; }*/
/* ---------------------------- */

/*               .item-title_subJM { width: 100%; margin-top: 80px; }
(공통 css 내용)  .item-wrap { width: 100%; }
                 .item-wrap .item-hd { margin-top: 40px; text-align: center; }
--  //(공통 css 내용)  */
/*  (안보이게)---------------------
.content_center { width: 100% ; margin: auto; text-align: center; }
.item-wrap .item-title_subJM h5 { font-family: 'Arial'; font-size: 26px; color: #4C4C4C; padding-bottom: 20px; text-align: center; padding-top: 54px; }
.item-wrap .item-title_subJM h5 span { font-family: 'Arial'; color: #4C4C4C; font-weight: 700; } */

/* 인스타그램 */
.instaArea {  }
.instaArea .instaInner { width:1200px; margin:0 auto; }   /*  인스타 내용 보여질때 (수정할 내용) width:1200px; margin:0 auto;   */
.instaArea p i { display:block; font-size:36px; text-align:center;}
.instaArea p strong {display:block; font-size:32px; text-align:center; margin:2px 0 10px;}
.instaArea p span { display:block; font-size:16px; text-align:center; margin:-30px 0 10px;}  <!--  인스타 내용 보여지기 시 수정 할 내용 margin:0 0 30px -->


/* 상품 구매 후기 (리뷰) - 헤택 CSS 소스 보여주기 ------------------------------------------------------------------- */

/* 회 원 헤 택 ---------------------------------------------------------- */
.mamik_wrap { width: 100%; margin: 30px auto 10px; }
.mamik_wrap h1 { width: 100%; border-bottom: 1px solid #e4e4e5; 
                font-size: 23px; font-weight: 600; display: block; margin: 10px auto; padding: 25px 0 5px;
}
.mamik_wrap span { font-size: 19px;}
/*.membership_wrap { padding: 30px 0 10px; position:relative }*/

.MK_memberBN { width:100%; text-align: center; padding: 25px 0 50px; 
               padding-left:1px; *zoom:1; float: left;
               display: flex; justify-content: space-between; list-style: none;
}
/*  .MK_memberBN :after { display: block; clear:both; content:'' }  */

.MK_memberbox1 {width: 50%; padding: 0 auto; float: left; cursor: pointer; display: block;
                /*background-color: #007bff; */
}
.MK_memberbox1:hover { color: #dc3545; } /* red */
.MK_memberbox1 h2:hover { color: #dc3545; } /* red */

/*.MK_memberbox1.active { border-bottom:3px solid #EBE7EA }*/

.MK_memberbox2 {width: 50%; padding: 0 auto; float: right;
                /*background-color: #00AA88*/
}

.mamik_wrap .MK_memberBN .MK_memberbox1 h2 { font-size: 22px; font-weight: 600; margin-top: 7px }
.mamik_wrap .MK_memberBN .MK_memberbox2 h2 { font-size: 22px; font-weight: 600; margin-top: 1px }
.memberbox_info { font-weight: 600; font-size: 13.5px; margin-top: 17px; line-height:20px; }
/*.google_truck_icon { font-size: 67px; height: 20px; margin-top: 5px }*/

/* //회 원 헤 택 ---------------------------------------------------------- */

/* 아이콘 font & dot ---------------- */
.fonticon_img-18 { font-size: 18px; font-weight: 800; ling-height: 18px; }  #dc3545
.fonticon_img-20 { font-size: 18px; font-weight: 800; line-heigt: 14px; /*padding-top: -10px;*/ }
.fonticon_img-20 { font-size: 20px; font-weight: 800; ling-height: 18px; padding-right: 2px; }
.fonticon_img-32 { font-size: 32px; font-weight: 800; ling-height: 30px; }

.fonticon_img-60 { font-size: 60px; font-weight: 800; }
.fonticon_img-70 { font-size: 70px; font-weight: 900; }
.fonticon_img-80 { font-size: 80px; font-weight: 900; }


.disc_dot {
    height: 7px;
    width: 7px;
    margin: 0px 10px 5px 0;
    background-color: #2D2D35;
    border-radius: 50%;
    display: inline-block;
    transition: background-color 0.6s ease;
}
/* // 아이콘 font & dot ---------------- */


/* --------------------------------------------------------- */
/* Modal (Yujeong) 모달 css 소스 */


/* --------------------------------------------------------- */
/* bootstrap 모달 css 소스*/
@media (min-width: 576px) {
  .modal-dialog {   
    max-width: 540px;
  }
}

@media (min-width: 768px) {
  .modal-dialog {
    max-width: 720px;
  }
}

@media (min-width: 992px) {
  .modal-dialog {
    max-width: 960px;
  }
}

@media (min-width: 1200px) {
  .modal-dialog {
    max-width: 1140px;
  }
}


/* ---------------------- */
.modal-open { overflow: hidden; }

.modal { position: fixed; top: 0; right: 0; bottom: 0; left: 0;
         z-index: 1050; display: none;  /* 개별페이지라 none에서 block으로 변경 */ 
         outline: 0; /* overflow: hidden; */
         /* Yuj 추가 */  text-align: center;
         padding: 0!important;
         width: 100%; margin: 0 auto; height: 100%; overflow-y: auto;
             /* scrollbar (display-none) 상태 */
             -ms-overflow-style: none; /* IE and Edge */
             scrollbar-width: none; /* Firefox */
             /* 바탕 컬러 */
             background-color: rgb(0,0,0);
             background-color: rgba(0,0,0,0.4);
         /* -- // Yuj 추가 -- */
}
.modal::-webkit-scrollbar {
    display: none; /* Chrome, Safari, Opera*/
}

.modal:before {
  content: '';
  display: inline-block;
  height: 100%;
  vertical-align: middle;
  margin-right: -4px;
}

.modal-dialog { width: 700px;
                position: relative; width: auto; margin: 0.5rem; pointer-events: none;
                display: inline-block; 
                text-align: left;
                vertical-align: middle;
}


.modal.fade .modal-dialog {
  transition: -webkit-transform 0.3s ease-out;
  transition: transform 0.3s ease-out;
  transition: transform 0.3s ease-out, -webkit-transform 0.3s ease-out;
  -webkit-transform: translate(0, -25%);
  transform: translate(0, -25%);
}

.modal.show .modal-dialog {
  -webkit-transform: translate(0, 0);
  transform: translate(0, 0);
}

.modal-dialog-centered {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  min-height: calc(100% - (0.5rem * 2));
}

.modal-content {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  width: 100%;
  pointer-events: auto;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 0.3rem;
  outline: 0;
}

/*.modal-backdrop {*/
/*  position: fixed;*/
/*  top: 0;*/
/*  right: 0;*/
/*  bottom: 0;*/
/*  left: 0;*/
/*  z-index: 1040;*/
/*  background-color: #000;*/
/*}*/

.modal-backdrop.fade {
  opacity: 0;
}

.modal-backdrop.show {
  opacity: 0.5;
}

.modal-header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding: 1rem;
  border-bottom: 1px solid #e9ecef;
  border-top-left-radius: 0.3rem;
  border-top-right-radius: 0.3rem;
}

.modal-header .close {
  padding: 1.5rem;
  margin: -1rem -1rem -1rem auto;
}

.modal-title {
  margin-bottom: 0; 
  line-height: 1.5;
}
.modal-title img { width: 100%; height: 100%; }

.modal-body {
  position: relative;
  -webkit-box-flex: 1;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  padding: 1rem;
}
.modal-body_title {
      text-align: center;
}
.modal-body_title h1 { font-family: Prompt, sans-serif; font-size: 70px; 
      padding: 150px 0 0px; letter-spacing: 2px; line-height: 67px; overflow: hidden;
}
.Green_title { color: #17C25B; }
.modal-body_title h2 { font-family: 'Nanum Gothic', sans-serif; 
      font-size: 60px; font-weight: 600; padding: 0px 0 20px; 
}
.modal-body_title h2 span { font-weight: 1000; }

.modal-body_title h3 { /*YuJ*/
      width: 90%; background-color: white;
      font-size: 30px; font-weight: 500;
      color: #111; word-break: keep-all;
      line-height: 42px;
      padding: 25px 0 20px;  margin: 0 auto;
}
.modal-body_title h3 .bodd { font-weight: 1000; }

/*  ------- YuJ ---------*/
.modal-body_title .p_black_15day {
      background-color: #111; color: white;
      font-size: 23px; font-weight: bold;
      padding-top: 0px; margin: 20px auto 15px;
}
.modal-body_title .p_black_15day span {
      color: yellow;
}
.modal-body_title .p_info {
      font-size: 23px; font-weight: bold;
      margin: 0px auto 10px;
}

/* -- 리뷰 작성 - 적립금 지급 (box1) -------------------- */
.review_boxs {}
.review_boxs h2 {
      font-family: 'Nanum Gothic', sans-serif;
      font-size: 35px; font-weight: 500;
      padding-bottom: 20px; text-align: center;
}

.modal-body .review_info { line-height: 30px;
      border:1px solid #e7e7e7;
      padding: 35px 10px 35px 25px;
      margin: 35px auto 35px;
      background-color: #E9E9E9
}

.modal-body .review_info img { display : block; margin: 10px auto 15px;
      max-width: 100%; width: auto !important; height: auto !important;
}

/* -- 리뷰 작성 - 7일 내 지급 (box2) ------------------ */
.review_7day {
      padding: 18px 10px 20px 25px;
}

.review_7day .infobox2 {
      margin: 0 auto 15px;
      display: flex; justify-content: space-between
      display: flex; flex-wrap: wrap; 
}

.infobox2_detail-1 { width: 450px;
      float: left; font-size: 23px; /*line-height: 22px;*/
      margin-left: 40px;  /*padding: 0 40px 20px;      */
}
.icon_bg_one { width: 150px; height: 150px;  border-radius: 50%; background-color: #c7c7c7;/*#1F1A1D;*/
               margin-right: 15px;
}
.icon_font { font-size: 60px; font-weight: 900; color: #575757; padding: 15px 10px 0 0; }

.infobox2_detail-2 {
       float: left; font-size: 23px; /*line-height: 15px; */   
       margin: auto; /*margin: 0 40px 0 40px;  padding: 0 40px 20px;*/  
}
.infobox2_pointtext { color: #EB3031; }
.infobox2_underline { text-decoration: underline; text-underline-position: under; }


/* -- 리뷰 작성 - 유의사항 (box3) -- */
.review_box3_info {
      border:1px solid #e7e7e7;
      padding: 40px 30px; margin: 10px auto 25px;
}

.infobox3_add { float: left; padding: 20px 40px 20px; margin-left: 30px; margin-right: 30px; }
.infobox3_detail { margin: 20px auto 0; /*padding: 20px 23px 0 20px;*/
}
.infobox3_detail p { font-size: 23px; line-height: 1.55em;
      text-indent: -1.2em; margin-left: 1.2em;
      word-break: keep-all; padding-left: 35px; padding-bottom: -20px;
}
/* -- 리뷰 - 적립금 지급 불가 (box4) -- */
.review_box4_noPoint { /*width: 100%;*/
      padding: 35px 10px 35px 25px;
      margin: 35px auto 35px;
      background-color: #E9E9E9

}
.infobox4_triangle { width: 150px; height: 150px;
      border-radius: 50%; background-color: #1F1A1D; 
      display: block; margin: 40px auto 40px; }

.infobox4_triangle i { text-align: center; }

.review_box4_noPoint h2 span {
      color: #E54243;
}
.icon_check {
      color: #E54243; font-weight: 900;
}
.review_box4_noPoint h4 { font-size: 25px; font-weight: bold;
      padding: 0px 0 20px; margin-top: -20px; text-align: center;
}
.infobox4_detail {
      line-height: 22px;
      padding-top: 10px;
      padding-left: 5px;
      margin: 0 auto 35px;
      text-align: center;
      margin-left: 40px; 
}
.box4_detaliwrap { width: 500px; margin: 0 auto; 
      display: flex; flex-wrap: wrap; 
}
.infobox4_detail p { 
      font-size: 23px; line-height: 1.55em;
      text-indent: -1em; margin-left: 1em; text-align: left;
      word-break: keep-all; /*padding-left: 35px; padding-bottom: -20px;*/
}
.infobox4_p_spacebottom {
      margin-bottom: 0px;
}
/* -- 리뷰 작성- 주의사항 1 (box5) -- */
.review_box5_check {
      border-top: 0px solid #e7e7e7; /* #d7d7d7; */
      padding: 40px 30px; margin: 10px auto 25px;

}
.infobox5_check {
      /*float: left;*/
      padding: 0px 60px 25px 70px;
      display: flex; line-height: 30px;
      /*margin: 0 auto 35px;*/
}
.infobox5_title {
      padding-left: 25px; padding-top: 0px;
}

.infobox5_title h2 {
      font-family: 'Nanum Gothic', sans-serif;
      font-size: 35px; font-weight: 500;
      padding-bottom: 00px;/* text-align: center;*/
}

.infobox5_subtitle { /* sub title */  
      font-size: 25px; font-weight: bold; margin-top: 0px;
}
.infobox5_detail {
      float: left;
      /*line-height: 20px;*/
      padding-left: 0px; padding-top: 0px;
      /*margin: 0 auto 5px;*/
}
.infobox5_detail p {
      /*float: left;*/
      font-size: 23px; line-height: 1.55em;
      text-indent: -1em; margin-left: 1em;
      word-break: keep-all;
      margin-left: 48px; 
}
/* -- 리뷰 작성- 주의사항 2 (box6) -- */
.review_box6_questionMK {
      width: 100%; display: flex; padding: 10px 0 10px; 
}
.infobox6_detail { padding-left: 25px; }
.infobox6_detail p { /*float: left;*/
      font-size: 23px; line-height: 1.55em;
      text-indent: -1em; margin-left: 1em; text-align: left;
      word-break: keep-all;
      margin-left: 48px; margin-right: 25px;
}
.infobox6_questionMK {
      /*float: right;*/ line-height: 20px;
      padding : 10px 30px 0 23px;
}


/*  하단 Footer  */
.modal-footer {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  padding: 1rem;
  border-top: 1px solid #e9ecef;
  background-color: #e9ecef;  /* border 라인 없애고 바탕 light grey 변경 */
  margin-top: 20px; /* YuJ */
  height: 100px; /* YuJ */
}

.modal-footer > :not(:first-child) {
  margin-left: .65rem; /* .25rem; */
}

.modal-footer > :not(:last-child) {
  margin-right: .45rem; /* .25rem; */
}
.close_btn_big { font-size: 24px; font-weight: bold; }

.modal-scrollbar-measure {
  position: absolute;
  top: -9999px;
  width: 50px;
  height: 50px;
  overflow: scroll;
}

/* 사이즈 조절 (모바일 형으로 작게 우선)
@media (min-width: 576px) {
  .modal-dialog {
    max-width: 500px;
    margin: 1.75rem auto;
  }
  .modal-dialog-centered {
    min-height: calc(100% - (1.75rem * 2));
  }
  .modal-sm {
    max-width: 300px;
  }
}

@media (min-width: 992px) {
  .modal-lg {
    max-width: 800px;
  }
}
*/


/* footer footnotes */
.footer ol {
  border-top: 1px solid #eee;
  margin-top: 40px;
  padding-top: 15px;
  padding-left: 20px;
}

/* --------------------------------------------------------- */
/*  bootstrap CLOSE 버튼 소스  */
.close {
  float: right;
  /* font-size: 1.5rem; */
    font-size: 45px; /* YuJ */
  font-weight: 700;
  line-height: 1;
  color: #000;
  text-shadow: 0 1px 0 #fff;
  opacity: .5;
}

.close:not(:disabled):not(.disabled) {
  cursor: pointer;
}

button.close {
  padding: 0;
  background-color: transparent;
  border: 0;
  -webkit-appearance: none;
}


/* 고정버튼 */  /* ---------------------------------- */
.btn_fixed {position:fixed; bottom:20px; right:20px;}
.btn_fixed .fixed_close {width:38px; padding:5px 0; display: block; border:1px solid #cbcbcb; background-color:rgba(255,255,255,0.6); text-align:center; box-shadow: 0px 1px 1px #e3e3e3; border-radius: 5px 5px 0 0; margin-bottom:3px;}
.btn_fixed .fixed_up {width:38px; padding:5px 0; display: block; border:1px solid #cbcbcb; background-color:rgba(255,255,255,0.6); text-align:center; box-shadow: 0px 1px 1px #e3e3e3; border-radius: 0 0 5px 5px;}

a#THIS-topBtn {
    position: fixed; /* 포지션 고정 */ 
    right: 0.7%; /* 오른쪽에서 2% - %도 할수 있음*/ 
    bottom: 59px; /* 밑에서 5px */ 
    /* display: none; */ /* 보여지지 없음 - 기본적으로 안보여지게 */ 
    z-index: 9999; /* 포지션을 먼저 지정후 z-좌표(레이어) : 9999입니다. */

    background-color:rgba(0,0,0,0.5);      /*  background-color:rgba(255,255,255,0.6); */
    border: 1px solid #858383; border-radius: 5px;
    line-height: 10px;
    padding: 5px 9px; 
    color: #fff;
    font-weight: bold; 
    text-align: center;  
    
}
a#THIS-bottomBtn {
    position: fixed; /* 포지션 고정 */ 
    right: 0.7%; /* 오른쪽에서 2% - %도 할수 있음*/ 
    bottom: 7px; /* 밑에서 5px */ 
    /* display: none; */ /* 보여지지 없음 - 기본적으로 안보여지게 */ 
    z-index: 9999; /* 포지션을 먼저 지정후 z-좌표(레이어) : 9999입니다. */

    background-color:rgba(0,0,0,0.5);      /*  background-color:rgba(255,255,255,0.6); */
    border: 1px solid #858383; border-radius: 5px;
    line-height: 10px;
    padding: 5px; 
    color: #fff;
    font-weight: bold; 
    text-align: center;   
    
}

/* //고정버튼 */  /* ---------------------------------- */


/* - 구 매 후 기 (게시판형 / 코멘형 (Review Total) --------- */
.btn_whitegray {color:#111; font-size: 16px; padding: 20px 140px; margin : 0px 0 0 0; text-align: center;
                border:1px solid #c3c3c3; background-color: white; display: block; }   /*  background-image: none; text-align: center; width: 30%; */
.btn_whitegray:hover { border:1px solid #111; }

.btn_whitegray2 {color:#111; font-size: 16px; padding: 20px 105px; margin : 0px 0 0 0; text-align: center;
                border:1px solid #c3c3c3; background-color: white; display: block; }   /*  background-image: none; text-align: center; width: 30%; */
.btn_whitegray2:hover { border:1px solid #111; }
.btn_whitegray3 {color:#111; font-size: 24px; padding: 13px 55px; margin : 10px 15px 10px 0; text-align: center; 
                border:1px solid #c3c3c3; background-color: white; display: block; }  
.btn_whitegray3:hover { border: 3px solid #111; }
.dtt_review_count_big {  font-size:15px; font-weight: 550; color:#F95B2F; }


/* BASIC css end */