/* 메인슬라이드 */ @font-face { font-family: 'Cafe24Shiningstar'; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_twelve@1.1/Cafe24Shiningstar.woff') format('woff'); font-weight: normal; font-style: normal; } @font-face { font-family: 'IM_Hyemin-Bold'; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2106@1.1/IM_Hyemin-Bold.woff2') format('woff'); font-weight: normal; font-style: normal; } .logo {position:absolute;z-index:9999;right:110px;top:70px;} .num_title { width:115px;height:56px;line-height:56px;font-size:20px;font-family: 'GmarketSansBold';text-align:center;color:#fff;background:#0037d3;border-radius:28px;margin:0px auto;margin-bottom:40px; } .common-box { padding-top: 290px; } .common-title { padding: 0 0px 0 5%; } .maxwidth { max-width: 1920px;padding: 0 20px; margin: auto; } .maxwidtha { max-width: 1560px;margin:0px auto; } .common-title.color-w { color: #fff; } .common-title.bg { background-image: url('/landing/images/g_main.png'); background-position: center top /*110px*/; background-repeat: no-repeat; background-size : cover; height:100vh; } .common-title.max h1 { width:100%;max-width:850px;margin: 0px;font-family: 'GmarketSansLight';font-size:52px;color:#030303;line-height:55px;margin-bottom:0px;text-align:center; } .common-title.max h1 span { font-family: 'GmarketSansBold'; } .common-title.max h2 { width:100%;max-width:850px;margin: 0;font-family: 'GongGothicBold';font-size:109px;color:#030303;line-height:120px;letter-spacing: -1.5px;text-align:center;margin-bottom:20px; } .common-title.max h3 { width:100%;max-width:850px;margin: 0 0 35px;font-family: 'GmarketSansLight';font-size:23px;color:#030303;line-height:27px;text-align:center; } .common-title.max h3 span { font-family: 'GmarketSansBold'; } .common-title .subscript { width:100%;max-width:850px;font-family: 'GmarketSansMedium';font-size: 24px; letter-spacing: -1.5px; } .mb_br {display:inline-block;} .pc_br {display:inline-block;} .pc_br1505 {display:inline-block;} .pc_br1100 {display:inline-block;} .pc_br980 {display:inline-block;} .pc_img990 {display:inline-block;} .mo_img990 {display:none;} .mo_br {display:none;} @media (max-width: 1504px) { .pc_br1505 {display:none;} } @media (max-width: 1279px) { .mb_br {display:none;} } @media (max-width: 1170px) { .common-title { padding: 0 0px 0 0px; } .common-title.max h1 { margin: 0px auto;font-size:30px;line-height:40px;margin-bottom:20px; } .common-title.max h2 { margin: 0px auto;font-size:70px;line-height:80px;margin-bottom:20px; } .common-title.max h3 { margin: 0px auto;font-size:19px;line-height:23px;margin-bottom:20px; } .common-title .subscript { width:100%;max-width:1000px;font-family: 'GmarketSansMedium';font-size: 24px; letter-spacing: -.088rem; } .common-title.bg { height:800px; } } @media (max-width: 1100px) { .pc_br1100 {display:none;} } @media (max-width: 1000px) { } @media (max-width: 990px) { .pc_img990 {display:none;} .mo_img990 {display:inline-block;} } @media (max-width: 980px) { .pc_br980 {display:none;} } @media (max-width: 885px) { .pc_br {display:none;} .mo_br {display:inline-block;} .common-title { padding: 0 0px; text-align: left; } .common-box { padding-top: 0px; } .common-title.max h1 { font-size:23px;line-height:30px;margin-bottom:15px; } .common-title.max h2 { font-size:40px;line-height:55px;margin-bottom:15px; } .common-title.max h3 { margin: 0 0 18px;font-size:15px;line-height:23px; } .common-title .subscript { width:100%;max-width:1000px;font-family: 'GmarketSansMedium';font-size: 24px; letter-spacing: -.088rem; } .common-title.bg { padding-top: 70px;padding-bottom: 70px;background-position: center top; } .common-title.bg { background-position: right 33% top; background-repeat: no-repeat; background-size : cover; height:auto; } } @media (max-width: 415px) { .common-title.max h1 { letter-spacing:-2px; } .common-title.max h2 { letter-spacing:-2px; } .common-title.max h3 { letter-spacing:-1.5px; } } .a_sub1_bg { background-image: url(/landing/images/e_sub1_bg.png);background-size: cover;background-position: center;background-attachment: fixed; } .newwidth { max-width: 1660px;padding: 127px 20px 175px 20px;margin:0px auto; } .newwidth2 { max-width: 1828px;margin:0px auto; } .content_title { font-size:60px;font-family: 'GmarketSansLight';text-align:center; } .content_title span { font-family: 'GmarketSansBold';text-align:center; } .content_title2 { font-size:54px;font-family: 'GmarketSansLight';text-align:center; } .content_title2 span { font-family: 'GmarketSansBold';text-align:center; } .content_title3 { font-size:38px;font-family: 'GmarketSansBold';text-align:center;color:#ad845e;line-height:45px;padding-top:100px;padding-left:50px;padding-right:50px;background-image: url('/landing/images/d_sub1_img13.png'); background-position: center; background-repeat: no-repeat;background-size:contain; } .content_title3_sub { font-size:18px;font-family: 'Noto Sans KR', sans-serif;text-align:center;color:#333333;font-weight:200; } .content_title_sub { font-size:21px;font-family: 'GmarketSansLight';text-align:center;padding-top:30px; } .content_title_sub .span1 { font-size:32px;padding-bottom:20px; } .content_title_sub .span1 span { font-family: 'GmarketSansBold'; } .content_title_sub .span2 { font-size:21px;font-family: 'Noto Sans KR', sans-serif;font-weight:100;margin-bottom:40px; } .pnumber { position:absolute;top:-58px;left:calc(50% - 58px);font-size:80px;font-family: 'Noto Sans KR', sans-serif;text-align:center;font-weight:300;line-height:100px;color:#fff;width:116px;height:116px;background:#0037d3;border-radius:58px; } .pnumber span { font-weight:900; } #section01 .content_box {width:100%;height:auto;overflow:hidden;padding: 170px 0px 150px 0px;margin: 0px auto;background:#f5f5f5; } #section01 .content { max-width:1235px;width:100%;height:auto;overflow:hidden;padding: 0px 0px 0px 0px;margin: 0px auto;background:#f5f5f5; } #section01 .content01 { position:relative;width:100%;height:auto;overflow:hidden;margin:0px; } #section01 .content01 .in_box { max-width:1920px;width:100%;height:auto;overflow:hidden;margin:0px auto; } #section01 .content01 .in_box { width:100%;height:auto;overflow:hidden; } #section01 .content01 .in_box .text_box{ width:100%;height:auto;overflow:hidden;letter-spacing:-1px; } #section01 .content01 .in_box .text_box .text_a { width:100%;height:auto;overflow:hidden;font-family: 'GmarketSansLight';font-size:60px;text-align:center;color:#000000;line-height:65px;margin-bottom:35px; } #section01 .content01 .in_box .text_box .text_a span { font-family: 'GmarketSansBold'; } #section01 .content01 .in_box .text_box .text_b { width:100%;height:auto;overflow:hidden;font-family: 'GmarketSansLight';font-size:32px;text-align:center;color:#000000;line-height:35px;margin-bottom:25px; } #section01 .content01 .in_box .text_box .text_b span { font-family: 'GmarketSansBold'; } #section01 .content01 .in_box .text_box .text_c { width:100%;height:auto;overflow:hidden;font-family: 'Noto Sans KR', sans-serif;font-size:21px;font-weight:100;text-align:center;color:#000000; } #section01 .content01 .in_box .text_box .text_c span { font-weight:500; } #section01 .content02 { position:relative;width:100%;height:auto;overflow:hidden;text-align:center;letter-spacing:-1.5px;padding:0px 0px; } #section01 .content02 .inbox_a { width:100%;height:auto;overflow:hidden;padding:75px 0px 30px 0px; } #section01 .content02 .inbox_b { width:100%;height:auto;overflow:hidden;font-family: 'GmarketSansLight';font-size:32px;margin-bottom:30px; } #section01 .content02 .inbox_b span { font-family: 'GmarketSansBold'; } #section01 .content02 .inbox_c { width:100%;height:auto;overflow:hidden;font-family: 'Noto Sans KR', sans-serif;font-weight:100;font-size:21px;margin-bottom:155px; } #section01 .content02 .inbox_c span { font-weight:500;color:#00a00f; } .content02_bottom { background:#148133;width:100%;font-family: 'GmarketSansLight';font-size:24px;text-align:center;padding:55px 0px;color:#fff;border-radius:0px 0px 48px 48px; } .content02_bottom span { font-family: 'GmarketSansMedium'; } .con_halfbox { width:100%;max-width:1160px;height:auto;overflow:hidden;margin:0px auto;} .con_half { float:left;width:calc(50% - 20px);height:auto;overflow:hidden;padding:0px 10px;} .mb_br {display:inline-block;} .pcimg { display:inline-block; } .moimg { display:none; } .bgimg_use { display:inline-block; } .bgbr_use { display:none; } @media (max-width: 1382px) { } @media (max-width: 1279px) { .mb_br {display:none;} #section01 .content01 .in_box .text_box .text_a { font-size:45px;line-height:55px;margin-bottom:25px; } #section01 .content01 .in_box .text_box .text_b { font-size:27px;line-height:32px;margin-bottom:15px; } #section01 .content01 .in_box .text_box .text_c { font-size:16px; } } @media (max-width: 963px) { #section01 .content01 .in_box { float:none;width:100%;height:auto;overflow:hidden; } #section01 .content01 .in_box { float:none;width:100%;padding:30px 0px; } #section01 .content01 .in_box .text_box{ position:relative;max-width:1000px;width:100%;top:0;left:0px;transform: none;padding:0px 10px; } .bgimg_use { display:none; } .bgbr_use { display:block; } #section01 .content02 .inbox_a { padding:35px 0px 15px 0px; } #section01 .content02 .inbox_b { font-size:22px;margin-bottom:20px; } #section01 .content02 .inbox_c { font-size:15px;margin-bottom:70px; } } @media (max-width: 719px) { #section01 .content_box { padding: 70px 10px 50px 10px; } #section01 .content01 .in_box .text_box .text_a { font-size:30px;line-height:35px;margin-bottom:25px; } #section01 .content01 .in_box .text_box .text_b { font-size:22px;line-height:27px;margin-bottom:15px; } #section01 .content01 .in_box .text_box .text_c { font-size:15px; } #section01 .content02 { position:relative;margin-bottom:0px; } .content_title_sub .span1 { font-size:24px;padding-bottom:20px;letter-spacing:-1px; } .content_title_sub .span2 { font-size:15px;margin-bottom:20px; } .pcimg { display:none; } .moimg { display:inline-block; } .newwidth { max-width: 1660px;padding: 60px 20px 70px 20px;margin:0px auto; } .content_title { font-size:30px;font-family: 'GmarketSansLight';text-align:center;padding-bottom:30px; } .content_title3 { font-size:20px;font-family: 'GmarketSansBold';text-align:center;color:#ad845e;line-height:22px;padding-top:50px;padding-left:25px;padding-right:25px;background-image: url('/landing/images/d_sub1_img13.png'); background-position: center; background-repeat: no-repeat;background-size:contain; } .content_title3_sub { font-size:15px;font-family: 'Noto Sans KR', sans-serif;text-align:center;color:#333333;font-weight:200;line-height:18px; } .content_title_sub { font-size:18px;font-family: 'GmarketSansLight';text-align:center;font-weight:100;padding-top:0px;padding-left:10px;padding-right:10px;padding-bottom:30px; } .con_half { float:left;width:100%;height:auto;overflow:hidden;padding:0px 0px;} .content02_bottom { background:#148133;width:100%;font-family: 'GmarketSansLight';font-size:17px;text-align:center;padding:30px 0px;color:#fff;border-radius:0px 0px 48px 48px; } .content_title2 { font-size:24px;font-family: 'GmarketSansLight';text-align:center; } } @media (max-width: 450px) { .bgbr_use { display:none; } } #section02 { position:relative;padding: 200px 10px 40px 10px;background:#fff;} #section02 h1 { padding: 0 40px 30px 40px; text-align: center; font-family: 'Noto Sans KR', sans-serif;font-size: 22px;font-weight: 700; } #section02 h1 span { border-bottom:1px solid #000;padding-bottom:5px; } #section02 h2 { padding: 0 40px; text-align: center; font-family: 'GongGothicBold';font-size: 54px;line-height:60px; } #section02 h2 span { color:#148133; } #section02 .content { max-width:1033px;width:100%;height:auto;overflow:hidden;margin: 0px auto; } #section02 .contenta { max-width:1340px;width:100%;height:auto;overflow:hidden;margin: 0px auto; } #section02 .content_title_sub1 { width:100%;height:auto;overflow:hidden;color:#00aeff;font-size:23px;text-align: center;font-family: 'GmarketSansLight';margin-bottom:10px; } #section02 .content_title_sub1 span { font-family: 'GmarketSansBold';text-decoration:underline;text-underline-position: under; } #section02 .content_title_sub2 { width:100%;height:auto;overflow:hidden;color:#1c1e22;font-size:21px;text-align: center;margin-bottom:100px; } #section02 .gubunline { width:100%;height:12px;overflow:hidden;margin-bottom:66px;background:#ececec; } #section02 .listbox { position:relative;width:100%;height:auto;overflow:hidden;margin-bottom:150px; } #section02 .listbox .left { position:relative;float:left;width:50%;height:auto;overflow:hidden;padding:0px 43px 0px 43px;margin-top:20px;margin-bottom:25px; } #section02 .listbox .left:nth-child(2) { border-left:1px solid #d1d1d1; } #section02 .listbox .left:nth-child(4) { border-left:1px solid #d1d1d1; } #section02 .listbox .right { position:relative;float:none;width:100%;height:auto;overflow:hidden;padding:0 0 0 0px; } #section02 .listbox .right .linea { position:relative;width:100%;height:auto;overflow:hidden; } #section02 .listbox .right .linea .num { float:left;width:70px;height:70px;overflow:hidden;font-family: 'GmarketSansBold';background:#282828;color:#fff;line-height:73px;border-radius:35px;text-align:center;font-size:20px;margin-left:18px; } #section02 .listbox .right .linea .title { float:left;width:calc(100% - 90px);height:auto;overflow:hidden;color:#000;line-height:70px;font-size:32px;font-family: 'GmarketSansLight';padding-left:20px; } #section02 .listbox .right .linea .title span { font-family: 'GmarketSansBold'; } #section02 .listbox .right .lineb { position:relative;width:calc(100% - 18px);height:auto;overflow:hidden;color:#000000;font-family: 'Noto Sans KR', sans-serif;font-weight: 200;margin-left:18px;font-size:21px;padding:30px 0px 50px 0px;letter-spacing:-1.5px; } #section02 .listbox .right .lineb span { font-family: 'GmarketSansBold'; } #section02 .listbox .right .linec { position:relative;width:100%;height:auto;overflow:hidden;color:#000000;font-family: 'GmarketSansLight';margin-bottom:10px; } #section02 .listbox .right .linec .ctitle { position:relative;float:left;width:252px;height:auto;overflow:hidden;line-height:78px;text-align:center;font-size:18px;font-family: 'GmarketSansLight';background:#f8f8f8;border-radius:39px; } #section02 .listbox .right .linec .ctitle span { font-family: 'GmarketSansBold'; } #section02 .listbox .right .linec .ctitlea { position:relative;float:left;width:calc(25% - 10px);height:auto;overflow:hidden;line-height:78px;text-align:center;font-size:18px;font-family: 'GmarketSansLight';background:#f8f8f8;border-radius:39px;margin:0px 5px 11px 5px; } #section02 .listbox .right .linec .ctitlea span { font-family: 'GmarketSansBold'; } #section02 .listbox .right .linec .ctitlea table.type05 { border-collapse: separate;border-spacing: 0px;text-align: left;border-top: 0px;margin : 0px; min-height: 78px;width:100%; } #section02 .listbox .right .linec .ctitlea table.type05 td { width: 100%;padding: 13px 10px;vertical-align: middle;border-bottom: 0px ;white-space: break-spaces;line-height:26px;font-size:18px;min-height:78px;text-align:center; } #section02 .listbox .right .linec .ctitleb { position:relative;float:left;width:100%;height:auto;overflow:hidden;line-height:78px;text-align:center;font-size:18px;font-family: 'GmarketSansLight';background:#ff9600;border-radius:63px; } #section02 .listbox .right .linec .ctitleb span { font-family: 'GmarketSansBold'; } #section02 .listbox .right .linec .ctitleb table.type06 { border-collapse: separate;border-spacing: 0px;text-align: left;border-top: 0px;margin : 0px; min-height: 125px;width:100%; } #section02 .listbox .right .linec .ctitleb table.type06 td { width: 100%;padding: 13px 15px;vertical-align: middle;border-bottom: 0px ;white-space: break-spaces;line-height:30px;font-size:27px;min-height:125px;text-align:center;font-family: 'GmarketSansMedium'; } #section02 .listbox .right .linec .csub { position:relative;float:left;width:calc(100% - 252px);height:auto;overflow:hidden; } #section02 .listbox .right .linec .csub table.type04 { border-collapse: separate;border-spacing: 0px;text-align: left;border-top: 0px;margin : 0px; min-height: 78px; } #section02 .listbox .right .linec .csub table.type04 td { width: 100%;padding: 13px 10px;vertical-align: middle;border-bottom: 0px ;white-space: break-spaces;line-height:26px;font-size:21px;min-height:78px; } @media (max-width: 1279px) { } @media (max-width: 1000px) { #section02 .listbox .left { float:none;width:100%;padding-bottom:30px; } #section02 .listbox .left:nth-child(2) { border-left:0px solid #d1d1d1; } #section02 .listbox .left:nth-child(4) { border-left:0px solid #d1d1d1; } #section02 .listbox .left img { width:100%; } #section02 .listbox .right { float:none;width:100%;padding:0 0 0 0px; } #section02 .listbox .right .linec .ctitleb table.type06 td { padding: 13px 15px; } } @media (max-width: 719px) { #section02 { position:relative;padding: 70px 10px 40px 10px;background:#fff;} #section02 h2 { padding: 0 40px; text-align: center; font-family: 'GongGothicBold';font-size: 32px;line-height:45px; } #section02 .content_title_sub1 { font-size:18px;margin-bottom:10px; } #section02 .content_title_sub2 { font-size:15px;margin-bottom:40px; } #section02 .gubunline { height:7px;margin-bottom:30px; } #section02 .listbox { margin-bottom:30px; } #section02 .listbox .left { padding:0px; } #section02 .listbox .right .linea .num { width:50px;height:50px;line-height:53px;border-radius:25px;font-size:15px;margin-left:0px; } #section02 .listbox .right .linea .title { float:left;width:calc(100% - 80px);line-height:52px;font-size:22px;padding-left:10px; } #section02 .listbox .right .lineb { width:100%;margin-left:5px;font-size:15px;padding:5px 0px 15px 0px; } #section02 .listbox .right .linec .ctitle { width:120px;line-height:50px;font-size:15px;border-radius:25px; } #section02 .listbox .right .linec .csub { width:calc(100% - 120px); } #section02 .listbox .right .linec .csub table.type04 { min-height: 50px; } #section02 .listbox .right .linec .csub table.type04 td { padding: 0px 0px 0px 10px;line-height:26px;font-size:15px;min-height:50px; } #section02 .listbox .right .linec .ctitlea { width:calc(50% - 6px);border-radius:39px;margin:0px 3px 7px 3px; } #section02 .listbox .right .linec .ctitlea table.type05 {min-height: 70px; } #section02 .listbox .right .linec .ctitlea table.type05 td { padding: 0px 3px 0px 3px;line-height:17px;font-size:15px;min-height:70px; } #section02 .listbox .right .linec .ctitleb { border-radius:15px; } #section02 .listbox .right .linec .ctitleb table.type06 {min-height: 50px; } #section02 .listbox .right .linec .ctitleb table.type06 td { padding: 10px 3px 10px 3px;line-height:20px;font-size:15px;min-height:50px; } } #section03 { position:relative;padding: 230px 10px 190px 10px;background:#f5f5f5;} #section03 .content { max-width:1633px;width:100%;height:auto;overflow:hidden;margin: 0px auto; } #section03 .content_title_sub0 { font-size:60px;font-family: 'GmarketSansLight';text-align:center;line-height:70px;margin-bottom:25px;color:#010101; } #section03 .content_title_sub0 span { font-family: 'GmarketSansBold';text-align:center; } #section03 .content_title_sub1 { width:100%;height:auto;overflow:hidden;color:#010101;font-size:32px;text-align: center;font-family: 'GmarketSansLight';margin-bottom:25px; } #section03 .content_title_sub1 span { font-family: 'GmarketSansBold'; } #section03 .content_title_sub2 { width:100%;height:auto;overflow:hidden;font-family: 'Noto Sans KR', sans-serif;font-weight:100;color:#010101;font-size:21px;text-align: center;margin-bottom:90px; } #section03 .content_title_sub2 span { font-weight:600; } #section03 .content_title_sub3 { width:100%;height:auto;overflow:hidden;margin:0 0 0 0;padding:0 0 0 0 0;padding-top:35px; } #section03 .content_title_sub3 .inbox { position:relative;float:left;width:33.33333%;height:375px;background:#fff;border-top:1px solid #2f2f2f;border-bottom:1px solid #2f2f2f;border-right:1px solid #2f2f2f; } #section03 .content_title_sub3 .inbox:nth-child(1) { border-left:1px solid #2f2f2f; } #section03 .content_title_sub3 .inbox:nth-child(4) { border-left:1px solid #2f2f2f; } #section03 .content_title_sub3 .inbox .number { position:absolute;width:70px;height:70px;line-height:72px;top:-35px;left:50%;transform: translate(-50%, 0%);background:#282828;border-radius:35px;text-align:center;color:#fff;font-family: 'GmarketSansBold';font-size:20px; } #section03 .content_title_sub3 .inbox .conbox { position:relative;width:100%;height:auto;overflow:hidden;padding:100px 10px 20px 10px;font-size:26px;font-family: 'GmarketSansLight';text-align:center; } #section03 .content_title_sub3 .inbox .conbox .spana {font-size:26px;font-family: 'GmarketSansMedium'; } #section03 .content_title_sub3 .inbox .conbox .spanb {font-size:21px;font-family: 'GmarketSansLight'; } #section03 .content_title_sub3 .inbox .conbox .spanc {font-size:21px;font-family: 'GmarketSansMedium'; } @media (max-width: 1279px) { #section03 .content_title_sub3 .inbox .conbox { position:relative;width:100%;height:auto;overflow:hidden;padding:100px 10px 20px 10px;font-size:22px;font-family: 'GmarketSansLight';text-align:center; } #section03 .content_title_sub3 .inbox .conbox .spana {font-size:22px;font-family: 'GmarketSansMedium'; } #section03 .content_title_sub3 .inbox .conbox .spanb {font-size:17px;font-family: 'GmarketSansLight'; } #section03 .content_title_sub3 .inbox .conbox .spanc {font-size:17px;font-family: 'GmarketSansMedium'; } } @media (max-width: 1140px) { } @media (max-width: 1122px) { #section03 .content_title_sub3 .inbox .conbox { padding:80px 10px 0px 10px; } } @media (max-width: 820px) { #section03 .content_title_sub3 .inbox { position:relative;float:left;width:100%;height:375px;background:#fff;border-top:1px solid #2f2f2f;border-bottom:1px solid #2f2f2f;border-right:1px solid #2f2f2f; } #section03 .content_title_sub3 .inbox { border-left:1px solid #2f2f2f; } } @media (max-width: 719px) { #section03 { padding: 100px 10px 100px 10px; } #section03 .content_title_sub0 { font-size:30px;line-height:35px;margin-bottom:20px; } #section03 .content_title_sub1 { font-size:22px;margin-bottom:20px; } #section03 .content_title_sub2 { font-size:15px; } #section03 .content_title_sub3 .inbox { height:240px; } #section03 .content_title_sub3 .inbox .conbox { height:200px;padding:60px 10px 0px 10px;font-size:16px; } #section03 .content_title_sub3 .inbox .conbox span {font-size:16px;font-family: 'GmarketSansMedium'; } #section03 .content_title_sub3 .inbox .conbox .spana {font-size:16px;font-family: 'GmarketSansMedium'; } #section03 .content_title_sub3 .inbox .conbox .spanb {font-size:14px;font-family: 'GmarketSansLight'; } #section03 .content_title_sub3 .inbox .conbox .spanc {font-size:14px;font-family: 'GmarketSansMedium'; } } #section04 { position:relative;width:100%;height:auto;overflow:hidden;padding-top:95px;background:#fff; } #section04 .in_boxa { position:relative;width:100%;height:auto;background:#ff9600; } #section04 .in_boxb { position:relative;max-width:1920px;width:100%;height:auto;overflow:hidden;background:#ff9600;margin:0px auto; } #section04 .lbox { position:absolute;width:42.2%;height:auto;overflow:hidden;bottom:0px;z-index:1; } #section04 .rbox { float:right;position:relative;width:73.28125%;height:auto;overflow:hidden; } #section04 .rboxbg { position:absolute;width:calc(100% - 65px);height:auto;overflow:hidden;top:50%;left:50%;transform: translate(-48%, -45%);padding-left:65px; } #section04 .content { position:relative;max-width:1337px;width:80%;height:auto;overflow:hidden;margin: 0px auto;text-align: center;letter-spacing:-1.5px; } #section04 .content_title_sub1 { width:100%;height:auto;overflow:hidden;color:#fff6ee;font-size:52px;font-family: 'GmarketSansBold';text-align:center;line-height:55px; } #section04 .content_title_sub2 { width:100%;height:auto;overflow:hidden;color:#ff9600;font-size:60px;text-align: center;font-family: 'GmarketSansLight'; } #section04 .content_title_sub2 span { font-family: 'GmarketSansBold'; } #section04 .content_title_sub3 { width:100%;height:auto;overflow:hidden;color:#000000;text-align: center;font-family: 'GmarketSansLight';margin-bottom:25px;font-size:32px;line-height:37px; } #section04 .content_title_sub3 span { font-family: 'GmarketSansBold'; } #section04 .content_title_sub4 { max-width:950px;width:100%;height:auto;overflow:hidden;overflow:hidden;margin:0px auto;margin-bottom:35px;font-size:21px; } #section04 .content_title_sub4 .half_box { float:left;width:50%;height:auto;overflow:hidden;text-align: left; } #section04 .content_title_sub4 .half_box .textline{ width:100%;height:auto;overflow:hidden;font-family: 'Noto Sans KR', sans-serif;font-weight:200;font-size:21px; } #section04 .content_title_sub4 .half_box .textline img { vertical-align: sub; } #section04 .content_title_sub5 { max-width:902px;width:100%;height:auto;overflow:hidden;margin:0px auto;text-align: center;background:#ff9600;padding:25px 15px;line-height:26px;font-family: 'GmarketSansMedium';font-size:23px;color:#000;border-radius:38px; } #section04 .content_title_sub5 span { font-family: 'GmarketSansBold';color:#fff; } @media (max-width: 1682px) { #section04 .content_title_sub4 .half_box .textline{ font-size:20px; } } @media (max-width: 1608px) { #section04 .content_title_sub4 .half_box .textline{ font-size:18px; } } @media (max-width: 1599px) { #section04 .content_title_sub1 { font-size:37px;line-height:45px; } #section04 .content_title_sub2 { font-size:45px; } #section04 .content_title_sub3 { font-size:27px;line-height:33px;margin-bottom:20px; } #section04 .content_title_sub4 .half_box .textline{ font-size:16px; } #section04 .content_title_sub5 { max-width:770px; } } @media (max-width: 1366px) { #section04 .content { width:86%; } #section04 .content_title_sub1 { font-size:30px;line-height:40px; } #section04 .content_title_sub2 { font-size:37px; } #section04 .content_title_sub3 { font-size:21px;line-height:27px;margin-bottom:15px; } #section04 .content_title_sub4 { margin-bottom:15px; } #section04 .content_title_sub4 .half_box .textline{ font-size:13px; } #section04 .content_title_sub5 { max-width:550px;padding:15px 10px;line-height:20px;font-size:17px;border-radius:38px; } #section04 .content_title_sub4 .half_box .textline img { max-width:15px; } } @media (max-width: 1279px) { } @media (max-width: 1103px) { #section04 .content_title_sub2 { font-size:37px;line-height:42px; } #section04 .content_title_sub3 { font-size:20px;line-height:22px;margin-bottom:8px; } #section04 .content_title_sub4 { margin-bottom:15px; } } @media (max-width: 990px) { #section04 .content { width:83%; } #section04 .lbox { position:relative;width:100%;height:auto;overflow:hidden;bottom:0px;z-index:1; } #section04 .rbox { float:none;position:relative;width:100%;height:auto;overflow:hidden; } #section04 .rboxbg { position:relative;width:100%;height:auto;overflow:hidden;top:0%;left:0%;transform: none;padding-left:0px; background-image: url('/landing/images/g_img03_mo1.png'); background-position: center; background-repeat: repeat; background-size : 100%; } #section04 .content_title_sub4 .half_box { float:none;max-width:260px;width:100%;height:auto;overflow:hidden;text-align: left;margin:0px auto; } #section04 .content_title_sub1 { font-size:30px;line-height:40px; } #section04 .content_title_sub5 { width:79%; } #section04 .content_title_sub4 .half_box .textline{ line-height: 26px; } } @media (max-width: 719px) { #section04 { padding: 0px; } #section04 .content_title_sub1 { font-size:23px;line-height:35px; } #section04 .content_title_sub2 { font-size:30px;margin-bottom:10px;letter-spacing:-1.5px; } #section04 .content_title_sub3 { font-size:22px;margin-bottom:10px;letter-spacing:-1.5px;line-height: 27px; } #section04 .content_title_sub5 { line-height:20px;font-size:15px; } } #section05 { position:relative;width:100%;height:auto;overflow:hidden; } #section05 .in_boxc { position:relative;width:100%;height:auto;overflow:hidden;background:#ff7200;font-family: 'GmarketSansLight';font-size:30px;color:#fff;text-align:center;padding:90px 10px; } #section05 .in_boxc span { font-family: 'GmarketSansBold';text-decoration:underline;text-underline-position: under; } @media (max-width: 1279px) { } @media (max-width: 1020px) { } @media (max-width: 719px) { #section05 .in_boxc { font-size:15px;padding:50px 10px; } } @media (max-width: 600px) { } #section06 { position:relative;width:100%;height:auto;overflow:hidden;padding: 0px;background:#000000;} #section06 .content { width:100%;height:auto;overflow:hidden;margin: 0px auto; } #section06 .box_half { position:relative;float:left;width:50%;height:auto;overflow:hidden; } #section06 .vcenter { position:absolute;width:100%;height:auto;overflow:hidden;left:0%;top:50%;transform: translate(0%, -50%) } #section06 .content_title_sub0 { font-size:60px;font-family: 'GmarketSansLight';text-align:center;line-height:67px;margin-bottom:25px;color:#fff;letter-spacing:-1.5px; } #section06 .content_title_sub0 span { font-family: 'GmarketSansBold'; } #section06 .content_title_sub1 { width:100%;height:auto;overflow:hidden;color:#ffe50c;font-size:32px;line-height:37px;text-align: center;font-family: 'GmarketSansLight';margin-bottom:25px;letter-spacing:-1.5px; } #section06 .content_title_sub1 span { font-family: 'GmarketSansBold'; } #section06 .content_title_sub2 { width:100%;height:auto;overflow:hidden;font-family: 'Noto Sans KR', sans-serif;font-weight:100;color:#fff;font-size:21px;line-height:25px;text-align: center;letter-spacing:-1.5px; } #section06 .content_title_sub2 span { font-weight:600; } @media (max-width: 1279px) { } @media (max-width: 1100px) { #section06 .content_title_sub0 { font-size:50px;line-height:57px;margin-bottom:25px; } #section06 .content_title_sub1 {font-size:27px;line-height:32px; } #section06 .content_title_sub2 {font-size:19px;line-height:22px; } } @media (max-width: 998px) { } @media (max-width: 980px) { #section06 .box_half { position:relative;float:none;width:100%;height:auto;overflow:hidden; } #section06 .vcenter { position:relative;width:100%;height:auto;overflow:hidden;left:0%;top:50%;transform:none;padding:70px 10px 0px 10px; } } @media (max-width: 719px) { #section06 { padding: 100px 10px 100px 10px; } #section06 .content_title_sub0 { font-size:22px;line-height:35px;margin-bottom:20px; } #section06 .content_title_sub0 span { font-size:30px; } #section06 .content_title_sub1 { font-size:22px;margin-bottom:20px; } #section06 .content_title_sub2 { font-size:15px; } } #section07 { padding: 200px 0px;background-color: #f1f1f1; } #section07 .mwidth { max-width:1743px;padding: 0px;} #section07 .content { width:100%;height:auto;overflow:hidden;text-align: center;padding: 80px 0 0 0; } #section07 .content .inner { width:100%;height:auto;overflow:hidden; } #section07 .content .inner h1 { font-family: 'GmarketSansLight';font-size: 33px;margin-bottom:60px; } #section07 .content .inner h1 span { font-family: 'GmarketSansBold'; } #section07 .content .inner .title { margin: 0 0 15px;font-size:60px;font-family: 'GmarketSansLight';color: #000000;line-height:65px;} #section07 .content .inner .title span { font-family: 'GmarketSansBold'; } #section07 .imgbox { width:100%;height:auto;overflow:hidden;margin-bottom:108px;text-align: center; } #section07 .imgboxa { width:100%;height:auto;overflow:hidden;text-align: center; } #section07 .imgboxa .imgboxain { float:left;width:33.33333%;height:auto;overflow:hidden;padding:0px 15px; } #section07 .imgboxa .imgboxain .sub_content { width:100%;height:auto;overflow:hidden;background:#fff;border-radius:17px;margin-bottom:12px; } #section07 .imgboxa .imgboxain .sub_content .numbox { float:left;width:88px;height:88px;overflow:hidden;line-height:88px;font-size:23px;color:#fff;background:#010621;border-radius: 0px 17px 17px 0px;font-family: 'GmarketSansBold'; } #section07 .imgboxa .imgboxain .sub_content .con_box { float:left;width:calc(100% - 88px);height:auto;overflow:hidden;line-height:88px;font-size:21px;font-family: 'GmarketSansMedium'; } #section07 .imgboxa .imgboxain .sub_content .con_box table.type02 { border-collapse: separate;border-spacing: 0px;text-align: left;border-top: 0px;margin : 0px; min-height: 88px; } #section07 .imgboxa .imgboxain .sub_content .con_box table.type02 td { width: 100%;padding:0px 10px 0px 30px;vertical-align: middle;border-bottom: 0px ;white-space: break-spaces;line-height:22px;font-size:19px;min-height:88px;letter-spacing:-1px; } @media (max-width: 1333px) { #section07 .imgboxa .imgboxain .sub_content .con_box table.type02 td { padding:0px 10px 0px 10px;font-size:16px;line-height:18px;min-height:88px;letter-spacing:-1px; } } @media (max-width: 1279px) { } @media (max-width: 1127px) { #section07 .imgboxa .imgboxain { float:none;width:100%;padding:0px 15px; } #section07 .imgboxa .imgboxain .sub_content { float:left;width:calc(50% - 10px);height:auto;overflow:hidden;background:#fff;border-radius:17px;margin:0px 5px;margin-bottom:12px; } } @media (max-width: 1000px) { } @media (max-width: 719px) { #section07 .content .inner h1 { font-family: 'Noto Sans KR', sans-serif;font-size: 22px;font-weight: 400;margin-bottom:20px;padding: 20px 0 0 0; } #section07 .content .inner .title { margin: 0 0 15px;font-size:30px;font-family: 'GmarketSansLight';color: #000000;line-height:33px;} } @media (max-width: 690px) { #section07 .imgboxa .imgboxain { padding:0px 10px; } #section07 .imgboxa .imgboxain .sub_content { float:none;width:100%;height:auto;overflow:hidden;background:#fff;border-radius:17px;margin:0px;margin-bottom:12px; } #section07 .imgboxa .imgboxain .sub_content .con_box table.type02 td { padding:0px 10px 0px 10px;font-size:14px;line-height:18px;min-height:88px;letter-spacing:-1px; } } #section08 { padding: 180px 0 130px;background-image: url('/landing/images/e_sub5_bg.png');background-size: cover;background-position: center;background-attachment: fixed; } #section08 .content { max-width:1709px;width: 100%;height:auto;overflow:hidden;margin: 0px auto;text-align: center; } #section08 .content .inner { text-align: center; } #section08 .content .inner .title { margin: 0 0 40px;font-size:54px;font-family: 'GmarketSansLight';color: #fff;line-height:65px;} #section08 .content .inner .title .txt { color: rgba(255,255,255,0.2);font-family: 'Noto Sans KR', sans-serif;font-weight: 800; } #section08 .content .inner .title .txta { color: #fff;font-family: 'GmarketSansBold'; } #section08 .content .inner .title .txtb { color: #fff;font-family: 'Noto Sans KR', sans-serif;font-weight: 100;font-size:22px;line-height:50px; } #section08 .content .img_box { width: 100%;height:auto;overflow:hidden; } #section08 .content .img_box .in_box { float:left;width: 25%;height:auto;overflow:hidden;padding:0px 8px; } #section08 .content .img_box .in_box img { margin-bottom:25px; } #section08 .content .img_box .in_box .texta { width: 100%;height:auto;overflow:hidden;font-size:26px;color:#00ccff;text-decoration:underline;text-underline-position: under;font-family: 'GmarketSansBold';line-height:32px;margin-bottom:15px; } #section08 .content .img_box .in_box .textb { width: 100%;height:auto;overflow:hidden;font-size:13px;color:#a3a4a8;font-family: 'Noto Sans KR', sans-serif;font-weight: 100;text-transform:uppercase;margin-bottom:15px; } #section08 .content .img_box .in_box .textc { width: 100%;height:auto;overflow:hidden;font-size:19px;color:#fff;font-family: 'Noto Sans KR', sans-serif;font-weight: 200; } @media (max-width: 1342px) { #section08 .content .img_box .in_box .textb { font-size:11px; } } @media (max-width: 1279px) { #section08 .content { width: 100%; } } @media (max-width: 1248px) { #section08 .content .img_box .in_box .texta { font-size:23px;line-height:32px; } #section08 .content .img_box .in_box .textc { font-size:16px; } } @media (max-width: 1113px) { #section08 .content .img_box .in_box .texta { font-size:20px;line-height:26px; } #section08 .content .img_box .in_box .textb { font-size:10px;letter-spacing:0.5px; } #section08 .content .img_box .in_box .textc { font-size:14px; } } @media (max-width: 980px) { #section08 .content .img_box .in_box { float:none;width: 100%;height:auto;overflow:hidden;padding:0px 8px;margin-bottom:50px; } } @media (max-width: 719px) { #section08 { padding: 80px 0; } #section08 .content .inner .title .txt { width: 100%;margin: 0 0 10px; } #section08 .content .inner .title .img { width: 100%;margin: 0 0 10px; } #section08 .content .inner .title { margin: 0 0 15px;font-size:24px;font-family: 'GmarketSansLight';color: #fff;line-height:30px; } #section08 .content .inner .title .txtb { font-size:15px;line-height:18px;display: inline-block; } } #section09 { padding: 100px 0; background-color: #040404; } #section09 h1 { padding: 0 0px 10px 0px; text-align: center; font-family: 'Noto Sans KR', sans-serif;font-size: 22px;font-weight: 400;color:#fff;text-decoration:underline;text-underline-position: under; } #section09 h2 { padding: 0 0px 30px 0px; text-align: center; font-family: 'GmarketSansLight';font-size: 54px;color:#fff; } #section09 h2 span { font-family: 'GmarketSansBold'; } #section09 .item-wrap { text-align:center; } @media (max-width: 1279px) { } @media (max-width: 719px) { #section09 { padding: 50px 0; } #section09 h1 { font-size: 14px; } #section09 h2 { font-size: 32px; } } #section10 { padding: 100px 0; background-image: url('/landing/images/e_sub7_bg.png'); background-size: cover; background-position: center; } #section10 h1 { padding: 0 40px 10px 40px; text-align: center; font-family: 'Noto Sans KR', sans-serif;font-size: 22px;font-weight: 400;color:#040404;text-decoration:underline;text-underline-position: under; } #section10 h2 { padding: 0 40px 60px 40px; text-align: center; font-family: 'GmarketSansLight';font-size: 54px;color:#040404; } #section10 h2 span { font-family: 'GmarketSansBold'; } #section10 .content { padding: 0px 0px 60px 0px; } #section10 .content .item-wrap { display: flex; justify-content: space-around; margin: 0px 0 0 0; text-align: center; } #section10 .content .item-wrap .item { flex: 1; padding: 180px 20px 150px; margin: 0px 10px;background:#fff;border-radius:44px; } #section10 .content .item-wrap .item:not(:last-child) { border-right: 1px solid #e8e2dd; } #section10 .content .item-wrap .item .thumb { margin: 0 0 50px; } #section10 .content .item-wrap .item h2 { padding: 0px;margin:0px; font-size: 40px; color: #282828;font-family: 'GmarketSansLight';color: #282828;line-height: 46px;display:inline-block; } #section10 .content .item-wrap .item h2 .fonta { font-size: 40px;font-family: 'GmarketSansBold';color: #282828;line-height: 46px;display:inline-block; } #section10 .content .item-wrap .item h3 { margin: 0 0 15px; font-size: 40px; color: #282828;font-family: 'GmarketSansLight';color: #282828;line-height: 46px; } #section10 .content .item-wrap .item h3 .fonta { font-size: 40px;color: #0037d3;font-family: 'GmarketSansBold';line-height: 46px; } #section10 .content .item-wrap .item p { margin: 0 0 10px; font-size: 19px;font-family: 'Noto Sans KR', sans-serif;letter-spacing:-0.3px; } #section10 .content .item-wrap .item span { display: inline-block;text-align: left;font-size: 1.3rem; line-height: 1.2; font-weight: 500; color: #998162;} #section10 .common-title2 { padding: 50px 20px 0px 20px;text-align: center; } #section10 .common-title2 h1 { text-align: left;font-size:44px;color:#fff;font-family: 'GmarketSansLight';text-decoration:none; } #section10 .common-title2 h1 span { color:#00eaff;font-family: 'GmarketSansBold'; } #section10 .common-title2 h2 { text-align: left;font-size:22px;color:#fff;font-family: 'Noto Sans KR', sans-serif;font-weight:200; } #section10 .common-title2 h2 span { color:#00eaff;font-family: 'Noto Sans KR', sans-serif;font-weight:700; } @media (max-width: 1279px) { } @media (max-width: 719px) { #section10 { padding: 50px 0; } #section10 h1 { padding: 0 0px 10px 0px; text-align: center; font-family: 'Noto Sans KR', sans-serif;font-size: 14px;font-weight: 400;color:#040404;line-height:22px; } #section10 h2 { padding: 0 0px 10px 0px; text-align: center; font-family: 'GmarketSansLight';font-size: 32px;color:#040404; } #section10 .content { padding: 20px 5% 20px; } #section10 .content .item-wrap { display: block; } #section10 .content .item-wrap .item { padding: 90px 20px 40px;margin: 0px 10px 20px 10px; } #section10 .content .item-wrap .item:not(:last-child) { border: 0; } #section10 .content .item-wrap .item h2 { padding: 0px;margin:0px; font-size: 20px; color: #282828;font-family: 'GmarketSansLight';color: #282828;line-height: 27px; } #section10 .content .item-wrap .item h2 .fonta { font-size: 20px;font-family: 'GmarketSansBold';color: #282828;line-height: 27px; } #section10 .content .item-wrap .item h3 { margin: 0 0 15px; font-size: 20px; color: #282828;font-family: 'GmarketSansLight';color: #282828;line-height: 27px; } #section10 .content .item-wrap .item h3 .fonta { font-size: 20px;color: #0037d3;font-family: 'GmarketSansBold';line-height: 27px; } #section10 .content .item-wrap .item p { margin: 0 0 10px; font-size: 15px;font-family: 'Noto Sans KR', sans-serif;letter-spacing:-1.5px; } #section10 .content .item-wrap .item .thumb { margin: 0 0 20px; } #section10 .common-title2 h1 { text-align: left;font-size:22px;color:#fff;font-family: 'GmarketSansLight';padding: 0 0px 10px 0px;line-height:30px; } #section10 .common-title2 h2 { text-align: left;font-size:15px;color:#fff;font-family: 'Noto Sans KR', sans-serif;font-weight:200; } } #section11 { position:relative; padding: 190px 0px 0px 0px; background:#fcfcfc; background-image: url('/landing/images/d_sub8_bg.png'); background-repeat: no-repeat; background-size: cover; background-position: left center; } #section11 .content { } #section11 .contents { position:relative;max-width:100%;height:auto;overflow:hidden;padding: 0px 0 0 26%; } #section11 .content .namebox { position:absolute;width:215px;font-family: 'GmarketSansBold';font-size:24px;color:#021753;left:4%;top:22%;transform: translate(-50%, -50%);z-index: 1;letter-spacing:-1px; } #section11 .content .nametag { position:relative;width:210px;text-align:center;font-family: 'GmarketSansBold';font-size:24px;color:#fff;border-right: 56px solid transparent;border-bottom: 57px solid #0037d3;letter-spacing:0px; } #section11 .content .nametag2 { position:absolute;width:180px;text-align:center;font-family: 'GmarketSansLight';font-size:24px;color:#fff;line-height:56px;letter-spacing:0px; } #section11 .content .nametag2 span { font-family: 'GmarketSansBold'; } #section11 .content .title { text-align:center;font-family: 'Cafe24Shiningstar';font-size:145px;letter-spacing:-15px;line-height:195px;color:#282828; } #section11 .content .title span { display:inline-block;color:#0037d3; } #section11 .content .title2 { text-align:center;font-family: 'GmarketSansLight';font-size:88px;color:#0037d3;letter-spacing:-8px;padding-bottom:30px; } #section11 .content .title2 span { font-family: 'GmarketSansBold'; } #section11 .content .subbox { max-width:1100px;width:100%;height:auto;overflow:hidden;text-align:left;font-family: 'Noto Sans KR', sans-serif;font-size:22px;margin:0px auto;padding-bottom:130px; } #section11 .content .subbox .left{ float:left;width:50%;text-align:left;font-family: 'Noto Sans KR', sans-serif;font-size:22px;letter-spacing:-1px; } @media (max-width: 1865px) { #section11 .content .title { text-align:center;font-family: 'Cafe24Shiningstar';font-size:170px;letter-spacing:-15px;line-height:195px;color:#282828; } } @media (max-width: 1862px) { #section11 .content .title { text-align:center;font-family: 'Cafe24Shiningstar';font-size:140px;letter-spacing:-12px;line-height:195px;color:#282828; } #section11 .content .title2 { text-align:center;font-family: 'GmarketSansLight';font-size:60px;color:#0037d3;letter-spacing:-5px;padding-bottom:30px; } } @media (max-width: 1340px) { #section11 .content .title { text-align:center;font-family: 'Cafe24Shiningstar';font-size:80px;letter-spacing:-10px;line-height:90px;color:#282828; } #section11 .content .title2 { text-align:center;font-family: 'GmarketSansLight';font-size:30px;color:#0037d3;letter-spacing:-5px;padding-bottom:30px; } #section11 .content .title span { display:inline-block;color:#0037d3; } #section11 .content .subbox { max-width:1100px;width:100%;height:auto;overflow:hidden;text-align:left;font-family: 'Noto Sans KR', sans-serif;font-size:13px;margin:0px auto;padding-bottom:130px; } #section11 .content .subbox .left{ float:right;width:55%;text-align:left;font-family: 'Noto Sans KR', sans-serif;font-size:13px;letter-spacing:-1px; } } @media (max-width: 1279px) { #section11 .content .title2 { font-size:26px;letter-spacing:-3px;padding-bottom:0px; } #section11 { position:relative; padding: 70px 0px 0px 0px; background:#fcfcfc; background-image: url('/landing/images/d_sub8_bg.png'); background-repeat: no-repeat; background-size: 100%; background-position: left bottom; } #section11 .contents { position:relative;max-width:100%;height:auto;overflow:hidden;padding: 0px 0 0 0px; } #section11 .content .title span { display:inline-block;color:#0037d3; } #section11 .content .namebox { position:absolute;width:215px;font-family: 'GmarketSansBold';font-size:24px;color:#021753;left:4%;top:calc(100% - 80px);transform: translate(-50%, -50%);z-index: 1;letter-spacing:-1px; } } @media (max-width: 719px) { #section11 .content .title2 { font-size:26px;letter-spacing:-3px;padding-bottom:0px; } #section11 .content .namebox { position:absolute;width:215px;font-family: 'GmarketSansBold';font-size:24px;color:#021753;left:4%;top:58%;transform: translate(-50%, -50%);z-index: 1;letter-spacing:-1px; } #section11 { position:relative; padding: 70px 0px 0px 0px; background:#fcfcfc; background-image: url('/landing/images/d_sub8_bg.png'); background-repeat: no-repeat; background-size: 200%; background-position: right bottom; } #section11 .content .title { text-align:center;font-family: 'Cafe24Shiningstar';font-size:60px;letter-spacing:-2px;line-height:70px;color:#282828; } #section11 { padding: 70px 0px 0px 0px; } #section11 .item-wrap .item .num { width: 80px; } #section11 .item-wrap .item .txt { font-size: 1.8rem; } #section11 .content .subbox { max-width:1100px;width:100%;height:auto;overflow:hidden;text-align:left;font-family: 'Noto Sans KR', sans-serif;font-size:13px;margin:0px auto;padding-bottom:30px;letter-spacing:-1.5px; } #section11 .content .nametag { position:relative;width:180px;text-align:center;font-family: 'GmarketSansBold';font-size:24px;color:#fff;border-right: 20px solid transparent;border-bottom: 40px solid #0037d3;letter-spacing:0px; } #section11 .content .nametag2 { position:absolute;width:180px;text-align:center;font-family: 'GmarketSansBold';font-size:24px;color:#fff;line-height:40px;letter-spacing:0px; } #section11 .content .subbox .left{ float:none;width:100%;text-align:left;font-family: 'Noto Sans KR', sans-serif;font-size:13px;letter-spacing:-1px;padding:0 15px; } } #section12 { padding: 200px 0px;background-color: #f1f1f1; } #section12 .mwidth { max-width:1659px;padding: 0px;} #section12 .content { width:100%;height:auto;overflow:hidden;text-align: center;padding: 0px 0 0 0; } #section12 .content .inner { width:100%;height:auto;overflow:hidden; } #section12 .content .inner h1 { font-family: 'Noto Sans KR', sans-serif;font-weight: 400;font-size: 22px;margin-bottom:25px;padding:10px 0px; } #section12 .content .inner h1 span { border-bottom:1px solid #000000; } #section12 .content .inner h2 { font-family: 'GmarketSansLight';font-size: 26px;margin-bottom:50px; } #section12 .content .inner .title { margin: 0 0 15px;font-size:60px;font-family: 'GmarketSansLight';color: #000000;line-height:65px;} #section12 .content .inner .title span { font-family: 'GmarketSansBold'; } #section12 .imgbox { width:100%;height:auto;overflow:hidden;margin-bottom:108px;text-align: center;background:#fff; } #section12 .imgboxa { max-width:1266px;width:100%;height:auto;overflow:hidden;margin:0px auto;padding:97px 10px 97px 10px; } #section12 .imgboxa .img { float:left;width:33.33333%;height:auto;overflow:hidden;padding:0px 9px; } #section12 .imgboxa .img .subtitle { width:100%;height:auto;overflow:hidden;padding:25px 10px 50px 10px;font-size:24px;font-family: 'Noto Sans KR', sans-serif;font-weight: 200;letter-spacing:-1px; } #section12 .imgboxa .img .subtitle span { font-family: 'GmarketSansMedium';font-size: 26px; } @media (max-width: 1279px) { } @media (max-width: 1174px) { #section12 .imgboxa .img .subtitle { padding:25px 10px 50px 10px;font-size:19px; } #section12 .imgboxa .img .subtitle span { font-family: 'GmarketSansMedium';font-size: 21px; } } @media (max-width: 926px) { #section12 .imgboxa .img { float:left;width:50%;height:auto;overflow:hidden;padding:0px 9px; } } @media (max-width: 719px) { #section12 { padding: 70px 0px;background-color: #f1f1f1; } #section12 .content { padding: 0px 0 0 0; } #section12 .content .inner h1 { font-family: 'Noto Sans KR', sans-serif;font-size: 14px;font-weight: 400;margin-bottom:20px;padding: 20px 0 0 0; } #section12 .content .inner h2 { font-family: 'GmarketSansLight';font-size: 14px;margin-bottom:30px; } #section12 .content .inner .title { margin: 0 0 15px;font-size:30px;font-family: 'GmarketSansLight';color: #000000;line-height:30px;} #section12 .imgbox { margin-bottom:0px; } #section12 .imgboxa .img .subtitle { padding:25px 10px 50px 10px;font-size:15px; } #section12 .imgboxa .img .subtitle span { font-family: 'GmarketSansMedium';font-size: 17px; } #section12 .imgboxa { padding:30px 10px 20px 10px; } } @media (max-width: 524px) { #section12 .imgboxa .img { float:none;width:100%;height:auto;overflow:hidden;padding:0px 9px; } } #section13 { position:relative; padding: 190px 0px 0px 0px; background:#fcfcfc; background-image: url("https://stmarywill.com/landing/images/d_sub0007_bgd.png"); background-repeat: no-repeat; background-size: cover; background-position: left center; } #section13 .content { } #section13 .contents { position:relative;max-width:93%;height:auto;overflow:hidden;padding: 0px 0 0 26%; } #section13 .content .namebox { position:absolute;width:215px;font-family: 'GmarketSansBold';font-size:24px;color:#021753;left:4%;top:22%;transform: translate(-50%, -50%);z-index: 1;letter-spacing:-1px; } #section13 .content .nametag { position:relative;width:210px;text-align:center;font-family: 'GmarketSansBold';font-size:24px;color:#fff;border-right: 56px solid transparent;border-bottom: 57px solid #0037d3;letter-spacing:0px; } #section13 .content .nametag2 { position:absolute;width:180px;text-align:center;font-family: 'GmarketSansLight';font-size:24px;color:#fff;line-height:56px;letter-spacing:0px; } #section13 .content .nametag2 span { font-family: 'GmarketSansBold'; } #section13 .content .title { text-align:center;font-family: 'Cafe24Shiningstar';font-size:145px;letter-spacing:-15px;line-height:195px;color:#282828; } #section13 .content .title span { display:inline-block;color:#0037d3; } #section13 .content .title2 { text-align:center;font-family: 'GmarketSansLight';font-size:81px;color:#0037d3;letter-spacing:-5px;padding-bottom:30px; } #section13 .content .title2 span { font-family: 'GmarketSansBold'; } #section13 .content .subbox { max-width:1100px;width:100%;height:auto;overflow:hidden;text-align:left;font-family: 'Noto Sans KR', sans-serif;font-size:22px;margin:0px auto;padding-bottom:130px; } #section13 .content .subbox .left{ float:left;width:50%;text-align:left;font-family: 'Noto Sans KR', sans-serif;font-size:22px;letter-spacing:-1px; } @media (max-width: 1865px) { #section13 .content .title { text-align:center;font-family: 'Cafe24Shiningstar';font-size:170px;letter-spacing:-15px;line-height:195px;color:#282828; } } @media (max-width: 1862px) { #section13 .content .title { text-align:center;font-family: 'Cafe24Shiningstar';font-size:140px;letter-spacing:-12px;line-height:195px;color:#282828; } #section13 .content .title2 { text-align:center;font-family: 'GmarketSansLight';font-size:60px;color:#0037d3;letter-spacing:-5px;padding-bottom:30px; } } @media (max-width: 1340px) { #section13 .content .title { text-align:center;font-family: 'Cafe24Shiningstar';font-size:80px;letter-spacing:-10px;line-height:90px;color:#282828; } #section13 .content .title2 { text-align:center;font-family: 'GmarketSansLight';font-size:30px;color:#0037d3;letter-spacing:-5px;padding-bottom:30px; } #section13 .content .title span { display:block;color:#0037d3; } #section13 .content .subbox { max-width:1100px;width:100%;height:auto;overflow:hidden;text-align:left;font-family: 'Noto Sans KR', sans-serif;font-size:13px;margin:0px auto;padding-bottom:130px; } #section13 .content .subbox .left{ float:right;width:55%;text-align:left;font-family: 'Noto Sans KR', sans-serif;font-size:13px;letter-spacing:-1px; } } @media (max-width: 1279px) { #section13 { position:relative; padding: 70px 0px 0px 0px; background:#fcfcfc; background-image: url("https://stmarywill.com/landing/images/d_sub0007_bgd.png"); background-repeat: no-repeat; background-size: 100%; background-position: left bottom; } #section13 .contents { position:relative;max-width:100%;height:auto;overflow:hidden;padding: 0px 0 0 0px; } #section13 .content .title span { display:inline-block;color:#0037d3; } #section13 .content .namebox { position:absolute;width:215px;font-family: 'GmarketSansBold';font-size:24px;color:#021753;left:4%;top:calc(100% - 80px);transform: translate(-50%, -50%);z-index: 1;letter-spacing:-1px; } } @media (max-width: 719px) { #section13 .content .title2 { font-size:26px;letter-spacing:-3px;padding-bottom:0px; } #section13 .content .namebox { position:absolute;width:215px;font-family: 'GmarketSansBold';font-size:24px;color:#021753;left:4%;top:49.5%;transform: translate(-50%, -50%);z-index: 1;letter-spacing:-1px; } #section13 { position:relative; padding: 70px 0px 0px 0px; background:#fcfcfc; background-image: url("https://stmarywill.com/landing/images/d_sub8_bgd.png"); background-repeat: no-repeat; background-size: 220%; background-position: right bottom; } #section13 .content .title { text-align:center;font-family: 'Cafe24Shiningstar';font-size:60px;letter-spacing:-2px;line-height:70px;color:#282828; } #section13 { padding: 70px 0px 0px 0px; } #section13 .item-wrap .item .num { width: 80px; } #section13 .item-wrap .item .txt { font-size: 1.8rem; } #section13 .content .subbox { max-width:1100px;width:100%;height:auto;overflow:hidden;text-align:left;font-family: 'Noto Sans KR', sans-serif;font-size:13px;margin:0px auto;padding-bottom:0px;letter-spacing:-1.5px; } #section13 .content .nametag { position:relative;width:180px;text-align:center;font-family: 'GmarketSansBold';font-size:24px;color:#fff;border-right: 20px solid transparent;border-bottom: 40px solid #0037d3;letter-spacing:0px; } #section13 .content .nametag2 { position:absolute;width:180px;text-align:center;font-family: 'GmarketSansBold';font-size:24px;color:#fff;line-height:40px;letter-spacing:0px; } #section13 .content .subbox .left{ float:none;width:calc(100% - 30px);text-align:left;font-family: 'Noto Sans KR', sans-serif;font-size:13px;letter-spacing:-1px;padding:0px 30px; } } #section14 { position:relative; padding: 190px 0px 0px 0px; background:#fcfcfc; background-image: url('/landing/images/b_sub8_bg.png'); background-repeat: no-repeat; background-size: cover; background-position: left center; } #section14 .content { } #section14 .contents { position:relative;max-width:100%;height:auto;overflow:hidden;padding: 0px 0 0 23%; } #section14 .content .namebox { position:absolute;width:215px;font-family: 'GmarketSansBold';font-size:24px;color:#021753;left:4%;top:22%;transform: translate(-50%, -50%);z-index: 1;letter-spacing:-1px; } #section14 .content .nametag { position:relative;width:210px;text-align:center;font-family: 'GmarketSansBold';font-size:24px;color:#fff;border-right: 56px solid transparent;border-bottom: 57px solid #0037d3;letter-spacing:0px; } #section14 .content .nametag2 { position:absolute;width:180px;text-align:center;font-family: 'GmarketSansLight';font-size:24px;color:#fff;line-height:56px;letter-spacing:0px; } #section14 .content .nametag2 span { font-family: 'GmarketSansBold'; } #section14 .content .title { text-align:center;font-family: 'Cafe24Shiningstar';font-size:145px;letter-spacing:-15px;line-height:195px;color:#282828; } #section14 .content .title span { display:inline-block;color:#0037d3; } #section14 .content .title2 { text-align:center;font-family: 'GmarketSansLight';font-size:88px;color:#0037d3;letter-spacing:-5px;padding-bottom:30px; } #section14 .content .title2 span { font-family: 'GmarketSansBold'; } #section14 .content .subbox { max-width:1100px;width:100%;height:auto;overflow:hidden;text-align:left;font-family: 'Noto Sans KR', sans-serif;font-size:22px;margin:0px auto;padding-bottom:130px; } #section14 .content .subbox .left{ float:left;width:50%;text-align:left;font-family: 'Noto Sans KR', sans-serif;font-size:22px;letter-spacing:-1px; } @media (max-width: 1865px) { #section14 .content .title { text-align:center;font-family: 'Cafe24Shiningstar';font-size:170px;letter-spacing:-15px;line-height:195px;color:#282828; } } @media (max-width: 1862px) { #section14 .content .title { text-align:center;font-family: 'Cafe24Shiningstar';font-size:140px;letter-spacing:-12px;line-height:195px;color:#282828; } #section14 .content .title2 { text-align:center;font-family: 'GmarketSansLight';font-size:60px;color:#0037d3;letter-spacing:-5px;padding-bottom:30px; } } @media (max-width: 1340px) { #section14 .content .title { text-align:center;font-family: 'Cafe24Shiningstar';font-size:80px;letter-spacing:-10px;line-height:90px;color:#282828; } #section14 .content .title2 { text-align:center;font-family: 'GmarketSansLight';font-size:30px;color:#0037d3;letter-spacing:-5px;padding-bottom:30px; } #section14 .content .title span { display:block;color:#0037d3; } #section14 .content .subbox { max-width:1100px;width:100%;height:auto;overflow:hidden;text-align:left;font-family: 'Noto Sans KR', sans-serif;font-size:13px;margin:0px auto;padding-bottom:130px; } #section14 .content .subbox .left{ float:right;width:55%;text-align:left;font-family: 'Noto Sans KR', sans-serif;font-size:13px;letter-spacing:-1px; } } @media (max-width: 1279px) { #section14 .content .title2 { font-size:26px;letter-spacing:-3px;padding-bottom:0px; } #section14 { position:relative; padding: 70px 0px 0px 0px; background:#fcfcfc; background-image: url('/landing/images/b_sub8_bg.png'); background-repeat: no-repeat; background-size: 100%; background-position: left bottom; } #section14 .contents { position:relative;max-width:100%;height:auto;overflow:hidden;padding: 0px 0 0 0px; } #section14 .content .title span { display:inline-block;color:#0037d3; } #section14 .content .namebox { position:absolute;width:215px;font-family: 'GmarketSansBold';font-size:24px;color:#021753;left:4%;top:calc(100% - 80px);transform: translate(-50%, -50%);z-index: 1;letter-spacing:-1px; } } @media (max-width: 719px) { #section14 .content .title2 { font-size:26px;letter-spacing:-3px;padding-bottom:0px; } #section14 .content .namebox { position:absolute;width:215px;font-family: 'GmarketSansBold';font-size:24px;color:#021753;left:4%;top:53%;transform: translate(-50%, -50%);z-index: 1;letter-spacing:-1px; } #section14 { position:relative; padding: 70px 0px 0px 0px; background:#fcfcfc; background-image: url('/landing/images/b_sub8_bg.png'); background-repeat: no-repeat; background-size: 200%; background-position: right bottom; } #section14 .content .title { text-align:center;font-family: 'Cafe24Shiningstar';font-size:60px;letter-spacing:-2px;line-height:70px;color:#282828; } #section14 { padding: 70px 0px 0px 0px; } #section14 .item-wrap .item .num { width: 80px; } #section14 .item-wrap .item .txt { font-size: 1.8rem; } #section14 .content .subbox { max-width:1100px;width:100%;height:auto;overflow:hidden;text-align:left;font-family: 'Noto Sans KR', sans-serif;font-size:13px;margin:0px auto;padding-bottom:30px;letter-spacing:-1.5px; } #section14 .content .nametag { position:relative;width:180px;text-align:center;font-family: 'GmarketSansBold';font-size:24px;color:#fff;border-right: 20px solid transparent;border-bottom: 40px solid #0037d3;letter-spacing:0px; } #section14 .content .nametag2 { position:absolute;width:180px;text-align:center;font-family: 'GmarketSansBold';font-size:24px;color:#fff;line-height:40px;letter-spacing:0px; } #section14 .content .subbox .left{ float:none;width:100%;text-align:left;font-family: 'Noto Sans KR', sans-serif;font-size:13px;letter-spacing:-1px;padding:0 15px; } } #section15 { position:relative; padding: 190px 0px 0px 0px; background:#fcfcfc; background-image: url('/landing/images/b_sub8_bg.png'); background-repeat: no-repeat; background-size: cover; background-position: left center; } #section15 .content { } #section15 .contents { position:relative;max-width:93%;height:auto;overflow:hidden;padding: 0px 0 0 26%; } #section15 .content .namebox { position:absolute;width:215px;font-family: 'GmarketSansBold';font-size:24px;color:#021753;left:4%;top:22%;transform: translate(-50%, -50%);z-index: 1;letter-spacing:-1px; } #section15 .content .nametag { position:relative;width:210px;text-align:center;font-family: 'GmarketSansBold';font-size:24px;color:#fff;border-right: 56px solid transparent;border-bottom: 57px solid #0037d3;letter-spacing:0px; } #section15 .content .nametag2 { position:absolute;width:180px;text-align:center;font-family: 'GmarketSansLight';font-size:24px;color:#fff;line-height:56px;letter-spacing:0px; } #section15 .content .nametag2 span { font-family: 'GmarketSansBold'; } #section15 .content .title { text-align:center;font-family: 'Cafe24Shiningstar';font-size:145px;letter-spacing:-15px;line-height:195px;color:#282828; } #section15 .content .title span { display:inline-block;color:#0037d3; } #section15 .content .title2 { text-align:center;font-family: 'GmarketSansLight';font-size:88px;color:#0037d3;letter-spacing:-5px;padding-bottom:30px; } #section15 .content .title2 span { font-family: 'GmarketSansBold'; } #section15 .content .subbox { max-width:1100px;width:100%;height:auto;overflow:hidden;text-align:left;font-family: 'Noto Sans KR', sans-serif;font-size:22px;margin:0px auto;padding-bottom:130px; } #section15 .content .subbox .left{ float:left;width:50%;text-align:left;font-family: 'Noto Sans KR', sans-serif;font-size:22px;letter-spacing:-1px; } @media (max-width: 1865px) { #section15 .content .title { text-align:center;font-family: 'Cafe24Shiningstar';font-size:170px;letter-spacing:-15px;line-height:195px;color:#282828; } } @media (max-width: 1862px) { #section15 .content .title { text-align:center;font-family: 'Cafe24Shiningstar';font-size:140px;letter-spacing:-12px;line-height:195px;color:#282828; } #section15 .content .title2 { text-align:center;font-family: 'GmarketSansLight';font-size:60px;color:#0037d3;letter-spacing:-5px;padding-bottom:30px; } } @media (max-width: 1340px) { #section15 .content .title { text-align:center;font-family: 'Cafe24Shiningstar';font-size:80px;letter-spacing:-10px;line-height:90px;color:#282828; } #section15 .content .title2 { text-align:center;font-family: 'GmarketSansLight';font-size:30px;color:#0037d3;letter-spacing:-5px;padding-bottom:30px; } #section15 .content .title span { display:block;color:#0037d3; } #section15 .content .subbox { max-width:1100px;width:100%;height:auto;overflow:hidden;text-align:left;font-family: 'Noto Sans KR', sans-serif;font-size:13px;margin:0px auto;padding-bottom:130px; } #section15 .content .subbox .left{ float:right;width:55%;text-align:left;font-family: 'Noto Sans KR', sans-serif;font-size:13px;letter-spacing:-1px; } } @media (max-width: 1279px) { #section15 { position:relative; padding: 70px 0px 0px 0px; background:#fcfcfc; background-image: url('/landing/images/b_sub8_bg.png'); background-repeat: no-repeat; background-size: 100%; background-position: left bottom; } #section15 .contents { position:relative;max-width:100%;height:auto;overflow:hidden;padding: 0px 0 40px 0px; } #section15 .content .title span { display:inline-block;color:#0037d3; } #section15 .content .namebox { position:absolute;width:215px;font-family: 'GmarketSansBold';font-size:24px;color:#021753;left:4%;top:calc(100% - 80px);transform: translate(-50%, -50%);z-index: 1;letter-spacing:-1px; } } @media (max-width: 719px) { #section15 .content .title2 { font-size:26px;letter-spacing:-3px;padding-bottom:0px; } #section15 .content .namebox { position:absolute;width:215px;font-family: 'GmarketSansBold';font-size:24px;color:#021753;left:4%;top:49%;transform: translate(-50%, -50%);z-index: 1;letter-spacing:-1px; } #section15 { position:relative; padding: 70px 0px 0px 0px; background:#fcfcfc; background-image: url('/landing/images/b_sub8_bg.png'); background-repeat: no-repeat; background-size: 220%; background-position: right bottom; } #section15 .content .title { text-align:center;font-family: 'Cafe24Shiningstar';font-size:60px;letter-spacing:-2px;line-height:70px;color:#282828; } #section15 { padding: 70px 0px 0px 0px; } #section15 .item-wrap .item .num { width: 80px; } #section15 .item-wrap .item .txt { font-size: 1.8rem; } #section15 .content .subbox { max-width:1100px;width:100%;height:auto;overflow:hidden;text-align:left;font-family: 'Noto Sans KR', sans-serif;font-size:13px;margin:0px auto;padding-bottom:0px;letter-spacing:-1.5px; } #section15 .content .nametag { position:relative;width:180px;text-align:center;font-family: 'GmarketSansBold';font-size:24px;color:#fff;border-right: 20px solid transparent;border-bottom: 40px solid #0037d3;letter-spacing:0px; } #section15 .content .nametag2 { position:absolute;width:180px;text-align:center;font-family: 'GmarketSansBold';font-size:24px;color:#fff;line-height:40px;letter-spacing:0px; } #section15 .content .subbox .left{ float:none;width:calc(100% - 30px);text-align:left;font-family: 'Noto Sans KR', sans-serif;font-size:13px;letter-spacing:-1px;padding:0px 30px; } } #section16 { background: url('/landing/images/se16_bg.jpg') no-repeat center; background-size: cover; padding: 190px 0 156px; } #section16 .content { padding: 0 120px; } #section16 .slide-wrap { position: relative; margin: 100px auto 0; max-width: 1176px; } #section16 .img-btn { padding: 16px 0 0; margin: 0 auto; font-size: 0; } #section16 .img-btn ul { margin: 0 -1px; } #section16 .img-btn li { display: inline-block; vertical-align: top; width: 20%; box-sizing: border-box; padding: 0 1px 2px; } #section16 .img-btn li img { cursor: pointer; } #gallery { text-align: center; position: relative; max-width: 1176px; } #gallery .arrow { position: absolute; top: 50%; z-index: 40; width: 45px; height: 84px; margin-top: -39px; font-size: 0; line-height: 0; cursor: pointer; } #gallery .arrow-prev { left: -90px; background: url('/landing/images/se16_ico_prev.png') no-repeat center; } #gallery .arrow-next { right: -90px; background: url('/landing/images/se16_ico_next.png') no-repeat center; } @media (max-width: 1279px) { #section16 .slide-wrap { margin-top: 100px; } #section16 .img-btn { padding: 16px 0 0; } } @media (max-width: 719px) { #section16 { padding: 60px 0; } #section16 .slide-wrap { margin-top: 50px; } #section16 .content { padding: 0 20px; } #section16 .img-btn { padding: 9px 10px 0; } #gallery { padding: 0 10px; } #gallery .arrow-prev { left: -20px; width: 30px; background-size: 10px auto; } #gallery .arrow-next { right: -20px; width: 30px; background-size: 10px auto; } } #section17 { padding: 120px 0; } #section17 h1 { padding: 0 40px 0px 40px; text-align: center;font-family:'GmarketSansLight';font-size: 22px;font-weight: 400;color:#040404; } #section17 h1 span { text-decoration:underline;text-underline-position: under; } #section17 h2 { padding: 0 40px 0px 40px; text-align: center;font-family:'GmarketSansLight';font-size: 54px;font-weight: 400;color:#282828; } #section17 h2 span { font-family:'GmarketSansBold';color:#0037d3; } #section17 h3 {padding: 0 40px 75px 40px; text-align: center; font-family: 'Noto Sans KR', sans-serif;font-size: 22px;font-weight: 200;color:#282828; } #section17 h3 span { font-family:'GmarketSansBold'; } #section17 .content { max-width:1553px;width:100%;padding: 0px 0px 60px 0px;margin:0px auto; } #section17 .content .item-wrap { display: flex;flex-wrap: wrap;justify-content: space-around; margin: 0px 0 0 0; text-align: center; } #section17 .content .item-wrap .item { flex: 1; flex-basis:31%;padding: 100px 20px 100px 20px; margin: 0px 10px 20px 10px;background:#fff;border-radius:44px;border: 1px solid #e8e2dd; } #section17 .content .item-wrap .item:last-child { background: url('/landing/images/e_img35_bg.png') no-repeat center;background-size: cover; } #section17 .content .item-wrap .item .thumb { margin: 0 0 50px; } #section17 .content .item-wrap .item h2 { padding: 0px;margin:0px; font-size: 40px; color: #282828;font-family: 'GmarketSansLight';color: #282828;line-height: 46px;display:inline-block; } #section17 .content .item-wrap .item h2 .fonta { font-size: 40px;font-family: 'GmarketSansBold';color: #282828;line-height: 46px;display:inline-block; } #section17 .content .item-wrap .item h3 { margin: 0 0 15px; font-size: 40px; color: #282828;font-family: 'GmarketSansLight';color: #282828;line-height: 46px; } #section17 .content .item-wrap .item h3 .fonta { font-size: 40px;color: #0037d3;font-family: 'GmarketSansBold';line-height: 46px; } #section17 .content .item-wrap .item p { margin: 0 0 10px; font-size: 19px;font-family: 'Noto Sans KR', sans-serif;letter-spacing:-0.3px; } #section17 .content .item-wrap .item span { display: inline-block;text-align: left;font-size: 1.3rem; line-height: 1.2; font-weight: 500; color: #998162;} @media (max-width: 1024px) { } @media (max-width: 990px) { #section17 .content .item-wrap .item { flex: 1; flex-basis:32%;padding: 100px 20px 100px 20px; margin: 0px 10px 20px 10px;background:#fff;border-radius:44px;border: 1px solid #e8e2dd; } } @media (max-width: 719px) { #section17 h1 { padding: 0 0px 0px 0px; text-align: center;font-family:'GmarketSansLight';font-size: 32px;font-weight: 400;color:#282828; } #section17 h1 span { text-decoration:none; } #section17 h2 { padding: 0 0px 30px 0px; text-align: center;font-family:'GmarketSansLight';font-size: 17px;font-weight: 200;color:#0037d3; } #section17 h3 { padding: 0 0px 0px 0px; text-align: center;font-family:'GmarketSansLight';font-size: 19px;font-weight: 400;color:#282828; } #section17 h4 { padding: 0 0px 75px 0px; text-align: center; font-family: 'Noto Sans KR', sans-serif;font-size: 15px;font-weight: 200;color:#282828; } #section17 .content { padding: 20px 5% 20px; } #section17 .content .item-wrap { display: block; } #section17 .content .item-wrap .item { padding: 50px 10px 50px 10px;margin: 0px 0px 20px 0px; } #section17 .content .item-wrap .item h2 { padding: 0px;margin:0px; font-size: 20px; color: #282828;font-family: 'GmarketSansLight';color: #282828;line-height: 27px; } #section17 .content .item-wrap .item h2 .fonta { font-size: 20px;font-family: 'GmarketSansBold';color: #282828;line-height: 27px; } #section17 .content .item-wrap .item h3 { margin: 0 0 15px; font-size: 20px; color: #282828;font-family: 'GmarketSansLight';color: #282828;line-height: 27px; } #section17 .content .item-wrap .item h3 .fonta { font-size: 20px;color: #0037d3;font-family: 'GmarketSansBold';line-height: 27px; } #section17 .content .item-wrap .item p { margin: 0 0 10px; font-size: 15px;font-family: 'Noto Sans KR', sans-serif;letter-spacing:-1.5px; } #section17 .content .item-wrap .item .thumb { margin: 0 0 20px; } } .map-wrap { width: 100%; height: auto;overflow:hidden;background:#f9f9f9;padding:110px 0px 115px 0px;text-align:center; } .map { width: 100%; height: auto;overflow:hidden;font-family: 'GmarketSansLight';font-size:53px;padding-top:30px;line-height:70px;margin-bottom:45px; } .map span { font-family: 'GmarketSansBold';font-size:63px; } .map_bottom { max-width:711px;width: 100%; height: auto;overflow:hidden;font-family: 'GmarketSansLight';font-size:26px;padding-top:7px;line-height:79px;border:1px solid #09255f;border-radius:45px;margin:0px auto;letter-spacing:-2px;background:#fff;color:#09255f;margin-top:70px;margin-bottom:30px; } .map_bottom span { font-family: 'GmarketSansBold';font-size:26px; } .map_bottoma { max-width:711px;width: 100%; height: auto;overflow:hidden;font-family: 'GmarketSansLight';font-size:24px;line-height:32px;margin:0px auto;letter-spacing:-2px; } .map_bottoma span { font-family: 'GmarketSansBold';font-size:24px;border-bottom: 1px solid #515151; } @media (max-width: 1279px) { } @media (max-width: 719px) { .map-wrap { width:100%; height: auto;overflow:hidden;background:#f9f9f9;padding:50px 10px 60px 10px;text-align:center; } .map { width: 100%; height: auto;overflow:hidden;font-family: 'GmarketSansLight';font-size:26px;padding-top:30px;line-height:35px;margin-bottom:45px; } .map span { font-family: 'GmarketSansBold';font-size:27px; } .map_bottom { max-width:711px;width: 100%; height: auto;overflow:hidden;font-family: 'GmarketSansLight';font-size:20px;padding-top:17px;padding-bottom:10px;line-height:24px;border:1px solid #09255f;border-radius:45px;margin:0px auto;letter-spacing:-2px;background:#fff;color:#09255f;margin-top:70px;margin-bottom:30px; } .map_bottom span { font-family: 'GmarketSansBold';font-size:20px; } .map_bottoma { max-width:711px;width: 100%; height: auto;overflow:hidden;font-family: 'GmarketSansLight';font-size:20px;line-height:28px;margin:0px auto;letter-spacing:-2px; } .map_bottoma span { font-family: 'GmarketSansBold';font-size:20px;border-bottom: 1px solid #515151; } }