.sub-title { position:relative; width:100%; height:auto; padding-top:100px; padding-bottom:8%; background:linear-gradient(#e2e9ee, #ffffff); text-align:center; box-sizing:border-box; } .sub-title.sub-title3 { height:auto; } .sub-title h1 { display:inline-block; padding:0px 18px; height:30px; line-height:30px; font-size:14px; } .sub-title .t1 { width:90%; margin:0 auto; margin-top:14px; font-size:20px; } .sub-title .t1 br { display:none; } .sub-title .sublogo { width:48px; margin:0 auto; margin-top:20px; } .sub-title .t2 { display:none; } .sub-title .t22 { position:relative; width:100%; height:280px; margin-top:24px; font-family: 'Minerva Modern Bold'; font-size:4vw; font-weight:700; color:#e2e9ee; line-height:340px; } .sub-title .t22 .bg { position:absolute; top:0px; left:0px; width:100%; height:100%; background:url('/page_KR0/02_sub/images/0201bg1.png')no-repeat 50% 0; background-size:1000px; } .sub-title .t22 .bg2 { position:absolute; top:0px; left:0px; width:100%; height:100%; background:url('/page_KR0/02_sub/images/0202bg1.png')no-repeat 50% 0; background-size:1000px; } .sub-title .t22 .bg6 { position:absolute; top:0px; left:0px; width:100%; height:100%; background:url('/page_KR0/02_sub/images/0206bg1.png')no-repeat 50% 0; background-size:1000px; } .sub-title .t22 .bg4 { position:absolute; top:0px; left:0px; width:100%; height:100%; background:url('/page_KR0/02_sub/images/0204bg1.png')no-repeat 50% 0; background-size:1000px; } .sub-titlev h1 { transform:translateY(90px); opacity:0%; filter: blur(6px); transition:all 1.2s cubic-bezier(0.25, 1, 0.5, 1) 0.1s; } .sub-titlev .t1 { transform:translateY(90px); opacity:0%; filter: blur(6px); transition:all 1.2s cubic-bezier(0.25, 1, 0.5, 1) 0.1s; } .sub-titlev .sublogo { transform:translateY(90px); opacity:0%; filter: blur(6px); transition:all 1.2s cubic-bezier(0.25, 1, 0.5, 1) 0.1s; } .sub-titlev .t2 { letter-spacing:-30px; opacity:0%; filter: blur(6px); transition:all 1.2s cubic-bezier(0.25, 1, 0.5, 1) 0.1s; } .sub-titlev .t22 { letter-spacing:-30px; opacity:0%; filter: blur(6px); transition:all 1.2s cubic-bezier(0.25, 1, 0.5, 1) 0.1s; } .sub-titlev.active h1 { transform:translateY(0px); opacity:100%; filter: blur(0px); transition:all 1.8s cubic-bezier(0.25, 1, 0.5, 1) 0.2s; } .sub-titlev.active .t1 { transform:translateY(0px); opacity:100%; filter: blur(0px); transition:all 1.8s cubic-bezier(0.25, 1, 0.5, 1) 0.5s; } .sub-titlev.active .sublogo { transform:translateY(0px); opacity:100%; filter: blur(0px); transition:all 1.8s cubic-bezier(0.25, 1, 0.5, 1) 0.8s; } .sub-titlev.active .t2 { letter-spacing:0px; opacity:100%; filter: blur(0px); transition:all 1.8s cubic-bezier(0.25, 1, 0.5, 1) 1.1s; } .sub-titlev.active .t22 { letter-spacing:0px; opacity:100%; filter: blur(0px); transition:all 1.8s cubic-bezier(0.25, 1, 0.5, 1) 1.1s; } .sub-title2 { position:relative; width:100%; padding-top:100px; background:url('/images/sub/titlebg2.jpg')no-repeat 50% 0; text-align:center; box-sizing:border-box; } .sub-title2 h1 { display:inline-block; padding:0px 18px; height:30px; line-height:30px; font-size:14px; } .sub-title2 .t1 { width:100%; margin-top:14px; font-size:20px; font-weight:600; color:#3a3a3a; line-height:100%; } .sub-title2 .visualbt { position:relative; width:120px; height:120px; margin:0 auto; z-index:1; } .sub-title2 .visualbt span { display:block; position:absolute; top:0; left:0; width:120px; height:120px; animation: rotate_image 56s linear infinite; transform-origin: 50% 50%; } @keyframes rotate_image{ 100% { transform: rotate(360deg); } } #drboxwrap { padding-bottom:80px; } #drboxwrap .drboxwrap { position:relative; width:90%; margin:0 auto; padding-top:0px; display:flex; justify-content: space-between; } #drboxwrap .drboxwrap .drbox { width:48%; margin:0 0% 6% 0%; } #drboxwrap .drboxwrap .drimgs { border-radius:10px; } #drboxwrap .drboxwrap .drtxt { width:100%; display:flex; justify-content: space-between; margin-top:14px; } #drboxwrap .drboxwrap .drtxt .drname { font-size:16px; font-weight:700; color:#424242; line-height:26px; height:26px; box-sizing:border-box; padding-left:0px; } #drboxwrap .drboxwrap .drtxt .daybt { width:26px; height:26px; } #drboxwrap .drboxwrap .drtxt .daybt a { width:26px; height:26px; line-height:22px; font-size:26px; } #drboxwrap .drboxwrap .drtxt2 { margin-top:12px; font-size:12px; padding-left:0px; } .drview { position:fixed; top:0px; left:0px; width:100%; height:100%; background:#f3f3f3; z-index:20; overflow-y:auto; } .drview p.close { top:10px; right:10px; width:36px; height:36px; background:#171f43 url(/images/sub/drclose.jpg)no-repeat 50% 50%; } .drview_visual { padding-top:50px; padding-bottom:50px; display:block; } .drview_visual div.drviewimg { position:relative; width:90%; margin:0 auto; height:auto; border-radius:14px; } .drview_visual div.dvul { position:relative; width:90%; margin:0 auto; padding-top:20px; } .drview_visual ul li.txt1 { width:100%; font-size:22px; } .drview_visual ul li.txt2 { width:100%; margin-top:10px; font-size:16px; font-weight:500; color:#646464; line-height:100%; } .drview_visual ul li.txt3 { width:100%; margin-top:20px; } .drview_visual ul li.txt3 .drstory1 { position:relative; width:100%; } .drview_visual ul li.txt3 .drstory1 li { font-size:14px; } .sub0101 { height:auto; padding:15% 0 75% 0; background:#545454 url('/page_KR0/01_sub/images/0101m.jpg')no-repeat 50% bottom; background-size:100%; } .sub0101 .subtxt { position:relative; top:0; left:0; transform:translate(0,0); width:90%; margin:0 auto; text-align:center; } .sub0101 .subtxt li.t1 { font-size:14px; } .sub0101 .subtxt li.t2 { margin-top:10px; font-size:26px; } .sub0101 .subtxt li.t3 { margin-top:20px; font-size:16px; } .sub0101_01 { padding-top:15%;} .sub0101_01 .subtxt { position:relative; width:90%; margin:0 auto; text-align:center; } .sub0101_01 .subtxt li.t1 { font-size:20px; } .sub0101_01 .subtxt li.t2 { margin-top:14px; font-size:14px; line-height:150%; } .sub0101_01 .subtxt li.t2 br { display:none; } .sub0101_01 .imgbox { position:relative; width:100%; background:linear-gradient(#ffffff, #dfe6ec); padding:5% 5% 0 5%; box-sizing:border-box; text-align:center; } .sub0101_01 .imgbox ul { position:relative; width:100%; max-width:1020px; margin:0 auto; display:flex; justify-content: space-between; } .sub0101_01 .imgbox li { width:30%; } .sub0101_01 .imgbox li.img1 { margin-top:80px; } .sub0101_01 .imgbox li.img2 { margin-top:40px; } .sub0101_02 { position:relative; width:100%; padding-top:44px; background:linear-gradient(#dfe6ec, #d0dae3); overflow:hidden; } .sub0101_02 .subtxt { width:90%; margin:0 auto; border-radius:10px; padding:54px 0px 38px 0px; } .sub0101_02 .subtxt ul li.t1 { width:90%; margin:0 auto; padding-top:30px; font-size:22px; background:url('/page_KR0/01_sub/images/0101_02_1.jpg')no-repeat 50% 0; background-size:26px; } .sub0101_02 .subtxt ul li.t2 { width:90%; margin:0 auto; padding:24px 0 30px 0; font-size:14px; font-weight:500; color:#4f4f4f; line-height:150%; background:url('/page_KR0/01_sub/images/0101_02_2.jpg')no-repeat 50% bottom; background-size:26px; } .sub0101_02 .subtxt ul li.t2 span { font-weight:600; color:#00265f; } .sub0101_03 { position:relative; width:100%; padding-top:40px; background:#d0dae3; overflow:hidden; } .sub0101_03 .txt1 { display:none; } .sub0101_03 .subtxt { position:relative; width:100%; margin-top:20px; text-align:center; } .sub0101_03 .subtxt li.t1 { font-size:20px; } .sub0101_03 .subtxt li.t2 { margin-top:20px; width:130px; height:34px; border-radius:50px; background:#00265f; text-align:center; font-size:16px; line-height:34px; margin:0 auto; margin-top:20px; } .sub0101_03 .subtxt li.t3 { width:90%; margin:0 auto; margin-top:20px; font-size:14px; } .sub0101_03 ul.subtxt2 { display:block; width:90%; margin:0 auto; background:#ffffff; border-radius:20px; padding:22px; margin-top:40px; } .sub0101_03 ul.subtxt2 li { width:100%; } .sub0101_04 { position:relative; width:100%; padding-bottom:80px; background:#d0dae3; overflow:hidden; } .sub0101_04 .subtxt { position:relative; width:100%; margin-top:50px; text-align:center; } .sub0101_04 .subtxt li.t1 { margin-top:20px; width:130px; height:34px; border-radius:50px; background:#00265f; text-align:center; font-size:16px; line-height:34px; margin:0 auto; margin-top:20px } .sub0101_04 .subtxt li.t2 { width:90%; margin:0 auto; margin-top:20px; font-size:14px; } .sub0101_04 .subtxt li.t3 { width:100%; margin-top:20px; } .sub0101_04 .subtxt li.t3 img { display:inline-block; } .sub0101_04 .subtxt li.t4 { width:90%; margin:0 auto; margin-top:20px; font-size:14px; } .sub0101_05 { position:relative; width:100%; padding:80px 0; background:#f4f7fc; overflow:hidden; } .sub0101_05 .subtxt { position:relative; width:100%; margin-top:0px; text-align:center; } .sub0101_05 .subtxt li.t1 { font-size:24px; font-weight:700; color:#3c3c3c; line-height:130%; } .sub0101_05 .subtxt li.t1 br { display:none; } .sub0101_05 .subtxt li.t2 { width:200px; margin:0 auto; margin-top:26px; } .sub0101_05 .subtxt li.t3 { font-size:14px; margin-top:26px; } .sub0101_05 .subtxt li.t4 { font-size:16px; margin-top:20px; } .sub0101_05 .subtxt li.t5 { font-size:20px; margin-top:6px; } .sub0101_05 .subtxt li.t6 { font-size:13px; margin-top:20px; } .sub0101_05 .subtxt li.t7 { width:212px; margin:0 auto; margin-top:40px; } .sub0103_01 { position:relative; width:100%; max-width:1034px; margin:0 auto; margin-bottom:70px; } .sub0103_01 .subinte { width:80%; margin:0 auto; overflow:hidden; } .sub0103_01 .imgs { width:100%; } .sub0103_01 .txt { width:100%; height:82px; line-height:82px; padding:0 42px; font-size:21px; font-weight:400; color:#1c1c1c; background:#e2e9ee; box-sizing:border-box; } .sub0103_01 .v-prev2 { position:absolute; top:46%; left:6px; width:24px; height:24px; cursor:pointer; } .sub0103_01 .v-next2 { position:absolute; top:46%; right:6px; width:24px; height:24px; cursor:pointer; } .sub0103_01 .v-pagination2 { position:absolute; bottom:28px; right:42px; left:auto; width:75px; height:30px; line-height:30px; font-family: 'Orpheus Pro'; font-size:17px; color:#ffffff; background:#1f2e5b; border-radius:50px; text-align:center; overflow: initial !important; z-index:3; } .sub0201 { position:relative; width:100%; overflow:hidden; padding-bottom:50px; } .sub0201 .boxwrap { display:flex; flex-wrap:wrap; width:90%; } .sub0201 .boxwrap .bg { position:relative; width:100%; padding-top:80%; } .sub0201 .boxwrap .txt { position:relative; width:86%; margin:0 auto; padding-top:20px; padding-bottom:50px; padding-left:0%; box-sizing:border-box; } .sub0201 .boxwrap .txt li.t1 { font-size:18px; line-height:130%; } .sub0201 .boxwrap .txt li.t2 { font-size:18px; line-height:130%; } .sub0201 .boxwrap .txt li.t2 br { display:none; } .sub0201 .boxwrap .txt li.t3 { margin-top:16px; } .sub0201 .boxwrap .txt li.t3 div { width:100%; padding:9px 20px; margin-bottom:4px; font-size:12px; border-radius:6px; } .sub0201 .boxwrap .txt li.t4 { margin-top:14px; font-size:12px; line-height:140%; } .sub0201 .boxwrap .txt li.t4 br { display:none; } .sub0201 .boxwrap .txt li.t5 a { display:inline-block; position:relative; height:34px; padding:0 16px; margin-top:20px; line-height:34px; font-size:12px; } .sub0201 .boxwrap .txt li.t5 a span { margin-left:10px; } .sub0201 .boxwrap .bg.bg1 { background:url('/page_KR0/02_sub/images/0201img1.jpg')no-repeat 50% 0; background-size:cover; } .sub0201 .boxwrap .bg.bg2 { background:url('/page_KR0/02_sub/images/0201img2.jpg')no-repeat 50% 0; background-size:cover; } .sub0201 .boxwrap .bg.bg3 { background:url('/page_KR0/02_sub/images/0201img3.jpg')no-repeat 50% 0; background-size:cover; } .sub0201 .boxwrap .bg.bg4 { background:url('/page_KR0/02_sub/images/0201img4.jpg')no-repeat 50% 0; background-size:cover; } .sub0201 .boxwrap .bg.bg5 { background:url('/page_KR0/02_sub/images/0201img5.jpg')no-repeat 50% 0; background-size:cover; } .sub0203 { position:relative; width:100%; min-width:1280px; height:6882px; background:url('/page_KR0/02_sub/images/0203.jpg')no-repeat 50% 0; } .sub0204 { position:relative; width:100%; min-width:1280px; height:2248px; background:url('/page_KR0/02_sub/images/0204.jpg')no-repeat 50% 0; } .sub0104 { position:relative; width:100%; background:linear-gradient(#ffffff, #eff3f6); } .sub0104 div.txt1 { width:100%; text-align:center; display:flex; justify-content: center; height:26px; line-height:26px; font-size:18px; font-weight:600; color:#3c3c3c; } .sub0104 div.txt1 span.t1 { display:block; width:74px; height:26px; font-size:18px; background:#339b00; border-radius:30px; text-align:center; color:#ffffff; } .sub0104 div.txt1 span.t2 { display:block; width:26px; height:26px; margin-left:10px; font-size:15px; color:#000000; background:#fab600; border-radius:30px; text-align:center; } .sub0104 div.txt1 span.t3 { display:block; width:26px; height:26px; margin-left:6px; margin-right:4px; font-size:15px; color:#000000; background:#fab600; border-radius:30px; text-align:center; } .sub0104 div.txt1 span.t4 { color:#fab600; } .sub0104 div.txt2 { width:100%; text-align:center; margin-top:10px; font-size:18px; font-weight:600; color:#3c3c3c; } .sub0104 .submap { width:90%; height:220px; margin:0 auto; margin-top:20px; } .sub0104 .submap .cont { display:none; } .sub0104 .maptxt2 { width:90%; margin:0 auto; height:38px; } .sub0104 .maptxt2 li { width:33.3333%; overflow:hidden; text-align:center; box-sizing:border-box; } .sub0104 .maptxt2 li a { display:block; width:100%; height:38px; font-size:11px; line-height:38px; } .sub0104 .maptxt2 li a img { margin-right:4px; } .sub0104 .subtimetxt { width:90%; margin:0 auto; margin-top:6px; padding-bottom:50px; } .sub0104 .subtimetxt ul.ttxt_1 { height:48px; line-height:48px; } .sub0104 .subtimetxt ul.ttxt_1 li.title { width:28%; height:48px; line-height:48px; padding-left:28px; box-sizing:border-box; font-size:14px; background:url('/page_KR0/01_sub/images/0104icon1.png')no-repeat 0px 50%; background-size:22px; } .sub0104 .subtimetxt ul.ttxt_1 li.con { width:72%; font-family: 'Montserrat'; font-size:24px; } .sub0104 .subtimetxt ul.ttxt_2 { height:auto; line-height:150%; padding-bottom:14px; } .sub0104 .subtimetxt ul.ttxt_2 li.title { width:28%; height:55px; line-height:55px; padding-left:28px; box-sizing:border-box; font-size:14px; background:url('/page_KR0/01_sub/images/0104icon2.png')no-repeat 0px 50%; background-size:22px; } .sub0104 .subtimetxt ul.ttxt_2 li.con { width:72%; font-size:14px; padding-top:14px; font-weight:600; color:#3c3c3c; } .sub0104 .subtimetxt ul.ttxt_2 li.con a { display:inline-block; vertical-align:middle; width:60px; height:22px; line-height:22px; background:#1f2e5b; font-size:12px; margin-left:6px; } .sub0104 .subtimetxt ul.ttxt_3 { width:100%; padding:20px 0; display:flex; border-bottom:1px solid #e4e4e4; } .sub0104 .subtimetxt ul.ttxt_3 li.title { width:28%; height:28px; line-height:28px; padding-left:28px; box-sizing:border-box; font-size:14px; background:url('/page_KR0/01_sub/images/0104icon3.png')no-repeat 0px 50%; background-size:22px; } .sub0104 .subtimetxt ul.ttxt_3 li.conwrap { position:relative; width:72%; padding-top:6px; } .sub0104 .subtimetxt ul.ttxt_3 ul.con { width:100%; display:flex; margin-bottom:10px; } .sub0104 .subtimetxt ul.ttxt_3 ul.con li.t1 { width:25%; font-size:12px; font-weight:400; color:#4a4a4a; } .sub0104 .subtimetxt ul.ttxt_3 ul.con li.t2 { width:75%; font-size:12px; font-weight:400; color:#4a4a4a; display:flex; align-items: center; } .sub0104 .subtimetxt ul.ttxt_3 ul.con li.t2 span.txt1 { display:block; width:16px; } .sub0104 .subtimetxt ul.ttxt_3 ul.con li.t2 span.txt2 { display:block; font-family: 'Montserrat'; width:36px; text-align:right; } .sub0104 .subtimetxt ul.ttxt_3 ul.con li.t2 span.txt3 { display:block; font-family: 'Montserrat'; width:14px; text-align:center; } .sub0104 .subtimetxt ul.ttxt_3 ul.con li.t2 span.txt4 { display:block; width:16px; } .sub0104 .subtimetxt ul.ttxt_3 ul.con li.t2 span.txt5 { display:block; font-family: 'Montserrat'; width:32px; text-align:right; margin-right:4px; } .sub0104 .subtimetxt ul.ttxt_3 ul.con li.t2 span.txt6 { font-size:12px; font-weight:500; } .sub0104 .subtimetxt ul.ttxt_4 { height:48px; line-height:48px; } .sub0104 .subtimetxt ul.ttxt_4 li.title { width:28%; height:48px; line-height:48px; padding-left:28px; box-sizing:border-box; font-size:14px; background:url('/page_KR0/01_sub/images/0104icon4.png')no-repeat 0px 50%; background-size:22px; } .sub0104 .subtimetxt ul.ttxt_4 li.con { width:72%; font-size:13px; } .sub0104 .subtimetxt ul.ttxt_5 { width:100%; height:55px; display:flex; border-bottom:1px solid #e4e4e4; } .sub0104 .subtimetxt ul.ttxt_5 li.title { width:28%; height:48px; line-height:48px; padding-left:28px; box-sizing:border-box; font-size:14px; background:url('/page_KR0/01_sub/images/0104icon5.png')no-repeat 0px 50%; background-size:22px; } .sub0104 .subtimetxt ul.ttxt_5 li.con { width:72%; font-size:13px; } .sub0104 .subtimetxt ul.ttxt_5 li.con span.t1 { display:block; width:46px; height:20px; line-height:20px; font-size:12px; } .sub0104 .subtimetxt ul.ttxt_5 li.con span.t2 { display:block; width:46px; height:20px; line-height:20px; margin-left:6px; font-size:12px; } .sub0104 .subtimetxt ul.ttxt_5 li.con span.t3 { display:block; width:20px; height:20px; line-height:20px; margin-left:10px; font-size:11px; } .sub0104 .subtimetxt ul.ttxt_5 li.con span.t4 { display:block; width:20px; height:20px; line-height:20px; margin-left:6px; margin-right:4px; font-size:11px; } .sub0104 .subtimetxt ul.ttxt_6 { width:100%; padding:20px 0; } .sub0104 .subtimetxt ul.ttxt_6 li.title { width:28%; height:38px; line-height:38px; padding-left:28px; box-sizing:border-box; font-size:14px; background:url('/page_KR0/01_sub/images/0104icon5.png')no-repeat 0px 50%; background-size:22px; } .sub0104 .subtimetxt ul.ttxt_6 li.con { position:relative; padding-top:8px; } .sub0104 .subtimetxt ul.ttxt_6 li.con div { width:100%; height:auto; margin-bottom:10px; font-size:13px; font-weight:500; color:#686868; line-height:150%; } .sub0104 .subtimetxt ul.ttxt_6 li.con div span { display:block; width:124px; height:25px; font-size:14px;padding-left:20px; margin-right:0px; margin-bottom:6px; line-height:23px; } .sub0104 .subtimetxt ul.ttxt_6 li.con div.con01 span { color:#154ed2; border:1px solid #154ed2; } .sub0104 .subtimetxt ul.ttxt_6 li.con div.con02 span { color:#09af13; border:1px solid #09af13; } .sub0104 .subtimetxt ul.ttxt_6 li.con div.con03 span { color:#dd0936; border:1px solid #dd0936; } .sub0104 .subtimetxt ul.ttxt_6 li.con div.con04 span { color:#449100; border:1px solid #449100; } .sub0202_01 { width:90%; } .sub0202_01 ul { width:48%; margin-bottom:4%; } .sub0202_01 ul li.t2 { height:auto; margin-top:-40px; padding:0 5%; padding-top:50px; padding-bottom:20px; font-size:12px; border-radius:10px; box-sizing:border-box; } .sub0202_01 ul li.t2 br { display:none; } .sub0202_01 ul li.t1 { width:80px; height:80px; margin:0 auto; } .sub0202_02 { margin-top:60px; } .sub0202_02 .title { font-size:14px; } .sub0202_02 .txt1 {margin-top:10px; font-size:22px; } .sub0202_02 .txtwrap { position:relative; width:100%; margin-top:20px; padding:100% 0 50px 0px; background:#f8f8f8 url('/page_KR0/02_sub/images/0202img1.jpg')no-repeat 50% 2%; background-size:65%; } .sub0202_02 .txtwrap ul { width:86%; margin:0 auto; } .sub0202_02 .txtwrap ul li.t1 { font-size:16px; } .sub0202_02 .txtwrap ul li.t2 { margin-top:10px; font-size:24px; } .sub0202_02 .txtwrap ul li.t3 { margin-top:10px; font-size:13px; } .sub0202_02 .txtwrap ul li.t4 { margin-top:20px; font-size:13px; } .sub0202_02 .txtwrap ul li.t5 { margin-top:30px; padding-left:16px; font-size:12px;} .sub0202_02 .txtwrap div { width:82%; margin:0 auto; margin-top:20px; padding-left:16px; font-size:12px; } .sub0202_03 { position:relative; width:100%; padding-top:80px; margin-top:60px; padding-bottom:52px; background:#f4f7fc; overflow:hidden; } .sub0202_03 .imgs { width:90%; margin:0 auto; } .sub0202_03 .txt { width:100%; text-align:center; margin-top:38px; padding-top:38px; border-top:1px solid #dae0e4; } .sub0202_03 .txt li.t1 { font-size:20px; font-weight:700; color:#3a3a3a; line-height:100%; } .sub0202_03 .txt li.t2 a { display:inline-block; position:relative; height:44px; padding:0 26px; margin-top:20px; line-height:44px; background:#d2e2ed; border-radius:50px; font-size:14px; font-weight:600; color:#202830; } .sub0202_03 .txt li.t2 a span { display:inline-block; vertical-align:middle; width:15px; height:15px; margin-left:10px; border-radius:100%; background:#202830; font-size:16px; font-weight:400; color:#ffffff; line-height:15px; text-align:center; } .sub0202_04 { position:relative; width:100%; margin-top:60px; overflow:hidden; } .sub0202_04 .title { width:100%; text-align:center; font-size:14px; font-weight:600; color:#202830; } .sub0202_04 .txt1 { width:100%; margin-top:10px; text-align:center; font-size:24px; font-weight:700; color:#3c3c3c; line-height:130%; } .sub0202_04 .txt2 { width:90%; margin:0 auto; margin-top:10px; text-align:center; font-size:14px; font-weight:500; color:#434343; line-height:140%; } .sub0202_04 .txtwrap { margin-top:20px; } .sub0202_04 .txtwrap ul { width:48%; margin-bottom:4%; border-radius:10px; padding:26px 0; } .sub0202_04 .txtwrap ul li.t1 { font-size:18px; font-weight:600; color:#fff; line-height:100%; } .sub0202_04 .txtwrap ul li.t2 { width:30px; height:1px; margin:16px auto; background:#b4b4b4; } .sub0202_04 .txtwrap ul li.t3 { width:90%; margin:0 auto; font-size:12px; } .sub0202_04 .txtwrap ul li.t3 br { display:none; } .sub0202_05 { position:relative; width:90%; height:auto; background:#e6e6e6 url('/page_KR0/02_sub/images/0202_05.jpg')no-repeat 50% 0%; background-size:100%; margin-top:50px; margin-bottom:60px; border-radius:14px; overflow:hidden; padding-top:60%; padding-bottom:10%; } .sub0202_05 ul { position:relative; top:0; left:0; transform:translate(0,0); width:82%; margin:0 auto; } .sub0202_05 ul li.t1 { font-size:20px; font-weight:700; } .sub0202_05 ul li.t2 { margin-top:12px; font-size:13px; } .sub0203_01 { margin-top:50px; margin-bottom:50px; } .sub0203_01 .title { width:100%; text-align:center; font-size:22px; font-weight:700; color:#3c3c3c; line-height:100%; } .sub0203_01 .title span { color:#04337b; } .sub0203_01 .txt1 { width:100%; margin-top:10px; text-align:center; font-size:16px; font-weight:600; color:#414141; line-height:140%; } .sub0203_01 .txt2 { width:100%; margin-top:10px; text-align:center; font-size:13px; font-weight:400; color:#676767; line-height:140%; } .sub0203_01 .txtbox { display:block; width:90%; padding:10% 7%; border-radius:10px; } .sub0203_01 .txtbox ul.txtleft { width:100%; min-height:80px; padding-left:24%; margin-left:0%; margin-top:0px; box-sizing:border-box; } .sub0203_01 .txtbox ul.txtleft li.t1 { font-size:13px; font-weight:500; color:#676767; } .sub0203_01 .txtbox ul.txtleft li.t2 { margin-top:4px; font-size:16px; font-weight:700; color:#3a3a3a; line-height:122%; } .sub0203_01 .txtbox ul.txtleft li.t2 br { display:none; } .sub0203_01 .txtbox ul.txtright { width:100%; font-size:13px; border-left:0px solid #dcdcdc; padding:0px 0px 0px 0px; } .sub0203_01 .txtbox ul.txtright br { display:none; } .sub0203_01 .txtbox.txtbox1 ul.txtleft { background:url('/page_KR0/02_sub/images/0206icon1.jpg')no-repeat 0 0; background-size:60px; } .sub0203_01 .txtbox.txtbox2 ul.txtleft { background:url('/page_KR0/02_sub/images/0206icon2.jpg')no-repeat 0 0; background-size:60px; } .sub0203_01 .txtbox.txtbox3 ul.txtleft { background:url('/page_KR0/02_sub/images/0206icon3.jpg')no-repeat 0 0; background-size:60px; } .sub0203_01 .txtbox ul.txtright2 { width:100%; border-left:0px solid #dcdcdc; padding:0px 0px 0px 0px; } .sub0203_01 .txtbox ul.txtright2 li.t1 div { width:100%; padding:8px 18px; font-size:13px; border-radius:6px; } .sub0203_01 .txtbox ul.txtright2 li.t2 { margin-top:16px; padding-left:0px; font-size:13px; } .sub0203_01 .txtbox ul.txtright2 li.t2 br { display:none; } .sub0203_01 .txtbox ul.txtright2 li.t3 a { height:34px; padding:0 20px; margin-top:16px; line-height:34px; font-size:13px; } .sub0203_01 .txtbox ul.txtright2 li.t3 a span { display:inline-block; vertical-align:middle; width:17px; height:17px; margin-left:18px; border-radius:100%; background:#202830; font-size:16px; font-weight:400; color:#ffffff; line-height:15px; text-align:center; } .sub0203_01 .txtbox.txtbox4 ul.txtleft { padding-top:1px; background:url('/page_KR0/02_sub/images/0205icon1_1.jpg')no-repeat 0 0; background-size:60px; } .sub0203_01 .txtbox.txtbox5 ul.txtleft { padding-top:1px; background:url('/page_KR0/02_sub/images/0205icon1_2.jpg')no-repeat 0 0; background-size:60px; } .sub0203_01 .txtbox.txtbox6 ul.txtleft { padding-top:1px; background:url('/page_KR0/02_sub/images/0205icon1_3.jpg')no-repeat 0 0; background-size:60px; } .sub0203_01 .txtbox.txtbox7 ul.txtleft { padding-top:1px; background:url('/page_KR0/02_sub/images/0205icon1_4.jpg')no-repeat 0 0; background-size:60px; } .sub0203_02 { margin-top:70px; } .sub0203_02 .title { font-size:22px; } .sub0203_02 .boxwrap { width:90%; margin-top:30px; } .sub0203_02 .boxwrap .bg { position:relative; width:100%; padding-top:70%; } .sub0203_02 .boxwrap .txt { position:relative; width:100%; padding:10% 8% 10% 8%; } .sub0203_02 .boxwrap .txt li.t1 { font-size:18px; } .sub0203_02 .boxwrap .txt li.t1 br { display:none; } .sub0203_02 .boxwrap .txt li.t2 { margin-top:14px; font-size:13px; } .sub0203_02 .boxwrap .txt li.t2 br { display:none; } .sub0203_03 { position:relative; width:100%; margin-top:70px; padding-bottom:30px; } .sub0203_03 .contxt { font-size:15px;} .sub0203_03 .title { margin-top:10px; font-size:22px; } .sub0203_03 .imgbox { position:relative; width:70%; max-width:540px; margin:0 auto; margin-top:20px; display:flex; flex-wrap:wrap; justify-content:center; } .sub0203_03 .imgbox .boxwrap { position:relative; width:100%; margin-bottom:5%; } .sub0203_03 .imgbox .boxwrap div.bg { position:absolute; top:0px; left:0px; width:100%; height:100%; } .sub0203_03 .imgbox .boxwrap.boxwrap1 div.bg { background:url('/page_KR0/03_sub/images/0301_04bg1.png')no-repeat 50% bottom; background-size:100%; } .sub0203_03 .imgbox .boxwrap.boxwrap2 div.bg { } /* background:url('/page_KR0/03_sub/images/0301_04bg2.png')no-repeat 50% bottom; background-size:100%; */ .sub0203_03 .imgbox .boxwrap.boxwrap3 div.bg { background:url('/page_KR0/03_sub/images/0301_04bg3.png')no-repeat 50% bottom; background-size:100%; } .sub0203_03 .imgbox .boxwrap ul { position:absolute; bottom:5%; left:5%; width:90%; } .sub0203_03 .imgbox .boxwrap ul .t1 { font-size:18px; } .sub0203_03 .imgbox .boxwrap ul .t2 { margin-top:6px; font-size:13px; line-height:140%; } .sub0203_04 { position:relative; width:100%; padding-top:30px; padding-bottom:40px; background:#f0f4f6; overflow:hidden; } .sub0203_04 .contxt { font-size:15px; } .sub0203_04 .title { width:80%; margin:0 auto; margin-top:10px; font-size:22px; } .sub0203_04 .title br { display:none; } .sub0203_04 .boxwrap { width:90%; margin:0 auto; border-radius:8px; padding:34px 0; margin-top:20px; } .sub0203_04 .boxwrap .slide0204wrap { position:relative; width:90%; max-width:1346px; margin:0 auto; display:block; } .sub0203_04 .boxwrap .slide0204wrap #slide0204 { position:relative; width:100%; overflow:hidden; } .sub0203_04 .boxwrap .slide0204wrap .slide0204 { position:relative; width:100%; overflow:hidden; } .sub0203_04 .boxwrap .slide0204wrap .slide0204 img { width:100%; } .sub0203_04 .boxwrap .slide0204wrap .slide02042 { position:relative; width:100%; overflow:hidden; } .sub0203_04 .boxwrap .slide0204wrap .slide02042 img { width:100%; } .sub0203_04 .boxwrap .slide0204wrap .imgs { position:relative; width:100%; margin-top:0px; overflow:hidden; } .sub0203_04 .boxwrap .slide0204wrap .imgs img { width:100%; } .sub0203_04 .txt { position:relative; width:100%; padding-top:30px; } .sub0203_04 .txt li.t1 { font-size:20px; } .sub0203_04 .txt li.t2 { margin-top:16px; } .sub0203_04 .txt li.t2 div { width:100%; padding:8px 24px; font-size:14px; font-weight:500; color:#676767; line-height:130%; background:#ffffff url('/page_KR0/02_sub/images/borderbg.jpg')no-repeat 0 0; border-radius:6px; } .sub0203_04 .txt li.t3 { margin-top:16px; font-size:13px; font-weight:500; color:#5c5c5c; line-height:140%; } .sub0203_04 .txt li.t3 br { display:none; } .slide0204bt { position:relative; width:100%; margin-top:30px; display:flex; justify-content:center; } .slide0204bt span { width:14px; height:14px; border-radius:100%; background:#d4d4d4; opacity:100%; } .slide0204bt span.swiper-pagination-bullet-active { background:#253049; } .slide0204bt2 { position:relative; width:100%; margin-top:30px; display:flex; justify-content:center; } .slide0204bt2 span { width:14px; height:14px; border-radius:100%; background:#d4d4d4; opacity:100%; } .slide0204bt2 span.swiper-pagination-bullet-active { background:#253049; } .sub0203_05 { margin-top:50px; } .sub0203_05 .title2 { font-size:22px; } .sub0203_05 .imgbox { width:100%; margin-top:30px; display:flex; justify-content: center; flex-wrap:wrap; } .sub0203_05 .imgbox ul { width:48%; margin-bottom:4%; } .sub0203_05 .imgbox ul:nth-child(1) { margin-right:4%; } .sub0203_05 .imgbox ul li.t1 { width:100%; border-radius:10px; overflow:hidden; } .sub0203_05 .imgbox ul li.t2 { margin-top:14px; font-size:16px; font-weight:600; color:#3a3a3a; line-height:100%; } .sub0203_05 .imgbox ul li.t3 { margin-top:6px; font-size:12px; font-weight:500; color:#676767; line-height:140%; } .sub0203_06 { position:relative; width:90%; max-width:1346px; margin:0 auto; margin-top:50px; display:block; } .sub0203_06 .imgbox2 { position:relative; width:100%; margin-bottom:5%; } .sub0203_06 .imgbox2 .title2 { width:100%; font-size:18px; font-weight:700; color:#3c3c3c; line-height:130%; } .sub0203_06 .imgbox2 ul { width:100%; margin-top:10px; } .sub0203_06 .imgbox2 ul li.t1 { width:100%; } .sub0203_06 .imgbox2 ul li.t2 { position:relative; width:100%; margin-top:20px; } .sub0203_06 .imgbox2 ul li.t2 div { position:relative; width:100%; margin-bottom:6px; padding-left:10px; box-sizing:border-box; font-size:13px; font-weight:500; color:#676767; line-height:140%; } .sub0203_06 .imgbox2 ul li.t2 div span { display:block; position:absolute; top:0px; left:0px; } .sub0203_06 .imgbox2 ul li.t2 div:last-child { margin-bottom:0px; } .sub0204_01 { position:relative; width:100%; padding-bottom:40px; overflow:hidden; } .sub0204_01 .subtxt { position:relative; width:100%; text-align:center; } .sub0204_01 .subtxt .title { font-size:20px; } .sub0204_01 .subtxt .contxt { width:80%; margin:0 auto; margin-top:10px; font-size:16px; } .sub0204_01 .subtxt .contxt2 { width:86%; margin:0 auto; margin-top:10px; font-size:13px; } .sub0204_01 .subtxt .contxt2 br { display:none; } .sub0204_01 .subtxt2 { position:relative; width:100%; margin-top:30px; text-align:center; } .sub0204_01 .subtxt2 .sublogo { width:50px; margin:0 auto; } .sub0204_01 .subtxt2 .title { margin-top:14px; font-size:24px; font-weight:700; color:#3c3c3c; line-height:130%; } .sub0204_01 .imgbox { position:relative; width:90%; margin-top:30px; display:block; } .sub0204_01 .imgbox .boxwrap { position:relative; width:100%; margin-right:0%; margin-bottom:5%; border-radius:8px; } .sub0204_01 .imgbox .boxwrap .txt { width:84%; margin:0 auto; padding:40px 0; } .sub0204_01 .imgbox .boxwrap .txt .t1 { font-size:20px; } .sub0204_01 .imgbox .boxwrap .txt li.t2 { margin-top:12px; } .sub0204_01 .imgbox .boxwrap .txt li.t2 div { font-size:13px; } .sub0204_01 .imgbox .boxwrap .txt li.t3 { margin-top:12px; font-size:13px; } .sub0204_01 .imgbox .boxwrap .txt li.t3 br { display:none; } .sub0205 { width:90%; margin:0 auto; display:flex; flex-wrap:wrap; justify-content: space-between; } .sub0205 div { position:relative; width:49%; margin-bottom:2%; padding:40px 5%; font-size:16px; box-sizing:border-box; border-radius:14px; } .sub0205 div br { display:none; } .sub0205_01 { position:relative; width:100%; text-align:center; margin-top:44px; padding-top:24px; background:url('/page_KR0/02_sub/images/0205_01_1.jpg')no-repeat 50% 0; background-size:22px; } .sub0205_01 h2 { font-size:26px; font-weight:700; color:#042f70; line-height:130%; padding-bottom:24px; background:url('/page_KR0/02_sub/images/0205_01_2.jpg')no-repeat 50% bottom; background-size:22px; } .sub0205_02 { position:relative; width:100%; margin-top:40px; overflow:hidden; } .sub0205_02 .boxwrap { display:block; position:relative; width:90%; margin:0 auto; background:#f0f4f6; border-radius:8px; } .sub0205_02 .boxwrap .bg { position:relative; width:100%; padding-top:80%; } .sub0205_02 .boxwrap .txt { position:relative; width:84%; padding:32px 0; padding-left:8%; box-sizing:border-box; } .sub0205_02 .boxwrap .txt li.t1 { font-size:22px; font-weight:700; } .sub0205_02 .boxwrap .txt li.t1 br { display:none; } .sub0205_02 .boxwrap .txt li.t2 { margin-top:10px; font-size:14px; } .sub0205_02 .boxwrap .bg { background:url('/page_KR0/02_sub/images/0205img1.jpg')no-repeat 50% 0; background-size:cover; } .sub0205_02 .boxwrap .bg.bg2 { background:url('/page_KR0/02_sub/images/0205img2.jpg')no-repeat 50% 0; background-size:cover; } #subvisual { position:relative; width:100%; height:60vh; background:#111111; overflow:hidden; } #subvisual .bg { position:absolute; top:0px; left:0px; width:100%; height:100%; } #subvisual.sub0301 .bg { background:url('/page_KR0/03_sub/images/0301.jpg')no-repeat 50% 0; background-size:cover; } #subvisual.sub0302 .bg { background:url('/page_KR0/03_sub/images/0302.jpg')no-repeat 52% 0; background-size:cover; } #subvisual.sub0303 .bg { background:url('/page_KR0/03_sub/images/0303.jpg')no-repeat 50% 0; background-size:cover; } #subvisual.sub04 .bg { background:url('/page_KR0/04_sub/images/04.jpg')no-repeat 50% 0; background-size:cover; } #subvisual.sub0501 .bg { background:url('/page_KR0/05_sub/images/0501.jpg')no-repeat 46% 0; background-size:cover; } #subvisual.sub0502 .bg { background:url('/page_KR0/05_sub/images/0502.jpg')no-repeat 50% 0; background-size:cover; } #subvisual.sub0503 .bg { background:url('/page_KR0/05_sub/images/0503.jpg')no-repeat 50% 0; background-size:cover; } #subvisual.sub0504 .bg { background:url('/page_KR0/05_sub/images/0504.jpg')no-repeat 50% 0; background-size:cover; } #subvisual.sub0505 .bg { background:url('/page_KR0/05_sub/images/0505.jpg')no-repeat 50% 0; background-size:cover; } #subvisual.sub0506 .bg { background:url('/page_KR0/05_sub/images/0506.jpg')no-repeat 50% 0; background-size:cover; } #subvisual.sub06 .bg { background:url('/page_KR0/06_sub/images/06.jpg')no-repeat 50% 0; background-size:cover; } #subvisual.sub0701 .bg { background:url('/page_KR0/07_sub/images/0701.jpg')no-repeat 50% 0; background-size:cover; } #subvisual.sub0702 .bg { background:url('/page_KR0/07_sub/images/0702.jpg')no-repeat 50% 0; background-size:cover; } #subvisual.sub0703 .bg { background:url('/page_KR0/07_sub/images/0703.jpg')no-repeat 50% 0; background-size:cover; } #subvisual .maintxt { position:absolute; top:45%; left:50%; transform:translate(-50%,-50%); width:50%; border-left:0px solid #c4d5e4; padding-left:0px; box-sizing:border-box; } #subvisual .maintxt.maintxt3 { border-left:0px solid #c4beba; } #subvisual .maintxt h1.title { font-size:14px; } #subvisual .maintxt .t1 { margin-top:8px; font-size:20px; } #subvisual .maintxt .t1 br { display:none; } #subvisual .maintxt .t2 { margin-top:6px; font-size:13px; } #subvisual.active .maintxt { left:72%; opacity:1; filter: blur(0px); transition:all 1.6s cubic-bezier(0.25, 1, 0.5, 1) 0.8s; } #subvisual .maintxt2 { position:absolute; bottom:5%; left:50%; transform:translate(-50%,0%); width:100%; height:auto; padding-top:15%; overflow:hidden; } #subvisual .maintxt2 div { position:absolute; top:-128px; left:0px; width:100%; height:auto; } #subvisual.active .maintxt2 div { top:0px; opacity:1; filter: blur(0px); transition:all 1.4s cubic-bezier(0.25, 1, 0.5, 1) 1.2s; } #subvisual.active .bg { animation: sectionbg 14s cubic-bezier(0.25, 1, 0.5, 1) both 0.3s; } @keyframes sectionbg { 0% { transform: scale(1.1) translateY(0); transform-origin: 50% 50%; } 100% { transform: scale(1) translateY(0); transform-origin: 50% 50%; } } .sub0301_01 { position:relative; width:100%; padding-top:40px; padding-bottom:50px; text-align:center; } .sub0301_01 .title { width:100%; margin-top:20px; font-size:22px; font-weight:600; color:#202830; line-height:100%; } .sub0301_01 .visualbt { width:114px; height:114px; } .sub0301_01 .visualbt span { width:114px; height:114px; } .sub0301_01 .subtxtbox { position:relative; width:90%; text-align:center; margin:0 auto; margin-top:30px; display:flex; flex-wrap:wrap; justify-content: center; } .sub0301_01 .subtxtbox ul { width:33.3333%; padding:0 0px; margin-bottom:5%; border-right:1px solid #e0e0e0; box-sizing:border-box; } .sub0301_01 .subtxtbox ul:nth-child(3) { border-right:0px; } .sub0301_01 .subtxtbox ul:last-child { border-right:0px; } .sub0301_01 .subtxtbox ul li:nth-child(1) { font-size:11px; font-weight:500px; color:#505050; line-height:100%; } .sub0301_01 .subtxtbox ul li:nth-child(2) { margin-top:6px; font-size:13px; font-weight:700; color:#000000; line-height:100%; } .sub0301_02 { position:relative; width:100%; height:auto; background:linear-gradient(#b0c2c8, #d5dad7); overflow:hidden; } .sub0301_02 .bg { position:absolute; top:5%; left:5%; transform:translateX(-50%); width:100px; height:122px; background:url('/page_KR0/03_sub/images/0301img1_1.png')no-repeat 50% 50%; background-size:100%; } .sub0301_02 .subtxt { position:relative; width:90%; margin:0 auto; padding-top:20px; text-align:center; } .sub0301_02 .subtxt li.t1 { font-size:16px; } .sub0301_02 .subtxt li.t2 { margin-top:10px; font-size:28px; } .sub0301_02 .bg3 { position:absolute; top:0px; left:0px; width:100%; height:100%; background:url('/page_KR0/03_sub/images/0301_02bg2.png')no-repeat 50% 60%; background-size:100%; opacity:0; filter: blur(4px); transition:all 1.4s cubic-bezier(0.25, 1, 0.5, 1) 0.3s; } .sub0301_02 .bg4 { position:relative; width:80%; max-width:466px; height:auto; margin:0 auto; margin-top:30px; border-radius:16px; overflow:hidden; transform:translateY(90px); opacity:0; filter: blur(4px); transition:all 1.4s cubic-bezier(0.25, 1, 0.5, 1) 0.3s; } .sub0301_02.active .bg { left:20%; opacity:1; filter: blur(0px); transition:all 1.4s cubic-bezier(0.25, 1, 0.5, 1) 0s; } .sub0301_02.active .subtxt { padding-top:80px; opacity:1; filter: blur(0px); transition:all 1.4s cubic-bezier(0.25, 1, 0.5, 1) 0.3s; } .sub0301_02.active .bg3 { top:0px; opacity:1; filter: blur(0px); transition:all 1.4s cubic-bezier(0.25, 1, 0.5, 1) 0.6s; } .sub0301_02.active .bg4 { transform:translateY(0px); opacity:1; filter: blur(0px); transition:all 1.8s cubic-bezier(0.25, 1, 0.5, 1) 0.9s; } .sub0301_03 { position:relative; width:100%; height:auto; padding-top:40px; background:linear-gradient(#d5dad7, #f3ece3); overflow:hidden; } .sub0301_03 .imgs { width:90%; max-width:650px; margin:0 auto; } .sub0301_03 .txt { width:100%; text-align:center; } .sub0301_03 .txt li.t1 { width:100%; margin-top:24px; font-family: 'Minerva Modern Bold'; font-size:4vw; font-weight:700; color:#fffbf4; line-height:100%; } .sub0301_03 .txt li.t2 a { display:inline-block; position:relative; height:36px; padding:0 16px; margin-top:26px; line-height:36px; font-size:14px; } .sub0301_04 { padding-bottom:70px; padding-top:60px; } .sub0301_04 h2 { width:90%; margin:0 auto; font-size:20px; } .sub0301_04 .imgbox { position:relative; width:70%; margin:0 auto; margin-top:20px; display:block; } .sub0301_04 .imgbox .boxwrap { position:relative; width:100%; margin-bottom:5%; } .sub0301_04 .imgbox .boxwrap div.bg { position:absolute; top:0px; left:0px; width:100%; height:100%; } .sub0301_04 .imgbox .boxwrap ul { position:absolute; bottom:5%; left:5%; width:90%; } .sub0301_04 .imgbox .boxwrap ul .t1 { font-size:18px; } .sub0301_04 .imgbox .boxwrap ul .t2 { margin-top:6px; font-size:13px; } .sub0301_04 .linkbt { text-align:center; } .sub0301_04 .linkbt a { height:36px; padding:0 16px; margin-top:30px; line-height:36px; font-size:14px; s} .sub0301_05 { padding:70px 0; } .sub0301_05 h2 { width:90%; margin:0 auto; margin-top:24px; font-size:20px; line-height:130%; } .sub0301_05 h2 br { display:none; } .sub0301_05 div.imgbox { width:90%; margin-top:30px; } .sub0301_05 div.imgbox ul { width:49%; border-radius:10px; } .sub0301_05 div.imgbox ul li.imgs { width:100%; border-radius:10px; overflow:hidden; } .sub0301_05 div.imgbox ul li.t1 { width:90%; margin:0 auto; padding-top:20px; font-size:14px; line-height:130%; } .sub0301_05 div.imgbox ul li.t2 { width:90%; margin:0 auto; padding-top:10px; padding-bottom:20px; font-size:12px; } .sub0301_06 { position:relative; width:100%; height:auto; padding-bottom:80px; background:#202830 url('/page_KR0/03_sub/images/0301_06.jpg')no-repeat right bottom; overflow:hidden; } .sub0301_06 h2 { width:90%; margin:0 auto; margin-top:10px; font-size:24px; } .sub0301_06 .txt { padding-top:60px; font-size:16px; } .sub0301_06 .boxwrap { width:90%; margin:0 auto; display:block; } .sub0301_06 .boxwrap .imgs { width:100%; max-width:475px; } .sub0301_06 .boxwrap .txtwrap { position:relative; width:100%; padding-top:16px; margin-left:0px; } .sub0301_06 .boxwrap .txtwrap li.t1 { font-size:20px; font-weight:700; color:#ffffff; } .sub0301_06 .boxwrap .txtwrap li.t2 { margin-top:6px; font-size:13px; font-weight:400; color:#c3c3c3; line-height:140%; } .sub0301_06 .boxwrap .txtwrap li.t3 { margin-top:6px; font-size:13px; font-weight:400; color:#c3c3c3; line-height:140%; } .sub0301_06 .boxwrap .txtwrap li.linkbt { } .sub0301_06 .boxwrap .txtwrap li.linkbt a { display:inline-block; position:relative; height:36px; padding:0 16px; margin-top:14px; line-height:36px; font-size:14px; } .sub0301_07 { position:relative; width:100%; height:680px; background:#afc1cd url('/page_KR0/03_sub/images/0301_07bg.jpg')no-repeat 50% 50%; overflow:hidden; } .sub0301_07.sub0701_02 { background:#e8eef2 url('/page_KR0/07_sub/images/0701_02.png')no-repeat 50% 50%; overflow:hidden; } .sub0301_07 .subtxt { position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); width:320px; height:320px; } .sub0301_07 .subtxt .imgs { position:absolute; top:0px; left:0px; animation: rotate_image 56s linear infinite; transform-origin: 50% 50%; } .sub0301_07 .subtxt ul { position:absolute; top:44%; left:50%; transform:translate(-50%,-50%); width:100%; text-align:center; } .sub0301_07 .subtxt ul li.t1 { width:52px; height:52px; } .sub0301_07 .subtxt ul li.t2 { margin-top:20px; font-size:16px; } .sub0301_07 .subtxt ul li.linkbt a { height:42px; padding:0 18px; margin-top:20px; line-height:42px; font-size:16px; } .sub0301_07 .subtxt ul li.linkbt a span { width:22px; height:22px; margin-left:18px; font-size:16px; line-height:20px; } .sub0301_07 .subtxt2 { position:absolute; top:40%; left:50%; transform:translate(-50%,-50%); width:100%; } .sub0301_07 .subtxt2 ul { width:100%; text-align:center; } .sub0301_07 .subtxt2 ul li.t1 { width:70px; height:70px; overflow:hidden; margin:0 auto; } .sub0301_07 .subtxt2 ul li.t2 { margin-top:20px; font-size:14px; } .sub0301_07 .subtxt2 ul li.t3 { margin-top:10px; font-size:22px; } .sub0301_07 .subtxt2 ul li.t4 { margin-top:10px; font-size:14px; } .sub0301_07 .subtxt2 ul li.linkbt a { height:42px; padding:0 18px; margin-top:20px; line-height:42px; font-size:16px; } .sub0301_07 .subtxt2 ul li.linkbt a span { width:22px; height:22px; margin-left:18px; font-size:16px; line-height:20px;} .sub0301_07 .txt1 { position:absolute; top:80%; left:25%; transform:translate(-50%,-50%); width:120px; height:126px; border-radius:100%; } .sub0301_07 .txt2 { position:absolute; top:15%; left:73%; transform:translate(-50%,-50%); width:80px; height:80px; border-radius:100%; } .sub0301_07 .txt3 { position:absolute; top:70%; left:80%; transform:translate(-50%,-50%); width:108px; height:108px; border-radius:100%; } .sub0301_08 { padding:70px 0; } .sub0301_08 h2.txt2 { width:90%; margin:0 auto; margin-top:10px; font-size:26px; } .sub0301_08 h2.txt2 br { display:none; } .sub0301_08 .txt { width:100%; font-size:14px; } .subcontab { display:flex; justify-content: center; margin-top:24px; height:auto; border-radius:0px; background:none; } .subcontab a { display:block; width:23%; height:32px; margin-top:0px; margin:0 1%; border-radius:32px; background:#ffffff; text-align:center; line-height:32px; font-size:14px; font-weight:500; color:#454545; cursor:pointer; } .subcontab2 { height:46px; margin-top:20px; background:#ffffff; } .subcontab2 a { display:block; width:49.5%; height:46px; line-height:46px; font-size:16px; } .subconview { display:none; position:relative; width:100%; margin-top:40px; } .subconview.active { display:block; } .subconview2 { display:none; position:relative; width:100%; } .subconview2.active { display:block; } .sub0301con1 { width:80%; margin:0 auto; display:block; } .sub0301con1 .imgs { width:100%; max-width:433px; } .sub0301con1 .txtwrap { width:100%; padding-left:0%; padding-top:30px; box-sizing:border-box; } .sub0301con1 .txtwrap .t1 { font-size:20px; } .sub0301con1 .txtwrap .t1 br { display:none; } .sub0301con1 .txtwrap .t2 { margin-top:10px; font-size:14px;} .sub0301con1 .txtwrap .t2 br { display:none; } .sub0301con2 { width:90%; border-left:1px solid #d1c6cf; margin-top:40px; padding-left:20px; } .sub0301con2 .txtwrap .t1 { font-size:32px; } .sub0301con2 .txtwrap .t2 { margin-top:20px; font-size:24px; } .sub0301con2 .txtwrap .t3 { margin-top:10px; font-size:14px; } .sub0301con3 { width:90%; margin-top:60px; } .sub0301con3 .txtwrap { width:100%; text-align:center; } .sub0301con3 .txtwrap .t2 { margin-top:8px; font-size:26px; } .sub0301con3 .txtwrap .t1 { font-size:14px; } .sub0301con3 .boxwrap { width:100%; margin-top:40px; display:flex; flex-wrap:wrap; justify-content: space-between; } .sub0301con3 .boxwrap ul { width:48%; margin-right:4%; margin-bottom:4%;border-radius:0 0 10px 10px; padding-bottom:20px; text-align:center; } .sub0301con3 .boxwrap ul:nth-child(2n) { margin-right:0px; } .sub0301con3 .boxwrap ul .imgs { width:100%; z-index:1; } .sub0301con3 .boxwrap ul .imgs img { width:100%; } .sub0301con3 .boxwrap ul li.t1 { width:40px; height:40px; margin:0 auto; margin-top:-20px; font-size:16px; line-height:40px; } .sub0301con3 .boxwrap ul li.t2 { width:100%; margin-top:10px; font-size:18px;line-height:130%; } .sub0301con3 .boxwrap ul li.t3 { width:90%; margin:0 auto; margin-top:10px; font-size:14px; } .subqna .subtxt { padding-top:50px;} .subqna .subtxt .contxt { width:140px; margin:0 auto; } .subqna .subtxt .subtitle01 { margin-top:8px; font-size:16px; } .subqna .subqnaslide { width:90%; margin:0 auto; margin-top:30px; } .subqna .subqnaslide .swiper-slide { position:relative; height:auto; border-radius:14px; background:url('/page_KR0/03_sub/images/subqnabg.jpg')no-repeat 50% 50%; background-size:cover; padding-left:5%; box-sizing:border-box; padding-top:15%; padding-bottom:5%; } .subqna .subqnaslide .swiper-slide img { display:block; width:94%; padding-top:3%; margin:0 auto; transition:all 0.6s cubic-bezier(0.25, 1, 0.5, 1) 0s; } .subqna .subqnaslide .swiper-slide.swiper-slide-active img { display:block; width:100%; padding-top:0%; transition:all 0.6s cubic-bezier(0.25, 1, 0.5, 1) 0s; } .subqna .subqnaslide .swiper-slide ul.qtxt { width:94%; display:flex; } .subqna .subqnaslide .swiper-slide ul.qtxt li:nth-child(1) { width:42px; height:42px; font-size:22px; line-height:42px; margin-top:20px; } .subqna .subqnaslide .swiper-slide ul.qtxt li:nth-child(2) { width:70%; padding:20px 16px; border-radius:8px 8px 20px 8px; font-size:16px; line-height:120%; margin-left:20px; } .subqna .subqnaslide .swiper-slide .atxt { padding-left:18%; width:85%; margin-top:14px; font-size:12px; } .subqna .subqnaslide .swiper-slide .atxt br { display:none; } .subqna .btprev2 { display:none; } .subqna .btnext2 { display:none; } .sub0301con4 { width:90%; margin:0 auto; margin-top:40px; display:block; } .sub0301con4 div.subtxt { width:100%; } .sub0301con4 div.subtxt .t1 { font-size:18px; } .sub0301con4 div.subtxt .t2 { margin-top:10px; font-size:26px; } .sub0301con4 div.txtwrap { width:100%; margin-top:24px; } .sub0301con4 div.txtwrap ul li { font-size:15px; margin-bottom:10px; } .sub0301con4 div.txtwrap ul li div { position:relative; width:100%; padding-left:12px; box-sizing:border-box; } .sub0301con4 div.txtwrap ul li div span { position:absolute; top:0px; left:0px; } .sub0301con4 div.txtwrap2 { width:100%; margin-top:24px; } .sub0301con4 div.txtwrap2 ul li { font-size:15px; margin-bottom:10px; } .sub0301con4 div.txtwrap2 ul li:last-child { margin-bottom:0px; } .sub0301con4 div.txtwrap2 ul li span { display:block; position:absolute; top:0px; left:0px; } .sub0301con5 { width:90%; height:auto; margin:0 auto; margin-top:50px; background:none; display:block; } .sub0301con5 .imgs { position:relative; top:0px; left:0px; width:100%; max-width:474px; } .sub0301con5 .txtwrap { width:100%; padding-left:0px; padding-top:26px; box-sizing:border-box; } .sub0301con5 .txtwrap .t1 { font-size:24px; } .sub0301con5 .txtwrap .t2 { margin-top:10px; font-size:14px; } .sub0301con6 { width:90%; margin-top:50px; } .sub0301con6 .txtwrap { width:100%; text-align:center; } .sub0301con6 .txtwrap .t1 { font-size:16px; } .sub0301con6 .txtwrap .t2 { margin-top:10px; font-size:24px; } .sub0301con6 .boxwrap { display:flex; flex-wrap:wrap; justify-content: space-between; margin-top:20px; } .sub0301con6 .boxwrap ul { width:48%; border-radius:18px; margin-bottom:4%; background:#ffffff; } .sub0301con6 .boxwrap ul li.imgs { width:100%; } .sub0301con6 .boxwrap ul li.imgs img { width:100%; } .sub0301con6 .boxwrap ul li.t1 { width:100%; text-align:center; padding:20px 5%; font-size:14px; box-sizing:border-box; } .sub0301con6 .boxwrap ul li.t1 br { display:none; } .sub0301con7 { width:90%; margin-top:50px; } .sub0301con7 .boxwrap { width:100%; display:flex; justify-content: space-between; margin-top:30px; } .sub0301con7 .boxwrap ul { width:48%; border-radius:18px; background:#ffffff; } .sub0301con7 .boxwrap ul li.imgs { width:100%; } .sub0301con7 .boxwrap ul li.imgs img { width:100%; } .sub0301con7 .boxwrap ul li.t1 { width:100%; text-align:center; padding:20px 5%; font-size:14px; } .sub0301con7 .boxwrap ul li.t1 br { display:none; } .sub0301_09 { position:relative; width:100%; padding:70px 0 20px 0; border-top:1px solid #dadada; overflow:hidden; } .sub0301_09 .txt { width:100%; font-size:14px; font-weight:500; color:#1a1919; line-height:100%; text-align:center; } .sub0301_09 .title { width:84%; margin:0 auto; margin-top:10px; text-align:center; font-size:22px; } .sub0301_09 .boxwrap { width:90%;margin:0 auto; margin-top:30px; display:flex; } .sub0301_09 .boxwrap .imgs { position:relative; width:40%; } .sub0301_09 .boxwrap .txtwrap { width:60%; padding-top:14px; padding-left:5%; box-sizing:border-box; } .sub0301_09 .boxwrap .txtwrap .t1 { font-size:13px;} .sub0301_09 .boxwrap .txtwrap .t2 { margin-top:6px; font-size:15px; } .sub0301_09 .boxwrap .txtwrap .t2 a { display:inline-block; vertical-align:middle; width:23px; height:23px; margin-left:4px; line-height:23px; font-size:20px; } .sub0302_01 { position:relative; width:100%; height:auto; margin-top:50px; padding-bottom:95%; text-align:center; background:#f4f7fc url('/page_KR0/03_sub/images/0302_01.jpg')no-repeat 83% bottom; background-size:1500px; overflow:hidden; } .sub0302_01 .subtxt { position:relative; width:90%; margin:0 auto; padding-top:70px; text-align:center; } .sub0302_01 .subtxt li.t1 { width:180px; height:34px; line-height:34px; font-size:16px; } .sub0302_01 .subtxt li.t2 { margin-top:10px; font-size:26px; } .sub0302_01 .subtxt li.t3 { margin-top:10px; font-size:14px; } .sub0302_02 { padding:70px 0; } .sub0302_02 .txt2 { margin-top:16px; font-size:14px; font-weight:600; } .sub0302_02 h2 { margin-top:10px; text-align:center; font-size:22px; letter-spacing:-1px; } .sub0302_02 div.imgbox { width:76%; margin-top:20px; } .sub0302_02 div.imgbox ul { border-radius:16px; } .sub0302_02 div.imgbox ul li.imgs { border-radius:16px; } .sub0302_02 div.imgbox ul li.t1 { width:90%; margin:0 auto; text-align:center; padding:20px 0; font-size:14px; } .sub0302_02 div.imgbox ul li.t1 br { display:none; } .sub0302_03 { padding-bottom:70px; } .sub0302_03 .txt { font-size:14px; font-weight:500; } .sub0302_03 h2 { margin-top:10px; font-size:22px; } .sub0302_03 div.imgbox { width:76%; margin-top:20px; display:flex; flex-wrap:wrap; justify-content: space-between; } .sub0302_03 div.imgbox ul { width:100%; border-radius:12px; margin-bottom:6%; } .sub0302_03 div.imgbox ul li.imgs { border-radius:12px; } .sub0302_03 div.imgbox ul li.t1 { width:84%; margin:0 auto; padding-top:20px; font-size:18px; font-weight:600; color:#303030; line-height:100%; } .sub0302_03 div.imgbox ul li.t2 { width:84%; margin:0 auto; padding-top:6px; padding-bottom:20px; font-size:12px; font-weight:400; color:#6b6b6b; line-height:140%; } .sub0302_04 { position:relative; width:100%; padding-bottom:70px; } .sub0302_04 .txt { font-size:14px; font-weight:500; } .sub0302_04 h2 { margin-top:8px; font-size:22px; } .sub0302_04 div.imgbox { margin-top:20px; display:flex; flex-wrap:wrap; justify-content: space-between; } .sub0302_04 div.imgbox div.imgs { width:100%; } .sub0302_04 div.imgbox div.imgs2 { width:100%; margin-top:14px; } .sub0302_05 { padding-bottom:70px; } .sub0302_05 .txt { font-size:14px; font-weight:500; } .sub0302_05 h2 { margin-top:8px; font-size:22px; } .sub0302_05 div.imgbox { position:relative; width:90%; margin-top:20px; display:flex; flex-wrap:wrap; justify-content: space-between; } .sub0302_05 div.imgbox .imgs { width:29%; } .sub0302_05 div.imgbox .imgs2 { width:69%; } .sub0302_05 div.imgbox .imgs3 { width:49%; } .sub0302_05 div.imgbox .imgs4 { width:49%; } .sub0302_06 { height:auto; padding-bottom:70px; padding-top:70px; } .sub0302_06 h2 { width:210px; height:38px; line-height:38px; font-size:16px; } .sub0302_06 .txt { width:100%; margin-top:14px; font-size:26px; } .sub0302_06 .txt2 { width:100%; margin-top:20px; text-align:center; font-size:16px; font-weight:500; color:#454545; line-height:150%; } .sub0302_06 .imgbox { position:relative; top:0%; left:0%; transform:translate(0%,0%); width:90%; margin:0 auto; margin-top:30px; max-width:1000px; } .sub0302_06 .imgbox .imgs { width:100%; display:flex; justify-content: space-between; } .sub0302_06 .imgbox .imgs2 { position:relative; width:86%; margin:0 auto; margin-top:24px; height:13px; } .sub0302_06 .imgbox .imgs2 li:nth-child(1) { position:absolute; top:0px; left:0px; width:13px; height:13px; border-radius:100%; background:#afc1cd; } .sub0302_06 .imgbox .imgs2 li:nth-child(3) { position:absolute; top:0px; right:0px; width:13px; height:13px; border-radius:100%; background:#afc1cd; } .sub0302_06 .imgbox .imgs2 li:nth-child(2) { position:absolute; top:5px; right:0px; width:100%; height:1px; background:#afc1cd; } .sub0303_01 { padding-bottom:70px; } .sub04_04 { padding:70px 0;} .sub0303_01 .txtwrap .t1 { font-size:14px; } .sub0303_01 .txtwrap .t2 { margin-top:10px; font-size:24px; } .sub0303_01 .boxwrap { width:90%; margin:0 auto; margin-top:20px; display:flex; flex-wrap:wrap; justify-content: space-between; } .sub0303_01 .boxwrap ul { width:49%; border-radius:0 0 20px 20px; padding-bottom:20px; margin-bottom:5%; text-align:center; } .sub0303_01 .boxwrap ul .imgs { width:100%; z-index:1; } .sub0303_01 .boxwrap ul .imgs img { width:100%; } .sub0303_01 .boxwrap ul li.t1 { position:relative; width:40px; height:40px; margin:0 auto; margin-top:-20px; border-radius:100%; background:#1d2c4b; z-index:2; font-size:16px; font-weight:600; color:#ffffff; line-height:40px; } .sub0303_01 .boxwrap ul li.t2 { width:100%; margin-top:16px; font-size:16px; } .sub0303_01 .boxwrap ul li.t3 { margin-top:6px; font-size:13px; } .sub0303_01 .boxwrap ul li.t3 br { display:none; } .sub0303_02 { position:relative; width:100%; padding-bottom:60px; background:linear-gradient(#f4eeeb, #fbf6ed); overflow:hidden; } .sub0401_02 { position:relative; width:100%; padding-bottom:20%; height:auto; background:url('/images/sub/0401_02.jpg')repeat-X 50% -350px; overflow:hidden; } .sub0401_02 .subtxt { padding-top:60px;} .sub0401_02 .subtxt .contxt { font-size:14px; } .sub0401_02 .subtxt .subtitle01 { font-size:22px; } .sub0401_02 .imgs { position:relative; width:80%; max-width:849px; height:auto; padding-bottom:100%; margin:0 auto; margin-top:20px; overflow:hidden; } .sub0401_02 .imgs div { width:0px; height:100%; background:url('/images/sub/0401img.jpg')no-repeat 50% 0; background-size:100%; } .sub0401_02 .imgs.active div { width:100%; transition:all 1.4s cubic-bezier(0.25, 1, 0.5, 1) 0.2s; } .sub0401_02 .imgs2 { position:absolute; top:40%; font-size:36px; } .sub0401_02 .imgs2.active { top:44%; opacity:0.5; filter: blur(0px); transition:all 1.4s cubic-bezier(0.25, 1, 0.5, 1) 0.2s; } .sub0401_02 .txt1 { width:90%; margin:0 auto; margin-top:18px; font-size:14px; } .sub0401_02 .imgs3 { width:100%; margin-top:26px; transform:translateY(0px); opacity:1; filter: blur(0px); } .sub0401_02 .subtxtbox { position:relative; width:90%; text-align:center; margin:0 auto; display:flex; flex-wrap:wrap; justify-content: flex-start; } .sub0401_02 .subtxtbox ul { width:33.3333%; padding:0 0px; margin-bottom:5%; border-right:1px solid #e0e0e0; box-sizing:border-box; } .sub0401_02 .subtxtbox ul:nth-child(3) { border-right:0px; } .sub0401_02 .subtxtbox ul:last-child { border-right:0px; } .sub0401_02 .subtxtbox ul li:nth-child(1) { font-size:11px; font-weight:500px; color:#505050; line-height:100%; } .sub0401_02 .subtxtbox ul li:nth-child(2) { margin-top:6px; font-size:13px; font-weight:700; color:#000000; line-height:100%; } .sub04_01 { padding:70px 0;} .sub04_01 .txt { font-size:16px; } .sub04_01 h2 { width:90%; margin:0 auto; margin-top:10px; font-size:22px; } .sub04_01 div.imgbox { position:relative; width:90%; height:auto; margin:0 auto; padding-top:92%; background:url('/page_KR0/04_sub/images/04_01bg2.png')no-repeat 50% 0; background-size:100%; margin-top:26px; } .sub04_01 div.imgbox ul { position:relative; top:0px; left:0px; width:100%; overflow:hidden; } .sub04_01 div.imgbox ul li { position:relative; height:auto; line-height:150%; font-size:13px; margin-bottom:10px; padding-top:5px; box-sizing:border-box; padding-left:40px; } .sub04_01 div.imgbox ul li span { display:block; position:absolute; top:0px; left:0px; width:30px; height:30px; margin-right:6px; line-height:30px; font-size:16px; } .sub04_01 div.imgbox ul li:nth-child(1) { margin-left:0px; } .sub04_01 div.imgbox ul li:nth-child(2) { margin-left:0px; } .sub04_01 div.imgbox ul li:nth-child(3) { margin-left:0px; } .sub04_01 div.imgbox ul li:nth-child(4) { margin-left:0px; } .sub04_01 div.imgbox2 { position:relative; width:90%; height:auto; margin:0 auto; padding-top:92%; background:url('/page_KR0/04_sub/images/04_01bg2.png')no-repeat 50% 0; background-size:100%; margin-top:26px; } .sub04_01 div.imgbox2 ul { position:relative; top:0px; left:0px; width:100%; overflow:hidden; } .sub04_01 div.imgbox2 ul li { position:relative; height:auto; line-height:150%; font-size:13px; margin-bottom:10px; padding-top:5px; box-sizing:border-box; padding-left:40px; } .sub04_01 div.imgbox2 ul li span.rad { display:block; position:absolute; top:0px; left:0px; width:30px; height:30px; margin-right:6px; line-height:30px; font-size:16px; } .sub04_02 { position:relative; width:100%; padding:70px 0; background:#131c2d; overflow:hidden; } .sub04_02 h2 { width:100%; margin-top:10px; text-align:center; font-size:22px; font-weight:700; color:#ffffff; line-height:140%; } .sub04_02 .imgbox { width:90%; margin:0 auto; margin-top:20px; } .sub04_02 .imgbox ul.box01 { position:relative; width:100%; display:flex; justify-content: space-between; } .sub04_02 .imgbox ul.box01 li { width:40%; height:44px; line-height:44px; font-size:18px; border-radius:8px 8px 0 0; overflow:hidden; } .sub04_02 .imgbox ul.box02 { position:relative; width:100%; display:flex; justify-content: space-between; } .sub04_02 .imgbox ul.box02 li { width:40%; } .sub04_02 .imgbox ul.box02 li.t1 { } .sub04_02 .imgbox ul.box02 li.t1.t2 { position:relative; width:20%; text-align:center; font-size:16px; font-weight:600; color:#ffffff; overflow:hidden; } .sub04_02 .imgbox ul.box02 li.t1.t2 span { display:block; position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); width:100%; } .sub04_02 .imgbox ul.box03 { position:relative; width:100%; display:flex; justify-content: space-between; } .sub04_02 .imgbox ul.box03 li { height:78px; line-height:130%; text-align:center; font-size:13px; font-weight:500; color:#212121; overflow:hidden; box-sizing:border-box; } .sub04_02 .imgbox ul.box03 li.t1 { width:40%; padding:0 5%; padding-top:23px; box-sizing:border-box; } .sub04_02 .imgbox ul.box03 li.t2 { width:20%; padding-top:23px; color:#ffffff; } .sub04_02 .imgbox ul.box03 li.t3 { width:40%; padding:0 5%; padding-top:10px; box-sizing:border-box; } .sub04_02 .imgbox ul.box03 li br { display:none; } .sub04_02 .imgbox ul.box04 { position:relative; width:100%; display:flex; justify-content: space-between; } .sub04_02 .imgbox ul.box04 li { height:78px; line-height:130%; text-align:center; font-size:13px; font-weight:500; color:#212121; overflow:hidden; box-sizing:border-box; } .sub04_02 .imgbox ul.box04 li.t1 { width:40%; padding-top:10px; background:#e1d2b5; color:#212121; border-radius:0 0 16px 16px; } .sub04_02 .imgbox ul.box04 li.t2 { width:20%; padding-top:23px; color:#ffffff; } .sub04_02 .imgbox ul.box04 li.t3 { width:40%; padding-top:10px; background:#dabfc4; color:#212121; border-radius:0 0 16px 16px; } .sub04_03 { position:relative; width:100%; padding-bottom:70px; overflow:hidden; } .sub04_05 { position:relative; width:100%; padding-bottom:70px; background:#f4f7fc; border-bottom:1px solid #dadada; overflow:hidden; } .sub0701_06 { position:relative; width:100%; padding-bottom:70px; background:#f7f1ec; border-bottom:1px solid #dadada; overflow:hidden; } .sub0702_08 { position:relative; width:100%; padding-bottom:70px; background:#d0dae3; border-bottom:1px solid #dadada; overflow:hidden; } .sub0501_01 { position:relative; width:100%; padding:54px 0 40px 0; background:#e8eef2 url('/page_KR0/05_sub/images/0501_01.jpg')no-repeat 50% 50%; border-bottom:1px solid #dadada; overflow:hidden; } .sub0501_01 .bg { position:absolute; top:0px; left:0px; width:100%; height:100%; background:url('/page_KR0/05_sub/images/0501_01img.jpg')no-repeat 50% 70%; background-size:100%; } .sub0501_01 .subtxt { position:relative; width:100%; padding-top:142px; background:url('/page_KR0/05_sub/images/0501_01icon.png')no-repeat 50% 0; text-align:center; } .sub0501_01 .subtxt .t1 { font-size:14px;} .sub0501_01 .subtxt .title { width:90%; margin:0 auto; margin-top:8px; font-size:24px; line-height:130%; } .sub0501_01 .subtxt .t2 { width:90%; margin:0 auto; margin-top:10px; font-size:14px; } .sub0501_01 .subtxt .t2 br { display:none; } .sub0501_01 .txtwrap { width:90%; margin:0 auto; padding-top:100%; display:flex; justify-content: space-between; } .sub0501_01 .txtwrap ul { width:32%; background:#ffffff; border-radius:8px; overflow:hidden; } .sub0501_01 .txtwrap ul li.t1 { height:34px; line-height:34px; font-size:14px; } .sub0501_01 .txtwrap ul li.t2 { width:90%; margin:0 auto; padding-top:14px; padding-bottom:10px; font-size:12px; } .sub0501_01 .txtwrap ul li.t2 br { display:none; } .sub0501_01 .txtwrap ul li.t2 div { width:100%; margin-top:6px; font-size:12px; color:#4d70a7; } .sub0501_01 .txtwrap ul li.t2 div br { display:block; } .sub0506_02 { padding:64px 0 60px 0; } .sub0506_02 .bg { position:absolute; top:0px; left:0px; width:100%; height:100%; background:url('/page_KR0/05_sub/images/0501_01img.jpg')no-repeat 50% 76%; } .sub0506_02 .subtxt { padding-top:102px; background:url('/page_KR0/05_sub/images/0501_01icon.png')no-repeat 50% 0; background-size:80px; text-align:center; } .sub0506_02 .subtxt .t1 { font-size:14px;} .sub0506_02 .subtxt .title { margin-top:8px; font-size:22px; } .sub0506_02 .txtwrap { width:90%; margin:0 auto; padding-top:20px; } .sub0506_02 .txtwrap ul { width:49%; margin-bottom:2%; } .sub0506_02 .txtwrap ul li.t1 { width:100%; height:46px; line-height:46px; font-size:14px; } .sub0506_02 .txtwrap ul li.t2 {padding-top:10px; padding-bottom:14px; font-size:14px; } .sub0506_02 .txtwrap ul li.t2 div { width:100%; margin-top:6px; font-size:17px; } .sub0506_02 .txtwrap ul li.t4 { width:90%; padding-top:12px; padding-bottom:12px; font-size:13px; } .sub0501_02 { position:relative; width:100%; padding-bottom:62px; overflow:hidden; } .sub0501_02 .bg { position:absolute; bottom:0px; left:0px; width:100%; height:70%; } .sub0501_02 .subtxt { padding-top:60px; } .sub0501_02 .subtxt .contxt { font-size:14px; } .sub0501_02 .subtxt .subtitle01 { margin-top:10px; font-size:22px; } .sub0501_02 .imgs { position:relative; width:0px; height:359px; margin:0 auto; margin-top:40px; overflow:hidden; } .sub0501_02 .imgs div { position:absolute; top:0; left:50%; transform:translate(-50%,0%); width:320px; height:359px; } .sub0501_02 .imgs.active { width:320px; transition:all 1.4s cubic-bezier(0.25, 1, 0.5, 1) 0.2s; } .sub0501_02 .imgs2 { display:none; position:absolute; top:60%; font-size:30px; } .sub0501_02 .imgs2.active { top:38%; } .sub0501_02 .txt1 { width:80%; margin:0 auto; margin-top:34px; font-size:14px; font-weight:500; line-height:150%; } .sub0501_02 .txt1 br { display:none; } .sub0501_02 .txt11 { width:300px; margin:0 auto; margin-top:24px; font-size:24px; font-weight:700; line-height:140%; color:#262626; overflow:hidden; } .sub0501_02 .txt111 { width:90%; margin:0 auto; margin-top:24px; font-size:14px; } .sub0501_02 .txt111 br { display:none; } .sub0501_02 .imgs3 { width:100%; margin-top:40px; } .sub0501_02 .subtxtbox { position:relative; width:90%; text-align:center; margin:0 auto; display:flex; flex-wrap:wrap; justify-content: flex-start; } .sub0501_02 .subtxtbox ul { width:33.3333%; padding:0 0px; margin-bottom:5%; border-right:1px solid #c4c0c7; box-sizing:border-box; } .sub0501_02 .subtxtbox ul:nth-child(3) { border-right:0px; } .sub0501_02 .subtxtbox ul:last-child { border-right:0px; } .sub0501_02 .subtxtbox ul li:nth-child(1) { font-size:11px; font-weight:500px; color:#505050; line-height:100%; } .sub0501_02 .subtxtbox ul li:nth-child(2) { margin-top:6px; font-size:13px; font-weight:700; color:#000000; line-height:100%; } .sub0501_02 .imgs4 { width:90%; margin:0 auto; margin-top:30px; } .sub0501_02 .imgs4 ul { width:45%; padding:24px 5%; box-sizing:border-box; background:rgba(255,255,255,50%); border-radius:14px; text-align:center; } .sub0501_02 .imgs4 ul li:nth-child(1) { font-size:16px; font-weight:700; color:#262626; line-height:100%; } .sub0501_02 .imgs4 ul li:nth-child(2) { margin-top:6px; font-size:14px; font-weight:500; color:#3a3a3a; line-height:150%; } .sub0501_02 .imgs4 div { width:10%; text-align:center; font-size:25px; font-weight:600; color:#323232; line-height:165px; } .sub0501_02 .imgs4.active { transform:translateY(0px); opacity:1; filter: blur(0px); transition:all 1.4s cubic-bezier(0.25, 1, 0.5, 1) 0.1s; } .sub0501_02 .imgs5 { position:relative; width:90%; margin:0 auto; margin-top:36px; } .sub0501_02 .imgs5 ul { width:32%; padding:32px 3% 22px 3%; border-radius:16px; } .sub0501_02 .imgs5 ul li:nth-child(1) { font-size:13px; line-height:130%; } .sub0501_02 .imgs5 ul li:nth-child(2) { margin-top:6px; font-size:11px; font-weight:500; color:#3a3a3a; line-height:150%; } .sub0501_02 .imgs6 { width:90%; margin:0 auto; margin-top:40px; display:flex; flex-wrap:wrap; justify-content: space-between; } .sub0501_02 .imgs6 ul { width:49%; margin-bottom:2%; } .sub0501_02 .imgs6 ul li:nth-child(1) { height:46px; line-height:46px; font-size:16px; } .sub0501_03 { padding:70px 0 60px 0; } .sub0501_03 .subtxt .contxt { margin-top:10px; font-size:14px; } .sub0501_03 .subtxt .subtitle01 { font-size:22px; } .sub0501_03 .imgbox { width:90%; margin-top:34px; display:flex; flex-wrap:wrap; justify-content: space-between; } .sub0501_03 .imgbox ul { position:relative; width:48%; margin-bottom:5%; background:#ffffff; border-radius:14px; overflow:hidden; } .sub0501_03 .imgbox ul li.t1 { width:100%; height:48px; line-height:48px; text-align:center; font-size:14px; } .sub0501_04 { position:relative; width:100%; padding:70px 0; background:#d0dae3; overflow:hidden; }323232 .sub0501_04.sub06_06 { padding:0px 0 70px 0; background:linear-gradient(#f4f4f4, #d0dae3); } .sub0501_04.sub0701_03 { background:linear-gradient(#d0dae3, #e5dfe6); } .sub0501_04.sub0701_03 { padding:0px 0 70px 0; background:linear-gradient(#d8dae3, #ede9e9); } .sub0501_04 .txt { width:100%; font-family: 'Minerva Modern Bold'; font-size:4vw; font-weight:700; color:#e1ebf5; line-height:100%; text-align:center; } .sub0501_04 .txt2 { width:90%; margin:0 auto; margin-top:20px; font-size:13px; } .sub0501_04 h2 { width:90%; margin:0 auto; margin-top:8px; font-size:22px; } .sub0501_04 div.imgbox { margin-top:30px; display:flex; flex-wrap:wrap; justify-content: space-between; } .sub0501_04 div.imgbox ul { width:100%; border-radius:12px; margin-bottom:5%;} .sub0501_04 div.imgbox ul li.t1 { height:48px; line-height:48px; font-size:18px; } .sub0501_04 div.imgbox ul li.t2 { padding:20px 5%; font-size:13px; } .sub0501_04 div.imgbox ul li.t3 { padding:20px 5%; font-size:13px; } .sub0501_04 div.imgbox2 { margin-top:30px; background:#ffffff; text-align:center; border-radius:14px; padding-top:32px; padding-bottom:32px; } .sub0501_04 div.imgbox2 img { width:90%; margin:0 auto; display:inline-block; } .sub0501_04 div.imgbox3 { position:relative; width:90%; max-width:1400px; margin:0 auto; margin-top:30px; background:#ffffff; text-align:center; border-radius:30px; padding:52px 0; } .sub0501_04 div.imgbox3 img { display:inline-block; } .sub0501_04 .txt3 { width:90%; margin:0 auto; margin-top:20px; font-size:14px; } .sub0501_04 .txt3 br { display:none; } .sub0501_04 div.imgbox4 { width:90%; margin-top:30px; } .sub0501_04 div.imgbox4 ul { width:49%; margin-bottom:2%; border-radius:12px; background:#ffffff; overflow:hidden; } .sub0501_04 div.imgbox4 ul li.t1 { width:100%; height:48px; line-height:48px; font-size:13px; } .sub0501_04 div.imgbox4 ul li.t2 { padding:16px 5%; font-size:12px; } .sub0501_04 div.imgbox5 { margin-top:30px; } .sub0501_04 div.imgbox5 ul { width:100%; margin-bottom:2%; border-radius:12px; } .sub0501_04 div.imgbox5 ul li.t1 { height:48px; line-height:48px; font-size:18px; } .sub0501_04 div.imgbox5 ul li.t2 { padding:16px 5%; border-bottom:1px solid #dcdde0; font-size:13px; } .sub0501_04 div.imgbox5 ul li.t3 { padding:16px 5%; font-size:13px; } .sub0501_04 div.imgbox6 { width:90%; padding:25px 0; } .sub0501_04 div.imgbox6 ul li.t1 { width:55px; height:55px; line-height:58px; font-size:13px; } .sub0501_04 div.imgbox6 ul li.t2 { width:100%; margin-top:8px; text-align:center; font-size:20px; font-weight:700; color:#090909; line-height:100%; } .sub0501_04 div.imgbox6 ul li.t3 { width:90%; margin:0 auto; margin-top:8px; text-align:center; font-size:14px; } .sub0501_04 div.imgbox6 .imgs { width:90%; margin-top:12px; } .sub0501_04 div.imgbox6 .imgs ul { width:49%; border-radius:10px; background:#e4e4e4; overflow:hidden; } .sub0501_04 div.imgbox6 .imgs ul li.title { width:100%; height:36px; line-height:36px; text-align:center; font-size:12px; } .sub0501_04 div.imgbox6 ul li.t4 { position:relative; width:90%; margin-top:20px; display:block; padding-left:100px; box-sizing:border-box; } .sub0501_04 div.imgbox6 ul li.t4 .visualbt { position:absolute; top:0px; left:0px; width:90px; height:90px;} .sub0501_04 div.imgbox6 ul li.t4 .visualbt span { width:90px; height:90px; } .sub0501_04 div.imgbox6 ul li.t4 div.title { width:90%; margin-left:0px; margin:0 auto; margin-top:0px; font-size:20px; } .sub0501_04 div.imgbox6 ul li.t4 div.line { display:none; } .sub0501_04 div.imgbox6 ul li.t4 div.con { width:90%; margin:0 auto; margin-top:6px; font-size:13px; } .sub0501_04 div.imgbox6 ul li.t4 div.con br { display:none; } .sub0501_04 div.imgbox7 { margin-top:70px; } .sub0501_04 div.imgbox7 ul li.t1 { font-size:14px; } .sub0501_04 div.imgbox7 ul li.t2 { margin-top:8px; font-size:22px; } .sub0501_04 div.imgbox7 ul li.t3 { width:90%; margin-top:8px; font-size:14px; } .sub0501_04 div.imgbox7 ul li.t3 br { display:none; } .sub0501_04 div.imgbox7 .imgs { display:none;} .sub0501_04 div.boxwrap { position:relative; width:90%; margin:0 auto; margin-top:30px; display:block; } .sub0501_04 div.boxwrap ul { width:100%; border-radius:12px; background:#ffffff; overflow:hidden; } .sub0501_04 div.boxwrap ul li.title { height:auto; font-size:16px; padding-top:14px; padding-bottom:14px; box-sizing:border-box; } .sub0501_04 div.imgbox7 .boxwrap ul div { display:block; } .sub0501_04 div.boxwrap2 { position:relative; width:90%; margin:0 auto; margin-top:30px; display:block; } .sub0501_04 div.boxwrap2 ul { width:100%; border-radius:12px; background:#ffffff; overflow:hidden; } .sub0501_04 div.boxwrap2 ul li.title { width:100%; height:auto; font-size:16px; padding-top:14px; padding-bottom:14px; line-height: 150%; } .sub0501_04 div.boxwrap2 ul li.con2 { padding:16px 5%; font-size:13px; } .sub0501_04 div.boxwrap2 ul li.con2 div { position:relative; padding-left:12px; margin-bottom:4px; box-sizing:border-box; } .sub0501_04 div.boxwrap2 ul li.con2 span { display:block; position:absolute; top:0px; left:0px; } .sub0501_04 div.imgbox8 { position:relative; width:90%; max-width:1176px; margin:0 auto; display:block; } .sub0501_04 div.imgbox8 div { width:100%; border-radius:10px; overflow:hidden; } .sub0501_04 div.imgbox8 div img { width:100%; } .sub0501_04 div.imgbox8 ul { width:100%; background:#ffffff; border-radius:10px; padding:28px 20px; box-sizing:border-box; overflow:hidden; } .sub0501_04 div.imgbox8 ul li.t1 { font-size:16px; } .sub0501_04 div.imgbox8 ul li.t1 span { color:#567998; } .sub0501_04 div.imgbox8 ul li.t2 { margin-top:14px; font-size:13px; } .sub0501_05 { padding:50px 0 50px 0; } .sub0501_05 .txt { font-size:14px; } .sub0501_05 h2 { margin-top:8px; font-size:22px; } .sub0501_05 .bna0501 { margin-top:20px; display:flex; flex-wrap:wrap; justify-content: space-between; } .sub0501_05 .bna0501 ul { width:49%; border-radius:8px; background:#e4e4e4; overflow:hidden; } .sub0501_05 .bna0501 ul li.t1 { width:100%; height:42px; line-height:42px; ; text-align:center; font-size:14px; } .sub0501_05 .linkbt { width:100%; margin-top:30px; text-align:center; } .sub0501_05 .linkbt a { display:inline-block; position:relative; height:44px; padding:0 16px; line-height:44px; background:#eeeeee; border-radius:40px; font-size:14px; font-weight:600; color:#282828; } .sub0502_01 { position:relative; width:100%; padding:70px 0; background:#131c2d; overflow:hidden; } .sub0502_01 .txt { font-size:14px; } .sub0502_01 h2 { margin-top:8px; font-size:22px; } .sub0502_01 .imgbox { margin-top:20px; display:flex; justify-content: space-between; } .sub0502_01 .imgbox ul { width:48%; border-radius:12px; } .sub0502_01 .imgbox ul li.t1 { width:100%; height:36px; line-height:36px; font-size:14px; } .sub0502_01 .txt2 { width:90%; margin:0 auto; margin-top:28px; font-size:14px; } .sub0502_01 .txt2 br { display:none; } .sub0503_01 { padding:40px 0 60px 0; } .sub0503_01.sub0505_01 { padding:70px 0 70px 0; } .sub0503_01 .txt { font-size:14px; } .sub0503_01 h2 { margin-top:8px; font-size:22px; } .sub0503_01 div.imgbox { margin-top:30px; display:flex; flex-wrap:wrap; flex-wrap:wrap; justify-content: space-between; } .sub0503_01 div.imgbox ul { width:100%; border-radius:12px; margin-bottom:5%; } .sub0503_01 div.imgbox ul li.t1 { text-align:center; height:58px; line-height:58px; font-size:16px; padding-left:0%; } .sub0503_01 div.imgbox ul li.t1 span { display:none; } .sub0503_01 div.imgbox ul li.t2 { padding:26px 5%; font-size:13px; } .sub0503_01 div.imgbox2 { max-width:1310px; } .sub0503_01 div.imgbox2 ul { width:48%; border-radius:12px; margin-bottom:4%; background:#ffffff; overflow:hidden; } .sub0503_01 div.imgbox2 ul:nth-child(3),.sub0503_01 div.imgbox2 ul:nth-child(4) { margin-bottom:0px; } .sub0506_01 { padding:60px 0; } .sub0506_01 .txt { font-size:14px; } .sub0506_01 h2 { font-size:22px; } .sub0506_01 div.imgbox { margin-top:30px; } .sub0506_01 div.imgbox ul { width:49%; border-radius:12px; } .sub0506_01 div.imgbox ul li.t1 { width:88%; padding:16px 0; font-size:12px; } .sub0506_01 div.imgbox ul li.t1 div { position:relative; padding-left:12px; box-sizing:border-box; } .sub0506_01 div.imgbox ul li.t1 span { display:block; position:absolute; top:0px; left:0px; } .sub06_01 { padding:60px 0; height:auto; } .sub06_01 h2 { width:200px; height:38px; line-height:38px; font-size:16px; } .sub06_01 .txt { font-size:14px; } .sub06_01 .txt2 { margin-top:20px; font-size:14px; } .sub06_01 .imgbox { position:relative; top:0; left:0; transform:translate(0,0); width:90%; margin:0 auto; margin-top:40px; max-width:1000px; } .sub06_01 .imgbox .imgs { width:100%; display:flex; justify-content: space-between; } .sub06_01 .imgbox .imgs li { width:110px; } .sub06_01 .imgbox .imgs2 { position:relative; width:74%; margin:0 auto; margin-top:24px; height:13px; } .sub06_01 .imgbox .imgs2 li:nth-child(2) { position:absolute; top:0px; left:0px; width:13px; height:13px; border-radius:100%; background:#311e00; } .sub06_01 .imgbox .imgs2 li:nth-child(3) { position:absolute; top:0px; right:0px; width:13px; height:13px; border-radius:100%; background:#311e00; } .sub06_01 .imgbox .imgs2 li:nth-child(1) { position:absolute; top:5px; right:0px; width:100%; height:1px; background:#d2d2d2; } .sub06_02 { padding-bottom:50px; } .sub06_02 .imgs { position:relative; width:0px; height:360px; margin:0 auto; overflow:hidden; } .sub06_02 .imgs div { position:absolute; top:0; left:50%; transform:translate(-50%,0%); width:320px; height:360px; } .sub06_02 .imgs.active { width:320px; } .sub06_02 .imgs2 { display:none; } .sub06_02 .txt { width:90%; margin:0 auto; margin-top:34px; font-size:14px; } .sub06_02 .txt span { font-weight:600; color:#000000; } .sub06_02 .txt.active { transform:translateY(0px); opacity:1; filter: blur(0px); transition:all 1.4s cubic-bezier(0.25, 1, 0.5, 1) 0.1s; } .sub06_03 { padding:70px 0; } .sub06_03 .txt { font-size:14px; } .sub06_03 h2 { margin-top:10px; font-size:22px; } .sub06_03 .imgbox { width:90%; margin-top:20px; } .sub06_03 .imgbox ul { position:relative; width:100%; margin-bottom:20px; display:flex; justify-content: space-between; } .sub06_03 .imgbox ul li.box1 { width:31%; border-radius:10px; background:#ffffff; overflow:hidden; } .sub06_03 .imgbox ul li.box1 div:nth-child(1) { height:32px; line-height:32px; font-size:11px; letter-spacing:-1px; } .sub06_03 .imgbox ul li.box1 div:nth-child(2) { width:100%; padding:8px 5%; font-size:13px; box-sizing:border-box; } .sub06_03 .imgbox ul li.box2 { width:31%; font-size:13px; font-weight:600; border-radius:10px; overflow:hidden; } .sub06_03 .imgbox ul li.box2 span { display:block; position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); width:100%; } .sub06_03 .imgbox ul li.aw1 { width:3%; background:url('/page_KR0/06_sub/images/06_03left.png')no-repeat 50% 50%; background-size:14px; } .sub06_03 .imgbox ul li.aw2 { width:3%; background:url('/page_KR0/06_sub/images/06_03right.png')no-repeat 50% 50%; background-size:14px; } .sub06_03 .txt2 { width:90%; margin:0 auto; margin-top:30px; font-size:12px;} .sub06_03 .txt2 br { display:none; } .sub06_04 { position:relative; width:100%; padding:70px 0; background:#f4f7fc; overflow:hidden; } .sub06_04 div.imgbox3 { position:relative; width:90%; max-width:1400px; margin:0 auto; background:#ffffff; text-align:center; border-radius:20px; padding:52px 0; } .sub06_04 div.imgbox3 img { width:90%; margin:0 auto; display:inline-block; } .sub06_06 { position:relative; width:100%; padding:0px 0 30px 0; background:#f4f7fc; overflow:hidden; } .sub06_06 .subtxt { position:relative; width:100%; padding-top:92px; background:url('/page_KR0/05_sub/images/0501_01icon.png')no-repeat 50% 0; background-size:80px; text-align:center; } .sub06_06 .subtxt .t1 { font-size:14px; } .sub06_06 .subtxt .title { margin-top:8px; font-size:22px; } .sub06_06 .txtwrap { width:90%; margin:0 auto; } .sub06_06 .txtwrap ul { width:49%; margin-bottom:2%; } .sub06_06 .txtwrap ul li.t1 { width:100%; height:58px; line-height:58px; font-size:12px; padding-left:8%; box-sizing:border-box; } .sub06_06 .txtwrap ul li.t1 span { margin-right:6px; width:60px; height:20px; line-height:20px; font-size:12px; } .sub06_06 .txtwrap ul li.t2 { width:100%; height:144px; padding-top:10px; padding-bottom:20px; font-size:12px; border-radius:26px 0px 0px 0px; padding:20px 5% 0px 5%; } .sub0701_01 { height:auto; margin-top:70px; display:block; } .sub0701_01 .bg { width:100%; height:auto; padding-top:80%; background:url('/page_KR0/07_sub/images/0701_01.jpg')no-repeat 50% 0; background-size:cover; } .sub0701_01 .txt { position:relative; width:100%; height:100%; padding-bottom:10%; } .sub0701_01 .txt ul { position:relative; top:0; left:0; width:86%; margin:0 auto; padding-top:30px; transform:translate(0%,0%); } .sub0701_01 .txt ul li.t1 { width:130px; } .sub0701_01 .txt ul li.t2 { margin-top:20px; font-size:16px; } .sub0701_01 .txt ul li.t3 { margin-top:8px; font-size:22px; } .sub0701_01 .txt ul li.t4 { margin-top:16px; font-size:13px; } .sub0701_04 { padding:70px 0; } .sub0701_04 .txt { font-size:16px; } .sub0701_04 h2 { width:90%; margin:0 auto; margin-top:10px; font-size:22px; } .sub0701_04 div.imgbox { position:relative; width:90%; height:auto; margin:0 auto; padding-top:92%; background:url('/page_KR0/07_sub/images/0701_04bg2.png')no-repeat 50% 0; background-size:100%; margin-top:26px; } .sub0701_04 div.imgbox ul { position:relative; top:0px; left:0px; width:100%; overflow:hidden; } .sub0701_04 div.imgbox ul li { position:relative; height:auto; line-height:150%; font-size:13px; margin-bottom:10px; padding-top:5px; box-sizing:border-box; padding-left:40px; } .sub0701_04 div.imgbox ul li span { display:block; position:absolute; top:0px; left:0px; width:30px; height:30px; margin-right:6px; line-height:30px; font-size:16px; } .sub0701_04 div.imgbox ul li:nth-child(1) { margin-left:0px; } .sub0701_04 div.imgbox ul li:nth-child(2) { margin-left:0px; } .sub0701_04 div.imgbox ul li:nth-child(3) { margin-left:0px; } .sub0701_04 div.imgbox ul li:nth-child(4) { margin-left:0px; } .sub0701_05 { padding-bottom:20px; } .sub0701_05 .txtwrap .t1 { font-size:14px; } .sub0701_05 .txtwrap .t2 { margin-top:8px; font-size:22px; } .sub0701_05 .boxwrap { width:90%; margin:0 auto; margin-top:20px; } .sub0701_05 .boxwrap ul { width:48%; margin-bottom:4%; border-radius:0 0 12px 21px; padding-bottom:20px; } .sub0701_05 .boxwrap ul li.t1 { width:40px; height:40px; margin-top:-20px; font-size:18px; line-height:40px; } .sub0701_05 .boxwrap ul li.t2 { width:100%; margin-top:14px; font-size:16px; } .sub0701_05 .boxwrap ul li.t3 { width:90%; margin-top:6px; font-size:13px; } .sub0701_05 .boxwrap ul li.t3 br { display:none; } .sub0701_05.sub0702_07 .boxwrap { max-width:1282px; justify-content: space-between; } .sub0701_05.sub0702_07 .boxwrap ul { width:48%; margin-right:0%; margin-bottom:4%; border-radius:0 0 12px 12px; padding-bottom:20px; } .sub0701_05.sub0702_07 .boxwrap ul:nth-child(4n) { margin-right:0px; } .sub0702_01 { padding:50px 0; } .sub0702_01 .txt { width:100%; font-family: 'Minerva Modern Bold'; font-size:4vw; font-weight:700; color:#e1ebf5; line-height:100%; text-align:center; } .sub0702_01 .txt2 { font-size:16px; } .sub0702_01 h2 { margin-top:6px; font-size:28px; } .sub0702_01 div.imgbox { margin-top:20px; } .sub0702_01 div.imgbox ul { width:100%; border-radius:12px; } .sub0702_01 div.imgbox ul li.imgs { width:100%; border-radius:12px; overflow:hidden; } .sub0702_01 div.imgbox ul li.t1 { padding:30px 0; font-size:14px; } .sub0702_01 div.imgbox ul li.t1 br { display:none; } .sub0702_01 .boxwrap { margin-top:20px; } .sub0702_01 .boxwrap ul { width:48%; background:#ffffff; border-radius:12px; box-sizing:border-box; } .sub0702_01 .boxwrap ul li.t1 { width:90%; margin:0 auto; padding-top:20px; font-size:16px;} .sub0702_01 .boxwrap ul li.t2 { width:90%; margin:0 auto; padding-top:8px; padding-bottom:20px; font-size:14px; } .sub0702_02 { padding-bottom:50px; } .sub0702_02 .txt2 { margin-top:26px; font-size:16px; } .sub0702_02 h2 { margin-top:6px; font-size:22px; } .sub0702_02 .boxwrap { position:relative; width:90%; margin-top:20px; display:block; } .sub0702_02 .boxwrap ul { width:100%; margin-bottom:5%; border-radius:12px; padding:32px 26px 32px 26px; box-sizing:border-box; } .sub0702_02 .boxwrap ul li.t1 { width:100%; padding-top:88px; font-size:20px; } .sub0702_02 .boxwrap ul li.t2 { width:100%; padding-top:8px; font-size:14px; } .sub0702_02 .boxwrap ul:nth-child(1) li.t1 { background:url('/page_KR0/07_sub/images/0702_02icon1.jpg')no-repeat 0 0; } .sub0702_02 .boxwrap ul:nth-child(2) li.t1 { background:url('/page_KR0/07_sub/images/0702_02icon2.jpg')no-repeat 0 0; } .sub0702_03 { padding-bottom:50px; } .sub0702_03 .txt2 { font-size:16px; } .sub0702_03 h2 { margin-top:6px; font-size:22px; } .sub0702_03 .boxwrap { margin-top:20px; } .sub0702_03 .boxwrap ul { width:49%; border-radius:12px; box-sizing:border-box; } .sub0702_03 .boxwrap ul li.t2 { width:90%; margin:0 auto; padding:20px 0; font-size:13px; } .sub0702_04 { padding-bottom:50px; } .sub0702_04 .txt2 { margin-top:0px; font-size:16px; } .sub0702_04 h2 { margin-top:8px; font-size:22px; } .sub0702_04 .boxwrap { position:relative; width:90%; max-width:1212px; margin:0 auto; margin-top:20px; } .sub0702_04 .boxwrap img { width:100%; } .sub0702_05 { position:relative; width:100%; padding:60px 0; background:#e8eef2 url('/page_KR0/07_sub/images/0701_02.png')no-repeat 50% 50%; overflow:hidden; } .sub0702_05 .subtxt2 ul li.t1 { width:70px; height:70px; } .sub0702_05 .subtxt2 ul li.t2 { margin-top:14px; font-size:16px; } .sub0702_05 .subtxt2 ul li.t3 { margin-top:10px; font-size:26px; } .sub0702_05 .subtxt2 ul li.t4 { width:70%; max-width:520px; margin:0 auto; margin-top:20px; } .sub0702_05 .txt1 { position:absolute; top:65%; left:20%; transform:translate(-50%,-50%); width:126px; height:126px; border-radius:100%; } .sub0702_05 .txt2 { position:absolute; top:10%; left:80%; transform:translate(-50%,-50%); width:90px; height:90px; border-radius:100%; } .sub0702_05 .txt3 { position:absolute; top:70%; left:80%; transform:translate(-50%,-50%); width:108px; height:108px; border-radius:100%; } .sub0702_05 .subtxtbox { position:relative; width:90%; margin:0 auto; margin-top:150px; display:flex; flex-wrap:wrap; justify-content: center; } .sub0702_05 .subtxtbox ul { width:50%; padding:0 0px; margin-bottom:20px; text-align:center; border-right:1px solid #e0e0e0; box-sizing:border-box; } .sub0702_05 .subtxtbox ul:nth-child(2) { border-right:0px; } .sub0702_05 .subtxtbox ul:last-child { border-right:0px; } .sub0702_05 .subtxtbox ul li:nth-child(1) { font-size:12px; } .sub0702_05 .subtxtbox ul li:nth-child(2) { margin-top:10px; font-size:16px; } .sub0702_06 { position:relative; width:100%; padding:50px 0; } .sub0702_06 .txt2 { width:100%; margin-top:0px; font-size:16px; } .sub0702_06 h2 { margin-top:8px; font-size:22px; } .sub0702_06 .boxwrap { margin-top:20px; } .sub0702_06 .boxwrap ul { width:49%; border-radius:8px; } .sub0702_06 .boxwrap ul li.t2 { padding:12px 0; font-size:14px; } .sub0702_06 .txt3 { width:90%; margin:0 auto; margin-top:16px; font-size:13px; line-height:150%;} .sub0702_06 .txt3 br { display:none; } .pcimg { display:none; } .mimg { display:block; } .whitetxt { color:#ffffff !important; } .purpletxt { color:#71537d !important; } .browntxt { color:#9d8866 !important; } .blacktxt { color:#000000 !important; } .orangetxt { color:#ab7761 !important; } .quick { opacity:0; position:fixed; bottom:20px; left:50%; transform:translateX(-50%); width:1300px; height:94px; border-radius:24px; overflow:hidden; z-index:10; } .quick.active { opacity:1; transition:all 1.4s cubic-bezier(0.25, 1, 0.5, 1) 0s; } .mt0 { margin-top:0px !important; } .mt10 { margin-top:5px !important; } .mt20 { margin-top:10px !important; } .mt30 { margin-top:15px !important; } .mt40 { margin-top:20px !important; } .mt50 { margin-top:25px !important; } .mt60 { margin-top:30px !important; } .mt70 { margin-top:35px !important; } .mt80 { margin-top:40px !important; } .mt90 { margin-top:45px !important; } .mt100 { margin-top:50px !important; } .mt130 { margin-top:60px !important; } .mt160 { margin-top:70px !important; } .mb10 { margin-bottom:10px !important; } .mb20 { margin-bottom:20px !important; } .mb30 { margin-bottom:30px !important; } .mb40 { margin-bottom:40px !important; } .pt60 { padding-top:60px !important; } .pt80 { padding-top:80px !important; } .pt120 { padding-top:120px !important; } .pt0 { padding-top:0px !important; }