@import url('https://fonts.googleapis.com/css2?family=Grandstander:wght@800&family=Sofia+Sans:wght@800');
@import url("https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.8/dist/web/static/pretendard.css");
@font-face {
    font-family: 'Giants-Regular';
    src:url('/fonts/Giants-Regular.woff2') format('woff2'),
		url('/fonts/Giants-Regular.ttf') format('ttf'),
		url('/fonts/Giants-Regular.otf') format('otf');
    font-weight: 400;
    font-style: normal;
}
@font-face {
    font-family: 'Giants-Bold';
    src:url('/fonts/Giants-Bold.woff2') format('woff2'), 
		url('/fonts/Giants-Bold.ttf') format('ttf'),
		url('/fonts/Giants-Bold.otf') format('otf');
    font-weight: 400;
    font-style: normal;
}
.font_giants { font-family:'Giants-Regular' !important; }
.font_giantsB { font-family:'Giants-Bold' !important; }
.font_stander { font-family:'Grandstander' !important; }
.font_sofia { font-family:'Sofia Sans' !important; }
.font_pretendard { font-family:'Pretendard Variable' !important; }




article, aside, details, figcaption, div, footer, header, hgroup, main, nav, section, summary { display:block; }

/* [tag reset] ___________________________________________________________________________________________________ */

section, nav, header, aside, footer, menu { display:block; }

