@charset "utf-8"; /**************************/ /********** LAYOUT *********/ /**************************/ #content.mgm2021 {padding-bottom:100px; color:#2d2d2d; font-family:'Roboto', 'Noto Sans KR',Malgun Gothic; font-weight: 400; letter-spacing:-1px;} #content.mgm2021 button, #content.mgm2021 input {font-family:'Roboto', 'Noto Sans KR',Malgun Gothic; font-weight: 400;} /***********************************************/ /******************** STYLE *********************/ /***********************************************/ /******** STYLE - common ********/ .layer_mask {position:fixed;top:0;left:0;z-index:9999; display:none; width:100%; background:rgba(0,0,0,0.7)} #content.mgm2021 .pd_box {padding-left:10px !important; padding-right:10px !important;} #content.mgm2021 .btn-toggle {cursor: pointer;} #content.mgm2021 .txt_point {color:#ed174d;} #content.mgm2021 .txt_point02 {color:#ffea00;} #content.mgm2021 .txt_point03 {color:#e9567b;} #content.mgm2021 .txt_add {margin-bottom:5px; line-height: 1.3em;} #content.mgm2021 .txt_add.bottom {margin-top:5px;} #content.mgm2021 .focus {outline:1px dotted #000;} #content.mgm2021 .alL {text-align:left !important;} #content.mgm2021 .alC {text-align:center !important;} #content.mgm2021 .alR {text-align:right !important;} #content.mgm2021 .vaM {vertical-align:middle !important;} #content.mgm2021 .mt05 {margin-top: 5px !important;} #content.mgm2021 .mt10 {margin-top: 10px !important;} #content.mgm2021 .mt20 {margin-top: 20px !important;} #content.mgm2021 .mt30 {margin-top: 30px !important;} #content.mgm2021 .mb05 {margin-bottom: 5px !important;} #content.mgm2021 .mb10 {margin-bottom: 10px !important;} #content.mgm2021 .mb20 {margin-bottom: 20px !important;} #content.mgm2021 .mb30 {margin-bottom: 30px !important;} #content.mgm2021 .ml00 {margin-left: 0px !important;} #content.mgm2021 .ml10 {margin-left: 10px !important;} #content.mgm2021 .ml15 {margin-left: 15px !important;} #content.mgm2021 .ml20 {margin-left: 20px !important;} #content.mgm2021 .ml30 {margin-left: 30px !important;} #content.mgm2021 .mr10 {margin-right: 10px !important;} #content.mgm2021 .mr20 {margin-right: 20px !important;} #content.mgm2021 .mr30 {margin-right: 30px !important;} /******** STYLE - #content *******/ /*** button ***/ .btn_blank_area {position:relative;} .btn_blank_area .btn_blank {position:absolute; display: block; border:none; background:transparent; text-indent: -999em; /*border:1px solid red;*/} #content.mgm2021 .page_btn_area {margin-top:50px; text-align:center;} #content.mgm2021 .para_btn_area {margin-top:25px; text-align:center;} #content.mgm2021 .btn_txt {display:inline-block; margin-left:10px; font-size:17px; font-weight:400; text-align:center; vertical-align:top; line-height:1.2em; font-family:'Roboto', 'Noto Sans KR',Malgun Gothic;} #content.mgm2021 .btn_txt:first-child {margin-left:0px;} #content.mgm2021 .btn_txt span {position:relative; display:block; min-width:50px; padding:11px 30px; background:#000; border:1px solid #000; color:#fff; line-height:1.2em;} #content.mgm2021 .btn_txt.type_2d2d2d span {background:#2d2d2d; border:1px solid #2d2d2d} #content.mgm2021 .btn_txt.big {min-width:300px;} #content.mgm2021 .btn_txt.big span {padding:23px 30px 23px; font-size:20px;} #content.mgm2021 .btn_txt.on span {border-color:#ed174d; background:#ed174d; color:#fff;} /* button - small */ #content.mgm2021 .btns_txt {border-radius:4px; box-sizing:border-box; display:inline-block; background:#555; border:1px solid #555; font-size:12px; padding:0 10px; text-align:center; margin:0 0 0 10px; color:#fff; height:21px; line-height:19px;} #content.mgm2021 .btns_txt span {display:inline-block;} /*** form item***/ #content.mgm2021 input.input_e {border:1px solid #e3e3e3; padding:15px 20px; box-sizing: border-box; vertical-align:middle; background-color: #f5f5f5; color: #909090;} /* 라디오 박스 */ #content.mgm2021 .btn_radio{display: inline-block; position:relative; height:18px; overflow: hidden;} #content.mgm2021 .btn_radio input {position:absolute; z-index:-1000; left:-1000px; overflow: hidden; clip: rect(0 0 0 0); height:1px; width:1px; margin:-1px; padding:0; border:0;} #content.mgm2021 .btn_radio input + label {padding-left:24px; height:18px;display:inline-block;line-height:18px;background-repeat:no-repeat;background-position: 0 0;font-size:12px; vertical-align:middle; cursor:pointer; letter-spacing:-1px;} #content.mgm2021 .btn_radio input[type="radio"]:checked + label, #content.mgm2021 .btn_radio label.checked {background-position: 0 -53px;} #content.mgm2021 .btn_radio label{background-image:url('/web/images/mgm2021/bg_radio.png');-webkit-touch-callout: none;-webkit-user-select: none;-khtml-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;} #content.mgm2021 .btn_radio input[type="radio"]:disabled + label, #content.mgm2021 .btn_radio label.disabled {background-position: 0 -106px !important; cursor:default;} #content.mgm2021 .btn_radio input[type="radio"]:checked:disabled + label, #content.mgm2021 .btn_radio label.checked.disabled {background-position: 0 -53px !important; cursor:default;} /* 체크박스 */ #content.mgm2021 .btn_chk{display: inline-block; position:relative;} #content.mgm2021 .btn_chk input[type='checkbox'] {position:absolute; z-index:-1000; left:-1000px; overflow: hidden; clip: rect(0 0 0 0); height:1px; width:1px; margin:-1px; padding:0; border:0;} #content.mgm2021 .btn_chk input[type='checkbox'] + label{padding-left:28px; display:inline-block; line-height:20px; background-repeat:no-repeat; background-position: 0 0px; font-size:12px; vertical-align:middle; cursor:pointer;} #content.mgm2021 .btn_chk input[type='checkbox']:checked + label{ background-position: 0 -20px; } #content.mgm2021 .btn_chk label {background-image:url('/web/images/mgm2021/chk_bg.png'); -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } #content.mgm2021 .btn_chk label span {position:absolute;visibility:hidden;overflow:hidden;line-height:0;width:0;height:0;margin:0;padding:0;} /* 셀렉트 */ #content.mgm2021 .select_box {border:none; background:#ebebeb url('/web/images/mgm2021/sel_arrow.png') no-repeat 100% 0px; padding:5px 30px 5px 10px; text-indent:3px; vertical-align: middle;height:32px; color:#333;-moz-appearance:none;-webkit-appearance:none;appearance:none;​} #content.mgm2021 .select_box2 {border:1px solid #cecece; background:#fff url('/web/images/mgm2021/sel_arrow2.png') no-repeat 100% 0px; padding:5px 35px 5px 5px; text-indent:3px; vertical-align: middle;height:28px; color:#333;-moz-appearance:none;-webkit-appearance:none;appearance:none;​} /* 셀렉트 ie 9 이상 */ select::-ms-expand {display: none;} /*** .article_area ***/ #content.mgm2021 .article_area {margin-top:70px;} #content.mgm2021 .article_area.first {margin-top:0px;} #content.mgm2021 .article_area .atc_tit_area {position:relative;} #content.mgm2021 .article_area .atc_tit {margin-bottom:20px; font-size:30px; font-weight:500; line-height:1.2em;} #content.mgm2021 .article_area .atc_tit.type02 {margin-bottom:0px; padding-bottom:5px; border-bottom:2px solid #cacaca;} #content.mgm2021 .article_area .atc_tit_area.type02 {border-bottom:2px solid #cacaca;} #content.mgm2021 .article_area .atc_tit_area.type02 .atc_tit.type02 {border-bottom: none;} #content.mgm2021 .article_area .atc_tit_area .pos_right {position:absolute; right:0px; bottom:8px;} #content.mgm2021 .article_area .atc_tit .num {display:inline-block; padding-right:5px; line-height:1.2em; font-size:26px; letter-spacing:0px;} #content.mgm2021 .article_area .atc_tit .txt {display:inline-block; vertical-align:text-top;} #content.mgm2021 .article_area .atc_tit .txt_sub {display:inline-block; font-size:15px; font-weight:400; line-height:1.2em;} #content.mgm2021 .article_area .atc_tit_sub {font-size:16px; line-height:1.4em;} #content.mgm2021 .article_area .atc_tit_img {background:none; margin-bottom:40px; padding:0 0;} #content.mgm2021 .article_area .atc_tit_img.type02 { margin-bottom:30px; } #content.mgm2021 .article_area .img_area {line-height: 0em; font-size: 0px;} #content.mgm2021 .article_area .img_area img {vertical-align:top;} #content.mgm2021 .article_area .img_area area{cursor:pointer;} #content.mgm2021 .article_area .atc_con_img {position:relative; margin-top:18px;} #content.mgm2021 .article_area .atc_con_img.first {margin-top:0px;} #content.mgm2021 .article_area .atc_btn_area {margin-top:30px; text-align:center;} #content.mgm2021 .article_area .atc_btn_area a {margin-left:15px;} #content.mgm2021 .article_area .atc_btn_area a:first-child {margin-left:0px;} /** .para_area **/ #content.mgm2021 .article_area .para_area {margin-top:20px;} #content.mgm2021 .article_area .para_area.type02 {padding-left:25px; margin-top:-2px;} #content.mgm2021 .article_area .para_area.first {margin-top:0px;} #content.mgm2021 .article_area .para_area.more_area {display: none;} #content.mgm2021 .article_area .para_area.more_area.active {display:block;} #content.mgm2021 .article_area .para_area .para_tit {} #content.mgm2021 .article_area .half_box {padding:30px 0px 25px; border-top:1px solid #000; border-bottom:1px solid #000;} #content.mgm2021 .article_area .half_box:after {content:""; display:block; clear:both;} #content.mgm2021 .article_area .half_box .box {width: 48%;} #content.mgm2021 .article_area .half_box .box.left {float:left;} #content.mgm2021 .article_area .half_box .box.right {float:right; width:45%;} /* 친구추천 - 추천인 */ /* #content.mgm2021 .article_area a, #content.mgm2021 .article_area button {background:rgba(255,0,0,0.5);} */ #content.mgm2021 .article_area div[class*="cont010"]{position:relative;} #content.mgm2021 .article_area div[class*="cont010"] a, #content.mgm2021 .article_area div[class*="cont010"] button{display:block; position:absolute;} #content.mgm2021 .article_area .cont0101 .cont0101_btn01{width:40%; height:10%; top:81.45%; left:29.5%;} #content.mgm2021 .article_area .cont0102 a {height:6%; width:36%;} #content.mgm2021 .article_area .cont0102_01 .cont0102_btn01 {top:88.3%; left:37.95%; width:42%;} #content.mgm2021 .article_area .cont0102_02 .cont0102_btn02 {top:89%; left:41%;} #content.mgm2021 .article_area .cont0102_03 .cont0102_btn03 {top:72%; left:10.6%; height:18%;} #content.mgm2021 .article_area .cont0103 button{width:36%; height:6.5%; left:10.2%;} #content.mgm2021 .article_area .cont0103 .cont0103_btn01{top:39.7%;} #content.mgm2021 .article_area .cont0103 .cont0103_btn02{top:71.3%;} #content.mgm2021 .article_area .cont0104 a{width:31%; height:4.5%; left:9%;} #content.mgm2021 .article_area .cont0104 .cont0104_btn01{top:37.4%; left:7.5%;} #content.mgm2021 .article_area .cont0104 .cont0104_btn02{top:66.6%;} #content.mgm2021 .article_area .cont0104 .cont0104_btn03{top:92.2%;} #content.mgm2021 .article_area .cont0106 .cont0106_btn01{width:36%; height:29%; top:55%; left:32%;} /* 친구추천 - 피추천인 */ #content.mgm2021 .article_area div[class*="cont02"]{position:relative;} #content.mgm2021 .article_area div[class*="cont02"] a, #content.mgm2021 .article_area div[class*="cont02"] button{display:block; position:absolute;} #content.mgm2021 .article_area .cont0202 button{width:28.2%; left:62%;} #content.mgm2021 .article_area .cont0202_rate_01 button {height:5%;} #content.mgm2021 .article_area .cont0202_rate_01 .btn_01{top:26.5%;} #content.mgm2021 .article_area .cont0202_rate_01 .btn_02{top:40.3%;} #content.mgm2021 .article_area .cont0202_rate_01 .btn_03{top:53.2%;} #content.mgm2021 .article_area .cont0202_rate_01 .btn_04{top:66.0%;} #content.mgm2021 .article_area .cont0202_rate_01 .btn_05{top:79%;} #content.mgm2021 .article_area .cont0202_rate_01 .btn_06{top:91.8%;} #content.mgm2021 .article_area .cont0202_rate_02 button {height:13%;} #content.mgm2021 .article_area .cont0202_rate_02 .btn_01{top:47%;} #content.mgm2021 .article_area .cont0202_rate_02 .btn_02{top:79.5%;} #content.mgm2021 .article_area .cont0202_rate_03 button {height:14.7%;} #content.mgm2021 .article_area .cont0202_rate_03 .btn_01{top:37.5%;} #content.mgm2021 .article_area .cont0202_rate_03 .btn_02{top:76%;} #content.mgm2021 .article_area .cont0202_rate_04 button {height:9.7%;} #content.mgm2021 .article_area .cont0202_rate_04 .btn_01{top:36.2%;} #content.mgm2021 .article_area .cont0202_rate_04 .btn_02{top:60.5%;} #content.mgm2021 .article_area .cont0202_rate_04 .btn_03{top:84.85%;} #content.mgm2021 .article_area .cont0202_rate_05 button {height:5%;} #content.mgm2021 .article_area .cont0202_rate_05 .btn_01{top:13.5%;} #content.mgm2021 .article_area .cont0202_rate_05 .btn_02{top:26.7%;} #content.mgm2021 .article_area .cont0202_rate_05 .btn_03{top:39.8%;} #content.mgm2021 .article_area .cont0202_rate_05 .btn_04{top:52.8%;} #content.mgm2021 .article_area .cont0202_rate_05 .btn_05{top:66%;} #content.mgm2021 .article_area .cont0202_rate_05 .btn_06{top:79.0%;} #content.mgm2021 .article_area .cont0202_rate_05 .btn_07{top:91.9%;} #content.mgm2021 .article_area .cont0202_rate_06 button {height:12.5%;} #content.mgm2021 .article_area .cont0202_rate_06 .btn_01{top:48.2%;} #content.mgm2021 .article_area .cont0202_rate_06 .btn_02{top:80.2%;} #content.mgm2021 .article_area .cont0202_rate_07 button {height:10%;} #content.mgm2021 .article_area .cont0202_rate_07 .btn_01{top:36.8%;} #content.mgm2021 .article_area .cont0202_rate_07 .btn_02{top:60.7%;} #content.mgm2021 .article_area .cont0202_rate_07 .btn_03{top:84.7%;} #content.mgm2021 .article_area .cont0202_rate_09 button {width:20%; height:4.5%; left:71%;} #content.mgm2021 .article_area .cont0202_rate_09 .btn_01{top:30.0%;} #content.mgm2021 .article_area .cont0202_rate_09 .btn_02{top:51.0%;} #content.mgm2021 .article_area .cont0202_rate_09 .btn_03{top:72%;} #content.mgm2021 .article_area .cont0202_rate_09 .btn_04{top:93%;} #content.mgm2021 .article_area .cont0202 a {width:29%; height:3.0%; left:58.2%;} #content.mgm2021 .article_area .cont0202_phone_01 .btn_01{top:36.2%;} #content.mgm2021 .article_area .cont0202_phone_01 .btn_02{top:46.6%;} #content.mgm2021 .article_area .cont0202_phone_01 .btn_03{top:57.1%;} #content.mgm2021 .article_area .cont0202_phone_01 .btn_04{top:67.5%;} #content.mgm2021 .article_area .cont0202_phone_01 .btn_05{top:78.0%;} #content.mgm2021 .article_area .cont0202_phone_01 .btn_06{top:88.4%;} #content.mgm2021 .article_area .cont0203 a {width:36%; height:3.2%; left:32%;} #content.mgm2021 .article_area .cont0203 .btn_01{top:44.1%;} #content.mgm2021 .article_area .cont0203 .btn_02{top:80.8%; left:19.5%; width:30.4%; height:4.9%;} #content.mgm2021 .article_area .cont0203 .btn_03{top:80.8%; left:52.5%; width:30.4%; height:4.9%;} #content.mgm2021 .article_area .cont0203 .btn_04{top:93%;} #content.mgm2021 .article_area .cont0204 a {width:37%; left:40%;} #content.mgm2021 .article_area .cont0204_02 .btn_02{top:70%; height:24%;} #content.mgm2021 .article_area .cont0204_03 .btn_03{top:73%; height:18%;} #content.mgm2021 .article_area .cont0204_04 .btn_04{top:78%; height:15%; width:70%;} #content.mgm2021 .article_area .cont0205 a {width:31%; height:4.6%; left:8.8%;} #content.mgm2021 .article_area .cont0205 .btn_01{top:33%; left:7.7%;} #content.mgm2021 .article_area .cont0205 .btn_02{top:59.7%;} #content.mgm2021 .article_area .cont0205 .btn_03{top:86.7%;} #content.mgm2021 .article_area .tab_area {position:relative; top:0; z-index:2;} #content.mgm2021 .article_area .cont0202.tab_area a {width:48.3%; height:71%; top:14%;} #content.mgm2021 .article_area .cont0202.tab_area .btn_01 {left:1.6%;} #content.mgm2021 .article_area .cont0202.tab_area .btn_02 {left:50%;} /* 240123 cv상담사 페이지 추가 */ .cvpWrap .article_area .img_area{position:relative;} .cvpWrap .article_area .img_area a {display:block; position:absolute; width:295px; height:60px;} .cvpWrap .article_area .cont0405 .btnBlank01{top:456px; left: 137px;} .cvpWrap .article_area .cont0405 .btnBlank02{top:456px; left: 691px;} .cvpWrap .article_area .cont0405 .btnBlank03{top:756px; left: 137px;} .cvpWrap .article_area .cont0405 .btnBlank04{top:756px; left: 691px;} .cvpWrap .article_area .cont0405 .btnBlank05{top:1057px; left: 137px;} .cvpWrap .article_area .cont0405 .btnBlank06{top:1057px; left: 691px;} .cvpWrap .article_area .cont0406 .btnBlank01{top:339px; left: 247px;} .cvpWrap .article_area .cont0406 .btnBlank02{top:339px; left: 595px;} .cvpWrap .article_area .cont0406 .btnBlank03{top:610px; left: 247px;} .cvpWrap .article_area .cont0406 .btnBlank04{top:610px; left: 595px;} .cvpWrap .article_area .cont0407 .btnBlank01{top:247px; left: 247px;} .cvpWrap .article_area .cont0407 .btnBlank02{top:247px; left: 595px;} .cvpWrap .article_area .cont0407 .btnBlank03{top:497px; left: 247px;} .cvpWrap .article_area .cont0407 .btnBlank04{top:497px; left: 595px;} .cvpWrap .article_area .cont0408 .btnBlank01{top:329px; left: 247px;} .cvpWrap .article_area .cont0408 .btnBlank02{top:329px; left: 595px;} .cvpWrap .article_area .img_area .cont0409_btn01{top:766px; left: 299px; width: 534px; height: 96px;} .cvpPop{display:none; width:100%; height:100%; position:fixed; top:0; left:0; background:rgba(0, 0, 0, 0.65); z-index:20;} .cvpPop .cvpPopCon{width:717px; height:100%; position:absolute; top:0; left:50%; margin-left:-358.5px; font-size:0;} .cvpPop .cvpPopCon .img{height:90%; margin-top:5%; overflow-y:auto;} .cvpPop .cvpPopCon .img > img{width:100%;} .cvpPop .cvpPopCon .xBtn{display:block; padding:5px; position:absolute; top:4%; right:-45px;} /* 240123 cv상담사 페이지 추가 */ /* 240118 DB마케팅 - 맞춤형 통신생활 가이드 */ .marketingWrap .article_area .img_area{position:relative;} .marketingWrap .article_area .img_area a {display:block; position:absolute; width:295px; height:60px;} .marketingWrap .article_area .cont0404 .btnBlank01{top:456px; left: 137px;} .marketingWrap .article_area .cont0404 .btnBlank02{top:456px; left: 691px;} .marketingWrap .article_area .cont0404 .btnBlank03{top:756px; left: 137px;} .marketingWrap .article_area .cont0404 .btnBlank04{top:756px; left: 691px;} .marketingWrap .article_area .cont0404 .btnBlank05{top:1057px; left: 137px;} .marketingWrap .article_area .cont0404 .btnBlank06{top:1057px; left: 691px;} .marketingWrap .article_area .cont0405 .btnBlank01{top:339px; left: 247px;} .marketingWrap .article_area .cont0405 .btnBlank02{top:339px; left: 595px;} .marketingWrap .article_area .cont0405 .btnBlank03{top:610px; left: 247px;} .marketingWrap .article_area .cont0405 .btnBlank04{top:610px; left: 595px;} .marketingWrap .article_area .cont0406 .btnBlank01{top:247px; left: 247px;} .marketingWrap .article_area .cont0406 .btnBlank02{top:247px; left: 595px;} .marketingWrap .article_area .cont0406 .btnBlank03{top:497px; left: 247px;} .marketingWrap .article_area .cont0406 .btnBlank04{top:497px; left: 595px;} .marketingWrap .article_area .cont0407 .btnBlank01{top:329px; left: 247px;} .marketingWrap .article_area .cont0407 .btnBlank02{top:329px; left: 595px;} .marketingWrap .article_area .img_area .cont0409_btn01{top:766px; left: 299px; width: 534px; height: 96px;} /* 240118 DB마케팅 - 맞춤형 통신생활 가이드 */ /* 240201 MYLGID 히든페이지 */ .mylgidWrap .article_area .img_area{position:relative;} .mylgidWrap .article_area a{display:block; position:absolute; left:32.2%; width:36.5%;} .mylgidWrap .article_area .cont0202 .btnBlank01{top:71%; height:15%;} .mylgidWrap .article_area .cont0203 .btnBlank01{top:30%; height:6%;} .mylgidWrap .article_area .cont0203 .btnBlank02{top:58.8%; height:6%;} .mylgidWrap .article_area .cont0203 .btnBlank03{top:87.6%; height:6%;} .mylgidWrap .article_area .cont0204 .btnBlank01{top:42%; height:8.5%;} .mylgidWrap .article_area .cont0204 .btnBlank02{top:82%; height:8.5%;} /* 240201 MYLGID 히든페이지 */ /* 240111 갤럭시S24 친구추천 추가 */ .galaxyWrap .article_area .img_area{position:relative;} .galaxyWrap .article_area .cont02 a{display:block; width:416px; height:52px; position:absolute; bottom:394px; right:362px;} .galaxyWrap .article_area .btn_blank_area a{display:block; width:143px; height:45px; position:absolute; left:530px;} .galaxyWrap .article_area .btn_blank_area .btn_blank01{top:164px;} .galaxyWrap .article_area .btn_blank_area .btn_blank02{top:372px;} .galaxyWrap .article_area .btn_blank_area .btn_blank03{top:580px;} .galaxyWrap .article_area .btn_blank_area .btn_blank04{top:788px;} .galaxyWrap .article_area .cont05 .btn_blank01{top:429px;} .galaxyWrap .article_area .cont05 .btn_blank02{top:637px;} .galaxyWrap .article_area .cont05 .btn_blank03{top:845px;} /* 240111 갤럭시S24 친구추천 추가 */ /* 240111 친구추천 및 히든페이지 유의사항 공통 css */ .notice-friend-wrap{padding:60px 40px 40px;} .notice-friend-wrap >p{font-size:28px;} .notice-friend li{position:relative; margin-top:5px; font-size:16px; line-height:1.4;} .notice-friend li.noBefore{padding-left:0 !important;} .notice-friend li.noBefore:before{display:none !important;} .notice-friend li.noBefore:after{display:none !important;} .notice-friend.hyphen > li{padding-left:10px;} .notice-friend.hyphen > li:before{content:"-"; position:absolute; left:0; top:0px; line-height:1.25;} .notice-friend.circle > li{padding-left:10px;} .notice-friend.circle > li:before{content:"•"; position:absolute; left:0; top:0px; line-height:1.25;} .notice-friend li.star:before{content:"*"; line-height:1.9;} .notice-friend.count{counter-reset:liCount;} .notice-friend.count > li{padding-left:15px; counter-increment:liCount;} .notice-friend.count > li:before{content:counter(liCount)"."; display:block; position:absolute; top:0; left:0;} .notice-friend.count-half-circle{counter-reset:liCount;} .notice-friend.count-half-circle > li{padding-left:15px; counter-increment:liCount;} .notice-friend.count-half-circle > li:before{content:counter(liCount)")"; display:block; position:absolute; top:0; left:0;} .notice-friend.count-circle{counter-reset:liCount;} .notice-friend.count-circle > li{padding-left:23px; counter-increment:liCount;} .notice-friend.count-circle > li:before{content:counter(liCount); display:block; position:absolute; top:1px; left:5px; font-size:13px;} .notice-friend.count-circle > li:after{content:''; width:16px; height:16px; border:1px solid #ffffff; border-radius:50%; position:absolute; top:2px; left:0;} .notice-friend .noti_link{display:inline-block; margin:1px 0; padding:1px 0; border-bottom:1px solid #fff;} .notice-friend-wrap > span{display:block; margin-top:20px; font-size:16px; font-weight:bold;} .notice-friend-wrap > h3{font-size:28px; font-weight:normal;} .notice-friend-wrap > h4{margin-top:20px; font-size:16px;} .notice-friend-wrap > h5{margin-top: 20px; font-size:16px; font-weight: normal;} .notice-friend.star li{padding-left: 10px;} .notice-friend.star li:before {content:"*"; position: absolute; left: 0; top: 0; line-height:1.9;} .cvpWrap .notice-friend-wrap, .marketingWrap .notice-friend-wrap, .mylgidWrap .notice-friend-wrap{background:#484848; color:#b8b4b4; padding:40px;} .notice-table {width:80%; border-collapse:collapse; border-spacing:0; margin-top:5px;} .notice-table.center {text-align:center;} .notice-table th, .notice-table td{border:1px solid #ffffff; padding:10px 5px; vertical-align:middle;} .notice-table th {background:#454545;} /* 240111 친구추천 및 히든페이지 유의사항 공통 css */ /*** paging_area ***/ #content.mgm2021 div.paging_area {clear:both; margin-top:20px; margin-bottom:30px;text-align:center; line-height:23px; vertical-align:middle;} #content.mgm2021 div.paging_area > a {position:relative; display:inline-block; width:32px; height:32px; border:1px solid #ddd; background:#fff; vertical-align:middle; text-align:center; line-height:1;} #content.mgm2021 div.paging_area a.btn_frst, #content.mgm2021 div.paging_area a.btn_last, #content.mgm2021 div.paging_area a.btn_prev, #content.mgm2021 div.paging_area a.btn_next {width:32px; height:32px;} #content.mgm2021 div.paging_area a.btn_frst:before, #content.mgm2021 div.paging_area a.btn_last:before, #content.mgm2021 div.paging_area a.btn_prev:before, #content.mgm2021 div.paging_area a.btn_next:before {content:''; display:block; position:absolute; top:50%; left:50%; width:6px; height:9px; background:url('/web/images/mgm2021/bg_paging_arrow.png') no-repeat right top;} #content.mgm2021 div.paging_area a.btn_frst:before, #content.mgm2021 div.paging_area a.btn_last:before {width:10px; background-position:left top;} #content.mgm2021 div.paging_area a.btn_frst:before, #content.mgm2021 div.paging_area a.btn_prev:before {transform:translate(-50%,-50%);} #content.mgm2021 div.paging_area a.btn_last:before, #content.mgm2021 div.paging_area a.btn_next:before {transform:translate(-50%,-50%) rotate(180deg);} #content.mgm2021 div.paging_area a.btn_frst {margin-right:2px; background-position:0 0;} #content.mgm2021 div.paging_area a.btn_prev {margin-right:2px; background-position:-24px 0;} #content.mgm2021 div.paging_area a.btn_next {background-position:-48px 0;} #content.mgm2021 div.paging_area a.btn_last {margin-left:2px; background-position:100% 0;} #content.mgm2021 div.paging_area > nav {display:inline-block; } #content.mgm2021 div.paging_area > nav > a, #content.mgm2021 div.paging_area > nav > strong {display:inline-block; width:32px; height:32px; font-size:16px; color:#666; border:0; line-height:32px; text-align:center; vertical-align:middle;} #content.mgm2021 div.paging_area > nav > strong {border:0; font-weight:500; color:#ed174b;} #content.mgm2021 div.paging_area > nav > a:hover, #content.mgm2021 div.paging_area > nav > a:focus {font-weight:500;} /***********************************************************/ /********************* LAYER POPUP STYLE **********************/ /***********************************************************/ /******** LAYER POPUP STYLE - common ********/ #content.mgm2021 .popupArea {position:absolute; z-index:99999; display:none; background:#fff; width:100%; left:50%; transform: translateX(-50%); box-sizing:border-box; border:1px solid #9b9b9b; color:#000; font-size:12px;} #content.mgm2021 .popupArea .popWrapArea {padding-bottom: 40px;} #content.mgm2021 .popupArea .popTxt_point {color:#ed174d;} #content.mgm2021 .popupArea .popExp_txt {margin-top:10px; color:#ed174d; font-size:12px; line-height: 1.4em;} #content.mgm2021 .popupArea .popExp_txt.top {margin:0 0 10px; } #content.mgm2021 .popupArea .popWrapArea .popTitleArea {background:#ed174d; border:none; margin:0 0px 20px; padding:16px 30px 16px; font-weight:400; letter-spacing:-2px; font-size:20px; color:#fff; height:auto; line-height: 22px;} #content.mgm2021 .popupArea .popWrapArea .popContArea {position:relative; padding:0px 30px 0px;} #content.mgm2021 .popupArea.type02 .popWrapArea .popContArea {padding:0px 0px 0px;} #content.mgm2021 .popupArea .popClose {position:absolute; right:20px; top:16px; width:20px; height:20px; background:url('/web/images/mgm2021/pop/btn_close.png') no-repeat 0 0; background-size:100%; text-indent:-999em;} #content.mgm2021 .popupArea .popClose.type02 {background-url:url('/web/images/mgm2021/pop/btn_close_s.png');} /*** button ***/ #content.mgm2021 .popupArea .popPage_btn_area {margin-top:30px; text-align:center;} #content.mgm2021 .popupArea .popBtn_txt {display:inline-block; background:#ed174d; border:1px solid #ed174d; border-radius:4px; color:#fff; font-size:14px; min-width:150px; padding:0 20px; vertical-align:middle; text-align:center; margin-left:5px; height:38px; line-height:38px;} #content.mgm2021 .popupArea .popBtn_txt span {display:block;} #content.mgm2021 .popupArea .popBtn_txt:first-child {margin-left:0px;} #content.mgm2021 .popupArea .popBtn_txt.type_white {background:#fff; border:1px solid #ed174d; color:#ed174d;} #content.mgm2021 .popupArea .popBtn_txt.big {height:36px; line-height:36px; min-width:170px; font-size:16px;} /*** .popArticle_area ***/ #content.mgm2021 .popupArea .popArticle_area {margin-top:40px;} #content.mgm2021 .popupArea .popArticle_area.first {margin-top:0px;} #content.mgm2021 .popupArea .popArticle_area .popAtc_tit {margin-bottom:25px; font-size:18px; line-height:1.2em;} #content.mgm2021 .popupArea .popArticle_area .popAtc_tit .num {display:inline-block; padding-right:5px; line-height:1.2em; font-size:26px; letter-spacing:0px;} #content.mgm2021 .popupArea .popArticle_area .popAtc_tit .txt {display:inline-block; vertical-align:text-top;} #content.mgm2021 .popupArea .popArticle_area .popAtc_tit .txt_sub {display:inline-block; font-size:15px; font-weight:400; line-height:1.2em;} #content.mgm2021 .popupArea .popArticle_area .popAtc_tit_img {background:none; margin-bottom:40px; padding:0 0;} #content.mgm2021 .popupArea .popArticle_area .popAtc_tit_img.type02 { margin-bottom:30px; } #content.mgm2021 .popupArea .popArticle_area .popAtc_con_img {margin-top:30px;} #content.mgm2021 .popupArea .popArticle_area .popAtc_con_img.first {margin-top:0px;} /** .para_area **/ #content.mgm2021 .popupArea .popArticle_area .popPara_area {margin-top:25px;} #content.mgm2021 .popupArea .popArticle_area .popPara_area.type02 {padding-left:25px; margin-top:-2px;} #content.mgm2021 .popupArea .popArticle_area .popPara_area.first {margin-top:0px;} #content.mgm2021 .popupArea .popArticle_area .popPara_area .popPara_tit {} #content.mgm2021 .popupArea .popArticle_area .popPara_area .text_area{font-size: 14px; text-align:center;} /*** .popFormList ***/ #content.mgm2021 .popupArea {} #content.mgm2021 .popupArea .popFormList .item {padding-top:20px; font-size:18px;} #content.mgm2021 .popupArea .popFormList .item:first-child {padding-top:0px;} #content.mgm2021 .popupArea .popFormList .item:after {content:""; display:block; clear:both;} #content.mgm2021 .popupArea .popFormList .item .tit {float:left; width:6%; margin-top: 18px; padding-right:2%; font-size: 14px;} #content.mgm2021 .popupArea .popFormList .item .data {float:left; width:92%;} #content.mgm2021 .popupArea .popFormList .item .data.type02 {width:100%;} #content.mgm2021 .popupArea .popFormList .item .data input.input_e {width: 100%;} #content.mgm2021 .popupArea .popFormList .item .exp {vertical-align:middle; font-size:16px; padding-left: 10px;} /*** table ***/ #content.mgm2021 .popupArea .popTbl_style {background:#fff; width:100%; text-align: center; border-collapse:collapse; border-top:2px solid #000; border-right:1px solid #ccc;} #content.mgm2021 .popupArea .popTbl_style th, #content.mgm2021 .popupArea .popTbl_style td {border-bottom:solid 1px #ccc; border-left:solid 1px #ccc; font-size:14px; line-height:1.7em; vertical-align:middle; padding:25px 7px; text-align:center;} #content.mgm2021 .popupArea .popTbl_style tr.last th, .popTbl_style tr.last td {border-bottom:none;} #content.mgm2021 .popupArea .popTbl_style th {background:#eee; font-size:14px; font-weight:500; text-align:center;} #content.mgm2021 .popupArea .popTbl_style th.text, #content.mgm2021 .popupArea .popTbl_style td.text {padding-left:15px !important; text-align:left !important;} #content.mgm2021 .popupArea .popTbl_style.type_s th, #content.mgm2021 .popupArea .popTbl_style.type_s td {padding:7px 0 7px 0;} #content.mgm2021 .popupArea .popTbl_style.type_s th {background:#f5f5f5; font-size:14px;} /*** mgm_event ***/ #content.mgm2021 .popupArea .mgm_event{} #content.mgm2021 .popupArea .mgm_event .wrap{padding: 15px;} #content.mgm2021 .popupArea .mgm_event table{width: 100%; font-size: 22px; text-align: left; } #content.mgm2021 .popupArea .mgm_event table:first-child{border-bottom: 1px solid #cdcdcd; } #content.mgm2021 .popupArea .mgm_event table:nth-child(2){ border-bottom: 1px dashed #cdcdcd; } #content.mgm2021 .popupArea .mgm_event table th{text-align: left; font-weight: normal; vertical-align:middle; } #content.mgm2021 .popupArea .mgm_event table th, #content.mgm2021 .popupArea .mgm_event table td{padding-bottom: 15px;} #content.mgm2021 .popupArea .mgm_event table th{padding-left: 20px; font-size: 18px;} #content.mgm2021 .popupArea .mgm_event table td{padding-right: 20px;} #content.mgm2021 .popupArea .mgm_event table td strong{font-size: 20px;} #content.mgm2021 .popupArea .mgm_event .btn_radio{ float: left; width: 50%; height: auto; } #content.mgm2021 .popupArea .mgm_event .item3 .btn_radio{width: 33.333333333%;} #content.mgm2021 .popupArea .mgm_event input[type=radio], #content.mgm2021 .popupArea .mgm_event input[type=checkbox] {border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } #content.mgm2021 .popupArea .mgm_event .btn_radio input[type="radio"]+label { padding: 5px 0 6px; width: 100%; height: auto; display: inline-block; font-size: 16px; color: #6b6b6b; box-sizing: border-box; background: #f5f5f5; line-height: 1.4; text-align: center; word-break: keep-all; border: 1px solid #cdcdcd; } #content.mgm2021 .popupArea .mgm_event .btn_radio input[type="radio"]:checked+label { font-weight: bold; color: #ed174d; border: 1px solid #ed174d; background: #fff; } #content.mgm2021 .popupArea .mgm_event .btn_radio:first-child input[type="radio"]+label { border-right: 0; } #content.mgm2021 .popupArea .mgm_event .btn_radio:first-child input[type="radio"]:checked+label { border-right: 1px solid #ed174d; } #content.mgm2021 .popupArea .mgm_event .btn_radio:last-child input[type="radio"]+label { border-left: 0; } #content.mgm2021 .popupArea .mgm_event .btn_radio:last-child input[type="radio"]:checked+label { border-left: 1px solid #ed174d; } #content.mgm2021 .popupArea .mgm_event .item3 .btn_radio:nth-child(2) input[type="radio"]+label { border-left: 0;} #content.mgm2021 .popupArea .mgm_event .item3 .btn_radio:nth-child(2) input[type="radio"]:checked+label { border-left: 1px solid #ed174d; border-right: 1px solid #ed174d; } #content.mgm2021 .popupArea .mgm_event .item3 .btn_radio input[type="radio"]+label.line{border-right: 0; border-left: 1px solid #cdcdcd;} #content.mgm2021 .popupArea .mgm_event span.smt, .usim_event .tip_usim{font-size: 16px;} #content.mgm2021 .popupArea .mgm_event .tip_usim{border-bottom: 1px solid #000; padding-bottom: 2px; position: relative; margin-left: 26px; padding-right: 20px; font-size: 16px;} #content.mgm2021 .popupArea .mgm_event .tip_usim:after {position: absolute; display: block; width: 16px; height: 15px; top: 3px; right: 0; color: #fff; font-size: 12px; text-align: center; line-height: 15px; content: '?'; background-color: #000; border-radius: 12px; } #content.mgm2021 .popupArea .mgm_event .usim_info{margin-top: 12px;} #content.mgm2021 .popupArea .mgm_event .usim_info span{font-size: 20px; font-weight: bold; vertical-align:middle;} #content.mgm2021 .popupArea .mgm_event .usim_info input{width:310px; font-size: 20px; padding: 4px 20px 3px 20px; margin: 0; font-weight: bold; font-family: 'Noto Sans KR'; color: #000;} #content.mgm2021 .popupArea .mgm_event .usim_info input::placeholder{font-size: 18px; line-height: 18px; font-weight: normal; position: relative; top: -3px;} #content.mgm2021 .popupArea .mgm_event .usim_info input::-webkit-input-placeholder {font-size: 18px; font-weight: normal } #content.mgm2021 .popupArea .mgm_event .usim_info input:-ms-input-placeholder {font-size: 18px; font-weight: normal} #content.mgm2021 .popupArea .mgm_event .usim_info input[type="number"]{border:1px solid #d7d7d7; box-sizing:border-box;} #content.mgm2021 .popupArea .mgm_event .usim_info input[type="number"]::-webkit-outer-spin-button, #content.mgm2021 .popupArea .mgm_event .usim_info input[type="number"]::-webkit-inner-spin-button{margin:0; -webkit-appearance:none;} #content.mgm2021 .popupArea .mgm_event .usim-area td{text-align: right;} #content.mgm2021 .popupArea .mgm_event table .price th, #content.mgm2021 .popupArea .mgm_event table .price td{padding:6px 0;} #content.mgm2021 .popupArea .mgm_event table .price th{font-size: 24px; font-weight: bold; padding-left: 20px;} #content.mgm2021 .popupArea .mgm_event table .price td{padding-right: 20px;} #content.mgm2021 .popupArea .mgm_event table .price .text_right{text-align: right; font-size: 14px;} #content.mgm2021 .popupArea .mgm_event table .price .text_right strong{font-size: 22px; display: block; margin-bottom: 6px;} #content.mgm2021 .popupArea .mgm_event table .price .text_right strong em{font-size: 32px; color: #ed174d; position: relative; bottom: -2px;} #content.mgm2021 .popupArea .mgm_event .btn_wrap.pop [class^="btn_large"]{width: 220px; height: 44px; padding:0;} #content.mgm2021 .popupArea .mgm_event .btn_wrap.pop [class^="btn_large"] .btn_txt{font-size: 20px; line-height: 22px; font-weight: bold; vertical-align: middle; display: table-cell;} #content.mgm2021 .popupArea .mgm_event .btn_wrap{margin: 15px 16px 0 16px; justify-content: center;} #content.mgm2021 .popupArea .mgm_event .progress_wrap{text-align: center; background-color: #fafafa; padding: 30px 48px} #content.mgm2021 .popupArea .mgm_event .progress_wrap .tit{font-size: 20px; margin-bottom: 20px; font-weight: normal;} #content.mgm2021 .popupArea .mgm_event .progress_wrap .tit .red{color: #ed174d; font-weight: bold;} #content.mgm2021 .popupArea .mgm_event .progress_wrap .progress_info img{width: 100%; height: auto; max-width: 480px;} #content.mgm2021 .popupArea .mgm_event .usim-area{display: none;} #content.mgm2021 .popupArea .mgm_event .usim-area.on{display: table-row;} #content.mgm2021 .popupArea .tooltipLayer{position: absolute; width:80%; transform: translateX(-50%); height:400px; top: 30%; left: 50%; border:1px solid #222; background-color: #fcfcfc; text-align: center;} #content.mgm2021 .popupArea .tooltipLayer .imgWrap {width:340px; margin: 0 auto; padding-top: 40px; } #content.mgm2021 .popupArea .tooltipLayer img{width: 100%;} #content.mgm2021 .popupArea .tooltipLayer .tooltip_Close {display: block; z-index: 10; position: absolute; top: 20px; right: 20px; width: 20px; height: 20px; cursor: pointer; } #content.mgm2021 .popupArea .tooltipLayer .tooltip_Close:before, #content.mgm2021 .popupArea .tooltipLayer .tooltip_Close:after {content: ''; position: absolute; top: -2px; width: 2px; height: 100%; background: #000; } #content.mgm2021 .popupArea .tooltipLayer .tooltip_Close:before {left: 9px; transform: rotate(45deg );} #content.mgm2021 .popupArea .tooltipLayer .tooltip_Close:after {right: 9px; transform: rotate(-45deg );} /* 유심 원칩추가 - 211117 */ #content.mgm2021 .popupArea .usim-area02 span.smt{display:block; padding-left:18px; margin-bottom:20px; color:#ed174d; line-height:1.5; text-align:left;} #content.mgm2021 .popupArea .usim-area02 ul{margin-bottom:15px; font-size:0; text-align:left;} #content.mgm2021 .popupArea .usim-area02 ul li{display:inline-block; width:50%; padding:0 0 1px 30px; background:url("/web/images/usim/radio_off.png") top 1px left no-repeat; vertical-align:top; font-size:0; box-sizing:border-box;} #content.mgm2021 .popupArea .usim-area02 ul li span{display:inline-block; font-size:16px; line-height:1.3; vertical-align:middle;} #content.mgm2021 .popupArea .usim-area02 ul li .tip_usim{display:inline-block; width:19px; height:19px; line-height:19px; margin-left:5px; font-size:15px; color:#fff; background:#000; border-radius:50%; vertical-align:1px; border-bottom:0; padding:0; vertical-align:middle; text-align:center;} #content.mgm2021 .popupArea .usim-area02 ul li .tip_usim:after{display:none;} #content.mgm2021 .popupArea .usim-area02 ul li.on{background-image:url("/web/images/usim/radio_on.png");} #content.mgm2021 .popupArea .usim-area02 ul li.on span{color:#ed174d; cursor:pointer;} #content.mgm2021 .popupArea .usim-area02 .usim_info{display:none; font-size:0;} #content.mgm2021 .popupArea .mgm_event .usim-area02 .usim_info > *{display:inline-block; margin-right:5px;} #content.mgm2021 .popupArea .mgm_event .usim-area02 .usim_info > *:last-child{margin-right:0;} #content.mgm2021 .popupArea .usim-area02 .usim_info.on{display:block;} #content.mgm2021 .popupArea .usim-area02 .usim_info select{width:110px; height:38px; padding:0 20px 0 12px; border:1px solid #cdcdcd; font-size:18px; font-weight:bold; letter-spacing:-1px; background:#fff url('/web/images/sub/renew202106/ico_arrow_blck_down.png') center right 5px no-repeat; box-sizing:border-box; font-family:'Noto Sans KR'; vertical-align:top;} #content.mgm2021 .popupArea .tooltipLayer.onechipTooltip .imgWrap{width:410px;} /* 유심 원칩추가 - 211117 */ /* 친구추천 유의사항 250103 */ .notice-friend-wrap.renew{padding:0;} .notice-friend-wrap h5 {font-size:24px; font-weight:700; margin:60px 0 25px;} .notice-friend-wrap .viewNotice {margin-bottom:30px; border-top:1px solid #000;} .notice-friend-wrap .viewNotice > div {border-bottom:1px solid #ebebeb;} .notice-friend-wrap .viewNotice dt {font-size:17.5px; font-weight:500; line-height:28px; cursor: pointer; padding:24px 0; position:relative;} .notice-friend-wrap .viewNotice dt::after {content:''; display:block; width:24px; height:24px; position:absolute; top:25px; right:20px; background:url('/web/images/sub/ico/ico_toggle_arrow.png') no-repeat 0 0;} .notice-friend-wrap .viewNotice dt.on::after {content:''; background-position-y:-24px;} .notice-friend-wrap .viewNotice dd {font-size:13px; color:#555; line-height:26px; padding:24px 32px; background: #f7f7f7; display: none;} .notice-friend-wrap .viewNotice dd p {line-height:26px;} .notice-friend li {font-size:13px;} .notice-friend.count-circle > li {padding-left:20px;} .notice-friend.count-circle > li:before {font-size:10px; top:2px;} .notice-friend.count-circle > li:after {border-color:#555; width:13px; height:13px;} .notice-table th {color:#fff;} .notice-table th, .notice-table td {border-color:#454545;} /* 250320 제휴사 임직원 혜택 이벤트 페이지 */ .partnersWrap .article_area .btn_blank_area a{display:block; width:506px; height:120px; position:absolute; bottom:80px;} .partnersWrap .article_area .blankArea01 .btnBlank01{left:50px;} .partnersWrap .article_area .blankArea01 .btnBlank02{right:50px;} .partnersWrap .article_area .blankArea05 .btnBlank01{width:360px; height:80px; bottom:60px; left:50px;} /* 250320 제휴사 임직원 혜택 이벤트 페이지 */ /* ---- [s] 250514 친구추천이벤트 페이지 개편 ---- */ #content.mgm2021.mgm2025 {font-family:Pretendard; overflow:hidden;} #content.mgm2021.mgm2025 img {vertical-align:top;} #content.mgm2021.mgm2025 .content_area {width:1142px; margin:0 auto; font-size:16px; line-height:24px; letter-spacing:-0.5px; font-weight:500; color:#000;} #content.mgm2025 .visual_area {min-width:1142px; position:relative; background-color: #F7F1FF;} #content.mgm2025 .visual_area img {height:380px; position:relative; left:50%; transform:translateX(-50%);} #content.mgm2025 .visual_area .visual_inner {position:absolute; top:0; min-width:1142px; height:380px; left:50%; transform:translateX(-50%);} #content.mgm2025 .visual_area .visual_inner > * {position:absolute; top:0; } #content.mgm2025 .visual_area .visual_inner .copy {top:60px; left:0; width:50%; font-size:56px; font-weight:600; line-height:110%; letter-spacing:-1.5px; color:#000;} #content.mgm2025 .visual_area .visual_inner .btn_01_txt {font-size:16px; font-weight:600; line-height:145%; letter-spacing:-0.5px; color:#666769; top:226px; left:53px;} #content.mgm2025 .visual_area .visual_inner .btn_01 {top:268px; left:0; width:198px; height:56px; padding:14px 0 15px 20px; letter-spacing:-0.8px; font-weight:500;} #content.mgm2025 .visual_area .visual_inner .btn_01:after {top:21px; right:21px;} #content.mgm2025 .visual_area .visual_inner .btn_02_txt_01 {top:91px; right:93px; width:300px; text-align: center; font-size:24px; font-weight:600; letter-spacing:0; color:#161726; font-family:Outfit;} #content.mgm2025 .visual_area .visual_inner .btn_02_txt_02 {top:129px; right:93px; width:300px; text-align: center; font-size:18px; font-weight:500; letter-spacing:-0.5px; color:#161726; opacity:0.5;} #content.mgm2025 .visual_area .visual_inner .btn_02 {top:161px; right:39px; width:160px; height:50px; display:block; font-size:18px; font-weight:500; letter-spacing:-1.0px; color:#fff; background:transparent;} #content.mgm2025 .tab_area {width:100%; height:60px; position:relative; background:#000;} #content.mgm2025 .tab_area.fixed {position:fixed; top:0; z-index:9; border-top: 1px solid #333333; border-bottom: 1px solid #333333; box-shadow: 0px 8px 20px rgba(255, 255, 255, 0.2);} #content.mgm2025 .tab_area .tab {width:1142px; height:60px; display:flex; align-items:center; margin:0 auto;} #content.mgm2025 .tab_area .tab li {padding:13px 13px; cursor:pointer;} #content.mgm2025 .tab_area .tab a {color:#fff; font-weight:500; font-size:16px; line-height:22px; letter-spacing:-0.5px;} #content.mgm2025 .tab_area .tab li:hover, #content.mgm2025 .tab_area .tab li:focus, #content.mgm2025 .tab_area .tab li.on {background: linear-gradient(90deg, #9C39FF 0%, #6955FF 67.43%, #6788FF 100%); border-radius:50px;} /* common */ #content.mgm2025 .txt_gradi {background:linear-gradient(90deg, #9C39FF 0%, #6955FF 67.43%, #6788FF 100%); background-clip:text; -webkit-background-clip:text; -webkit-text-fill-color:transparent;} #content.mgm2025 .main_copy {margin:0 auto 32px; padding-top:96px;} #content.mgm2025 .main_copy span {display:block; text-align:center;} #content.mgm2025 .main_copy span:nth-child(1) {margin-bottom:16px;} #content.mgm2025 .main_copy span:nth-child(1) i {font-weight:600; font-size:26px; line-height:34px; letter-spacing:-0.8px;} #content.mgm2025 .main_copy span:nth-child(2) {font-weight:600; font-size:48px; line-height:56px; letter-spacing:-1.5px; color:#000;} #content.mgm2025 .btn_arrow {position:relative; font-family:Pretendard; font-weight:600; font-size:20px; line-height:145%; letter-spacing:-0.8px; color:#fff; border-radius:50px; padding:17px 0 18px 26px; text-align:left; box-sizing:border-box;} #content.mgm2025 .btn_arrow:after {content:''; background:url('/web/images/mgm2021/cont/renew02/2025/renew/ico_history.png') no-repeat 0 0; display:block; width:15px; height:15px; position:absolute; top:24px; right:26px;} #content.mgm2025 .btn_black {background:#000;} #content.mgm2025 .btn_black:hover {background:rgba(0,0,0,0.75);} #content.mgm2025 .btn_gradi {background:linear-gradient(90deg, #9C39FF 0%, #6955FF 67.43%, #6788FF 100%);} #content.mgm2025 .btn_gradi:hover {background:linear-gradient(90deg,rgba(156, 57, 255, 0.6) 0%, rgba(105, 85, 255, 0.6) 67.43%, rgba(103, 136, 255, 0.6) 100%); background-color:#000;} #content.mgm2025 .btn_black_square {font-weight:600; font-size:16px; line-height:22px; letter-spacing:-0.5px; color:#fff; background:#000; border-radius:12px; padding:15px 16px 15px 16px;} #content.mgm2025 .btn_black_square:hover, #content.mgm2025 .btn_black_square:focus {background:rgba(0,0,0,0.75);} #content.mgm2025 .section_about .balloon {display:inline-block; font-weight:600; font-size:18px; line-height:24px; letter-spacing:-0.8px; color:#fff; padding:8px 14px; background: linear-gradient(90deg, #9C39FF 0%, #6955FF 67.43%, #6788FF 100%); border-radius:50px; position:relative;} #content.mgm2025 .section_about .balloon:after {content:''; display:block; width:11px; height:8px; position:absolute; bottom:0; left:2px; background:url('/web/images/mgm2021/cont/renew02/2025/renew/img_gohistory_arrow.png') no-repeat 0 0; background-size:contain;} /* content */ #content.mgm2025 .section_about .how_to {padding:0 60px 96px; background: linear-gradient(120.13deg, #9C39FF 0%, #6955FF 67.43%, #6788FF 100%); position:relative;} #content.mgm2025 .section_about .how_to:after {content: ''; width: 100%; height: 100%; position: absolute; top: 0; left: 0; background:linear-gradient(0deg, rgba(224, 201, 255, 0.1), rgba(224, 201, 255, 0.1)); z-index:1;} #content.mgm2025 .section_about .how_to .how_to_inner {z-index:2; position:relative;} #content.mgm2025 .section_about .how_to .main_copy span {color:#fff;} #content.mgm2025 .section_about .how_to .how_to_inner > p.txt {font-weight:500; font-size:20px; line-height:150%; letter-spacing:-0.5px; text-align:center; color:#fff; margin-bottom:48px;} #content.mgm2025 .section_about .how_to .col_group {display:flex; justify-content:space-between; margin-bottom:20px; position:relative;} #content.mgm2025 .section_about .how_to .col_group h3 {display:table; margin:0 auto; position:relative; border-radius:50px; padding:9px 18px; text-align:center; font-weight:600; font-size:26px; line-height:145%; letter-spacing:-0.8px; margin-bottom:22px;} #content.mgm2025 .section_about .how_to .col_group h3:nth-child(2) {font-weight:600;} #content.mgm2025 .section_about .how_to .col_group h3:after {content:''; display:block; width:0; height:0; border:8px solid transparent; border-top:10px solid #000; position:absolute; bottom:-15px; left:calc(50% - 8px);} #content.mgm2025 .section_about .how_to .col_group .col_a h3 {background:#000; color:#fff;} #content.mgm2025 .section_about .how_to .col_group .col_a h3 span:nth-child(2) {color:rgba(255,255,255,0.6);} #content.mgm2025 .section_about .how_to .col_group .col_b h3 {background:#fff; color:#000;} #content.mgm2025 .section_about .how_to .col_group .col_b h3 span:nth-child(1) {color:#664AFF;} #content.mgm2025 .section_about .how_to .col_group .col_b h3:after {border-top-color:#fff;} #content.mgm2025 .section_about .how_to .col_group > div ol {padding:20px 19px; border-radius:40px; border:1px solid rgba(255,255,255,0.25); background:linear-gradient(180deg, rgba(0, 0, 0, 0.12) 0%, rgba(0, 0, 0, 0.12) 100%); position:relative;} #content.mgm2025 .section_about .how_to .col_group > div ol > li {width:451px; height:208px; padding:30px; box-sizing:border-box; border-radius:24px; background:#000;} #content.mgm2025 .section_about .how_to .col_group > div ol > li:nth-child(1) {margin-bottom:10px;} #content.mgm2025 .section_about .how_to .col_group > div ol > li:nth-child(2) {height:220px; position:relative;} #content.mgm2025 .section_about .how_to .col_group > div ol > li span {display:block;} #content.mgm2025 .section_about .how_to .col_group > div ol > li span:nth-child(1) {font-family:Outfit; font-weight:600; font-size:18px; line-height:18px; letter-spacing:0px; color:#B162FF; margin-bottom:8px;} #content.mgm2025 .section_about .how_to .col_group > div ol > li span:nth-child(2) {font-weight:600; font-size:26px; line-height:34px; letter-spacing:-0.8px; color:#fff;} #content.mgm2025 .section_about .how_to .col_group > div ol > li span:nth-child(3) {color:#CDCFD0; letter-spacing:-0.8px; } #content.mgm2025 .section_about .how_to .col_group > div ol > li:nth-child(1) span:nth-child(2) {margin-bottom:20px;} #content.mgm2025 .section_about .how_to .col_group > div ol > li:nth-child(2) span:nth-child(2) {margin-bottom:18px;} #content.mgm2025 .section_about .how_to .col_group > div ol > li button {width:100%;} #content.mgm2025 .section_about .how_to .col_group:after {content:''; display:block; width:83px; height:302px; position:absolute; top:135px; left:465px; background:url('/web/images/mgm2021/cont/renew02/2025/renew/img_howto_3.png') no-repeat 0 0; background-size:contain;} #content.mgm2025 .section_about .how_to .col_group > div ol:after {content:''; display:block; width:60px; height:60px; position:absolute; top:203px; left:215px; background:url('/web/images/mgm2021/cont/renew02/2025/renew/img_howto_1.png') no-repeat 0 0; background-size:contain;} #content.mgm2025 .section_about .how_to .col_group > div.col_b ol:after {background:url('/web/images/mgm2021/cont/renew02/2025/renew/img_howto_2.png') no-repeat 0 0;} #content.mgm2025 .section_about .how_to .col_group > div.col_a ol > li:nth-child(2):after {content:''; display:block; width:182px; height:186px; position:absolute; top:13px; right:17px; background:url('/web/images/mgm2021/cont/renew02/2025/renew/img_howto_4.png') no-repeat 0 0; background-size:contain;} #content.mgm2025 .section_about .how_to .col_group > div.col_b ol > li:nth-child(2):after {content:''; display:block; width:201px; height:218px; position:absolute; top:2px; right:0px; background:url('/web/images/mgm2021/cont/renew02/2025/renew/img_howto_5.png') no-repeat 0 0; background-size:contain; border-radius:0 0 24px 0;} #content.mgm2025 .section_about .how_to .col_group > div.col_b ol > li {background:#fff; box-shadow:0px 0px 24px 0px rgba(0, 0, 0, 0.12);} #content.mgm2025 .section_about .how_to .col_group > div.col_b ol > li span:nth-child(1) {color:#664AFF;} #content.mgm2025 .section_about .how_to .col_group > div.col_b ol > li span:nth-child(2) {color:#000; margin-bottom:16px;} #content.mgm2025 .section_about .how_to .col_group > div.col_b ol > li .txt {color:#666769; letter-spacing:-0.8px;} #content.mgm2025 .section_about .how_to .open_chat {position:relative; padding:43px 31px 0 50px; width:1022px; height:137px; background:url('/web/images/mgm2021/cont/renew02/2025/renew/bg_howto.png') no-repeat 0 0; box-sizing:border-box;} #content.mgm2025 .section_about .how_to .open_chat h3 {font-weight:600; font-size:26px; line-height:34px; letter-spacing:-0.8px; color:#fff; margin-bottom:6px;} #content.mgm2025 .section_about .how_to .open_chat p {color:#CDCFD0; letter-spacing:-0.8px; } #content.mgm2025 .section_about .how_to .open_chat a {position:absolute; top:43px; right:31px; width:358px;} #content.mgm2025 .section_about .go_history {position:relative; background:#F6F7F8; padding:63px 0 50px 60px;} #content.mgm2025 .section_about .go_history:after {content:''; display:block; width:201px; height:132px; position:absolute; top:-20px; right:113px; background:url('/web/images/mgm2021/cont/renew02/2025/renew/img_gohistory.png') no-repeat 0 0; background-size: contain; z-index:2;} #content.mgm2025 .section_about .go_history .balloon {margin-bottom:15px;} #content.mgm2025 .section_about .go_history h2 {font-weight:600; font-size:40px; line-height:52px; letter-spacing:-1.2px;} #content.mgm2025 .section_about .go_history a {position:absolute; bottom:44px; right:91px; width:358px;} #content.mgm2025 .section_about .rcmnd_point {background:#161726; padding:0 60px 96px; color:#fff;} #content.mgm2025 .section_about .rcmnd_point h2 span:nth-child(2) {color:#fff; margin-bottom:32px;} #content.mgm2025 .section_about .rcmnd_point p.txt {font-weight:500; font-size:20px; line-height:150%; letter-spacing:-0.5px; color:#fff; text-align:center; margin-bottom:48px;} #content.mgm2025 .section_about .rcmnd_point ol {display:flex; justify-content:space-between; counter-reset:circle 0;} #content.mgm2025 .section_about .rcmnd_point ol li {position:relative; width:243px; height:336px; border-radius:24px; border:1px solid rgba(240,240,240,0.08); background: rgba(66, 67, 75, 0.3); display:flex; flex-flow:column; justify-content:end; padding-bottom:38px; box-sizing:border-box;} #content.mgm2025 .section_about .rcmnd_point ol li:before {position:absolute; top:3px; left:48.0%; transform:translateY(-50%); counter-increment:circle 1; content:counter(circle); font-weight:600; font-size:22px; line-height:38px; letter-spacing:-1px; font-family:Outfit; color:#fff; z-index:1;} #content.mgm2025 .section_about .rcmnd_point ol li:after {position:absolute; top:2px; left:43.0%; transform:translateY(-50%); display:inline-block; background:#9933FF; border-radius:50px; width:38px; height:38px; content:'';} #content.mgm2025 .section_about .rcmnd_point ol li img {/*width:170px;*/ margin:0 auto 33px;} #content.mgm2025 .section_about .rcmnd_point ol li:nth-child(4) img {margin:0 0 22px 45px;} #content.mgm2025 .section_about .rcmnd_point ol li span {display:block; font-weight:600; font-size:24px; line-height:32px; letter-spacing:-0.8px; text-align:center;} #content.mgm2025 .section_about .rcmnd_review {position:relative; background:#EFE6FF; overflow:hidden; padding-bottom:96px;} #content.mgm2025 .section_about .rcmnd_review .main_copy {margin-bottom:52px;} #content.mgm2025 .section_about .rcmnd_review .main_copy > * {text-align:left;} #content.mgm2025 .section_about .rcmnd_review .main_copy span:nth-child(1) {margin:0;} #content.mgm2025 .section_about .rcmnd_review .main_copy span:nth-child(2) {margin-left:60px;} #content.mgm2025 .section_about .rcmnd_review .swiper-slide {position:relative; width:570px; min-height:247px; border-radius:24px; padding:40px 28px 26px; box-sizing:border-box; box-shadow: 0px 0px 40px 0px rgba(0, 0, 0, 0.15); background:#fff;} #content.mgm2025 .section_about .rcmnd_review .swiper-slide .balloon {position:absolute; top:-20px; left:32px;} #content.mgm2025 .section_about .rcmnd_review .swiper-slide h3 {font-size:28px; font-weight:600; line-height:130%; letter-spacing:-0.7px; color:#363636; margin-bottom:16px;} #content.mgm2025 .section_about .rcmnd_review .swiper-slide h3 .emoji {display:inline-block; vertical-align:text-bottom; background:url('/web/images/mgm2021/cont/renew02/2025/renew/ico_emoji.png') no-repeat 0 0; background-size:cover; width:28px; height:36px;} #content.mgm2025 .section_about .rcmnd_review .swiper-slide h3 .emoji02 {background-position-x:-37px;} #content.mgm2025 .section_about .rcmnd_review .swiper-slide h3 .emoji03 {background-position-x:-74px;} #content.mgm2025 .section_about .rcmnd_review .swiper-slide h3 .emoji04 {background-position-x:-111px;} #content.mgm2025 .section_about .rcmnd_review .swiper-slide p {font-size:18px; line-height:140%; letter-spacing:-0.8px; color:#363636; margin-bottom:28px;} #content.mgm2025 .section_about .rcmnd_review .swiper-slide .author {color:rgba(102, 103, 105, 0.7);} #content.mgm2025 .section_about .rcmnd_review .control_box {width:148px; height:64px; position:absolute; top:90px; right:60px; display:flex; justify-content:space-between;} #content.mgm2025 .section_about .rcmnd_review .control_box > button {background:url('/web/images/mgm2021/cont/renew02/2025/renew/ico_slide.png') no-repeat 0 0; background-size:cover; width:64px; height:64px;} #content.mgm2025 .section_about .rcmnd_review .control_box > button.next {background-position-x:-64px;} #content.mgm2025 .section_about .rcmnd_review .control_box > button:disabled {opacity:0.3; cursor:default;} #content.mgm2025 .section_about .rcmnd_faq {position:relative;} #content.mgm2025 .section_about .rcmnd_faq:after {content:''; display:block; width:222px; height:343px; position:absolute; top:-51px; right:85px; background:url('/web/images/mgm2021/cont/renew02/2025/renew/img_faq.png') no-repeat 0 0; background-size: contain; z-index:1;} #content.mgm2025 .section_about .rcmnd_faq .main_copy {margin-bottom:49px;} #content.mgm2025 .section_about .rcmnd_faq .faq_tab {display:flex; justify-content:space-between; position:relative; z-index:2;} #content.mgm2025 .section_about .rcmnd_faq .faq_tab a {display:block; width:100%; padding:24px 0 20px; font-weight:600; font-size:28px; line-height:130%; letter-spacing:-1px; text-align: center; background: linear-gradient(90deg, #9C39FF 0%, #6955FF 67.43%, #6788FF 100%); position:relative; border-radius:32px 32px 0 0;} #content.mgm2025 .section_about .rcmnd_faq .faq_tab a i {color:#fff;} #content.mgm2025 .section_about .rcmnd_faq .faq_tab a.on {background:#161726;} #content.mgm2025 .section_about .rcmnd_faq .faq_tab a.on i {background:linear-gradient(90deg, #9C39FF 0%, #6955FF 67.43%, #6788FF 100%); background-clip:text; -webkit-background-clip:text; -webkit-text-fill-color:transparent;} #content.mgm2025 .section_about .rcmnd_faq .faq_tab a:hover {background:linear-gradient(90deg,rgba(156, 57, 255, 0.6) 0%, rgba(105, 85, 255, 0.6) 67.43%, rgba(103, 136, 255, 0.6) 100%); background-color:#000;} #content.mgm2025 .section_about .rcmnd_faq .faq_tab a:hover i {color:#fff; background:#fff; background-clip:text; -webkit-background-clip:text; -webkit-text-fill-color:transparent;} #content.mgm2025 .section_about .rcmnd_faq .faq_tab a.on:after {content:''; display:block; width:28px; height:28px; position:absolute; bottom:0; z-index:9; background:url('/web/images/mgm2021/cont/renew02/2025/renew/img_faq_tab_corner.png') no-repeat 0 2px;} #content.mgm2025 .section_about .rcmnd_faq .faq_tab a:nth-child(1).on:after {right:-28px;} #content.mgm2025 .section_about .rcmnd_faq .faq_tab a:nth-child(1):hover {border-bottom-right-radius:32px;} #content.mgm2025 .section_about .rcmnd_faq .faq_tab a:nth-child(2).on:after {left:-28px; background-position:0 -28px;} #content.mgm2025 .section_about .rcmnd_faq .faq_tab a:nth-child(2):hover {border-bottom-left-radius:32px;} #content.mgm2025 .section_about .rcmnd_faq .faq_tab:after {content:''; display:block; width:100%; height:32px; background:#000; position:absolute; bottom:0; left:0; z-index:-1;} #content.mgm2025 .section_about .rcmnd_faq .faq_content {padding:20px; background:#161726; border-radius:0 0 32px 32px;} #content.mgm2025 .section_about .rcmnd_faq .faq_content .inner {margin-bottom:20px; padding:40px; background-color:#fff; border-radius:32px;} #content.mgm2025 .section_about .rcmnd_faq .faq_content .btn_arrow {left:calc(50% - 241px / 2); display:inline-block; width:241px;} #content.mgm2025 .section_about .rcmnd_faq .faq_content dl dt, #content.mgm2025 .section_about .rcmnd_faq .faq_content dl dd {line-height:140%; display:flex;} #content.mgm2025 .section_about .rcmnd_faq .faq_content dl dt:first-child{padding-top:0;} #content.mgm2025 .section_about .rcmnd_faq .faq_content dl dd:last-child{padding-bottom:0; border:none;} #content.mgm2025 .section_about .rcmnd_faq .faq_content dl dt {font-weight:600; font-size:24px; letter-spacing:-0.8px; color:#161726; margin-bottom:8px; padding-top:24px;} #content.mgm2025 .section_about .rcmnd_faq .faq_content dl dd {font-size:24px; letter-spacing:-0.7px; color:#666769; border-bottom:2px dashed #CDCFD0; padding-bottom:23px;} #content.mgm2025 .section_about .rcmnd_faq .faq_content dl dt:before {content:'Q.'; font-family:Outfit; display:inline-block; margin-right:28px; color:#969898;} #content.mgm2025 .section_about .rcmnd_faq .faq_content dl dd:before {content:'A.'; font-family:Outfit; display:inline-block; margin-right:28px; color:#9933FF; font-weight:600;} #content.mgm2025 .section_myhistory {background:#F6F7F8;} #content.mgm2025 .section_myhistory .main_copy {padding-top:96px; margin-bottom:42px;} #content.mgm2025 .section_myhistory .banner {width:900px; margin:0 auto 40px; height:142px; border-radius:24px; background:#fff; display:flex; position:relative; box-shadow: 0px 0px 38px 0px #0000001F;} #content.mgm2025 .section_myhistory .banner dl {width:calc(900px / 2); padding:30px; position:relative;} #content.mgm2025 .section_myhistory .banner dl dt {font-weight:600; font-size:22px; line-height:28px; letter-spacing:-0.8px; margin-bottom:6px;} #content.mgm2025 .section_myhistory .banner dl dd {font-weight:500; color:#363636;} #content.mgm2025 .section_myhistory .banner:after {content:''; display:block; width:1px; height:142px; position:absolute; top:0; left:calc(900px / 2); border-right: 1px dashed rgba(205, 207, 208, 0.5);} #content.mgm2025 .section_myhistory .banner dl:after {content:''; display:block; position:absolute;} #content.mgm2025 .section_myhistory .banner dl:nth-child(1):after {background:url('/web/images/mgm2021/cont/renew02/2025/renew/img_history_banner_1.png') no-repeat 0 0; background-size: contain; width:130px; height:121px; top:20px; right:0;} #content.mgm2025 .section_myhistory .banner dl:nth-child(2):after {background:url('/web/images/mgm2021/cont/renew02/2025/renew/img_history_banner_2.png') no-repeat 0 0; background-size: contain; width:91px; height:93px; top:29px; right:35px;} #content.mgm2025 .section_myhistory .reference {text-align:center; margin-bottom:64px;} #content.mgm2025 .section_myhistory .reference li {font-weight:400; color:#969898;} #content.mgm2025 .section_myhistory .btn_set {display:flex; justify-content:center; position:relative; padding-bottom:96px; padding-top:72px;} #content.mgm2025 .section_myhistory .btn_set .balloon {background:url('/web/images/mgm2021/cont/renew02/2025/renew/img_history_bubble.png') no-repeat 0 0; width:272px; height:86px; position:absolute; top:-16px; left:434px;} #content.mgm2025 .section_myhistory .btn_set .balloon span {font-size:18px; font-weight:600; letter-spacing:-0.8px; color:#666769; position:absolute; top:26px; left:57px;} #content.mgm2025 .section_myhistory .btn_set .balloon span i {color:#000;} #content.mgm2025 .section_myhistory .btn_set .btn_arrow {width:240px; padding-left:24px; letter-spacing: -0.5px;} #content.mgm2025 .section_myhistory .btn_set .btn_arrow:after {right:22px;} #content.mgm2025 .section_myhistory .history_list {border-top:1px dashed #CDCFD0; padding:64px 190px 96px 192px;} #content.mgm2025 .section_myhistory .history_list h3 {font-weight:600; font-size:26px; line-height:34px; letter-spacing:-0.8px; margin-bottom:28px;} #content.mgm2025 .section_myhistory .history_list .list_wrap {background:#fff; border-radius:20px; padding:40px 90px;} #content.mgm2025 .section_myhistory .history_list .list_wrap table {width:100%;} #content.mgm2025 .section_myhistory .history_list .list_wrap table th {background:#F6F7F8; border-top:1px solid #000; padding:16px 0 16px 30px; font-weight:600; line-height:22px; color:#969898; text-align:left;} #content.mgm2025 .section_myhistory .history_list .list_wrap table td {padding:16px 0 16px 30px; border-bottom:1px solid #F0F2F3;} #content.mgm2025 .section_myhistory .history_list .list_wrap .disable {color:#989898;} #content.mgm2025 .section_myhistory .history_list .list_wrap table tr.msg_nolist td {text-align:center; padding:41px 0; border-bottom:none;} #content.mgm2025 .section_myhistory .history_list .msg_nolist div i {display:inline-block; width:18px; height:18px; background:url('/web/images/mgm2021/cont/renew02/2025/renew/ico_sorry.png') no-repeat 0 0;} #content.mgm2025 .section_myhistory .history_list .msg_nolist div span {display:block;} #content.mgm2025 .section_myhistory .history_list .msg_nolist div span:nth-child(2) {font-weight:600; font-size:18px; line-height:24px; letter-spacing:-0.8px; color:#666769; margin-top:2px; margin-bottom:7px;} #content.mgm2025 .section_myhistory .history_list .msg_nolist div span:nth-child(3) {font-weight:500; color:#969898;} /* 페이징 */ #content.mgm2025 .section_myhistory .history_list div.paginate {display:flex; justify-content:center; align-items:center; height:38px;} #content.mgm2025 .section_myhistory .history_list div.paginate > a {display:inline-block; width:14px; height:38px; background:url('/web/images/mgm2021/cont/renew02/2025/renew/ico_paginate.png') no-repeat 0 0;} #content.mgm2025 .section_myhistory .history_list div.paginate a.btn_frst {margin-right:10px; background-position:-24px 0;} #content.mgm2025 .section_myhistory .history_list div.paginate a.btn_prev {margin-right:6px; background-position:0 0;} #content.mgm2025 .section_myhistory .history_list div.paginate a.btn_next {margin-left:6px; background-position:-48px -1px;} #content.mgm2025 .section_myhistory .history_list div.paginate a.btn_last {margin-left:10px; background-position:100% -1px;} #content.mgm2025 .section_myhistory .history_list div.paginate > nav {display:flex; justify-content:space-between;} #content.mgm2025 .section_myhistory .history_list div.paginate > nav > a, #content.mgm2025 .section_myhistory .history_list div.paginate > nav > strong {display:inline-block;width:38px; height:38px; line-height:37px; font-size:15px; color:#969898; text-align:center; border:0; font-family:Outfit; margin:0 3.5px;} #content.mgm2025 .section_myhistory .history_list div.paginate > nav > strong {color:#fff; background:#000; border-radius:50px;} /* 유의사항 */ #content .mgm2025.notice-friend-wrap {width:1142px; margin:0 auto; font-family:Pretendard;} #content .mgm2025.notice-friend-wrap .main_copy {margin:0 auto 32px; padding-top:96px;} #content .mgm2025.notice-friend-wrap .main_copy span {display:block; text-align:center;} #content .mgm2025.notice-friend-wrap .main_copy span:nth-child(1) {margin-bottom:16px;} #content .mgm2025.notice-friend-wrap .main_copy span:nth-child(1) i {font-weight:600; font-size:26px; line-height:34px; letter-spacing:-0.8px;} #content .mgm2025.notice-friend-wrap .main_copy span:nth-child(1) i.txt_gradi {background:linear-gradient(90deg, #9C39FF 0%, #6955FF 67.43%, #6788FF 100%); background-clip:text; -webkit-background-clip:text; -webkit-text-fill-color:transparent;} #content .mgm2025.notice-friend-wrap .main_copy span:nth-child(2) {font-weight:600; font-size:48px; line-height:56px; letter-spacing:-1.5px; color:#000;} #content .mgm2025.notice-friend-wrap .main_copy span:nth-child(2) i {position:relative; display:inline-block; padding-right:68px;} #content .mgm2025.notice-friend-wrap .main_copy span:nth-child(2) i:after {content:''; background:url('/web/images/mgm2021/cont/renew02/2025/renew/img_notice.png') no-repeat 0 0; background-size: contain; display:block; width:52px; height:52px; position:absolute; top:1px; right:0;} #content .mgm2025.notice-friend-wrap .viewNotice > div {border-bottom:1px solid #F0F2F3;} #content .mgm2025.notice-friend-wrap .viewNotice dt {font-family:Pretendard; font-size:18px; font-weight:600; line-height:26px; padding:23px 0; color:#363636;} /* 레이어 팝업 */ #content.mgm2021.mgm2025 .dimmed {background:rgba(0,0,0,0.5); z-index:9999; width:100%; height:100%; position:fixed; top:0; left:0; display:none;} #content.mgm2021.mgm2025 .popupArea {display:none; z-index:99999; position:absolute; width:100%; left:50%; transform: translateX(-50%); box-sizing:border-box; border-radius:24px; padding:56px 0 40px; color:#000;} #content.mgm2021.mgm2025 .popupArea .popup_wrap .pop_cont {text-align:center;} #content.mgm2021.mgm2025 .popupArea .popup_wrap .pop_cont h2 {font-weight:600; font-size:26px; line-height:34px; letter-spacing:-0.8px; margin-bottom:8px;} #content.mgm2021.mgm2025 .popupArea .popup_wrap .pop_cont p.txt {font-weight:500; font-size:16px; line-height:24px; letter-spacing:-0.5px; margin-bottom:32px; padding:0; color:#000;} #content.mgm2021.mgm2025 .popupArea .popup_wrap .btn_gradi {padding:15px 20px; border-radius:28px; color:#fff; font-weight:600; font-size:16px; line-height: 22px; letter-spacing: -0.5px; text-align: center;} #content.mgm2021.mgm2025 .popupArea .popup_wrap .popClose {position:absolute; top:20px; right:20px; display:block; width:24px; height:24px; background:url('/web/images/mgm2021/cont/renew02/2025/renew/btn_pop_close.png') no-repeat 0 0; font-size:1px; text-indent:-9999px;} #content.mgm2021.mgm2025 .popupArea .popup_wrap .data {display:flex; justify-content:center;} #content.mgm2021.mgm2025 .popupArea .popup_wrap .data input {width:338px; height:52px; padding:14px 16px; box-sizing:border-box; background:#F6F7F8; border:none; border-radius:12px; color:#666769; font-size:16px; font-weight:500; line-height:24px; letter-spacing:-0.5px; margin-right:10px; font-family:Pretendard;} /* ---- [e] 250514 친구추천이벤트 페이지 개편 ---- */