body { background:#ffffff; } #rocation { position:relative; width:100%; height:55px; margin-top:200px; display:none; } #rocation.subtabmenu08 { display:block; } #rocation ul { position:relative; width:1280px; margin:0 auto; text-align:center; } #rocation ul li { display:inline-block; padding:0 18px; height:16px; line-height:16px; border-right:1px solid #d7d8da; } #rocation ul li:last-child { border-right:0px; } #rocation ul li a { display:block; font-size:16px; color:#323232; font-weight:700; } #rocation ul li a:hover,#rocation ul li.on a { color:#1f3b06; } .pay_list { height:auto; width:1104px; margin:100px auto 30px auto; padding-bottom:60px; } .pay_list table { } .pay_list .titletr td { height:70px; font-size:18px; font-weight:700; color:#000000; text-align:center; background:#eeede5; } .pay_list .titletr .td { } .pay_list .titletr .td1 { width:25%; } .pay_list .titletr .td2 { width:45%; } .pay_list .titletr .td3 { width:10%; } .pay_list .titletr .td4 { width:20%; } .pay_list .contr td { padding:15px 15px; text-align:center; font-size:15px; font-weight:400; color:#747474; line-height:150%; } .pay_list table td:nth-child(1) { border-left:1px solid #ddd; } .pay_list table td { border-right:1px solid #ddd; border-bottom:1px solid #ddd; } #subvisual { position:relative; width:100%; height:967px; overflow:hidden; } #subvisual div.bg { position:absolute; top:0px; left:0px; width:100%; height:967px; background:url('/images/sub/subvisual.jpg')no-repeat 50% 0; background-size:cover; } #subvisual ul.maintxt { position:absolute; bottom:60px; left:50%; transform:translateX(-50%); text-align:center; width:700px; } #subvisual ul.maintxt li.t1 { font-size:35px; color:#ffffff; font-family: 'MaruBuriSemiBold'; line-height:150%; } #subvisual ul.maintxt li.t2 { margin-top:20px; font-size:21px; color:#ffffff; line-height:150%; font-family: 'MaruBuriSemiBold'; } #subvisual ul.maintxt li.t3 { margin-bottom:20px; font-size:21px; color:#ffffff; line-height:150%; font-family: 'MaruBuriSemiBold'; } #subvisual ul.maintxt2 { position:absolute; bottom:60px; left:50%; transform:translateX(-50%); text-align:center; width:700px; } #subvisual ul.maintxt2 li.t1 { font-size:21px; color:#ffffff; line-height:150%; font-family: 'MaruBuriSemiBold'; } #subvisual ul.maintxt2 li.t2 { margin-top:10px; font-size:35px; color:#ffffff; font-family: 'MaruBuriSemiBold'; line-height:150%; } #subvisual ul.maintxt2 li.t3 { margin-top:20px; font-size:21px; color:#ffffff; line-height:150%; font-family: 'MaruBuriSemiBold'; } #subvisual ul.maintxt3 { position:absolute; bottom:100px; left:50%; transform:translateX(-50%); text-align:center; width:700px; } #subvisual ul.maintxt3 li.t1 { font-size:36px; color:#ffffff; line-height:150%; font-family: 'MaruBuriSemiBold'; } #subvisual ul.maintxt3 li.t2 { position:relative; width:545px; padding:28px 0 16px 0; box-sizing:border-box; margin:0 auto; margin-top:34px; font-size:19px; color:#ffffff; font-family: 'MaruBuriSemiBold'; line-height:150%; background:rgba(0,0,0,40%); border-radius:12px; } #subvisual ul.maintxt3 li.t2 span { display:block; position:absolute; top:-12px; left:50%; transform:translateX(-50%); width:30px; height:30px; border-radius:100%; background:#ffffff; text-align:center; line-height:30px; font-size:22px; color:#404040;font-family: 'MaruBuriSemiBold'; } #subvisual ul.maintxt3 li.t3 { position:relative; width:438px; margin:0 auto; margin-top:30px; font-size:19px; color:#ffffff; line-height:190%; font-family: 'MaruBuriSemiBold'; } #subvisual ul.maintxt3 li.t3 span:nth-child(1) { display:block; position:absolute; top:0px; left:0px; width:100%; height:34px; background:#797369; border-radius:10px; } #subvisual ul.maintxt3 li.t3 span:nth-child(2) { display:block; position:relative; } #subvisual div.bg0301 { position:absolute; top:0px; left:0px; width:100%; height:967px; background:url('/page_KR0/03_sub/images/0301.jpg')no-repeat 50% 0; background-size:cover; } #subvisual div.bg0302 { position:absolute; top:0px; left:0px; width:100%; height:967px; background:url('/page_KR0/03_sub/images/0302.jpg')no-repeat 50% 0; background-size:cover; } #subvisual div.bg0303 { position:absolute; top:0px; left:0px; width:100%; height:967px; background:url('/page_KR0/03_sub/images/0303.jpg')no-repeat 50% 0; background-size:cover; } #subvisual div.bg03033 { position:absolute; top:0px; left:0px; width:100%; height:967px; background:url('/page_KR0/03_sub/images/03033.jpg')no-repeat 50% 0; background-size:cover; } #subvisual div.bg0304 { position:absolute; top:0px; left:0px; width:100%; height:967px; background:url('/page_KR0/03_sub/images/0304.jpg')no-repeat 50% 0; background-size:cover; } #subvisual div.bg03044 { position:absolute; top:0px; left:0px; width:100%; height:967px; background:url('/page_KR0/03_sub/images/03044.jpg')no-repeat 50% 0; background-size:cover; } #subvisual div.bg0305 { position:absolute; top:0px; left:0px; width:100%; height:967px; background:url('/page_KR0/03_sub/images/0305.jpg')no-repeat 50% 0; background-size:cover; } #subvisual div.bg03055 { position:absolute; top:0px; left:0px; width:100%; height:967px; background:url('/page_KR0/03_sub/images/03055.jpg')no-repeat 50% 0; background-size:cover; } #subvisual div.bg0912 { position:absolute; top:0px; left:0px; width:100%; height:967px; background:url('/page_KR0/09_sub/images/0912.jpg')no-repeat 50% 0; background-size:cover; } .subcontent4 { position:relative; width:100%; background:#ffffff; } .subtitle2 { width:100%; text-align:center; font-size:32px; color:#000000; font-family: 'MaruBuriSemiBold'; line-height:100%; } .subimgs { position:relative; width:100%; text-align:center; } .subimgs img { display:inline-block; max-width:100%; } .vnumber2 { position:absolute; top:48%; left:50%; transform:translate(-50%,-50%); width:294px; height:368px; } .vnumber2 li { position:absolute; } .vnumber2 li.num1 { top:0px; left:69px; animation: num1 2.5s cubic-bezier(0, 0.55, 0.45, 1) both 1.5s; } .vnumber2 li.num2 { top:26px; right:0px; animation: num2 2.5s cubic-bezier(0, 0.55, 0.45, 1) both 1.5s; } .vnumber2 li.num3 { top:253px; left:136px; animation: num3 2.5s cubic-bezier(0, 0.55, 0.45, 1) both 1.5s; } .vnumber2 li.num4 { top:120px; left:103px; animation: num4 2.5s cubic-bezier(0, 0.55, 0.45, 1) both 1.5s; } .vnumber2 li.num5 { top:178px; left:0px; animation: num5 2.5s cubic-bezier(0, 0.55, 0.45, 1) both 1.5s; } .vnumber2 li.num6 { top:50%; left:50%; transform:translate(-50%,-50%); animation: num6 2.0s cubic-bezier(0, 0.55, 0.45, 1) both 1.5s; } @keyframes num6 { 0% { top:35%; left:50%; opacity:0; filter: blur(10px); } 100% { top:50%; left:50%; opacity:1; filter: blur(0px); } } @keyframes num1 { 0% { top:-150px; left:69px; opacity:0; filter: blur(10px); } 70% { top:-150px; left:69px; opacity:1; filter: blur(0px); } 100% { top:0px; left:69px; } } @keyframes num2 { 0% { top:26px; right:-150px; opacity:0; filter: blur(10px); } 70% { top:26px; right:-150px; opacity:1; filter: blur(0px); } 100% { top:26px; right:0px; } } @keyframes num3 { 0% { top:363px; left:236px; opacity:0; filter: blur(10px); } 70% { top:363px; left:236px; opacity:1; filter: blur(0px); } 100% { top:253px; left:136px; } } @keyframes num4 { 0% { top:120px; left:103px; opacity:0; filter: blur(10px); } 70% { top:120px; left:103px; opacity:1; filter: blur(0px); } 100% { top:120px; left:103px; } } @keyframes num5 { 0% { top:178px; left:-120px; opacity:0; filter: blur(10px); } 70% { top:178px; left:-120px; opacity:1; filter: blur(0px); } 100% { top:178px; left:0px; } } .subcontent5 { position:relative; width:100%; padding:150px 0; overflow:hidden; background:#e6e4e1; } #sub02 { position:relative; width:100%; height:320px; background:#404040; } #sub02 ul { position:relative; width:1280px; margin:0 auto; padding-top:90px; } #sub02 ul li.t1 { padding-top:0px; float:left; position:relative; width:42%; text-align:center; } #sub02 ul li.t1 img { display:inline-block; width:162px; height:17px; margin:0 auto; padding-left:180px; } #sub02 ul li.t2 { float:left; position:relative; width:58%; font-size:18px; font-weight:500; color:#d2d2d2; line-height:160%; } #sub02 ul li.t2 span.txt1 { display:block; margin-top:8px; font-size:22px; font-weight:500; color:#ffffff; } #sub02 ul li.t2 span.txt2 { color:#ffffff; } #sub03 { position:relative; width:100%; height:1000px; background:#404040; overflow:hidden; } #sub03 ul { position:relative; width:100%; max-width:1920px; margin:0 auto; } #sub03 ul li.t1 { position:absolute; top:0px; right:50%; width:50%; height:1000px; background:url('/images/sub/main3img1.jpg')no-repeat right 0; } #sub03 ul li.t2 { position:absolute; top:0px; left:50%; width:50%; height:1000px; background:url('/images/sub/main3img2.jpg')no-repeat left 0; } #sub03 ul li.t3 { position:absolute; top:0px; right:50%; width:50%; height:1000px; } #sub03 ul li.t4 { position:absolute; top:0px; left:50%; width:50%; height:1000px; } #sub03.sub0301_01 ul li.t1 { background:url('/page_KR0/03_sub/images/0301_01bg1.jpg')no-repeat right 0; } #sub03.sub0301_01 ul li.t2 { background:url('/page_KR0/03_sub/images/0301_01bg2.jpg')no-repeat left 0; } #sub03.sub0302_01 ul li.t1 { background:url('/page_KR0/03_sub/images/0302_01bg1.jpg')no-repeat right 0; } #sub03.sub0302_01 ul li.t2 { background:url('/page_KR0/03_sub/images/0302_01bg2.jpg')no-repeat left 0; } #sub03.sub0302_01 ul li.t3 { background:url('/page_KR0/03_sub/images/0302_01bg3.jpg')no-repeat right 0; } #sub03.sub0302_01 ul li.t4 { background:url('/page_KR0/03_sub/images/0302_01bg4.jpg')no-repeat left 0; } #sub03.sub0303_01 ul li.t1 { background:url('/page_KR0/03_sub/images/0303_01bg1.jpg')no-repeat right 0; } #sub03.sub0303_01 ul li.t2 { background:url('/page_KR0/03_sub/images/0303_01bg2.jpg')no-repeat left 0; } #sub03.sub0303_01 ul li.t3 { background:url('/page_KR0/03_sub/images/0303_01bg3.jpg')no-repeat right 0; } #sub03.sub0303_01 ul li.t4 { background:url('/page_KR0/03_sub/images/0303_01bg4.jpg')no-repeat left 0; } #sub03.sub0304_01 ul li.t1 { background:url('/page_KR0/03_sub/images/0304_01bg1.jpg')no-repeat right 0; } #sub03.sub0304_01 ul li.t2 { background:url('/page_KR0/03_sub/images/0304_01bg2.jpg')no-repeat left 0; } #sub03.sub0304_01 ul li.t3 { background:url('/page_KR0/03_sub/images/0304_01bg3.jpg')no-repeat right 0; } #sub03.sub0304_01 ul li.t4 { background:url('/page_KR0/03_sub/images/0304_01bg4.jpg')no-repeat left 0; } #sub03.sub0305_01 ul li.t1 { background:url('/page_KR0/03_sub/images/0305_01bg1.jpg')no-repeat right 0; } #sub03.sub0305_01 ul li.t2 { background:url('/page_KR0/03_sub/images/0305_01bg2.jpg')no-repeat left 0; } #sub03.sub0305_01 ul li.t3 { background:url('/page_KR0/03_sub/images/0305_01bg3.jpg')no-repeat right 0; } #sub03.sub0305_01 ul li.t4 { background:url('/page_KR0/03_sub/images/0305_01bg4.jpg')no-repeat left 0; } #sub0912_2 { position:relative; width:100%; height:1000px; background:#404040; overflow:hidden; } #sub0912_2 ul { position:relative; width:100%; max-width:1920px; margin:0 auto; } #sub0912_2 ul li.t1 { position:absolute; top:0px; right:50%; width:50%; height:1000px; background:url('/page_KR0/09_sub/images/09img1.jpg')no-repeat right 0; } #sub0912_2 ul li.t2 { position:absolute; top:0px; left:50%; width:50%; height:1000px; background:url('/page_KR0/09_sub/images/09img2.jpg')no-repeat left 0; } .sub0912_01 { position:relative; width:100%; min-width:1280px; height:1628px; background:#2f2f25 url('/page_KR0/09_sub/images/0912_01.jpg')no-repeat 50% top; overflow:hidden; } .sub0912_011 { position:relative; width:100%; min-width:1280px; height:875px; background:#76716b url('/page_KR0/09_sub/images/0912_011.jpg')no-repeat 50% top; overflow:hidden; } .sub0912_0111 { position:relative; width:100%; min-width:1280px; height:860px; background:#47473f url('/page_KR0/09_sub/images/0912_0111.jpg')no-repeat 50% top; overflow:hidden; } .sub0912_02 { position:relative; width:100%; min-width:1280px; height:968px; background:#ebeae5; overflow:hidden; display:flex; } .sub0912_02 .imgs { position:relative; width:50%; height:968px; background:url('/page_KR0/09_sub/images/0912_02.jpg')no-repeat 50% 50%; background-size:cover; overflow:hidden; } .sub0912_02 .txtwrap { position:relative; width:50%; } .sub0912_02 .txtwrap ul { position:absolute; top:50%; left:40%; transform:translate(-50%,-50%); width:520px; } .sub0912_02 .txtwrap ul .t1 { font-size:36px; font-family: 'MaruBuriSemiBold'; color:#171717; } .sub0912_02 .txtwrap ul .t2 { margin-top:30px; font-size:22px; font-weight:400; color:#575757; line-height:150%; } .sub0912_02 .txtwrap ul .t2 span { font-weight:600; color:#111111; } .sub0912_02 .txtwrap ul .t3 { margin-top:60px; font-size:18px; font-weight:400; color:#575757; line-height:160%; } .sub0912_03 { position:relative; width:100%; min-width:1280px; height:933px; background:#4a4742 url('/page_KR0/09_sub/images/0912_03.jpg')no-repeat 50% top; overflow:hidden; } .sub0301_02 { position:relative; width:100%; padding:140px 0 46% 0; background:#36302a url('/page_KR0/03_sub/images/0301_02.jpg')no-repeat 50% bottom; background-size:cover; overflow:hidden; } .sub0301_02.sub0302_02 { background:#36302a url('/page_KR0/03_sub/images/0302_02.jpg')no-repeat 50% bottom; background-size:cover; overflow:hidden; } .sub0301_02.sub0303_02 { background:#725f56 url('/page_KR0/03_sub/images/0303_02.jpg')no-repeat 50% bottom; background-size:cover; overflow:hidden; } .sub0301_02.sub0304_02 { background:#443d36 url('/page_KR0/03_sub/images/0304_02.jpg')no-repeat 50% bottom; background-size:cover; overflow:hidden; } .sub0301_02.sub0305_02 { background:#7a665d url('/page_KR0/03_sub/images/0305_02.jpg')no-repeat 50% bottom; background-size:cover; overflow:hidden; } .sub0301_02 .maintxt { position:relative; width:100%; text-align:center; } .sub0301_02 .maintxt li.t1 { font-size:20px; font-weight:500; color:#efe3cf; } .sub0301_02 .maintxt li.t2 { margin-top:16px; font-size:28px; font-weight:500; color:#ffffff; line-height:100%; } .sub0301_02 .box0301_01 { position:relative; width:90%; max-width:1134px; margin:0 auto; margin-bottom:40px; display:flex; } .sub0301_02 .box0301_01 div { position:relative; width:50%; } .sub0301_02 .box0301_01 div img { width:100%; } .sub0301_02 .box0301_01 ul { position:relative; width:50%; padding:50px 0 0 68px; border-bottom:1px solid rgba(255,255,255,20%); box-sizing:border-box; } .sub0301_02 .box0301_01 ul li:nth-child(1) { font-size:25px; font-weight:700; color:#ffffff; line-height:100%; } .sub0301_02 .box0301_01 ul li:nth-child(2) { margin-top:14px; font-size:21px; font-weight:400; color:#c1c0c0; line-height:140%; } .sub0301_03 { position:relative; width:100%; padding:140px 0 140px 0; background:#53504a; overflow:hidden; } .sub0301_03 .maintxt { position:relative; width:100%; text-align:center; } .sub0301_03 .maintxt li.t1 { width:404px; margin:0 auto; } .sub0301_03 .maintxt li.t2 { margin-top:26px; font-family: 'MaruBuriSemiBold'; font-size:35px; color:#ffffff; line-height:100%; } .sub0301_03 .maintxt li.t3 { margin-top:36px; font-size:23px; color:#c5c5c5; font-weight:500; line-height:100%; } .sub0301_03 .box0302_01 { position:relative; width:90%; margin:0 auto; margin-top:130px; display:flex; } .sub0301_03 .box0302_01 div.imgs { position:relative; width:50%; } .sub0301_03 .box0302_01 div.imgs img { width:100%; } .sub0301_03 .box0302_01 div.txt { position:relative; width:50%; box-sizing:border-box; } .sub0301_03 .box0302_01 div.txt ul { position:relative; width:80%; padding-left:20%; padding-top:140px; } .sub0301_03 .box0302_01 div.txt ul li.t1 { font-size:33px; font-weight:700; color:#ffffff; line-height:140%; } .sub0301_03 .box0302_01 div.txt ul li.t1 span { color:#edcc9c; } .sub0301_03 .box0302_01 div.txt ul li.t2 { margin-top:40px; font-size:22px; font-weight:400; color:#d0ccc5; line-height:160%; } .sub0301_04 { position:relative; width:100%; height:792px; background:#d6cdbf; overflow:hidden; display:flex; } .sub0301_04 .bg { position:relative; width:50%; height:1000px; background:url('/page_KR0/03_sub/images/0301_04.jpg')no-repeat 50% 0; background-size:cover; } .sub0301_04 .bg2 { position:relative; width:50%; height:1000px; background:url('/page_KR0/03_sub/images/0304_04.jpg')no-repeat 50% 0; background-size:cover; } .sub0301_04 div.txt { position:relative; width:50%; box-sizing:border-box; } .sub0301_04 div.txt ul { position:absolute; top:50%; left:60%; transform:translate(-50%,-50%); width:80%; } .sub0301_04 div.txt ul li.t1 { font-size:33px; font-weight:700; color:#53504a; line-height:140%; } .sub0301_04 div.txt ul li.t2 { margin-top:40px; font-size:22px; font-weight:500; color:#53504a; line-height:160%; } .sub0301_04 div.txt ul li.t2 span { font-weight:700; color:#191817; } .sub0301_04 div.imgs { position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); width:280px; } .sub0301_05 { position:relative; width:100%; height:800px; background:url('/page_KR0/03_sub/images/0301_05.jpg')no-repeat 50% 0; background-size:cover; background-attachment: fixed; } .sub0301_05 ul.txt { position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); width:90%; text-align:center; } .sub0301_05 ul.txt li.t1 { font-family: 'MaruBuriSemiBold'; font-size:36px; font-weight:700; color:#ffffff; line-height:100%; } .sub0301_05 ul.txt li.t2 { margin-top:10px; font-size:22px; font-weight:400; color:#ffffff; line-height:160%; } .sub0301_06 { position:relative; width:100%; height:980px; background:url('/page_KR0/03_sub/images/0301_06.jpg')no-repeat 50% 0; background-size:cover; background-attachment: fixed; } .sub0301_06.sub0302_06 { background:url('/page_KR0/03_sub/images/0302_06.jpg')no-repeat 50% 0; background-size:cover; background-attachment: fixed; } .sub0301_06.sub0303_06 { background:url('/page_KR0/03_sub/images/0303_06.jpg')no-repeat 50% 0; background-size:cover; background-attachment: fixed; } .sub0301_06.sub0304_06 { background:url('/page_KR0/03_sub/images/0304_06.jpg')no-repeat 50% 0; background-size:cover; background-attachment: fixed; } .sub0301_06.sub0305_06 { background:url('/page_KR0/03_sub/images/0305_06.jpg')no-repeat 50% 0; background-size:cover; background-attachment: fixed; } .sub0301_06 div.txt { position:absolute; top:60%; left:50%; transform:translate(-50%,-50%); width:90%; text-align:center; font-family: 'MaruBuriSemiBold'; font-size:36px; font-weight:700; color:#ffffff; line-height:140%; } .sub0301_06 div.txt span { font-family:'Noto Sans KR'; font-size:22px; font-weight:500; color:#ffffff; line-height:140%; } .sub0301_07 { position:relative; width:100%; height:550px; background:#ebeae5; padding-top:120px; box-sizing:border-box; } .sub0301_07 .imgtxt { position:relative; width:80%; height:287px; margin:0 auto; background:#d9d7cb; border-radius:30px; overflow:hidden; display:flex; } .sub0301_07 .imgtxt .bg { position:relative; width:50%; height:287px; background:#ffffff url('/page_KR0/03_sub/images/0301_07.jpg')no-repeat 50% 0; } .sub0301_07 div.txt { position:relative; width:50%; box-sizing:border-box; } .sub0301_07 div.txt ul { position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); width:80%; } .sub0301_07 div.txt ul li.t1 { font-size:33px; font-weight:700; color:#53504a; line-height:140%; } .sub0301_07 div.txt ul li.t2 { margin-top:10px; font-size:22px; font-weight:500; color:#53504a; line-height:160%; } .sub0301_07 div.txt ul li.t2 span { font-weight:700; color:#191817; } #sub0707 { position:relative; width:100%; height:1000px; background:#404040; overflow:hidden; } #sub0707 ul { position:relative; width:100%; max-width:1920px; margin:0 auto; } #sub0707 ul li.t1 { position:absolute; top:0px; right:50%; width:50%; height:1000px; background:url('/page_KR0/07_sub/images/0707img1.jpg')no-repeat right 0; } #sub0707 ul li.t2 { position:absolute; top:0px; left:50%; width:50%; height:1000px; background:url('/page_KR0/07_sub/images/0707img2.jpg')no-repeat left 0; } #sub0708 { position:relative; width:100%; height:1000px; background:#404040; overflow:hidden; } #sub0708 ul { position:relative; width:100%; max-width:1920px; margin:0 auto; } #sub0708 ul li.t1 { position:absolute; top:0px; right:50%; width:50%; height:1000px; background:url('/page_KR0/07_sub/images/0708img1.jpg')no-repeat right 0; } #sub0708 ul li.t2 { position:absolute; top:0px; left:50%; width:50%; height:1000px; background:url('/page_KR0/07_sub/images/0708img2.jpg')no-repeat left 0; } #sub0709 { position:relative; width:100%; height:1000px; background:#404040; overflow:hidden; } #sub0709 ul { position:relative; width:100%; max-width:1920px; margin:0 auto; } #sub0709 ul li.t1 { position:absolute; top:0px; right:50%; width:50%; height:1000px; background:url('/page_KR0/07_sub/images/0709img1.jpg')no-repeat right 0; } #sub0709 ul li.t2 { position:absolute; top:0px; left:50%; width:50%; height:1000px; background:url('/page_KR0/07_sub/images/0709img2.jpg')no-repeat left 0; } #sub0710 { position:relative; width:100%; height:1000px; background:#404040; overflow:hidden; } #sub0710 ul { position:relative; width:100%; max-width:1920px; margin:0 auto; } #sub0710 ul li.t1 { position:absolute; top:0px; right:50%; width:50%; height:1000px; background:url('/page_KR0/07_sub/images/0710img1.jpg')no-repeat right 0; } #sub0710 ul li.t2 { position:absolute; top:0px; left:50%; width:50%; height:1000px; background:url('/page_KR0/07_sub/images/0710img2.jpg')no-repeat left 0; } #sub0711 { position:relative; width:100%; height:1000px; background:#404040; overflow:hidden; } #sub0711 ul { position:relative; width:100%; max-width:1920px; margin:0 auto; } #sub0711 ul li.t1 { position:absolute; top:0px; right:50%; width:50%; height:1000px; background:url('/page_KR0/07_sub/images/0711img1.jpg')no-repeat right 0; } #sub0711 ul li.t2 { position:absolute; top:0px; left:50%; width:50%; height:1000px; background:url('/page_KR0/07_sub/images/0711img2.jpg')no-repeat left 0; } #sub0902 { position:relative; width:100%; height:1000px; background:#404040; overflow:hidden; } #sub0902 ul { position:relative; width:100%; max-width:1920px; margin:0 auto; } #sub0902 ul li.t1 { position:absolute; top:0px; right:50%; width:50%; height:1000px; background:url('/page_KR0/09_sub/images/0902img1.jpg')no-repeat right 0; } #sub0902 ul li.t2 { position:absolute; top:0px; left:50%; width:50%; height:1000px; background:url('/page_KR0/09_sub/images/0902img2.jpg')no-repeat left 0; } #sub0902 ul li.t2 div { position:absolute; bottom:8%; left:8%; } #sub0902 ul li.t2 div span:nth-child(1) { display:block; font-size:35px; color:#ffffff; font-family: 'MaruBuriSemiBold'; line-height:100%; } #sub0902 ul li.t2 div span:nth-child(2) { display:block; margin-top:20px; font-size:20px; color:rgba(255,255,255,60%); font-family: 'MaruBuriSemiBold'; line-height:150%; } #sub04 { position:relative; width:100%; height:4000px; background:#404040 url('/images/sub/sub04bg.jpg')no-repeat 50% 0; overflow:hidden; } #sub04 .maintxt { position:absolute; top:180px; left:0px; width:100%; text-align:center; } #sub04 .maintxt li.t1 { font-size:19px; font-weight:500; color:#c2c2c2; } #sub04 .maintxt li.t2 { font-size:28px; font-weight:500; color:#ffffff; line-height:140%; margin-top:20px; } #sub04 .maintxt2 { position:absolute; top:496px; left:50%; transform:translateX(-50%); width:392px; text-align:right; } #sub04 .maintxt2 li.t1 { font-size:76px; color:#ffffff; font-family: 'MaruBuriSemiBold'; line-height:150%; } #sub04 .maintxt2 li.t2 { font-size:76px; color:#ffffff; font-family: 'MaruBuriSemiBold'; line-height:150%; } #sub04 .maintxt2 li.t1 span { } #sub04 .maintxt2 li.t2 span { } #sub04 .img1 { position:absolute; top:650px; left:46%; transform:translateX(-50%); width:1250px; text-align:center; } #sub04 .maintxt3 { position:absolute; top:2500px; left:50%; transform:translateX(-50%); width:946px; } #sub04 .maintxt3 li.t1 { } #sub04 .maintxt3 li.t2 { position:absolute; top:98px; left:0px; } #sub04 .maintxt3 li.t3 { position:absolute; top:380px; left:336px; } #sub04 .maintxt3 li.t4 { position:absolute; top:698px; right:0px; } #sub04 .maintxt3 li div.txt1 { font-size:19px; font-weight:700; color:#ffffff; line-height:140%; } #sub04 .maintxt3 li div.txt2 { margin-top:20px; font-size:16px; font-weight:400; color:#b1b1b1; line-height:150%; } #sub04 .maintxt3 li div.txt3 { margin-top:30px; } #sub04 .maintxt4 { position:absolute; top:1290px; left:50%; transform:translateX(-50%); width:985px; } #sub04 .maintxt4 li.t1 { text-align:center; font-size:32px; color:#ffffff; font-family: 'MaruBuriSemiBold'; line-height:100%; } #sub04 .maintxt4 li.t2 { margin-top:40px; } #sub04 .maintxt5 { position:absolute; top:1830px; left:50%; transform:translateX(-50%); width:985px; } #sub04 .maintxt5 li.t1 { text-align:center; font-size:32px; color:#ffffff; font-family: 'MaruBuriSemiBold'; line-height:100%; } #sub04 .maintxt5 li.t2 { margin-top:40px; } #sub0707_01 { position:relative; width:100%; height:2720px; background:#404040 url('/images/sub/sub04bg.jpg')no-repeat 50% bottom; overflow:hidden; } #sub0707_01 .maintxt { position:absolute; top:180px; left:0px; width:100%; text-align:center; } #sub0707_01 .maintxt li.t1 { font-size:19px; font-weight:500; color:#c2c2c2; } #sub0707_01 .maintxt li.t2 { font-size:28px; font-weight:500; color:#ffffff; line-height:140%; margin-top:20px; } #sub0707_01 .maintxt2 { position:absolute; top:330px; left:50%; transform:translateX(-50%); width:392px; text-align:center; } #sub0707_01 .maintxt2 li.t1 { font-size:76px; color:#ffffff; font-family: 'MaruBuri'; line-height:140%; } #sub0707_01 .maintxt2 li.t2 { font-size:76px; color:#ffffff; font-family: 'MaruBuri'; line-height:140%; } #sub0707_01 .maintxt2 li.t1 span { } #sub0707_01 .maintxt2 li.t2 span { } #sub0707_01 .img1 { position:absolute; top:580px; left:50%; transform:translateX(-50%); width:571px; text-align:center; } #sub0707_01 .maintxt3 { position:absolute; top:1052px; left:50%; transform:translateX(-50%); width:946px; } #sub0707_01 .maintxt3 li.t1 { transform:translateY(90px); } #sub0707_01 .maintxt3 li.t2 { position:absolute; top:98px; left:0px; } #sub0707_01 .maintxt3 li.t3 { position:absolute; top:380px; left:336px; } #sub0707_01 .maintxt3 li.t4 { position:absolute; top:698px; right:0px; } #sub0707_01 .maintxt3 li div.txt1 { font-size:19px; font-weight:700; color:#ffffff; line-height:140%; } #sub0707_01 .maintxt3 li div.txt2 { margin-top:20px; font-size:16px; font-weight:400; color:#b1b1b1; line-height:150%; } #sub0707_01 .maintxt3 li div.txt3 { margin-top:30px; } #sub0707_01 .maintxt3.maintxt3_2 { position:absolute; top:570px; left:50%; transform:translateX(-50%); width:946px; } #sub0707_01.sub0707_01 { height:2250px; background:#404040 url('/images/sub/sub04bg.jpg')no-repeat 50% bottom;} #sub0709_01 { position:relative; width:100%; height:2340px; background:#404040 url('/images/sub/sub04bg.jpg')no-repeat 50% bottom; overflow:hidden; } #sub0709_01 .maintxt { position:absolute; top:180px; left:0px; width:100%; text-align:center; } #sub0709_01 .maintxt li.t1 { font-size:19px; font-weight:500; color:#c2c2c2; line-height:160%; } #sub0709_01 .maintxt2 { position:absolute; top:290px; left:50%; transform:translateX(-50%); width:390px; text-align:center; } #sub0709_01 .maintxt2 li.t1 { font-size:55px; color:#ffffff; font-family: 'MaruBuri'; line-height:140%; } #sub0709_01 .maintxt2 li.t2 { font-size:55px; color:#ffffff; font-family: 'MaruBuri'; line-height:140%; } #sub0709_01 .maintxt2 li.t3 { font-size:55px; color:#ffffff; font-family: 'MaruBuri'; line-height:140%; } #sub0709_01 .maintxt3 { position:absolute; top:700px; left:50%; transform:translateX(-50%); width:946px; } #sub0709_01 .maintxt3 li.t1 { } #sub0709_01 .maintxt3 li.t2 { position:absolute; top:98px; left:0px; } #sub0709_01 .maintxt3 li.t3 { position:absolute; top:380px; left:336px; } #sub0709_01 .maintxt3 li.t4 { position:absolute; top:698px; right:0px; } #sub0709_01 .maintxt3 li div.txt1 { font-size:19px; font-weight:700; color:#ffffff; line-height:140%; } #sub0709_01 .maintxt3 li div.txt2 { margin-top:20px; font-size:16px; font-weight:400; color:#b1b1b1; line-height:150%; } #sub0709_01 .maintxt3 li div.txt3 { margin-top:30px; } #sub05 { position:relative; width:100%; height:900px; background:#404040; overflow:hidden; } #sub05 ul { position:relative; width:100%; max-width:1920px; margin:0 auto; } #sub05 ul li.t1 { position:absolute; top:0px; right:50%; width:50%; height:900px; background:url('/images/sub/main05img1.jpg')no-repeat 50% 0; } #sub05 ul li.t2 { position:absolute; top:0px; left:50%; width:50%; height:900px; background:#53504a; } #sub05 ul li.t2 ul { position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); text-align:center; width:100%; } #sub05 ul li.t2 ul li.txt1 { font-size:23px; font-weight:400; color:#b3b2b0; line-height:100%; } #sub05 ul li.t2 ul li.txt2 { margin-top:160px; font-size:23px; font-weight:400; color:#ffffff; line-height:150%; } #sub06 { position:relative; width:100%; height:1366px; background:url('/images/sub/sub06bg.jpg')no-repeat 50% 0; background-size:cover; overflow:hidden; } #sub06 div { position:absolute; top:20%; left:50%; transform:translate(-50%,-50%); text-align:center; font-family: 'MaruBuriSemiBold'; font-size:21px; color:#000000; line-height:150%; } #sub07 { position:relative; width:100%; padding:190px 0 250px 0; background:#615e57; overflow:hidden; } #sub07 .maintxt { position:relative; width:90%; margin:0 auto; text-align:left; } #sub07 .maintxt li.t1 { font-size:68px; color:#ffffff; font-family: 'MaruBuriSemiBold'; } #sub07 .maintxt li.t2 { font-size:21px; font-weight:400; color:#ffffff; line-height:100%; margin-top:30px; } #sub07 .sub07slide { position:relative; width:90%; margin:0 auto; margin-top:45px; } #sub07 .sub07slide ul li.s1 { width:86%; } #sub07 .sub07slide ul li.s1 img { width:100%; } #sub07 .sub07slide ul li.s2 { margin-top:30px; font-size:26px; color:#ffffff; font-family: 'MaruBuriSemiBold'; } #sub07 .sub07slide ul li.s3 { margin-top:16px; font-size:17px; font-weight:400; color:#ffffff; line-height:160%; } #sub07 .slick-dots { position:absolute; bottom:-90px; left:50%; width:100%; transform:translateX(-50%); } #sub07 .slick-dots li { display:block; float:left; width:14px; height:14px; background:#615e57; border:1px solid #ffffff; border-radius:100%; box-sizing:border-box; margin-right:20px; cursor:pointer; } #sub07 .slick-dots li.slick-active { background:#ffffff; } #sub08 { position:relative; width:100%; background:#242424; overflow:hidden; } #sub08 .maintxt { position:relative; width:1344px; margin:0 auto; padding-top:244px; text-align:center; } #sub08 .maintxt img { display:inline-block; } #sub08 .sub08wrap { position:relative; width:100%; margin:0 auto; padding-top:80px; } #sub08 .sub08wrap .sub08img { width:100%; height:690px; overflow:hidden; } #sub08 .sub08wrap .sub08img div.sub08img1 { float:left; position:relative; width:1920px; height:739px; cursor:pointer; } #sub08 .sub08wrap .sub08img div ul li.img img { float:left; width:50%; } #sub08 .sub08wrap .sub08img div ul li.txt { float:left; width:46%; text-align:left; box-sizing:border-box; padding-left:90px; } #sub08 .sub08wrap .sub08img div ul li.txt div.txt1 { padding-top:50%; width:100%; font-size:26px; color:#ffffff; font-family: 'MaruBuriSemiBold'; } #sub08 .sub08wrap .sub08img div ul li.txt div.txt2 { margin-top:20px; width:100%; font-size:18px; font-weight:400; line-height:170%; color:#ffffff; } #sub08 .scrollbar { position:relative; width:1500px; height:10px; background:#dcdbd6; margin:0 auto; margin-top:0px; z-index:2; } #sub08 .scrollbar .handle { width:363px; height:10px; background:#c5ac76; } #sub08 .scrollbar .handle .mousearea { position: absolute; top:-5px; left:0; width:100%; height: 14px; cursor:pointer; } #sub08 .sub08wrap2 { position:relative; width:100%; margin:0 auto; padding-top:80px; padding-bottom:100px; } #sub08 .sub08wrap2 .sub08img { position:relative; width:90%; margin:0 auto; overflow:hidden; } #sub08 .sub08wrap2 .sub08img div.sub08img1 { float:left; position:relative; width:48%; margin-right:4%; margin-bottom:100px; } #sub08 .sub08wrap2 .sub08img div.sub08img1:nth-child(2n) { margin-right:0px; } #sub08 .sub08wrap2 .sub08img div ul li.img img { width:100%; } #sub08 .sub08wrap2 .sub08img div ul li.txt { width:100%; text-align:left; box-sizing:border-box; } #sub08 .sub08wrap2 .sub08img div ul li.txt div.txt1 { padding-top:40px; width:100%; font-size:26px; color:#ffffff; font-family: 'MaruBuriSemiBold'; } #sub08 .sub08wrap2 .sub08img div ul li.txt div.txt2 { margin-top:20px; width:100%; font-size:18px; font-weight:400; line-height:170%; color:#ffffff; } #sub0201_02 { position:relative; width:100%; height:1450px; min-width:1400px; padding-top:136px; background:#e8e7e3; margin:0 auto; overflow:hidden; box-sizing:border-box; } #sub0201_02 .imgs { position:relative; width:84.2%; margin:0 auto; } #sub0201_02 .imgs .lastimg { transform:translateX(0px); float:left; position:relative; width:55%; margin:0 auto; margin-top:54px; height:1094px; background:url('/page_KR0/02_sub/images/0201img1.jpg')no-repeat 0 50%; background-attachment: fixed; } #sub0201_02 .imgs div.txt { float:left; position:relative; width:45%; height:1094px; } #sub0201_02 .imgs div.txt ul { transform:translateY(90px); position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); } #sub0201_02 .imgs div.txt ul li.t1 { font-size:19px; font-family: 'MaruBuriSemiBold'; color:#000000; line-height:150%; text-align:center; } #case.subcase { position:relative; width:100%; height:760px; padding-top:100px; margin:0 auto; overflow:hidden; box-sizing:border-box; background:#ebeae5; } #case.subcase .title { position:relative; width:1596px; margin:0 auto; font-size:62px; color:#505050; font-family: 'MaruBuri'; line-height:100%; } #case.subcase .caseimgwrap { position:relative; width:1596px; margin:0 auto; padding-top:40px; } #case.subcase .caseimgwrap .caseimg { width:100%; height:396px; overflow:hidden; } #case.subcase .caseimgwrap .caseimg div { float:left; position:relative; width:790px; height:396px; margin-right:16px;cursor:pointer; } #case.subcase .caseimgwrap .caseimg div ul li.img img { width:100%; } #case.subcase .caseimgwrap .caseimg div ul li.txt { width:100%; height:65px; line-height:65px; background:#ffffff; text-align:center; font-size:15px; color:#414141; font-weight:400; } #case.subcase .scrollbar { position:relative; width:1596px; height:2px; background:#dcdbd6; margin:0 auto; margin-top:70px; z-index:2; } #case.subcase .scrollbar .handle { width:463px; height:2px; background:#c5ac76; } #case.subcase .scrollbar .handle .mousearea { position: absolute; top:-5px; left:0; width:100%; height: 10px; cursor:pointer; } #subvod { position:relative; width:100%; height:652px; padding-bottom:110px; margin:0 auto; overflow:hidden; box-sizing:border-box; background:#e8e7e3; } #subvod div { position:relative; width:100%; max-width:90%; margin:0 auto;} #subvod div ul:nth-child(1) { float:left; width:47%; margin-right:3%; } #subvod div ul:nth-child(2) { float:right; width:47%; margin-left:3%; } #subvod div ul li:nth-child(1) { position:relative; width:100%; height:0; padding-bottom:56.25%; } #subvod div ul iframe { position:absolute; width:100%; height:100%; } #subvod div ul img { width:100%; } #subvod div ul li.t2 { width:100%; height:65px; line-height:65px; text-align:center; font-size:18px; font-weight:400; color:#414141; background:#ffffff; } #subreview { position:relative; width:100%; height:800px; margin:0 auto; overflow:hidden; box-sizing:border-box; } #subreview .title { position:relative; width:90%; margin:0 auto; font-size:38px; color:#505050; font-family: 'MaruBuri'; line-height:100%; } #subreview .reviewimgwrap { position:relative; width:90%; margin:0 auto; padding-top:160px; } #subreview .reviewimgwrap .reviewimg { width:100%; height:396px; overflow:hidden; } #subreview .reviewimgwrap .reviewimg div { float:left; position:relative; width:850px; height:380px; text-align:center; box-sizing:border-box; cursor:pointer; } #subreview .reviewimgwrap .reviewimg div ul li.t1 { width:100%; font-size:15px; font-weight:400; color:#000000; } #subreview .reviewimgwrap .reviewimg div ul li.t2 { width:100%; font-size:32px; font-family: 'MaruBuri'; color:#000000; margin-top:20px; } #subreview .reviewimgwrap .reviewimg div ul li.t3 { width:100%; font-size:14px; font-family: 'MaruBuriSemiBold'; color:#000000; margin-top:36px; line-height:170%; } #subreview .reviewimgwrap .reviewimg div ul li.t4 { width:100%; font-size:15px; font-weight:300; color:#000000; margin-top:40px; } #subreview .reviewimgwrap .reviewimg div ul li.line { position:absolute; top:20px; right:0px; width:1px; height:300px; background:#d0d0d0; } #subreview .scrollbar2 { position:relative; width:90%; height:2px; background:#dcdbd6; margin:0 auto; margin-top:70px; z-index:2; } #subreview .scrollbar2 .handle2 { width:463px; height:2px; background:#c5ac76; } #subreview .scrollbar2 .handle2 .mousearea2 { position: absolute; top:-5px; left:0; width:100%; height: 10px; cursor:pointer; } #subreview .viewbt { position:relative; width:90%; margin:0 auto; padding-top:30px; text-align:right; } #subreview .viewbt img { display:inline-block; } #doctor { position:relative; width:100%; height:961px; background:#ffffff url('/images/sub/dr.jpg')no-repeat 50% 0; } #footer { position:relative; width:100%; height:3719px; background:url('/images/sub/footer.jpg')no-repeat 50% 0; } #subvisual2 { position:relative; width:100%; height:950px; overflow:hidden; } #subvisual2 div.bg { position:absolute; top:0px; left:0px; width:100%; height:967px; background:url('/page_KR0/02_sub/images/0201.jpg')no-repeat 50% 0; background-size:cover; } #subvisual2 div.bg2 { position:absolute; top:0px; left:0px; width:100%; height:967px; background:url('/page_KR0/02_sub/images/0202.jpg')no-repeat 50% 0; background-size:cover; } #subvisual2 div.bg3 { position:absolute; top:0px; left:0px; width:100%; height:967px; background:url('/page_KR0/02_sub/images/0203.jpg')no-repeat 50% 0; background-size:cover; } #subvisual2 div.bg4 { position:absolute; top:0px; left:0px; width:100%; height:967px; background:url('/page_KR0/02_sub/images/0204.jpg')no-repeat 50% 0; background-size:cover; } #subvisual2 ul.maintxt { position:absolute; bottom:60px; left:50%; transform:translateX(-50%); text-align:center; width:700px; } #subvisual2 ul.maintxt li.t1 { font-size:35px; color:#ffffff; font-family: 'MaruBuriSemiBold'; line-height:150%; } #subvisual2 ul.maintxt li.t2 { margin-top:20px; font-size:21px; color:#ffffff; line-height:150%; font-family: 'MaruBuriSemiBold'; } #subvisual2 .numbg { position:absolute; top:212px; left:48%; transform:translate(-50%,0%); width:346px; height:565px; animation: numbg 2s ease-out infinite 2.5s; } @keyframes numbg { 0% { width:346px; height:0px; background:url('/images/sub/vbg1.png')no-repeat 50% 0; } 100% { width:346px; height:565px; background:url('/images/sub/vbg1.png')no-repeat 50% 0; } } #subvisual2 .vnumber3 { position:absolute; top:212px; left:48%; transform:translate(-50%,0%); width:346px; height:565px; } #subvisual2 .vnumber3 li { position:absolute; color:#ffffff; font-size:38px; font-family: 'MaruBuriBold'; text-align:center; } #subvisual2 .vnumber3 li.num0 { top:331px; left:100px; animation: vnumber1 1.5s cubic-bezier(0, 0.55, 0.45, 1) both 1.5s; } #subvisual2 .vnumber3 li.num1 { top:522px; left:305px; animation: vnumber2 1.5s cubic-bezier(0, 0.55, 0.45, 1) both 1.5s; } #subvisual2 .vnumber3 li.num2 { top:440px; left:228px; animation: vnumber3 1.5s cubic-bezier(0, 0.55, 0.45, 1) both 1.5s; } #subvisual2 .vnumber3 li.num3 { top:88px; left:53px; animation: vnumber4 1.5s cubic-bezier(0, 0.55, 0.45, 1) both 1.5s; } #subvisual2 .vnumber3 li.num4 { top:6px; left:5px; animation: vnumber5 1.5s cubic-bezier(0, 0.55, 0.45, 1) both 1.5s; } @keyframes vnumber1 { 0% { top:50%; left:50%; opacity:0; filter: blur(10px); } 100% { top:331px; left:100px; opacity:1;filter: blur(0px); } } @keyframes vnumber2 { 0% { top:50%; left:50%; opacity:0; filter: blur(10px);} 100% { top:522px; left:305px; opacity:1;filter: blur(0px); } } @keyframes vnumber3 { 0% { top:50%; left:50%; opacity:0; filter: blur(10px); } 100% { top:440px; left:228px; opacity:1; filter: blur(0px);} } @keyframes vnumber4 { 0% { top:50%; left:50%; opacity:0; filter: blur(10px); } 100% { top:88px; left:53px; opacity:1;filter: blur(0px); } } @keyframes vnumber5 { 0% { top:50%; left:50%; opacity:0; filter: blur(10px); } 100% { top:6px; left:5px; opacity:1;filter: blur(0px); } } #subvisual2 div.bg0701 { position:absolute; top:0px; left:0px; width:100%; height:967px; background:url('/page_KR0/07_sub/images/0701.jpg')no-repeat 50% 0; background-size:cover; } #subvisual2 div.bg0702 { position:absolute; top:0px; left:0px; width:100%; height:967px; background:url('/page_KR0/07_sub/images/0702.jpg')no-repeat 50% 0; background-size:cover; } #subvisual2 div.bg0703 { position:absolute; top:0px; left:0px; width:100%; height:967px; background:url('/page_KR0/07_sub/images/0703.jpg')no-repeat 50% 0; background-size:cover; } #subvisual2 div.bg0704 { position:absolute; top:0px; left:0px; width:100%; height:967px; background:url('/page_KR0/07_sub/images/0704.jpg')no-repeat 50% 0; background-size:cover; } #subvisual2 div.bg0705 { position:absolute; top:0px; left:0px; width:100%; height:967px; background:url('/page_KR0/07_sub/images/0705.jpg')no-repeat 50% 0; background-size:cover; } #subvisual2 div.bg0706 { position:absolute; top:0px; left:0px; width:100%; height:967px; background:url('/page_KR0/07_sub/images/0706.jpg')no-repeat 50% 0; background-size:cover; } #subvisual2 div.bg0707 { position:absolute; top:0px; left:0px; width:100%; height:967px; background:url('/page_KR0/07_sub/images/0707.jpg')no-repeat 50% 0; background-size:cover; } #subvisual2 div.bg0708 { position:absolute; top:0px; left:0px; width:100%; height:967px; background:url('/page_KR0/07_sub/images/0708.jpg')no-repeat 50% 0; background-size:cover; } #subvisual2 div.bg0709 { position:absolute; top:0px; left:0px; width:100%; height:967px; background:url('/page_KR0/07_sub/images/0709.jpg')no-repeat 50% 0; background-size:cover; } #subvisual2 div.bg0710 { position:absolute; top:0px; left:0px; width:100%; height:967px; background:url('/page_KR0/07_sub/images/0710.jpg')no-repeat 50% 0; background-size:cover; } #subvisual2 div.bg0711 { position:absolute; top:0px; left:0px; width:100%; height:967px; background:url('/page_KR0/07_sub/images/0711.jpg')no-repeat 50% 0; background-size:cover; } #subvisual2 div.bg0901 { position:absolute; top:0px; left:0px; width:100%; height:967px; background:url('/page_KR0/09_sub/images/0901.jpg')no-repeat 50% 0; background-size:cover; } #subvisual2 div.bg0902 { position:absolute; top:0px; left:0px; width:100%; height:967px; background:url('/page_KR0/09_sub/images/0902.jpg')no-repeat 50% 0; background-size:cover; } #subvisual2 div.bg0904 { position:absolute; top:0px; left:0px; width:100%; height:967px; background:url('/page_KR0/09_sub/images/0904.jpg')no-repeat 50% 0; background-size:cover; } #subvisual2 div.bg0910 { position:absolute; top:0px; left:0px; width:100%; height:967px; background:url('/page_KR0/09_sub/images/0910.jpg')no-repeat 50% 0; background-size:cover; } #subvisual2 div.bg0909 { position:absolute; top:0px; left:0px; width:100%; height:967px; background:url('/page_KR0/09_sub/images/0909.jpg')no-repeat 50% 0; background-size:cover; } #subvisual2 div.bg0903 { position:absolute; top:0px; left:0px; width:100%; height:967px; background:url('/page_KR0/09_sub/images/0903.jpg')no-repeat 50% 0; background-size:cover; } #subvisual2 div.bg0911 { position:absolute; top:0px; left:0px; width:100%; height:967px; background:url('/page_KR0/09_sub/images/0911.jpg')no-repeat 50% 0; background-size:cover; } .sub0911_01 { position:relative; width:100%; height:2005px; min-width:1280px; background:url('/page_KR0/09_sub/images/0911_01.jpg')no-repeat 50% 0; } .sub0911_02 { position:relative; width:100%; height:3757px; min-width:1280px; background:url('/page_KR0/09_sub/images/0911_02.jpg')no-repeat 50% 0; } .sub0911_03 { position:relative; width:100%; height:898px; min-width:1280px; background:url('/page_KR0/09_sub/images/0911_03.jpg')no-repeat 50% 0; } #sub2_01 { position:relative; width:100%; height:980px; overflow:hidden; } #sub2_01 div.bg { position:absolute; top:0px; left:0px; width:100%; height:980px; background:url('/images/sub/2_01.jpg')no-repeat 50% 0; background-size:cover; background-attachment: fixed; } #sub2_02 { position:relative; width:100%; height:320px; background:#404040; } #sub2_02 ul { position:relative; width:1280px; margin:0 auto; padding-top:90px; } #sub2_02 ul li.t1 { padding-top:0px; float:left; position:relative; width:42%; text-align:center; } #sub2_02 ul li.t1 img { display:inline-block; width:162px; height:17px; margin:0 auto; padding-left:180px; } #sub2_02 ul li.t2 { float:left; position:relative; width:58%; font-size:18px; font-weight:500; color:#d2d2d2; line-height:160%; } #sub2_02 ul li.t2 span { font-size:22px; color:#ffffff; padding-top:4px; } #sub2_03 { position:relative; width:100%; height:980px; overflow:hidden; } #sub2_03 div.bg { position:absolute; top:0px; left:0px; width:100%; height:980px; background:url('/page_KR0/02_sub/images/0201_01.jpg')no-repeat 50% 0; background-size:cover; background-attachment: fixed; } #sub2_03 div.bg2 { position:absolute; top:0px; left:0px; width:100%; height:980px; background:url('/page_KR0/02_sub/images/0202_01.jpg')no-repeat 50% 0; background-size:cover; background-attachment: fixed; } #sub2_03 div.bg3 { position:absolute; top:0px; left:0px; width:100%; height:980px; background:url('/page_KR0/02_sub/images/0203_01.jpg')no-repeat 50% 0; background-size:cover; background-attachment: fixed; } #sub2_03 div.bg4 { position:absolute; top:0px; left:0px; width:100%; height:980px; background:url('/page_KR0/02_sub/images/0204_01.jpg')no-repeat 50% 0; background-size:cover; background-attachment: fixed; } #sub2_03 div.bg0701_01 { position:absolute; top:0px; left:0px; width:100%; height:980px; background:url('/page_KR0/07_sub/images/0701_01.jpg')no-repeat 50% 0; background-size:cover; background-attachment: fixed; } #sub2_03 div.bg0702_01 { position:absolute; top:0px; left:0px; width:100%; height:980px; background:url('/page_KR0/07_sub/images/0702_01.jpg')no-repeat 50% 0; background-size:cover; background-attachment: fixed; } #sub2_03 div.bg0703_01 { position:absolute; top:0px; left:0px; width:100%; height:980px; background:url('/page_KR0/07_sub/images/0703_01.jpg')no-repeat 50% 0; background-size:cover; background-attachment: fixed; } #sub2_03 div.bg0704_01 { position:absolute; top:0px; left:0px; width:100%; height:980px; background:url('/page_KR0/07_sub/images/0704_01.jpg')no-repeat 50% 0; background-size:cover; background-attachment: fixed; } #sub2_03 div.bg0705_01 { position:absolute; top:0px; left:0px; width:100%; height:980px; background:url('/page_KR0/07_sub/images/0705_01.jpg')no-repeat 50% 0; background-size:cover; background-attachment: fixed; } #sub2_03 div.bg0706_01 { position:absolute; top:0px; left:0px; width:100%; height:980px; background:url('/page_KR0/07_sub/images/0706_01.jpg')no-repeat 50% 0; background-size:cover; background-attachment: fixed; } #sub2_03 div.bg0707_01 { position:absolute; top:0px; left:0px; width:100%; height:980px; background:url('/page_KR0/07_sub/images/0707_01.jpg')no-repeat 50% 0; background-size:cover; background-attachment: fixed; } #sub2_03 div.bg0708_01 { position:absolute; top:0px; left:0px; width:100%; height:980px; background:url('/page_KR0/07_sub/images/0708_01.jpg')no-repeat 50% 0; background-size:cover; background-attachment: fixed; } #sub2_03 div.bg0709_01 { position:absolute; top:0px; left:0px; width:100%; height:980px; background:url('/page_KR0/07_sub/images/0709_01.jpg')no-repeat 50% 0; background-size:cover; background-attachment: fixed; } #sub2_03 div.bg0901_01 { position:absolute; top:0px; left:0px; width:100%; height:980px; background:url('/page_KR0/09_sub/images/0901_01.jpg')no-repeat 50% 0; background-size:cover; background-attachment: fixed; } #sub2_03 div.bg0910_01 { position:absolute; top:0px; left:0px; width:100%; height:980px; background:url('/page_KR0/09_sub/images/0910_01.jpg')no-repeat 50% 0; background-size:cover; background-attachment: fixed; } #sub2_03 div.bg0904_01 { position:absolute; top:0px; left:0px; width:100%; height:980px; background:url('/page_KR0/09_sub/images/0904_01.jpg')no-repeat 50% 0; background-size:cover; background-attachment: fixed; } #sub2_03 div.bg0909_01 { position:absolute; top:0px; left:0px; width:100%; height:980px; background:url('/page_KR0/09_sub/images/0909_01.jpg')no-repeat 50% 0; background-size:cover; background-attachment: fixed; } #sub2_03 div.bg0903_01 { position:absolute; top:0px; left:0px; width:100%; height:980px; background:url('/page_KR0/09_sub/images/0903_01.jpg')no-repeat 50% 0;} #sub2_03 .maintxt { position:absolute; bottom:15%; left:15%; } #sub2_03 .maintxt li.t1 { font-size:32px; color:#ffffff; font-family: 'MaruBuriSemiBold'; line-height:150%; } #sub2_03 .maintxt li.t2 { font-size:20px; font-weight:300; color:#ffffff; line-height:160%; margin-top:20px; } .sub0204_01 { position:relative; width:100%; height:1546px; min-width:1280px; background:url('/page_KR0/02_sub/images/0204img1.jpg')no-repeat 50% 0; } .sub0204_02 { position:relative; width:100%; height:1816px; min-width:1280px; background:url('/page_KR0/02_sub/images/0204img2.jpg')no-repeat 50% 0; } .sub0906_01 { position:relative; width:100%; height:824px; min-width:1280px; background:url('/page_KR0/09_sub/images/0906_01.jpg')no-repeat 50% 0; } .sub0704__01 { position:relative; width:100%; height:834px; min-width:1280px; background:url('/page_KR0/07_sub/images/0704__01.jpg')no-repeat 50% 0; overflow:hidden; } .sub0704__02 { position:relative; width:100%; height:2386px; min-width:1280px; background:url('/page_KR0/07_sub/images/0704__02.jpg')no-repeat 50% 0; overflow:hidden; } .sub0704__03 { position:relative; width:100%; height:2111px; min-width:1280px; background:url('/page_KR0/07_sub/images/0704__03.jpg')no-repeat 50% 0; overflow:hidden; } #sub0903img2 { position:relative; width:100%; height:855px; min-width:1280px; background:url('/page_KR0/09_sub/images/0903img2.jpg')no-repeat 50% 0; } #sub0903img3 { position:relative; width:100%; height:2120px; min-width:1280px; background:url('/page_KR0/09_sub/images/0903img3.jpg')no-repeat 50% 0; } #sub0910img3 { position:relative; width:100%; height:972px; min-width:1280px; background:url('/page_KR0/09_sub/images/0910img3.jpg')no-repeat 50% 0; } #sub0910img4 { position:relative; width:100%; height:1796px; min-width:1280px; background:url('/page_KR0/09_sub/images/0910img4.jpg')no-repeat 50% 0; } #sub0711_01 { position:relative; width:100%; height:4300px; background:#404040 url('/images/sub/sub04bg.jpg')no-repeat 50% 50%; overflow:hidden; } #sub0711_01 .maintxt { position:absolute; top:184px; left:0px; width:100%; text-align:center; } #sub0711_01 .maintxt li.t1 { font-size:19px; font-weight:500; color:#c2c2c2; } #sub0711_01 .maintxt li.t2 { font-size:28px; font-weight:500; color:#ffffff; line-height:140%; margin-top:20px; } #sub0711_01 .maintxt2 { position:absolute; top:370px; left:50%; transform:translateX(-50%); width:100%; text-align:center; } #sub0711_01 .maintxt2 li.t1 { font-size:76px; color:#ffffff; font-family: 'MaruBuriSemiBold'; line-height:150%; } #sub0711_01 .maintxt2 li.t2 { font-size:76px; color:#ffffff; font-family: 'MaruBuriSemiBold'; line-height:150%; } #sub0711_01 .img1 { position:absolute; top:650px; left:55%; transform:translateX(-50%); width:624px; } #sub0711_01 .maintxt3 { position:absolute; top:1142px; left:50%; transform:translateX(-50%); width:946px; } #sub0711_01 .maintxt3 li.t1 { } #sub0711_01 .maintxt3 li.t2 { position:absolute; top:98px; left:0px; } #sub0711_01 .maintxt3 li.t3 { position:absolute; top:380px; left:336px; } #sub0711_01 .maintxt3 li.t4 { position:absolute; top:698px; right:0px; } #sub0711_01 .maintxt3 li div.txt1 { font-size:19px; font-weight:700; color:#ffffff; line-height:140%; } #sub0711_01 .maintxt3 li div.txt2 { margin-top:20px; font-size:16px; font-weight:400; color:#b1b1b1; line-height:150%; } #sub0711_01 .maintxt3 li div.txt3 { margin-top:30px; } #sub0711_01 .maintxt4 { position:absolute; top:2800px; left:50%; transform:translateX(-50%); padding:90px 0; width:90%; min-width:1280px; border:1px solid rgba(255,255,255,30%); box-sizing:border-box; } #sub0711_01 .maintxt4 .title { position:relative; width:1104px; margin:0 auto; margin-bottom:60px; text-align:center; font-size:44px; color:#ffffff; font-family: 'MaruBuriSemiBold'; letter-spacing:-1px; } #sub0711_01 .maintxt4 .txt1 { position:relative; width:1104px; margin:0 auto; overflow:hidden; margin-top:30px; padding-bottom:30px; border-bottom:1px solid #595959; } #sub0711_01 .maintxt4 .txt1 .txt1_1 { float:left; width:314px; padding-top:6px; font-size:27px; color:#d2d2d2; font-weight:500; } #sub0711_01 .maintxt4 .txt1 .txt1_2 { float:left; width:620px; font-size:19px; color:#aeaeae; font-weight:500; line-height:150%; } #sub0711_01 .maintxt4 .txt1 .txt1_2 span { font-size:16px; color:#6a6969; } #sub0711_01 .maintxt4 .txt1 .txt1_3 { float:left; width:170px; text-align:right; font-size:16px; color:#aeaeae; font-weight:600; line-height:180%; } #sub0711_01 .maintxt4 .txt1 .txt1_3 span:nth-child(1) { color:#aeaeae; text-decoration: line-through; } #sub0711_01 .maintxt4 .txt1 .txt1_3 span:nth-child(2) { padding-left:10px; color:#ffffff; } #sub0711_01 .maintxt4 .txt2 { position:relative; width:1104px; height:92px; line-height:92px; margin:0 auto; font-size:17px; color:#aeaeae; font-weight:500; overflow:hidden; margin-top:50px; margin-bottom:100px; text-align:center; background:#2e2e2e; } #sub0711_01 .maintxt4 .txt2 span { padding-right:7px; color:#cd977a; } #sub0711_01 .maintxt4 .txt4 { position:relative; width:1104px; padding:40px 0; line-height:160%; margin:0 auto; font-size:17px; color:#aeaeae; font-weight:500; overflow:hidden; margin-top:50px; text-align:center; background:#2e2e2e; } #sub0711_01 .maintxt4 .txt4 span { padding-right:7px; color:#cd977a; } .sub0203_0305_1 { position:relative; width:100%; height:2171px; min-width:1280px; background:url('/page_KR0/02_sub/images/0203img1.jpg')no-repeat 50% 0; } .sub0203_0305_2 { position:relative; width:100%; height:988px; min-width:1280px; background:url('/page_KR0/02_sub/images/0203img2.jpg')no-repeat 50% 0; } #sub2_04 { position:relative; width:100%; height:3150px; background:#404040 url('/images/sub/sub04bg.jpg')no-repeat 50% bottom; overflow:hidden; } #sub2_04 .maintxt { position:absolute; top:200px; left:0px; width:100%; text-align:center; } #sub2_04 .maintxt li.t1 { font-size:19px; font-weight:500; color:#c2c2c2; } #sub2_04 .maintxt li.t2 { font-size:28px; font-weight:500; color:#ffffff; line-height:140%; margin-top:20px; } #sub2_04 .sub2_04txt { position:absolute; top:380px; left:50%; transform:translateX(-50%); width:100%; text-align:center; background:url('/page_KR0/02_sub/images/sub2_04txtbg.png')no-repeat 51% 66px; } #sub2_04 .sub2_04txt li { font-size:76px; font-weight:300; color:#ffffff; font-family: 'Unbounded', cursive; letter-spacing:2px; line-height:100%; } #sub2_04 .sub2_04txt li span { letter-spacing:2px; display:inline-block; color:#7a7a7a; } #sub2_04 .maintxt2 { position:absolute; top:910px; left:50%; transform:translateX(-50%); width:100%; text-align:center; } #sub2_04 .maintxt2 li.t1 { font-size:76px; color:#ffffff; font-family: 'MaruBuriSemiBold'; line-height:150%; } #sub2_04 .maintxt2 li.t2 { font-size:76px; color:#ffffff; font-family: 'MaruBuriSemiBold'; line-height:150%; } #sub2_04 .maintxt3 { position:absolute; top:1442px; left:50%; transform:translateX(-50%); width:946px; } #sub2_04 .maintxt3 li.t2 { position:absolute; top:98px; left:0px; } #sub2_04 .maintxt3 li.t3 { position:absolute; top:380px; left:336px; } #sub2_04 .maintxt3 li.t4 { position:absolute; top:698px; right:0px; } #sub2_04 .maintxt3 li div.txt1 { font-size:19px; font-weight:700; color:#ffffff; line-height:140%; } #sub2_04 .maintxt3 li div.txt2 { margin-top:20px; font-size:16px; font-weight:400; color:#b1b1b1; line-height:150%; } #sub2_04 .maintxt3 li div.txt3 { margin-top:30px; } #sub2_04 .bnaimg { position:absolute; top:800px; left:50%; transform:translateX(-50%); } #sub2_04 .bnaimg2 { position:absolute; top:180px; left:50%; transform:translateX(-50%); width:669px; } #sub2_04 .bnaimg2 div.txtwrap { width:100%; height:40px; background:#ffffff; font-size:15px; font-weight:500; color:#333333; text-align:center; line-height:40px; overflow:hidden; } #sub2_04 .bnaimg2 div.txtwrap span { display:block; float:left; width:50%; height:40px; } #sub0907_01 { height:800px; } #sub0907_01 .bnaimg3txt { width:100%; margin-top:0px; font-size:14px; font-weight:500; color:#878787; text-align:center; line-height:150%; } #sub0907_01 .bnaimg3 { position:relative; margin:0 auto; width:901px; } #sub0907_01 .bnaimg3 .slick-slide { position:relative; } #sub0907_01 .bnaimg3 div.txtwrap { width:100%; height:40px; background:#ffffff; font-size:15px; font-weight:500; color:#333333; background:#f0f0f0;text-align:center; line-height:40px; overflow:hidden; } #sub0907_01 .bnaimg3 div.txtwrap span { display:block; float:left; width:50%; height:40px; } #sub0907_01 .bnaimg4 { position:relative; margin:0 auto; width:980px; padding-bottom:100px; } #sub0907_01 .bnaimg4 .slick-slide { position:relative; } #sub0907_01 .slick-slide { position:relative; } #sub0907_01 .slick-dots { position:absolute; bottom:-50px; left:0; width:100%; text-align:center; } #sub0907_01 .slick-dots li { display:inline-block; width:21px; height:21px; background:#ddd; border:1px solid #ffffff; border-radius:100%; box-sizing:border-box; margin:0 6px; cursor:pointer; } #sub0907_01 .slick-dots li.slick-active { background:#404040; } #sub0907_03 { position:relative; margin:0 auto; width:100%; background:#f7f6f1; } #sub2_04 .slick-slide { position:relative; } #sub2_04 .slick-dots { position:absolute; bottom:-50px; left:0; width:100%; text-align:center; } #sub2_04 .slick-dots li { display:inline-block; width:21px; height:21px; background:#404040; border:1px solid #ffffff; border-radius:100%; box-sizing:border-box; margin:0 6px; cursor:pointer; } #sub2_04 .slick-dots li.slick-active { background:#ffffff; } #sub2_04 .maintxt4 { position:absolute; top:1276px; left:50%; transform:translateX(-50%); width:100%; text-align:center; } #sub2_04 .maintxt4 li.t1 { font-size:45px; color:#ffffff; font-family: 'MaruBuriSemiBold'; line-height:150%; } #sub2_04 .maintxt4 li.t2 { margin-top:10px; font-size:27px; color:#ffffff; font-weight:600; line-height:100%; } #sub2_04 .maintxt4 li.t3 { margin-top:50px; font-size:16px; color:#ffffff; font-weight:500; line-height:180%; } #sub2_04.sub0901_02 { height:1422px; background:#242424; } #sub2_04.sub0901_02 .maintxt4 { position:absolute; top:860px; left:50%; transform:translateX(-50%); width:100%; text-align:center; } #sub2_04.sub0901_02 .maintxt4 li.t1 { font-size:63px; color:#ffffff; font-family: 'MaruBuriSemiBold'; line-height:150%; } #sub2_04.sub0901_02 .maintxt4 li.t2 { font-size:21px; color:#bcbcbc; line-height:150%; } #sub2_04.sub0901_02 .maintxt9 { position:absolute; top:850px; left:50%; transform:translateX(-50%); } #notice_content2 { position:relative; width:100%; max-width:1280px; border-top:2px solid #000; margin:0 auto; } .qnawrap2 { position:relative; width:100%; border-bottom:1px solid #e0e0e0; } /* padding:28px 0 80px 0; */ .qnawrap2 .question_notice { position:relative; width:100%; height:76px; line-height:76px; overflow:hidden; background:#fff; cursor:pointer; box-sizing:border-box; } .qnawrap2 .question_notice ul li.question { position:absolute; top:50%; left:60px; transform:translateY(-50%); width:44px; height:44px; line-height:38px; text-align:center; font-size:22px; font-weight:700; color:#fff; background:#322417; border-radius: 100%; } .qnawrap2 .question_notice ul li.questiontitle { width:100%; color:#000000; font-size:19px; font-weight:500; padding-left:120px; box-sizing:border-box; } .qnawrap2 .imgs { position:absolute; top:32px; right:40px; width:19px; height:14px; transform: rotate(0deg); } .qnawrap2 .answer_notice { display:none; position:relative; width:100%; padding-left:120px; box-sizing:border-box; overflow:hidden; } .qnawrap2 .answer_notice ul li.answertitle { width:94%; padding:40px 0; font-size:17px; color:#6e6e6e; line-height:180%; } .qnawrap2.active .question_notice { border-bottom:1px solid #e0e0e0; background:#fdf9f5; } .qnawrap2.active .answer_notice { display:block; } .qnawrap2.active .imgs { transform: rotate(180deg); } #notice_content3 { position:relative; width:100%; max-width:826px; margin:0 auto; overflow:hidden; } .qnawrap3 { position:relative; width:100%; border-bottom:1px solid #e0e0e0; } /* padding:28px 0 80px 0; */ .qnawrap3 .question_notice { position:relative; width:100%; height:76px; line-height:76px; overflow:hidden; background:#e6e4e1; cursor:pointer; box-sizing:border-box;border-bottom:1px solid #cfcfcf; } .qnawrap3 .question_notice ul li.question { position:absolute; top:50%; left:0px; transform:translateY(-50%); width:55px; height:44px; line-height:40px; text-align:center; font-size:24px; font-weight:500; color:#3d3935; background:#d2d0cd; border-radius:14px; box-sizing:border-box; } .qnawrap3 .question_notice ul li.questiontitle { width:100%; color:#3d3935; font-size:22px; font-weight:600; padding-left:80px; box-sizing:border-box; } .qnawrap3 .imgs { position:absolute; top:32px; right:40px; width:35px; height:35px; transform: rotate(0deg); } .qnawrap3 .answer_notice { display:none; position:relative; width:100%; padding-left:80px; box-sizing:border-box;border-bottom:1px solid #cfcfcf; overflow:hidden; } .qnawrap3 .answer_notice ul li.question { position:absolute; top:50%; left:0px; transform:translateY(-50%); width:55px; height:44px; line-height:40px; text-align:center; font-size:24px; font-weight:500; color:#3d3935; background:#f2ece3; border-radius:14px; box-sizing:border-box; } .qnawrap3 .answer_notice ul li.answertitle { width:94%; padding:30px 0; font-size:21px; font-weight:500; color:#444444; line-height:140%; } .qnawrap3.active .question_notice { } .qnawrap3.active .answer_notice { display:block; } .qnawrap3.active .imgs { transform: rotate(180deg); } #sub2_04.sub0202_02 { height:1676px; } #sub2_04.sub0203_01 { height:1683px; background:url('/page_KR0/02_sub/images/0203_02.jpg')no-repeat 50% 0; background-size:cover; } #sub2_04.sub0701_02 { height:1705px; background:#242424; } #sub2_04 .maintxt5 { position:absolute; top:940px; left:50%; transform:translateX(-50%); width:90%; padding:90px 0; border:1px solid rgba(255,255,255,20%); box-sizing:border-box; } #sub2_04 .maintxt5 li.t1 { width:914px; margin:0 auto; text-align:center; font-size:45px; color:#ffffff; font-family: 'MaruBuri'; line-height:140%; letter-spacing:-1px; } #sub2_04 .maintxt5 li.t2 { width:914px; margin:0 auto; padding-top:70px; overflow:hidden; padding-bottom:38px; border-bottom:1px solid rgba(255,255,255,20%); } #sub2_04 .maintxt5 li.t2 div.txtleft { float:left; width:314px; text-align:left; padding-left:78px; box-sizing:border-box; font-size:28px; color:#d2d2d2; font-weight:600; line-height:140%; } #sub2_04 .maintxt5 li.t2 div.txtright { float:left; width:600px; text-align:left; box-sizing:border-box; font-size:19px; color:#aeaeae; font-weight:500; line-height:160%; } #sub2_04 .maintxt5 li.t3 { width:914px; margin:0 auto; padding-top:40px; overflow:hidden; background:url('/page_KR0/07_sub/images/0701_02bg1.jpg')no-repeat 200px 44px; } #sub2_04 .maintxt5 li.t3 div.txtleft { float:left; width:314px; text-align:left; padding-left:78px; box-sizing:border-box; font-size:28px; color:#d2d2d2; font-weight:600; line-height:140%; } #sub2_04 .maintxt5 li.t3 div.txtright { float:left; width:600px; text-align:left; box-sizing:border-box; font-size:19px; color:#aeaeae; font-weight:500; line-height:160%; } #sub2_04 .maintxt5 li.t4 { width:914px; margin:0 auto; padding-top:70px; overflow:hidden; padding-bottom:38px; border-bottom:1px solid rgba(255,255,255,20%); background:url('/page_KR0/07_sub/images/0701_02bg1.jpg')no-repeat 200px 70px; } #sub2_04 .maintxt5 li.t4 div.txtleft { float:left; width:314px; text-align:left; padding-left:78px; box-sizing:border-box; font-size:28px; color:#d2d2d2; font-weight:600; line-height:140%; } #sub2_04 .maintxt5 li.t4 div.txtright { float:left; width:600px; text-align:left; box-sizing:border-box; font-size:19px; color:#aeaeae; font-weight:500; line-height:160%; } #sub2_04 .maintxt5 li.t5 { width:914px; margin:0 auto; padding-top:40px; overflow:hidden; } #sub2_04 .maintxt5 li.t5 div.txtleft { float:left; width:314px; text-align:left; padding-left:78px; box-sizing:border-box; font-size:28px; color:#d2d2d2; font-weight:600; line-height:140%; } #sub2_04 .maintxt5 li.t5 div.txtright { float:left; width:600px; text-align:left; box-sizing:border-box; font-size:19px; color:#aeaeae; font-weight:500; line-height:160%; } #sub2_04.sub0701_02_2 { height:705px; padding-top:120px; background:#242424; } #sub2_04 .maintxt5_2 { position:relative; width:90%; max-width:1380px; padding:90px 0; margin:0 auto; border:1px solid rgba(255,255,255,20%); box-sizing:border-box; } #sub2_04 .maintxt5_2 li.t1 { width:914px; margin:0 auto; text-align:center; font-size:45px; color:#ffffff; font-family: 'MaruBuri'; line-height:140%; letter-spacing:-1px; } #sub2_04 .maintxt5_2 li.t4 { width:914px; margin:0 auto; padding-top:70px; overflow:hidden; padding-bottom:38px; border-bottom:1px solid rgba(255,255,255,20%); background:url('/page_KR0/07_sub/images/0701_02bg1.jpg')no-repeat 200px 70px; } #sub2_04 .maintxt5_2 li.t4 div.txtleft { float:left; width:314px; text-align:left; padding-left:78px; box-sizing:border-box; font-size:28px; color:#d2d2d2; font-weight:600; line-height:140%; } #sub2_04 .maintxt5_2 li.t4 div.txtright { float:left; width:600px; text-align:left; box-sizing:border-box; font-size:19px; color:#aeaeae; font-weight:500; line-height:160%; } #sub2_04 .maintxt5_2 li.t5 { width:914px; margin:0 auto; padding-top:40px; overflow:hidden; } #sub2_04 .maintxt5_2 li.t5 div.txtleft { float:left; width:314px; text-align:left; padding-left:78px; box-sizing:border-box; font-size:28px; color:#d2d2d2; font-weight:600; line-height:140%; } #sub2_04 .maintxt5_2 li.t5 div.txtright { float:left; width:600px; text-align:left; box-sizing:border-box; font-size:19px; color:#aeaeae; font-weight:500; line-height:160%; } #sub2_04.sub0702_02 { height:1608px; background:#242424; } #sub2_04 .maintxt6 { position:absolute; top:1010px; left:50%; transform:translateX(-50%); width:1280px; margin:0 auto; box-sizing:border-box; overflow:hidden; } #sub2_04 .maintxt6 li.t1 { float:left; position:relative; width:50%; text-align:center; } #sub2_04 .maintxt6 li.t1 .txt1 { display:block; width:251px; height:121px; margin:0 auto; } #sub2_04 .maintxt6 li.t1 .txt2 { margin-top:50px; font-size:19px; color:#aeaeae; font-weight:500; line-height:160%; letter-spacing:-1px; } #sub2_04 .maintxt6 li.t2 { float:left; position:relative; width:50%; text-align:center; } #sub2_04 .maintxt6 li.t2 .txt1 { display:block; width:181px; height:121px; margin:0 auto; } #sub2_04 .maintxt6 li.t2 .txt2 { margin-top:50px; font-size:19px; color:#aeaeae; font-weight:500; line-height:160%; letter-spacing:-1px; } #sub2_04.sub0704_02 { height:1446px; background:#242424; } #sub2_04 .maintxt7 { position:absolute; top:1010px; left:50%; transform:translateX(-50%); width:1280px; margin:0 auto; box-sizing:border-box; overflow:hidden; } #sub2_04 .maintxt7 li.t1 { position:relative; width:100%; text-align:center; } #sub2_04 .maintxt7 li.t1 .txt1 { display:block; width:250px; height:117px; margin:0 auto; } #sub2_04 .maintxt7 li.t1 .txt2 { margin-top:50px; font-size:19px; color:#aeaeae; font-weight:500; line-height:160%; letter-spacing:-1px; } #sub2_04.sub0706_02 { height:1522px; background:#242424; } #sub2_04 .maintxt8 { position:absolute; top:946px; left:50%; transform:translateX(-50%); width:1280px; margin:0 auto; box-sizing:border-box; overflow:hidden; } #sub2_04 .maintxt8 li.t1 { position:relative; width:100%; text-align:center; font-size:18px; color:#cfcfcf; font-weight:400; line-height:180%; } #sub2_04 .maintxt8 li.t2 { position:relative; width:100%; margin-top:50px; text-align:center; font-family: 'MaruBuri'; font-size:56px; color:#ffffff; line-height:140%; letter-spacing:-1px; } #sub2_05 { position:relative; width:100%; padding-bottom:5%; background:#404040; overflow:hidden; } #sub2_05 div.subtxt { width:1020px; height:153px; margin:0 auto; padding-bottom:142px; } #sub2_05 .slide2_05 { position:relative; width:90%; max-width:1920px; height:680px; margin:0 auto; background:#53504a; } #sub2_05 .slide2_05 div { width:100%; height:680px; cursor:pointer; } #sub2_05 .slide2_05 ul li.t1 { position:absolute; top:0px; left:0%; width:50%; height:680px; } #sub2_05 .slide2_05 .slide2_05_1 ul li.t1 { background:url('/images/sub/2_05img2.jpg')no-repeat 50% 0; } #sub2_05 .slide2_05 .slide2_05_2 ul li.t1 { background:url('/images/sub/2_05img3.jpg')no-repeat 50% 0; } #sub2_05 .slide2_05 .slide2_05_3 ul li.t1 { background:url('/images/sub/2_05img4.jpg')no-repeat 50% 0; } #sub2_05 .slide2_05 .slide2_05_4 ul li.t1 { background:url('/images/sub/2_05img5.jpg')no-repeat 50% 0; } #sub2_05 .slide2_05 .slide2_05_5 ul li.t1 { background:url('/page_KR0/07_sub/images/0701_03_5.jpg')no-repeat 50% 0; } #sub2_05 .slide2_05 .slide2_05_6 ul li.t1 { background:url('/images/sub/2_05img6.jpg')no-repeat 50% 0; } #sub2_05 .slide2_05 .slide2_05_7 ul li.t1 { background:url('/page_KR0/02_sub/images/0202_03_2.jpg')no-repeat 50% 0; } #sub2_05 .slide2_05 .slide2_05_8 ul li.t1 { background:url('/page_KR0/02_sub/images/0202_03_5.jpg')no-repeat 50% 0; } #sub2_05 .slide2_05 .slide2_05_9 ul li.t1 { background:url('/page_KR0/07_sub/images/0701_03_7.jpg')no-repeat 50% 0; } #sub2_05 .slide2_05 ul.txtwrap { position:relative; width:100%; max-width:1920px; height:680px; margin:0 auto; } #sub2_05 .slide2_05 ul.txtwrap li.t2 { position:absolute; top:0px; left:50%; width:50%; height:680px; } #sub2_05 .slide2_05 ul.txtwrap li.t2 ul { position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); text-align:center; width:100%; } #sub2_05 .slide2_05 ul.txtwrap li.t2 ul li.txt1 { font-size:23px; font-weight:400; color:#b3b2b0; line-height:140%; } #sub2_05 .slide2_05 ul.txtwrap li.t2 ul li.txt2 { margin-top:60px; font-size:20px; font-weight:400; color:#ffffff; line-height:150%; } #sub2_05 .slide2_05 ul.txtwrap li.t2 ul li.txt3 { margin-top:50px; font-size:24px; font-weight:500; color:#9d9d9d; line-height:150%; } #sub2_05 .slide2_05 ul.txtwrap li.t2 ul li.txt4 { font-size:23px; font-weight:400; color:#ffffff; line-height:150%; } #sub2_05 .slide2_05 ul.txtwrap li.t2 ul li.txt5 { margin-top:80px; font-size:20px; font-weight:400; color:#b3b2b0; line-height:160%; } #sub2_05.sub0202_03 div.subtxt { padding-top:150px; padding-bottom:142px; } #sub2_05.sub0202_03 .slide2_05 .slide2_05_1 ul li.t1 { background:url('/page_KR0/02_sub/images/0202_03_1.jpg')no-repeat 50% 0; background-size:cover; } /**/ #sub2_05.sub0202_03 .slide2_05 .slide2_05_2 ul li.t1 { background:url('/page_KR0/02_sub/images/0202_03_2.jpg')no-repeat 50% 0; background-size:cover;} #sub2_05.sub0202_03 .slide2_05 .slide2_05_3 ul li.t1 { background:url('/page_KR0/02_sub/images/0202_03_3.jpg')no-repeat 50% 0; background-size:cover;} #sub2_05.sub0202_03 .slide2_05 .slide2_05_4 ul li.t1 { background:url('/page_KR0/02_sub/images/0202_03_4.jpg')no-repeat 50% 0; background-size:cover;} #sub2_05.sub0202_03 .slide2_05 .slide2_05_5 ul li.t1 { background:url('/page_KR0/02_sub/images/0202_03_5.jpg')no-repeat 50% 0; background-size:cover;} #sub2_05.sub0202_03 .slide2_05 .slide2_05_6 ul li.t1 { background:url('/page_KR0/02_sub/images/0202_03_6.jpg')no-repeat 50% 0; background-size:cover; } #sub2_05.sub0202_03 .slide2_05 .slide2_05_7 ul li.t1 { background:url('/page_KR0/02_sub/images/0203_02_26.jpg')no-repeat 50% 0; background-size:cover; } #sub2_05.sub0203_02 div.subtxt { padding-top:150px; padding-bottom:142px; } #sub2_05.sub0203_02 .slide2_05 .slide2_05_1 ul li.t1 { background:url('/page_KR0/02_sub/images/0203_02_1.jpg')no-repeat 50% 0; background-size:cover; } #sub2_05.sub0203_02 .slide2_05 .slide2_05_2 ul li.t1 { background:url('/page_KR0/02_sub/images/0203_02_2.jpg')no-repeat 50% 0; background-size:cover; } #sub2_05.sub0203_02 .slide2_05 .slide2_05_3 ul li.t1 { background:url('/page_KR0/02_sub/images/0202_03_1.jpg')no-repeat 50% 0; background-size:cover;} #sub2_05.sub0203_02 .slide2_05 .slide2_05_4 ul li.t1 { background:url('/page_KR0/02_sub/images/0202_03_4.jpg')no-repeat 50% 0; background-size:cover;} #sub2_05.sub0203_02 .slide2_05 .slide2_05_5 ul li.t1 { background:url('/page_KR0/02_sub/images/0203_02_3.jpg')no-repeat 50% 0; background-size:cover;} #sub2_05.sub0203_02 .slide2_05 .slide2_05_6 ul li.t1 { background:url('/page_KR0/07_sub/images/0701_03_1.jpg')no-repeat 50% 0; background-size:cover; } #sub2_05.sub0203_02 .slide2_05 .slide2_05_7 ul li.t1 { background:url('/page_KR0/07_sub/images/0701_03_2.jpg')no-repeat 50% 0; background-size:cover;} #sub2_05.sub0203_02 .slide2_05 .slide2_05_8 ul li.t1 { background:url('/page_KR0/07_sub/images/0701_03_3.jpg')no-repeat 50% 0; background-size:cover;} #sub2_05.sub0203_02 .slide2_05 .slide2_05_9 ul li.t1 { background:url('/page_KR0/07_sub/images/0701_03_4.jpg')no-repeat 50% 0; background-size:cover;} #sub2_05.sub0203_02 .slide2_05 .slide2_05_10 ul li.t1 { background:url('/page_KR0/07_sub/images/0701_03_5.jpg')no-repeat 50% 0; background-size:cover; } #sub2_05.sub0203_02 .slide2_05 .slide2_05_11 ul li.t1 { background:url('/page_KR0/07_sub/images/0701_03_6.jpg')no-repeat 50% 0; background-size:cover; } #sub2_05.sub0203_02 .slide2_05 .slide2_05_12 ul li.t1 { background:url('/page_KR0/07_sub/images/0701_03_7.jpg')no-repeat 50% 0; background-size:cover;} #sub2_05.sub0203_02 .slide2_05 .slide2_05_13 ul li.t1 { background:url('/page_KR0/07_sub/images/0701_03_8.jpg')no-repeat 50% 0; background-size:cover;} #sub2_05.sub0203_02 .slide2_05 .slide2_05_14 ul li.t1 { background:url('/page_KR0/02_sub/images/0202_03_1.jpg')no-repeat 50% 0; background-size:cover;} #sub2_05.sub0203_02 .slide2_05 .slide2_05_15 ul li.t1 { background:url('/page_KR0/07_sub/images/0701_03_9.jpg')no-repeat 50% 0; background-size:cover;} #sub2_05.sub0203_02 .slide2_05 .slide2_05_16 ul li.t1 { background:url('/page_KR0/07_sub/images/0701_03_10.jpg')no-repeat 50% 0; background-size:cover;} #sub2_05.sub0203_02 .slide2_05 .slide2_05_17 ul li.t1 { background:url('/page_KR0/07_sub/images/0701_03_11.jpg')no-repeat 50% 0; background-size:cover;} #sub2_05.sub0203_02 .slide2_05 .slide2_05_18 ul li.t1 { background:url('/page_KR0/07_sub/images/0701_03_12.jpg')no-repeat 50% 0; background-size:cover;} #sub2_05.sub0203_02 .slide2_05 .slide2_05_19 ul li.t1 { background:url('/page_KR0/02_sub/images/0202_03_2.jpg')no-repeat 50% 0; background-size:cover;} #sub2_05.sub0203_02 .slide2_05 .slide2_05_20 ul li.t1 { background:url('/page_KR0/02_sub/images/0203_02_21.jpg')no-repeat 50% 0; background-size:cover; } #sub2_05.sub0203_02 .slide2_05 .slide2_05_22 ul li.t1 { background:url('/page_KR0/02_sub/images/0203_02_22.jpg')no-repeat 50% 0; background-size:cover; } #sub2_05.sub0203_02 .slide2_05 .slide2_05_23 ul li.t1 { background:url('/page_KR0/02_sub/images/0203_02_23.jpg')no-repeat 50% 0; background-size:cover; } #sub2_05.sub0203_02 .slide2_05 .slide2_05_24 ul li.t1 { background:url('/page_KR0/02_sub/images/0203_02_24.jpg')no-repeat 50% 0; background-size:cover; } #sub2_05.sub0203_02 .slide2_05 .slide2_05_25 ul li.t1 { background:url('/page_KR0/02_sub/images/0203_02_25.jpg')no-repeat 50% 0; background-size:cover;} #sub2_05.sub0203_02 .slide2_05 .slide2_05_26 ul li.t1 { background:url('/page_KR0/07_sub/images/0708_02_5.jpg')no-repeat 50% 0; background-size:cover; } #sub2_05.sub0203_02 .slide2_05 .slide2_05_27 ul li.t1 { background:url('/page_KR0/02_sub/images/0203_02_27.jpg')no-repeat 50% 0; background-size:cover; } #sub2_05.sub0203_02 .slide2_05 .slide2_05_28 ul li.t1 { background:url('/page_KR0/02_sub/images/0203_02_28.jpg')no-repeat 50% 0; background-size:cover; } #sub2_05.sub0203_02 .slide2_05 .slide2_05_29 ul li.t1 { background:url('/page_KR0/02_sub/images/0203_02_29.jpg')no-repeat 50% 0; background-size:cover; } #sub2_05.sub0203_02 .slide2_05 .slide2_05_30 ul li.t1 { background:url('/page_KR0/02_sub/images/0203_02_30.jpg')no-repeat 50% 0; background-size:cover; } #sub2_05.sub0203_02 .slide2_05 .slide2_05_31 ul li.t1 { background:url('/page_KR0/02_sub/images/0202_03_5.jpg')no-repeat 50% 0; background-size:cover;} #sub2_05.sub0707_02 .slide2_05 .slide2_05_1 ul li.t1 { background:url('/page_KR0/07_sub/images/0707_02_1.jpg')no-repeat 50% 0; background-size:cover;} #sub2_05.sub0707_02 .slide2_05 .slide2_05_2 ul li.t1 { background:url('/page_KR0/07_sub/images/0707_02_2.jpg')no-repeat 50% 0; background-size:cover; } #sub2_05.sub0708_02 .slide2_05 .slide2_05_1 ul li.t1 { background:url('/page_KR0/07_sub/images/0708_02_1.jpg')no-repeat 50% 0; background-size:cover;} #sub2_05.sub0708_02 .slide2_05 .slide2_05_2 ul li.t1 { background:url('/page_KR0/07_sub/images/0708_02_2.jpg')no-repeat 50% 0; background-size:cover;} #sub2_05.sub0708_02 .slide2_05 .slide2_05_3 ul li.t1 { background:url('/page_KR0/07_sub/images/0701_03_5.jpg')no-repeat 50% 0; background-size:cover; } #sub2_05.sub0708_02 .slide2_05 .slide2_05_4 ul li.t1 { background:url('/page_KR0/07_sub/images/0708_02_3.jpg')no-repeat 50% 0; background-size:cover;} #sub2_05.sub0708_02 .slide2_05 .slide2_05_5 ul li.t1 { background:url('/page_KR0/07_sub/images/0708_02_4.jpg')no-repeat 50% 0; background-size:cover;} #sub2_05.sub0708_02 .slide2_05 .slide2_05_6 ul li.t1 { background:url('/page_KR0/07_sub/images/0708_02_5.jpg')no-repeat 50% 0; background-size:cover; } #sub2_05 .slick-dots { position:absolute; top:-80px; left:0; width:100%; text-align:center; } #sub2_05 .slick-dots li { display:inline-block; width:21px; height:21px; background:#404040; border:1px solid #ffffff; border-radius:100%; box-sizing:border-box; margin:0 6px; cursor:pointer; } #sub2_05 .slick-dots li.slick-active { background:#ffffff; } #sub2_06 { position:relative; width:100%; height:1366px; background:url('/images/sub/2_06.jpg')no-repeat 50% 0; overflow:hidden; } #sub2_06 div.txt { position:absolute; top:20%; left:50%; transform:translate(-50%,-50%); text-align:center; font-family: 'MaruBuriSemiBold'; font-size:21px; color:#000000; line-height:150%; } #sub2_06 div.bg2 { position:absolute; top:0px; left:0px; width:100%; height:1366px; transform: scale(1) translateY(0); background:url('/page_KR0/02_sub/images/0202_03.jpg')no-repeat 50% 0; background-size:cover; } #sub2_06 div.bg { position:absolute; top:0px; left:0px; width:100%; height:1366px; transform: scale(1) translateY(0); background:url('/page_KR0/02_sub/images/0201_06.jpg')no-repeat 50% 0; background-size:cover; } #sub2_06 div.bg3 { position:absolute; top:0px; left:0px; width:100%; height:1366px; transform: scale(1) translateY(0); background:url('/page_KR0/02_sub/images/0204_03.jpg')no-repeat 50% 0; background-size:cover; } #sub2_06 div.bg0701 { position:absolute; top:0px; left:0px; width:100%; height:1366px; transform: scale(1) translateY(0); background:url('/page_KR0/07_sub/images/0701_03.jpg')no-repeat 50% 0; background-size:cover; } #sub2_07 { position:relative; width:100%; height:5049px; background:url('/images/sub/sub2_07.jpg')no-repeat 50% 0; } #jijumvisual { position:relative; width:100%; height:562px; padding-top:168px; background:#f9f9f9; border-bottom:1px solid #e2e2e1; box-sizing:border-box; } #jijumvisual h4.jijumtitle { width:100%; text-align:center; font-family: 'MaruBuriSemiBold'; font-size:35px; color:#0f0f0f; line-height:100%; letter-spacing:-1px; } #jijumvisual .jijumtab { position:relative; width:340px; margin:0 auto; padding-top:50px; overflow:hidden; text-align:center; } #jijumvisual .jijumtab ul li { float:left; width:33.333333%; margin-bottom:14px; font-size:18px; color:#787878; font-weight:500; line-height:100%; } #jijumvisual .jijumtab ul li a { color:#787878; } #jijumvisual .jijumtab ul li a:hover,.jijumtab ul li a.on { color:#000000 !important; font-weight:500 !important; } #jijumvisual .jijumtab ul li:nth-child(21) { display:none; } #jijumtxt { position:relative; width:100%; padding-top:120px; padding-bottom:128px; overflow:hidden; } #jijumtxt ul li.title { width:162px; height:36px; margin:0 auto; animation: fadeup 2.5s cubic-bezier(0, 0.55, 0.45, 1) both 0.3s; } #jijumtxt ul li.con { position:relative; width:100%; margin-top:22px; text-align:center; font-size:18px; font-weight:400; color:#272727; line-height:170%; animation: fadeup 2.5s cubic-bezier(0, 0.55, 0.45, 1) both 0.9s; } #jijumdr { position:relative; width:100%; max-width:1420px; min-width:1280px; margin:0 auto; padding-bottom:86px; border-bottom:1px solid #e2e2e1; overflow:hidden; } #jijumdr div.drrightview { position:relative; width:100%; height:1030px; overflow:hidden; } #jijumdr div.drrightview:nth-child(odd) .drtxtwrap { position:absolute; top:90px; left:0px; width:50%; height:1030px; opacity:0; filter: blur(20px); background:#f9f9f9; } #jijumdr div.drrightview:nth-child(odd) .drtxtwrap div img { width:100%; } #jijumdr div.drrightview:nth-child(odd) .drtxtwrap ul { position:relative; width:70%; margin:0 auto; padding-top:98px; text-align:left; } #jijumdr div.drrightview:nth-child(odd) .drtxtwrap ul li.title { width:100%; box-sizing:border-box; padding-left:25px; padding-bottom:32px; margin-bottom:32px; border-bottom:1px solid #e1e1e1; } #jijumdr div.drrightview:nth-child(odd) .drtxtwrap ul li.con { width:100%; margin-top:30px; font-size:15px; font-weight:300; color:#434343; line-height:180%; box-sizing:border-box; padding-left:25px; } #jijumdr div.drrightview:nth-child(odd) .drtxtwrap ul li.name { width:100%; font-size:16px; font-weight:700; color:#000000; line-height:100%; box-sizing:border-box; padding-left:25px; } #jijumdr div.drrightview:nth-child(odd) .drimgs { position:absolute; top:0px; left:50%; width:0%; height:1030px; overflow:hidden; } #jijumdr div.drrightview:nth-child(even) .drtxtwrap { position:absolute; top:90px; left:50%; width:50%; height:1030px; opacity:0; filter: blur(20px); background:#f9f9f9; } #jijumdr div.drrightview:nth-child(even) .drtxtwrap div img { width:100%; } #jijumdr div.drrightview:nth-child(even) .drtxtwrap ul { position:relative; width:70%; margin:0 auto; padding-top:98px; text-align:left; } #jijumdr div.drrightview:nth-child(even) .drtxtwrap ul li.title { width:100%; box-sizing:border-box; padding-left:25px; padding-bottom:32px; margin-bottom:32px; border-bottom:1px solid #e1e1e1; } #jijumdr div.drrightview:nth-child(even) .drtxtwrap ul li.con { width:100%; margin-top:30px; font-size:15px; font-weight:300; color:#434343; line-height:180%; box-sizing:border-box; padding-left:25px; } #jijumdr div.drrightview:nth-child(even) .drtxtwrap ul li.name { width:100%; font-size:16px; font-weight:700; color:#000000; line-height:100%; box-sizing:border-box; padding-left:25px; } #jijumdr div.drrightview:nth-child(even) .drimgs { position:absolute; top:0px; left:0%; width:0%; height:1030px; overflow:hidden; } #jijumdr.active div.drrightview .drimgs { width:50%; transition:all 1.5s cubic-bezier(0.16, 1, 0.3, 1) 0s; } #jijumdr.active div.drrightview .drtxtwrap { top:0px; opacity:1; filter: blur(0px); transition:all 1.5s cubic-bezier(0.16, 1, 0.3, 1) 0s; } #jijumdr div.drrightview .drtxtwrap ul li.con { height:720px; padding-right:10px; overflow-y: auto; } #jijumdr div.drrightview .drimgs img { display:block; position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); height:1030px; min-width:710px; } #jijumdr div.drrightview .drtxtwrap ul li.con::scrollbar { width: 5px; height:12px; } #jijumdr div.drrightview .drtxtwrap ul li.con::-webkit-scrollbar { width: 5px; height:12px; } #jijumdr div.drrightview .drtxtwrap ul li.con::scrollbar-track { background-color: #ffffff; } #jijumdr div.drrightview .drtxtwrap ul li.con::-webkit-scrollbar-track { background-color: #ffffff; top:0px; } #jijumdr div.drrightview .drtxtwrap ul li.con::scrollbar-thumb { background: #eeede5; } #jijumdr div.drrightview .drtxtwrap ul li.con::-webkit-scrollbar-thumb { background: #eeede5; } #jijumdr div.drrightview .drtxtwrap ul li.con::scrollbar-button { display: none; } #jijumdr div.drrightview .drtxtwrap ul li.con::-webkit-scrollbar-button { display: none; } #jijumdr .slick-dots { position:absolute; bottom:140px; left:0; width:50%; text-align:center; } #jijumdr .slick-dots li { display:inline-block; width:16px; height:16px; background:#ffffff; border:1px solid #363232; border-radius:100%; box-sizing:border-box; margin:0 6px; cursor:pointer; } #jijumdr .slick-dots li.slick-active { background:#363232; } #interior { position:relative; width:100%; max-width:1420px; min-width:1280px; margin:0 auto; padding-top:176px; opacity:0; filter: blur(10px); overflow:hidden; } #interior .title { width:100%; } #interior .interiorslide { position:relative; width:100%; margin-top:55px; } #interior .interiorslide .swiper-button-prev { left:-50px; width:50px; height:52px; background:url('/page_KR0/05_sub/images/btprev.jpg')no-repeat 50% 0; } #interior .interiorslide .swiper-button-next { right:-50px; width:50px; height:52px; background:url('/page_KR0/05_sub/images/btnext.jpg')no-repeat 50% 0; } #interior .interiorslide .swiper:hover .swiper-button-prev { left: 0px; } #interior .interiorslide .swiper:hover .swiper-button-next { right: 0px; } #interior .interiorslide .swiper .swiper-button-next.swiper-button-disabled,#interior .interiorslide .swiper .swiper-button-prev.swiper-button-disabled { opacity: 0; } #interior .interiorslide .swiper .swiper-button-next:after,#interior .interiorslide .swiper .swiper-button-prev:after { content:none; } #interior .interiorslide .swiper .swiper-slide img { width:100%; } #interior .swiper-scrollbar { position:relative; left:0; bottom:auto; z-index: 50; height: 4px; width:100%; margin-top:50px; border-radius:0px; } #interior .swiper-scrollbar-drag { position:relative; height: 100%; width: 100%; background: rgba(0,0,0,.5); border-radius:0px; left: 0; top: 0; } #interior.active { padding-top:76px; opacity:1; filter: blur(0px); transition:all 1.5s cubic-bezier(0.16, 1, 0.3, 1) 0s; } #information { position:relative; width:100%; max-width:1420px; min-width:1280px; margin:0 auto; padding-top:234px; opacity:0; filter: blur(10px); overflow:hidden; } #information .jijumtime { position:relative; width:100%; padding-bottom:80px; overflow:hidden; border-bottom:1px solid #e2e2e1; box-sizing:border-box;} #information .jijumtime div.divleft { float:left; position:relative; width:400px; } #information .jijumtime div.divleft span { display:block; font-size:16px; font-weight:500; color:#5a5a5a; margin-bottom:4px; } #information .jijumtime div.divright { float:left; position:relative; width:1020px; padding-left:474px; box-sizing:border-box; } #information .jijumtime div.divright ul li { width:100%; margin-bottom:14px; font-size:15px; font-weight:400; color:#292929; } #information .jijumtime div.divright ul li span { display:inline-block; width:84px; font-size:15px; font-weight:500; color:#000000; } #information .direction { position:relative; width:100%; padding-bottom:80px; padding-top:100px; overflow:hidden; border-bottom:1px solid #e2e2e1; box-sizing:border-box;} #information .direction div.divleft { float:left; position:relative; width:400px; } #information .direction div.divleft span { display:block; font-size:16px; font-weight:500; color:#5a5a5a; margin-bottom:4px; } #information .direction div.divright { float:left; position:relative; width:1020px; box-sizing:border-box; overflow:hidden; } #information .direction div.divright ul { float:left; width:400px; } #information .direction div.divright ul li.title { margin-bottom:8px; font-size:18px; font-weight:700; color:#000000; } #information .direction div.divright ul li.con { margin-bottom:66px; font-size:15px; font-weight:500; color:#5d5d5d; line-height:150%; } #information .direction div.divright div.jijummap { float:right; } #information .channel { position:relative; width:100%; padding-bottom:80px; padding-top:100px; margin-bottom:100px; overflow:hidden; border-bottom:1px solid #e2e2e1; box-sizing:border-box;} #information .channel div.divleft { float:left; position:relative; width:400px; } #information .channel div.divleft span { display:block; font-size:16px; font-weight:500; color:#5a5a5a; margin-bottom:4px; } #information .channel div.divright { float:left; position:relative; width:1020px; box-sizing:border-box; overflow:hidden; } #information .channel div.divright ul li { position:relative; width:274px; font-size:18px; font-weight:700; color:#000000; line-height:100%; margin-bottom:20px; } #information .channel div.divright ul li a { display:block; width:100%; color:#000000; } #information .channel div.divright ul li span { display:block; position:absolute; top:0px; right:0px; } #information .channel div.divright ul li img { display:inline-block; vertical-align:middle; } #information .channel div.divright ul li img:nth-child(1) { padding-right:9px; } #information.active { padding-top:134px; opacity:1; filter: blur(0px); transition:all 1.5s cubic-bezier(0.16, 1, 0.3, 1) 0s; } .visual01 { position:relative; width:100%; height:973px; overflow:hidden; } .visual01 div.bg { position:absolute; top:0px; left:0px; width:100%; height:100%; background:url('/page_KR0/01_sub/images/0101.jpg')no-repeat 50% 0; background-size:cover; animation: sectionbg 4s ease-out both 0.3s; } .visual01 ul.txt { position:absolute; bottom:15%; left:7%; } .visual01 ul.txt li.t1 { font-family: 'MaruBuriSemiBold'; font-size:39px; color:#ffffff; line-height:100%; letter-spacing:-1px; animation: fadeup 2.5s cubic-bezier(0, 0.55, 0.45, 1) both 0.3s; } .visual01 ul.txt li.t2 { margin-top:25px; font-family: 'MaruBuriSemiBold'; font-size:19px; color:#ffffff; line-height:160%; animation: fadeup 2.5s cubic-bezier(0, 0.55, 0.45, 1) both 0.6s; } .visual01 div.bg2 { position:absolute; top:0px; left:0px; width:100%; height:100%; background:url('/page_KR0/01_sub/images/0103.jpg')no-repeat 50% 0; background-size:cover; animation: sectionbg 4s ease-out both 0.3s; } .visual01 div.bg3 { position:absolute; top:0px; left:0px; width:100%; height:100%; background:url('/page_KR0/01_sub/images/0104.jpg')no-repeat 50% 0; background-size:cover; animation: sectionbg 4s ease-out both 0.3s; } .visual01 div.bg4 { position:absolute; top:0px; left:0px; width:100%; height:100%; background:url('/page_KR0/01_sub/images/0105.jpg')no-repeat 50% 0; background-size:cover; animation: sectionbg 4s ease-out both 0.3s; } .visual01 div.bg5 { position:absolute; top:0px; left:0px; width:100%; height:100%; background:url('/page_KR0/01_sub/images/0106.jpg')no-repeat 50% 0; background-size:cover; animation: sectionbg 4s ease-out both 0.3s; } .visual01 div.bg0601 { position:absolute; top:0px; left:0px; width:100%; height:100%; background:url('/page_KR0/06_sub/images/0601.jpg')no-repeat 50% 0; background-size:cover; animation: sectionbg 4s ease-out both 0.3s; } .visual01 div.bg0602 { position:absolute; top:0px; left:0px; width:100%; height:100%; background:url('/page_KR0/06_sub/images/0602.jpg')no-repeat 50% 0; background-size:cover; animation: sectionbg 4s ease-out both 0.3s; } .visual01 div.bg0603 { position:absolute; top:0px; left:0px; width:100%; height:100%; background:url('/page_KR0/06_sub/images/0603.jpg')no-repeat 50% 0; background-size:cover; animation: sectionbg 4s ease-out both 0.3s; } .visual01 div.bg0604 { position:absolute; top:0px; left:0px; width:100%; height:100%; background:url('/page_KR0/06_sub/images/0604.jpg')no-repeat 50% 0; background-size:cover; animation: sectionbg 4s ease-out both 0.3s; } .visual01 div.bg0605 { position:absolute; top:0px; left:0px; width:100%; height:100%; background:url('/page_KR0/06_sub/images/0605.jpg')no-repeat 50% 0; background-size:cover; animation: sectionbg 4s ease-out both 0.3s; } .visual01 div.bg0606 { position:absolute; top:0px; left:0px; width:100%; height:100%; background:url('/page_KR0/06_sub/images/0606.jpg')no-repeat 50% 0; background-size:cover; animation: sectionbg 4s ease-out both 0.3s; } .visual01 div.bg0607 { position:absolute; top:0px; left:0px; width:100%; height:100%; background:url('/page_KR0/06_sub/images/0607.jpg')no-repeat 50% 0; background-size:cover; animation: sectionbg 4s ease-out both 0.3s; } .sub0604_01 { position:relative; width:100%; height:350px; min-width:1280px; background:url('/page_KR0/06_sub/images/0604_01.jpg')no-repeat 50% 0; } .sub0101_01 { position:relative; width:100%; padding-top:160px; margin:0 auto; overflow:hidden; background:#e8e7e3; } .sub0101_01 ul { position:relative; width:90%; height:234px; margin:0 auto; } .sub0101_01 ul li:nth-child(1) { float:left; font-family: 'MaruBuriSemiBold'; font-size:29px; color:#000000; } .sub0101_01 ul li:nth-child(2) { float:right; width:580px; font-size:18px; font-weight:400; color:#686666; line-height:170%; } .sub0101_01 ul li:nth-child(2) span { display:block; margin-bottom:10px; font-size:22px; font-weight:600; color:#090909; } .sub0101_02 { position:relative; width:100%; margin:0 auto; overflow:hidden; background:#e8e7e3; } .sub0101_02 div { position:relative; width:90%; margin:0 auto; } .sub0101_02 div img { width:100%; } .sub0101_03 { position:relative; width:100%; height:1066px; padding-top:216px; margin:0 auto; overflow:hidden; background:#e8e7e3; } .sub0101_03 .centerdiv { position:relative; width:90%; min-width:1280px; margin:0 auto; } .sub0101_03 ul.txt { position:relative; width:100%; } .sub0101_03 ul.txt li.t1 { } .sub0101_03 ul.txt li.t2 { margin-top:25px; font-family: 'MaruBuriSemiBold'; font-size:28px; color:#000000; line-height:100%; } .sub0101_03 .mumwrap { position:relative; width:1280px; height:920px; margin:0 auto; } .sub0101_03 .mumwrap .mum1 { position:absolute; top:-40px; left:566px; width:751px; height:353px; } .sub0101_03 .mumwrap .mum1 li.num { position:absolute; bottom:0px; left:0px; } .sub0101_03 .mumwrap .mum1 li.t1 { position:absolute; top:0px; left:139px; font-size:25px; font-weight:700; color:#000000; } .sub0101_03 .mumwrap .mum1 li.t2 { position:absolute; top:44px; left:139px; font-size:15px; font-weight:400; color:#666666; line-height:170%; } .sub0101_03 .mumwrap .mum2 { position:absolute; top:314px; left:-48px; width:635px; height:377px; } .sub0101_03 .mumwrap .mum2 li.num { position:absolute; top:0px; right:0px; } .sub0101_03 .mumwrap .mum2 li.t1 { position:absolute; top:208px; left:0px; font-size:25px; font-weight:700; color:#000000; } .sub0101_03 .mumwrap .mum2 li.t2 { position:absolute; top:252px; left:0px; font-size:15px; font-weight:400; color:#666666; line-height:170%; } .sub0101_03 .mumwrap .mum3 { position:absolute; top:420px; left:608px; width:851px; height:313px; } .sub0101_03 .mumwrap .mum3 li.num { position:absolute; top:0px; left:0px; } .sub0101_03 .mumwrap .mum3 li.t1 { position:absolute; top:170px; left:216px; font-size:25px; font-weight:700; color:#000000; } .sub0101_03 .mumwrap .mum3 li.t2 { position:absolute; top:214px; left:216px; font-size:15px; font-weight:400; color:#666666; line-height:170%; } .sub0101_04 { position:relative; width:100%; margin:0 auto; overflow:hidden; background:#e8e7e3; } .sub0101_05 { padding-bottom:100px; } .sub0101_04 .centerdiv { position:relative; width:90%; min-width:1280px; margin:0 auto; } .sub0101_04 ul.txt { position:relative; width:100%; padding-top:80px; } .sub0101_04 ul.txt li.t1 { } .sub0101_04 ul.txt li.t2 { margin-top:25px; font-family: 'MaruBuriSemiBold'; font-size:28px; color:#000000; line-height:100%; } .sub0101_04 .txtbox { position:relative; width:100%; overflow:hidden; margin-top:72px; } .sub0101_04 .txtbox .boximg { float:left; position:relative; width:50%; } .sub0101_04 .txtbox .boximg img { width:100%; } .sub0101_04 .txtbox .boxtxt { float:left; position:relative; width:50%; } .sub0101_04 .txtbox .boxtxt ul { position:absolute; top:210px; left:50%; transform:translateX(-50%); width:620px; } .sub0101_04 .txtbox .boxtxt ul li.t1 { font-size:22px; font-weight:500; color:#242424; } .sub0101_04 .txtbox .boxtxt ul li.t2 { margin-top:30px; font-size:18px; font-weight:400; color:#302d2d; line-height:150%; } .sub0102_01 { position:relative; width:100%; padding-top:160px; margin:0 auto; overflow:hidden; background:#ffffff; } .sub0102_01 ul { position:relative; width:80%; height:234px; margin:0 auto; } .sub0102_01 ul li:nth-child(1) { float:left; font-family: 'MaruBuriSemiBold'; font-size:29px; color:#000000; } .sub0102_01 ul li:nth-child(2) { float:right; width:540px; font-size:16px; font-weight:400; color:#686666; line-height:160%; } .sub0102_01 ul li:nth-child(2) span { font-size:18px; font-weight:600; color:#090909; } .sub0102 { position:relative; width:100%; height:1040px; overflow:hidden; } .sub0102 div.bg { position:absolute; top:0px; left:0px; width:100%; height:1040px; background:url('/page_KR0/01_sub/images/0102.jpg')no-repeat 50% 0; background-size:cover; } .sub0102 .numbg3 { position:absolute; bottom:85px; left:49%; transform:translate(-50%,0%); width:497px; height:830px; animation: numbg2 8s ease-out both 2.5s; } @keyframes numbg2 { 0% { width:497px; height:0px; background:url('/page_KR0/01_sub/images/0201bg.png')no-repeat 0 bottom; background-position:0 bottom; } 100% { width:497px; height:830px; background:url('/page_KR0/01_sub/images/0201bg.png')no-repeat 0 bottom; background-position:0 bottom; } } .sub0102 .vnumber3 { position:absolute; top:141px; left:49%; transform:translate(-50%,0%); width:497px; height:682px; } .sub0102 .vnumber3 li { position:absolute; color:#ffffff; font-size:24px; font-family: 'MaruBuriBold'; text-align:center; } .sub0102 .vnumber3 li.num0 { top:403px; left:118px; animation: subnum0 1.5s cubic-bezier(0, 0.55, 0.45, 1) both 1.5s; } .sub0102 .vnumber3 li.num1 { top:638px; left:373px; animation: subnum01 1.5s cubic-bezier(0, 0.55, 0.45, 1) both 1.5s; } .sub0102 .vnumber3 li.num2 { top:556px; left:276px; animation: subnum02 1.5s cubic-bezier(0, 0.55, 0.45, 1) both 1.5s; } .sub0102 .vnumber3 li.num3 { top:101px; left:59px; animation: subnum03 1.5s cubic-bezier(0, 0.55, 0.45, 1) both 1.5s; } .sub0102 .vnumber3 li.num4 { top:2px; left:2px; animation: subnum04 1.5s cubic-bezier(0, 0.55, 0.45, 1) both 1.5s; } .sub0102 .vnumber3 li.num5 { top:521px; left:34px; color:rgba(255,255,255,50%); font-size:20px; } .sub0102 .vnumber3 li.num6 { top:422px; left:238px; color:rgba(255,255,255,50%); font-size:20px; } .sub0102 .vnumber3 li.num7 { top:529px; left:162px; color:rgba(255,255,255,50%); font-size:20px; } .sub0102 .vnumber3 li.num8 { top:83px; left:406px; color:rgba(255,255,255,50%); font-size:20px; } .sub0102 .vnumber3 li.num9 { top:228px; left:210px; color:rgba(255,255,255,50%); font-size:20px; } .sub0102 .vnumber3 li.num10 { top:183px; left:341px; color:rgba(255,255,255,50%); font-size:20px; } .sub0102 .vnumber3 li.num11 { top:423px; left:372px; color:rgba(255,255,255,50%); font-size:20px; } @keyframes subnum0 { 0% { top:50%; left:50%; opacity:0; filter: blur(10px); } 100% { top:408px; left:132px; opacity:1;filter: blur(0px); } } @keyframes subnum01 { 0% { top:50%; left:50%; opacity:0; filter: blur(10px);} 100% { top:646px; left:391px; opacity:1;filter: blur(0px); } } @keyframes subnum02 { 0% { top:50%; left:50%; opacity:0; filter: blur(10px); } 100% { top:543px; left:287px; opacity:1; filter: blur(0px);} } @keyframes subnum03 { 0% { top:50%; left:50%; opacity:0; filter: blur(10px); } 100% { top:101px; left:59px; opacity:1;filter: blur(0px); } } @keyframes subnum04 { 0% { top:50%; left:50%; opacity:0; filter: blur(10px); } 100% { top:2px; left:2px; opacity:1;filter: blur(0px); } } .sub0102_02 { position:relative; width:100%; height:728px; margin:0 auto; overflow:hidden; } .sub0102_02 ul.txt { position:relative; width:100%; text-align:center; padding-top:72px; line-height:190%; } .sub0102_02 ul.txt li.t1 { font-size:17px; font-weight:400; color:#686666; } .sub0102_02 ul.txt li.t1 span { font-size:19px; font-weight:600; color:#090909; } .sub0102_02 .sub2_04txt { position:absolute; top:173px; left:50%; transform:translateX(-50%); width:100%; text-align:center; background:url('/page_KR0/01_sub/images/0102_02bg.jpg')no-repeat 50% 0; } .sub0102_02 .sub2_04txt li { font-size:76px; font-weight:300; color:#878787; font-family: 'Unbounded', cursive; letter-spacing:4px; line-height:100%; } .sub0102_02 .sub2_04txt li span { letter-spacing:4px; display:inline-block; color:#000000; } .sub0102_03 { position:relative; width:100%; height:956px; background:#464645; overflow:hidden; } .sub0102_03 ul.txt { position:relative; width:100%; text-align:center; padding-top:188px; line-height:190%; } .sub0102_03 ul.txt li.t1 { position:relative; width:322px; height:64px; margin:0 auto; } .sub0102_03 ul.txt li.t2 { font-size:16px; font-weight:500; color:#ffffff; line-height:100%; margin-top:20px; } .sub0102_03 .solutionicon { position:relative; width:100%; padding-top:124px; } .sub0102_03 .solutionicon .line { position:absolute; top:242px; left:0px; width:100%; height:1px; background:#5a5a59; } .sub0102_03 .solutionicon .icon { position:relative; width:100%; max-width:1480px; min-width:1280px; margin:0 auto; height:372px; } .sub0102_03 .solutionicon .icon ul { float:left; width:25%; padding-top:112px; box-sizing:border-box; text-align:center; } .sub0102_03 .solutionicon .icon ul li:nth-child(1) { width:13px; height:13px; background:#ffffff; margin:0 auto; border-radius:100%; } .sub0102_03 .solutionicon .icon ul li:nth-child(2) { margin-top:26px; font-family: 'Poppins', sans-serif; font-size:21px; color:#ffffff; font-weight:600; letter-spacing:1px; } .sub0102_03 .solutionicon .icon ul li:nth-child(3) { margin-top:14px; font-size:24px; color:#ffffff; font-weight:500; } .sub0102_03 .solutionicon .icon ul li:nth-child(4) { margin-top:14px; font-size:16px; color:#aeaeae; font-weight:400; line-height:150%; } .sub0102_03 .solutionicon .icon ul.solution1 { background:url('/page_KR0/01_sub/images/icon1.jpg')no-repeat 50% 36px; } .sub0102_03 .solutionicon .icon ul.solution2 { background:url('/page_KR0/01_sub/images/icon2.jpg')no-repeat 50% 36px; } .sub0102_03 .solutionicon .icon ul.solution3 { background:url('/page_KR0/01_sub/images/icon3.jpg')no-repeat 50% 0; } .sub0102_03 .solutionicon .icon ul.solution4 { background:url('/page_KR0/01_sub/images/icon4.jpg')no-repeat 50% 48px; } .sub0102_04 { position:relative; width:100%; height:1160px; background:#f4f4f4; overflow:hidden; } .sub0102_04 .txt { position:relative; width:100%; text-align:center; padding-top:188px; line-height:190%; color:#000000; font-size:24px; font-family: 'MaruBuriSemiBold'; text-align:center; } .sub0102_04 .booklink { position:relative; width:1320px; margin:0 auto; overflow:hidden; padding-top:148px; } .sub0102_04 .booklink .bookleft { float:left; width:629px; } .sub0102_04 .booklink .bookleft div:nth-child(1) { float:left; padding-right:27px; border-right:1px solid #d1d1d1; box-sizing:border-box; } .sub0102_04 .booklink .bookleft div:nth-child(2) { float:left; margin-left:20px; } .sub0102_04 .booklink .bookright { float:left; width:571px; padding-left:120px; } .sub0102_04 .booklink .bookright li:nth-child(1) { font-size:18px; font-weight:600; color:#090909; line-height:150%; } .sub0102_04 .booklink .bookright li:nth-child(2) { font-size:16px; font-weight:400; color:#686666; line-height:160%; } .booklink2 { position:relative; width:1320px; margin:0 auto; overflow:hidden; padding-top:68px; text-align:center; } .booklink2 div { margin-bottom:20px; font-size:14px; color:#686666; font-weight:400; line-height:180%; } #count2 { position:relative; width:100%; height:849px; background:#ede8e1; margin:0 auto; overflow:hidden; background:url('/images/main1/count.jpg')no-repeat 50% 50%; background-size: cover; background-attachment: fixed; } #count2 .count { position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); width:1000px; } #count2 .count ul { float:left; width:50%; padding:30px 0 70px 0; text-align:center; box-sizing:border-box; border-right:1px solid rgba(255,255,255,20%); } #count2 .count ul:nth-child(2) { border-right:0px solid #bbbbbb; } #count2 .count ul li:nth-child(1) { padding-top:16px; font-size:71px; color:#ffffff; font-family: 'MaruBuriBold'; line-height:100%; letter-spacing:-1px; } #count2 .count ul li:nth-child(2) { width:100%; line-height:150%; font-size:18px; margin-top:14px; color:#ffffff; } .sub0102_05 { position:relative; width:100%; margin:0 auto; overflow:hidden; background:#f1f1f1; } .sub0102_05 .centerdiv { position:relative; width:100%; max-width:1690px; min-width:1280px; margin:0 auto; padding-top:100px; padding-bottom:100px; overflow:hidden; } .sub0102_05 ul.txt { position:relative; width:100%; padding-top:80px; } .sub0102_05 ul.txt li.t1 { } .sub0102_05 ul.txt li.t2 { margin-top:25px; font-family: 'MaruBuriSemiBold'; font-size:28px; color:#000000; line-height:100%; } .sub0102_05 .txtbox { position:relative; width:100%; overflow:hidden; } .sub0102_05 .txtbox .boximg { float:left; position:relative; width:50%; } .sub0102_05 .txtbox .boximg img { width:100%; } .sub0102_05 .txtbox .boxtxt { float:left; position:relative; width:50%; } .sub0102_05 .txtbox .boxtxt ul { position:relative; width:100%; text-align:center; padding-top:25%; } .sub0102_05 .txtbox .boxtxt ul li.t1 { font-family: 'MaruBuriSemiBold'; font-size:25px; font-weight:500; color:#000000; line-height:150%; } .sub0102_05 .txtbox .boxtxt ul li.t2 { margin-top:30px; font-size:16px; font-weight:400; color:#686666; line-height:160%; } .sub0103_02 { position:relative; width:100%; margin:0 auto; overflow:hidden; background:#e5e5e5; } .sub0103_03 { padding-bottom:100px; } .sub0103_02 .centerdiv { position:relative; width:100%; max-width:1690px; min-width:1280px; margin:0 auto; } .sub0103_02 ul.txt { position:relative; width:100%; padding-top:80px; } .sub0103_02 ul.txt li.t1 { margin-top:25px; font-family: 'MaruBuriSemiBold'; font-size:28px; color:#000000; line-height:100%; } .sub0103_02 .txtbox { position:relative; width:100%; overflow:hidden; margin-top:72px; } .sub0103_02 .txtbox .boximg { float:left; position:relative; width:710px; height:739px; } .sub0103_02 .txtbox .boximg img { width:100%; } .sub0103_02 .txtbox .boxtxt { float:left; position:absolute; top:0px; left:0px; padding-left:710px; width:100%; height:739px; box-sizing:border-box; } .sub0103_02 .txtbox .boxtxt ul { position:relative; top:50%; left:50%; transform:translate(-50%,-50%); width:510px; } .sub0103_02 .txtbox .boxtxt ul li.t1 { font-size:18px; font-weight:500; color:#090909; line-height:150%; } .sub0103_02 .txtbox .boxtxt ul li.t1 span { font-size:16px; color:#686666; font-weight:500; } .sub0103_02 .txtbox .boxtxt ul li.t2 { margin-top:28px; font-size:15px; font-weight:400; color:#302d2d; line-height:170%; } .sub0103_04 { background:#ffffff; } .sub0602wrap { position:relative; width:100%; padding:80px 0; margin:0 auto; box-sizing:border-box; } .sub0602 { position:relative; width:720px; margin:0 auto; overflow:hidden; } .sub0602 p { font-size:30px; font-weight:700; color:#000; line-height:1; padding-bottom:30px; } .sub0602 ul li label { font-size:0px; display:none; } .sub0602 ul li.name input { width:100%; height:86px; border:1px solid #000; padding:0 35px; margin-bottom:16px; font-size:20px; font-weight:700; color:#2a2a2a; } .sub0602 ul li.phone input { width:100%; height:86px; border:1px solid #000; padding:0 35px; margin-bottom:16px; font-size:20px; font-weight:700; color:#2a2a2a; } .sub0602 ul li.subject1 select { width:100%; height:86px; border:1px solid #000; padding:0 35px; margin-bottom:16px; font-size:20px; font-weight:700; color:#2a2a2a; background:url('/page_KR0/06_sub/images/subject1.jpg') no-repeat 95% 50%; -webkit-appearance: none; -moz-appearance: none; appearance : none; } .sub0602 ul li.contentinput textarea { width:100%; height:186px; border:1px solid #000; padding:35px; margin-bottom:16px; font-size:17px; font-weight:300; color:#333333; font-family: 'Noto Sans KR', sans-serif; } .sub0602 ul li.subject2 { width:100%; height:86px; border:1px solid #000; padding:0 35px; margin-bottom:16px; box-sizing:border-box; } .sub0602 ul li div.subject2left { float:left; width:134px; line-height:84px; font-size:20px; font-weight:700; color:#2a2a2a; } .sub0602 ul li div.subject2right { display:block; float:left; width:400px; height:84px;line-height:84px; } .sub0602 ul li div.subject2right input { width:18px; height:18px; vertical-align: middle; } .sub0602 ul li div.subject2right span { display:block; float:left; width:70px; height:84px; vertical-align:middle; } .sub0602 ul li div.subject2right span label { display:inline-block; padding-left:4px; font-size:17px; color:#2a2a2a; font-weight:400; vertical-align:middle; } .sub0602 ul li.fpv { width:100%; font-size:17px; color:#2a2a2a; font-weight:400; text-align:right; } .sub0602 ul li.fpv input[id="check1"] { display: none; } .sub0602 ul li.fpv input[id="check1"] + label { display: inline-block; width: 24px; height: 24px; border: 0px solid #bcbcbc; background:#e1e1e1; cursor: pointer; border-radius:100%; margin-right:8px; vertical-align: middle; } .sub0602 ul li.fpv input[id="check1"]:checked + label { background-color: #000; } .sub0602 ul li.submitbt input { width:100%; height:86px; margin-top:50px; cursor:pointer; border:1px solid #000; background:#1a1a1a; border:0px; font-size:28px; font-weight:700; color:#fff; font-family: 'Noto Sans KR', sans-serif; } .sub0602 ul li input::placeholder { color:#2a2a2a; }