/*폰트*/ @font-face { font-family: 'SUIT Variable'; font-weight: 100 900; font-size:16px; src: local('SUIT Variable'); src: url('../fonts/SUIT-Variable.woff2') format('woff2'), url('../fonts/SUIT-Variable.ttf') format('ttf'); } *{font-family:'SUIT Variable', sans-serif,dotum,"맑은 고딕","Malgun Gothic",'돋움', sans-serif !important; word-spacing:-.03em; letter-spacing:-0.01em;} /*공통*/ * {margin:0; padding:0; } img,input,button,fieldset,form,legend,hr {border:0 none;} dl,ul,ol,li {list-style:none;} article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section { display:block;} nav ul {list-style:none;} blockquote, q {quotes:none;} blockquote:before, blockquote:after,q:before, q:after { content:''; content:none;} a { margin:0; padding:0; vertical-align:baseline; background:transparent;text-decoration:none;} table {border-collapse:collapse; border-spacing:0;}input, select {vertical-align:middle;} /* clearfix */ .cf {zoom: 1;} img{width: 100%;height:auto; display:inline-block;} ul.decimal li{list-style-type:decimal} ul.square li{list-style-type:square;} a, p, h1, h2, h3, h4, li{font-family: 'NotoSansKRBold'; word-break:keep-all; } span.red{color:#ff3838;} span.blue{color:deepskyblue;} a:hover{text-decoration:none;} span.white_space{white-space:nowrap;} /* main */ .wrap{width:100%; margin:0 auto;} .main_top{width:100%; height:50px; background:#000; vertical-align:middle;} .main_top img{float:left; margin-left:25px; display:inline-block; width:auto; height:27px; margin-top:11.5px;} .main_top p {float:right; margin-right:25px; color:#fff; display:inline-block; line-height:50px; font-weight:normal; font-size: 1.0vw;} /* 쿠폰지급중 알림팝업 */ .pop_wrap{ z-index:99; min-width:400px; min-height:200px; background:#fff; margin:0 auto; top:40%; left:50%; margin-left:-200px; position:fixed; border-radius:10px; display:table;} .pop_wrap p{display:inline-block; display:table-cell; vertical-align:middle; text-align:center;} .black{z-index:98; top:0; left:0px; width:100%; height:100%;display:block; position:fixed; background-color:#000; opacity:0.7; webkit-opacity:0.7; filter:alpha(opacity=70) } .hide{display:none;} /* 안내팝업 */ .pop_wrap2{width:100vw; height:100vh; position:fixed; z-index:110; background:rgba(0,0,0,.7);} .pop{width:420px; height:260px; position:absolute; top:50%; margin-top:-130px; left:50%; margin-left:-210px; box-sizing:border-box; background:#fff; box-shadow:0px 5px 100px rgba(0,0,0,.5); } .pop .pop_top{box-sizing:border-box; position:absolute; text-align:center; top:0; left:0; width:100%; height:60px; background:#fff;} .pop .pop_top p{ width:92%; font-size:13.5px;display:inline-block; color:#444; font-weight:bold; line-height:60px; height:60px; border-bottom:1px solid #444;} .pop .pop_content{width:90%; margin:0 auto; margin-top:25px; text-align:center; padding:45px 0 0;box-sizing:border-box; } .pop .pop_content p{line-height:25px; letter-spacing:-.5px; font-size: 15px; display:inline-block; text-align:center; color:#333; width:100%; margin:25px auto 25px; box-sizing:border-box; } .pop a.btn_pop{width:190px; height:40px; cursor:pointer; line-height:40px; font-size:13px; display:block; color:#fff; background:#666; margin:0 auto; text-align:center; margin:0 auto;} .pop_wrap2 span.red{font-weight:900;} .pop a.btn_pop:hover{background:#444;} .pop_wrap2 a.close_today{font-size:12px; float:right; color:#fff; margin-top:41px; cursor:pointer} /*===================*/ /*===== Content =====*/ /*==================*/ /* 공통 */ .content {width:100%; text-align:center; margin:0 auto;} .content img{width:100%; max-width:1200px; margin:0 auto;} .contentPc > ul .Mbox01 , .contentPc > ul .Mbox03 , .contentPc > ul .Mbox05{display:none;} /* Main */ .main_img.pc_img {display:inline-block; width:50%; max-width:1200px; margin:0 auto;} /* content1 */ .content1 {width:100%; max-width:1200px; margin:0 auto;} .content1 img {box-shadow:5px 5px 20px rgba(0,0,0,.1); -ms-box-shadow:5px 5px 20px rgba(0,0,0,.1); -moz-box-shadow:5px 5px 20px rgba(0,0,0,.1); -webkit-box-shadow:5px 5px 20px rgba(0,0,0,.1)} .content1 ul {margin-top:20px;} .content1 ul li {line-height:18px;} .content1 ul li .red {color:#ff3838;} /* content2_notice */ .content2_notice{width:100%; margin-top:20px;} .content2_notice{width:90%; max-width:960px; margin:0 auto;} .content2_notice h3{width:30%; float:left; display:inline-block; box-sizing:border-box;text-align:right; margin-right:30px; color:#fff;margin-top:45px;} .content2_notice ul{width:60%; float:left; padding-left:30px; text-align:left; border-left:1px solid #fff;} .content2_notice ul li{font-size:13px; line-height:23px; color:#fff;} /* notice */ .notice_wrap {width:100%; background-color:#f5f5f5; padding:50px 0;} .notice_wrap .notice {max-width:900px; margin: 0 auto;} .notice_wrap h4{text-align:left; margin-bottom:20px;} .notice_wrap ul{text-align:left; list-style-position:outside;} .notice_wrap ul li{font-size:14px; line-height:18px; margin-top:5px; margin-left:20px; word-break:keep-all; -webkit-word-break:keep-all; -ms-word-break:keep-all; -moz-word-break:keep-all;} /* 20210810 */ .contentPc { width: 100%; text-align: center;margin: 0 auto;letter-spacing: -1px;} .contentPc ul {width: 50%; margin: 0 auto;text-align: center;} .contentPc ul img{margin-bottom:2%;} .contentPc > ul > li{width: 100%; border-radius:10px; border:10px solid #ffffff; padding:3% 6%; margin-bottom:4%; background-color: rgb(255 255 255 / 50%); display: inline-block;} .contentPc strong{font-size: 1.8vw; color:#001637; font-weight:900; display: block; letter-spacing:-2.5px;} .font {font-size: 1.0vw; color:#ffffff; font-weight:bold; line-height: 1.5vw;} .font.lh{line-height: 3.0vw;} .font p{color:#001637; text-decoration: underline;} .contentPc .box02 img{width:23%;} .table_wrap table tbody tr td:nth-child(1){width:30%; float:left; font-weight: bold;} .table_wrap table tbody tr td:nth-child(2){width:70%; float:right; height: 70px;} .content2{width:80%;} .content2 table{width:100%;height:150px; vertical-align:middle;} .content2 img.giftcard{width:60%;max-width:170px; display:inline-block; } .content2 td{ text-align:left; } .content2 td.title{padding-left:10%;} .content2 td input.text_box{border:1px solid #ddd;} .content2 td input.phone_num{width:112px; padding:3px; height: 100%; margin-left: 1px;} .content2 td input.giftcode_num{width:233px;height: 100%; margin-left: 8px;} input::placeholder{font-size:15px; color:#000; padding:0 2%; } .content2 td.radio input{width: 50px; height: 22px;border-radius: 0; vertical-align: middle;} .content2 td.radio label:first-child input{margin-left:0;} .content2 input.middle{vertical-align: unset; width: 16px;height: 18px; margin-bottom: 2px;} .check_square{ margin-bottom:4px;} :-ms-input-placeholder{color:#ddd;} :-ms-input-placeholder{color:#ddd; text-align:center;} .notice1.cf{font-size: 0.8vw; color:#ffffff; font-weight:bold; } .notice1.cf > ul{width:100%;text-align: left;} .notice1.cf > ul > li {margin-top: 0.3vw;} .notice1.cf > button{width:100%; background-color:#1a68bf; text-align:center; color:#ffffff; padding:2% 0; margin:3% 0 1%; font-size: 1.5vw; } .contentPc > ul > .box03{font-size:1.0vw; font-weight:bold} .contentPc > ul > .box03 img{width:18%;} .contentPc > ul > .box03 div ul{width:100%;} .contentPc > ul > .box03 div ul li{width:30%; float:left; margin-right:4%; margin-top: 5%; position: relative;} .contentPc > ul > .box03 div ul li img{width:100%; margin-bottom: 8%;} .contentPc > ul > .box03 div ul li:nth-child(3){margin-right:0;} .contentPc > ul > .box03 div ul li span {position: absolute;top: 77%;left: 105%;} .contentPc > ul > .box04{margin-bottom:0;} .contentPc > ul > .box04 .notice1.cf {width: 65%;margin: 0 auto;color: #1a68bf;} .contentPc > ul > .box04 .notice1.cf ul.decimal li{list-style-type: square;} .contentPc > ul > .box04 img{width:auto} .notice1.cf > ul.bottom{width:100%;margin-top:4%;} .notice1.cf > ul.bottom li{width:47%; float:left; padding: 3%; margin: 2% 3% 0 0;} .notice1.cf > ul.bottom li:nth-child(1){width:42%; padding:0;} .notice1.cf > ul.bottom li:nth-child(2){width:55%; margin-right: 0;} .notice1.cf > ul.bottom li:nth-child(2) div div img{margin-bottom: 0; width: 25%;margin-top: 0%;} .notice1.cf > ul.bottom li:nth-child(2) div div > a{width:65%; float: right; margin-top: 12%; margin-left: 10px;} .notice1.cf > ul.bottom li:nth-child(2) div div > a > img{width:100%;} .notice1.cf > ul.bottom li:nth-child(2) div p{color:#000; text-align: center;} .notice1.cf > ul.bottom li:nth-child(2) div p span {font-style: italic;color: #1a68bf;} .main.bg {background: url(https://image.cultureland.co.kr/upload/web/etc/210811_bgBottom.png),linear-gradient(to bottom,#0653c8,#91d4f3);background-repeat:no-repeat;background-position: bottom; background-size: contain; padding:8% 0 10%} .main.bg02{background: url(https://image.cultureland.co.kr/upload/web/etc/210811_bgtopWeb.png);background-repeat:no-repeat;background-position: top;background-size: cover;width: 100%;height: 100%;position: absolute;} .toplogo{color:#ffffff; font-size:3.0vw;font-weight: bolder;text-shadow: 4px 4px #022961;letter-spacing: -2px; margin-bottom: 2%;} .toplogo .text01{color:#ffea00;} .toplogo .text02{font-style: italic;} .toplogo img{margin-top:1.5%; width: 19%;} .contentPc > img {width: 13%; margin-bottom: 2%;} .box01 img{width:100%;} fieldset, iframe{width:100%;} /*.content2 ul.decimal {margin-top:5px;}*/ .content2 ul.decimal li{margin-left:20px; list-style-position:inside;} /* selectbox */ .selectbox{height:100%;} .selectbox select{ background-color: #ffffff; padding-top:3px; width:33%; height:80%; padding-left:10px; ; color:#000; border:none;} .selectbox select::-ms-expand {display: none;} .selectbox_hp {float:left; width:33%; margin-right: 15px;} .selectbox_hp select{width:100%; margin-right:5px; padding-top:4px; padding-left: 10px;} .contentPc .Wgiftcard { padding: 4% 0 0;} .contentPc .Wgiftcard img {display:block; width: 100%; border-radius: 5px;} .contentPc .Mgiftcard img{display:none;} /* 20210915 */ .main.bg02.bladesoul{background: url(https://image.cultureland.co.kr/upload/web/etc/210924_bgtopWeb.png);background-repeat:no-repeat;background-position: top;background-size: contain;width: 100%;height: 100%;position: absolute;} .main.bg.bladesoul {background: url(https://image.cultureland.co.kr/upload/web/etc/210915_bgBottom.png),linear-gradient(to top,#23262b,#26292e);background-repeat:no-repeat;background-position: bottom;background-size: contain;} .toplogo {color: #ffffff; font-size: 40px; font-weight: bolder; text-shadow: none; letter-spacing: -2px; margin-bottom: 2%;} .contentPc > ul > li {border-radius: 0; border: 0;background-color: transparent;} .font {font-size: 22px; color:#000; font-weight:bold; line-height: 30px;font-weight: normal;} .font > p{color:#ff0000;font-weight: bold; text-decoration: none;} .contentPc strong {font-size: 30px;} .contentPc ul { width: 1100px;position: relative;} .contentPc .box02 img { width: 25%; margin-right: 3%; float:left;} .content2 {width: 72%;float: left; } .font.lh { line-height: 40px; font-size:18px;} .table_wrap table tbody tr td:nth-child(1) { font-weight: normal; font-size: 18px;} .table_wrap table tbody tr td:nth-child(2) {height: 32px;} .selectbox select {height: 100%; border: 0.5px solid #ccc;} .notice1.cf > ul > li {color: #000;} .content2 td.radio input { width: 15px; height: 15px;} .agreeBox{display:inline-block; width: 100%; background-color: #f6f6f6; font-weight: normal; border: 1px solid #e4e4e4;margin-top: 4%;} .agreeBox .notice1.cf > ul{ width: 74%; float: left; font-size: 16px;font-weight: normal; border-right: 2px dashed #e4e4e4; padding: 3% 6%; } .agreeBox .notice1.cf > button{width: 25%;float: left; font-size: 18px;background-color: #f6f6f6;color:#000; font-weight:bold; padding: 3% 0%; margin-top: 2%; } ul.decimal { width: 100%; display: inline-block; text-align: left;} .notice2 { background-color: #f6f6f6; text-align: left; margin-bottom: 4%;} .notice2 div{width:50%; margin:0 auto; padding: 2% 0;} .contentPc > ul > li.box02 {margin-bottom: 0;} .contentPc > ul > li.box02 > div { margin-top: 3%;} .contentPc .Wgiftcard img { border-radius: 0; margin-bottom: 4%;} .contentPc > ul > .box03 img {width: 14%; vertical-align: middle;} .contentPc > ul > .box03 { color: #000000;} .contentPc > ul > .box03 div ul li { width: 48%; border: 1px solid #ccc; font-weight: normal; height: 420px; left:26%;} .contentPc > ul > .box03 div ul li > div{font-size:18px;} .contentPc > ul > .box03 div ul li > strong{font-size:20px; background-color:#eef6ff; padding: 3% 0;} .contentPc > ul > .box03 div ul li img{ width: 335px; margin-bottom: 0%;} .contentPc > ul > .box03 div ul li > button{ font-size: 18px; background-color: #ffca28;padding: 1.5% 11%; border-radius: 50px; margin: 3% 0; box-shadow: 3px 3px 2px #e0c46c;} .notice1.cf > ul.bottom li:nth-child(2) div p span {font-style: normal; color: #ffc000; font-size: 22px;} .notice1.cf > ul.bottom li:nth-child(2) div p { font-size: 18px;} .contentPc > ul > .box04 .notice1.cf{ width: 70%; font-weight: normal;} .contentPc > ul > .box04 .notice1.cf span{font-weight:bold;} /* 20210923 */ span.yellow {color: #ffd800; font-size: 45px;} .contentPc strong {margin-bottom: 3%;} .contentPc > ul > .box03.playpoint div ul li{height: 100%; left: 0;} .contentPc > ul > .box03.playpoint div ul li img{width: 100%;} .contentPc > ul > .box03.playpoint strong img{width:auto; margin-right:1%;} .contentPc .box03.playpoint li strong {margin-bottom: 0%;} .contentPc > ul > .box03 div ul li:last-child {margin-right: 0;} .notice1.cf > ul.bottom li{border: 1px solid #e2e2e2;} fieldset, iframe { height: 221px;} .notice1.cf > ul.bottom li:nth-child(2) { margin-top: 0%; height: 221px;} .notice1.cf > ul.bottom li{margin: 0% 3% 0 0;} .selectbox_hp{ margin-right: 5px;} .content2 td input.giftcode_num{margin-left: 0; width: 231px; padding-bottom: 1.2%;} .main_top p{font-size:18px;} .contentPc{position: relative;} .main.bg02.bladesoul{ background-size: cover;} .contentPc .Wgiftcard { padding: 0;} .contentPc .Character{ position: absolute;left: 2%;top: 2%; width: 25%;} /*팝업*/ .imgPopWrap > .window_banner{ color: white;} .layer-box{ background-color: #ffffff; padding: 8% 10%; border-radius: 5px; text-align: center; color: #000000;} .notToday { text-align: center; line-height: 350%;position: relative; color: #fff;} .notToday label { position: relative; display: inline-block; height: 28px; padding-left: 34px; font-size: 15px; line-height: 28px; vertical-align: middle; letter-spacing: -0.085em; cursor: pointer;} .notToday label:before { content: ''; position: absolute; top: 0; left: 0; width: 27px; height: 28px; background-image: url(/resources/web/images/obj/ico-log-check.png); background-position: center right;background-repeat: no-repeat;} .notToday input[type="checkbox"] {position: absolute; top: 0; left: 0; width: 20px; height: 20px; opacity: 0; z-index: -1;} .close_img{border-radius:5px;} /* 리니지W 20211209 */ .main.bg.lineageW * { font-weight: bold;} .contentPc > img {width: auto; margin-bottom:0; } .contentPc > ul > .box03 img {width: 28%; vertical-align: middle; margin: 0;} .contentPc > ul > .box03 div ul li{left:0;} .contentPc > ul > .box03 div ul li > strong { background-color: #eaeaea;} .contentPc > ul > .box03 div ul li > button{ background-color: #57635e;box-shadow: 3px 3px 2px #afb1b0; color: #fff;} .main.bg.lineageW{ padding: 2% 0 2%; background-color: #05080c; background-image: url(https://image.cultureland.co.kr/upload/web/etc/211209_bg01.png); background-repeat: no-repeat; background-position: bottom; background-size: contain;} .main.bg02.lineageW{ background-color: #05080c; background-image: url(https://image.cultureland.co.kr/upload/web/etc/211209_bgtopWeb.png);height: 2000px;} .contentPc .Character{width:auto;} .contentPc > ul > .box04 .notice1.cf span{color:#626262; font-size:14px; font-weight: normal;} .contentPc > ul > .box04 .notice1.cf{width:80%;} .notice1.cf > ul.bottom li:nth-child(1){width: 100%; border-radius: 5px;text-align: center; font-size: 24px; font-weight: bold; padding: 3% 0;} .notice1.cf > ul.bottom li:nth-child(1) span {color:#ff9000; font-size: 24px; font-weight: bold;} .contentPc > ul > .box04 img { width: 25%; margin: 0;} .contentPc > ul > .box04 .QRcode { width: 7.5%;} .notice1.cf > ul.bottom li:nth-child(1) p {margin-bottom: 3%;} .contentPc .Character.lineage01{ top: 35%; left: 6%;} .contentPc .Character.lineage02{ top: 62%; left: 68%; z-index: 1;} .contentPc > ul > .box03 div ul li{ height: 390px; margin-right: 2%;} .contentPc > ul > .box03 div ul li img { height: 228px; margin-bottom: 3%;} .contentPc > ul > .box03 div ul li:nth-child(2) > div { line-height: 40px;} .contentPc > ul > .box03 div ul li > strong{ height: 40px; line-height: 40px; padding:0; } .contentPc > ul > .box03 div ul li:nth-child(1) div { margin-top: 15px;} .contentPc > ul > .box03 div ul li:nth-child(1) div { margin-top: 8px;} .contentPc > ul > .box03 div ul li > button{ margin: 2% 0 0;} /* 던파M 20220825 */ .main.bg.lineageW * { font-weight: bold;} .contentPc.dnfm > img {width: 30%; margin-bottom:0; } .top_poromotion > h2 {font-size:50px; color:#fff; font-weight:bold;} .contentPc.dnfm > ul > .toplogo > .dnfm_size1{font-size:30px;} .contentPc.dnfm > ul > .toplogo > .dnfm_size1 > .dnfm_size2{font-size:40px;} .contentPc > ul > .box03 img {width: 28%; vertical-align: middle; margin: 0;} .contentPc > ul > .box03 div ul li{left:0;} .contentPc > ul > .box03 div ul li > strong { background-color: #eaeaea;} .contentPc > ul > .box03 div ul li > button{ background-color: #57635e;box-shadow: 3px 3px 2px #afb1b0; color: #fff;} .main.bg.dnfm{ padding: 2% 0 2%; background-color: #05080c; background-image: url(https://image.cultureland.co.kr/upload/web/etc/0825_bg01.png); background-repeat: no-repeat; background-position: bottom; background-size: contain;} .main.bg02.dnfm{ background-color: #05080c; background-image: url(https://image.cultureland.co.kr/upload/web/etc/0825_bg01.png);height: 2000px;} .contentPc .Character{width:auto;} .contentPc > ul > .box04 .notice1.cf span{color:#626262; font-size:14px; font-weight: normal;} .contentPc > ul > .box04 .notice1.cf{width:80%;} .notice1.cf > ul.bottom li:nth-child(1){width: 100%; border-radius: 5px;text-align: center; font-size: 24px; font-weight: bold; padding: 3% 0;} .notice1.cf > ul.bottom li:nth-child(1) span {color:#ff9000; font-size: 24px; font-weight: bold;} .contentPc > ul > .box04 img { width: 25%; margin: 0;} .contentPc > ul > .box04 .QRcode { width: 7.5%;} .notice1.cf > ul.bottom li:nth-child(1) p {margin-bottom: 3%;} .contentPc .Character.lineage01{ top: 35%; left: 6%;} .contentPc .Character.lineage02{ op: 62%; left: 68%; z-index: 1;} .contentPc > ul > .box03 div ul li{ height: 390px; margin-right: 2%;} .contentPc > ul > .box03 div ul li img { height: 228px; margin-bottom: 3%;} .contentPc > ul > .box03 div ul li:nth-child(2) > div { line-height: 40px;} .contentPc > ul > .box03 div ul li > strong{ height: 40px; line-height: 40px; padding:0; } .contentPc > ul > .box03 div ul li:nth-child(1) div { margin-top: 15px;} .contentPc > ul > .box03 div ul li:nth-child(1) div { margin-top: 8px;} .contentPc > ul > .box03 div ul li > button{ margin: 2% 0 0;} .dfm1 > ul.decimal > li , .dfm01 > .font.dfm-f{color:#fff;} .font.dfm-f{font-weight:400; font-size:20px;} .dfm1 > ul.decimal > li{text-align:center;} .dfm1 > div {padding-bottom:4%;} .dfm-f{padding:2% 0;} .dfm01{box-sizing:border-box; background-image: url(https://image.cultureland.co.kr/upload/web/etc/0829_dfm_bgbox1.png); background-repeat: no-repeat; background-position: bottom; background-size:contain;} .dfm01 > img.dfm01_bgbox2{width:96%;} .contentPc.dnfm > .dfm01 > strong{padding:4% 0 2%;} .dfm02 > .font.dfm-f02{text-align:left; font-size:20px;} .notice2 div{width:85%; text-align:left; padding: 2% 0;} .dfm04{display:block; box-sizing:border-box;} .dfm04 > .dfm04-w > ul > li:nth-child(1) > div > img{width:30%; margin-bottom:8%;} .dfm04 > .dfm04-w > ul > li > div {font-size:18px; color:#fff; padding:40px 0 0;} .dfm04 > .dfm04-w > ul > li:nth-child(1) > div > button {font-size:18px; color:#fff; text-decoration:underline; margin-top:-7px;} .dfm04 > .dfm04-w > ul > li:nth-child(2) > div > img{width:90%; margin-bottom:6%;} .contentPc > ul > li.dfm04 {padding:0; background-color:#1b1410;} .dfm05 > div.dfm1 > ul.decimal.utube_w {padding-bottom:30px;} .dfm05 > div.dfm1 > ul.bottom > div > a > img{width:60%; text-align:center; display:block; margin:3% 0 2% 24%;} .contentPc > ul > li.dfm05{background-color:#1b1410;} .contentPc.dnfm > ul > li.dfm01 , li.dfm02.utube_m , li.dfm05.utube_m , li.dfm04.utube_m{margin-bottom:0;} ul.decimal.utube_w > li{list-style-type:none; font-size:18px; font-weight:300;} .contentPc > ul > li.dfm02{margin-top:4%;} .dfm_buybtn{width:100%; text-align:center; margin:14% 0 10%;} .dfm_buybtn > .dfm_buybtn_pc{background-color:#ff0000; padding:3% 4%; font-size:22px; color:#fff; margin-right:3%;} .dfm_buybtn > .dfm_buybtn_mobile{background-color:#ff0000; padding:3% 4%; font-size:22px; color:#fff;} /* 던파M 종료팝업 20220902*/ .dnfm_end_pop{position:relative;} .dnfm_end_pop > .pop_wrap.btn_close.popup-foot{min-width:460px;} .dnfm_end_pop > .pop_wrap.btn_close.popup-foot > .df_btn-close {position:absolute; top:5%; right:0; width:15%; height:10%;} .dnfm_end_pop > .pop_wrap.btn_close.popup-foot > p{padding:0 1%;} /* notice */ .notice_dfm {width:100%; background-color:#333333; padding:50px 0;} .notice_dfm .dfm {max-width:900px; margin: 0 auto;} .notice_dfm > .dfm > h4{text-align:left; margin-bottom:20px; color:#e9e9e9;} .notice_dfm ul{text-align:left; list-style-position:outside;} .notice_dfm > .dfm > ul.square > li{font-size:13px; color:#e9e9e9; line-height:18px; margin-top:5px; margin-left:20px; word-break:keep-all; -webkit-word-break:keep-all; -ms-word-break:keep-all; -moz-word-break:keep-all;} /* 플레이스테이션 20221209 */ .main.bg02.playStation{width: 45%;left: 27.5%; background-image: url(https://image.cultureland.co.kr/upload/web/etc/221209_bgTop.png);} .playStationlogo{width:65%; margin: 0 auto; margin-top: 90%;} .wrap.playStation .toplogo{ font-size: 24px; letter-spacing: -1px; font-weight: 500;} .wrap.playStation .dfm_buybtn > .dfm_buybtn_pc, .wrap.playStation .dfm_buybtn > .dfm_buybtn_mobile{ background-color: #63b73a; padding: 2% 8%;} .wrap.playStation .dfm_buybtn{ margin: 6% 0 6%;} .wrap.playStation .contentPc > ul > li.box01 strong{ letter-spacing: -0.5px; padding: 2% 0; font-size: 1.4rem; background-size: 100%; color: #fff; background-image: url(https://image.cultureland.co.kr/upload/web/etc/202212_playStation_title.png); background-repeat: no-repeat;} .wrap.playStation .box01 .item ul li{width:50%; float:left;} .wrap.playStation .item > p{ font-size: 1.4rem; margin-bottom: 2%; font-weight: bold;} .wrap.playStation .item {padding-bottom: 4%; width: 100%; display: inline-block; color: #fff; border-bottom: 1px dashed #fff;} .wrap.playStation .item ul li img{width:40%;} .wrap.playStation .item ul li:nth-child(2) {letter-spacing: 0; line-height: 2.3rem; text-align: left; font-size: 1.3rem; font-weight: bold; margin-top: 3%;} .wrap.playStation .font{ font-size: 1.2rem; color: #fff; text-align: left; padding: 8%;} .wrap.playStation .font p{color:#77d34a; font-size: 1.0rem; letter-spacing: 0; line-height: 2.0rem;} .wrap.playStation .info{ color: #fff; padding:10px 8%;} .wrap.playStation .info ul li{ text-align: left; font-size:1.0rem; margin-bottom: 5%;} .wrap.playStation .info ul{ width: 75%; float: left;} .wrap.playStation .info ul:nth-child(1){width:20%; margin-right: 5%;} .wrap.playStation .info ul:nth-child(1) li { width:100%; margin-bottom: 10%; padding: 3% 0; text-align: center; border: 1px solid #fff; border-radius: 50px;} .wrap.playStation .content2{width:86%; margin: 5% auto 0; float: unset;} .wrap.playStation .selectbox select , .wrap.playStation .selectbox_hp{ width: 26%;} .wrap.playStation .selectbox_hp > select{width: 100%;} .wrap.playStation .content2 td input.giftcode_num{ width: 70%; padding: 1%;} .wrap.playStation .content2 td input.phone_num{ width: 34.4%;} .wrap.playStation .content2 .table_wrap tr{ margin-bottom: 2%; display: inline-block; width: 100%;} .wrap.playStation .agreeBox .notice1.cf > ul{ width: 100%; border-right: 0;} .wrap.playStation .agreeBox button{margin-bottom: 4%; font-size: 0.9rem; color: #fff; border-radius: 50px; background-color: #214646; width: 86%; padding: 2% 0;} .wrap.playStation .agreeBox .notice2{ margin-bottom: 2%;} .wrap.playStation .agreeBox{border: 1px solid #d5d5d5; width: 87%;} .wrap.playStation li.box02{border-radius: 10px;width: 80%;background-color:#f6f6f6;} .wrap.playStation .box03 div ul li > strong{font-weight: 500; letter-spacing: 0;margin: 3% auto; border-radius: 50px; width: 22%; border: 2px solid #eaeaea; color:#eaeaea; background-color: transparent;} .wrap.playStation .box03 div ul li{ margin-top: 0; border:0; width: 100%; height: auto;} .wrap.playStation .box03 div ul li img{ height: auto;width: 100%; margin-bottom: 0;} .wrap.playStation .box03 .item_01{ margin-top: 0; background-color: #000; color: #fff; padding: 3%; line-height: initial;} .wrap.playStation .box04{border-radius: 5px; color:#fff; border: 1px solid #fff; border-style: dashed;width: 88%;margin-bottom: 4%; padding: 5%;} .wrap.playStation .box04 strong{color:#fff; } .wrap.playStation .box04 .notice1.cf ul.decimal li{color:#fff; font-size:1.0rem; } .wrap.playStation .info.mo{display:none;} .wrap.playStation .main_top{height:0.1px;} /* Google diamondValley 20230804 */ .diamondvalley a{color:#fff;} .main.bg02.diamondvalley{height:119%; margin-top:5rem; background:url(https://image.cultureland.co.kr/upload/web/etc/230803_diamondvalley_db_bg_no_title.png) no-repeat center / cover;} .contentPc .diamondlogo{margin-top:3vw; margin-bottom:4%; padding:3% 5%;} .diamondvalley .contentPc{background:url(https://image.cultureland.co.kr/upload/web/etc/230804_diamondvalley_db_bg_bottom_3.png) no-repeat bottom/ contain;} .diamondlogo .first{margin:3vh 0 1.6vh;} .diamondlogo .first img{width:45%;} .diamondlogo .second{text-align:center;} .diamondlogo .second img{width:72%;} .diamondlogo .second:last-child img{width:100%;} .diamondvalley .contentPc .logoGroup{width:56%;} .diamondvalley .contentPc .box01, .diamondvalley .contentPc .box02{width:90%; height:100%; padding:3% 4% 4.6%; background-color:rgba(11 2 49 / 87%); border: 1px solid #E88DFF; border-radius:12px; box-shadow:0px 0px 2rem #5e249f;} .diamondvalley .contentPc .box01{margin-bottom:8%;} .diamondvalley .contentPc .box01.event{border: 1px solid #0c2b4b;box-shadow: none;background-color: rgb(12 19 61 / 87%); padding:3%;} .diamondvalley .contentPc .box01.event h2{margin-bottom:1.6rem;} .diamondvalley .contentPc h2{margin-bottom:2.4rem; font-size:2.2rem; font-weight:700; letter-spacing:-2px; color:#fff; text-shadow:0px 0px 1rem #009CFF;} .diamondvalley .contentPc .box01 h2:before, .diamondvalley .contentPc .box01 h2:after{content:"";display:inline-block; width:2rem; height:2rem; margin:0 0.4rem; background:url(https://image.cultureland.co.kr/upload/web/etc/230803_icon_0.png) no-repeat 0 0;} .diamondvalley .contentPc .box01.event h2:before, .diamondvalley .contentPc .box01.event h2:after{background-image:url(https://image.cultureland.co.kr/upload/web/etc/230808_icon_30.png);} .diamondvalley .character img{animation : move 2.5s infinite linear;} @keyframes move{ 0%{transform:translate(0,0);} 50%{transform:translate(0,5%);} 100%{transform:translate(0,0);} } .diamondvalley .item{display:flex; justify-content:center; flex-wrap:wrap;} .diamondvalley div.item > ul{width:47%; margin:0 1%; padding:3% 3% 4.5%; background-color:rgb(48 0 115 / 82%); border:1px solid #905acb; border-radius:10px; box-shadow:0px 0px 1rem #009cff7a; box-sizing:border-box; color:#fff; text-align:left; word-spacing:-0.2rem; letter-spacing:-0.04rem;} .diamondvalley .item > ul > li ~ li:before{content:""; display:block; width:100%; height:1px; margin:14px 0; background-color:#9775a9;} .diamondvalley .item > ul:first-child li:first-child{position:relative;} .diamondvalley .item > ul:first-child li:first-child:after{content:"30만원 상당"; position:absolute; right:1%; bottom:3%; padding:2% 3%; background-color:rgb(255 49 185); border-radius:5px; color:#fff; } .diamondvalley .item h3{font-size:1.4rem; font-weight:700; color:#fff;} .diamondvalley .item p{margin:0.5rem 0;} .diamondvalley .item li span{font-weight:700; line-height:2;} .diamondvalley .box01 ul.mouse_event{width:96%; margin-top:3%;} .diamondvalley .mouse{width:100%;} .diamondvalley .mouseCase{width: 30%;margin: 0 auto;} .diamondvalley .mouseContent{width:90%; color:#fff; font-size:1.1rem; margin-top:3%;} .diamondvalley .mouseContent li{line-height:1.6;} .diamondvalley .mouseContent li span{font-weight:700; color:#ffef71;} .diamondvalley .contentPc .box02 .info{display:flex; align-items:baseline; margin-top:0;} .diamondvalley .contentPc .box02 .info.mo{display:none;} .diamondvalley .info .title{width:40%;} .diamondvalley .info .title li{width:94%;height:4rem; margin:1rem 0;background:url(https://image.cultureland.co.kr/upload/web/etc/230803_diamond_title.png) no-repeat 0 0 / contain; font-size: 1.3rem;font-weight: 700;color:#ddcaff;line-height: 3.8rem;letter-spacing: -0.08rem;} .diamondvalley .info .title li:after{content:""; display:inline-block; width:.9rem; height:1rem; margin-left:.6rem; background:url(https://image.cultureland.co.kr/upload/web/etc/230803_arrow.png) no-repeat 0 0 / cover; } .diamondvalley .info .content{width:100%; margin-left:1.2rem;} .diamondvalley .info .content li{height:4rem; margin:1rem 0; text-align:left; font-size:1.2rem; font-weight:500; color:#fff; letter-spacing:-.04rem} .diamondvalley .info .content li span{font-weight:700;} .diamondvalley .info li:nth-child(2){margin-bottom:2.6rem;} .diamondvalley .info li:nth-child(3){margin-bottom:5rem;} .diamondvalley .info li:last-child{margin-bottom:0;} .diamondvalley .contentPc .box03{border-radius: 10px; width:90%; margin-top:2rem; background-color: #fffdfd; padding:3% 12%;} .diamondvalley .contentPc .box03 td div{font-size:0;} .diamondvalley .contentPc .box03 .sc_onnum{font-size:0;} .diamondvalley .contentPc .box03 .table_wrap table tbody{line-height:32px;} .diamondvalley .contentPc .box03 input{vertical-align:middle; margin-right:.4rem;} .diamondvalley .contentPc .box03 .giftcode_num{padding-top:0; padding-bottom:0; width:53%} .diamondvalley .contentPc .box03 .select select{width:44%; margin-right:.5rem;} .diamondvalley .contentPc .box03 .selectbox_hp{width:23%;} .diamondvalley .contentPc .box03 .table_wrap table tr td:nth-child(1){width:22%;} .diamondvalley .contentPc .box03 .table_wrap table tr td:nth-child(2){width:76%;} .diamondvalley .contentPc .box03 .content2{width:100%; float:none;} .diamondvalley .contentPc .box03 .content2 .radio{font-size:1rem;} .diamondvalley .contentPc .box03 .agreeBox{display:flex; flex-direction: column; background-color:#fffdfd; font-size:16px; color:#535353;} .diamondvalley .contentPc .box03 .agreeBox .notice1 ul{width: 100%;float: none; font-weight: normal; border:none; padding: 3% 6% 2%;} .diamondvalley .contentPc .box03 .agreeBox .notice1 ul li{width:100%; margin-top:0; border:none; float:none; height:2rem;} .diamondvalley .contentPc .box03 .agreeBox .notice2{background-color: #fffdfd;} .diamondvalley .contentPc .box03 .agreeBox .notice2 div{width:88%; padding:0; line-height:1.4;} .diamondvalley .contentPc .box03 .agreeBox button{font-size: 1.1rem;color: #fff;border-radius: 50px;background-color: #843fb7;width: 88%;padding: 2% 0; margin:0 auto 3%; font-weight:400; letter-spacing:-0.06rem;} .diamondvalley .contentPc .box04{margin:6% 0;} .diamondvalley .contentPc .box04 ul li{color:#fff; text-align:left; font-size:1.2rem; margin-left:4%; line-height:3; border: 1px solid #dfe3ff;border-radius: 10px;width: 80%;margin-bottom: 1.4%;padding: 1% 2%;background-color:#191937;} .diamondvalley .contentPc .box04 ul li:before{content:""; display:inline-block; width:2.5rem; height:2.5rem; margin-right:2%; background:url(https://image.cultureland.co.kr/upload/web/etc/230804_diamond_step01.png) no-repeat 0 0 / contain; vertical-align:middle;} .diamondvalley .contentPc .box04 ul li:nth-child(2):before{background-image:url(https://image.cultureland.co.kr/upload/web/etc/230804_diamond_step02.png);} .diamondvalley .contentPc .box04 ul li:nth-child(3){line-height:1.2; margin-top:1%; margin-bottom:1%;} .diamondvalley .contentPc .box04 ul li:nth-child(3) span.block{display:inline-block; width:100%; padding-left:6%; box-sizing:border-box;line-height:1.6;} .diamondvalley .contentPc .box04 ul li:nth-child(3):before{background-image:url(https://image.cultureland.co.kr/upload/web/etc/230804_diamond_step03.png);} .diamondvalley .contentPc .box04 ul li:nth-child(4):before{background-image:url(https://image.cultureland.co.kr/upload/web/etc/230804_diamond_step04.png);} .diamondvalley .contentPc .box04 ul li:nth-child(5):before{background-image:url(https://image.cultureland.co.kr/upload/web/etc/230804_diamond_step05.png);} .diamondvalley .contentPc .box04 h2:before, .diamondvalley .contentPc .box04 h2:after{content:"";display:inline-block; width:2rem; height:2rem; margin:0 0.4rem; background:url(https://image.cultureland.co.kr/upload/web/etc/230803_icon_5.png) no-repeat 0 0; vertical-align:middle;} .diamondvalley .contentPc .box04 h2:before{transform:scaleX(-1);} .diamondvalley .notice_dfm.dia{background-color:#24192d;} .diamondvalley .event_notice{display:flex; margin:0 auto; justify-content: space-around; color:#1c0547; letter-spacing:-0.04rem; text-align:center;} .diamondvalley .event_notice > div{width:48%; padding: 3% 2% 4%;background-color: rgb(48 0 115 / 82%);border: 1px solid #905acb;border-radius: 10px;box-shadow: 0px 0px 2rem #5e249f; box-sizing: border-box;color: #fff;} .diamondvalley .event_notice > div p:first-of-type{font-weight:700; padding-bottom:2%; font-size:1.3rem;} .diamondvalley .event_notice > div p:first-of-type:after{content:""; display:block; width:100%; height:1px; margin:14px 0; background-color:#9775a9;} .diamondvalley .event_notice > div p:last-child{font-weight:700; margin-top:2%; color:#ff98ed;} /* .diamondvalley .event_notice > div p:first-of-type:before{content:""; display:block; height:1.4rem; margin-bottom:1rem; background:url(https://image.cultureland.co.kr/upload/web/etc/230808_btn_tit.png) no-repeat 50% / contain;} */ .diamondvalley .event_notice > div h2{margin-bottom:1rem; letter-spacing:-0.04rem;} .diamondvalley .event_notice > div h2:before, .diamondvalley .event_notice > div h2:after{content:"";display:inline-block; width:1.5rem; height:1.5rem; margin:0 1rem; background:url(https://image.cultureland.co.kr/upload/web/etc/230809_diamondvalley_party_2.png) no-repeat 0 0;} .diamondvalley .event_notice > div h2:after{transform:scaleX(-1);} .diamondvalley .event_notice > div img{width:80%;} select#amount, input#giftNum, .content2 td input.phone_num{font-size:15px; text-indent:5px;} /* fc mobile 20230913 */ .main.bg02.fcmobile{margin-top:0; background:none;height:80%;overflow:hidden; min-height:1040px;} .main.bg02.fcmobile img:first-child{min-height:520px; object-fit:cover;} .main.bg02.fcmobile img:nth-child(2){min-height:451px; object-fit:cover;} .main.bg02.fcmobile .line:before{content:""; position:absolute;width:6000px; height:100%; background:url(https://image.cultureland.co.kr/upload/web/etc/230915_fcmobile_linelogo.png) repeat-x 0 center; animation: marquee 80s linear infinite; } @keyframes marquee { from { transform: translateX(0); } to { transform: translateX(-4000px); } } .main.bg02.fcmobile .line-wrap{position:absolute; bottom:0; width:100%; height:7%; background-color:#00cd87;overflow:hidden;} .contentPc ul img{width:fit-content;} .contentPc .fcmobilelogo{width:auto; position:relative; margin-top:3vw; margin-bottom:4%; padding:3% 5%;} .fcmobilelogo .first{margin:4vh 0 0;} .fcmobilelogo .first img{width:52%;} .third a{display:block; } .third a.mo{display:none;} .wrap.fcmobile .contentPc ul li ~ li{padding:2% 4% 1.5%;} .fcmobile .contentPc{background:none;} .fcmobile .contentPc .box01.list{position: relative;background: #145138;border-radius: .4em;border:1px solid #6fffa285;box-shadow:0px 0px 1rem #145138; margin-top:16%; margin-bottom:4%;} .fcmobile .contentPc .box01.list .small{display:inline-block; font-size:1rem; color:#e9ffc1; line-height:1.3;margin-top:4px;} .fcmobile .contentPc .list .point{position: absolute;width: 100%;background-color: #77dbc3;padding: 1rem 0;left: 0;border-radius: 0 0 8px 8px;outline: 1px solid #77dbc3;} .fcmobile .contentPc .list .point dt{background-color:#067b58;} .fcmobile .contentPc .list .point dd{color:#222; width:70%; color:#222; font-weight:600; margin-bottom:10px; margin-left:1%;} .fcmobile .contentPc .list .point dd span{font-weight:800; color: #fff;background-color: #299796; margin-left:2px;padding: 2px 4px;} .fcmobile .contentPc .list > ul{width:90%;} .fcmobile .contentPc .list > p{position: absolute;width: 16%;height: 2.4rem;left: 50%;top: -5%;transform: translateX(-50%);line-height: 2.4rem;background-color: #000;border-radius: 31px;color: #dcffe9;font-weight: 600;} .fcmobile .contentPc .list h2{font-size: 1.8rem;font-weight: 700;letter-spacing: -.07em;color: #fff;text-shadow: 0px 0px 1rem #5f5f5f;margin: 1.6rem;} .fcmobile .contentPc .list h2:before, .fcmobile .contentPc .list h2:after{content:none;} .fcmobile .contentPc .list dt{display: inline-block;width:13%; padding: 4px 0;background-color: #17c392;color: #fff;font-weight: 700;font-size: 1rem;border-radius:40px; text-align:center;vertical-align:top;} .fcmobile .contentPc .list dd{display: inline-block;width:84%;font-size: 1.2rem;color: #fff;font-weight:500;letter-spacing: -.06em;line-height: 1.6;margin-bottom: 17px; margin-left:2%; text-align:left;} .fcmobile .contentPc .box02.list{position: relative;background:#1a1a1a;border-radius: .4em;border:1px solid #6fffa285;box-shadow:0px 0px 1rem #1a2925;} .fcmobile .contentPc .box02.list li:first-child:after{content:""; position:absolute; top:6rem; right:3rem; width:11rem; height:11rem; background:url(https://image.cultureland.co.kr/upload/web/etc/230915_fcmobile_FIFAVOUCHER_256.png) no-repeat 0 0 / contain; } .fcmobile .contentPc .box02.info{background-color:transparent;border:none;box-shadow:none;padding:0; margin-top:86px;} .fcmobile .contentPc .info dl{position:relative; padding:1.6rem 0; border-top: 2px ridge #9affa961; border-bottom:2px ridge #9affa961; margin: 1.6rem 0 0; } .fcmobile .contentPc .info dt{background:transparent; width:50%; padding: 0 0 12px; color:#07f468;} .fcmobile .contentPc .info dd{text-align:center; line-height:1.6; margin:0;} .fcmobile .contentPc .info dd ~ dd:before{content:""; display:block; margin: .6rem auto; width:.6rem; height:.6rem; background:url(https://image.cultureland.co.kr/upload/web/etc/green_trg.svg) no-repeat center 0;} .fcmobile .contentPc .info dd span{font-weight:600; color:#07f468;} .fcmobile .contentPc .box03 .table_wrap table tbody {line-height: 39px;} .wrap.fcmobile .contentPc ul li.box03{padding:2% 4% 3%;} .fcmobile .contentPc .box03 .agreeBox button{background-color: #3fb773;} .fcmobile .contentPc .box03 .agreeBox .notice1 ul li{padding:0;} .fcmobile .contentPc .list.btn_box .flex{display:flex; width:auto; justify-content:space-between;} .fcmobile .contentPc .list.btn_box .flex li{width:49%; height:66px; background:linear-gradient(to top, #e0fff4, #fff); font-size:1.4rem; border-radius:99px; padding:0; line-height:66px; box-shadow:0px 0px 1rem #145138;} .fcmobile .contentPc .list.btn_box .flex li a:after{content:""; display:inline-block; width:1.4rem; height:1.2rem; vertical-align:text-bottom; margin:0 0 4px 1%; background:url(https://image.cultureland.co.kr/upload/web/etc/arrow_graycircle.svg) no-repeat 0 0;} .fcmobile .contentPc .list.btn_box .flex li span{font-weight:600;} .fcmobile .contentPc .list.btn_box .flex li a{display:block; color:#222;} .fcmobile .notice_dfm.dia{background-color: #192d29;} /* pokemon 20230925 */ .pokemon_wrap img{width:100%; height:65rem; object-fit:cover; object-position:center bottom;} .pokemon .main.bg02.pokemon_wrap{background-image:none;} .pokemon .pokemonlogo{position:relative; margin-bottom:14%;} .pokemon .pokemonlogo .second img{margin-bottom:40px;} .pokemon .pokemonlogo .second .mo{display:none;} .pokemon .pokemonlogo .third{position:relative; z-index:4;} .pokemon .pokemonlogo .third img{margin-bottom:3%;} .pokemon .pokemonlogo .fourth img{width:53%;} .pokemon .contentPc .list h2{font-size: 2.25rem;font-weight: 700;letter-spacing: -0.09rem;text-shadow:none;margin:0 0 2.5rem 0;} .pokemon .contentPc .list > ul{width:100%;} .pokemon .contentPc .list > p { left:0; transform:translateX(20%); top:-57px; width:auto; height:auto; padding:1rem 2.5rem; border-radius:.5rem .5rem 0 0; font-size:1.5rem; font-weight:800; background: #006ABF; line-height:1; color:#fff;} .pokemon .contentPc .list dt{background-color:#006ABF; width:8rem; padding:0.5rem 0;} .pokemon .contentPc .list dd{width:80%; font-size: 1.25rem;font-weight: 400;letter-spacing: -0.05rem; margin-left:1.5rem; margin-bottom:0; line-height:1.8} .pokemon .contentPc .list dl{margin-bottom:1.5rem;} .pokemon .contentPc .list dl:last-child{margin-bottom:0;} .pokemon .contentPc > ul > li{padding: 6% 0 0;} .pokemon.wrap .contentPc ul li ~ li{padding:0;} .pokemon.fcmobile .contentPc .list{padding: 3.88rem 9.25rem 3.75rem;} .pokemon .contentPc .box01.list{position:relative; width:100%; border-radius: 1.25rem;border: 1px solid rgba(255, 255, 255, 0.50);background: rgba(0, 36, 161, 0.20); box-shadow: none; margin-bottom:6.8rem; margin-top:0;} .pokemon .contentPc .box01.end:after{content:"선착순 마감"; position:absolute; top:0; left:0; width:100%; height:100%; background-color: #081530c9; color:#fff;font-size: 2rem;line-height: 13;font-weight: 700; border-radius: 1.25rem;} .pokemon .contentPc .box02.list{width:100%; border-radius: 1.25rem 1.25rem 0 0;border: 1px solid rgba(255, 255, 255, 0.50);background: #0E3D77; padding:3.88rem 6rem 3.75rem; box-shadow: none; border-bottom:none; } .pokemon .contentPc .box02.list .content{padding:0 3.22rem; box-sizing:border-box;margin-bottom:3.5rem;} .pokemon.fcmobile .contentPc .list .small{ display: inline-block;font-size: 1rem;line-height: 1.3;margin-top: 4px;color:#7794FF; margin-top:0;} .pokemon .contentPc .box02.list > p{background-color:#FFD233;} .pokemon .contentPc .box02.list dt{background-color:#FFD233; color:#303030;} .pokemon .contentPc .box02.list li:first-child:after{content:none;} .pokemon .box02 img {width: 87%; margin-right: 0;float:none;} .pokemon .contentPc .box02 .item{width:100%; border-radius: 0.5rem;border: 1px solid rgba(255, 255, 255, 0.50);background: #153D70;box-shadow: 0px 0px 24px 0px rgba(0, 0, 0, 0.25) inset;margin-bottom:24px;} .pokemon .contentPc .box02 .item .title{width:100%; border-radius: 0.5rem 0.5rem 0rem 0rem;background: rgba(255, 255, 255, 0.05);padding: .62rem 0; font-size: 1.5rem;font-weight: 700;color:#fff;} .pokemon .contentPc .box02 .item .wide{padding:.4rem; box-sizing:border-box;} .pokemon div.flex{display:flex; justify-content:center; padding:2.25rem 0 2.5rem; box-sizing:border-box;} .pokemon div.flex p{position:relative; width:18.8%; height:18.8%; margin: 0 1.5rem; color:#A1CBFF; font-weight:400; letter-spacing:-.04rem;} .pokemon .contentPc .box02.list.method{width:100%; border-radius: 0 0 1.25rem 1.25rem; border-top:none;padding:0; border-bottom:1px solid rgba(255, 255, 255, 0.50);} .pokemon .contentPc .box02.list.method > div{padding: 0 10.84rem 3.75rem; margin:0;} .pokemon .contentPc .box02.list.method dt{color: #00E19E;font-size: 1.5rem;font-weight: 700;letter-spacing: -0.06rem; background-color:transparent; width:auto; border-radius:0; padding: 0 0 2.5rem 0;} .pokemon .contentPc .box02.list.method dd{width:100%; margin-left:0; margin-top:40px; line-height:1.4;} .pokemon .contentPc .box02.list.method dd span{display:inline-block; vertical-align:top;} .pokemon .contentPc .box02.list.method dd .step{font-size:1.25rem; font-weight:700; letter-spacing:-0.05rem; border-right: 4px solid #00E19E; border-left: 4px solid #00E19E; padding:0 20px; margin-right:50px;} .pokemon .contentPc .header{border-top: 1px solid rgba(255, 255, 255, 0.50);border-bottom: 1px solid rgba(255, 255, 255, 0.50);background: rgba(141, 175, 249, 0.20);padding:0.75rem 0;} .pokemon .contentPc .box03{width:100%; border-radius: 1.25rem; margin:3rem 0 4.3rem;} .pokemon .contentPc .box03 .table_wrap table tbody{line-height:24px;} .pokemon .contentPc .box03 input{vertical-align:middle;} .pokemon .contentPc .box03 input.phone_num{margin-left:6px;} .pokemon .contentPc .box03 .selectbox_hp{width:15%; margin-right:0;} .pokemon .contentPc .box03 .table_wrap table tr td{margin-bottom:1rem;} .pokemon .contentPc .box03 .table_wrap table tr td:nth-child(1){width:32%; line-height:1.7; font-size:1rem;} .pokemon .contentPc .box03 .table_wrap table tr td:nth-child(2){width:66%;} .pokemon .contentPc .box03 .content2{width:100%; float:none;} .pokemon .contentPc .box03 .content2 .radio{font-size:1rem;} .pokemon .contentPc .box03 .agreeBox{margin-top:2%;} .pokemon .contentPc .box03 .agreeBox button{color: #303030;background-color:#FFD233;font-weight:700;} .pokemon .box04{width:100%;} .pokemon .box04_wrap{padding:4rem 0 4.19rem; background:url(https://image.cultureland.co.kr/upload/web/etc/230922_img_BgYellow.png) no-repeat 0 bottom / cover;} .pokemon .box04_wrap > ul{width:1100px; margin:0 auto;} .pokemon .box04 h2{color:#303030;text-align: center;font-size: 2.25rem;font-weight: 700;letter-spacing: -1.44px;margin-bottom:4.81rem;} .pokemon .box04 h3{position:absolute;left:50%; top:0; transform:translate(-50%, -50%); padding:16px 32.5px; border-radius: 99px;background: #0F224B; font-weight:700; color:#fff;} .pokemon .box04 > div{position:relative; width:100%; border-radius: 16px;background: #FFF;box-shadow: 0px 0px 32px 0px #EDB700; padding:4.5rem 0.63rem 3rem;} .pokemon .box04 > div ~ div{margin-top:60px;} .pokemon .box04 > div ul{display:flex; flex-wrap:wrap; justify-content:center; font-size:1.25rem; letter-spacing:-0.05rem; font-weight:400;} .pokemon .box04 > div ul li{display:flex; align-items:center; width:39.2%; overflow:hidden; word-wrap:break-word;} .pokemon .box04 > div ul li a{color:#303030;} .pokemon .box04 > div ul li:nth-child(even){margin-left:32px;} .pokemon .box04 > div ul li:nth-child(n+3){margin-top:50px;} .pokemon .box04 ul li:before{content:""; display:inline-block; width:5.3rem; height:5rem; background:url(https://image.cultureland.co.kr/upload/web/etc/230922_pokemon_upload_01.svg) no-repeat 0 0 / contain;} .pokemon .box04 ul li:nth-of-type(2):before{background-image:url(https://image.cultureland.co.kr/upload/web/etc/230922_pokemon_upload_02.svg);} .pokemon .box04 ul li:nth-of-type(3):before{background-image:url(https://image.cultureland.co.kr/upload/web/etc/230922_pokemon_upload_03.svg);} .pokemon .box04 ul li:nth-of-type(4):before{background-image:url(https://image.cultureland.co.kr/upload/web/etc/230922_pokemon_upload_04.svg);} .pokemon .box04 ul div:last-child li:nth-of-type(1):before{background-image:url(https://image.cultureland.co.kr/upload/web/etc/230922_pokemon_upload_05.svg);} .pokemon .box04 ul div:last-child li:nth-of-type(2):before{background-image:url(https://image.cultureland.co.kr/upload/web/etc/230922_pokemon_upload_06.svg);} .pokemon .box04 ul div:last-child li:nth-of-type(3):before{background-image:url(https://image.cultureland.co.kr/upload/web/etc/230922_pokemon_upload_07.svg);} .pokemon .box04 ul div:last-child li:nth-of-type(4):before{background-image:url(https://image.cultureland.co.kr/upload/web/etc/230922_pokemon_upload_08.svg);} .pokemon .box04 > div ul li p{display:inline-block; width:70%; vertical-align:top; margin-left:28px;} .pokemon .box04 > div > p{color:#767676;letter-spacing: -0.04rem; margin-top:32px; text-align:center;} .pokemon .small_icon {width:30px; margin-top:-2px;} .pokemon .no_wrap{display:inline-block;} .pokemon .no_wrap.circle{position:absolute; top:0; right:0; width:40px; margin-left:.3rem; font-size:1rem; border-radius:50px; background-color:#FF4B73; color:#fff; font-weight:600;} .pokemon .notice_dfm.dia{background-color:#494949; } .pokemon .notice_dfm.middle{background-color:#434343;} .pokemon .notice_dfm{background-color:#3a3a3a;} .pokemon .notice_dfm > .dfm > h4{color:#adadad;} .pokemon .notice_dfm > .dfm > ul.square > li{color:#adadad;} .pokemon .notice_dfm > .dfm > h4{font-weight:600;} /* modoo Marble 20231116 */ .mo {display: none;} .wrap.modoo .contentPc .mo {display: none;} .modoo_wrap.bg02 {height: auto; background: none; overflow: hidden;} .modoo_wrap.bg02 img {min-width: 1900px;} .modoo .modoologo {margin-bottom: 17%;} .modoo .modoologo .second img {width: 76%;} .modoo .contentPc > ul > li {padding: 10% 0 0; } .modoo .third img {width: 50%; margin-top: 4%;} .modoo .contentPc .box01.list {padding: 3.8rem 7.6rem; margin-bottom: 8rem; background: linear-gradient(#fffffff5, #e7f4fff7); border: 1px solid #9dd4ff; } .modoo .contentPc .box01 > p {background-color: #1e91ed;} .modoo .contentPc .box01 h2 {color: #007de1;} .modoo .contentPc .box01 li > p { color: #303030; font-size: 1.5rem; letter-spacing: -0.07rem; margin-bottom: 0; line-height: 1.4;} .modoo .contentPc .li_btn a {display: block; width: 100%; height: 4.6rem; border-radius: 99px; margin-top: 6%; background-color: #1e91ed; font-size: 24px; color: #fff; font-weight: 600; line-height: 4.6rem; box-shadow: 0 0 0 1px #6698cb inset, 0 0 0 2px rgb(201 245 255 / 14%) inset, 0 4px 0 0 rgb(7 106 205 / 70%), 0 4px 0 1px rgba(0,0,0,.2), 0 5px 8px -1px rgba(0,0,0,.2);} .modoo .contentPc .li_btn a:hover {background-color: #0b7fdb;} .modoo .contentPc .li_btn a img {width: 24px; margin: 1.65rem 0 0 1%;} .modoo.wrap .contentPc .list .small {color: #0a82db; font-weight: 500; letter-spacing: -.05em;} .modoo p strong {position: relative; z-index: 2; margin-bottom: 2.4%; font-weight: 600; font-size: inherit; letter-spacing: -.06em; color: #303030; } .modoo p strong:before {content: ""; position: absolute; z-index: -1; left: 50%; transform: translateX(-50%); bottom: 1px; width: 28%; height: 2px; background-color: #4b4b4b;} .modoo .contentPc .box02.list {background: #445d16; padding: 2.6rem 6rem 3.75rem; border-radius: 1.25rem; border: 1px solid rgb(170 199 160 / 50%);} .modoo .contentPc .box02.list .small {color: #9ec552; line-height: 1.4; font-size: 1rem;} .modoo .contentPc .box02 .sub_title img {width: 20%; margin-bottom: .3rem;} .modoo .contentPc .box02 h2 {margin: 1rem 0 3rem 0;} .modoo .contentPc .box02 a {display: block; width: fit-content; margin: 0 auto; margin-top: 1.6%;padding: .8% 5%; border-radius: 99px;color: #55ffde;font-size: 14px;border: 1px solid #47bfa8;} .modoo .contentPc .box02 h3 {font-size: 1.5rem; color: #ffde5e; font-weight: 600; padding-top: 4%; margin-bottom: 4%; border-top: 1px dashed #81a53d;} .modoo .contentPc .box02 .item {background: #2d4304; border:1px solid rgb(170 199 160 / 50%);} .modoo div.flex p {color: #d6fd8e; width: 98%; max-width: 146px;} .modoo .contentPc .box03 {margin: 3rem 0;} .modoo .contentPc .box02.list .header {padding: 1.25rem 0; margin-top: 0; background: rgb(162 249 141 / 20%); border-top: none; border-radius: 1.25rem 1.25rem 0 0;} .modoo .contentPc .box02.list.method {margin-bottom: 4.3rem; border-radius: 1.25rem; border: 1px solid rgb(117 153 105 / 50%);} .modoo .contentPc .box02.list.method dd .step {border-right: 4px solid #b5ff6c; border-left: 4px solid #b5ff6c;} .modoo .box04_wrap {background-image: url(https://image.cultureland.co.kr/upload/web/etc/231115_modoo_bg04_yellow.png);} .modoo .box04 > div {padding: 4.5rem 0.63rem 3.75rem;} .modoo .box04 > div ul li {position:relative; flex-direction: column; padding: .6rem; box-sizing: border-box; background-color: #f7f7f7; border-radius: .6rem;} .modoo .box04 > div ul li img { width: 100%; border-radius: 8px; border: 1px solid #ededed;} .modoo .box04_wrap .box04 > div ul li p {text-align: center; margin: 1rem 0 0.6rem; color: #303030;} .modoo .box04_wrap .box04 div ul li:before {content:"1"; position: absolute; top: 0; left: 0; width: 2.6rem; height: 2.6rem; background-image: none; border-radius: 0 0 4px 4px; background-color: #202020;color: #fff;text-align: center;font-weight: 600;line-height: 2.6rem;} .modoo .box04_wrap .box04 div ul li:nth-of-type(2):before {content:"2"} .modoo .box04_wrap .box04 div ul li:nth-of-type(3):before {content:"3"} .modoo .box04_wrap .box04 div ul li:nth-of-type(4):before {content:"4"} .modoo .box04 .item_notice {padding: 4.5rem 8.22rem 3.75rem; line-height: 1.5; color: #737373;} .modoo .box04 > div ol li {list-style: decimal; font-size: 1.2rem; } .modoo .youtube_wrap {background-color: #262626;} .modoo .youtube_wrap ul {width: 900px; margin: 0 auto; padding: 4rem 0 3.2rem; box-sizing: border-box; text-align: center;} .modoo .youtube_wrap .video_box { padding: 3.2rem 3.6rem 2.6rem; background-color: #333; border-radius: 0.8rem; font-size: 0;} .modoo .youtube_wrap .video_box img:first-child {width: 72%;} .modoo .youtube_wrap .video_box img:last-child {width: 100%;} .modoo .youtube_wrap .video_box p { margin: 1.6rem 0 2.4rem; font-size: 1.4rem; color: #fff;} .modoo .youtube_wrap .video_box p span { margin-right: 4px; font-weight: 600; color: #aaa;} .modoo .youtube_wrap .btn {position: relative; display: block; width: 100%; height: 4.2rem; margin: 1.22rem 0; overflow: hidden; border-radius: 99px; background-color: #595959; box-shadow: 0px 0px 8px rgb(22 22 22 / 24%); line-height: 4.2rem; font-size: 1.2rem; color: #fff;} .modoo .youtube_wrap .btn:before {content:""; display: inline-block; width: 32px; height: 24px; margin-right: 6px; vertical-align: middle; background: url(https://image.cultureland.co.kr/upload/web/etc/231116_modoo_youtube_play.svg) no-repeat 0 0 / contain;} .modoo .youtube_wrap .link {position: absolute; top: 0; left:0;} .modoo .youtube_wrap .link a {display: block; height: 100%;} .modoo .youtube_wrap .link img {width: 100%; height: 100%;} /* 플레이스테이션 - 스타레일 (2023-11-29 이예람) */ .playStation.star {background-image: url(https://image.cultureland.co.kr/upload/web/etc/231127_star_2.png); background-size: 64%;} .playStation.star .main.bg02.playStation { width: 62%; left: 50%; transform: translateX(-50%); background:url(https://image.cultureland.co.kr/upload/web/etc/1920X1080-KR.jpg) no-repeat center top / contain; } .playStation.star .contentPc {margin-top: 35%; } .playStation.star .contentPc ul {font-size: 0;} .playStation.star .btns {display: flex; justify-content: center; padding: 0; margin-bottom: 7%} .playStation.star .btns .buybtn { width: 42%; margin: 3% 1.6% 0; } .playStation.star .btns .buybtn a {display: block; padding: 5.8%; border-radius: 99px; background: linear-gradient(0deg, #363ad7 0%, #6b6eff 100%); font-size: 1.4rem; font-weight: 600; color: #fff;} .playStation.star .btns .buybtn:last-child a {background: linear-gradient(0deg, #2764d3 0%, #6bacff 100%);} .playStation.star .btns .buybtn a.mo {display: none;} .playStation.star .date {position: relative; padding: 4.6% 6% 4.2%; margin-bottom: 0; background-color: #202954ed; border-radius: 1.25rem 1.25rem 0 0;} .playStation.star .date:before {content:""; position: absolute; top: -18px; left: 50%; transform: translateX(-50%); width: 90%; height: 40px; background: url(https://image.cultureland.co.kr/upload/web/etc/231127_star_line2.svg ) no-repeat center 0 / cover; } .playStation.star .date .info {padding: 10px 7%;} .playStation.star .date .info ul li { font-size: 1.2rem; font-weight: 500;} .playStation.star .date .info ul:last-child li {margin: 1.1% 0 4.4%; font-weight: 400;} .playStation.star .date .info .small {display: block; color: #f9ee4f; font-size: 1rem;} .playStation.star .box01 {padding: 0; background-color: #202954ed; border-radius: 0 0 1.25rem 1.25rem;} .playStation.star .box01 .item {border: none; padding-bottom: 10%;} .playStation.star .box01 .item > p {font-size: 1.8rem; margin: 3% 0 3.6%;} .playStation.star .box01 .item ul { width: 40%; overflow: hidden; box-shadow: 0px 10px 15px 0px #0c14396b; border: 1px solid #2f4075; border-radius: 1.25rem; background-color: #151f3f;} .playStation.star .box01 .item li:first-child {float: none; width: 100%; margin: 0 auto; } .playStation.star .box01 .item li:first-child img {width: 60%; margin: 8% 0 6%;} .playStation.star .box01 .item ul li:nth-child(2) {float: none; width: 100%; background-color: #273667; padding: 6% 12%; margin: 0 auto; font-weight: 500;} .playStation.star .box01 .item ul li:nth-child(2) .add {position: relative; top: -2px; padding: 1% 2%; margin-left: 4px; border-radius: 99px; background-color: #ffe645; color: #303030; font-size: 1rem; font-weight: 600;} .playStation.star.wrap .contentPc > ul > li.box01 strong {background: linear-gradient(90deg, #202954ed 0%, #294987 27.6%, #294987 70.83%, #202954ed 100%); font-size: 1.2rem; font-weight: 400;} .playStation.star li.box02 {width: 100%;} .playStation.star .contentPc .box02, .playStation.star .box02 ul {font-size: 1rem; } .playStation.star .agreeBox button { background-color: #3266cc; font-size: 1rem;} .playStation.star .box03 { width: 100%; padding: 0; } .playStation.star .box03 > strong { margin-top:12%; color:#fff; } .playStation.star .box03 div {background-color: #636feb8f; padding: 3.6% 20%; border-radius: 1rem;} .playStation.star .box03 div ul li {float: none; display: flex; align-items: center; padding: 4% 20%; margin: 0; box-shadow: 0px 0px 15px 0px #0c14395c; background-color: #fff; border-radius: 1rem; text-align: left;} .playStation.star .box03 div ul li ~ li {margin-top: 20px;} .playStation.star .box03 .item_01 { padding: 0; background-color: transparent; color: #000; font-size: 1.2rem;} .playStation.star .box03 div ul li strong { margin: 0 0 2%; font-size: 86%; text-align: left; color: #c9adff;} .playStation.star .box03 div ul li img {width: 30px; height: 30px; padding: 7%; margin-right: 24px; overflow: visible; background-color: #f7f7f7; border-radius: 50%;} .playStation.star .box04 {width: 100%; background-color: #202954ed; border: none; border-radius: 1.25rem;} .playStation.star .contentPc strong {letter-spacing: -0.04em;} /*===================*/ /*===== 반응형 PC =====*/ /*===================*/ @media screen and (max-width:1600px){ .contentPc ul { width: 65%; margin: 0 auto; text-align: center;} .toplogo{line-height: 4.5vw;} .toplogo img { margin-top: 1%;width: 19%;} .font{font-size: 1.3vw;} .notice1.cf{font-size: 1.1vw;} .contentPc > ul > .box03{font-size: 1.2vw;} .contentPc > ul > .box03 div ul li{margin-top: 3%;} /*20210923*/ .toplogo {line-height: initial;} .agreeBox .notice1.cf > button{margin-top: 4%;} .notice2 div{width: 82%;} .contentPc > ul > .box03 div ul li{height:390px;} /* 플레이스테이션 20221209 */ .main.bg02.playStation{width: 80%; left:10% } /* Google diamondValley 20230804 */ .diamondvalley .contentPc ul{width:1100px;} .diamondvalley .contentPc .mouseContent{width:90%;} /* fc mobile 20230913 */ .main.bg02.fcmobile {min-height:988px;} .fcmobile .contentPc .box02.list li:first-child:after{width:10rem; height:10rem; right:0;} /* pokemon 20230925 */ .pokemon_wrap img{height:56rem;} .pokemon .contentPc ul{width:990px;} .pokemon .contentPc > ul > li {padding: 6% 6% 0;} .pokemon.fcmobile .contentPc .list{padding: 3.88rem 10% 3.75rem;} .pokemon .contentPc .box02.list{padding: 3.88rem 7% 3.75rem;} .pokemon .contentPc .box02.list .content{padding: 0 4%;} .pokemon .contentPc .box02.list.method > div{padding: 0 16% 3.75rem;} .pokemon .contentPc .box02.list.method dd span:last-child {width: 74%;} .pokemon .box04_wrap > ul{width:990px;} .pokemon .pokemonlogo .second img{width:97%;} /* modooMarble 20231116 */ .modoo_wrap.bg02 img {width: 105%; transform: translateX(-2%); min-width: 1500px;} .modoo .contentPc .box02.list.method > div {padding: 0 15% 3.75rem;} } @media screen and (max-width:1500px){ .contentPc ul {width: 70%;} .font { font-size: 1.6vw;line-height: 2.5vw;} .notice1.cf{font-size: 1.5vw;} .contentPc > ul > .box03{font-size: 1.6vw;} .contentPc > ul > .box04 .notice1.cf{width:78%} .content2 { width: 85%;} .notice1.cf > ul.bottom li:nth-child(2) {margin-top: 4%;} /*210923*/ .notice1.cf > ul.bottom li:nth-child(2) { margin-top: 0;} .contentPc .box02 img{float: none;} .content2 { width: 100%;} .content2 td input.giftcode_num{height: 100%;} .contentPc > ul > .box03 div ul li img { width: 96%;} /* 리니지W 20211209 */ .contentPc ul {width: 85%;} .contentPc > ul > .box03 div ul li { height: 415px;} /* 던파M 20220829 */ .dfm05 > div.dfm1 > ul.bottom > div > a > img{width:50%; margin:3% 0 2% 29%;} .agreeBox .notice1.cf > button {margin-top:2%;} /* 플레이스테이션 20221209 */ .main.bg02.playStation{width: 100%; left:0} /* Google diamondValley 20230804 */ .diamondvalley .contentPc .box04 ul li{width:100%; margin-left:0;} /* 플레이스테이션 - 스타레일 (2023-11-29 이예람) */ .playStation.star .main.bg02.playStation { width: 85%;} .playStation.star .contentPc {margin-top: 48%; } .playStation.star .box01 .item ul {width: 44%;} } @media screen and (max-width:1280px){ .contentPc ul {width: 75%;} /* 리니지W 20211209 */ .contentPc > img {width: 55%;margin-bottom: 0;} /* 던파M 20220829 */ .dfm_buybtn > .dfm_buybtn_pc{margin-right:4rem;} .dfm_buybtn > .dfm_buybtn_pc , .dfm_buybtn > .dfm_buybtn_mobile{padding:3% 3.5%; font-size:20px;} .box01.dfm01 > strong {font-size:1.8vw;} .contentPc > ul > li.box01.dfm01{padding:2% 6%;} .dfm02.utube_m > .font.dfm-f02{font-size:1.6vw;} .agreeBox .notice1.cf > button {margin-top:3%;} .dfm05 > div.dfm1 > ul.bottom > div > a > img{width:60%; margin:3% 0 2% 25%;} /* Google diamondValley 20230804 */ img{width:80%;} .main.bg02.diamondvalley{height:81%; margin-top:11rem;} .contentPc .diamondlogo{margin-top:6vw; margin-bottom:1%;} .diamondlogo .second img{width:55%;} .diamondvalley .contentPc ul{width:1000px;} .diamondvalley .contentPc .box04 ul li{width:89%; margin-left:0;} .diamondvalley .info .title li{line-height:3.2rem;} .diamondvalley .box01 .mouseContent{width:90%;} /* fc mobile 20230913 */ img{width:inherit;} .main.bg02.fcmobile{height:68%; min-height:772px;} .fcmobile .contentPc ul img{width:76%;} .fcmobilelogo p.first img{width:50%;} /* pokemon 20230925 */ .pokemon_wrap img{height:60rem;} .pokemon .contentPc ul img {width:fit-content;} .pokemon .contentPc ul .flex img{width:90%;} .pokemon .pokemonlogo .second .web{display:none;} .pokemon .pokemonlogo .second .mo{display:block; width:70%; margin:0 auto 40px;} /* modooMarble 20231116 */ .modoo_wrap.bg02 img {transform: none; min-width: auto;} .modoo .modoologo { margin-bottom: 12%; } .modoo .modoologo .second img { width: 78%; } .modoo .contentPc .third img { width: 56%; } .modoo .box04_wrap .box04 > div ul li p { width: 100%;} } @media screen and (max-width: 1080px){ .contentPc ul {width: 80%;} .contentPc strong{ font-size: 3.2vw;} .main_top p{font-size: 1.5vw;} .contentPc > ul > .box03 div ul li > strong {font-size: 15px;} /*20210923*/ contentPc strong {font-size: 3.2vw;} /* 던파M 20220829 */ .top_poromotion > h2{font-size:2.8rem; margin-top:2rem;} .contentPc.dnfm > ul > .toplogo > .dnfm_size1{font-size:1.6rem;} .contentPc.dnfm > ul > .toplogo > span{font-size:2.4rem;} .dfm_buybtn{margin:10% 0 10%;} .dfm_buybtn > .dfm_buybtn_pc{margin-right:2.5rem;} .dfm_buybtn > .dfm_buybtn_pc , .dfm_buybtn > .dfm_buybtn_mobile{padding:3% 3%; font-size:19px;} .box01.dfm01> .font.dfm-f {font-size:1.6vw;} /* Google diamondValley 20230804 */ .main.bg02.diamondvalley{height: 70%;margin-top: 4rem;} .contentPc .diamondlogo{margin-top:4vw;} .diamondvalley .contentPc ul{width:80%;} .diamondvalley .info .title li{line-height:2.8rem; font-size:1.1rem;} .diamondvalley .contentPc h2{font-size:1.8rem;} .diamondvalley .contentPc .box03{padding: 3% 4%;} .diamondvalley .contentPc .box03 .select select{width:36%;} .content2 td input.giftcode_num{width:274px;} .diamondvalley .contentPc .box01 h2:before, .diamondvalley .contentPc .box01 h2:after, .diamondvalley .contentPc .box04 h2:before, .diamondvalley .contentPc .box04 h2:after{width:1.6rem;height:1.6rem;background-size:contain;} .diamondvalley .contentPc .box04 ul li{width:100%; line-height:inherit;padding:4% 3%; font-size:1.1rem;} .diamondvalley .contentPc .box04 ul li:before{width:1.6rem;height:1.6rem;vertical-align:sub; margin-right:1.2%;} .diamondvalley .contentPc .box04 ul li span{display:inline-block; width:100%; padding-left: 6%; box-sizing:border-box;line-height:1.6;} /* fc mobile 20230913 */ .main.bg02.fcmobile{height:60%; min-height:740px;} .fcmobilelogo p.first img{width:48%;} .main.bg02.fcmobile img:first-child{min-height:382px;} .main.bg02.fcmobile img:nth-child(2){min-height:331px;} /* pokemon 20230925 */ .pokemon_wrap img{height:79vw;} .pokemon .contentPc .list h2{font-size:1.8rem;} .pokemon .contentPc .list dt{width:6rem; padding:.3rem 0;} .pokemon .contentPc .list dd{font-size:1rem; width:73%;} .pokemon .box04_wrap > ul{width:80%;} .pokemon .box04 > div ul{font-size:1rem;} .pokemon .box04 > div ul li p{width:68%; margin-left:20px; } .pokemon .small_icon{width:25px;} .notice ul li{font-size:14px;} .pokemon .box04 li:before{width:4rem; height:4rem;} .pokemon .contentPc .box02.list.method > div{padding: 0 12% 3.75rem;} .pokemon .contentPc .box02.list.method dd .step{font-size:1.1rem; margin-right:36px;} .pokemon .contentPc .box02.list.method dd{margin-top:34px;} .pokemon .contentPc .list > p{top:-41px; padding:.6rem 2rem; font-size:1.3rem;} /* modooMarble 20231116 */ .modoo .contentPc .li_btn a img {margin: 4% 0 0 1%;} .modoo .box04 .item_notice {padding: 4.5rem 4rem 3.75rem;} .modoo .youtube_wrap > ul {width: 80%;} .modoo .box04 > div ol li {font-size: 1rem; } .modoo p strong:before {width: 15rem;} } @media screen and (max-width: 1000px){ .contentPc ul { width: 85%; margin: 0 auto; text-align: center;} /* Google diamondValley 20230804 */ .main.bg02.diamondvalley{margin-top: 7rem;} .diamondvalley .contentPc .box03 .select select{width:100%; margin-bottom:1%;} .diamondvalley .contentPc .box03 .giftcode_num{width:100%;} .diamondvalley .box03 tr:first-child{height:5.2rem;} .table_wrap table tbody tr td:nth-child(2){margin-bottom:1%;} .diamondvalley .contentPc .box03 .agreeBox .notice1 ul{padding:3% 4% 2%;} .diamondvalley .contentPc .box03 .agreeBox .notice2 div{width:94%;} /* fc mobile 20230913 */ .main.bg02.fcmobile{height:57%; min-height:690px;} .fcmobilelogo p.first img{width:48%;} } @media screen and (min-width:961px){ img.pc_img{display:block !important;} img.m_img{display:none !important;} .pc{display:block !important;} .mobile{display:none !important;} .content2_notice_wrap {background:#555; margin-top:70px !important; padding: 45px 0;} .content2 td.radio input { width: 34px; height: 15px; border-radius: 0; vertical-align: baseline;} .content2 input.middle{height: 15px;} /* 던파M 20220829 */ .top_poromotion > h2{font-size:2.8rem; margin-top:2rem;} .contentPc.dnfm > ul > .toplogo > .dnfm_size1{font-size:1.5rem;} .contentPc.dnfm > ul > .toplogo > span{font-size:2.2rem;} .dfm_buybtn{margin:10% 0 10%;} .dfm_buybtn > .dfm_buybtn_pc{margin-right:2rem;} .dfm_buybtn > .dfm_buybtn_pc , .dfm_buybtn > .dfm_buybtn_mobile{padding:3% 3%; font-size:18px;} } /*=======================*/ /*===== 반응형 Mobile =====*/ /*======================*/ @media screen and (max-width: 960px){ a, p, h1, h2, h3, h4, li, input{font-family: 돋움, Dotum, helvetica, 'sans-serif'; word-break:keep-all;} img.pc_img{display:none !important;} img.m_img{display:block !important;} .pc{display:none !important;} .wrap{width:100%; margin:0 auto;} .notice1.cf > ul.bottom{display:none;} h4.mobile {display: none;} .contentPc > ul .Mbox05{display:block; margin-top: 4%;} .contentPc > ul .Mbox05 img{width:25%; margin-top:2%;} /* main */ .main_top{height:50px;} .main_top img{float:left; margin-left:10px; width:auto; height:20px; margin-top:14px; display:block;} .main_top p {float:right; margin-right:10px; color:#fff; display:inline-block; line-height:50px !important; -weight:normal; font-size:.75em;} .main_top span.yellow{color:#fff000; font-weight:bold;} /* 알림팝업 */ .pop_wrap{width:70%; min-width:100px; min-height:150px; left:50%; margin-left:-35%;} /* contents */ .content {width:100%; text-align:center; margin:0 auto;color: #1964ce;font-weight:bold } .mobile.content1 img {width:40%; box-shadow:0 0 0 0 !important;} .mobile.content1 h3 {width:90%; margin:20px auto 0; font-size:16px; line-height:24px;} .mobile.content1 table{width:90%; margin:20px auto 0; background:#fff; vertical-align:center; line-height:16px;} .mobile.content1 th{border:1px solid #ddd; background-color:#f5f5f5; word-break:keep-all; font-size:13px; padding:10px 10px; box-sizing:border-box; font-weight:300;} .mobile.content1 td{border:1px solid #ddd; word-break:keep-all; font-size:13px; padding:12px 10px; box-sizing:border-box; text-align:center;} .mobile.content1 table.long td {text-align:left;} .mobile.content1 ul {width:93%; margin:20px auto 0; color:#333;} .mobile.content1 ul li{font-size:12px;} .content2.pc {display:none;} .mobile.content2 {top:-70px;} .mobile.content2 h3 {font-size:18px; line-height:22px; margin-bottom:10px;} .mobile.content2 ul {width:90%; margin:0 auto;} .mobile.content2 ul li {font-size:12px; line-height:18px; color:#777;} .mobile.content2 table {width:90%; margin:20px auto 10px; border-top:1px solid #555; border-bottom:1px solid #555; font-size:12px;} .mobile.content2 table tr td {padding:15px 10px; font-weight:bold; text-align:center; word-break:keep-all; border-bottom:1px solid #e1e1e1;} .mobile.content2 table tr:first-child td {border-bottom:1px solid #e1e1e1;padding-top:20px;} .mobile.content2 table tr:last-child td {padding-bottom:20px; border:none;} .content2_notice {padding:0 0 30px 0; background:none; box-shadow:none; margin:0 auto ;} .content2_notice h3{font-size:13px !important; text-align:left; margin: 25px 0 0 0 !important; width:100%; color:#081152;} .content2_notice ul{width:100%; padding:0; margin: 5px auto 0;border:none;} .content2_notice ul li{margin:0px auto; list-style-type:square; color:#081152; margin-left:10px;} .notice_wrap{width:100%; padding:40px 0; border:none !important;} .notice {width:90%; margin:0 auto;} .notice h4{text-align:left; margin-bottom:20px;} .notice ul{text-align:left;} ul.square{list-style-position:outside; } ul.square li{margin-left:20px; } .notice ul li{font-size:12px;line-height:1.4em;} /*210810*/ .pop{width:86%; height:auto;position:absolute; top:30%; margin-top: 0; left:50%; margin-left:-44%; } .pop .pop_top {height:50px;} .pop .pop_top p{height:50px; line-height:50px;} .pop .pop_content{width:100%; margin-top:30px;} .pop .pop_content p{padding:0 20px; margin:0px auto 30px; } .pop .pop_content p.date{margin:15px auto 0; } .pop a.btn_pop {margin:0 auto 5px;} .pop_wrap2 ul.btn_close{padding:10px 0; background-color:#666;} .pop_wrap2 ul.btn_close li{float:left; width:50%; box-sizing:border-box;} .pop_wrap2 ul.btn_close li:first-child{border-right:1px solid #fff;} .pop_wrap2 ul.btn_close li a{font-size:12px; color:#fff; display:inline-block;text-align:center; height:20px; line-height:20px; box-sizing:border-box; width:100%;} .contentPc ul {width: 90%; margin: 0 auto;text-align: center; } .googleEvn {background:none;} .contents {width:100%;} .contents_wrap.pc {display:none;} .contents_wrap.mobile {display:block} /* 던파M 20220829 */ .contentPc.dnfm > ul > .toplogo > span{font-size:2.2rem;} .dfm05.utube_m > strong{font-size:2.5vw;} .dfm05.utube_m > .dfm1 > .utube_w > li{font-size:1.8vw;} .dfm05.utube_m > .notice1.cf.dfm1 > .bottom {display:block;} /* 플레이스테이션 20221209 */ .wrap.playStation .toplogo > p{font-size: 1.2rem;} .wrap.playStation .dfm_buybtn > .dfm_buybtn_pc, .wrap.playStation .dfm_buybtn > .dfm_buybtn_mobile{ font-size: 1.0rem;} /* Google diamondValley 20230804 */ .diamondvalley .contentPc ul{width:90%;} .diamondlogo .second img{width:63%;} .diamondvalley .info .title li{font-size:1rem; line-height:2.2rem; margin:.5rem 0;} .diamondvalley .info .title li:after{width: 0.7rem;height: 0.8rem;} .diamondvalley .info .content li{height:3.8rem; font-size:1.1rem;} .diamondvalley .info li:nth-child(2){margin-bottom:1rem;} .diamondvalley .info li:nth-child(3){margin-bottom:6rem;} .diamondvalley .contentPc .box03 .agreeBox button{padding:3% 0;} /* fc mobile 20230913 */ .main.bg02.fcmobile{height:80vw; min-height:616px;} .fcmobilelogo .third a.web{display:none;} .fcmobilelogo .third a.mo{display:block;} /* pokemon 20230925 */ .pokemon .contentPc ul{width:80%;} .pokemon .contentPc .box02.list.method dd span:last-child{width:61.5%; font-size:15px;} /* 플레이스테이션 - 스타레일 (2023-11-29 이예람) */ .playStation.star .main.bg02.playStation { width: 100%; background-image:url(https://image.cultureland.co.kr/upload/web/etc/1080x1080-KR.jpg); } .playStation.star .contentPc {margin-top: 102%;} .playStation.star .date .info ul li {font-size: 1rem;} .playStation.star.wrap .contentPc > ul > li.box01 strong { margin-top: 0; padding: 2rem 12%; border: none; font-size: 1rem; text-align: center;} .playStation.star .box01 .item ul {width: 68%;} .playStation.star .box01 .item li:first-child img {margin: 8% auto 6%;} .playStation.star .selectbox input::placeholder {font-size: 15px;} .playStation.star .selectbox select#amount {font-size: 15px;} .playStation.star .agreeBox {border-radius: 0 0 10px 10px; } .playStation.star .table_wrap table tbody tr td:nth-child(1) {letter-spacing: -1px;} } @media screen and (max-width: 912px){ .dfm_buybtn > .dfm_buybtn_pc{} .dfm_buybtn > .dfm_buybtn_pc , .dfm_buybtn > .dfm_buybtn_mobile{display:block; margin:0 auto; padding:4% 5%; font-size:20px;} .dfm_buybtn > .dfm_buybtn_pc{margin-bottom:3%;} .content1.content.mobile.cf.dnfm11{display:none;} /* fc mobile 20230913 */ .fcmobile .contentPc .box02.list li:first-child{margin-bottom:10rem;} .fcmobile .contentPc .box02.list li:first-child:after{right:50%; transform:translateX(50%); top:3.5rem;} /* pokemon 20230925 */ .pokemon .contentPc .box02.list li:first-child{margin-bottom:0;} } @media screen and (max-width: 768px){ .contentPc > ul .box01 , .contentPc > ul .Wbox03{display:none;} .contentPc > ul .Mbox01 , .contentPc > ul .Mbox03 , .contentPc > ul .Mbox05{display:block;} .mobile.content1 table { width: 100%; margin: 10px auto 10px; background: #fff; line-height: 16px;border-top: 2px solid #0c59ca;border-bottom: 2px solid #0c59ca;} .box01 img {display: none;} .Mbox03 ul { width: 100%; margin-top: 3%;} .contentPc > ul > .box03 .Mbox03 ul li{ width: 80%; padding: 2%; background-color: #1a68bf; color: #ffffff; margin: 0 auto; font-size: 3.5vw; float: none;} .contentPc > ul > .box03 div ul li:nth-child(3) { margin-right: inherit;} .Mbox03 ul li p{padding: 1% 0;} .contentPc > ul > .box05 { margin-top: 7%; padding: 3% 0;} .contentPc > ul > .box05 strong { margin-bottom: 2%;} .contentPc > ul > .box03 div ul p { padding: 1% 0;} .contentPc > ul > .Mbox05{margin-top:4%;} .contentPc > ul > .Mbox05 img{width:45%;} .table_wrap table tbody tr td:nth-child(2){height: 25px;margin-bottom:2%;letter-spacing: -2px;line-height: 15px;} .table_wrap table tbody tr td label{margin-right:1%;} .content2 td input.giftcode_num{width: 62%;height: 100%;margin-left: 0;} .selectbox select{height:100%;} .content2 td input.phone_num{width:30.5%;height:100%;} .selectbox_hp , .selectbox select{margin-right:2px;font-size:10px;color:#8e8e8e} fieldset, iframe{padding:4% 0;} .toplogo{font-size: 6.5vw;line-height: 8.5vw;font-weight: bold;margin-bottom: 5%;} .content2 td.radio input { width: 12px; height: 12px; vertical-align: baseline; margin: 0 2%; } .content2 input.middle { width: 10px; height: 10px;} .table_wrap table tbody tr td:nth-child(1) {width: 29%; letter-spacing: -2px; margin-top: 1%;} .contentPc > ul > li{border: 6px solid #ffffff;padding: 3% 5%;} .contentPc strong {font-size: 4.8vw;margin-top: 1%;letter-spacing: -2.0px;} .font {font-size: 3.5vw; line-height: 5.5vw; } .notice1.cf {font-size: 3.5vw;} .contentPc > ul > .box03 { font-size: 3.5vw;} .contentPc > ul > .box03 img{margin-top:2%;} .contentPc > ul > .box04 .notice1.cf { width: 90%; font-size: 3.3vw; marging-top:2%;} .notice1.cf > button{ font-size: 3.5vw;font-weight: bold; padding: 3% 0;margin-bottom: 3%;} .content2 ul.decimal li{ margin-left: 0px;font-size: 3.5vw;} .contentPc ul img { margin-bottom: 2%; width: 26%;} select#amount , input#giftNum , .content2 td input.phone_num { font-size: 10px; padding: 0 2%; border:none; color:#8e8e8e} input::placeholder{font-size:10px;color:#8e8e8e;} .contentPc .box02 img { margin-bottom: 5%; width:35%;} .contentPc > ul > .box03 img{margin-top:1%;width: 22%;} .main.bg02{background-size: contain;height: 50%;} .modal-wrap .modal-cont{width: 300px;border-radius: 3px;} .modal-wrap .btn-close{background: none;} .modal-wrap .btn-close .ico-x .lr, .modal-wrap .btn-close .ico-x .ll{color:#a2a2a2;background-color: #a0a0a0;} .modal-wrap .modal-cont > h3 {display:none;} .modal-wrap .modal-cont > div .mCSB_container > *:last-child , .btn-cont{padding:0 !important;} .modal-wrap .modal-cont > div p{color:#f00;} .modal-cont .btn-cont .cont {padding-left: 0px;width: 100%; margin: 10% 0;} .btn-cont .btn{height:35px;font-size: 14px;line-height: 35px;border-radius: 0;} .modal-wrap .btn-cont .btn{width:100%;} .contentPc > img { width: 26%; margin-bottom: 3%;} .contentPc .box02 .Wgiftcard{padding: 4% 0 0;} .contentPc .Wgiftcard img{display:none;} .contentPc .Mgiftcard img{display:block;width: 100%;border-radius:5px;} .contentPc .Banner09 img{display:block;width: 100%;} /*20210923*/ .toplogo { font-size: 3.7vw;} span.yellow {font-size: 6.0vw;} .content{color: #000000;} .mobile.content1 table{ border-top: 2px solid #000000; border-: 2px solid #000000;} .table_wrap table tbody tr td:nth-child(1) {font-size: 15px;letter-spacing: -3px;} .font { font-size: 3.2vw;} select#amount, input#giftNum, .content2 td input.phone_num{border: 0.5px solid #ccc; background-color: #ffffff;} .table_wrap table tbody tr td:nth-child(1){margin-top:0;} .table_wrap table tbody tr td:nth-child(2) {height: 40px; line-height: 36px;} .table_wrap table tbody tr td label{font-size:14px;} input#hp2 {margin-left: 4px;} .content2 td input.phone_num{ width: 31%;} .content2 td input.giftcode_num { width: 64%;} .agreeBox .notice1.cf > ul{width: 100%; border-right: none; padding: 0; font-size: 13px;} .agreeBox .notice1.cf > button{width: 100%; border-right: 0; } .agreeBox { width: 100%;background-color: #ffffff;border: none; margin-top: 0;} .agreeBox .notice1.cf > button {background-color: #242b37; color: #fff;margin-bottom: 0;} .notice2 { background-color: #ffffff; padding-bottom: 3%;} .contentPc ul a img {width: 100%;} .contentPc > ul .Wbox03{display:block;} .contentPc > ul > .box03 div ul li {width: 100%;} .contentPc strong{margin-top:0;} .contentPc > ul > .box03 div ul li { height: auto; margin-top: 8%; padding-bottom:6%;} .contentPc > ul > .box03.playpoint strong img {width: 15%;} .content2 td.radio input{ border: 1px solid #ccc; } .contentPc > ul > .box03.playpoint div ul li {padding-bottom: 0; margin: 2% 0;} .notice2 div{font-size:12px;margin-bottom: 2%;} .contentPc .Mgiftcard img {border-radius: 0;margin-bottom: 5%;} .contentPc > ul > .box03 div ul li > div {font-size: 15px;} .contentPc .Character{top:0;} .contentPc > ul > .box03 div ul li:last-child{left:0} .imgPopWrap > .window_banner { padding: 5%;} /* 리니지W 20211209 */ .toplogo{text-align: left; font-size: 25px; line-height: 40px;} span.yellow {color: #ffd800; font-size: 25px;} .contentPc > img{ width: 55%;margin-bottom: 0;position: relative; left: -23%;} span.red{font-size: 25px;} .contentPc > ul > .box04 .notice1.cf span{font-size: unset;} select{ /*ios대응*/ -webkit-appearance: none; -moz-appearance: none; appearance: none; /*화살표 배경 넣기*/ background: url('https://image.cultureland.co.kr/upload/web/etc/mypage-btn-bg.png') no-repeat 90% 50% #fff ; border-radius: 0; } select::-ms-expand{ display:none; /* 화살표 없애기 for IE10, 11*/} input[type="checkbox"]{ background-color: #ffffff; border: 1px solid #ccc; width:12px; height:12px; margin-right:2px;} textarea, button { appearance: 0; -moz-appearance: none; border-radius: 0; -webkit-border-radius: 0; -moz-border-radius: 0; } input#hp2, input#hp3{-webkit-appearance: none; } span.red {color: #ff3838; font-size: 22px; vertical-align: bottom;} /* 던파M 20220829 */ .contentPc.dnfm > ul > li.dfm01{border:0px;} .contentPc.dnfm > ul > li.utube_m{border:0px;} .contentPc.dnfm > .dfmlogo{width:50%; text-align:center; display:block; margin:0 auto;} .contentPc.dnfm > img{left:0;} .contentPc.dnfm > ul > .top_poromotion > img{display:none;} .top_poromotion > h2{font-size:2.5rem; margin-top:1.8rem; margin-bottom:2rem;} .contentPc.dnfm > ul > .toplogo > .dnfm_size1{font-size:1.2rem; text-align:center;} .contentPc.dnfm > ul > .toplogo > .dnfm_size1 > .dnfm_size2{font-size:1.8rem; text-align:center;} .contentPc.dnfm > ul > .toplogo > span.blue{font-size:1.8rem; display:block; margin:0 auto; text-align:center;} .dfm_buybtn{margin:8% 0 8%;} .dfm_buybtn > .dfm_buybtn_pc{} .dfm_buybtn > .dfm_buybtn_pc , .dfm_buybtn > .dfm_buybtn_mobile{display:block; margin:0 auto; padding:4% 5%; font-size:20px;} .dfm_buybtn > .dfm_buybtn_pc{margin-bottom:3%;} .dfm01{background-image: none;} .contentPc.dnfm > ul > li.box01.dfm01{background-color:transparent;} .contentPc.dnfm > ul > li.box01.dfm01 > strong{font-size:3vw;} .contentPc.dnfm > ul > li.box01.dfm01 > .font.dfm-f{font-size:1.8vw; line-height:3.5vw;} .mobile.content1.dnfm11 img {width:70%;} .dfm02.utube_m > .font.dfm-f02 {font-size:2.2vw; line-height:4vw;} .box01.dfm01 > img.fm01_bgbox2{display:none;} .dfm04 > .dfm04-w > ul > li:nth-child(1) > div > img {width:50%;} .dfm04 > .dfm04-w > ul > li:nth-child(2) > div > img {width:100%;} .dfm04 > .dfm04-w > ul > li > div {font-size:16px; color:#fff; padding:20px 0 0;} .dfm04 > .dfm04-w > ul > li:nth-child(1) > div > button {font-size:16px; color:#fff; text-decoration:underline; margin-top:-5px;} .agreeBox .notice1.cf.dfm1 > button {background-color: #251d1e; color: #fff;margin-bottom: 0;} .contentPc.dnfm > ul > li{width: 100%; border:10px solid #f6f6f6; padding:3% 6%; margin-bottom:4%; background-color: rgb(255 255 255 / 50%); display: inline-block;} .contentPc.dnfm > ul > .toplogo > span{font-size:1.4rem;} .dfm05.utube_m > strong{font-size:2.5vw;} .dfm05 > div.dfm1 > ul.decimal.utube_w {padding-bottom:2%;} .dfm05.utube_m > .dfm1 > .utube_w > li{font-size:1.8vw; margin-bottom:2%;} .dfm05.utube_m > .notice1.cf.dfm1 > .bottom {display:block; width:100%;} .dfm05 > div.dfm1 > ul.bottom > div > a > img {width:80%; margin:3% 0 2% 17%;} /* 플레이스테이션 221212 */ .main.bg02.playStation .box03{ border: none;} .main.bg02.playStation{ height: 100%;} .playStationlogo{width: 100%; margin-top: 100%;} .wrap.playStation .toplogo{ text-align: center;} .wrap.playStation .contentPc > ul > .box03{ border: 0;} .wrap.playStation .contentPc ul img{width: 100%;} .wrap.playStation li.box02{ width: 100%; padding: 0;} .wrap.playStation .agreeBox { width: 100%; padding: 4%;} .wrap.playStation .table_wrap table tbody tr td:nth-child(1){ width: 100%;} .wrap.playStation .table_wrap table tbody tr td:nth-child(2){ width: 100%; line-height: 43px; margin-bottom: 4%;} .wrap.playStation .box03 div ul li > strong{width: 40%; height: 1.8rem; line-height: 1.8rem;} .wrap.playStation .box03 div ul li:last-child{margin-top: 0;} .wrap.playStation .dfm_buybtn > .dfm_buybtn_pc, .wrap.playStation .dfm_buybtn > .dfm_buybtn_mobile{padding: 3%;} .wrap.playStation .box04 .notice1.cf ul.decimal li{ font-size: 0.8rem;} .wrap.playStation .contentPc > ul .box01, .wrap.playStation .contentPc > ul .Wbox03{display:block; border: none; padding: 0;} .wrap.playStation .contentPc > ul > li.box01 strong{ padding-top: 9%; margin-top:10%; border-top:1px solid #fff; border-top: 1px dashed #ccc; text-align: left; font-size: 1.2rem; background-image: none;} .wrap.playStation .item > p{text-align: center; font-size: 1.2rem;} .wrap.playStation .item ul li:nth-child(2) , .wrap.playStation .font{ font-size: 1.0rem;} .wrap.playStation .font p{ line-height: 1.5rem;} .wrap.playStation .info{ padding: 10px 0%;} .wrap.playStation .info ul:nth-child(1){ width: 32%;} .wrap.playStation .info ul:nth-child(1) li{font-size:0.8rem} .wrap.playStation .info ul{ width: 60%;} .wrap.playStation .info.mo{display:block} .wrap.playStation .info{display:none} .wrap.playStation .info ul:nth-child(1){width: 100%;} .wrap.playStation .info.mo ul:nth-child(1) li{ font-size: 1.0rem; text-align: left;margin-bottom: 0; border: 0;} .wrap.playStation .info.mo ul{width: 100%; margin-bottom: 5%;} .wrap.playStation .info.mo ul li:nth-child(1) {background-color: #fff; color: #000; border-radius: 50px; padding: 3%; font-weight: bold;} .wrap.playStation .info.mo ul li:nth-child(2) { margin-left: 3%;} .wrap.playStation .font{ padding: 7% 4%;} .wrap.playStation .item ul li img {width: 100%; display: block;} .wrap.playStation .item ul li:nth-child(2){ line-height: 2.0rem;} /* Google diamondValley 20230804 */ .diamondvalley .main_top img{height:19px;} .diamondvalley .main_top p{letter-spacing:-0.9px;} .diamondvalley .contentPc{letter-spacing:-0.04rem;} .diamondvalley .contentPc .logoGroup{width:70%;} .diamondvalley .contentPc ul{width:97%;} .diamondvalley .contentPc h2{font-size:1.2rem;} .diamondvalley .contentPc ul img{width:100%;} .contentPc > ul > li{border:none; padding:3% 4%;} .main.bg02.diamondvalley{height:62%; margin-top:4rem;} .diamondvalley .diamondlogo .first img{width:45%;} .diamondvalley .diamondlogo .second img{width:90%;} .diamondvalley .diamondlogo .second:last-child img{width:100%;} .diamondvalley .diamondlogo{margin-bottom:17%;} .diamondvalley .contentPc .box02 .info{position:relative;} .diamondvalley .info .content li{font-size:1rem;} .diamondvalley .box03 tr:first-child{height:8.6rem;} .diamondvalley .contentPc .box01, .diamondvalley .contentPc .box02{width:94%; padding:5% 3%;} .diamondvalley .contentPc h2{margin-bottom:1rem;} .diamondvalley .contentPc .box01 h2:before, .diamondvalley .contentPc .box01 h2:after, .diamondvalley .contentPc .box04 h2:before, .diamondvalley .contentPc .box04 h2:after, .diamondvalley .event_notice > div h2:before, .diamondvalley .event_notice > div h2:after{width:1rem;height:1rem;vertical-align:baseline; background-size:contain;} .diamondvalley .contentPc > ul .box01{display:block; margin:0 auto 13%;} .diamondvalley .item{flex-direction:column;} .diamondvalley div.item > ul { width:100%; margin: 0 auto 4%; word-spacing:0; padding: 2% 4% 5%;} .diamondvalley .item h3{font-size:1.1rem;} .diamondvalley .box01 ul.mouse_event{width:100%;} .diamondvalley .mouseCase{width:60%;} .diamondvalley .contentPc .mouseContent{width:98%; font-size:1rem; text-align:left; margin-top:5%;} .diamondvalley .box01 img{display:block;} .diamondvalley .contentPc .box03{width:94%;} .diamondvalley .contentPc .box03 .agreeBox .notice1 ul{padding:3% 0 2%; font-size:15px;} .diamondvalley .contentPc .box03 .agreeBox .notice2 div{width:100%; background-color:#fff; border:1px solid #efefef; padding:2% ; margin:0; margin-top:3%; letter-spacing:-0.04rem;} .diamondvalley .contentPc .box03 input {margin-right:0;} .diamondvalley .contentPc .box04 ul li{font-size:1rem;} .diamondvalley .contentPc .box04 ul li:before{width: 5%; height:.8rem; vertical-align: baseline;} .diamondvalley .contentPc .box02 .info{display:none;} .diamondvalley .contentPc .box02 .info.mo{display:block;} .diamondvalley .info .mo.title{width: 10rem;height: 2.5rem;background: url(https://image.cultureland.co.kr/upload/web/etc/230803_diamond_title.png) no-repeat 0 0 / contain;font-size: 1rem;font-weight: 700;color: #ddcaff;line-height: 2.5rem;letter-spacing: -0.08rem;} .diamondvalley .info .mo.title:after{content:""; display:inline-block; width:8px; height:10px; margin-left:.5rem; background:url(https://image.cultureland.co.kr/upload/web/etc/230803_arrow.png) no-repeat 0 0 / contain; } .diamondvalley .info .mo.content{color: #fff;margin: 3% 0 7% 2%;font-weight: 400;font-size: 1rem; text-align:left; line-height:1.5;} .diamondvalley .info .mo.content span{font-weight:700;} .diamondvalley .info .mo.content .in-block{display:inline-block; width:80%; vertical-align:top;font-weight:500; line-height:} .diamondvalley .contentPc .box03 .table_wrap table tr td{letter-spacing:-0.06rem;} .diamondvalley .contentPc .box03 .table_wrap table tr td:nth-child(1){width:50%; font-weight:600;} .diamondvalley .contentPc .box03 .table_wrap table tr td:nth-child(2){width:100%;} .diamondvalley .contentPc .box03 .agreeBox button{padding:4% 2%;} .diamondvalley select#amount{padding: 0 14% 0 2%;} .diamondvalley .selectbox_hp, .selectbox select{font-size:15px;} .diamondvalley select#amount, input#giftNum, .content2 td input.phone_num{font-size:15px;} .diamondvalley .contentPc .box03 input::placeholder{font-size:15px; text-indent:-4px;} .diamondvalley .event_notice{flex-direction:column;} .diamondvalley .event_notice > div img{width:70%;} .diamondvalley .event_notice > div{width:100%; padding: 5% 4% 6%; text-align:center; margin-bottom:3%;} .diamondvalley .event_notice > div p{text-align:left;} .diamondvalley .event_notice > div p:first-of-type{font-size:1.1rem;} /* .diamondvalley .event_notice > div p:first-of-type:before{background-position:left; margin-bottom:.5rem;} */ /* fc mobile 20230913 */ .main.bg02.fcmobile{height:100vw; min-height:auto;} .main.bg02.fcmobile .line-wrap{height:8%;} .main.bg02.fcmobile .line:before{background-size:contain;} .wrap.fcmobile .contentPc ul li ~ li{padding:2% 3% 1.5%;} .fcmobile .contentPc ul img{width:98%;} .fcmobilelogo .first{margin: 2vh 0 0;} .fcmobilelogo p.first img{width:53%;} .fcmobile .contentPc .box01.list{margin:20% auto 10%;} .fcmobile .contentPc .list h2{font-size:1.4rem; margin:1.6rem 0 .5rem; } .fcmobile .contentPc .list > ul{width:100%;} .fcmobile .contentPc .list > p{width:27%; top:-20px;} .fcmobile .contentPc .list dt{width:20%; margin: 0 0 2%; font-size:.8rem;} .fcmobile .contentPc .list dd{width:70%; text-align:center; margin-left:6px; line-height:1.4; font-size:1rem; text-align:left;} .fcmobile .contentPc .info dl{padding:1rem 0; margin:1rem 0 2rem;} .fcmobile .contentPc .info dt{width:50%; margin: 0; font-size:1rem;} .fcmobile .contentPc .info dd{text-align:center; width:90%;} .fcmobile .contentPc .list .m{display:inline-block; width:100%;} .fcmobile .contentPc .list.btn_box .flex{flex-direction: column; align-items: center;} .fcmobile .contentPc .list.btn_box .flex li{width:70%; height:46px; line-height:46px; margin:1rem 0 0; font-size:1rem;} .fcmobile .contentPc .list.btn_box .flex li:after{width:.8rem; height:.8rem; vertical-align:middle; margin:0 0 2px 1%;} .fcmobile .contentPc .box02.list li:first-child:after{top:2.5rem;} .fcmobile .contentPc .box02.info{margin-top:10rem;} .fcmobile .contentPc .list.btn_box .flex li a:after{vertical-align: middle;} /* pokemon 20230925 */ .pokemon .contentPc ul img{width:52%;} .pokemon_wrap img{height:135vw;} .pokemon .contentPc .pokemonlogo{padding:10% 0 0;} .pokemon .pokemonlogo .second .mo{width:90%; margin:0 auto 6%;} .pokemon .contentPc ul .third .web{display:none;} .pokemon .contentPc ul .third .mo{display:block;} .pokemon .contentPc ul .third img{margin-bottom:7%;} .pokemon .pokemonlogo .fourth img{width:56%;} .pokemon .contentPc .list h2{margin:.4rem 0 1.6rem;} .pokemon .contentPc .list > p{width:auto; font-size:17px; top:-37px; padding:.6rem 1.4rem;} .pokemon.wrap .contentPc .list{width:96%; padding: 2rem 3% 2.4rem; margin:12% auto 9%;} .pokemon.wrap .contentPc .list dt{width:18%;} .pokemon.wrap .contentPc .list dd{line-height:1.6;} .pokemon.wrap .contentPc ul li ~ li{padding: 2% 0% 1.5%;} .pokemon.wrap .contentPc .list .small{font-size:15px;} .pokemon .contentPc .box01.end:after{font-size:1.7rem; font-weight:600; line-height:13;} .pokemon .contentPc .box02.list{margin-bottom:0;} .pokemon .contentPc .box02.list.method{width:96%; margin-top:0;} .pokemon .contentPc .box02.list.method h2{margin:0 0 1.4rem;} .pokemon .contentPc .box02.list.method > div{padding: 0 6% 3.75rem;} .pokemon .contentPc .box02.list.method dd{margin-top:26px;} .pokemon .contentPc .box02.list.method dd .step{margin-right:5%; font-size:1rem; padding:0 5%;} .pokemon .contentPc .box02.list.method dt{padding:1.6rem 0; font-size:1.3rem;} .pokemon .contentPc .box02.list .content{margin-bottom:3rem;} .pokemon .contentPc .box02.list .content dd{width:75%;} .pokemon .contentPc .box02 .item .title{font-size:1.2rem;} .pokemon div.flex{padding:2rem 0 2.2rem;} .pokemon div.flex p{margin:0 3%;} .pokemon div.flex .no_wrap{font-size:13px;} .pokemon div.flex .no_wrap.circle{top: -14px;right: -6px;} .pokemon.wrap .contentPc ul li.box03{padding:4% 5% 3%;} .pokemon .contentPc .box03{width:96%;} .pokemon .box03 tr:first-child{height:8rem;} .pokemon .box03 tr{height:6rem;} .pokemon .contentPc .box03 .table_wrap table tr td:nth-child(1){width:100%;} .pokemon .contentPc .box03 .table_wrap table tr td{margin-bottom:.3rem;} .pokemon .contentPc .box03 .selectbox_hp{width:25%;} .pokemon .contentPc .box03 .agreeBox .notice1 ul{padding:3% 0 4%;} .pokemon .contentPc .box03 .agreeBox{margin-top:0;} .pokemon .contentPc .box03 .agreeBox li{font-size:14px;} .pokemon .box04 > div{padding: 4rem 0.63rem 2.6rem;} .pokemon .box04 > div ul li{width:100%;} .pokemon .box04 h2{font-size:1.4rem;} .pokemon .box04 h3{white-space:nowrap; padding: 12px 26px;} .pokemon .box04_wrap > ul{width:91%;} .pokemon .box04 > div ul li{justify-content: center;} .pokemon .box04_wrap .box04 > div ul li ~ li{margin-top:14px;} .pokemon .box04 > div ul li:nth-child(even){margin-left:0;} .pokemon .box04 > div ul li:nth-child(n+3){margin-top:0;} .pokemon .box04 > div ul li p a{word-break:break-all;} .pokemon .box04 > div > p{margin-top:24px;} select{background-position: 94% 50%;} /* modooMarble 20231116 */ .mo {display: block;} .web {display: none;} .wrap.modoo .contentPc .web {display: none;} .wrap.modoo .contentPc .mo {display: block;} .modoo_wrap.bg02 { height:auto;} .modoo_wrap.bg02 img {position: relative; left: 50%; transform: translateX(-50%); width: 118%;} .modoo .modoologo {margin-bottom: 8%;} .modoo .modoologo .second img {width: 100%; margin-bottom: 6%;} .modoo .contentPc .list > p {top: -32px; font-size: 15px; padding:.5rem 1rem;} .modoo .contentPc > ul > li {padding: 10% 6% 0; margin-bottom: 46%;} .modoo .contentPc ul .third img {width: 80%; margin: 0;} .modoo .contentPc .box01 h2 { margin: 0.4rem 0 1rem;} .modoo .contentPc .box01.list {padding: 2.4rem 6% 2rem;} .modoo .contentPc .box01 li > p {font-size: 1.1rem;} .modoo.wrap .contentPc .list .small {padding: 0 2%;} .modoo p strong {margin-bottom : 4%;} .modoo p strong:before {width: 11rem;} .modoo .contentPc .li_btn a {height: 3.6rem; margin: 4% auto 0; font-size: 1.2rem; line-height: 3.6rem;} .modoo .contentPc .li_btn a img {display: inline; width: 1.2rem; margin: 1.25rem 0 0 1%;} .modoo .contentPc .box02 h3 {padding-top: 6%; font-size: 1.2rem} .modoo .contentPc .box02 a {margin-top: 3%;} .modoo .contentPc .box02.list.method > div {padding: 0 5% 2.6rem;} .modoo .contentPc .box02.list.method dd .step {margin-right: 4%; padding: 0 3%;} .modoo .contentPc .box02.list.method dd span:last-child {width: 67%;} .modoo .contentPc .box02 .sub_title img {width: 34%;} .modoo .contentPc .box02.list.method h2 {padding: 1rem 0; margin: 0 0 2rem;} .modoo .contentPc .box02.list .content {padding: 0 0;} .modoo div.flex {padding: 2rem .2rem 2.2rem;} .modoo div.flex p {margin: 0 2%;} .modoo div.flex .no_wrap.circle { right:0;} .modoo .contentPc .box03 .agreeBox button {width: 100%;} .modoo .box04 > div {padding: 3rem 0.63rem 2.6rem;} .modoo .box04_wrap {padding: 3.6rem 0 3.4rem;} .modoo .box04_wrap .box04 > div ul li ~ li {margin-top: 1.8rem;} .modoo .box04 .item_notice {padding: 3rem 1.4rem 2.6rem 2.4rem;} .modoo .box04 > div ol li {font-size: 14px;} .modoo .youtube_wrap ul {width: 89%; padding: 3.4rem 0 2.8rem;} .modoo .youtube_wrap .video_box { padding: 2.6rem 2rem 1.8rem;} .modoo .youtube_wrap .video_box p {font-size: 1rem; margin: 1.6rem 0 2rem; } .modoo .youtube_wrap .btn {height: 3.6rem; line-height: 3.6rem; font-size: 1.1rem;} /* 플레이스테이션 - 스타레일 (2023-11-29 이예람) */ .playStation.star .btns {margin-bottom: 12%;} .playStation.star .btns .buybtn {width: 50%;} .playStation.star .btns .buybtn a {font-size: 1.2rem;} .playStation.star .btns .buybtn a.web {display: none;} .playStation.star .btns .buybtn a.mo {display: block;} .playStation.star .date .info {padding: 10px 3%;} .playStation.star .date:before { width: 87%; height: 5%; top: 0; transform: translate(-50%, -46%); background-image: url(https://image.cultureland.co.kr/upload/web/etc/231127_star_line_mo.svg); background-size: contain;} .playStation.star .box01 .item > p {font-size: 1.4rem; margin: 4% 0 4.4%;} .playStation.star .box01 .item ul {width: 82%;} .playStation.star .info.mo ul li:nth-child(1) {padding: 2% 4%;} .playStation.star .box01 .item ul li:nth-child(2) {padding: 6% 7.6%;} .playStation.star .box01 .item ul li:nth-child(2) .add {top: -2px; margin-left: 2px; font-size: 10px; font-weight: 600;} .playStation.star .notice1.cf ul {float: none;} .playStation.star .table_wrap table tbody tr td.select { height: auto;} .playStation.star .select .selectbox select {width: 100%; height: 40px;} .playStation.star .box02 .select .selectbox input {width: 100%; height: 40px;} .playStation.star .agreeBox {padding: 7%;} .playStation.star .agreeBox .notice2 {margin: 4% 0 4.4%; padding: 3%; border: 1px solid #ededed;} .playStation.star .agreeBox .notice2 div {margin: 0; padding: 0;} .playStation.star .agreeBox button {width: 100%; height: 2.6rem;} .playStation.star .box03 div {padding: 4%;} .playStation.star .box03 div ul li {padding: 4%; } .playStation.star .box03 div ul li ~ li {margin-top: 18px;} .playStation.star .box03 div ul li:last-child {margin-top: 22px;} .playStation.star .box03 .item_01 {font-size: 1rem;} .playStation.star .box03 div ul li img {width: 24px; height: 24px; padding: 6%; margin-right: 14px;} .playStation.star .box04 { width: 100%; margin-bottom: 8%;} } @media screen and (max-width: 360px){ .fcmobile .contentPc .list h2{font-size:1.1rem;} .pokemon .contentPc .box02.list.method dd{text-align:center;} .pokemon .contentPc .box02.list.method dd span:last-child{width:100%; margin-top:10px; text-align:center;} .pokemon div.flex .no_wrap.long{margin-left:-25%} .pokemon div.flex .no_wrap{font-size:12px;} .pokemon .box03 tr:first-child{height:10rem;} .pokemon .contentPc .box03 .agreeBox .notice2 div{margin:10% 0 4%;} .pokemon .box04_wrap{padding:3rem 0;} .pokemon .box04 h2{font-size:1.1rem; margin-bottom:3.8rem;} .pokemon .box04 li:before{width:3rem; height:3rem;} .pokemon .box04 > div ul li p{font-size:15px;} /* modooMarble 20231116 */ .modoo .contentPc .box02.list li:first-child {font-size: 1rem;} .modoo .youtube_wrap .btn {font-size: 1rem;} } /*=======================*/ /*====== 이벤트별 변경 ======*/ /*======================*/ /* 메인 이미지 변경 */ .googleEvn {width:100%; height:100%; background:url(http://image.cultureland.co.kr/upload/web/etc/clash_bg.jpg) no-repeat 0% 0%; background-size:contain; -webkit-background-size:contain; -moz-background-size:contain; -ms-background-size:contain; } /* 꼭 알아두세요 배경색 변경 */ .content2_notice_wrap.pc {background:#0d4e96;} /*=== 배틀그라운드 (2019-04-24 서민정) ===*/ /* 레이아웃 */ .contents_wrap {width:100%;} .contents {width:1200px;margin:0 auto;} .contents_wrap.pc {display:none;} /* 메인 이미지 변경 */ .googleEvn {background:url(http://image.cultureland.co.kr/upload/web/etc/0424_bg_bg.jpg ); background-size:contain; -webkit-background-size:contain; -moz-background-size:contain; -ms-background-size:contain; } /* FC 모바일 (2023-09-20 홍선기) */ .fcmobile table tbody tr:nth-of-type(3) input{position:relative;} .fcmobile table tbody tr:nth-of-type(3) input::placeholder {display:flex; align-item:center;} .diamondvalley .contentPc .box03 input {font-size: 16px;} .diamondvalley .contentPc .box03 #cultureland_id {width: calc(23% + 238px);} @media screen and (max-width: 768px) { .diamondvalley .contentPc .box03 #cultureland_id {width: 86.5%;} }