#wrap_mobile { width:100%; max-width:1280px; min-width:340px; margin:0 auto; height:100%; border:0 !important; } .b_cover_mb {position:fixed; top: 0; left: 0; background:url('../images/black_bg.png'); width:100%; height:100%; z-index:1700} .b_cover_mb .pop_stmt {position:relative; width:90%; max-width:1000px; min-width:320px; background:url('../images/stmt_bg.jpg')no-repeat; background-size:cover; transform: translate(-50%, -50%); top: 50%; left: 50%; overflow:auto; overflow-y:hidden; overflow-x:hidden; box-shadow: 0px 8px 6px 0px rgb(0, 0, 0, 0.2); } .b_cover_mb .pop_stmt .close {position:absolute; right:20px; top:17px; display:block; width:25px; height:25px; background: url('../images/btn_close.png') no-repeat center; background-size:70%; } .b_cover_mb .pop_stmt .pop_area {position:relative; padding:7% 5%; display:block; text-align:center;} .b_cover_mb .pop_stmt .ttl1 {position:relative; font-family: 'GmarketSansTTFBold', sans-serif; font-size:clamp(18px, 4vw, 50px); color:#000; line-height:130%; text-align:center;} .b_cover_mb .pop_stmt .ttl2 {position:relative; font-family: 'GmarketSansTTFBold', sans-serif; font-size:clamp(14px, 3vw, 30px); color:#fff; background:#aa0000; font-weight:700; line-height:130%; text-align:center; display:inline; padding:3px 15px 0px 15px;} .b_cover_mb .pop_stmt .txt1 {position:relative; font-family: 'GmarketSansMedium', sans-serif; font-size:clamp(11px, 3vw, 20px); color:#444; font-weight: 400; line-height:130%; text-align:left; word-break: keep-all; overflow-wrap: anywhere; text-align: justify;} .b_cover_mb .pop_stmt .txt2 {position:relative; font-family: 'GmarketSansTTFBold', sans-serif; font-size:clamp(12px, 3vw, 24px); color:#222; font-weight: 400; line-height:130%; text-align:left; word-break: keep-all; overflow-wrap: anywhere; } .b_cover_mb .pop_stmt .txt3 {position:relative; font-family: 'GmarketSansMedium', sans-serif; font-size:clamp(11px, 2vw, 18px); color:#666; font-weight: 200; line-height:130%; text-align:left; word-break: keep-all; overflow-wrap: anywhere; } #pop_privacy_mb {position:relative; width:100%; background:url('../images/stmt_bg.jpg')no-repeat; background-size:cover; overflow:auto; overflow-y:hidden; overflow-x:hidden; box-shadow: 0px 8px 6px 0px rgb(0, 0, 0, 0.2); } #pop_privacy_mb .close {position:absolute; right:20px; top:17px; display:block; width:40px; height:40px; background: url('../images/btn_close.png') no-repeat center; } #pop_privacy_mb .pop_area {position:relative;padding:7% 5%; display:block; text-align:center;} #pop_privacy_mb .ttl1 {position:relative; font-family: 'GmarketSansTTFBold', sans-serif; font-size:clamp(14px, 3vw, 30px); color:#000; line-height:130%; text-align:center; background: url('../images/line1.png')repeat-x center; display:inline;} #pop_privacy_mb .txt1 {position:relative; font-family: 'GmarketSansMedium', sans-serif; font-size:clamp(11px, 2vw, 16px); color:#444; font-weight: 400; line-height:130%; text-align:left; word-break: keep-all; overflow-wrap: anywhere; text-align: justify;} #pop_privacy_mb .txt2 {position:relative; font-family: 'GmarketSansTTFBold', sans-serif; font-size:clamp(12px, 2vw, 20px); color:#222; font-weight: 400; line-height:130%; text-align:left; word-break: keep-all; overflow-wrap: anywhere; text-align: justify;} #pop_privacy_mb .txt3 {position:relative; font-family: 'GmarketSansMedium', sans-serif; font-size:clamp(11px, 2vw, 16px); color:#666; font-weight: 200; line-height:150%; text-align:left; word-break: keep-all; overflow-wrap: anywhere; text-align: justify;} #mb_logo {position:absolute; display:block; width:100%; z-index:1000; } #mb_logo a.logo_btn {position:relative; display:block; width:25%; max-width:200px; margin-top:30px; margin-left:30px; } #mb_logo a img{width:100%;} #mb_quick {position:fixed; width:100%; max-width:1280px; min-width:340px; bottom:0; left:50%; transform: translate(-50%,0); height:7%; z-index:1000;} #mb_quick a.quick_btn {position:relative; background: linear-gradient(to bottom, rgba(145, 173, 48, 1), rgba(110, 142, 30, 1)); display:block; display: flex; justify-content: center; align-items: center; overflow:auto; height:100%; text-align:center; } #mb_quick .btn_txt1 {color:#fff; font-family: 'GmarketSansTTFBold', sans-serif; font-weight: 700; font-size:clamp(16px, 3vw, 30px); } #mb_quick .btn_txt2 {color:#fff; font-family: 'GmarketSansTTFBold', sans-serif; font-weight: 700; font-size:clamp(20px, 3vw, 40px); } button:hover { cursor: pointer; transition: background-color 0.5s, color 0.5s; } .mb_btn_area button { width:300px; margin:0 auto; padding:15px 0 10px 0 ; display: block; font-family: 'GmarketSansTTFBold', sans-serif; font-size:clamp(24px, 3vw, 30px); line-height:130%; outline: none; color: #fff; border-radius: 35px; } #sponsor { background: #e07a5f; border:0; box-shadow: 0 1px 1px rgba(0,0,0,0.12), 0 1px 1px rgba(0,0,0,0.24); transition: all 0.3s cubic-bezier(.25,.8,.25,1); } #sponsor:hover { background: #00afd7; color: #fff; box-shadow: 0 4px 4px rgba(0,0,0,0.25), 0 4px 4px rgba(0,0,0,0.22); } #sponsor:active { background: #3d405b; } #mb_landing1 {position:relative; width:100%; background:#000; background-size:contain; overflow:hidden; } #mb_landing1 .con_area{position:relative; overflow:auto; overflow-y:hidden; overflow-x:hidden; } #mb_landing1 .ttl_area{position:absolute; left:50%; margin-left:-40%; top:15%; width:80%; z-index:10} #mb_landing1 .ttl_img {position:relative;} #mb_landing1 .ttl_img img{width:100%;} #mb_landing1 .ttl_txt{position:relative; color:#fff; font-family: 'GmarketSansMedium', sans-serif ; font-weight: 400; font-size:clamp(12px, 2.5vw, 30px); text-align:left; line-height:130%; word-break: keep-all; overflow-wrap: anywhere;} #mb_landing1 a.btn1 {position:relative; overflow:hidden; line-height:100%; padding:3% 5% 2% 5%; border-radius: 9999px; background: linear-gradient(to bottom, rgba(145, 173, 48, 1), rgba(110, 142, 30, 1)); background-repeat: no-repeat, no-repeat; font-family: 'GmarketSansTTFBold', sans-serif; font-weight: 700; font-size:clamp(13px, 2vw, 24px); color:#fff; border:1px solid #6c8d1d; box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24), inset 0px 1px 0px rgba(255, 255, 255, .30); transition: all 0.3s cubic-bezier(.25,.8,.25,1);} #mb_landing1 a.btn1 span {position:relative; vertical-align:middle;} #mb_landing1 a.btn1 .btn_txt {font-family: 'GmarketSansTTFBold', sans-serif; font-weight: 700; font-size:clamp(16px, 2vw, 30px); color:#fff;} #mb_landing1 .img_area {position: relative; z-index:5} #mb_landing1 .img_area img{width:100%;} #mb_landing1 .video_area {position: absolute; left:0; top:0; width: 100%; overflow:hidden; z-index:1} #mb_landing1 .video_area video{width: 100%; height: auto} #mb_landing2 {position:relative; width:100%; background: url('../images/mb_landing2_bg.jpg')no-repeat #333; background-size:cover; overflow:hidden;} #mb_landing2 .con_area{position:relative; width:90%; margin:0 auto; display: flex; justify-content: center; align-items: center; flex-direction: column; } #mb_landing2 .ttl_area{position:relative;} #mb_landing2 .ttl1 {position:relative; color:#fff; font-family: 'GmarketSansTTFBold', sans-serif ; font-weight: 400; font-size:clamp(18px, 3vw, 50px); text-align:center; line-height:130%; background: url('../images/line1.png')repeat-x center; word-break: keep-all; overflow-wrap: anywhere;} #mb_landing2 .ttl2 {position:relative; color:#fff; font-family: 'GmarketSansTTFBold', sans-serif ; font-weight: 400; font-size:clamp(15px, 2vw, 40px); text-align:center; line-height:130%; word-break: keep-all; overflow-wrap: anywhere;} #mb_landing2 .ttl3 {background: url('../images/line1.png')repeat-x center; } #mb_landing2 .img_area{position:relative; width:100%; max-width:800px; min-width:300px; display: flex; justify-content: space-between; align-items: center; flex-direction: row; background: url('../images/mb_landing2_arw1.png')no-repeat center;} #mb_landing2 .img_area .cup {display: flex; justify-content: center; align-items: center; flex-direction: column; width:50%; text-align:center; } #mb_landing2 .img_area .cup .txt1{color:#fff; font-family: 'GmarketSansMedium', sans-serif ; font-weight: 400; font-size:clamp(14px, 2vw, 20px); text-align:center; line-height:150%;} #mb_landing2 .img_area .cup img {width:75%; margin:0 auto;} #mb_landing2 .txt_area{position:relative;} #mb_landing2 .txt_area .txt1{position:relative; color:#fff; font-family: 'GmarketSansMedium', sans-serif ; font-weight: 400; font-size:clamp(13px, 2vw, 24px); text-align:center; line-height:150%; word-break: keep-all; overflow-wrap: anywhere;} #mb_landing2 .txt_area .txt2 {position:relative; color:#c6c6c6; font-family: 'GmarketSansMedium', sans-serif ; font-weight: 400; font-size:clamp(11px, 2vw, 18px); text-align:center; line-height:150%; word-break: keep-all; overflow-wrap: anywhere;} #mb_landing2 .arw_area {position:relative; width:100%; margin:0 auto;} #mb_landing2 .arw_area .arw_left{position:absolute; display:block; top:50%; left:10%; transform: translate(-70%, -50%); width:50px; height:50px; background:url('../images/arw_left.png')no-repeat center; background-size:50%; z-index:100; } #mb_landing2 .arw_area .arw_right{position:absolute; display:block; top:50%; right:10%; transform: translate(70%, -50%); width:50px; height:50px; background:url('../images/arw_right.png')no-repeat center; background-size:50%; z-index:100; } #mb_landing2 .arw_left_slick { position:absolute; display:block; top:42%; left:0; /* transform: translate(-70%, -50%); */ width:50px; height:50px; background:url('../images/arw_left.png')no-repeat center; background-size:50%; z-index:100; } #mb_landing2 .arw_right_slick { position:absolute; display:block; top:42%; right:0; /*transform: translate(-70%, -50%);*/ width:50px; height:50px; background:url('../images/arw_right.png')no-repeat center; background-size:50%; z-index:100; } /* #mb_landing2 .box_area{position:relative; width:270%; max-width:900px; min-width:860px; display: flex; justify-content: space-between; flex-direction: row; } #mb_landing2 .box_area .box {border-radius:15px; background:#fff; width:280px; height:340px; display: flex; justify-content: center; align-items: center; flex-direction: column;} */ #mb_landing2 .box_area{position:relative; width:100%; /* display: flex; justify-content: space-between; flex-direction: row; */ } #mb_landing2 .box_area .box {border-radius:15px; background:#fff; width:100vw; margin: 10px 12vw; min-height:340px; display: flex; justify-content: center; align-items: center; flex-direction: column; } #mb_landing2 .box_area .box .img { text-align: center; margin: 0 auto; vertical-align: middle; } #mb_landing2 .box_area .box img{width:160px; height: auto; margin: 0 auto;} #mb_landing2 .box_area .box .txt1{color:#333; font-family: 'GmarketSansTTFBold', sans-serif ; font-weight: 400; font-size:20px; text-align:center; line-height:130%;} #mb_landing2 .box_area .box .txt2{color:#666; font-family: 'GmarketSansMedium', sans-serif ; font-weight: 400; font-size:16px; text-align:center; line-height:130%;} #mb_landing2 .pont1 {color:#ee1c25; text-decoration:underline; text-underline-offset : 5px; font-weight: 700;} #mb_landing2 .pont2 {color:#aa0000; text-decoration:underline; text-underline-offset : 5px; font-weight: 700;} #mb_landing3 {position:relative; width:100%; height:70%; background: #000; background-size:cover; } #mb_landing3 .con_area{position:relative; width:100%; height:100%; margin:0 auto; display: flex; justify-content: center; align-items: center; flex-direction: column; } #mb_landing3 .img1 {position:relative; width:100%; height:50%; background: url('../images/mb_landing3_img1.jpg')no-repeat; background-size:cover;} #mb_landing3 .img2 {position:relative; width:100%; height:50%; background: url('../images/mb_landing3_img2.jpg')no-repeat; background-size:cover;} #mb_landing3 .txt_area {position: absolute; top:0; left:50%; transform: translate(-50%,0); width:100%; padding:5% 0; background:url('../images/mb_landing3_bg.png') center; background-size:cover; z-index:10;} #mb_landing3 .txt_area .txt1 {color:#fff; font-family: 'GmarketSansTTFBold', sans-serif ; font-weight: 400; font-size:clamp(16px, 3vw, 40px); text-align:center; line-height:150%; word-break: keep-all; overflow-wrap: anywhere;} #mb_landing3 .txt_area .txt2 {color:#def490; font-family: 'GmarketSansMedium', sans-serif ; font-weight: 400; font-size:clamp(12px, 2vw, 24px); text-align:center; line-height:150%; word-break: keep-all; overflow-wrap: anywhere;} #mb_landing4 {position:relative; width:100%; background: url('../images/mb_landing4_bg.jpg')no-repeat #333; background-size:cover; } #mb_landing4 .con_area{position:relative; width:90%; margin:0 auto; display: flex; flex-direction: column; } #mb_landing4 .ttl_area{position:relative; display: flex; justify-content: center; align-items: center; flex-direction: column;} #mb_landing4 .ttl_area .ttl1 {position:relative; color:#fff; font-family: 'GmarketSansTTFBold', sans-serif ; font-weight: 400; font-size:clamp(16px, 4vw, 40px); text-align:center; line-height:130%;} #mb_landing4 .ttl_area .ttl2 {position:relative; color:#fff; font-family: 'GmarketSansMedium', sans-serif ; font-weight: 400; font-size:clamp(11px, 3vw, 24px); text-align:center; line-height:130%; } #mb_landing4 .stmt_area{position:relative; display: flex; justify-content: center; align-items: center; flex-direction: column; border:5px solid #ee1c25; width:100%; background: url('../images/mb_landing4_boxbg.jpg'); border-radius:15px} #mb_landing4 .stmt_area .stmt { width:100%; padding:3% 0; display: flex; justify-content: center; align-items: center; flex-direction: column;} #mb_landing4 .stmt_area .b_line {background: url('../images/dot_mb.png')repeat-x left bottom;} #mb_landing4 .stmt_area .stmt .txt1{position:relative; color:#fff; font-family: 'GmarketSansMedium', sans-serif ; font-weight: 700; font-size:clamp(18px, 2vw, 28px); text-align:center; line-height:130%; border-radius:10px; background:#aa0000; padding:4px 15px 0 15px; word-break: keep-all; overflow-wrap: anywhere;} #mb_landing4 .stmt_area .stmt .txt2{position:relative; color:#000; font-family: 'GmarketSansMedium', sans-serif ; font-weight: 400; font-size:clamp(14px, 3vw, 24px); text-align:center; line-height:130%; word-break: keep-all; overflow-wrap: anywhere;} #mb_landing4 .count_area{position:relative; display: flex; justify-content: center; align-items: center; flex-direction: column;} #mb_landing4 .count_area .txt1{position:relative; color:#fff; font-family: 'GmarketSansMedium', sans-serif ; font-weight: 700; font-size:clamp(30px, 3vw, 50px); text-align:center; line-height:130%; word-break: keep-all; overflow-wrap: anywhere;} #mb_landing4 .count_area .txt2{position:relative; color:#fff; font-family: 'GmarketSansMedium', sans-serif ; font-weight: 400; font-size:clamp(12px, 3vw, 24px); text-align:center; line-height:130%; word-break: keep-all; overflow-wrap: anywhere;} #mb_landing4 .point1 {color:#ee1c25; font-family: 'GmarketSansTTFBold', sans-serif; font-weight: 700;} #mb_landing4 .point2 {color:#ee1c25; font-family: 'GmarketSansTTFBold', sans-serif; text-decoration:underline; text-underline-offset : 7px; text-decoration-thickness: 2px; font-weight: 700;} #mb_landing4 .form_area {position:relative; width:100%; margin:0 auto; max-width:800px; min-width:300px; border-radius:20px; background:#fff;} #mb_landing4 .form_box {position:relative; padding:5%; } #mb_landing4 .form_box .txt1{color:#333; font-family: 'GmarketSansMedium', sans-serif ; font-weight: 400; font-size:(16px, 2vw, 24px); text-align:left; line-height:130%; word-break: keep-all; overflow-wrap: anywhere;} #mb_landing4 .form_box .txt2{color:#888; font-family: 'GmarketSansMedium', sans-serif ; font-weight: 400; font-size:(11px, 1vw, 14px); text-align:left; line-height:130%; word-break: keep-all; overflow-wrap: anywhere;} #mb_landing4 .form_box .input_area {position:relative;} #mb_landing4 .form_box .input_area .input1 {border:0; background:#d8d8d8; box-sizing:border-box; width:100%; border-radius:10px; line-height:40px; height:40px; color:#584932; font-size:16px; font-family: 'GmarketSansMedium', sans-serif ; font-weight:400; text-indent:15px; } #mb_landing4 .form_box .input_area input::placeholder {color:#8e8884; } #mb_landing4 .form_box .input_area .select1 {position:relative; width:100%; padding:0 30px 0 15px;text-align:left; border:0px solid #0063EA; border-radius:10px; box-sizing:border-box; color:#8e8884; height:40px; font-size:16px; font-family: 'GmarketSansMedium'; font-weight:400; vertical-align:top; appearance: none; -webkit-appearance:none; background: url('../images/select_arw.png')no-repeat right 15px center #d8d8d8; background-size:20px; } #mb_landing4 .form_box .input_area .select1::-ms-expand{display:none} #mb_landing4 .form_box .check_area{position:relative; display: block; width:100%;} #mb_landing4 .form_box .check_area input[type=checkbox] {display: none; } #mb_landing4 .form_box .check_area input[type=checkbox] + label{display: inline-block; cursor: pointer; position: relative; padding-left: 25px;} #mb_landing4 .form_box .check_area input[type=checkbox] + label:before {content: ""; display: inline-block; width: 18px; height: 18px; margin-right: 15px; position: absolute; left: 0; border:0px solid #ddd; background-color: #d8d8d8; border-radius: 4px;} #mb_landing4 .form_box .check_area input[type=checkbox]:checked + label:before {content: "\2713"; /* 체크모양 */ font-size: 18px; font-weight:800; color: #fff; background:#91ad30; border: 0px solid #00afd8; text-align: center; line-height: 20px; border-radius: 4px;} #mb_landing4 .form_box .check_area a, #mb_landing4 .form_box .check_area button{position:relative; line-height:16px; height:16px;font-family: 'GmarketSansMedium', sans-serif ; font-size:(11px, 1vw, 16px); color:#ee1c25; border: none; display: inline-block; padding: 0; } #mb_landing4 .form_box .check_area .show_box {position:relative; line-height:50px; } #mb_landing4 .form_box .check_area .show_box .btn_arw{position:absolute; right:0; top:50%; margin-top:-15px; z-index:15; width:30px; height:30px;} #mb_landing4 .form_box .check_area .show_box .btn_up{ display:block; background: url('../images/terms_arw_up.png')no-repeat center; width:30px; height:30px; border: none; } #mb_landing4 .form_box .check_area .show_box .btn_down{display:block; background: url('../images/terms_arw_down.png')no-repeat center; width:30px; height:30px; border: none; } #mb_landing4 .form_box .check_area .hidden_box {position:relative; padding:15px; background:#efefef; border-radius:5px;} #mb_landing4 .btn_area {position:relative; display: flex; justify-content: center;} #mb_landing4 .btn_area .btn1 {position:relative; display:block; overflow:hidden; width:80%; max-width:500px; min-width:270px; margin:0 auto; line-height:100%; padding:2.5% 0% 2% 0%; border-radius: 9999px; background: linear-gradient(to bottom, rgba(133, 133, 133, 1), rgba(80, 80, 80, 1)); font-family: 'GmarketSansTTFBold', sans-serif; font-weight: 700; font-size:clamp(12px, 3vw, 24px); color:#fff; text-align:center; border:1px solid #858585; box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24), inset 0px 1px 0px rgba(255, 255, 255, .30); transition: all 0.3s cubic-bezier(.25,.8,.25,1);} #mb_landing4 .btn_area .btn2 {position:relative; display:block; overflow:hidden; width:300px; height:50px; line-height:50px; background: linear-gradient(to bottom, rgba(145, 173, 48, 1), rgba(110, 142, 30, 1)); font-family: 'GmarketSansTTFBold', sans-serif; font-weight: 700; font-size:28px; color:#fff; text-align:center; border-radius:35px; border:1px solid #6c8d1d; box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24), inset 0px 1px 0px rgba(255, 255, 255, .30); transition: all 0.3s cubic-bezier(.25,.8,.25,1);} #mb_landing4 img {width:100%; display:block;} #mb_landing5 {position:relative; width:100%; background:url('../images/mb_landing5_bg.gif'); } #mb_landing5 .con_area {position:relative; margin:0 auto; display: flex; justify-content: center; align-items: center; flex-direction: column;} #mb_landing5 .txt_area{position:relative; width:90%; ; margin:0 auto; display: flex; justify-content: center; align-items: left; flex-direction: column; } #mb_landing5 .txt_area .txt1{color:#000; font-family: 'GmarketSansMedium', sans-serif ; font-weight: 700; font-size:clamp(16px, 2vw, 40px); text-align:left; line-height:120%; word-break: keep-all; overflow-wrap: anywhere; } #mb_landing5 .txt_area .txt2{color:#666; font-family: 'GmarketSansMedium', sans-serif ; font-weight: 500; font-size:clamp(14px, 2vw, 28px); text-align:left; line-height:130%; word-break: keep-all; overflow-wrap: anywhere; } #mb_landing5 .txt_area .txt3{color:#888; font-family: 'GmarketSansMedium', sans-serif ; font-weight: 500; font-size:clamp(11px, 2vw, 20px); text-align:left; line-height:130%; word-break: keep-all; overflow-wrap: anywhere; } #mb_landing5 .txt_area .point1 {color:#ee1c25; font-family: 'GmarketSansTTFBold', sans-serif; font-weight: 700;} #mb_landing5 .txt_area .point2 {color:#91ad30; font-family: 'GmarketSansTTFBold', sans-serif; font-weight: 700;} #mb_landing5 .txt_area .point3 {color:#ee1c25; font-family: 'GmarketSansTTFBold', sans-serif; font-weight: 700; text-decoration:underline; text-underline-offset : 5px; text-decoration-thickness: 2px;} #mb_landing5 .img_area{position:relative; width:100%; box-sizing:border-box;} #mb_landing5 img{position:relative; width:100%; } #mb_landing6 {position:relative; width:100%; background-image:url('../images/mb_landing6_bg.gif'); background-repeat: no-repeat; background-size: 100% 50%; /* 세로만 절반 */ background-position: top center; overflow:hidden; } #mb_landing6 img{width:100%} #mb_landing6 .con_area {position:relative; margin:0 auto; display: flex; flex-direction: column; justify-content: center; align-items: center; } #mb_landing6 .ttl_area {position:relative; width:90%; text-align:center; display: flex; flex-direction: column; justify-content: center; align-items: center; } #mb_landing6 .ttl_area .ttl1 {position:relative; width:90%; max-width:400px; min-width:200px} #mb_landing6 .ttl_area .ttl2 {position:relative; color:#fff; font-family: 'GmarketSansMedium', sans-serif ; font-weight: 400; font-size:clamp(11px, 2vw, 20px); text-align:center; line-height:130%; word-break: keep-all; overflow-wrap: anywhere; } /* #mb_landing6 .box_area{position:relative; width:1200px; display: flex; justify-content: space-between; flex-direction: row;} #mb_landing6 .box_area .box{border-radius:15px; background:#fff; width:280px; height:300px; display: flex; flex-direction: column; overflow:hidden; box-sizing:border-box; box-shadow: 0 2px 4px rgba(0,0,0,0.12), 0 2px 4px rgba(0,0,0,0.24), inset 0px 2px 4px rgba(255, 255, 255, .30); transition: all 0.3s cubic-bezier(.25,.8,.25,1);} */ #mb_landing6 .box_area{position:relative; width: 100%; max-width:1200px; height: 300px; /* width:1200px; display: flex; justify-content: space-between; flex-direction: row; */ } #mb_landing6 .box_area .box{border-radius:15px; background:#fff; width: 100vw; margin: 10px 10vw; height: 300px; /* width:280px; height:300px; display: flex; flex-direction: column; */ overflow:hidden; box-sizing:border-box; box-shadow: 0 2px 4px rgba(0,0,0,0.12), 0 2px 4px rgba(0,0,0,0.24), inset 0px 2px 4px rgba(255, 255, 255, .30); transition: all 0.3s cubic-bezier(.25,.8,.25,1);} #mb_landing6 .box_area .box .img{ height:140px; overflow:hidden; } #mb_landing6 .box_area .txt_area {border-radius:15px; background:#fff; display: flex; align-items: center; flex-direction: column; padding-bottom: 30px;} #mb_landing6 .box_area .box .txt1{color:#333; font-family: 'GmarketSansTTFBold', sans-serif ; font-weight: 400; font-size:clamp(18px, 2vw, 18px); text-align:center; line-height:130%; word-break: keep-all; overflow-wrap: anywhere;} #mb_landing6 .box_area .box .txt2{color:#666; font-family: 'GmarketSansMedium', sans-serif ; font-weight: 400; font-size:clamp(14px, 2vw, 14px); text-align:center; line-height:130%; word-break: keep-all; overflow-wrap: anywhere;} #mb_landing6 .arw_left_slick {position:absolute; display:block; top:65%; left:8%; transform: translate(-70%, -50%); width:50px; height:50px; background:url('../images/arw_left.png')no-repeat center; background-size:50%; z-index:100; } #mb_landing6 .arw_right_slick {position:absolute; display:block; top:65%; right:8%; transform: translate(70%, -50%); width:50px; height:50px; background:url('../images/arw_right.png')no-repeat center; background-size:50%; z-index:100; } #mb_landing7 {position:relative; width:100%; margin:0 auto; overflow:hidden; background: #f0f0f0; overflow:auto; overflow-y:hidden; overflow-x:hidden; } #mb_landing7 .con_area {position:relative; width:90%; margin:0 auto; z-index:10; box-sizing:border-box;} #mb_landing7 .con_area .ttl{position:relative; color:#333; font-family: 'GmarketSansTTFBold', sans-serif; font-weight: 500; font-size: clamp(80px, 6vw, 100px); line-height:130%; text-align:center;} #mb_landing7 .list_area {position:relative; width:100%; margin:0 auto; overflow:auto; overflow-y:hidden; overflow-x:hidden;} #mb_landing7 .list_area .list {position:relative; border-radius:10px; overflow:hidden;} #mb_landing7 .q_area {position:relative; padding:3% 0; display:block; box-sizing:border-box; display: flex; flex-direction: row; justify-content: center; align-items: center; background:#fff; cursor: pointer;} #mb_landing7 .q_area .icon_area{position:relative; width:10%; display: flex; justify-content: center; align-items: center;} #mb_landing7 .q_area .txt_area {position:relative; width:80%;} #mb_landing7 .q_area .btn_area {position:relative; width:10%; display: flex; justify-content: center; align-items: center;} #mb_landing7 .a_area {position:relative; padding:3% 3% 3% 0; background: #eaeaea; display: flex; flex-direction: row; justify-content: center; align-items: center; background:#f9f9f9;} #mb_landing7 .a_area .icon_area{position:relative; width:10%; display: flex; justify-content: center; align-items: center;} #mb_landing7 .a_area .txt_area {position:relative; width:90%;} #mb_landing7 .list_area .arw_open {position:relative; width:20px; height:20px; display:block; background:url('../images/arw_open.png')no-repeat center; background-size:90%; border: none; } #mb_landing7 .list_area .arw_close { position:relative; width:20px; height:20px; display:block; background:url('../images/arw_close.png')no-repeat center; background-size:90%; border: none; } #mb_landing7 .list_area .icon_q{position:relative; background: #ee1c25; border-radius: 50%; font-family: 'GmarketSansTTFBold', sans-serif; font-weight: 500; color: #fff; font-size: clamp(14px, 3vw, 30px); /* 화면 크기에 따라 글자 크기 반응형 */ width: 1.5em; /* 글자 크기 기준 가로크기 (3배 정도) */ aspect-ratio: 1 / 1; display: flex; justify-content: center; align-items: center; text-align: center;} #mb_landing7 .list_area .icon_a{ position: relative; background: #91c83f; border-radius: 50%; font-family: 'GmarketSansTTFBold', sans-serif; font-weight: 500; color: #fff; font-size: clamp(14px, 3vw, 30px); /* 화면 크기에 따라 글자 크기 반응형 */ width: 1.5em; /* 글자 크기 기준 가로크기 (3배 정도) */ aspect-ratio: 1 / 1; display: flex; justify-content: center; align-items: center; text-align: center;} #mb_landing7 .faq_txt1 {position:relative; color:#333; font-family: 'GmarketSansTTFBold', sans-serif; font-weight: 500; font-size: clamp(14px, 3vw, 32px); line-height:150%; word-break: keep-all; text-align:left; } #mb_landing7 .faq_txt2 {position:relative; color:#666; background:; font-family: 'GmarketSansMedium', sans-serif ; font-weight: 400; font-size: clamp(11px, 2vw, 24px); word-break: keep-all; overflow-wrap: anywhere; line-height:150%; text-align:left; } #mb_landing7 .list_area img{display:block; width:70%; margin:0 auto; text-align:center;} /* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - * ['미래를 지키는 우리의 약속' 전체 내용보기] * 모달 안의 실제 스크롤 영역 */ #wrap_statement_mb .modal-body { padding: 25px 0; overflow-y: auto; /* 내용이 넘치면 세로 스크롤 */ max-height: calc(95vh - 60px); /* 닫기버튼 높이를 제외한 영역 */ } /* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - * [개인정보 수집/이용 동의] 자세히보기 */ .modal_mb { position: fixed; left:0; top:0; width:100%; height:100%; background: rgba(0,0,0,0.6); display:none; justify-content:center; align-items:center; } .modal_mb .modal-content { background:#fff; width:95%; max-width:600px; padding:5px; border-radius:10px; } /* 닫기 버튼 (X) */ .close-btn { position: absolute; right: 0px; top: 0px; background: transparent; border: none; font-size: 40px; cursor: pointer; line-height: 1; z-index: 10000; }