body { width:100vw; max-width:100%; height:100vh; animation:none; } .ready { position:relative; width:100%; height:900px; text-align:center; box-sizing:border-box; padding-top:400px; background:#efefef; } .listbt_02 {width:56px; height:26px; line-height:26px; margin:5px auto; text-align:center; font-family:'Noto Sans KR'; font-size:11px; color:#fff; background:#3b3b3b; border-radius: 26px; } /* �亯 ���� */ .listbt_03 {width:56px; height:26px; line-height:26px; margin:5px auto; text-align:center; font-family:'Noto Sans KR'; font-size:11px; color:#fff; background:#1d73d4; border-radius: 26px; } /* �亯 �Ϸ� */ .subvisual .introbg li:nth-child(1) { position:absolute; top:0px; left:0; width:27vw; height:100vh; border-right:1px solid rgba(255,255,255,0.2); box-sizing:border-box; animation: introbg 0.8s cubic-bezier(0, 0.55, 0.45, 1) both 0.4s; } .subvisual .introbg li:nth-child(2) { position:absolute; top:0px; right:0; width:27vw; height:100vh; border-left:1px solid rgba(255,255,255,0.2); box-sizing:border-box; animation: introbg 0.8s cubic-bezier(0, 0.55, 0.45, 1) both 0.4s; } .subvisual .maintxt { animation: subtxt1 2.0s cubic-bezier(0, 0.55, 0.45, 1) both 0.7s; position:absolute; top:46%; left:50%; transform:translate(-50%,-50%); width:100%; text-align:center; font-size:100px; font-weight:600; color:#fff; font-family: 'Noto Serif KR'; letter-spacing:20px; } .subvisual .maintxt2 { animation: opatxt 2.0s cubic-bezier(0, 0.55, 0.45, 1) both 1.4s; position:absolute; top:60%; left:50%; transform:translate(-50%,-50%); font-size:23px; font-weight:500; color:#fff; } .subvisual .maintxt2_1 { animation: subtxt1_2 2.0s cubic-bezier(0, 0.55, 0.45, 1) both 1.4s; position:absolute; top:46%; left:50%; transform:translate(-50%,-50%); font-size:50px; font-weight:500; color:#fff; } .subvtxt { position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); width:100%; height:150px; text-align:center; } .subvisual .maintxt3 { animation: subtxt2 2.0s cubic-bezier(0, 0.55, 0.45, 1) both 0.5s; font-size:23px; font-weight:500; color:#fff; } .subvisual .maintxt4 { animation: opatxt2 2.0s cubic-bezier(0, 0.55, 0.45, 1) both 1.2s; font-size:80px; font-weight:700; color:#fff; } #sub0301 { position:relative; width:100vw; max-width:100%; height:100vh; background:#358596; z-index:5; overflow:hidden; } #sub0201 { position:relative; width:100vw; max-width:100%; height:100vh; background:#20472c; z-index:5; overflow:hidden; } #sub0104 { position:relative; width:100vw; max-width:100%; height:100vh; background:url('/page_KR0/01_sub/images/0104.jpg')no-repeat 50% 0; background-size:cover; background-attachment: fixed; z-index:5; overflow:hidden; } #sub0105 { position:relative; width:100vw; max-width:100%; height:100vh; background:url('/page_KR0/01_sub/images/0105.jpg')no-repeat 50% 0; background-size:cover; background-attachment: fixed; z-index:5; overflow:hidden; } @keyframes introbg { 0% { height:0vh; } 100% { height:100vh; } } @keyframes opa1 { 0% { opacity:1; } 100% { opacity:0; } } @keyframes subtxt1 { 0% { top:58%; opacity:0; filter: blur(52px); } 100% { top:46%; opacity:1; filter: blur(0px); } } @keyframes opatxt { 0% { top:72%; opacity:0; filter: blur(12px); } 100% { top:60%; opacity:1; filter: blur(0px); } } @keyframes subtxt2 { 0% { margin-top:80px; opacity:0; filter: blur(52px); } 100% { margin-top:0%; opacity:1; filter: blur(0px); } } @keyframes opatxt2 { 0% { margin-top:100px; opacity:0; filter: blur(12px); } 100% { margin-top:25px; opacity:1; filter: blur(0px); } } @keyframes subtxt1_2 { 0% { top:58%; opacity:0; filter: blur(52px); } 100% { top:46%; opacity:1; filter: blur(0px); } } .sub0801 { position:relative; width:100vw; max-width:100%; height:100vh; background:url('/page_KR0/08_sub/images/0801.jpg')no-repeat 50% 0; background-size:cover; background-attachment: fixed; z-index:5; overflow:hidden; } .sub0802 { position:relative; width:100vw; max-width:100%; height:100vh; background:url('/page_KR0/08_sub/images/0802.jpg')no-repeat 50% 0; background-size:cover; background-attachment: fixed; z-index:5; overflow:hidden; } .sub0803_01 { position:relative; width:100vw; max-width:100%; height:100vh; background:url('/page_KR0/08_sub/images/0803.jpg')no-repeat 50% 0; background-size:cover; background-attachment: fixed; z-index:5; overflow:hidden; } .sub0804 { position:relative; width:100vw; max-width:100%; height:100vh; background:url('/page_KR0/08_sub/images/0804.jpg')no-repeat 50% 0; background-size:cover; background-attachment: fixed; z-index:5; overflow:hidden; } .noticetxt { position:relative; width:100%; padding-top:96px; text-align:center; } .noticetxt li.line { width:54px; height:1px; margin:0 auto; background:#000; } .noticetxt li.title { font-size:39px; font-weight:900; color:#000; padding-top:36px; } .sub0701 { position:relative; width:100vw; max-width:100%; height:100vh; background:url('/page_KR0/07_sub/images/0701.jpg')no-repeat 50% 0; background-size:cover; background-attachment: fixed; z-index:5; overflow:hidden; } .sub0702 { position:relative; width:100vw; max-width:100%; height:100vh; background:url('/page_KR0/07_sub/images/0702.jpg')no-repeat 50% 0; background-size:cover; background-attachment: fixed; z-index:5; overflow:hidden; } .sub0703 { position:relative; width:100vw; max-width:100%; height:100vh; background:url('/page_KR0/07_sub/images/0703.jpg')no-repeat 50% 0; background-size:cover; background-attachment: fixed; z-index:5; overflow:hidden; } .sub0704 { position:relative; width:100vw; max-width:100%; height:100vh; background:url('/page_KR0/07_sub/images/0704.jpg')no-repeat 50% 0; background-size:cover; background-attachment: fixed; z-index:5; overflow:hidden; } .sub0705 { position:relative; width:100vw; max-width:100%; height:100vh; background:url('/page_KR0/07_sub/images/0705.jpg')no-repeat 50% 0; background-size:cover; background-attachment: fixed; z-index:5; overflow:hidden; } .sub0706 { position:relative; width:100vw; max-width:100%; height:100vh; background:url('/page_KR0/07_sub/images/0706.jpg')no-repeat 50% 0; background-size:cover; background-attachment: fixed; z-index:5; overflow:hidden; } .sub020301 { height:7443px; background:url('/page_KR0/02_sub/images/020301.jpg')no-repeat 50% 0; position:relative; width:100%; min-width:1280px; margin:0 auto; } .sub020301_02 { height:3150px; background:url('/page_KR0/02_sub/images/020301_02.jpg')no-repeat 50% 0; position:relative; width:100%; min-width:1280px; margin:0 auto; } .sub020302 { height:5495px; background:url('/page_KR0/02_sub/images/020302.jpg')no-repeat 50% 0; position:relative; width:100%; min-width:1280px; margin:0 auto; } .sub020303 { height:6937px; background:url('/page_KR0/02_sub/images/020303.jpg')no-repeat 50% 0; position:relative; width:100%; min-width:1280px; margin:0 auto; } .sub020304 { height:6374px; background:url('/page_KR0/02_sub/images/020304.jpg')no-repeat 50% 0; position:relative; width:100%; min-width:1280px; margin:0 auto; } .sub0201_01 { height:984px; background:url('/page_KR0/02_sub/images/0201_01.jpg')no-repeat 50% 0; position:relative; width:100%; min-width:1280px; margin:0 auto; } .sub0201_01_2 { height:4953px; background:url('/page_KR0/02_sub/images/0201_01_2.jpg')no-repeat 50% 0; position:relative; width:100%; min-width:1280px; margin:0 auto; } .sub0201_02 { height:1368px; background:url('/page_KR0/02_sub/images/0201_02.jpg')no-repeat 50% 0; position:relative; width:100%; min-width:1280px; margin:0 auto; } .txtslide { position:relative; width:1280px; height:1368px; margin:0 auto; } .txtslide ul { position:absolute; bottom:140px; right:0px; font-size:24px; font-weight:700; color:#000000; line-height:140%; width:598px; text-align:center; } .sub0201_03 { height:1309px; background:url('/page_KR0/02_sub/images/0201_03.jpg')no-repeat 50% 0; position:relative; width:100%; min-width:1280px; margin:0 auto; } .sub0201_04 { height:1027px; background:url('/page_KR0/02_sub/images/0201_04.jpg')no-repeat 50% 0; position:relative; width:100%; min-width:1280px; margin:0 auto; } .sub0201_05 { height:1922px; background:url('/page_KR0/02_sub/images/0201_05.jpg')no-repeat 50% 0; position:relative; width:100%; min-width:1280px; margin:0 auto; } .sub0202_01 { height:984px; background:url('/page_KR0/02_sub/images/0202_01.jpg')no-repeat 50% 0; position:relative; width:100%; min-width:1280px; margin:0 auto; } .sub0202_01_2 { height:4953px; background:url('/page_KR0/02_sub/images/0202_01_2.jpg')no-repeat 50% 0; position:relative; width:100%; min-width:1280px; margin:0 auto; } .sub0202_03 { height:1309px; background:url('/page_KR0/02_sub/images/0202_03.jpg')no-repeat 50% 0; position:relative; width:100%; min-width:1280px; margin:0 auto; } .sub0202_04 { height:1027px; background:url('/page_KR0/02_sub/images/0202_04.jpg')no-repeat 50% 0; position:relative; width:100%; min-width:1280px; margin:0 auto; } .sub0202_05 { height:1922px; background:url('/page_KR0/02_sub/images/0202_05.jpg')no-repeat 50% 0; position:relative; width:100%; min-width:1280px; margin:0 auto; } .sub0203_01 { height:984px; background:url('/page_KR0/02_sub/images/0203_01.jpg')no-repeat 50% 0; position:relative; width:100%; min-width:1280px; margin:0 auto; } .sub0203_01_2 { height:4953px; position:relative; width:100%; min-width:1280px; margin:0 auto; } .sub0203_01_2 div.view { height:4953px; background:url('/page_KR0/02_sub/images/0203_01_2.jpg')no-repeat 50% 0; position:relative; width:100%; min-width:1280px; margin:0 auto; } .sub0203_01_2 img.years_10 { position: absolute; top:0; left: 50%; z-index: 2; transform: translateX(-50%);} .sub0203_02 { height:1368px; background:url('/page_KR0/02_sub/images/0203_02.jpg')no-repeat 50% 0; position:relative; width:100%; min-width:1280px; margin:0 auto; } .sub0203_03 { height:1309px; background:url('/page_KR0/02_sub/images/0203_03.jpg')no-repeat 50% 0; position:relative; width:100%; min-width:1280px; margin:0 auto; } .sub0203_04 { height:1027px; background:url('/page_KR0/02_sub/images/0203_04.jpg')no-repeat 50% 0; position:relative; width:100%; min-width:1280px; margin:0 auto; } .sub0203_05 { height:1922px; background:url('/page_KR0/02_sub/images/0203_05.jpg')no-repeat 50% 0; position:relative; width:100%; min-width:1280px; margin:0 auto; } .sub0301 { height:6371px; background:url('/page_KR0/03_sub/images/0301.jpg')no-repeat 50% 0; position:relative; width:100%; min-width:1280px; margin:0 auto; } .sub03bottom { height:2568px; background:url('/page_KR0/03_sub/images/03bottom.jpg')no-repeat 50% 0; position:relative; width:100%; min-width:1280px; margin:0 auto; } .sub0302 { height:4788px; background:url('/page_KR0/03_sub/images/0302.jpg')no-repeat 50% 0; position:relative; width:100%; min-width:1280px; margin:0 auto; } .sub0303 { height:3872px; background:url('/page_KR0/03_sub/images/0303.jpg')no-repeat 50% 0; position:relative; width:100%; min-width:1280px; margin:0 auto; } .sub0304 { height:5496px; background:url('/page_KR0/03_sub/images/0304.jpg')no-repeat 50% 0; position:relative; width:100%; min-width:1280px; margin:0 auto; } .sub0305 { height:3807px; background:url('/page_KR0/03_sub/images/0305.jpg')no-repeat 50% 0; position:relative; width:100%; min-width:1280px; margin:0 auto; } .sub0306 { height:3114px; background:url('/page_KR0/03_sub/images/0306.jpg')no-repeat 50% 0; position:relative; width:100%; min-width:1280px; margin:0 auto; } .sub0401 { height:254px; background:url('/page_KR0/04_sub/images/0401.jpg')no-repeat 50% bottom; position:relative; width:100%; min-width:1280px; margin:0 auto; } .sub0402 { height:6755px; background:url('/page_KR0/04_sub/images/0402.jpg')no-repeat 50% 0; position:relative; width:100%; min-width:1280px; margin:0 auto; } .sub0403 { height:6666px; background:url('/page_KR0/04_sub/images/0403.jpg')no-repeat 50% 0; position:relative; width:100%; min-width:1280px; margin:0 auto; } .sub04all { height:779px; background:url('/page_KR0/04_sub/images/04all.jpg')no-repeat 50% 0; position:relative; width:100%; min-width:1280px; margin:0 auto; } .sub04bottom { height:2551px; background:url('/page_KR0/04_sub/images/04bottom.jpg')no-repeat 50% 0; position:relative; width:100%; min-width:1280px; margin:0 auto; } .sub040101_1 { height:571px; background:url('/page_KR0/04_sub/images/040101_1.jpg')no-repeat 50% 0; position:relative; width:100%; min-width:1280px; margin:0 auto; } .sub040101_2 { height:1013px; background:url('/page_KR0/04_sub/images/040101_2.jpg')no-repeat 50% 0; position:relative; width:100%; min-width:1280px; margin:0 auto; } .sub040101_3 { height:2624px; background:url('/page_KR0/04_sub/images/040101_3.jpg')no-repeat 50% 0; position:relative; width:100%; min-width:1280px; margin:0 auto; } .sub040102_1 { height:674px; background:url('/page_KR0/04_sub/images/040102_1.jpg')no-repeat 50% 0; position:relative; width:100%; min-width:1280px; margin:0 auto; } .sub040102_2 { height:2882px; background:url('/page_KR0/04_sub/images/040102_2.jpg')no-repeat 50% 0; position:relative; width:100%; min-width:1280px; margin:0 auto; } .sub040103_1 { height:674px; background:url('/page_KR0/04_sub/images/040103_1.jpg')no-repeat 50% 0; position:relative; width:100%; min-width:1280px; margin:0 auto; } .sub040103_2 { height:4555px; background:url('/page_KR0/04_sub/images/040103_2.jpg')no-repeat 50% 0; position:relative; width:100%; min-width:1280px; margin:0 auto; } .sub040104_1 { height:674px; background:url('/page_KR0/04_sub/images/040104_1.jpg')no-repeat 50% 0; position:relative; width:100%; min-width:1280px; margin:0 auto; } .sub040104_2 { height:4556px; background:url('/page_KR0/04_sub/images/040104_2.jpg')no-repeat 50% 0; position:relative; width:100%; min-width:1280px; margin:0 auto; } .sub040105_1 { height:674px; background:url('/page_KR0/04_sub/images/040105_1.jpg')no-repeat 50% 0; position:relative; width:100%; min-width:1280px; margin:0 auto; } .sub040105_2 { height:4346px; background:url('/page_KR0/04_sub/images/040105_2.jpg')no-repeat 50% 0; position:relative; width:100%; min-width:1280px; margin:0 auto; } .sub040106_1 { height:674px; background:url('/page_KR0/04_sub/images/040106_1.jpg')no-repeat 50% 0; position:relative; width:100%; min-width:1280px; margin:0 auto; } .sub040106_2 { height:3630px; background:url('/page_KR0/04_sub/images/040106_2.jpg')no-repeat 50% 0; position:relative; width:100%; min-width:1280px; margin:0 auto; } .sub040107_1 { height:674px; background:url('/page_KR0/04_sub/images/040107_1.jpg')no-repeat 50% 0; position:relative; width:100%; min-width:1280px; margin:0 auto; } .sub040107_2 { height:1892px; background:url('/page_KR0/04_sub/images/040107_2.jpg')no-repeat 50% 0; position:relative; width:100%; min-width:1280px; margin:0 auto; } .sub0501 { height:4638px; background:url('/page_KR0/05_sub/images/0501.jpg')no-repeat 50% -1000px; position:relative; width:100%; min-width:1280px; margin:0 auto; } .sub0501_02 { height:2626px; background:url('/page_KR0/05_sub/images/0501_02.jpg')no-repeat 50% 0; position:relative; width:100%; min-width:1280px; margin:0 auto; } .sub0502 { height:5246px; background:url('/page_KR0/05_sub/images/0502.jpg')no-repeat 50% 0; position:relative; width:100%; min-width:1280px; margin:0 auto; } .sub0503 { height:7003px; background:url('/page_KR0/05_sub/images/0503.jpg')no-repeat 50% 0; position:relative; width:100%; min-width:1280px; margin:0 auto; } .sub0504 { height:7458px; background:url('/page_KR0/05_sub/images/0504.jpg')no-repeat 50% 0; position:relative; width:100%; min-width:1280px; margin:0 auto; } .sub0505 { height:5943px; background:url('/page_KR0/05_sub/images/0505.jpg')no-repeat 50% 0; position:relative; width:100%; min-width:1280px; margin:0 auto; } .sub05all { height:2629px; background:url('/page_KR0/05_sub/images/05all.jpg')no-repeat 50% 0; position:relative; width:100%; min-width:1280px; margin:0 auto; } .sub0601 { height:5239px; background:url('/page_KR0/06_sub/images/0601.jpg')no-repeat 50% -1000px; position:relative; width:100%; min-width:1280px; margin:0 auto; } .sub0602 { height:7456px; background:url('/page_KR0/06_sub/images/0602.jpg')no-repeat 50% 0; position:relative; width:100%; min-width:1280px; margin:0 auto; } .sub0603 { height:5436px; background:url('/page_KR0/06_sub/images/0603.jpg')no-repeat 50% 0; position:relative; width:100%; min-width:1280px; margin:0 auto; } .sub0604 { height:7375px; background:url('/page_KR0/06_sub/images/0604.jpg')no-repeat 50% 0; position:relative; width:100%; min-width:1280px; margin:0 auto; } .sub06all { height:2239px; background:url('/page_KR0/06_sub/images/06all.jpg')no-repeat 50% 0; position:relative; width:100%; min-width:1280px; margin:0 auto; } .sub1001 { height:5852px; background:url('/page_KR0/10_sub/images/1001.jpg')no-repeat 50% 0; position:relative; width:100%; min-width:1280px; margin:0 auto; } .sub1002 { height:7649px; background:url('/page_KR0/10_sub/images/1002.jpg')no-repeat 50% -1000px; position:relative; width:100%; min-width:1280px; margin:0 auto; } .sub1003 { height:4216px; background:url('/page_KR0/10_sub/images/1003.jpg')no-repeat 50% 0; position:relative; width:100%; min-width:1280px; margin:0 auto; } .sub1004 { height:7655px; background:url('/page_KR0/10_sub/images/1004.jpg')no-repeat 50% 0; position:relative; width:100%; min-width:1280px; margin:0 auto; } .sub10all { height:2562px; background:url('/page_KR0/10_sub/images/10all.jpg')no-repeat 50% 0; position:relative; width:100%; min-width:1280px; margin:0 auto; } .subtab { position:relative; width:1280px; margin:0 auto; margin-bottom:68px; text-align:center; } .subtab li { display:inline-block; width:245px; height:63px; line-height:63px; font-size:23px; font-weight:900; color:#000; background:#ededed; margin:0 5px; cursor:pointer; } .subtab li.active { color:#fff; background:#c09670; } .subtab2 { position:relative; width:1280px; margin:0 auto; margin-bottom:0px; text-align:center; } .subtab2 li { display:inline-block; width:200px; height:63px; line-height:63px; font-size:23px; font-weight:900; color:#000; background:#ededed; margin:0 5px; cursor:pointer; } .subtab2 li.active { color:#fff; background:#549635; } .tab-content{ display: none; background:#fff; } .tab-content.active{ display: inherit; } .sub0603_01 { height:2617px; background:url('/page_KR0/06_sub/images/0603_01.jpg')no-repeat 50% 0; position:relative; width:100%; min-width:1280px; margin:0 auto; } .sub0603_02 { height:2617px; background:url('/page_KR0/06_sub/images/0603_02.jpg')no-repeat 50% 0; position:relative; width:100%; min-width:1280px; margin:0 auto; } .sub0603_03 { height:2617px; background:url('/page_KR0/06_sub/images/0603_03.jpg')no-repeat 50% 0; position:relative; width:100%; min-width:1280px; margin:0 auto; } .sub0603_04 { height:1382px; background:url('/page_KR0/06_sub/images/0603_04.jpg')no-repeat 50% 0; position:relative; width:100%; min-width:1280px; margin:0 auto; } .subsize { position:relative; width:1280px; margin:0 auto; } .txtbt { position:absolute; top:370px; left:-86px; } .txtbt a { display:block; position:relative; width:180px; height:40px; cursor:pointer; border-radius:50px; background:#fff; text-align:left; line-height:40px; padding-left:24px; font-size:15px; font-weight:500; color:#000; margin-bottom:10px; box-sizing:border-box; } .txtbt a span { display:block; position:absolute; top:0px; right:20px; } .txtbt a:hover { background:#20472c; color:#fff; } .txtbt.txtbt2 a { width:230px; } .plusbt { display:block; position:absolute; width:47px; height:47px; cursor:pointer; } .plusbt span { display:block; position:absolute; font-size:16px; font-weight:700; color:#fff; } .plusbt:hover span{ color:#20472c; } .plusbt.bt0202_1 { top:200px; left:812px; } .plusbt.bt0202_2 { top:202px; left:509px; } .plusbt.bt0202_3 { top:200px; left:706px; } .plusbt.bt0202_4 { top:252px; left:573px; } .plusbt.bt0202_5 { top:275px; left:759px; } .plusbt.bt0202_6 { top:72px; left:626px; } .plusbt.bt0202_7 { top:282px; left:460px; } .plusbt.bt0202_8 { top:180px; left:762px; } .plusbt.bt0201_1 { top:180px; left:786px; } .plusbt.bt0201_2 { top:282px; left:498px; } .plusbt.bt0201_3 { top:200px; left:706px; } .plusbt.bt0201_4 { top:72px; left:626px; } .plusbt.bt0201_5 { top:166px; left:534px; } .plusbt.bt0201_1 span { top:0px; left:60px; width:100px; } .plusbt.bt0201_2 span { top:0px; left:-60px; width:100px; } .plusbt.bt0201_3 span { top:-30px; left:-10px; width:100px; } .plusbt.bt0201_4 span { top:0px; left:60px; width:160px; } .plusbt.bt0201_5 span { top:-30px; left:20px; width:160px; } .plusbt.bt0202_1 span { top:0px; left:60px; width:150px; } .plusbt.bt0202_2 span { top:0px; left:-90px; width:100px; } .plusbt.bt0202_3 span { top:-30px; left:-10px; width:100px; } .plusbt.bt0202_4 span { top:60px; left:20px; width:100px; } .plusbt.bt0202_5 span { top:60px; left:20px; width:160px; } .plusbt.bt0202_6 span { top:0px; left:60px; width:160px; } .plusbt.bt0202_7 span { top:20px; left:-70px; width:100px; } .plusbt.bt0202_8 span { top:-15px; left:46px; width:150px; } .plusbt.bt0203_1 { top:320px; left:1115px; } .plusbt.bt0203_2 { top:440px; left:1115px; } .plusbt.bt0203_3 { top: 380px; left: 1115px; } .plusbt.bt0203_4 { top:500px; left:1115px; } .plusbt.bt0203_1 span { top:0px; left:60px; width:220px; } .plusbt.bt0203_2 span { top:0px; left:60px; width:150px; } .plusbt.bt0203_3 span { top:0px; left:60px; width:150px; } .plusbt.bt0203_4 span { top:0px; left:60px; width:150px; } #vod0203 { position:absolute; top:148px; left:319px; width:566px; height:724px; overflow:hidden; z-index: 1; } #vod0203 video { position:absolute; top:0px; left:50%; transform:translateX(-50%); height:100%; } .modalclose { position:fixed; top:0px; right:0px; width:0px; height:0px; z-index:50; cursor:pointer; overflow:hidden; } body.active .modalclose { position:fixed; top:0px; right:0px; z-index:50; width:168px; height:165px; cursor:pointer; overflow:hidden; } .modalcontent { position: fixed; top:0px; left:0px; right:0px; bottom:0px; width:100%; height:0px; z-index: 49; background:rgba(0,0,0,0.5); overflow-y: auto; overflow-x: hidden; transition:all 0.3s cubic-bezier(0.5, 0, 0.1, 1) 0.3s; } .modalcontent.active { left:0px; right:0px; bottom:0px; width:100%; height:100%; transition:all 0.3s cubic-bezier(0.5, 0, 0.1, 1); } .modalcontent div { position:relative; width:100%; opacity:0; filter: blur(52px); transition:all 0.9s cubic-bezier(0.5, 0, 0.1, 1) 0s; } .modalcontent.active div { position:relative; width:100%; opacity:1; filter: blur(0px); transition:all 0.9s cubic-bezier(0.5, 0, 0.1, 1) 0.3s; } .sub020101 { height:5725px; background:#fff url('/page_KR0/02_sub/images/020101.jpg')no-repeat 50% 0; position:relative; width:100%; min-width:1280px; margin:0 auto; } .sub020102 { height:4712px; background:#fff url('/page_KR0/02_sub/images/020102.jpg')no-repeat 50% 0; position:relative; width:100%; min-width:1280px; margin:0 auto; } .sub020105 { height:4407px; background:#fff url('/page_KR0/02_sub/images/020105.jpg')no-repeat 50% 0; position:relative; width:100%; min-width:1280px; margin:0 auto; } .sub020201_1 { height:2554px; background:#fff url('/page_KR0/02_sub/images/020201_1.jpg')no-repeat 50% 0; position:relative; width:100%; min-width:1280px; margin:0 auto; } .sub020201_2 { height:1019px; background:#fff url('/page_KR0/02_sub/images/020201_2.jpg')no-repeat 50% 0; position:relative; width:100%; min-width:1280px; margin:0 auto; } .sub020201_3 { height:1013px; background:#fff url('/page_KR0/02_sub/images/020201_3.jpg')no-repeat 50% 0; position:relative; width:100%; min-width:1280px; margin:0 auto; } .sub020201_4 { height:3070px; background:#fff url('/page_KR0/02_sub/images/020201_4.jpg')no-repeat 50% 0; position:relative; width:100%; min-width:1280px; margin:0 auto; } .sub020201_5 { height:2570px; background:#fff url('/page_KR0/02_sub/images/020201_5.jpg')no-repeat 50% 0; position:relative; width:100%; min-width:1280px; margin:0 auto; } .sub020208_1 { height:2554px; background:#fff url('/page_KR0/02_sub/images/020208_1.jpg')no-repeat 50% 0; position:relative; width:100%; min-width:1280px; margin:0 auto; } .sub020208_4 { height:2055px; background:#fff url('/page_KR0/02_sub/images/020208_4.jpg')no-repeat 50% 0; position:relative; width:100%; min-width:1280px; margin:0 auto; } .sub020202_1 { height:2423px; background:#fff url('/page_KR0/02_sub/images/020202_1.jpg')no-repeat 50% 0; position:relative; width:100%; min-width:1280px; margin:0 auto; } .sub020202_2 { height:2062px; background:#fff url('/page_KR0/02_sub/images/020202_2.jpg')no-repeat 50% 0; position:relative; width:100%; min-width:1280px; margin:0 auto; } .sub020202_3 { height:1158px; background:#fff url('/page_KR0/02_sub/images/020202_3.jpg')no-repeat 50% 0; position:relative; width:100%; min-width:1280px; margin:0 auto; } .sub020203 { height:6962px; background:#fff url('/page_KR0/02_sub/images/020203.jpg')no-repeat 50% 0; position:relative; width:100%; min-width:1280px; margin:0 auto; } .sub020203_2 { height:6962px; background:#fff url('/page_KR0/02_sub/images/020203-1.jpg')no-repeat 50% 0; position:relative; width:100%; min-width:1280px; margin:0 auto; } .sub020204_1 { height:2495px; background:#fff url('/page_KR0/02_sub/images/020204_1.jpg')no-repeat 50% 0; position:relative; width:100%; min-width:1280px; margin:0 auto; } .sub020204_2 { height:3790px; background:#fff url('/page_KR0/02_sub/images/020204_2.jpg')no-repeat 50% 0; position:relative; width:100%; min-width:1280px; margin:0 auto; } .sub020205_1 { height:2495px; background:#fff url('/page_KR0/02_sub/images/020205_1.jpg')no-repeat 50% 0; position:relative; width:100%; min-width:1280px; margin:0 auto; } .sub020205_2 { height:2348px; background:#fff url('/page_KR0/02_sub/images/020205_2.jpg')no-repeat 50% 0; position:relative; width:100%; min-width:1280px; margin:0 auto; } .sub020206 { height:7714px; background:#fff url('/page_KR0/02_sub/images/020206.jpg')no-repeat 50% 0; position:relative; width:100%; min-width:1280px; margin:0 auto; } .sub020206_2 { height:7714px; background:#fff url('/page_KR0/02_sub/images/020206_2.jpg')no-repeat 50% 0; position:relative; width:100%; min-width:1280px; margin:0 auto; } .sub020207 { height:7719px; background:#fff url('/page_KR0/02_sub/images/020207.jpg')no-repeat 50% 0; position:relative; width:100%; min-width:1280px; margin:0 auto; } .sub0105map { position:relative; width:100%; height:992px; background:#b38d68; } .sub0105map li.mapleft { float:left; width:50%; height:992px; } .sub0105map li.mapright { float:left; width:50%; height:992px; background:url('/page_KR0/01_sub/images/0105_01.jpg')no-repeat left 0; } .livelydr { position:relative; width:1280px; margin:0 auto; margin-top:212px; overflow:hidden; } .livelydr div.livelydrimg { float:left; width:298px; } .livelydr div.livelydrstory { float:right; width:940px; } .livelydr div.livelydrstory .drwrap { position:relative; width:100%; min-height:550px; margin-bottom:120px; overflow:hidden; } .livelydr div.livelydrstory .drwrap ul.drtxt { position:relative; width:470px; margin-top:20px; } .livelydr div.livelydrstory .drwrap ul li.t1 { width:100%; margin-bottom:20px; font-size:20px; font-weight:500; color:#000; } .livelydr div.livelydrstory .drwrap ul li.t1_1 { font-size:22px; font-weight:400; letter-spacing:-1px; } .livelydr div.livelydrstory .drwrap ul li.t1_1 span { font-size:44px; font-weight:700; } .livelydr div.livelydrstory .drwrap ul li.t1_2 { margin-top:14px; font-size:16px;color:#939393; font-weight:400; letter-spacing:1px; } .livelydr div.livelydrstory .drwrap ul li.t2 { width:100%; margin-bottom:20px; font-size:18px; font-weight:500; color:#525252; } .livelydr div.livelydrstory .drwrap ul li.t3 { width:100%; margin-bottom:40px; font-size:18px; font-weight:500; color:#525252; } .livelydr div.livelydrstory .drwrap ul li.t4 { width:100%; font-size:16px; font-weight:400; color:#000; line-height:180%; } .livelydr div.livelydrstory .drwrap ul li.t4 a { display:block; width:110px; height:36px; text-align:center; line-height:34px; box-sizing:border-box; font-size:14px; font-weight:400; color:#000; border:1px solid #ababab; } .livelydr div.livelydrstory .drwrap ul li.t4 a:hover { color:#fff; background:#008328; border:1px solid #008328; } .livelydr div.livelydrstory .drwrap ul li.t4 ul { width:100%; margin-top:40px; } .livelydr div.livelydrstory .drwrap ul li.t4 ul li.title { width:100%; margin-bottom:10px; font-size:22px; font-weight:700; color:#000; } .livelydr div.livelydrstory .drwrap ul li.t4 ul li.con { width:100%; font-size:16px; font-weight:400; color:#000; line-height:180%; } .livelydr div.livelydrstory .drwrap .drimgs { position:absolute; top:0px; right:0px; width:512px; height:515px; background:#efefef; } #subvod { position:absolute; top:0px; left:0px; width:100%; height:100%; overflow:hidden; } #subvod video { display:block; position:absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); min-width:100%; min-height:100%; height: auto; width: auto; background:#000; } .vodbg2 { position:absolute; top:0px; left:0px; width:100%; height:100%; background:rgba(0,0,0,0.3); } .sub0103 { height:7335px; background:url('/page_KR0/01_sub/images/0103.jpg')no-repeat 50% 0; position:relative; width:100%; min-width:1280px; margin:0 auto; } .sub0104_01 { height:990px; background:url('/page_KR0/01_sub/images/0104_01.jpg')no-repeat 50% 0; position:relative; width:100%; min-width:1280px; margin:0 auto; } #sub0101 div.mainbg { position:absolute; top:0px; left:0px; width:100%; height:100%; background:url('/images/main/mainbg1.jpg')no-repeat 50% 0; background-size:cover; background-attachment: fixed; } #sub0101 #vod33 { position:absolute; top:0px; left:0px; width:100%; height:100%; overflow:hidden; transition:all 0.3s cubic-bezier(0.85, 0, 0.15, 1) 0s; } #sub0101 #vod33 video { display:inline-block; position:absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); min-width: 100%; min-height: 100%; height: auto; width: auto; background:#000; } #sub0101 .vodbg { position:absolute; top:0px; left:0px; width:100%; height:100%; background:rgba(0,0,0,0.3); } #sub0101 .maintxt { font-size:114px; font-weight:600; color:#fff; font-family: 'Noto Serif KR'; } #sub0101 .maintxt li { position:absolute; } #sub0101 .txt-l { top:50%; left:30%; transform:translate(-50%,-50%); } #sub0101 .txt-i {top:50%; left:37%; transform:translate(-50%,-50%); } #sub0101 .txt-v { top:50%; left:45%; transform:translate(-50%,-50%); } #sub0101 .txt-e { top:50%; left:55%; transform:translate(-50%,-50%); } #sub0101 .txt-l2 { top:50%; left:63%; transform:translate(-50%,-50%); } #sub0101 .txt-y { top:50%; left:70%; transform:translate(-50%,-50%); } #sub0101 .maintxt2 { position:absolute; top:65%; left:50%; transform:translate(-50%,-50%); font-size:24px; font-weight:700; color:#ffffff; line-height:100%; letter-spacing:1px; } #sub0101.active .txt-l { animation: txt-l 3.0s cubic-bezier(0, 0.55, 0.45, 1) both 0.5s; } #sub0101.active .txt-i { animation: txt-i 3.0s cubic-bezier(0, 0.55, 0.45, 1) both 0.5s; } #sub0101.active .txt-v { animation: txt-v 3.0s cubic-bezier(0, 0.55, 0.45, 1) both 0.5s; } #sub0101.active .txt-e { animation: txt-e 3.0s cubic-bezier(0, 0.55, 0.45, 1) both 0.5s; } #sub0101.active .txt-l2 { animation: txt-l2 3.0s cubic-bezier(0, 0.55, 0.45, 1) both 0.5s; } #sub0101.active .txt-y { animation: txt-y 3.0s cubic-bezier(0, 0.55, 0.45, 1) both 0.5s; } #sub0101.active .maintxt2 { animation: opa 0.8s cubic-bezier(0, 0.55, 0.45, 1) both 3.0s; } @keyframes opa { 0% { top:74%; opacity:0; filter: blur(12px); } 100% { top:65%; opacity:1; filter: blur(0px); } } @keyframes txt-l { 0% { top:16%; left:15%; opacity:0; filter: blur(52px); } 70% { top:36%; left:15%; opacity:1; filter: blur(0px); } 100% { top:50%; left:30%; opacity:1; filter: blur(0px); } } @keyframes txt-v { 0% { top:16%; left:43%; opacity:0; filter: blur(52px); } 70% { top:36%; left:43%; opacity:1; filter: blur(0px); } 100% { top:50%; left:45%; opacity:1; filter: blur(0px); } } @keyframes txt-l2 { 0% { top:16%; left:71%; opacity:0; filter: blur(52px); } 70% { top:36%; left:71%; opacity:1; filter: blur(0px); } 100% { top:50%; left:63%; opacity:1; filter: blur(0px); } } @keyframes txt-i { 0% { top:84%; left:29%; opacity:0; filter: blur(52px); } 70% { top:64%; left:29%; opacity:1; filter: blur(0px); } 100% { top:50%; left:37%; opacity:1; filter: blur(0px); } } @keyframes txt-e { 0% { top:84%; left:57%; opacity:0; filter: blur(52px); } 70% { top:64%; left:57%; opacity:1; filter: blur(0px); } 100% { top:50%; left:55%; opacity:1; filter: blur(0px); } } @keyframes txt-y { 0% { top:84%; left:85%; opacity:0; filter: blur(52px); } 70% { top:64%; left:85%; opacity:1; filter: blur(0px); } 100% { top:50%; left:70%; opacity:1; filter: blur(0px); } } #sub0101 .scrollv { position:absolute; top:88%; left:48%; animation: fadeup 1.2s cubic-bezier(0.22, 1, 0.36, 1) both 1.0s; } #sub0101 .scrollv span { display:inline-block; animation: scrollani 1500ms 2200ms infinite ease; } @keyframes scrollani { 0% { transform: translateY(0); } 50% { transform: translateY(7px); } 100% { transform: translateY(0); } } #sub0101_01 { position:relative; width:100%; background:url('/images/main/section5.jpg')no-repeat 50% 0; background-size:cover; background-attachment: fixed; } #sub0101_01 ul { position:absolute; top:49%; left:68%; transform:translate(-50%,-50%); width:700px; } #sub0101_01 ul li.t1 { font-size:39px; font-weight:700; color:#ffffff; line-height:150%; } #sub0101_01 ul li.t2 { margin-top:30px; font-size:22px; font-weight:400; color:#ffffff; line-height:170%; } #sub0101_01 div.engtxt { position:absolute; top:85%; left:0%; transform:translate(0%,-50%); width:100%; font-size:34px; font-weight:600; color:#edebe7; font-family: 'Jost', sans-serif; text-align:center; letter-spacing:20px; text-shadow: 0px 0px 5px #333; } #sub0101_01 div.engtxt div { display:inline-block; margin:0 0px; } #sub0101_01 div.engtxt span { font-size:50px; } #sub0101_01 #vod33 { position:absolute; top:0px; left:0px; width:100%; height:100%; overflow:hidden; } #sub0101_01 #vod33 video { display:inline-block; position:absolute; left:50%; top:50%; transform: translate(-50%,-50%); min-width: 100%; min-height: 100%; height: auto; width: auto; background:#000; } #sub0101_01 .vodbg { position:absolute; top:0px; left:0px; width:100%; height:100%; background:rgba(0,0,0,0.2); } #sub0101_01.active ul li.t1 { animation: txt5 0.9s cubic-bezier(0, 0.55, 0.45, 1) both 0.8s; } #sub0101_01.active ul li.t3 { animation: txt5 0.9s cubic-bezier(0, 0.55, 0.45, 1) both 1.1s; } #sub0101_01.active ul li.t2 { animation: txt5 0.9s cubic-bezier(0, 0.55, 0.45, 1) both 1.4s; } #sub0101_02 { position:relative; width:100%; background:#edebe7 url('/page_KR0/01_sub/images/0101_02.jpg')no-repeat 50% 50%; } #sub0101_03 { background:#fff; } #sub0101_03 ul { position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); width:1280px; } #sub0101_03 ul li.txt { width:100%; font-size:39px; font-weight:700; color:#000; line-height:150%; } #sub0101_03 ul li.imgs { width:100%; margin-top:40px; overflow:hidden; } #sub0101_03 ul li.imgs div { float:left; width:305px; margin-right:19px; margin-bottom:19px; } #sub0101_03 ul li.imgs div:nth-child(4),#sub0101_03 ul li.imgs div:nth-child(8) { margin-right:0px; } .subinte { position:relative; width:100%; margin:0 auto; overflow:hidden; } .subinte ul.intetxt { position:relative; width:1122px; margin:0 auto; overflow:hidden; } .subinte ul.intetxt li { float:left; width:182px; height:46px; margin-right:6px; line-height:46px; font-size:18px; font-weight:700; color:#ffffff; border-radius:10px; background:#a8a8a8; box-sizing:border-box; text-align:center; } .subinte ul.intetxt li.on { background:#3fc0d0; } .subinte ul.intetxt li:last-child { margin-right:0px; } .subinte div.inteimg { position:relative; width:100%; margin-top:30px; } .subinte div.inteimg ul { position:relative; width:100%; } .subinte div.inteimg ul li { position:relative; width:1218px; height:636px; outline:none; } .subinte div.inteimg ul li span { display:block; padding:0 47px; } .subinte div.inteimg ul li img { width:100%; display: block !important; } .subinte div.inteimg ul li span.txt { position:absolute; bottom:50px; left:50px; right:50px; font-size:25px; font-weight:700; color:#ffffff; text-align:right; } .inte_prev { position:absolute; top:300px; left:24%; transform: translate(-50%,0); cursor:pointer; width:60px; height:60px; border-radius:100%; background:rgba(0,0,0,0.3); } .inte_next { position:absolute; top:300px; left:76%; transform: translate(-50%,0); cursor:pointer; width:60px; height:60px; border-radius:100%; background:rgba(0,0,0,0.3); } .slider-nav { position:relative; width:1122px; margin:0 auto; padding:50px 0 50px 0; overflow:hidden; } .slider-nav div { float:left; width:277px; margin:2px; cursor:pointer; } .slider-nav div:nth-child(4),.slider-nav div:nth-child(8),.slider-nav div:nth-child(12),.slider-nav div:nth-child(16),.slider-nav div:nth-child(20) { margin-right:0px; } .slider-nav div img { width:100%; } .subbnawrap { position:relative; width:100%; overflow:hidden; background:#fff; } .subbnawrap .subbna { position:relative; width:1440px; margin:0 auto; padding-top:120px; } .subbnawrap ul.bnatxt { position:relative; width:1440px; margin:0 auto; padding-top:100px; } .subbnawrap ul.bnatxt li.t1 { font-size:38px; font-weight:900; color:#000; line-height:100%; } .subbnawrap ul.bnatxt li.t2 { margin-top:20px; font-size:19px; font-weight:400; color:#6c6c6c; line-height:160%; } .subbnawrap .subbna_prev { position:absolute; top:350px; left:0px; } .subbnawrap .subbna_next { position:absolute; top:350px; right:0px; } .subbnawrap .subbna div.subbnacon { width:1118px; height:auto; margin:0 auto; } .subbnawrap .subbna div.subbnaconwrap { width:1118px; margin:0 auto; } .subbnawrap .subbna div.subbnaimg { position:relative; width:1118px; height:539px; margin:0 auto; } .subbnawrap .subbna div.subbnaimg img { width:100%; } .subbnawrap .subbna div.subbnaimg .bna_login { position:absolute; top:0px; left:0px; width:50%; height:539px; background-color: rgba( 0, 0, 0, 0.9 ); } .subbnawrap .subbna div.subbnaimg .bna_login ul { position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); text-align:center; } .subbnawrap .subbna div.subbnaimg .bna_login ul li:nth-child(1) { font-size:18px; font-weight:400; color:#fff; line-height:160%; } .subbnawrap .subbna div.subbnaimg .bna_login ul li:nth-child(2) a { display:block; width:130px; height:40px; margin:0 auto; margin-top:20px; font-size:14px; font-weight:400; color:#fff; line-height:40px; text-align:center; border:1px solid #fff; border-radius:40px; cursor:pointer; } .subbnawrap .subbna div.subbnaimg .bna_login ul li:nth-child(2) a:hover { background:#28b9c9; border:1px solid #28b9c9; } .subbnawrap .subbna div.bnatitle { position:relative; width:1118px; height:160px; padding-top:30px; margin:0 auto; text-align:center; background:#c09670; } .subbnawrap .subbna div.bnatitle ul li { width:100%; margin-bottom:30px; font-size:23px; font-weight:700; color:#ffffff; } .subbnawrap .subbna div.bnatitle ul li span { display:inline-block; width:60px; height:60px; margin:0 8px; background:#c09670; border:1px solid #fff; border-radius:100%; font-size:16px; font-weight:700; color:#fff; line-height:60px; box-sizing:border-box; cursor:pointer; } .subbnawrap .subbna div.bnatitle ul li span.on { display:inline-block; width:60px; height:60px; background:#fff; border:1px solid #fff; border-radius:100%; font-size:16px; font-weight:700; color:#000; line-height:60px; } .subbnawrap .subbna div.subbnaimgbt { position:relative; width:1118px; margin:0 auto; padding-bottom:100px; padding-top:20px; overflow:hidden; } .subbnawrap .subbna div.subbnaimgbt ul li { float:left; position:relative; width:24.25%; height:140px; overflow:hidden; margin-right:1%; margin-bottom:1%; filter: grayscale(100%); } .subbnawrap .subbna div.subbnaimgbt ul li.on { filter: grayscale(0%); } .subbnawrap .subbna div.subbnaimgbt ul li img { width:100%; } .subbnawrap .subbna div.subbnaimgbt ul li:nth-child(4), .subbnawrap .subbna div.subbnaimgbt ul li:nth-child(8), .subbnawrap .subbna div.subbnaimgbt ul li:nth-child(12), .subbnawrap .subbna div.subbnaimgbt ul li:nth-child(16), .subbnawrap .subbna div.subbnaimgbt ul li:nth-child(20), .subbnawrap .subbna div.subbnaimgbt ul li:nth-child(24) { margin-right:0px; } .subbnawrap .subbna div.subbnaimgbt ul li .bna_login { position:absolute; top:0px; left:0px; width:50%; height:100%; background-color: rgba( 0, 0, 0, 0.9 ); } .subbnawrap .subbna div.subbnacon.eyecate div.subbnaimg { position:relative; width:1118px; height:800px; margin:0 auto; } .subbnawrap .subbna div.subbnacon.eyecate div.subbnaimg .bna_login { position:absolute; top:0px; left:0px; width:100%; height:400px; background-color: rgba( 0, 0, 0, 0.9 ); } .subbnawrap .subbna div.subbnacon.eyecate div.subbnaimg .bna_login ul { position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); text-align:center; } .subbnawrap .subbna div.subbnacon.eyecate div.subbnaimg .bna_login ul li:nth-child(1) { font-size:18px; font-weight:400; color:#fff; line-height:160%; } .subbnawrap .subbna div.subbnacon.eyecate div.subbnaimg .bna_login ul li:nth-child(2) a { display:block; width:130px; height:40px; margin:0 auto; margin-top:20px; font-size:14px; font-weight:400; color:#fff; line-height:40px; text-align:center; border:1px solid #fff; border-radius:40px; cursor:pointer; } .subbnawrap .subbna div.subbnacon.eyecate div.subbnaimg .bna_login ul li:nth-child(2) a:hover { background:#28b9c9; border:1px solid #28b9c9; } .subbnawrap .subbna div.subbnaimgbt ul li.eyecate { float:left; position:relative; width:24.25%; height:194px; overflow:hidden; margin-right:1%; margin-bottom:1%; filter: grayscale(100%); } .subbnawrap .subbna div.subbnaimgbt ul li.eyecate .bna_login { position:absolute; top:0px; left:0px; width:100%; height:50%; background-color: rgba( 0, 0, 0, 0.9 ); } .subbnawrap .subbna div.subbnaimgbt ul li.eyecate:nth-child(4), .subbnawrap .subbna div.subbnaimgbt ul li.eyecate:nth-child(8), .subbnawrap .subbna div.subbnaimgbt ul li.eyecate:nth-child(12), .subbnawrap .subbna div.subbnaimgbt ul li.eyecate:nth-child(16), .subbnawrap .subbna div.subbnaimgbt ul li.eyecate:nth-child(20), .subbnawrap .subbna div.subbnaimgbt ul li.eyecate:nth-child(24) { margin-right:0px; } .subcontent{max-width:1280px;margin: 0 auto;} #paytab { position:relative; width:100%; margin:0 auto; padding-bottom:10px; overflow:hidden; } #paytab ul li a { display:block; float:left; width:24%; margin:0 1% 1% 0; height:50px; line-height:50px; border:1px solid #20472C; color:#000; font-size:14px; text-align:center; box-sizing:border-box; } #paytab ul li a.on,#paytab ul li a:hover { color:#fff; background:#20472C; } #paytab ul li:nth-child(6) a, #paytab ul li:nth-child(12) a { margin-right:0px; } .paytable { position:relative; width:100%; border-top:3px solid #20472C; margin-bottom:100px; } .paytable tr th { line-height:1.4; border-right:1px solid #bccad4; border-bottom:1px solid #bccad4; padding:0.5% 0.5%; font-size:14px; background:#edfff3; } .paytable tr th.end { border-right:0px; } .paytable tr td { line-height:1.7; border-right:1px solid #bccad4; border-bottom:1px solid #bccad4; padding:0.5% 0.5%; font-size:13px; background:#fff; text-align:center; }