/* for ie 6, 7, 8 */
html, body { margin:0; padding:0; font-size:13px; line-height:1; color: #2c2c2c; word-break: keep-all; }

* { -webkit-text-size-adjust: none; }

dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, menu, form, fieldset, input, textarea, p, blockquote, th, td { margin:0; padding:0; }
input, textarea, select, td { font-size:14px; }
table { border-spacing:0; border-collapse:collapse; width:100%; }
address, caption, cite, code, dfn, th, var { font-style:normal; }
th { font-weight:normal; }

ol, ul, li { list-style:none; }
h1, h2, h3, h4, h5, h6 { font-size:100%; font-weight:normal; }
hr, legend, caption { display:none; }
img, input, select, textarea { vertical-align:middle; }
img, fieldset { border:none; }

input, textarea, select { font-family:'Pretendard Variable', 'Noto Sans KR', sans-serif, Arial, "Malgun Gothic", Dotum, Gulim, Helvetica, Apple-Gothic; -webkit-text-size-adjust:none; }
input {
    letter-spacing: 0 !important;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0;
    outline: none;
}

a { color:#555353; text-decoration:none; }
button { cursor:pointer; }

* { webkit-text-size-adjust:none; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; }

.test { border: 1px solid red; }

body { width:100%; font-family:'Pretendard Variable', 'Noto Sans KR', sans-serif, Arial, "Malgun Gothic", Dotum, Gulim, Helvetica, Apple-Gothic; }
.img_full { text-align:center; }
img, video { max-width:100%; }


/* pc only css */
@media all and (min-width:769px) {
    body { min-width:1500px; }
	.innerDiv { width:1300px; margin:0 auto; position:relative; }
	.innerDiv2 { width:1500px; margin:0 auto; position:relative; }
    .mobile_view { display:none !important; }
	.border-box { box-sizing:border-box; }
}


/* mobile css */
@media (max-width:768px) {
    .pc_view { display:none !important; }
	.img_full img { width:100%; }
}





/* 전체 컬러 */
.color0 { color:#D32026; }
.color1 { color:#F32027; }
.color2 { color:#424D9B; }
.color3 { color:#FFCD6C; }
.color4 { color:#0A0A22; }
.color5 { color:#FAFAEE; }
.color6 { color:#FFF5D1; }
.color7 { color:#FFBC3B; }
.color8 { color:#E3FF89; }
.color9 { color:#980005; }

.bg_color0 { background:#D32026; }
.bg_color1 { background:#F32027; }
.bg_color2 { background:#424D9B; }
.bg_color3 { background:#FFCD6C; }
.bg_color4 { background:#0A0A22; }
.bg_color5 { background:#FAFAEE; }
.bg_color6 { background:#FFF5D1; }
.bg_color7 { background:#FFBC3B; }
.bg_color8 { background:#E3FF89; }
.bg_color9 { background:#980005; }

.bg_r { background:#A50000; }
.bg_b { background:#000; }
.bg_y { background:#F3A000; }
.color_w { color:#fff !important; }
.color_b { color:#000 !important; }
.color_blue { color:#0083CD !important; }
.color_navi { color:#004F7B !important; }







/* language ___________________________________________________________________________________________________ */
.intro_outer .header { padding:0; }
.intro_outer h1.logo { display:none; }
.header { position:relative; }
.header .language { position:absolute; top:12px; right:3%; z-index:999; }
.header .language .lang_toggle { display:inline-block; float:right; cursor:pointer; }
.header .language .lang_toggle img { height:36px; padding:8px; border:1px solid #fff; border-radius:8px; }
.header .language .dropdown { display:none; clear:both; background:#000; border-radius:8px; padding:8px 10px; }
.header .language .dropdown li { line-height:32px; }
.header .language .dropdown li a { display:block; font-size:16px; color:#fff; }
.header .language .dropdown li a:hover { text-decoration:underline; }
.header .language .dropdown li a.now { padding-right:30px; font-weight:bold; background:url('/images/guide/lang_check.png') right center no-repeat; background-size:auto 20px; }

@media (max-width:768px) {
	.header .language { top:11px; right:15px; }
	.header .language .lang_toggle img { height:28px; padding:6px; border-radius:4px; }
	.header .language .dropdown { border-radius:4px; padding:6px 10px; }
	.header .language .dropdown li { line-height:32px; }
	.header .language .dropdown li a { font-size:14px; }
	.header .language .dropdown li a.now { background-size:auto 18px; }
}






/* intro ___________________________________________________________________________________________________ */

.intro_outer { background:#000; max-width:768px; margin:0 auto; }
.intro_select { margin-top:-24%; padding-bottom:20px; }
.intro_select .each { display:block; margin:24px 24px 0 24px; position:relative; }
.intro_select .each .tit { position:absolute; top:22px; left:24px; font-size:38px; color:#fff; }

@media (max-width:768px) {
	.intro_select { padding-bottom:12px; }
	.intro_select .each { margin:12px 12px 0 12px; }
	.intro_select .each .tit { top:2.8vw; left:3vw; font-size:5.20vw; }
}





/* firstdart ___________________________________________________________________________________________________ */

.txt_ac { text-align:center; }
.relative { position:relative; }

h3 { font-size:7.0vw; line-height:8.2vw; margin:25px 0 15px 0; }
.desc_1 { font-size:3.6vw; line-height:5.0vw; }
.tit_1 { font-size:4.5vw; line-height:5.5vw; }
.tit_2 { font-size:5.4vw; line-height:6.8vw; }
.tit_3 { font-size:4.8vw; line-height:6.0vw; }
.tit_3 span { display:inline-block; padding:0 2% 3% 2%; border-bottom:2px solid #EF9D00; }
.tit_4 { font-size:5.8vw; line-height:7.2vw; }
.btn_1 { display:inline-block; border-radius:4px; color:#fff; min-width:100px; padding:12px 25px; font-size:4.2vw; line-height:5vw }
.padding_narrow { padding:8% 4%; }
.padding_normal { padding:8% 5%; }
.padding_big { padding:6% 9%; }
.padding_v_10 { padding:10% 0; }
.m_t_5 { margin-top:5%; }
.m_t_8 { margin-top:8%; }
.m_t_10 { margin-top:10%; }

@media all and (min-width:769px) {
	h3 { font-size:70px; line-height:82px; margin:25px 0 15px 0; }
	.desc_1 { font-size:22px; line-height:32px; }
	.desc_1 .big { font-size:36px; line-height:52px; }
	.tit_1 { font-size:32px; line-height:42px; }
	.tit_2 { font-size:36px; line-height:48px; }
	.tit_3 { font-size:26px; line-height:36px; }
	.tit_3 span { padding:0 8px 5px 8px; }
	.tit_4 { font-size:42px; line-height:58px; }
	.btn_1 { border-radius:6px; padding:12px 35px; font-size:24px; line-height:32px; }
	.padding_narrow { padding:75px 0; }
	.padding_normal { padding:100px 0; }
	.padding_big { padding:6% 0; }
	.padding_v_10 { padding:65px 0; }
	.m_t_5 { margin-top:40px; }
	.m_t_8 { margin-top:50px; }
	.m_t_10 { margin-top:65px; }
}





/* 공통 ########################## */
.first_guide .ani_box { margin-top:8%; padding:8%; border-radius:8px; text-align:center; }
.first_guide .ani_box .ani { display:table; table-layout:fixed; width:100%; }
.first_guide .ani_box .ani span { display:table-cell; width:100%; height:50vw; padding:8% 0; vertical-align:middle; }
.first_guide .ani_box .ani span.h img { width:80%; margin-left:20%; }
.first_guide .ani_box .ani span.v img { height:100%; }
.first_guide .ani_box .ani span.n { padding:0; }

.first_guide .step_box { margin-top:8%; border-radius:8px; text-align:center; background:#D32026; }
.first_guide .step_box p { display:table; table-layout:fixed; width:100%; }
.first_guide .step_box p span { display:table-cell; width:100%; height:50vw; padding:0 15%; vertical-align:middle; }

.first_guide .grip_box { margin-top:8%; padding:4% 4% 6% 4%; border-radius:8px; background:#424D9B; }
.first_guide .grip_box .img { border-radius:6px; text-align:center; background:#fff; display:table; table-layout:fixed; width:100%; box-shadow:2px 2px 5px rgba(0,0,0,0.3); }
.first_guide .grip_box .img span { display:table-cell; width:100%; padding:5% 10% 0 10%; }
.first_guide .grip_box .tit { font-size:6.5vw; line-height:7.1vw; margin:25px 0 20px 0; color:#fff; }
.first_guide .grip_box .tit,
.first_guide .grip_box .desc_1 { padding:0 2%; }

.first_guide .others_balloon { margin:8% 0; }
.first_guide .others_balloon .balloon { position:absolute; top:24%; left:14%; width:38%; text-align:center; display:table; table-layout:fixed; }
.first_guide .others_balloon .balloon span { font-size:3.4vw; display:table-cell; vertical-align:middle; line-height:4.8vw; height:14.4vw; }

.first_guide .section_5.common { background:#FFF5D1; padding:0; }
.first_guide .section_5.common .gra { background:linear-gradient(rgba(255,217,144,0), rgba(255,217,144,1)) }
.first_guide .section_5.common .ani_box { margin-top:6%; }
.first_guide .section_5.common .ani_box:first-child { margin-top:0; }
.first_guide .section_5.common .ani_box .ani span { padding:4% 0; height:auto; }

.first_guide .tip_area { background:#58A2F9; }
.first_guide .tip_area .tip { margin-bottom:5%; text-align:center; }
.first_guide .tip_area .tip img { width:25%; }
.first_guide .tip_area .each { margin-bottom:9%; text-align:center; }
.first_guide .tip_area .each .box { border-radius:8px; text-align:center; background:#348EF8; }
.first_guide .tip_area .each .box img { width:100%; }
.first_guide .tip_area .each .desc_1 { padding:5% 3%; }

.first_guide .stance_box { margin-top:12%; padding:4% 4% 6% 4%; }
.first_guide .stance_box .tit { margin-bottom:5%; text-align:center; }
.first_guide .stance_box .tit span { display:inline-block; padding:3% 10%; background:#FFCD6C; font-size:5.2vw; }
.first_guide .stance_box .txt { margin:12% 0; }

.first_guide .tab_tit { margin-bottom:10%; }
.first_guide .tab_tit span { display:inline-block; padding:4% 4%; background:#FFCD6C; color:#F32027; font-size:4.5vw; border-radius:8px; box-shadow:0 2px 4px rgba(0,0,0,0.4); }

@media all and (min-width:769px) {
	.first_guide .ani_box_outer { margin-top:100px; display:flex; justify-content:space-between; flex-wrap:wrap; gap:10px; }
	.first_guide .ani_box { width:415px; margin-top:0; padding:35px 25px; border-radius:20px; }
	.first_guide .ani_box .tit_1 { margin:20px 0 0 0; }
	.first_guide .ani_box .ani span { display:table-cell; width:100%; height:400px; padding:0; vertical-align:middle; }
	.first_guide .ani_box .ani span.h img { width:80%; margin-left:20%; }
	.first_guide .ani_box .ani span.v img { height:320px; }
	.first_guide .ani_box .ani span.n { padding:0; }

	.first_guide .step_box_outer { display:flex; justify-content:space-between; flex-wrap:wrap; gap:10px; }
	.first_guide .step_box_outer .each { width:500px; margin-top:45px; border-radius:16px; box-sizing:border-box; }
	.first_guide .step_box_outer2 .each { width:490px; }
	.first_guide .step_box p span { width:100%; height:auto; padding:0 15%; }

	.first_guide .grip_box_outer { display:flex; justify-content:space-between; flex-wrap:wrap; gap:10px; }
	.first_guide .grip_box { width:465px; margin-top:0; padding:20px 20px 35px 20px; border-radius:20px; }
	.first_guide .grip_box .img { border-radius:16px; }
	.first_guide .grip_box .img span { padding:25px 15px 0 15px; }
	.first_guide .grip_box .tit { font-size:26px; line-height:36px; }
	.first_guide .grip_box .tit,
	.first_guide .grip_box .desc_1 { padding:0 8px; }

	.first_guide .others_balloon { margin:45px 150px 45px 0; }
	.first_guide .others_balloon .balloon { top:157px; left:225px; width:370px; }
	.first_guide .others_balloon .balloon span { font-size:26px; line-height:36px; height:144px; }

	.first_guide .bottom_menu { display:flex; justify-content:space-between; flex-wrap:wrap; gap:10px; }
	.first_guide .section_5.common .ani_box { margin-top:50px; width:720px; box-sizing:border-box; }
	.first_guide .section_5.common .ani_box:first-child { margin-top:50px; }
	.first_guide .section_5.common .ani_box .ani span { padding:25px 70px; height:auto; }

	.first_guide .tip_area { background:#FAFAEE; }
	.first_guide .tip_area .innerDiv2 { padding:45px 0; background:#58A2F9; border-radius:50px; }
	.first_guide .tip_area .tip { margin-bottom:45px; }
	.first_guide .tip_area .tip img { width:250px; }
	.first_guide .tip_area .tip_outer { width:1220px; margin:0 auto; display:flex; justify-content:space-between; flex-wrap:wrap; gap:10px; }
	.first_guide .tip_area .tip_outer .each { margin-bottom:0; width:570px; }
	.first_guide .tip_area .each .box { border-radius:20px; }
	.first_guide .tip_area .each .box img { width:100%; }
	.first_guide .tip_area .each .desc_1 { padding:20px 0; }

	.first_guide .stance_box { margin-top:120px; padding:0; position:relative; text-align:center; }
	.first_guide .stance_box .tit { margin-bottom:130px; }
	.first_guide .stance_box .tit span { padding:15px 60px; font-size:36px; }
	.first_guide .stance_box .txt { margin:0; position:absolute; top:105px; left:0; width:100%; text-align:; }
	.first_guide .stance_box .img_full { display:inline-block; vertical-align:top; }
	.first_guide .stance_box .img_full img { height:400px; }
	.first_guide .stance_box .img_full.img_1 img { margin-top:-50px; }
	.first_guide .stance_box .img_full.img_2 img { margin-top:-15px; }

	.first_guide .tab_tit { margin-bottom:45px; }
	.first_guide .tab_tit span { padding:25px 45px; font-size:44px; border-radius:20px; }
}








/* guide home */
.header { padding:10px 3%; }
.first_guide .header h1 { display:inline-block; vertical-align:top; }
.first_guide .header h1 img { height:45px; }
.first_guide .header .link { float:right; margin-top:10px; }
.first_guide .header .link span { display:block; line-height:21px; padding-left:22px; background:url('/images/guide/icon_arrow_l_w.png') left center no-repeat; background-size:auto 19px; font-size:16px; color:#fff; } 

.first_guide .section_1 h2 { font-size:9.4vw; line-height:10.8vw; margin:5vw 0 3vw 0; padding:0 10px; }
.first_guide .section_1 .desc { font-size:4.1vw; line-height:5.5vw; padding:0 10px; }

.first_guide .section_2 { padding:15% 6% 8% 6%; }
.first_guide .section_2 .name,
.first_guide .section_2 .balloon { position:absolute; text-align:center; }
.first_guide .section_2 .name_1 { top:8%; left:1.5%; width:21%; }
.first_guide .section_2 .name_2 { top:32.5%; left:42.5%; width:22%; }
.first_guide .section_2 .name_3 { top:56.0%; left:33.5%; width:22%; }
.first_guide .section_2 .name strong { display:block; font-size:3.8vw; margin-bottom:1.4vw; }
.first_guide .section_2 .name span { font-size:3.2vw; color:#875900; }
.first_guide .section_2 .balloon_1 { top:9.3%; left:52.5%; }
.first_guide .section_2 .balloon_2 { top:38.2%; left:16.5%; }
.first_guide .section_2 .balloon_3 { top:73.9%; left:47.6%; }
.first_guide .section_2 .balloon { display:table; table-layout:fixed; width:38%; }
.first_guide .section_2 .balloon span { font-size:4.2vw; display:table-cell; vertical-align:middle; line-height:5.4vw; height:21.6vw; }

.first_guide .section_3 .ani_box { background:#D32026; color:#fff; }

.first_guide .section_4 .desc_btn { padding:25px 0 30px 0; }
.first_guide .section_4 .score_ani ul { display:flex; justify-content:space-between; flex-wrap:wrap; gap:2%; }
.first_guide .section_4 .score_ani ul li { width:48%; margin:2% 0; }

.first_guide .section_5 .ani_box { background:#FFBC3B; color:#000; }

@media all and (min-width:769px) {
	.first_guide .header { max-width:1700px; margin:0 auto; }
	.first_guide .header h1 img { height:60px; }
	.first_guide .header .link span { font-size:20px; line-height:28px; }
	.first_guide .header .link { margin-top:10px; }
	.first_guide .section_1 h2 { font-size:90px; line-height:108px; margin:45px 0 25px 0; }
	.first_guide .section_1 .desc { font-size:30px; line-height:42px; }

	.first_guide .section_2 { padding:120px 0 60px 0; }
	.first_guide .section_2 .name_1 { top:55px; left:320px; width:200px; }
	.first_guide .section_2 .name_2 { top:420px; left:850px; width:240px; }
	.first_guide .section_2 .name_3 { top:1080px; left:480px; width:240px; }
	.first_guide .section_2 .name strong { font-size:32px; margin-bottom:10px; }
	.first_guide .section_2 .name span { font-size:26px; }
	.first_guide .section_2 .balloon_1 { top:170px; left:485px; }
	.first_guide .section_2 .balloon_2 { top:655px; left:650px; }
	.first_guide .section_2 .balloon_3 { top:1490px; left:625px; }
	.first_guide .section_2 .balloon { width:270px; }
	.first_guide .section_2 .balloon span { font-size:30px; line-height:42px; height:168px; }

	.first_guide .section_4 .desc_btn { margin:25px 0 50px 0; }
	.first_guide .section_4 .score_ani ul { gap:5px; }
	.first_guide .section_4 .score_ani ul li { width:320px; margin:0; }
}





/* grip */
.first_guide .section_6 .ani { padding:15% 20% 10% 20%; }
.first_guide .section_6 .ani img { margin-left:20%; }
.first_guide .section_6 .number { margin:10% 0 15% 0; padding:0 20px 0 35px; position:relative;  }
.first_guide .section_6 .number strong { line-height:28px; font-size:24px; font-weight:bold; position:absolute; top:50%; left:0; margin-top:-14px; }

.first_guide .section_7 .others_balloon { margin:10% 0; }
.first_guide .section_7 .others_balloon .balloon { top:7.8%; left:54%; width:39%; }
.first_guide .section_7 .others_balloon .balloon span { height:19.2vw; }

@media all and (min-width:769px) {
	.first_guide .section_6 .ani { padding:45px 0; text-align:center; }
	.first_guide .section_6 .ani img { width:450px; margin-left:180px; }
	.first_guide .section_6 .number { margin:45px 0 5px 0; padding:0 20px 0 35px; }

	.first_guide.grip .step_box_outer { width:1070px; margin:0 auto; }

	.first_guide .section_7 .others_balloon { margin:75px 0 75px 50px; }
	.first_guide .section_7 .others_balloon .balloon { top:110px; left:665px; width:280px; }
	.first_guide .section_7 .others_balloon .balloon span { height:144px; }
}





/* stance */
.first_guide.stance .section_6 .ani img { margin-left:10%; }
.first_guide.stance .step_box { background:#FFBC3B; }
.first_guide.stance .step_box p span { padding:0 5%; }

.first_guide.stance .section_7 .others_balloon .balloon { top:15%; left:49%; width:39%; height:32.0%; }

@media all and (min-width:769px) {
	.first_guide.stance .section_6 .ani img { margin-left:50px; width:300px; }
	.first_guide.stance .section_7 .others_balloon .balloon { top:130px; left:680px; width:230px; height:144px; }
}





/* throw */
.first_guide.throw .section_6 .ani { padding:15% 0 10% 0; }
.first_guide.throw .section_6 .ani img { margin-left:0; }
.first_guide .step_article .each { margin-top:8%; }
.first_guide .step_article .each:first-child { margin-top:0; }
.first_guide .step_article .each .box { padding:7% 5%; background:#fff; border-radius:8px; box-shadow:0 3px 0 rgba(0,0,0,0.4); } 
.first_guide .step_article .each .box .tit { margin-bottom:6%; display:flex; justify-content:space-between; flex-wrap:wrap; line-height:8vw; }
.first_guide .step_article .each .box .tit .num { font-size:5.5vw; font-weight:800; color:#F32027; }
.first_guide .step_article .each .box .tit .num strong { font-weight:900; font-size:7.2vw; }
.first_guide .step_article .each .box .tit .sub { font-size:5.4vw; color:rgba(10,10,34,0.5); }

@media all and (min-width:769px) {
	.first_guide.throw .section_6 .ani { padding:45px 0; }
	.first_guide.throw .section_6 .ani img { width:700px; }
	.first_guide .step_article { width:1140px; margin:0 auto; }

	.first_guide .step_article .each { margin-top:70; }
	.first_guide .step_article .each:first-child { margin-top:0; }
	.first_guide .step_article .each .box { padding:30px 50px 40px 50px; border-radius:20px; } 
	.first_guide .step_article .each .box .tit { margin-bottom:18px; line-height:82px; }
	.first_guide .step_article .each .box .tit .num { font-size:45px; }
	.first_guide .step_article .each .box .tit .num strong { font-size:70px; }
	.first_guide .step_article .each .box .tit .sub { font-size:50px; }
}





/* score */
.first_guide .score_article .each { margin-top:12%; }
.first_guide .score_article .each:first-child { margin-top:0; }
.first_guide .score_article .each .tit { text-align:center; padding-bottom:12%; }
.first_guide .score_article .each .tit span { display:inline-block; font-size:4.8vw; padding:3% 6%; background:#FFCD6C; border-radius:8px; }
.first_guide .score_article .each .balloon { margin-top:-14%; position:relative; }
.first_guide .score_article .each .balloon .txt { position:absolute; top:4.5%; left:77.5%; width:17.5%; height:15.2%; text-align:center; display:table; table-layout:fixed; }
.first_guide .score_article .each .balloon .txt.double { top:4.3%; left:79%; width:17.5%; height:14.5%; }
.first_guide .score_article .each .balloon .txt.tri { top:4.7%; left:77.3%; width:17.5%; }
.first_guide .score_article .each .balloon .txt span { font-size:3.4vw; display:table-cell; vertical-align:middle; line-height:4.8vw; height:11vw; color:#5B5B5B; }
.first_guide .score_article .each .balloon .txt span strong { display:block; font-weight:normal; color:#FF5E63; }
.first_guide .score_article .each .img_full { margin-bottom:8%; }
.first_guide .score_article .each .tit_1 { margin-bottom:2%; }

@media all and (min-width:769px) {
	.first_guide .score_article { width:1250px; margin:0 auto; display:flex; justify-content:space-between; flex-wrap:wrap; }
	.first_guide .score_article .each { width:505px; margin-top:75px; vertical-align:top; }
	.first_guide .score_article .each:first-child { margin-top:75px; }
	.first_guide .score_article .each .tit span { font-size:48px; padding:20px 50px; border-radius:6px; }

	.first_guide .score_article .each .balloon { margin-top:0; }
	.first_guide .score_article .each .balloon .txt { top:50px; left:530px; width:160px; }
	.first_guide .score_article .each .balloon .txt.double { top:65px; left:535px; width:155px; height:130px; }
	.first_guide .score_article .each .balloon .txt.tri { top:80px; left:535px; width:155px; height:130px; }
	.first_guide .score_article .each .balloon .txt span { font-size:28px; line-height:36px; height:130px; }
	.first_guide .score_article .each .balloon .txt span strong { display:block; margin-bottom:55px; font-weight:normal; color:#FF5E63; }
	.first_guide .score_article .each .img_full { margin-bottom:25px; text-align:left; }
	.first_guide .score_article .each .img_full img { margin-left:15px; max-width:1000px; }
	.first_guide .score_article .each .tit_1 { margin-bottom:2%; }
}





/* game */
.first_guide.countup .section_6 .ani { padding:0 2% 10% 19%; }
.first_guide.countup .section_6 .ani img { margin-left:0; }

.first_guide.game01 .section_6 .ani { padding:0 10% 10% 10%; }
.first_guide.game01 .section_6 .ani img { margin-left:0; }

.first_guide.cricket .section_6 .ani { padding:10% 20%; }
.first_guide.cricket .section_6 .ani img { margin-left:0; }

.first_guide .game_area .each .tit span { display:block; padding-bottom:1%; }
.first_guide .game_area .each .mark_txt { padding:2% 1% 0 1%; display:flex; justify-content:space-between; flex-wrap:wrap; }
.first_guide .game_area .each .mark_txt p { width:32%; font-size:3.2vw; line-height:4.5vw; }
.first_guide .img_tit span { display:inline-block; padding:2% 7%; background:#fff; border-radius:50vw; }

.first_guide .desc_box { padding:8% 5% 5% 5%; border-radius:8px; }

.first_guide .cricket_balloon .txt { position:absolute; top:12.2%; left:61%; transform:rotate(-50deg); font-size:3.5vw; }
.first_guide .cricket_balloon2 .txt { position:absolute; top:3%; left:68.5%; display:table; table-layout:fixed; width:24%; }
.first_guide .cricket_balloon2 .txt span { display:table-cell; font-size:3.5vw; color:#5B5B5B; vertical-align:middle; height:13vw; }

@media all and (min-width:769px) {
	.first_guide.countup .section_6 .ani { padding:0 0 75px 85px; }
	.first_guide.game01 .section_6 .ani { padding:0 0 75px 0; }
	.first_guide.cricket .section_6 .ani { padding:50px 0 75px 0; }

	.first_guide .desc_box { padding:65px 50px 60px 50px; border-radius:50px; }

	.first_guide .game_area .each .mark_txt { padding:30px 0 0 0; width:710px; margin:0 auto; display:flex; justify-content:space-between; flex-wrap:wrap; }
	.first_guide .game_area .each .mark_txt p { width:32%; font-size:24px; line-height:36px; }
	.first_guide .img_tit span { padding:12px 60px; border-radius:50px; }

	.first_guide .cricket_balloon .txt { top:57px; left:830px; font-size:28px; }
	.first_guide .cricket_balloon2 .txt { top:47px; left:867px; width:200px; }
	.first_guide .cricket_balloon2 .txt span { font-size:28px; height:40px; }
}





/* form mail */
#biz_section11 {
	padding:90px 0;
	background:url('/images/pd5/biz_con11_bg.png') top center no-repeat;
	background-size:auto 100%;
}
#biz_section11 * { color:#fff; -webkit-box-sizing: border-box; }
#biz_section11 .input_infos {
	padding:65px 0 0 0;
	width:700px;
	margin:0 auto;
}
#biz_section11 .input_infos .row input,
#biz_section11 .input_infos .row textarea {
	color:#000;
	width:100%;
	padding:16px 24px;
	font-size:18px;
	line-height:26px;
	border:0 none;
	border-radius:3px;
	resize: none;
}
#biz_section11 .input_infos .row input[type="number"]::-webkit-outer-spin-button,
#biz_section11 .input_infos .row input[type="number"]::-webkit-inner-spin-button {
	-webkit-appearance: none;
	margin: 0;
}
#biz_section11 .input_infos .row {
	margin-bottom:14px;
}
#biz_section11 .input_infos .row.both {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
#biz_section11 .input_infos .row.both span {
	width:49%;
}
#biz_section11 .input_infos .rent_qna_btn button {
	width:100%;
	padding:13px 0;
	font-size:20px;
	font-weight:bold;
	color:#fff;
	border:0 none;
	border-radius:3px;
	background:#E31F1C;
	text-align:center;
}
#biz_section11 .privacy_agree textarea {
	width:100%;
	font-size:12px;
	line-height:18px;
	padding:14px 20px;
	height:160px;
	color:#fff;
	border:1px solid #fff;
	background:none;
	border-radius:2px;
	resize: none;
}
#biz_section11 .privacy_agree .tit {
	padding:10px 20px;
}
#biz_section11 .privacy_agree .check {
	padding:10px 20px 30px 20px;
	font-size:12px;
}
#biz_section11 .privacy_agree .check label {
	display:inline;
}



.section_txt01 {
	line-height: 56px;
	font-size: 42px;
}


/*모바일*/
@media (max-width:768px){
	.section_txt01 {
		line-height: 28px;
		font-size: 20px;
	}
	#biz_section11 .innerDiv { width:auto; margin:0 18px; }
	#biz_section11 {
		padding:45px 0 50px 0;
	}
	#biz_section11 .input_infos {
		padding:30px 0 0 0;
		width:auto;
	}
	#biz_section11 .input_infos .row input,
	#biz_section11 .input_infos .row textarea {
		padding:10px 13px;
		font-size:15px;
		line-height:21px;
	}
	#biz_section11 .input_infos .row {
		margin-bottom:10px;
	}
	#biz_section11 .input_infos .rent_qna_btn button {
		padding:11px 0;
		font-size:18px;
	}
}


/* 유투브 전체화면 */
#vsxVideo { display:none; position:absolute; top:0; bottom:0; left:0; right:0; width:100%; height:100%; z-index:9999; }
#vsxVideo iframe { width:100%; height:100%; }
#vsxVideo a#exitFullscreenBtn { position:absolute; top:0; left:50%; margin-left:-50px; font-size:24px; line-height:54px; width:100px; z-index:9999; display:block; font-family:'Giants-Bold' !important; color:#fff; text-align:center; }

#videoFullscreen.on { overflow:hidden; }

@media (max-width:768px){ 
	#vsxVideo a#exitFullscreenBtn { font-size:16px; line-height:42px; }
}
@media (orientation: portrait) {
	#videoFullscreen.on {
      transform: rotate(-90deg);
      transform-origin: top left;
      position: absolute;
      top: 100%;
      left: 0;
      width: 100vh;
      height: 100vw;
    }
}