#paytabwrap { position:relative; width:100%; padding:100px 0 0px 0; background:#e6e4e1; } #paytabwrap .paytitle { position:relative; width:100%; font-size:25px; font-weight:600; color:#261f20; text-align:center; } #paytabwrap #paytab { position:relative; width:100%; max-width:1280px; margin:0 auto; margin-top:50px; overflow:hidden; } #paytabwrap #paytab ul li a { float:left; position:relative; cursor:pointer; width:24.6%; margin-right:0.5%; height:68px; line-height:68px; text-align:center; font-size:21px; font-weight:500; color:#0a0a0a; background:#ffffff; border-radius:6px; box-sizing:border-box; } #paytabwrap #paytab ul li:nth-child(4) a { margin-right:0%; } #paytabwrap #paytab ul li a.on,#paytab ul li a:hover { background:#000000; color:#ffffff; } #paytabwrap2 { position:relative; width:100%; padding:40px 0 100px 0; background:#e6e4e1; } #paytabwrap2 .paytable { position:relative; width:100%; max-width:1280px; margin:0 auto; border-top:3px solid #000000; background:#ffffff; border-bottom:1px solid #979797; } #paytabwrap2 .paytable tr th { height:60px; padding:0 0px; box-sizing:border-box; font-size:16px; font-weight:500; color:#111111; letter-spacing:-1px; background:#fcfcfc; border-bottom:1px solid #e0e1e1; border-right:1px solid #e0e1e1; text-align:center; } #paytabwrap2 .paytable tr td { padding:18px 0px; box-sizing:border-box; font-size:14px; font-weight:400; color:#2c2c2c; line-height:140%; border-right:1px solid #e0e1e1; border-bottom:1px solid #e0e1e1; text-align:center; } #paytabwrap2 .paytable tr td:last-child,.paytable tr th:last-child { border-right:0px; } #paytabwrap2 .txt { position:relative; width:100%; max-width:1280px; margin:0 auto; font-size:14px; font-weight:500; line-height:150%; color:#404040; } .subfade { transform:translateY(100px); opacity:0%; filter: blur(4px); transition:all 1.2s cubic-bezier(0.25, 1, 0.5, 1) 0s; } .subfade.active { transform:translateY(0px); opacity:100%; filter: blur(0px); transition:all 1.2s cubic-bezier(0.25, 1, 0.5, 1) 0.2s; } #wrap { } .subcontent { width:100%; padding-top:82px; background:#e6e4e1; } .sub_title { width:194px; height:40px; margin:0 auto; line-height:40px; font-size:20px; font-weight:600; color:#4a4544; border:1px solid #bdbcbb; text-align:center; border-radius:50px; } .sub_title2 { position:relative; width:100%; text-align:center; font-size:34px; font-weight:700; color:#272727; line-height:140%; } .sub_title3 { position:relative; width:100%; text-align:center; font-size:22px; font-weight:500; color:#272727; line-height:140%; } .subcontxt { position:relative; width:100%; text-align:center; font-size:21px; font-weight:400; color:#595454; line-height:160%; } .subcontxt div.bot { width:100%; margin-bottom:20px; } .subcontxt div.bot2 { width:100%; } .subcontxt2 { position:relative; width:100%; font-size:18px; font-weight:400; color:#3f3c3c; line-height:160%; } .subcontxt3 { position:relative; width:100%; text-align:center; font-size:17px; font-weight:400; color:#2f2f2f; line-height:160%; } .subcontxt4 { position:relative; width:100%; text-align:center; } .subcontxt4 span { display:inline-block; padding:10px 40px; font-size:24px; font-weight:500; color:#494949; background:#dbd8d4; border-radius:20px; } .subcontxt5 { position:relative; width:100%; max-width:558px; margin:0 auto; font-size:16px; font-weight:400; color:#414141; line-height:160%; } .noticetitle2 { position:relative; width:100%; text-align:center; padding-top:94px; } .noticetitle2 h1 { display:inline-block; height:40px; padding:0 30px; min-width:180px; font-size:20px; border-radius:50px; font-weight:600; color:#4a4544; text-align:center; line-height:38px; border:1px solid #d2d0cf; box-sizing:border-box; } .noticetitle2 a { display:block; width:100%; height:100%; } .noticetitle2 .contxt { width:100%; margin-top:30px; font-size:18px; font-weight:400; color:#5b5b5b; line-height:150%; } .pcimg { display:block !important; } .mimg { display:none !important; } .subbna { width:100%; padding-bottom:140px; padding-top:140px; background:#e6e4e1; } .subbna .subbnaslide { position:relative; width:100%; max-width:749px; margin:0 auto; margin-top:50px; overflow:hidden; } .subbna .subbnaslide .swiper-slide { position:relative; background:#ffffff; } .subbna .subbnaslide .swiper-slide .txt { position:relative; width:100%; height:64px; line-height:64px; text-align:center; background:#ffffff; font-size:18px; font-weight:400; color:#525252; } .subbna .subbnaslide .swiper-slide .imgs { position:relative; width:100%; display:flex; justify-content: space-between; } .subbna .subbnaslide .swiper-slide .imgs li { position:relative; width:49.8%; } .subbna .subbnaslide .swiper-slide .imgs div.imgs { position:relative; width:100%; } .subbna .subbnaslide .swiper-slide .imgs div.imgs img { width:100%; } .subbna .subbnaslide .swiper-slide .imgs div.imgs span { display:block; position:absolute; bottom:5%; left:5%; font-size:18px; font-weight:600; color:#ffffff; } .subbna .subbnaslide .swiper-slide .imgs div.daytxt { position:relative; width:100%; height:64px; line-height:64px; padding:0 5% 0 8%; box-sizing:border-box; background:#ffffff; font-size:18px; font-weight:400; color:#494443; } .subbna .bnaslidebt { position:relative; width:200px; height:38px; margin:0 auto; margin-top:30px; overflow:hidden; display:flex; justify-content: center; z-index:2; } .subbna .bnaslidebt a.bna-prev { display:block; text-align:left; margin-top:8px; width:72px; height:18px; font-size:19px; color:#242011; font-family:'Orpheus Pro'; cursor:pointer; } .subbna .bnaslidebt a.bna-next { display:block; text-align:right; margin-top:8px; width:72px; height:18px; font-size:19px; color:#242011; font-family:'Orpheus Pro'; cursor:pointer; } .subbna .bnaslidebt span.slide07bt2 { display:block; margin-top:8px; font-size:16px; font-weight:100; color:#242011; } .subbna .bnaslidebt .main07num { width:75px; height:30px; margin:0 auto; margin-left:20px; background:#ffffff; border-radius:50px; text-align:center; overflow:hidden; font-size:17px; line-height:30px; color:#242011; font-family:'Orpheus Pro'; } .sub0101 { padding-top:80px; } .sub0101_01 { position:relative; width:90%; max-width:1668px; margin:0 auto; border-radius:0 100px 0 100px; background:#dad8d5; overflow:hidden; padding:0 5%; box-sizing:border-box; display:flex; flex-wrap:wrap; } .sub0101_01 .bg { width:58%; height:606px; background:url(/page_KR0/01_sub/images/0101img1.jpg)no-repeat 50% 50%; background-size:100%; } .sub0101_01 .txt { position:relative; width:42%; font-size:21px; font-weight:400; color:#595454; line-height:150%; } .sub0101_01 .txt div { position:absolute; top:50%; left:5%; transform:translateY(-50%); } .sub0101_02 { position:relative; width:100%; margin:0 auto; text-align:center; padding:100px 0; font-size:24px; font-weight:600; color:#404040; } .sub0101_02 .txt1 { width:19px; height:12px; margin:0 auto; margin-bottom:16px; background:url(/page_KR0/01_sub/images/0101_02_1.jpg)no-repeat 50% 50%; } .sub0101_02 .txt2 { width:19px; height:12px; margin:0 auto; margin-top:16px; background:url(/page_KR0/01_sub/images/0101_02_2.jpg)no-repeat 50% 50%; } .sub0101_03 { position:relative; width:100%; max-width:1480px; margin:0 auto; margin-bottom:50px; display:flex; flex-wrap:wrap; justify-content: space-between; } .sub0101_03.sub0101_033 { margin-bottom:0px; } .sub0101_03 div.imgs { width:50%; aspect-ratio: 4 / 2; border-radius:12px; background:#ffffff; overflow:hidden; } .sub0101_03 div.imgs img { width:100%; height:100%; object-fit: cover; } .sub0101_03 div.txt { position:relative; width:50%; background:#ffffff; border-radius:12px; overflow:hidden; padding:68px 68px 0 68px; box-sizing:border-box; } .sub0101_03 div.txt ul li:nth-child(1) { width:100px; height:36px; border-radius:50px; background:#e6e4e1; text-align:center; line-height:36px; font-family: "OrpheusPro-Bold"; font-size:17px; color:#1f1f1f; } .sub0101_03 div.txt ul li:nth-child(2) { width:100%; margin-top:20px; font-size:23px; color:#3e3e3e; font-weight:600; line-height:130%; } .sub0101_03 div.txt ul li:nth-child(3) { width:100%; margin-top:20px; font-size:19px; color:#666666; font-weight:400; line-height:150%; } .sub0101_03 div.txt ul li:nth-child(3) span { color:#373737; } .sub0101_03 div.txt2 { position:relative; width:50%; background:#ffffff; border-radius:12px; overflow:hidden; padding:106px 68px 0 68px; box-sizing:border-box; } .sub0101_03 div.txt2 ul li:nth-child(1) { width:100px; height:36px; border-radius:50px; background:#e6e4e1; text-align:center; line-height:36px; font-family: "Orpheus Pro"; font-size:20px; color:#1f1f1f; } .sub0101_03 div.txt2 ul li:nth-child(2) { width:100%; margin-top:20px; font-size:23px; color:#666666; font-weight:400; line-height:150%; } .sub0101_03 div.txt2 ul li:nth-child(2) span { font-weight:600; color:#000000; } .sub0101_03 div.txt2 ul li:nth-child(3) { width:100%; margin-top:4px; font-size:18px; color:#666666; font-weight:500; line-height:130%; } .sub0101_03 div.txt2 ul a { display:inline-block; margin-top:10px; padding:8px 12px; background:#525252; border-radius:6px; font-size:16px; font-weight:500; color:#ffffff; } .sub0101_03 div.txt3 { position:relative; width:50%; background:#ffffff; border-radius:12px; overflow:hidden; padding:68px 68px 0 68px; box-sizing:border-box; } .sub0101_03 div.txt3 ul li.t1 { line-height:36px; font-size:22px; color:#9b9489; font-weight:600; } .sub0101_03 div.txt3 ul li.t1 span { display:inline-block; padding:0 20px; height:36px; margin-right:12px; border-radius:50px; background:#e6e4e1; text-align:center; line-height:36px; font-size:22px; color:#000000; font-weight:600; } .sub0101_03 div.txt3 ul li.t2 { width:100%; margin-top:14px; font-size:19px; color:#404040; font-weight:400; line-height:150%; } .sub0101_03 div.txt3 ul li.t3 { width:100%; margin-top:20px; font-size:19px; color:#000000; font-weight:600; line-height:100%; } .sub0101_03 div.txt3 ul li.t4 { width:100%; margin-top:6px; font-size:19px; color:#404040; font-weight:400; line-height:150%; } .sub0101_03 div.txt4 { position:relative; width:50%; background:#ffffff; border-radius:12px; overflow:hidden; padding:66px 68px 0 68px; box-sizing:border-box; } .sub0101_03 div.txt4 ul li:nth-child(1) { width:100px; height:36px; border-radius:50px; background:#e6e4e1; text-align:center; line-height:36px; font-family: "Orpheus Pro"; font-size:20px; color:#1f1f1f; } .sub0101_03 div.txt4 ul li:nth-child(2) { width:100%; margin-top:20px; font-size:20px; color:#666666; font-weight:400; line-height:150%; } .sub0101_03 div.txt4 ul li:nth-child(2) span { font-weight:600; color:#000000; } .sub0102 { position:relative; width:100%; padding-top:66px; text-align:center; } .sub0102 .t1 { font-size:32px; font-weight:600; color:#494443; line-height:140%; } .sub0102 .t2 { margin-top:14px; font-size:19px; font-weight:400; color:#5d5d5d; line-height:160%; } .sub0102_01 { position:relative; width:90%; max-width:1340px; margin:0 auto; margin-top:54px; padding:80px 5%; border-radius:0 100px 0 100px; background:#dad8d5; box-sizing:border-box; overflow:hidden; } .sub0102_01 ul.txt { position:relative; width:100%; max-width:996px; margin:0 auto; margin-bottom:34px; padding-left:55px; box-sizing:border-box; } .sub0102_01 ul.txt:last-child { margin-bottom:0px; } .sub0102_01 ul.txt li.num { position:absolute; top:0px; left:0px; width:34px; height:34px; border-radius:100%; background:#ffffff; text-align:center; line-height:34px; font-family: "OrpheusPro-Bold"; font-size:21px; color:#434343; } .sub0102_01 ul.txt li.t1 { padding-top:6px; font-size:18px; font-weight:600; color:#494443; } .sub0102_01 ul.txt li.t2 { margin-top:10px; font-size:18px; font-weight:400; color:#666666; line-height:140%; } .sub0102_02 { display:flex; flex-wrap:wrap; position:relative; width:90%; max-width:1340px; margin:0 auto; margin-top:54px; border-top:1px solid #cac6be; border-bottom:1px solid #cac6be; overflow:hidden; } .sub0102_02 .imgs { position:relative; width:50%; } .sub0102_02 .txt { position:relative; width:50%; padding-top:50px; text-align:center; } .sub0102_02 .txt li.t1 { font-size:17px; font-weight:600; color:#373737; line-height:140%; } .sub0102_02 .txt li.t2 { margin-top:36px; font-size:16px; font-weight:400; color:#5d5d5d; line-height:140%; } .sub0102_02 .txt li.t2 span.bg1 { display:block; width:18px; height:11px; margin:0 auto; margin-bottom:16px; background:url(/page_KR0/01_sub/images/0102_02bg1.jpg)no-repeat 50% 50%;} .sub0102_02 .txt li.t2 span.bg2 { display:block; width:18px; height:11px; margin:0 auto; margin-top:16px; background:url(/page_KR0/01_sub/images/0102_02bg2.jpg)no-repeat 50% 50%;} .sub0102_03 { position:relative; width:90%; margin:0 auto; margin-top:108px; text-align:center; overflow:hidden; } .sub0102_03 .t1 { font-size:17px; font-weight:500; color:#595454; line-height:150%; } .sub0102_03 .t2 { margin-top:26px; font-size:17px; font-weight:600; color:#303030; line-height:150%; } .sub0102_03 .t3 { margin-top:26px; font-size:20px; font-weight:600; color:#74603f; line-height:150%; } .sub0102_03 .t4 { margin-top:26px; font-size:17px; font-weight:500; color:#595454; line-height:150%; } .sub0103 { position:relative; width:100%; padding-top:66px; text-align:center; } .sub0103 .t1 { font-family: "Orpheus Pro"; font-size:50px; color:#494443; letter-spacing:1px; } .sub0103 .t2 { font-size:18px; font-weight:400; color:#5d5d5d; line-height:160%; } .sub0103_01 { position:relative; width:100%; margin:0 auto; text-align:center; padding:40px 0; font-size:24px; font-weight:600; color:#404040; } .sub0103_01 .txt1 { width:19px; height:12px; margin:0 auto; margin-bottom:16px; background:url(/page_KR0/01_sub/images/0101_02_1.jpg)no-repeat 50% 50%; } .sub0103_01 .txt2 { width:19px; height:12px; margin:0 auto; margin-top:16px; background:url(/page_KR0/01_sub/images/0101_02_1.jpg)no-repeat 50% 50%; } #drboxwrap { position:relative; width:100%; box-sizing:border-box; overflow:hidden; } #drboxwrap .drboxwrap { position:relative; width:100%; max-width:1190px; margin:0 auto; padding-top:110px; display:flex; flex-wrap:wrap; } #drboxwrap .drboxwrap .drbox { position:relative; width:30.33%; margin:0 1.5% 0 1.5%; } #drboxwrap .drboxwrap .drimgs { display:block; width:100%; border-radius:16px; background:#ffffff; box-sizing:border-box; overflow:hidden; } #drboxwrap .drboxwrap .drimgs img { display:block; width:100%; } #drboxwrap .drboxwrap .drtxt { width:100%; margin-top:20px; display:flex; justify-content: space-between; } #drboxwrap .drboxwrap .drtxt .drname { font-size:20px; font-weight:600; color:#494443; line-height:30px; height:30px; box-sizing:border-box; padding-left:16px; } #drboxwrap .drboxwrap .drtxt .daybt { width:30px; height:30px; } #drboxwrap .drboxwrap .drtxt .daybt a { display:block; width:30px; height:30px; border-radius:100%; background:#ffffff; text-align:center; line-height:30px; font-size:19px; color:#7e7d7b; font-weight:600; box-shadow: 3px 3px 6px rgba(0, 0, 0, 10%); } .sub0104 { position:relative; width:100%; padding-top:50px; text-align:center; } .sub0104 .t1 { font-size:24px; font-weight:600; color:#404040; line-height:100%; } .sub0104 .t2 { margin-top:10px; font-size:17px; font-weight:400; color:#5d5d5d; line-height:150%; } .sub0104_01 { display:flex; position:relative; width:90%; max-width:1230px; margin:0 auto; margin-top:90px; overflow:hidden; } .sub0104_01 #subinte { position:relative; width:720px; overflow:hidden; } .sub0104_01 #subinte img { width:100%; } .sub0104_01 #subinte .subinte { position:relative; width:100%; } .sub0104_01 #subintebt { display:flex; align-items: center; justify-content: center; position:absolute; bottom:5%; right:5%; width:89px; height:32px; background:#ffffff; border-radius:50px; z-index:1; } .sub0104_01 #subintebt li { width:18px; margin:0 8px; cursor:pointer; } .sub0104_01 .subintetxt { position:relative; width:510px; background:#ecebe9; } .sub0104_01 .subintetxt li { position:relative; width:100%; height:19%; padding:30px 0 30px 50px; border-bottom:1px solid #e1e0dd; box-sizing:border-box; font-size:17px; font-weight:400; color:#545353; line-height:140%; } .sub0104_01 .subintetxt li span { display:block; width:100%; font-weight:600; color:#545353; } .sub0104_01 .subintetxt li:nth-child(5) { height:24%; border-bottom:0px; } .sub0105 { display:flex; position:relative; width:90%; max-width:1380px; margin:0 auto; margin-top:90px; overflow:hidden; } .sub0105 .imgs { position:relative; width:588px; } .sub0105 .txt { position:relative; width:794px; background:#ffffff; padding:80px 5% 0 5%; box-sizing:border-box; } .sub0105 .txt .txt01 { position:relative; width:100%; display:flex; padding-bottom:30px; border-bottom:1px solid #dfdddb; } .sub0105 .txt .txt01 li.title { width:132px; padding-top:6px; font-size:25px; font-weight:600; color:#494846; } .sub0105 .txt .txt01 li.con { width:80%; } .sub0105 .txt .txt01 li.con div.t1 { width:100%; } .sub0105 .txt .txt01 li.con div.t1 a { display:block; font-family: 'Montserrat'; font-size:42px; font-weight:600; line-height:100%; color:#494846; } .sub0105 .txt .txt01 li.con div.t2 { width:100%; margin-top:16px; font-size:21px; font-weight:400; line-height:140%; color:#494846; } .sub0105 .txt .foot-time { position:relative; width:100%; display:flex; padding-top:50px; } .sub0105 .txt .foot-time li.title { width:132px; font-size:25px; font-weight:600; color:#494846; } .sub0105 .txt .foot-time li.contxt { width:80%; } .sub0105 .txt .foot-time ul.con { width:100%; margin-bottom:5px; display:flex; } .sub0105 .txt .foot-time ul.con li.t1 { width:96px; font-size:21px; font-weight:400; color:#494846; } .sub0105 .txt .foot-time ul.con li.t2 { width:80%; font-family: 'Montserrat'; font-size:20px; font-weight:500; color:#494846; display:flex; } .sub0105 .txt .foot-time ul.con li.t2 span.txt1 { display:block; width:35px; } .sub0105 .txt .foot-time ul.con li.t2 span.txt2 { display:block; width:58px; text-align:right; } .sub0105 .txt .foot-time ul.con li.t2 span.txt3 { display:block; width:22px; text-align:center; } .sub0105 .txt .foot-time ul.con li.t2 span.txt4 { display:block; width:35px; } .sub0105 .txt .foot-time ul.con li.t2 span.txt5 { display:block; width:48px; text-align:right; margin-right:6px; } .sub0105 .txt .foot-time p.con2 { width:100%; font-size:21px; font-weight:400; color:#494846; } .sub0106 { display:flex; justify-content: space-between; position:relative; width:90%; max-width:1380px; margin:0 auto; margin-top:90px; overflow:hidden; } .sub0106 .submap { width:48%; } .sub0106 .submapview { width:100%; height:412px; } .sub0106 .submapview iframe { width:100%; height:100%; } .sub0106 .maptxt2 { position:relative; width:100%; height:47px; display:flex; } .sub0106 .maptxt2 li { width:33.3333%; } .sub0106 .maptxt2 li a { display:block; width:100%; height:47px; font-size:13px; font-weight:500; color:#423d2f; background:#ffffff; line-height:47px; text-align:center; box-sizing:border-box; } .sub0106 .maptxt2 li a img { display:inline-block; vertical-align:middle; padding-right:8px; } .sub0106 .maptxt2 li:nth-child(1) a { border-right:1px solid #969494; background:#ffffff; } .sub0106 .maptxt2 li:nth-child(2) a { border-right:1px solid #969494; background:#ffffff; } .sub0106 .maptxt2 li:nth-child(3) a { background:#ffffff; } .sub0106 .txt { position:relative; width:48%; } .sub0106 .txt .txt1 { position:relative; width:100%; } .sub0106 .txt .txt1 li.title { width:100%; height:23px; line-height:23px; padding-left:18px; border-left:1px solid #979797; box-sizing:border-box; font-size:20px; font-weight:600; color:#494846; } .sub0106 .txt .txt1 li.con { width:100%; margin-top:8px; padding-left:18px; box-sizing:border-box; font-size: 20px; font-weight:600; color:#494846; } .sub0106 .txt .txt2 { position:relative; width:100%; margin-top:50px; } .sub0106 .txt .txt2 li.title { width:100%; height:23px; line-height:23px; padding-left:18px; border-left:1px solid #979797; box-sizing:border-box; font-size:20px; font-weight:600; color:#494846; } .sub0106 .txt .txt2 li.con { width:100%; margin-top:8px; padding-left:18px; box-sizing:border-box; font-size:17px; font-weight:400; color:#494846; line-height:150%; } .sub0106 .txt .txt2 li.con2 { width:100%; margin-top:8px; padding-left:18px; box-sizing:border-box; font-size:15px; font-weight:500; color:#494846; line-height:150%; } .sub0106 .txt .txt2 li.con3 { width:100%; margin-top:8px; padding-left:18px; box-sizing:border-box; font-size:15px; font-weight:400; color:#494846; line-height:150%; } .subvisual { position:relative; width:100%; height:734px; overflow:hidden; background:#e6e4e1; } .subvisual .subslide { position:relative; width:94%; height:734px; margin:0 auto; overflow:hidden; border-bottom-left-radius:110px; } .subvisual .subslide .maintxt { position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); width:100%; text-align:center; } .subvisual .subslide .maintxt .t1 { display:inline-block; height:40px; padding:0 30px; min-width:180px; font-size:20px; border-radius:50px; font-weight:600; color:#ffffff; text-align:center; line-height:38px; border:1px solid #ffffff; box-sizing:border-box; } .subvisual .subslide .maintxt .t2 { margin-top:20px; font-size:32px; font-weight:700; color:#ffffff; line-height:140%; } .subvisual .subslide .maintxt .t3 { margin-top:20px; font-size:19px; font-weight:300; color:#f0ecea; line-height:140%; } .subvisual .subslide .maintxt .t3 img { display:inline-block; } .subvisual .subslide .maintxt .t1 { animation: subtxtup 1.2s cubic-bezier(0.25, 1, 0.5, 1) both 0.6s; } .subvisual .subslide .maintxt .t2 { animation: subtxtup 1.2s cubic-bezier(0.25, 1, 0.5, 1) both 1.0s; } .subvisual .subslide .maintxt .t3 { animation: subtxtup 1.2s cubic-bezier(0.25, 1, 0.5, 1) both 1.4s; } .subvisual .visualbt { position:absolute; bottom:50px; left:50%; transform:translateX(-50%); width:106px; height:106px; z-index:1; } .subvisual .visualbt span { display:block; position:absolute; top:0; left:0; width:106px; height:106px; animation: rotate_image 56s linear infinite; transform-origin: 50% 50%; } @keyframes rotate_image{ 100% { transform: rotate(360deg); } } @keyframes subtxtup { 0% { transform:translateY(90px); opacity:0; filter: blur(4px); } 100% { transform:translateY(0px); opacity:1; filter: blur(0px); } } .subvisual .bg { position:absolute; top:0px; left:0px; width:100%; height:100%; animation: sectionbg 14s cubic-bezier(0.25, 1, 0.5, 1) both 0.3s; } .subvisual .bg.bg0201 { background:url(/page_KR0/02_sub/images/0201.jpg)no-repeat 50% 0; background-size:cover; } .subvisual .bg.bg0202 { background:url(/page_KR0/02_sub/images/0202.jpg)no-repeat 50% 0; background-size:cover; } .subvisual .bg.bg0203 { background:url(/page_KR0/02_sub/images/0203.jpg)no-repeat 50% 0; background-size:cover; } .subvisual .bg.bg0204 { background:url(/page_KR0/02_sub/images/0204.jpg)no-repeat 50% 0; background-size:cover; } .subvisual .bg.bg0205 { background:url(/page_KR0/02_sub/images/0205.jpg)no-repeat 50% 0; background-size:cover; } .subvisual .bg.bg0206 { background:url(/page_KR0/02_sub/images/0206.jpg)no-repeat 50% 0; background-size:cover; } .subvisual .bg.bg0207 { background:url(/page_KR0/02_sub/images/0207.jpg)no-repeat 50% 0; background-size:cover; } .subvisual .bg.bg0208 { background:url(/page_KR0/02_sub/images/0208.jpg)no-repeat 50% 0; background-size:cover; } .subvisual .bg.bg0209 { background:url(/page_KR0/02_sub/images/0209.jpg)no-repeat 50% 0; background-size:cover; } .subvisual .bg.bg0210 { background:url(/page_KR0/02_sub/images/0210.jpg)no-repeat 50% 0; background-size:cover; } .subvisual .bg.bg0211 { background:url(/page_KR0/02_sub/images/0211.jpg)no-repeat 50% 0; background-size:cover; } .subvisual .bg.bg0212 { background:url(/page_KR0/02_sub/images/0212.jpg)no-repeat 50% 0; background-size:cover; } .subvisual .bg.bg0213 { background:url(/page_KR0/02_sub/images/0213.jpg)no-repeat 50% 0; background-size:cover; } .subvisual .bg.bg0301 { background:url(/page_KR0/03_sub/images/0301.jpg)no-repeat 50% 0; background-size:cover; } .subvisual .bg.bg0302 { background:url(/page_KR0/03_sub/images/0302.jpg)no-repeat 50% 0; background-size:cover; } .subvisual .bg.bg0303 { background:url(/page_KR0/03_sub/images/0303.jpg)no-repeat 50% 0; background-size:cover; } .subvisual .bg.bg0304 { background:url(/page_KR0/03_sub/images/0304.jpg)no-repeat 50% 0; background-size:cover; } .subvisual .bg.bg0305 { background:url(/page_KR0/03_sub/images/0305.jpg)no-repeat 50% 0; background-size:cover; } .subvisual .bg.bg0306 { background:url(/page_KR0/03_sub/images/0306.jpg)no-repeat 50% 0; background-size:cover; } .subvisual .bg.bg0307 { background:url(/page_KR0/03_sub/images/0307.jpg)no-repeat 50% 0; background-size:cover; } .subvisual .bg.bg0308 { background:url(/page_KR0/03_sub/images/0308.jpg)no-repeat 50% 0; background-size:cover; } .subvisual .bg.bg0309 { background:url(/page_KR0/03_sub/images/0309.jpg)no-repeat 50% 0; background-size:cover; } .subvisual .bg.bg0310 { background:url(/page_KR0/03_sub/images/0310.jpg)no-repeat 50% 0; background-size:cover; } .subvisual .bg.bg0311 { background:url(/page_KR0/03_sub/images/0311.jpg)no-repeat 50% 0; background-size:cover; } .subvisual .bg.bg0401 { background:url(/page_KR0/04_sub/images/0401.jpg)no-repeat 50% 0; background-size:cover; } .subvisual .bg.bg0402 { background:url(/page_KR0/04_sub/images/0402.jpg)no-repeat 50% 0; background-size:cover; } .subvisual .bg.bg0403 { background:url(/page_KR0/04_sub/images/0403.jpg)no-repeat 50% 0; background-size:cover; } .subvisual .bg.bg0404 { background:url(/page_KR0/04_sub/images/0404.jpg)no-repeat 50% 0; background-size:cover; } .subvisual .bg.bg0405 { background:url(/page_KR0/04_sub/images/0405.jpg)no-repeat 50% 0; background-size:cover; } .subvisual .bg.bg0406 { background:url(/page_KR0/04_sub/images/0406.jpg)no-repeat 50% 0; background-size:cover; } .subvisual .bg.bg0407 { background:url(/page_KR0/04_sub/images/0407.jpg)no-repeat 50% 0; background-size:cover; } .subvisual .bg.bg0408 { background:url(/page_KR0/04_sub/images/0408.jpg)no-repeat 50% 0; background-size:cover; } .subvisual .bg.bg0409 { background:url(/page_KR0/04_sub/images/0409.jpg)no-repeat 50% 0; background-size:cover; } .subvisual .bg.bg0410 { background:url(/page_KR0/04_sub/images/0410.jpg)no-repeat 50% 0; background-size:cover; } .subvisual .bg.bg0501 { background:url(/page_KR0/05_sub/images/0501.jpg)no-repeat 50% 0; background-size:cover; } .subvisual .bg.bg0502 { background:url(/page_KR0/05_sub/images/0502.jpg)no-repeat 50% 0; background-size:cover; } .subvisual .bg.bg0503 { background:url(/page_KR0/05_sub/images/0503.jpg)no-repeat 50% 0; background-size:cover; } .subvisual .bg.bg0504 { background:url(/page_KR0/05_sub/images/0504.jpg)no-repeat 50% 0; background-size:cover; } .subvisual .bg.bg0505 { background:url(/page_KR0/05_sub/images/0505.jpg)no-repeat 50% 0; background-size:cover; } .subvisual .bg.bg0506 { background:url(/page_KR0/05_sub/images/0506.jpg)no-repeat 50% 0; background-size:cover; } .subvisual .bg.bg0507 { background:url(/page_KR0/05_sub/images/0507.jpg)no-repeat 50% 0; background-size:cover; } .subvisual .bg.bg0508 { background:url(/page_KR0/05_sub/images/0508.jpg)no-repeat 50% 0; background-size:cover; } .subvisual .bg.bg0509 { background:url(/page_KR0/05_sub/images/0509.jpg)no-repeat 50% 0; background-size:cover; } .subvisual .bg.bg0510 { background:url(/page_KR0/05_sub/images/0510.jpg)no-repeat 50% 0; background-size:cover; } .subvisual .bg.bg0601 { background:url(/page_KR0/06_sub/images/0601.jpg)no-repeat 50% 0; background-size:cover; } .subvisual .bg.bg0602 { background:url(/page_KR0/06_sub/images/0602.jpg)no-repeat 50% 0; background-size:cover; } .subvisual .bg.bg0603 { background:url(/page_KR0/06_sub/images/0603.jpg)no-repeat 50% 0; background-size:cover; } .subvisual .bg.bg0604 { background:url(/page_KR0/06_sub/images/0604.jpg)no-repeat 50% 0; background-size:cover; } .subvisual .bg.bg0605 { background:url(/page_KR0/06_sub/images/0605.jpg)no-repeat 50% 0; background-size:cover; } .subvisual .bg.bg0606 { background:url(/page_KR0/06_sub/images/0606.jpg)no-repeat 50% 0; background-size:cover; } .subvisual .bg.bg0607 { background:url(/page_KR0/06_sub/images/0607.jpg)no-repeat 50% 0; background-size:cover; } .subvisual .bg.bg0608 { background:url(/page_KR0/06_sub/images/0608.jpg)no-repeat 50% 0; background-size:cover; } .subvisual .bg.bg0609 { background:url(/page_KR0/06_sub/images/0609.jpg)no-repeat 50% 0; background-size:cover; } .subvisual .bg.bg0610 { background:url(/page_KR0/06_sub/images/0610.jpg)no-repeat 50% 0; background-size:cover; } .subvisual .bg.bg0611 { background:url(/page_KR0/06_sub/images/0611.jpg)no-repeat 50% 0; background-size:cover; } .subvisual .bg.bg07 { background:url(/page_KR0/07_sub/images/07.jpg)no-repeat 50% 0; background-size:cover; } .subvisual .bg.bg0801 { background:url(/page_KR0/08_sub/images/0801.jpg)no-repeat 50% 0; background-size:cover; } .subvisual .bg.bg0802 { background:url(/page_KR0/08_sub/images/0802.jpg)no-repeat 50% 0; background-size:cover; } .subvisual .bg.bg0803 { background:url(/page_KR0/08_sub/images/0803.jpg)no-repeat 50% 0; background-size:cover; } .subvisual .bg.bg0804 { background:url(/page_KR0/08_sub/images/0804.jpg)no-repeat 50% 0; background-size:cover; } .subvisual .bg.bg0805 { background:url(/page_KR0/08_sub/images/0805.jpg)no-repeat 50% 0; background-size:cover; } .subvisual .bg.bg0806 { background:url(/page_KR0/08_sub/images/0806.jpg)no-repeat 50% 0; background-size:cover; } .subvisual .bg.bg0807 { background:url(/page_KR0/08_sub/images/0807.jpg)no-repeat 50% 0; background-size:cover; } .subvisual .bg.bg0808 { background:url(/page_KR0/08_sub/images/0808.jpg)no-repeat 50% 0; background-size:cover; } .subvisual .bg.bg0809 { background:url(/page_KR0/08_sub/images/0809.jpg)no-repeat 50% 0; background-size:cover; } .subvisual .bg.bg0810 { background:url(/page_KR0/08_sub/images/0810.jpg)no-repeat 50% 0; background-size:cover; } @keyframes sectionbg { 0% { transform: scale(1.07) translateY(0); transform-origin: 50% 50%; } 100% { transform: scale(1) translateY(0); transform-origin: 50% 50%; } } .sub0201_01 { position:relative; width:100%; max-width:1520px; margin:0 auto; padding-top:160px; overflow:hidden; } .sub0201_02 { position:relative; width:100%; max-width:1480px; margin:0 auto; padding-top:160px; overflow:hidden; } .sub0201_0111 { position:relative; width:100%; max-width:1596px; margin:0 auto; padding-top:160px; overflow:hidden; } .box0201 { position:relative; width:100%; display:flex; flex-wrap:wrap; justify-content: center; margin-top:40px; } .box0201.box02011 { justify-content: flex-start; } .box0201 div.boxcon { position:relative; width:31.33%; margin-right:3%; margin-bottom:3%; background:#dddcd9; border-radius:20px 20px 12px 12px; overflow:hidden; } .box0201 div.boxcon:nth-child(3n) { margin-right:0px; } .box0201 div.boxcon:last-child { margin-right:0px; } .box0201 div.boxcon .imgs { width:100%; border-radius:20px; overflow:hidden; } .box0201 div.boxcon .imgs img { width:100%; } .box0201 div.boxcon .txt { width:100%; padding:38px 8%; box-sizing:border-box; } .box0201 div.boxcon .txt li.t1 { font-size:22px; font-weight:600; color:#897a62; } .box0201 div.boxcon .txt li.t2 { margin-top:4px; font-size:19px; font-weight:600; color:#232323; } .box0201 div.boxcon .txt li.t3 { margin-top:10px; font-size:18px; font-weight:400; color:#6a6666; line-height:150%; } .box0201 div.boxcon .txt li.t3 span { color:#464444; font-weight:500; } .box0201 div.boxcon .txt li.t5 { margin-top:10px; font-size:15px; font-weight:400; color:#111111; line-height:150%; } .box0201 div.boxcon2 { position:relative; width:32.33%; margin-right:1.5%; background:#f5f5f5; border-radius:10px 10px 10px 10px; overflow:hidden; } .box0201 div.boxcon2:nth-child(3n) { margin-right:0px; } .box0201 div.boxcon2:last-child { margin-right:0px; } .box0201 div.boxcon2 .imgs { width:100%; border-radius:10px; overflow:hidden; } .box0201 div.boxcon2 .imgs img { width:100%; } .box0201 div.boxcon2 .txt { width:100%; padding:38px 8%; box-sizing:border-box; } .box0201 div.boxcon2 .txt li.t1 { font-size:22px; font-weight:600; color:#332717; line-height:130%; } .box0201 div.boxcon2 .txt li.t2 { margin-top:10px; font-size:18px; font-weight:400; color:#6a6666; line-height:140%; } .box0201 div.boxcon2 .txt li.t2 span { display:block; width:100%; font-weight:600; color:#806849; } .box0201 div.boxcon.boxcon3 { position:relative; width:49%; margin-right:2%; background:#dddcd9; border-radius:20px 20px 12px 12px; overflow:hidden; } .box0201 div.boxcon.boxcon3:nth-child(3n) { margin-right:2%; } .box0201 div.boxcon.boxcon3:nth-child(2n) { margin-right:0px; } .box0204 { position:relative; width:100%; display:flex; flex-wrap:wrap; justify-content: center; } .box0204 div.boxcon { position:relative; width:31.33%; margin-right:3%; background:#dddcd9; border-radius:10px; margin-top:120px; } .box0204 div.boxcon:nth-child(3n) { margin-right:0px; } .box0204 div.boxcon:last-child { margin-right:0px; } .box0204 div.boxcon .imgs { width:221px; margin:0 auto; margin-top:-80px; } .box0204 div.boxcon .imgs2 { width:402px; margin:0 auto; margin-top:-80px; } .box0204 div.boxcon .imgs3 { position:relative; width:195px; height:195px; margin:0 auto; border-radius:100%; border:6px solid #ffffff; overflow:hidden; margin-top:-80px; } .box0204 div.boxcon .imgs3 video { display:block; position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); object-fit: cover; width:100%; height:100%; } .box0204 div.boxcon .txt { width:100%; max-width:640px; margin:0 auto; padding:38px 8%; text-align:center; box-sizing:border-box; } .box0204 div.boxcon .txt li.t1 { font-size:23px; font-weight:600; color:#3d3d3d; } .box0204 div.boxcon .txt li.t2 { margin-top:8px; font-size:19px; font-weight:400; color:#3d3d3d; line-height:140%; } .box0204 div.boxcon .txt li.t2 span { font-weight:600; } .box0204 div.boxcon .txt2 { width:100%; max-width:640px; margin:0 auto; padding:0px 8% 50px 8%; border-top:1px solid #d0cfcc; box-sizing:border-box; } .box0204 div.boxcon .txt2 li.t1 { margin-top:40px; font-size:18.5px; font-weight:600; color:#3d3d3d; } .box0204 div.boxcon .txt2 li.t2 { margin-top:8px; font-size:18.5px; font-weight:400; color:#3d3d3d; line-height:140%; } .box0204 div.boxcon .txt2 li.t2 span { font-weight:600; } .box0204 div.boxcon .txt3 { width:100%; padding:0px 8% 50px 8%; display:flex; flex-wrap:wrap; justify-content: space-between; box-sizing:border-box; } .box0204 div.boxcon .txt3 li { width:24%; height:48px; line-height:48px; background:#ffffff; text-align:center; border-radius:6px; font-size:17px; font-weight:500; color:#303030; } .box0204 div.boxcon.boxcon2 { width:60%; margin-right:0%; } .box0204.box02044 { max-width:1000px; margin:0 auto; } .box0204.box02044 div.boxcon { position:relative; width:48%; margin-right:4%; } .box0204.box02044 div.boxcon:nth-child(3n) { margin-right:4%; } .box0204.box02044 div.boxcon:nth-child(2n) { margin-right:0px; } .box0204.box020444 { max-width:1412px; margin:0 auto; justify-content: space-between; } .box0204.box020444 div.boxcon { position:relative; width:48%; margin-right:4%; } .box0204.box020444 div.boxcon:nth-child(3n) { margin-right:4%; } .box0204.box020444 div.boxcon:nth-child(2n) { margin-right:0px; } .box0610 { position:relative; width:100%; max-width:1120px; margin:0 auto; display:flex; flex-wrap:wrap; padding-top:20px; } .box0610 .boxcon { position:relative; width:21%; background:#787878; border-radius:10px; } .box0610 .boxcon .imgs { width:100%; } .box0610 .boxcon .imgs img { width:100%; } .box0610 .boxcon .txt { width:100%; padding:18px 0; text-align:center; box-sizing:border-box; font-size:18px; font-weight:500; color:#ffffff; } .box0610 .qw { position:relative; width:5%; } .box0610 .qw span { display:block; position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); width:100%; text-align:center; font-size:17px; font-weight:400; color:#595454; } .box0610_2 { position:relative; width:100%; max-width:1230px; margin:0 auto; margin-top:60px; display:flex; flex-wrap:wrap; justify-content: space-between; } .box0610_2 ul { position:relative; width:48%; background:#dedcda; text-align:center; } .box0610_2 ul .imgs { width:100%; } .box0610_2 ul .imgs img { width:100%; } .box0610_2 ul .t1 { width:100%; padding-top:50px; font-size:23px; font-weight:600; color:#3d3d3d; line-height:140%; } .box0610_2 ul .t2 { width:100%; padding-top:10px; padding-bottom:50px; font-size:21px; font-weight:600; color:#514736; line-height:140%; } .box0210 { position:relative; width:100%; max-width:1000px; margin:0 auto; display:flex; flex-wrap:wrap; justify-content: center; padding-top:20px; } .box0210 div.boxcon { position:relative; width:48%; margin-right:4%; margin-bottom:4%; background:#dddcd9; border-radius:10px; margin-top:100px; } .box0210 div.boxcon:nth-child(2n) { margin-right:0px; } .box0210 div.boxcon:last-child { margin-right:0px; } .box0210 div.boxcon .imgs { width:221px; margin:0 auto; margin-top:-80px; } .box0210 div.boxcon .imgs img { } .box0210 div.boxcon .txt { width:100%; padding:38px 8%; text-align:center; box-sizing:border-box; } .box0210 div.boxcon .txt li.t1 { font-size:23px; font-weight:600; color:#3d3d3d; } .box0210 div.boxcon .txt li.t2 { margin-top:8px; font-size:19px; font-weight:500; color:#222222; } .box0210 div.boxcon .txt li.t3 { margin-top:12px; font-size:17px; font-weight:400; color:#595454; line-height:140%; } .box0210 div.boxcon .txt li.t3 span { font-weight:600; } .box0210 div.boxcon .txt li.t4 { width:100%; margin-top:16px; text-align:center; } .box0210 div.boxcon .txt li.t4 a { display:inline-block; padding:8px 14px; background:#a1a19f; font-size:16px; font-weight:600; color:#272727; border-radius:6px; } .box0211 { position:relative; width:100%; max-width:1322px; margin:0 auto; display:flex; flex-wrap:wrap; justify-content: center; margin-top:40px; } .box0211 div.boxcon { position:relative; width:24%; margin-right:1.33%; margin-bottom:1.33%; background:#dddcd9; border-radius:20px 20px 12px 12px; overflow:hidden; } .box0211 div.boxcon:nth-child(4n) { margin-right:0px; } .box0211 div.boxcon:last-child { margin-right:0px; } .box0211 div.boxcon .imgs { width:100%; border-radius:20px; overflow:hidden; } .box0211 div.boxcon .imgs img { width:100%; } .box0211 div.boxcon .txt { width:100%; padding:38px 8%; box-sizing:border-box; } .box0211 div.boxcon .txt li.t1 { font-size:22px; font-weight:600; color:#232323; } .box0211 div.boxcon .txt li.t2 { margin-top:4px; font-size:19px; font-weight:600; color:#232323; } .box0211 div.boxcon .txt li.t3 { margin-top:10px; font-size:18px; font-weight:400; color:#6a6666; line-height:140%; } .box0211 div.boxcon .txt li.t3 span { color:#4d4d4d; font-weight:500; } .box0211 div.boxcon .txt2 { width:100%; padding:18px 5%; box-sizing:border-box; font-size:19px; font-weight:400; color:#595454; text-align:center;} .box0207 { position:relative; width:100%; max-width:1110px; margin:0 auto; display:flex; flex-wrap:wrap; justify-content: center; margin-top:40px; } .box0207 div.boxcon { position:relative; width:48%; margin-right:4%; background:#ffffff; text-align:center; border-radius:20px 20px 12px 12px; overflow:hidden; } .box0207 div.boxcon:nth-child(2n) { margin-right:0px; } .box0207 div.boxcon:last-child { margin-right:0px; } .box0207 div.boxcon .imgs { width:100%; border-radius:20px; overflow:hidden; } .box0207 div.boxcon .imgs img { width:100%; } .box0207 div.boxcon .txt { width:100%; padding:38px 8%; box-sizing:border-box; } .box0207 div.boxcon .txt li.t1 { font-size:22px; font-weight:600; color:#897a62; } .box0207 div.boxcon .txt li.t2 { margin-top:10px; font-size:18px; font-weight:400; color:#6a6666; line-height:140%; } .box0207 div.boxcon .txt li.t2 span { color:#4d4d4d; font-weight:500; } .box02077 { position:relative; width:100%; max-width:1006px; margin:0 auto; display:flex; flex-wrap:wrap; margin-top:40px; } .box02077 div.boxcon:nth-child(1) { position:relative; width:50%; margin-right:4%; padding-right:4%; border-right:1px solid #c8c8c8; text-align:center; box-sizing:border-box; } .box02077 div.boxcon:nth-child(2) { position:relative; width:46%; text-align:center; } .box02077 div.boxcon .imgs { width:100%; } .box02077 div.boxcon .imgs img { width:100%; } .box02077 div.boxcon .txt { width:100%; padding-top:26px; padding-bottom:8px; } .box02077 div.boxcon .txt li.t1 { font-size:19px; font-weight:600; color:#3d3d3d; } .box02077 div.boxcon .txt li.t2 { margin-top:8px; font-size:19px; font-weight:400; color:#595454; line-height:150%; } .box02077 div.boxcon .txt li.t2 span { font-weight:500; color:#000000; } .box0207.box020777 { max-width:1298px; } .box0207.box020777 div.boxcon { width:32.33%; margin-right:1.5%; border-radius:10px 10px 10px 10px; } .box0207.box020777 div.boxcon:nth-child(2n) { margin-right:1.5%; } .box0207.box020777 div.boxcon:last-child { margin-right:0px; } .box0207.box020777 div.boxcon .imgs { border-radius:10px; } .box0201_2 { position:relative; width:100%; display:flex; flex-wrap:wrap; margin-top:40px; } .box0201_2 ul { position:relative; width:12.5%; } .box0201_2 ul li.imgs { position:relative; width:100%; text-align:center; } .box0201_2 ul li.imgs img { display:inline-block; vertical-align:top; } .box0201_2 ul li.txt { width:100%; text-align:center; font-size:21px; font-weight:400; color:#595454; } .sub0201img3 { position:relative; width:90%; max-width:1222px; margin:0 auto; text-align:center; margin-top:30px; background:#ffffff; padding:78px; 108px; border-radius:14px; overflow:hidden; box-sizing:border-box; } .sub0201img3 img { display:inline-block; } .sub0401img3 { position:relative; width:100%; margin:0 auto; text-align:center; margin-top:30px; background:#f8f8f8; padding:78px; 108px; border-radius:14px; overflow:hidden; box-sizing:border-box; } .sub0401img3 img { display:inline-block; } .box0201_3 { position:relative; width:100%; display:flex; flex-wrap:wrap; justify-content: space-between; } .box0201_3 ul { position:relative; width:48%; background:#dddcd9; padding:166px 80px 52px 80px; margin-top:100px; box-sizing:border-box; border-radius:8px; } .box0201_3 ul li.imgs { position:absolute; top:-60px; left:80px; } .box0201_3 ul li.imgs img { } .box0201_3 ul li.t1 { font-size:24px; font-weight:700; color:#404040; } .box0201_3 ul li.t2 { margin-top:6px; font-size:21px; font-weight:400; color:#404040; line-height:140%; } .box0201_3 ul li.t2 span { font-size:17px; } .box0201_3.box0201_33 { position:relative; width:100%; display:flex; flex-wrap:wrap; justify-content: center; margin-top:100px; } .box0201_3.box0201_333 { position:relative; width:100%; display:flex; flex-wrap:wrap; justify-content: center; text-align:center; margin-top:100px; } .box0201_3.box0201_333 ul li.imgs { position:absolute; top:-60px; left:50%; transform:translateX(-50%); } .box0201_3.box0201_333 ul li.imgs img { } .box0401 { position:relative; width:100%; margin:0 auto; display:flex; flex-wrap:wrap; justify-content: center; margin-top:40px; } .box0401 div.boxcon { position:relative; width:31.33%; margin-right:3%; } .box0401 div.boxcon:nth-child(3n) { margin-right:0px; } .box0401 div.boxcon:last-child { margin-right:0px; } .box0401 div.boxcon .txtwrap { width:100%; background:#b9b4ae; border-radius:8px 20px 12px 12px; overflow:hidden; } .box0401 div.boxcon .imgs { width:100%; border-radius:8px; overflow:hidden; } .box0401 div.boxcon .imgs img { width:100%; } .box0401 div.boxcon .txt { width:100%; padding:30px 8%; box-sizing:border-box; text-align:center; } .box0401 div.boxcon .txt li.t1 { display:inline-block; padding:0 16px; height:32px; line-height:32px; text-align:center; font-size:19px; font-weight:600; color:#262525; border-radius:10px; background:#ffffff; } .box0401 div.boxcon .txt li.t2 { width:100%; min-height:57px; margin-top:14px; font-size:19px; font-weight:500; color:#262525; line-height:150%; } .box0401 div.boxcon .txt li.t2 span { font-size:22px; font-weight:600; color:#111111; } .box0401 div.boxcon .txt2 { width:100%; text-align:center; margin-top:20px; font-size:21px; font-weight:600; color:#171717; line-height:140%; } .box0401 div.boxcon .txt2 span { color:#4d4d4d; font-weight:500; } .box0401.box04011 div.boxcon { position:relative; width:32.33%; margin-right:1.5%; } .box0401.box04011 div.boxcon:nth-child(3n) { margin-right:0px; } .box0401.box04011 div.boxcon .txtwrap { background:#ddd9d3; } .box0401.box04011 div.boxcon .txt li.t2 { min-height:auto; } .box0403_01 { position:relative; width:100%; max-width:1444px; margin:0 auto; padding-bottom:100px; display:flex; flex-wrap:wrap; justify-content: center; z-index:2; } .box0403_01 div.boxcon { position:relative; width:48%; margin-right:4%; background:#dddcd9; border-radius:10px; margin-top:120px; } .box0403_01 div.boxcon:last-child { margin-right:0px; } .box0403_01 div.boxcon .imgs { width:221px; margin:0 auto; margin-top:-106px; } .box0403_01 div.boxcon .imgs img { } .box0403_01 div.boxcon .txt { width:100%; padding:24px 8% 68px 8%; text-align:center; box-sizing:border-box; } .box0403_01 div.boxcon .txt li.t1 { font-size:23px; font-weight:600; color:#3d3d3d; } .box0403_01 div.boxcon .txt li.t2 { margin-top:8px; font-size:19px; font-weight:400; color:#6a6666; line-height:140%; } .box0403_01 div.boxcon .txt li.t2 span { font-weight:600; } .box0403_01 div.boxcon .txt li.t3 { margin-top:8px; font-size:23px; font-weight:600; color:#514736; line-height:100%; } .box0403_01 div.boxcon .imgs2 { position:absolute; bottom:-36px; left:50%; transform:translateX(-50%); } .box0403_02 { position:relative; width:100%; max-width:1444px; margin:0 auto; margin-top:-80px; display:flex; flex-wrap:wrap; justify-content: center; z-index:1; } .box0403_02 div.boxcon { position:relative; width:48%; margin-right:4%; } .box0403_02 div.boxcon:last-child { margin-right:0px; } .box0403_02 div.boxcon .imgs { width:100%; } .box0403_02 div.boxcon .imgs video { display:block; width:100%; } .box0403_02 div.boxcon .txt { width:100%; margin-top:20px; text-align:center; font-size:22px; font-weight:600; color:#171717; } .box0408 { position:relative; width:100%; display:flex; flex-wrap:wrap; justify-content: center; margin-top:40px; } .box0408 div.boxcon { position:relative; width:31.33%; margin-right:3%; } .box0408 div.boxcon:nth-child(3n) { margin-right:0px; } .box0408 div.boxcon:last-child { margin-right:0px; } .box0408 div.boxcon .txtwrap { width:100%; background:#b9b4ae; border-radius:8px 8px 8px 8px; overflow:hidden; } .box0408 div.boxcon .imgs { width:100%; border-radius:8px; overflow:hidden; } .box0408 div.boxcon .imgs img { width:100%; } .box0408 div.boxcon .txt { width:100%; padding:30px 8%; box-sizing:border-box; text-align:center; } .box0408 div.boxcon .txt li.t1 { font-size:20px; font-weight:600; color:#262525; } .box0408 div.boxcon .txt2 { width:100%; text-align:center; margin-top:20px; font-size:19px; font-weight:400; color:#171717; line-height:150%; } .box0408 div.boxcon .txt2 span { color:#4d4d4d; font-weight:500; } #table0201 { position:relative; width:100%; border-collapse: collapse; margin-top:40px; border-radius:14px; overflow:hidden; } #table0201 tr th { height:66px; font-size:21.5px; border-right:1px solid #e5e4e0; color:#2d2c2c; font-weight:600; background:#cfcfce; } #table0201 tr td { padding:22px 0; font-size:18px; color:#404040; font-weight:400; line-height:130%; text-align:center; border-bottom:1px solid #dedcdb; border-right:1px solid #dedcdb; background:#efeeed; letter-spacing:2px; } #table0201 tr th:last-child,#table0201 tr td:last-child { border-right:0px; } #table0201 tr:last-child td { border-bottom:0px; vertical-align: top; letter-spacing:0px; } #table0201 tr td.title { font-size:20px; color:#404040; background:#eceae7; vertical-align: middle; letter-spacing:0px; } #table0208 { position:relative; width:100%; max-width:1300px; margin:0 auto; border-collapse: collapse; margin-top:40px; border-radius:14px; overflow:hidden; } #table0208 tr th { height:66px; font-size:21.5px; border-right:1px solid #e5e4e0; color:#404040; font-weight:600; background:#cfcfce; } #table0208 tr td { padding:22px 0; font-size:19px; color:#404040; font-weight:400; line-height:130%; text-align:center; border-bottom:1px solid #dedcdb; border-right:1px solid #dedcdb; background:#ffffff; } #table0208 tr td:last-child { font-weight:600; border-right:0px; border-bottom:1px solid #e3e1e0; background:#ddd9d3; } #table0208 tr td.txt1 { background:#efeeed; } #table0208 tr:last-child td { border-bottom:0px; vertical-align: top; letter-spacing:0px; } #table0208 tr td.title { font-size:20px; color:#404040; background:#eceae7; vertical-align: middle; letter-spacing:0px; } #table0211 { position:relative; width:100%; max-width:1290px; margin:0 auto; border-collapse: collapse; margin-top:40px; border-radius:14px; overflow:hidden; } #table0211 tr th { height:66px; font-size:21.5px; border-right:1px solid #e5e4e0; color:#404040; font-weight:600; background:#cfcfce; } #table0211 tr td { padding:22px 2%; font-size:18px; color:#404040; font-weight:400; line-height:140%; text-align:left; border-bottom:1px solid #dedcdb; border-right:1px solid #dedcdb; background:#efeeed; } #table0211 tr td img { display:block; width:100%; max-width:200px; margin:0 auto; } #table0211 tr td span { display:block; width:100%; margin-top:6px; font-size:13px; color:#656565; line-height:130%; } #table0211 tr:last-child td { border-bottom:0px; vertical-align: top; letter-spacing:0px; } #table0211 tr td.title { text-align:center; font-size:19px; color:#404040; background:#eceae7; vertical-align: middle; letter-spacing:0px; } #table0303 { position:relative; width:100%; max-width:1290px; margin:0 auto; border-collapse: collapse; margin-top:40px; border-radius:14px; overflow:hidden; } #table0303 tr th { height:66px; font-size:21.5px; border-right:1px solid #e5e4e0; color:#404040; font-weight:600; background:#cfcfce; } #table0303 tr td { padding:22px 2%; font-size:18px; color:#404040; font-weight:500; line-height:140%; text-align:center; border-bottom:1px solid #dedcdb; border-right:1px solid #dedcdb; background:#efeeed; } #table0303 tr td img { display:block; width:100%; max-width:145px; margin:0 auto; } #table0303 tr td span { display:block; width:100%; margin-top:6px; font-size:13px; color:#656565; line-height:130%; } #table0303 tr td.title { text-align:center; font-size:19px; color:#404040; background:#eceae7; vertical-align: middle; letter-spacing:0px; } #table0303 tr td.title2 { text-align:center; font-size:19px; color:#1e1e1e; font-weight:600; border-bottom:1px solid #e3e1e0; background:#ddd9d3; } #table0303 tr:last-child td { border-bottom:0px; vertical-align: top; letter-spacing:0px; } #table0406 { position:relative; width:100%; border-collapse: collapse; margin-top:40px; border-radius:14px; overflow:hidden; } #table0406 tr th { padding:22px 2%; font-size:21.5px; border-right:1px solid #e5e4e0; color:#2d2c2c; font-weight:600; background:#cfcfce; text-align:left; } #table0406 tr td { padding:22px 1% 22px 2%; font-size:17px; color:#404040; font-weight:400; line-height:140%; text-align:left; border-bottom:1px solid #dedcdb; border-right:1px solid #dedcdb; background:#efeeed; letter-spacing:2px; } #table0406 tr th:last-child,#table0406 tr td:last-child { border-right:0px; } #table0406 tr:last-child td { border-bottom:0px; vertical-align: top; letter-spacing:0px; } #table0406 tr th.title { font-size:19px; color:#404040; text-align:center; } #table0406 tr td.title { font-size:19px; font-weight:500; color:#404040; background:#eceae7; vertical-align: middle; text-align:center; letter-spacing:0px; } #table0406 tr td .line01 { display:block; width:80%; height:1px; margin:12px 0; background:#111111; } #table0406 tr td .line02 { display:block; width:80%; height:2px; margin:12px 0; background:#111111; } #table0406 tr td .line03 { display:block; width:80%; height:4px; margin:12px 0; background:#111111; } #table0406 tr td .img1 { width:99%; display:flex; } #table0406 tr td .img1 li:nth-child(1) { width:5%; text-align:left; } #table0406 tr td .img1 li:nth-child(2) { width:90%; display:flex; } #table0406 tr td .img1 li:nth-child(2) span:nth-child(1) { display:block; width:30%; height:29px; background:url(/page_KR0/04_sub/images/tableimg1.jpg)no-repeat right 50%; } #table0406 tr td .img1 li:nth-child(2) span:nth-child(2) { display:block; width:68%; height:29px; background:url(/page_KR0/04_sub/images/tableimg2.jpg)repeat-x 0 50%; } #table0406 tr td .img1 li:nth-child(2) span:nth-child(3) { display:block; width:22px; height:29px; background:url(/page_KR0/04_sub/images/tableimg3.jpg)no-repeat right 50%; } #table0406 tr td .img1 li:nth-child(3) { width:5%; text-align:right; } #table0407 { position:relative; width:100%; border-collapse: collapse; margin-top:40px; border-radius:14px; overflow:hidden; } #table0407 tr th { padding:22px 2%; font-size:21.5px; border-right:1px solid #e5e4e0; color:#2d2c2c; font-weight:600; background:#cfcfce; text-align:center; } #table0407 tr td { padding:22px 2% 22px 2%; font-size:17px; color:#404040; font-weight:400; line-height:140%; text-align:center; border-bottom:1px solid #dedcdb; border-right:1px solid #dedcdb; background:#efeeed; } #table0407 tr td div { max-width:99px; margin:0 auto; padding-bottom:10px; } #table0407 tr th:last-child,#table0407 tr td:last-child { border-right:0px; } #table0407 tr:last-child td { border-bottom:0px; vertical-align: top; letter-spacing:0px; } #table0407 tr th.title { font-size:19px; color:#404040; text-align:center; } #table0407 tr td.title { font-size:19px; font-weight:500; color:#404040; background:#eceae7; vertical-align: middle; text-align:center; letter-spacing:0px; } #table0407 tr td .img1 { width:99%; display:flex; } #table0407 tr td .img1 li:nth-child(1) { width:5%; text-align:left; } #table0407 tr td .img1 li:nth-child(2) { width:90%; display:flex; } #table0407 tr td .img1 li:nth-child(2) span:nth-child(1) { display:block; width:30%; height:29px; background:url(/page_KR0/04_sub/images/tableimg1.jpg)no-repeat right 50%; } #table0407 tr td .img1 li:nth-child(2) span:nth-child(2) { display:block; width:68%; height:29px; background:url(/page_KR0/04_sub/images/tableimg2.jpg)repeat-x 0 50%; } #table0407 tr td .img1 li:nth-child(2) span:nth-child(3) { display:block; width:22px; height:29px; background:url(/page_KR0/04_sub/images/tableimg3.jpg)no-repeat right 50%; } .recommend { position:relative; width:90%; max-width:820px; margin:0 auto; margin-top:40px; } .recommend li { width:100%; margin-bottom:16px; padding:28px 16px; font-size:23px; font-weight:600; color:#404040; background:#ffffff; border-radius:20px; overflow:hidden; display:flex; line-height:32px; } .recommend li span { display:block; width:60px; height:32px; margin-right:20px; text-align:center; border-right:1px solid #c4bfb9; font-family: 'Orpheus Pro'; font-weight: 500; font-size:40px; color:#494443; line-height:32px; } .recommend li:last-child { margin-bottom:0px; } .recommend.recommend2 { max-width:1082px; } .recommend.recommend3 { max-width:600px; } .recommend.recommend4 { max-width:1000px; } .box0201_4 { position:relative; width:100%; display:flex; flex-wrap:wrap; margin-top:60px; } .box0201_4 ul { position:relative; width:23%; margin-right:2.6666666666666667%; background:#ffffff; border-radius:20px 20px 12px 12px; overflow:hidden; } .box0201_4 ul:nth-child(4n) { margin-right:0px; } .box0201_4 ul .imgs { position:relative; width:100%; } .box0201_4 ul .imgs img { width:100%; border-radius:20px; overflow:hidden; } .box0201_4 ul .imgs span { position:absolute; bottom:-12px; left:50%; transform:translateX(-50%); width:70px; height:25px; line-height:25px; background:#3c3c3c; border-radius:50px; overflow:hidden; font-size:14px; font-weight:500; color:#e6e4e1; text-align:center; } .box0201_4 ul .txt { width:100%; height:68px; line-height:68px; text-align:center; font-size:22px; font-weight:500; color:#555555; } .box0201_4 ul .txt span { font-size:17px; } .box0201_4 ul .txt2 { width:100%; padding:34px 5% 24px 5%; box-sizing:border-box; text-align:center; font-size:18px; font-weight:400; color:#555555; line-height:140%; } .box0201_4.box0201_44 { max-width:1090px; margin:0 auto; margin-top:60px; } .box0201_4.box0201_44 ul { position:relative; width:31.33%; margin-right:3%; margin-bottom:3%; background:#ffffff; border-radius:20px 20px 12px 12px; overflow:hidden; } .box0201_4.box0201_44 ul:nth-child(4n) { margin-right:3%; } .box0201_4.box0201_44 ul:nth-child(3n) { margin-right:0px; } .box0201_444 { position:relative; width:100%; max-width:1216px; margin:0 auto; display:flex; flex-wrap:wrap; margin-top:60px; } .box0201_444 ul { position:relative; width:31.33%; margin-right:3%; overflow:hidden; } .box0201_444 ul:nth-child(3n) { margin-right:0px; } .box0201_444 ul .imgs { position:relative; width:100%; } .box0201_444 ul .imgs img { width:100%; border-radius:10px; overflow:hidden; } .box0201_444 ul .txt { width:100%; height:68px; line-height:68px; text-align:center; font-size:22px; font-weight:600; color:#303030; } .box0601 { width:90%; max-width:1144px; margin:0 auto; display:flex; flex-wrap:wrap; margin-top:60px; } .box0601 ul { position:relative; width:31.33%; margin-right:3%; background:#ffffff; padding-bottom:24px; border-radius:10px; text-align:center; overflow:hidden; } .box0601 ul:nth-child(3n) { margin-right:0px; } .box0601 ul .imgs { position:relative; width:100%; } .box0601 ul .imgs img { width:100%; } .box0601 ul .txt { width:100%; padding-top:20px; font-size:19px; font-weight:600; color:#232323; } .box0601 ul .txt span { font-size:17px; } .box0601 ul .txt2 { width:100%; font-size:19px; font-weight:400; color:#6a6666; line-height:140%; } .box0806 { width:90%; max-width:1412px; margin:0 auto; display:flex; flex-wrap:wrap; margin-top:60px; } .box0806 ul { position:relative; width:23%; margin-right:2.6666666666666667%; background:#ffffff; border-radius:12px; padding-bottom:24px; overflow:hidden; } .box0806 ul:nth-child(4n) { margin-right:0px; } .box0806 ul .imgs { position:relative; width:100%; text-align:center; padding-top:20px; } .box0806 ul .imgs img { display:inline-block; } .box0806 ul .steptxt { position:relative; width:70px; height:25px; line-height:25px; margin:0 auto; margin-top:20px; background:#3c3c3c; border-radius:50px; overflow:hidden; font-size:14px; font-weight:500; color:#e6e4e1; text-align:center; } .box0806 ul .txt { width:82%; margin:0 auto; margin-top:22px; font-size:16px; font-weight:600; color:#000000; } .box0806 ul .txt2 { width:82%; margin:0 auto; margin-top:4px; font-size:16px; font-weight:300; color:#555555; line-height:140%; } .box0806 ul .txt2 span { font-weight:500; } .box0406 { position:relative; width:100%; display:flex; flex-wrap:wrap; margin-top:60px; } .box0406 ul { position:relative; width:32.33%; margin-right:1.5%; margin-bottom:3%; background:#ffffff; border-radius:20px 20px 12px 12px; overflow:hidden; } .box0406 ul:nth-child(3n) { margin-right:0px; } .box0406 ul:nth-child(4),.box0406 ul:nth-child(5),.box0406 ul:nth-child(6) { margin-bottom:0px; } .box0406 ul .imgs { position:relative; width:100%; } .box0406 ul .imgs img { width:100%; border-radius:20px; overflow:hidden; } .box0406 ul .imgs span { position:absolute; bottom:-12px; left:50%; transform:translateX(-50%); width:70px; height:25px; line-height:25px; background:#3c3c3c; border-radius:50px; overflow:hidden; font-size:14px; font-weight:500; color:#e6e4e1; text-align:center; } .box0406 ul .txt { width:100%; padding:40px 0 30px 0; text-align:center; font-size:21px; font-weight:400; color:#6a6666; line-height:140%; } #subqna { position:relative; width:100%; margin-top:140px; } .subqna { position:relative; width:100%; padding:80px 0; border-top:1px solid #d1d0cd; border-bottom:1px solid #d1d0cd; margin-top:40px; } .subqna .txt { position:relative; width:100%; max-width:960px; margin:0 auto; } .subqna .txt li.qtxt { position:relative; width:100%; min-height:64px; padding-left:114px; font-size:21px; font-weight:600; color:#3d3935; line-height:140%; box-sizing:border-box; } .subqna .txt li.qtxt span { display:block; position:absolute; top:0px; left:0px; width:80px; height:64px; background:#d2d0cd; text-align:center; border-radius:12px; line-height:64px; font-size:36px; font-weight:500; color:#3d3935; } .subqna .txt li.atxt { position:relative; width:100%; margin-top:20px; min-height:64px; padding-left:114px; box-sizing:border-box; } .subqna .txt li.atxt span.title { display:block; position:absolute; top:0px; left:0px; width:80px; height:64px; background:#d2d0cd; text-align:center; border-radius:12px; line-height:64px; font-size:36px; font-weight:500; color:#3d3935; } .subqna .txt li.atxt div.t1 { font-size:20px; font-weight:600; color:#3d3935; line-height:140%; } .subqna .txt li.atxt div.t2 { font-size:20px; font-weight:400; color:#3d3935; line-height:140%; } .subqna .txt li.atxt div.t2 span { font-weight:600; } #aftercare { position:relative; width:100%; margin-top:160px; text-align:center; padding-bottom:100px; border-bottom:1px solid #d1d0cd; } #aftercare .txt { position:relative; max-width:1080px; display:inline-block; margin-top:60px; } #aftercare .txt li { position:relative; min-height:24px; margin-bottom:10px; font-size:20.5px; font-weight:500; color:#404040; line-height:140%; text-align:left; background:url(/page_KR0/02_sub/images/aftercare.png)no-repeat 0 2px; padding-left:36px; } #aftercare .txt2 { position:relative; max-width:1080px; display:inline-block; margin-top:60px; } #aftercare .txt2 li { position:relative; min-height:24px; margin-bottom:30px; font-size:20.5px; font-weight:400; color:#404040; line-height:150%; text-align:left; background:url(/page_KR0/02_sub/images/aftercare.png)no-repeat 0 2px; padding-left:36px; } #aftercare .txt2 li span { display:block; width:100%; font-weight:600; color:#404040; } #signature { position:relative; width:100%; margin-top:130px; padding-bottom:100px; border-bottom:1px solid #d1d0cd; } #signature.signature2 { padding-bottom:0px; border-bottom:0px solid #d1d0cd; } #signature .signature { position:relative; width:100%; max-width:1420px; margin:0 auto; margin-top:40px; display:flex; flex-wrap:wrap; } #signature .signature .txt { position:relative; width:49%; margin-right:2%; margin-bottom:2%; background:#ffffff; padding:42px 42px 42px 85px; box-sizing:border-box; border-radius:12px; overflow:hidden; } #signature .signature .txt:nth-child(2n) { margin-right:0px; } #signature .signature .txt div { position:absolute; top:42px; left:42px; width:42px; height:42px; background:url(/page_KR0/02_sub/images/aftercare.png)no-repeat 0 2px; padding-left:30px; box-sizing:border-box; } #signature .signature .txt ul { width:100%; border-left:1px solid #dbdbdb; padding-left:30px; box-sizing:border-box; } #signature .signature .txt ul li.t1 { font-size:25px; font-weight:700; color:#2f2f2f; } #signature .signature .txt ul li.t2 { margin-top:6px; font-size:19px; font-weight:400; color:#2f2f2f; line-height:140%; } #signature .signature .txt ul li.t3 { font-size:21px; font-weight:500; color:#454141; line-height:130%; } #signature2 { position:relative; width:100%; margin-top:130px; padding-bottom:100px; border-bottom:1px solid #d1d0cd; } #signature2.signature2 { padding-bottom:0px; border-bottom:0px solid #d1d0cd; } #signature2 .signature { position:relative; width:90%; max-width:1600px; margin:0 auto; margin-top:40px; display:flex; flex-wrap:wrap; } #signature2 .signature .txt { position:relative; width:32.33%; margin-right:1.5%; margin-bottom:1.5%; background:#ffffff; padding:42px 22px 42px 85px; box-sizing:border-box; border-radius:12px; overflow:hidden; } #signature2 .signature .txt:nth-child(3n) { margin-right:0px; } #signature2 .signature .txt:nth-child(4),#signature2 .signature .txt:nth-child(5),#signature2 .signature .txt:nth-child(6) { margin-bottom:0px; } #signature2 .signature .txt div { position:absolute; top:42px; left:42px; width:42px; height:42px; background:url(/page_KR0/02_sub/images/aftercare.png)no-repeat 0 2px; padding-left:30px; box-sizing:border-box; } #signature2 .signature .txt ul { width:100%; border-left:1px solid #dbdbdb; padding-left:24px; box-sizing:border-box; } #signature2 .signature .txt ul li.t1 { font-size:21px; font-weight:500; color:#555555; line-height:140%; } #signature2 .signature .txt ul li.t1 span { font-weight:600; color:#111111; } .box0202 { position:relative; width:90%; max-width:1068px; margin:0 auto; display:flex; flex-wrap:wrap; justify-content: center; margin-top:40px; } .box0202 ul { position:relative; width:19%; margin-right:1.25%; background:#ffffff; border-radius:10px; overflow:hidden; } .box0202 ul:last-child { margin-right:0px; } .box0202 ul li.imgs { position:relative; width:100%; } .box0202 ul li.imgs img { width:100%; border-radius:10px; overflow:hidden; } .box0202 ul li.t1 { width:100%; padding:26px 0; line-height:130%; text-align:center; font-size:19px; font-weight:500; color:#232323; } .box0602 { position:relative; width:100%; max-width:1358px; margin:0 auto; display:flex; flex-wrap:wrap; margin-top:40px; } .box0602 ul { position:relative; width:13.2857%; margin-right:1.166666%; background:#ffffff; border-radius:10px; overflow:hidden; } .box0602 ul:nth-child(7) { margin-right:0px; } .box0602 ul li.imgs { position:relative; width:100%; } .box0602 ul li.imgs img { width:100%; border-radius:10px; overflow:hidden; } .box0602 ul li.t1 { width:100%; padding:26px 0; line-height:130%; text-align:center; font-size:19px; font-weight:500; color:#232323; } .box0202_2 { position:relative; width:100%; max-width:612px; height:421px; margin:0 auto; margin-top:44px; border-radius:12px; background:url(/page_KR0/02_sub/images/0202img2.jpg)no-repeat 50% 0px; background-size:cover; } .box0202_2 .txt { position:absolute; display:flex; } .box0202_2 .txt span.icon1 { display:inline-block; height:37px; width:37px; margin-left:12px; border:3px solid #ffffff; border-radius:100%; box-sizing:border-box; } .box0202_2 .txt span.icon2 { display:inline-block; height:37px; width:37px; margin-right:12px; border:3px solid #ffffff; border-radius:100%; box-sizing:border-box; } .box0202_2 .txt div { display:inline-block; height:37px; line-height:37px; font-size:18px; font-weight:500; color:#353535; padding:0 16px; background:#ffffff; border-radius:50px; box-sizing:border-box; } .box0202_2 .txt.txt1 { top:146px; left:-22px; } .box0202_2 .txt.txt2 { top:81px; left:414px; } .box0202_2 .txt.txt3 { top:192px; right:-37px; } .box0202_2 .txt.txt4 { top:368px; left:247px; } .box0403 { position:relative; width:90%; max-width:1440px; margin:0 auto; display:flex; flex-wrap:wrap; margin-top:60px; } .box0403 ul { position:relative; width:18%; margin-right:2.5%; background:#ffffff; border-radius:10px; overflow:hidden; } .box0403 ul:nth-child(5) { margin-right:0px; } .box0403 ul li.imgs { position:relative; width:100%; } .box0403 ul li.imgs img { width:100%; border-radius:10px; overflow:hidden; } .box0403 ul li.t1 { width:100%; padding-top:32px; line-height:130%; text-align:center; font-size:19px; font-weight:600; color:#232323; } .box0403 ul li.t2 { width:100%; padding-bottom:32px; line-height:130%; text-align:center; font-size:19px; font-weight:400; color:#6a6666; } .box0404 { position:relative; width:90%; max-width:1456px; margin:0 auto; display:flex; flex-wrap:wrap; margin-top:60px; } .box0404 .boxcon { position:relative; width:49%; margin-right:2%; background:#dedcda; border-radius:10px; overflow:hidden; padding:52px 0; box-sizing:border-box; } .box0404 .boxcon:nth-child(2) { margin-right:0px; } .box0404 .boxcon div.imgs { width:100%; max-width:520px; margin:0 auto; } .box0404 .boxcon div.txt { width:100%; margin-top:32px; padding-top:28px; border-top:1px solid #cdc9c6; text-align:center; font-size:20px; font-weight:500; color:#6a6666; line-height:150%; } .box0404 .boxcon div.txt span { font-weight:700; color:#000000; } .box0404_2 { position:relative; width:90%; max-width:655px; margin:0 auto; display:flex; flex-wrap:wrap; margin-top:40px; } .box0404_2 ul { position:relative; width:49%; margin-right:2%; overflow:hidden; box-sizing:border-box; } .box0404_2 ul:nth-child(2) { margin-right:0px; } .box0404_2 ul li.imgs { width:100%; max-width:520px; margin:0 auto; } .box0404_2 ul li.txt { width:100%; margin-top:22px; text-align:center; font-size:21px; font-weight:600; color:#595454; line-height:100%; } .box0409 { position:relative; width:90%; max-width:1068px; margin:0 auto; display:flex; flex-wrap:wrap; margin-top:40px; } .box0409 ul { position:relative; width:24%; margin-right:1.33%; padding-bottom:20px; background:#ffffff; border-radius:10px; overflow:hidden; } .box0409 ul:nth-child(4) { margin-right:0px; } .box0409 ul li.imgs { position:relative; width:100%; } .box0409 ul li.imgs img { width:100%; border-radius:10px; overflow:hidden; } .box0409 ul li.t1 { width:100%; margin-top:30px; line-height:100%; text-align:center; font-size:19px; font-weight:600; color:#232323; } .box0409 ul li.t2 { width:90%; margin:0 auto; margin-top:6px; line-height:130%; text-align:center; font-size:19px; font-weight:400; color:#6a6666; } .box0409_2 { position:relative; width:100%; max-width:1148px; margin:0 auto; display:flex; flex-wrap:wrap; margin-top:40px; } .box0409_2 .boxcon { position:relative; width:32.33%; margin-right:1.5%; background:#b9b4ae; border-radius:12px; overflow:hidden; } .box0409_2 .boxcon:last-child { margin-right:0px; } .box0409_2 .boxcon .imgs { width:100%; border-radius:12px; overflow:hidden; } .box0409_2 .boxcon .imgs img { width:100%; } .box0409_2 .boxcon .txt { width:100%; padding:24px 0; text-align:center; font-size:21px; font-weight:600; color:#595454; line-height:100%; } #aftercare2 { position:relative; width:100%; margin-top:40px; background:#dbd8d4; border-radius:10px; padding:80px 0; text-align:center; } #aftercare2 .txt { position:relative; display:inline-block; } #aftercare2 .txt li { position:relative; min-height:24px; margin-bottom:10px; font-size:21px; font-weight:500; color:#404040; line-height:140%; text-align:left; background:url(/page_KR0/02_sub/images/aftercare.png)no-repeat 0 2px; padding-left:30px; } #aftercare2 .txt li:last-child { margin-bottom:0px; } #aftercare3 { position:relative; width:100%; max-width:1198px; margin:0 auto; border-radius:14px; margin-top:50px; background:#ddd9d3; padding:66px 66px; box-sizing:border-box; } #aftercare3 .txt { position:relative; width:100%; max-width:660px; margin:0 auto; display:flex; flex-wrap:wrap; } #aftercare3 .txt li { position:relative; width:50%; min-height:24px; margin-bottom:10px; font-size:23px; font-weight:500; color:#272727; line-height:140%; text-align:left; background:url(/page_KR0/02_sub/images/aftercare.png)no-repeat 0 4px; padding-left:40px; box-sizing:border-box; } #aftercare3 .txt li:last-child { margin-bottom:0px; } #aftercare3 .txt li span { font-size:19px; } #aftercare3 .txt.txt2 li { width:70%; } #aftercare3 .txt.txt2 li:nth-child(2n) { width:30%; } #aftercare3 .txt.txt3 li { width:60%; } #aftercare3 .txt.txt3 li:nth-child(2n) { width:40%; } #aftercare3 .txt.txt4 { max-width:960px; } #aftercare3 .txt.txt4 li { width:50%; } #aftercare3 .txt.txt4 li:nth-child(2n) { width:50%; } .sub0403_01 { position:relative; width:100%; max-width:1198px; height:636px; margin:0 auto; padding-top:186px; margin-top:80px; box-sizing:border-box; } .sub0403_01 #aftercare4 { position:relative; width:100%; border-radius:14px; background:#ddd9d3; padding:66px 8%; box-sizing:border-box; } .sub0403_01 #aftercare4 .txt { position:relative; width:100%; display:flex; flex-wrap:wrap; justify-content: space-between; } .sub0403_01 #aftercare4 .txt li { position:relative; min-height:24px; margin-bottom:10px; font-size:21px; font-weight:500; color:#272727; line-height:140%; text-align:left; background:url(/page_KR0/02_sub/images/aftercare.png)no-repeat 0 4px; padding-left:40px; box-sizing:border-box; } .sub0403_01 #aftercare4 .txt li:nth-child(odd) { width:65%; } .sub0403_01 #aftercare4 .txt li:nth-child(even) { width:35%; } .sub0403_01 .imgs { position:absolute; top:0px; left:50%; transform:translateX(-50%); width:328px; } .sub0403_01 .imgs2 { position:absolute; top:0px; left:50%; transform:translateX(-50%); width:248px; } .sub0403_01 .imgs3 { position:absolute; top:0px; left:50%; transform:translateX(-50%); width:216px; } .sub0403_01 .imgs4 { position:absolute; top:0px; left:50%; transform:translateX(-50%); width:173px; } .sub0403_01 .imgs5 { position:absolute; top:0px; left:50%; transform:translateX(-50%); width:168px; } .sub0403_01 .imgs6 { position:absolute; top:0px; left:50%; transform:translateX(-50%); width:332px; } .sub0403_01 .imgs7 { position:absolute; top:0px; left:55%; transform:translateX(-50%); width:173px; } .sub0403_01 .imgs8 { position:absolute; top:0px; left:52%; transform:translateX(-50%); width:215px; } .sub0403_01 .imgs9 { position:absolute; top:0px; left:50%; transform:translateX(-50%); width:315px; } .sub0403_01 .imgs1 { position:absolute; top:0px; left:50%; transform:translateX(-50%); width:315px; } .sub0403_0111 { position:relative; width:100%; max-width:1198px; height:496px; margin:0 auto; padding-top:106px; margin-top:80px; box-sizing:border-box; } .sub0403_0111 #aftercare4 { position:relative; width:100%; border-radius:14px; background:#ddd9d3; padding:66px 8% 66px 18%; box-sizing:border-box; } .sub0403_0111 #aftercare4 .txt { position:relative; width:100%; display:flex; flex-wrap:wrap; justify-content: space-between; } .sub0403_0111 #aftercare4 .txt li { position:relative; min-height:24px; margin-bottom:10px; font-size:21px; font-weight:500; color:#272727; line-height:140%; text-align:left; background:url(/page_KR0/02_sub/images/aftercare.png)no-repeat 0 4px; padding-left:40px; box-sizing:border-box; } .sub0403_0111 #aftercare4 .txt li:nth-child(odd) { width:65%; } .sub0403_0111 #aftercare4 .txt li:nth-child(even) { width:35%; } .sub0403_0111 .imgs { position:absolute; top:0px; left:50%; transform:translateX(-50%); width:332px; } #aftercare5 { position:relative; width:100%; margin-top:60px; text-align:center; } #aftercare5 .txt { position:relative; width:100%; margin-top:60px; display:flex; flex-wrap:wrap; justify-content: center; } #aftercare5 .txt li { position:relative; min-height:24px; margin:0 30px; font-size:21px; font-weight:500; color:#404040; line-height:140%; text-align:left; background:url(/page_KR0/02_sub/images/aftercare.png)no-repeat 0 2px; padding-left:36px; } .sub0403_01.sub0403_011 { max-width:1380px; } .box0202_3 { position:relative; width:100%; max-width:1140px; margin:0 auto; display:flex; flex-wrap:wrap; justify-content: center; margin-top:40px; } .box0202_3 div.boxcon { position:relative; width:31.33%; margin-right:3%; background:#dddcd9; border-radius:20px 20px 8px 8px; overflow:hidden; } .box0202_3 div.boxcon:last-child { margin-right:0px; } .box0202_3 div.boxcon .imgs { width:100%; border-radius:20px; overflow:hidden; } .box0202_3 div.boxcon .imgs img { width:100%; } .box0202_3 div.boxcon .txt { width:100%; padding:38px 5% 24px 8%; box-sizing:border-box; } .box0202_3 div.boxcon .txt li.t1 { margin-bottom:4px; font-size:19px; font-weight:600; color:#232323; } .box0202_3 div.boxcon .txt li.t2 { font-size:22px; font-weight:600; color:#897a62; } .box0202_3 div.boxcon .txt li.t3 { min-height:76px; margin-top:10px; font-size:17.5px; font-weight:400; color:#6a6666; line-height:140%; } .box0202_3 div.boxcon .txt li.t4 { margin-top:20px; } .box0202_3 div.boxcon .txt li.t5 { margin-top:20px; text-align:center; } .box0202_3 div.boxcon .txt li.t5 img { display:inline-block; } .box0202_3 .boxcon2 { position:absolute; bottom:58px; left:48%; transform:translateX(-50%); width:103px; height:15px; } .sub0202img5 { position:relative; width:90%; margin:0 auto; text-align:center; margin-top:40px; } .sub0202img5 img { display:inline-block; } .sub0202img5 video { width:100%; max-width:765px; margin:0 auto; border-radius:20px; overflow:hidden; } .sub0202img6 { position:relative; width:90%; margin:0 auto; text-align:center; margin-top:40px; } .sub0202img6 img { display:inline-block; } .sub0202img6 video { width:100%; max-width:765px; margin:0 auto; overflow:hidden; } .sub0202img7 { position:relative; width:90%; max-width:884px; margin:0 auto; text-align:center; border:1px solid #c0c0c0; box-sizing:border-box; border-radius:30px; overflow:hidden; margin-top:40px; } .sub0202img7 img { width:100%; } .sub0201_011 { position:relative; width:100%; border-top:1px solid #d1d0cd; padding-top:100px; margin-top:116px; overflow:hidden; } .box0202_4 { position:relative; width:100%; max-width:775px; margin:0 auto; margin-top:40px; } .box0202_4 ul { width:100%; margin-bottom:40px; } .box0202_4 ul:last-child { margin-bottom:0px; } .box0202_4 ul .imgs { width:100%; } .box0202_4 ul .t1 { width:100%; text-align:center; margin-top:16px; font-size:18.5px; font-weight:500; color:#727272; line-height:140%; } .imgs0205 { position:relative; width:100%; max-width:1006px; background:#ffffff; border-radius:10px; padding:50px 0; margin:0 auto; margin-top:40px; } .imgs0205 .imgs { width:100%; max-width:758px; margin:0 auto; } .imgs0205 .txt { width:100%; text-align:center; margin-top:24px; font-size:17.5px; font-weight:500; color:#6a6666; line-height:140%; } .sub0205_01 { position:relative; width:100%; max-width:1006px; margin:0 auto; display:flex; flex-wrap:wrap; justify-content: space-between; margin-top:40px; } .sub0205_01 ul { position:relative; width:49%; } .sub0205_01 ul li.imgs { width:100%; } .sub0205_01 ul li.imgs img { width:100%; } .sub0205_01 ul li.txt { width:100%; text-align:center; margin-top:14px; font-size:18px; font-weight:500; color:#6a6666; line-height:100%; } .sub0207img1 { position:relative; width:100%; max-width:1000px; margin:0 auto; margin-top:40px; } .sub0208img1 { position:relative; width:100%; max-width:660px; margin:0 auto; margin-top:40px; } .sub0209img1 { position:relative; width:100%; max-width:1276px; margin:0 auto; margin-top:40px; } .sub0208txt { position:relative; width:100%; text-align:center; } .sub0208txt span { display:inline-block; padding:10px 40px; font-size:22px; font-weight:500; color:#464646; background:#dbd8d4; border-radius:6px; } .sub0207_01 { position:relative; width:100%; max-width:864px; margin:0 auto; margin-top:50px; border-radius:10px; background:#ffffff; display:flex; justify-content: space-between; } .sub0207_01 ul { width:33.33%; border-right:1px solid #eae9e8; box-sizing:border-box; text-align:center; padding:18px 0 12px 0; } .sub0207_01 ul li.t1 { font-size:19px; font-weight:400; color:#5d5c5c; } .sub0207_01 ul li.t2 { margin-top:4px; font-size:19px; font-weight:600; color:#282626; } .sub0207_01 ul li.t2 span { font-size:15px; color:#727272; } .sub0109_01 { position:relative; width:100%; max-width:770px; margin:26px auto 0 auto; border-radius:10px; text-align:center; padding:34px 0; background:#ecebe8; font-size:18px; font-weight:600; color:#404040; line-height:140%; } .sub0109_01 .txt1 { width:19px; height:12px; margin:0 auto; margin-bottom:16px; background:url(/page_KR0/02_sub/images/0209_02_1.jpg)no-repeat 50% 50%; } .sub0109_01 .txt2 { width:19px; height:12px; margin:0 auto; margin-top:16px; background:url(/page_KR0/02_sub/images/0209_02_2.jpg)no-repeat 50% 50%; } .sub0211img2 { position:relative; width:100%; margin-top:100px; text-align:center; background:#dddbd8; } .sub0211img2 img { display:inline-block; } .box0311_1 { position:relative; width:100%; max-width:875px; margin:0 auto; display:flex; flex-wrap:wrap; margin-top:60px; } .box0311_1 ul { position:relative; width:47.5%; background:#ddd9d3; border-radius:20px 20px 12px 12px; overflow:hidden; } .box0311_1 div { position:relative; width:5%; } .box0311_1 div span { display:block; position:absolute; top:40%; left:50%; transform:translate(-50%,-50%); font-size:51px; font-weight:100; color:#595454; } .box0311_1 ul .imgs { position:relative; width:100%; } .box0311_1 ul .imgs img { width:100%; border-radius:20px; overflow:hidden; } .box0311_1 ul .txt { width:100%; height:68px; line-height:68px; text-align:center; font-size:21px; font-weight:400; color:#595454; } .sub07_02 { position:relative; width:100%; } .sub07_02 .imgs { position:relative; width:100%; text-align:center; } .sub07_02 .imgs img { display:inline-block; } .sub07_02 .careview { position:absolute; top:50%; left:52%; transform:translate(-50%, -50%); width:100%; max-width:1188px; } .sub07_02 .careview div { width:100%; margin-bottom:14px; display:flex; justify-content: space-between; } .sub07_02 .careview div ul { position:relative; width:31%; padding-left:42px; box-sizing:border-box; background: url(/page_KR0/02_sub/images/aftercare.png) no-repeat 0 0px; } .sub07_02 .careview div ul li:nth-child(1) { font-size:19px; font-weight:600; color:#212121; } .sub07_02 .careview div ul li:nth-child(2) { margin-top:4px; font-size:19px; font-weight:400; color:#404040; line-height:140%; } .sub0301_01 { position:relative; width:100%; background:#dddbd8; margin-top:120px; padding-top:90px; } .sub0301_01 .imgs { position:relative; width:100%; text-align:center; } .sub0301_01 .imgs img { display:inline-block; } .sub0301_01 .careview { position:absolute; top:58%; left:50%; transform:translate(-50%, -50%); width:100%; max-width:1188px; } .sub0301_01 .careview div { width:100%; margin-bottom:14px; display:flex; justify-content: space-between; } .sub0301_01 .careview div ul { position:relative; width:31%; background:#ffffff; padding:22px 32px; border-radius:10px; } .sub0301_01 .careview div ul li:nth-child(1) { font-size:17px; font-weight:500; color:#9e7e65; } .sub0301_01 .careview div ul li:nth-child(2) { font-size:17px; font-weight:500; color:#404040; line-height:130%; } .sub0301_01 .careview2 { position:absolute; top:58%; left:50%; transform:translate(-50%, -50%); width:100%; max-width:698px; } .sub0301_01 .careview2 div { width:100%; margin-bottom:14px; display:flex; justify-content: space-between; } .sub0301_01 .careview2 div ul { position:relative; width:20%; background:rgba(255,255,255,80%); padding:14px 32px; border-radius:6px; } .sub0301_01 .careview2 div ul li:nth-child(1) { font-size:17px; font-weight:500; color:#9e7e65; } .sub0301_01 .careview2 div ul li:nth-child(2) { font-size:17px; font-weight:500; color:#404040; line-height:130%; } .sub0301_01 .careview2.careview22 { position:absolute; top:58%; left:50%; transform:translate(-50%, -50%); width:100%; max-width:800px; } .sub0301_01 .careview.careview11 { max-width:1280px; } .sub0301_01 .careview2.careview222 div ul { width:24%; } .sub0301_01 .careview3 { max-width:850px; } .sub0301_01 .careview3 div ul { width:26%; } .sub0301_01 .careview4 { position:relative; width:676px; height:658px; margin:0 auto; margin-top:40px; background:url(/page_KR0/04_sub/images/0407img6.jpg)no-repeat 50% 0; } .sub0301_01 .careview4 div.caretxt { position:absolute; width:113px; height:41px; border-radius:10px; background:rgba(255,255,255,90%); text-align:center; font-size:18px; font-weight:500; color:#9e7e65; line-height:41px; } .sub0301_01 .careview4 div.caretxt.care1_1 { top:92px; left:290px; } .sub0301_01 .careview4 div.caretxt.care1_2 { top:256px; left:220px; } .sub0301_01 .careview4 div.caretxt.care1_3 { top:240px; left:390px; } .sub0301_01 .careview4 div.caretxt.care1_4 { top:332px; left:140px; } .sub0301_01 .careview4 div.caretxt.care1_5 { top:432px; left:290px; } .sub0301_01 .careview5 { position:absolute; top:58%; left:50%; transform:translate(-50%, -50%); width:100%; max-width:884px; } .sub0301_01 .careview5 div { width:100%; margin-bottom:14px; display:flex; justify-content: space-between; } .sub0301_01 .careview5 div ul { position:relative; width:234px; background:#fcfbfb; padding-bottom:50px; border-radius:12px; overflow:hidden; } .sub0301_01 .careview5 div ul li:nth-child(1) { width:100%; height:64px; line-height:64px; padding-left:38px; box-sizing:border-box; background:#cac7c3; font-size:18px; font-weight:600; color:#3b3b3b; } .sub0301_01 .careview5 div ul li:nth-child(2) { width:100%; padding-left:38px; padding-top:30px; box-sizing:border-box; font-size:18px; font-weight:500; color:#3b3b3b; line-height:150%; } .sub0302_01 { position:relative; width:100%; max-width:1320px; margin:0 auto; margin-top:130px; } .sub0302_01 .imgs { position:relative; width:45%; z-index:1; } .sub0302_01 .txt { position:absolute; top:50%; left:0px; transform:translateY(-50%); width:70%; padding:100px 5% 100px 18%; margin-left:30%; box-sizing:border-box; background:#ffffff; } .sub0302_01 .txt ul { border-left:1px solid #d9c9be; padding-left:54px; box-sizing:border-box; } .sub0302_01 .txt ul li { font-size:21px; font-weight:400; color:#2f2f2f; line-height:150%; } .sub0302_01 .txt ul li span { font-weight:600; } .box0306 { display:flex; align-items: flex-start; position:relative; width:100%; max-width:1484px; margin:0 auto; margin-top:40px; padding:30px 0; border-radius:6px; background:#dbd8d4; } .box0306 .imgs { width:40%; text-align:center; } .box0306 .imgs img { display:inline-block; } .box0306 .txt { width:60%; margin-top:44px; border-left:1px solid #c2c2c2; padding:12px 0; padding-left:72px; font-size:21px; font-weight:400; color:#3f3c3c; line-height:150%; } .box0306 .txt span { font-weight:600; } .box0307 { display:flex; align-items: flex-start; position:relative; width:100%; max-width:1484px; margin:0 auto; margin-top:40px; padding:42px 0; border-radius:6px; background:#dbd8d4; } .box0307 .imgs { width:50%; text-align:center; } .box0307 .imgs img { display:inline-block; } .box0307 .txt { width:50%; margin-top:115px; } .box0307 .txt span { font-weight:600; } .box0307 .txt div { position:relative; min-height:24px; margin-bottom:20px; font-size:21px; font-weight:500; color:#404040; line-height:140%; text-align:left; background:url(/page_KR0/02_sub/images/aftercare.png)no-repeat 0 2px; padding-left:30px; } .sub0401_01 { position:relative; width:100%; margin-top:40px; display:flex; justify-content: space-between; } .sub0401_01 li { position:relative; width:49.8%; height:540px; border-radius:30px; overflow:hidden; } .sub0401_01 li video { display:block; height:100%; } .sub0401_02 { position:relative; width:100%; height:661px; display:flex; margin-top:140px; } .sub0401_02 .imgs { position:relative; width:50%; height:661px; background:url(/page_KR0/04_sub/images/0401img5.jpg)no-repeat 50% 0; background-size:cover; } .sub0401_02 .txt { position:relative; width:50%; background:#ffffff; } .sub0401_02 .txt ul { position:absolute; top:50%; left:50%; width:80%; transform:translate(-50%,-50%); } .sub0401_02 .txt ul li.t1 { width:100%; font-size:35px; font-weight:700; color:#2f2f2f; line-height:140%; } .sub0401_02 .txt ul li.t2 { width:100%; margin-top:20px; font-size:21px; font-weight:400; color:#2f2f2f; line-height:160%; } .sub0401_02 .txt ul li.t2 span { font-weight:600; } .sub0401_02 .imgs.imgs2 { position:relative; width:50%; height:661px; background:url(/page_KR0/04_sub/images/0407img7.jpg)no-repeat 50% 0; background-size:cover; } .sub0401_02 .imgs.imgs3 { position:relative; width:50%; height:661px; background:url(/page_KR0/04_sub/images/0410img7.jpg)no-repeat 50% 0; background-size:cover; } .sub0402_01 { position:relative; width:100%; max-width:1000px; margin:0 auto; margin-top:40px; border-radius:30px; padding:36px 0; overflow:hidden; text-align:center; background:#ecebe8; } .sub0402_01 li.t1 { width:19px; height:12px; margin:0 auto; margin-bottom:16px; background:url(/page_KR0/04_sub/images/0402_bl1.png)no-repeat 50% 50%; } .sub0402_01 li.t3 { width:19px; height:12px; margin:0 auto; margin-top:16px; background:url(/page_KR0/04_sub/images/0402_bl2.png)no-repeat 50% 50%; } .sub0402_01 li.t2 { width:100%; font-size:24px; font-weight:600; color:#404040; line-height:140%; } .sub0402_01 li.t4 { width:100%; margin-top:20px; font-size:17px; font-weight:300; color:#404040; line-height:150%; } .sub0402_01 li.t5 { width:100%; font-size:24px; font-weight:600; color:#747474; line-height:140%; } .sub0402_01 li.t6 { width:100%; margin-top:6px; font-size:14px; font-weight:300; color:#747474; line-height:150%; } .sub0402_01 li.t5 span { color:#272727; } .sublink2 { position:relative; width:243px; height:51px; margin:0 auto; margin-top:50px; } .sublink2 a { display:block; width:100%; height:100%; background:#a1a19f; border-radius:6px; font-size:24px; font-weight:700; color:#272727; text-align:center; line-height:51px; } .subvod { position:relative; width:100%; max-width:790px; margin:0 auto; margin-top:40px; } .subvod video { width:100%; border-radius:16px; overflow:hidden; } .sub0407_01 { position:relative; width:100%; } .sub0407_01 .t1 { width:116px; height:41px; margin:0 auto; margin-top:46px; text-align:center; line-height:43px; border-radius:50px; background:#d9d5cf; font-family: "Orpheus Pro"; font-size:20px; color:#1f1f1f; } .sub0407_01 .t2 { width:100%; margin-top:20px; text-align:center; font-size:26px; font-weight:700; color:#3d3d3d; } .sub0407_01 .t3 { width:100%; margin-top:20px; text-align:center; font-size:19px; font-weight:400; color:#6a6666; line-height:160%; } .sub0407_01 .t3 span { font-weight:600; color:#232323; } .sub0407_01 .imgs { position:relative; width:100%; max-width:966px; margin:0 auto; margin-top:56px; display:flex; justify-content: space-between; } .sub0407_01 .imgs li { width:48.8%; } .sub0407_01 .imgs li img { width:100%; } .sub0407_02 { position:relative; width:100%; background:#dbd8d4; padding:68px 0; margin-top:60px; border-radius:14px; overflow:hidden; } .sub0407_02 .title { width:100%; text-align:center; font-size:26px; font-weight:700; color:#363333; } .sub0407_02 .boxwrap { position:relative; width:90%; max-width:1280px; margin:0 auto; margin-top:40px; display:flex; flex-wrap:wrap; justify-content: space-between; } .sub0407_02 .boxwrap ul { position:relative; width:50%; padding-right:2%; margin-right:2%; box-sizing:border-box; } .sub0407_02 .boxwrap ul:nth-child(2) { width:48%; margin-right:0%; padding-right:0%; } .sub0407_02 .boxwrap ul:nth-child(1) { border-right:1px solid #ccc8c2; display:flex; justify-content: space-between; } .sub0407_02 .boxwrap ul:nth-child(1) li { position:relative; width:48.4%; } .sub0407_02 .boxwrap ul:nth-child(1) li span.t1 { display:block; position:relative; width:100%; } .sub0407_02 .boxwrap ul:nth-child(1) li span.t2 { display:block; position:relative; width:100%; margin-top:20px; font-size:17px; font-weight:600; color:#232323; } .sub0407_02 .boxwrap ul:nth-child(1) li span.t3 { display:block; position:relative; width:100%; margin-top:6px; font-size:17px; font-weight:400; color:#6a6666; line-height:130%; } .sub0407_02 .boxwrap ul:nth-child(2) li:nth-child(1) { width:100%; } .sub0407_02 .boxwrap ul:nth-child(2) li:nth-child(2) { display:block; position:relative; width:100%; margin-top:20px; font-size:17px; font-weight:400; color:#6a6666; line-height:130%; } .sub0407_02 .boxwrap ul:nth-child(2) li:nth-child(2) span { font-weight:600; color:#232323; } .sub0408_01 { display:flex; justify-content: space-between; position:relative; width:90%; height:600px; max-width:1008px; margin:0 auto; margin-top:90px; background:url(/page_KR0/04_sub/images/0408img3.jpg)no-repeat 50% 0; } .sub0408_01 div { width:198px; margin-top:32px; } .sub0408_01 div ul { width:100%; padding-bottom:30px; margin-bottom:50px; border-bottom:1px solid #c7c7c7; } .sub0408_01 div ul li:nth-child(1) { font-size:19px; font-weight:500; color:#2f2f2f; } .sub0408_01 div ul li:nth-child(2) { font-size:19px; font-weight:400; color:#6a6666; line-height:140%; } .sub0408_01 div:nth-child(2) ul { padding-bottom:24px; margin-bottom:30px; } .sub0408_02 { position:relative; width:100%; max-width:1174px; margin:0 auto; display:flex; flex-wrap:wrap; margin-top:60px; } .sub0408_02 ul:nth-child(1) { position:relative; width:48%; margin-right:4%; background:#ffffff; border-radius:24px; overflow:hidden; } .sub0408_02 ul:nth-child(2) { position:relative; width:48%; background:#d7d3ca; border-radius:24px; overflow:hidden; } .sub0408_02 ul .imgs { position:relative; width:100%; border-radius:24px; overflow:hidden; border:1px solid #d7d3ca; box-sizing:border-box; } .sub0408_02 ul .imgs img { width:100%; border-radius:20px; overflow:hidden; } .sub0408_02 ul .txt { width:100%; height:78px; line-height:78px; text-align:center; font-size:24px; font-weight:600; color:#1e1e1e; } .sub0408_03 { position:relative; width:90%; max-width:1172px; margin:0 auto; margin-top:160px; background:#ddd9d3; border-radius:12px; padding:80px 0; } .sub0408_03 .imgwrap { position:relative; width:90%; margin:0 auto; max-width:898px; margin-top:50px; display:flex; justify-content: space-between; } .sub0408_03 .imgwrap ul { width:33.33%; text-align:center; border-right:1px solid #cbc8c5; box-sizing:border-box; } .sub0408_03 .imgwrap ul:last-child { border-right:0px; } .sub0408_03 .imgwrap ul li.imgs { display:inline-block; } .sub0408_03 .imgwrap ul li.txt { width:100%; font-size:18px; font-weight:600; color:#6a6666; line-height:150%; margin-top:20px; } .sub0408_03 .imgwrap ul li.txt span { color:#2f2f2f; } .sub0409_01 { position:relative; width:100%; margin-top:160px; } .sub0409_01 .imgwrap { position:relative; width:90%; margin:0 auto; max-width:1172px; margin-top:50px; background:#ddd9d3; border-radius:12px; padding:80px 100px; display:flex; flex-wrap:wrap; justify-content:space-between; } .sub0409_01 .imgwrap ul { width:33.33%; text-align:center; border-right:1px solid #cbc8c5; box-sizing:border-box; } .sub0409_01 .imgwrap ul:last-child { border-right:0px; } .sub0409_01 .imgwrap ul li.imgs { display:inline-block; } .sub0409_01 .imgwrap div.txt { width:100%; font-size:19px; font-weight:400; color:#6a6666; line-height:140%; margin-top:40px; text-align:center; } .sub0409_01 .imgwrap div.txt span { display:block; font-weight:600; color:#363636; } .sub0501_01 { position:relative; width:100%; max-width:1356px; margin:0 auto; margin-top:40px; display:flex; flex-wrap:wrap; justify-content:space-between; } .sub0501_01 .box1 { position:relative; width:46%; background:#ddd9d3; border-radius:16px; overflow:hidden; } .sub0501_01 .box2 { position:relative; width:8%; } .sub0501_01 .box2 img { display:block; position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); } .sub0501_01 .box3 { position:relative; width:46%; background:#ffffff; border-radius:16px; overflow:hidden; } .sub0501_01 li.txt { width:100%; padding:22px 0; text-align:center; font-size:21px; font-weight:400; color:#595454; line-height:130%; } .sub0501_02 { position:relative; width:100%; max-width:1080px; margin:0 auto; margin-top:100px; display:flex; flex-wrap:wrap; justify-content:space-between; } .sub0501_02 .boxcon { position:relative; box-sizing:border-box; } .sub0501_02 .boxcon:nth-child(1) { width:50%; padding-left:10%; border-right:1px solid #c1c0c0; } .sub0501_02 .boxcon:nth-child(2) { width:50%; padding-left:10%; } .sub0501_02 .boxcon .txt { width:100%; } .sub0501_02 .boxcon .txt .t1 { margin-top:30px; font-size:22px; font-weight:600; color:#181818; } .sub0501_02 .boxcon .txt .t2 { margin-top:6px; font-size:18px; font-weight:600; color:#6a6666; } .sub0501_02 .boxcon .txt .t3 { margin-top:14px; font-size:18px; font-weight:400; color:#6a6666; line-height:140%; } .sub0502_01 { position:relative; width:90%; max-width:1424px; margin:0 auto; margin-top:140px; background:#ecece9; border-radius:12px; padding:80px 0; } .sub0502_01 .box0502 { position:relative; width:90%; margin:0 auto; max-width:1296px; margin-top:50px; display:flex; justify-content: space-between; } .sub0502_01 .box0502 .boxcon { width:31.33%; text-align:center; box-sizing:border-box; } .sub0502_01 .box0502 .boxcon:last-child { border-right:0px; } .sub0502_01 .box0502 .boxcon div.imgs { width:100%; position:relative; } .sub0502_01 .box0502 .boxcon div.txt { width:100%; font-size:19px; font-weight:400; color:#575757; line-height:150%; margin-top:20px; } .sub0502_01 .box0502 .boxcon div.txt span { color:#2f2f2f; } .sub0502_01 .box0502 .boxcon2 { position:absolute; top:40%; left:34%; transform:translate(-50%,-50%); width:97px; height:92px; background:url(/page_KR0/05_sub/images/0502img5.png)no-repeat 50% 50%; } .sub0502_01 .box0502 .boxcon2.boxcon3 { left:68%; } .sub0503_01 { position:relative; width:90%; max-width:1190px; margin:0 auto; margin-top:50px; display:flex; } .sub0503_01 .imgs { width:30%; } .sub0503_01 .txt { width:70%; margin-top:2%; padding-left:5%; border-left:1px solid #c8c6c4; box-sizing:border-box; font-size:20px; font-weight:400; color:#595454; line-height:150%; } .sub0503_02 { position:relative; width:90%; max-width:1296px; margin:0 auto; margin-top:140px; background:#e0dcd6; border-radius:12px; padding:80px 0; } .sub0503_02 .imgswrap { position:relative; width:90%; margin:0 auto; display:flex; margin-top:50px; } .sub0503_02 .imgswrap div.box01 { position:relative; width:50%; border-right:1px solid #cbc9c7; box-sizing:border-box; } .sub0503_02 .imgswrap div.box02 { position:relative; width:50%; } .sub0503_02 .imgswrap div div.imgs { width:100%; max-width:336px; margin:0 auto; } .sub0503_02 .imgswrap div div.txt1 { width:100%; margin-top:30px; text-align:center; font-size:18px; font-weight:600; color:#262525; } .sub0503_02 .imgswrap div div.txt2 { width:100%; max-width:450px; margin:0 auto; margin-top:10px; text-align:center; font-size:17px; font-weight:400; color:#6a6666; line-height:160%; } .sub0503_02 .imgswrap2 { position:relative; width:90%; margin:0 auto; display:flex; } .sub0503_02 .imgswrap2 div.box01 { position:relative; width:50%; padding-top:50px; border-right:1px solid #cbc9c7; box-sizing:border-box; } .sub0503_02 .imgswrap2 div.box02 { position:relative; width:50%; padding-top:50px; } .sub0503_02 .imgswrap2 div.boxwrap { width:100%; max-width:467px; margin:0 auto; display:flex; flex-wrap:wrap; } .sub0503_02 .imgswrap2 div.boxwrap ul.imgs { width:33.33%; } .sub0503_02 .imgswrap2 div.boxwrap ul.imgs li.imgview { max-width:132px; } .sub0503_02 .imgswrap2 div.boxwrap ul.imgs li.txt1 { width:100%; padding-right:4px; box-sizing:border-box; font-size:14px; font-weight:500; color:#696969; line-height:140%; margin-top:10px; } .sub0503_02 .imgswrap3 { position:relative; width:100%; height:68px; max-width:1082px; margin:0 auto; background:#ffffff; border-radius:10px; margin-top:40px; line-height:68px; font-size:21px; font-weight:600; color:#1e1e1e; text-align:center; } .subqna2 { position:relative; width:100%; max-width:1418px; margin:0 auto; margin-top:40px; display:flex; justify-content: space-between; } .subqna2 li { width:49%; } .sub0509_01 { position:relative; width:100%; padding:100px 0; background:#ddd9d3; margin-top:140px; } .sub0509_01 .subcenter { position:relative; width:100%; max-width:1180px; margin:0 auto; } .sub0509_01 .box0509 { position:relative; width:100%; min-height:406px; margin-top:60px; padding-left:392px; box-sizing:border-box; } .sub0509_01 .box0509 .imgs { position:absolute; top:0px; left:0px; } .sub0509_01 .box0509 .txt { width:100%; padding-top:58px; } .sub0509_01 .box0509 .txt li { position:relative; min-height:24px; margin-bottom:40px; font-size:21px; font-weight:400; color:#272727; line-height:140%; text-align:left; background:url(/page_KR0/02_sub/images/aftercare.png)no-repeat 0 4px; padding-left:40px; box-sizing:border-box; } .sub0509_01 .box0509 .txt li span { font-weight:500; } .sub0509_02 { position:relative; width:100%; max-width:633px; margin:0 auto; border-radius:14px; overflow:hidden; margin-top:140px; } .sub0509_02 .txt { width:100%; padding:26px 0; text-align:center; font-size:25px; font-weight:700; color:#272727; background:#ffffff; } .sub0601_01 { position:relative; width:100%; padding:100px 0; background:#dbd8d4; margin-top:60px; } .sub0601_01 ul.box01 { width:948px; margin:0 auto; display:flex; flex-wrap:wrap; justify-content: space-between; } .sub0601_01 ul.box01 li.t1 { position:relative; min-height:24px; font-size:21px; font-weight:400; color:#272727; line-height:140%; margin-top:100px; text-align:left; background:url(/page_KR0/02_sub/images/aftercare.png)no-repeat 0 4px; padding-left:40px; box-sizing:border-box; } .sub0601_01 ul.box01 li.t2 { width:26%; } .sub0601_01 ul.box01 li.t2 img { width:100%; } .sub0601_01 ul.box02 { width:948px; margin:0 auto; margin-top:50px; display:flex; flex-wrap:wrap; justify-content: space-between; } .sub0601_01 ul.box02 li { width:19%; height:52px; line-height:52px; text-align:center; font-size:21px; font-weight:700; color:#303030; background:#ffffff; border-radius:6px; } .sub0601_02 { position:relative; width:90%; margin:0 auto; margin-top:60px; display:flex; flex-wrap:wrap; justify-content: space-between; } .sub0601_02 ul { width:50%; margin-bottom:28px; } .sub0601_02 ul li:nth-child(1) { font-size:21px; font-weight:600; color:#2c2c2c; } .sub0601_02 ul li:nth-child(2) { margin-top:4px; font-size:21px; font-weight:400; color:#2c2c2c; } .sub0606_01 { position:relative; width:100%; max-width:1190px; margin:0 auto; margin-top:40px; overflow:hidden; border-radius:30px; } .sub0606_01 h3 { width:100%; height:82px; line-height:82px; background:#666460; font-size:31px; font-weight:700; color:#ffffff; padding:0 5%; box-sizing:border-box; } .sub0606_01 h3 span { font-size:17px; font-weight:500; color:#e6e4e1; } .sub0606_01 .box0606 { width:100%; background:#ffffff; display:flex; } #maleFaceQuote .box0606 .imgs { width:551px; background:url(/page_KR0/06_sub/images/0606img3.jpg)no-repeat 0 bottom; position:relative; } #femaleBodyQuote .box0606 .imgs { width:45%; background:url(/page_KR0/06_sub/images/0606img4.jpg)no-repeat 0 bottom; position:relative; } .box0606 .imgs img.quote-overlay-img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; opacity: 0; transition: opacity 0.2s ease; pointer-events: none; } .box0606 .imgs img.quote-overlay-img.active { opacity: 1; } .sub0606_01 .box0606 .txt { width:55%; background:#fafafa; padding-top:47px; padding-left:60px; box-sizing:border-box; } .sub0606_01 .box0606 .txt li { width:100%; margin-bottom:11px; font-size:17px; font-weight:500; color:#404040; } .sub0606_01 .box0606 .txt li:last-child { margin-bottom:0px; } .sub0606_01 .box0606 .txt li input[type="checkbox"] { display:inline; width:18px; height:18px; margin-right:6px; vertical-align:middle; } .sub0606_02 { position:relative; width:100%; max-width:1190px; margin:0 auto; margin-top:100px; overflow:hidden; border-radius:30px; } .sub0606_02 h3 { width:100%; height:82px; line-height:82px; background:#666460; font-size:31px; font-weight:700; color:#ffffff; padding:0 5%; box-sizing:border-box; } .sub0606_02 h3 span { font-size:17px; font-weight:500; color:#e6e4e1; } .sub0606_02 .box0606 { width:100%; background:#ffffff; display:flex; } .sub0606_02 .box0606 .imgs { } .sub0606_02 .box0606 .txt { display:flex; width:55%; background:#fafafa; padding-top:47px; padding-left:60px; box-sizing:border-box; } .sub0606_02 .box0606 .txt ul:nth-child(1) { width:40%; } .sub0606_02 .box0606 .txt ul:nth-child(2) { width:60%; } .sub0606_02 .box0606 .txt li { width:100%; margin-bottom:11px; font-size:17px; font-weight:500; color:#404040; } .sub0606_02 .box0606 .txt li:last-child { margin-bottom:0px; } .sub0606_02 .box0606 .txt li input[type="checkbox"] { display:inline; width:18px; height:18px; margin-right:6px; vertical-align:middle; } .pricewrap { position:relative; width:100%; padding:30px 0; background:#666460; } .pricewrap .txt2 { width:100%; font-size:18px; font-weight:700; color:#ffffff; text-align:center; } .pricewrap .txt3 { width:100%; margin-top:30px; display:flex; justify-content: center; font-size:14px; font-weight:400; color:#ffffff; } .pricewrap .txt3 ul { margin-right:26px; display:flex; } .pricewrap .txt3 li.contxt { width:36px; height:36px; border-radius:100%; background:#e6e4e1; text-align:center; line-height:36px; font-size:16px; font-weight:500; color:#666460; } .pricewrap .txt3 li.txt4 { width:140px; height:36px; line-height:36px; font-size:18px; font-weight:500; color:#ffffff; text-align:right; } .pricewrap .txt3 li.txt4 span { font-size:26px; font-weight:700; } .pricewrap .txt3 li input[type="radio"] + label span { display:inline-block; width:16px; height:16px; vertical-align:middle; background:#fff; border:none; cursor:pointer; background:url('/images/radio3.png')no-repeat 0 0; } .pricewrap .txt3 li input[type="radio"]:checked + label span { background:url('/images/radio2.png')no-repeat 0 0; } /* .sub0606_02 .txt4 { width:100%; margin-top:20px; font-size:18px; font-weight:500; color:#ffffff; text-align:center; } .sub0606_02 .txt4 span { font-size:26px; font-weight:700; } */ .pricewrap a { display:block; width:150px; height:40px; margin:0 auto; margin-top:30px; text-align:center; line-height:40px; border-radius:8px; font-size:18px; font-weight:700; color:#111111; background:#ffffff; cursor:pointer; } .subban3 { width:100%; max-width:1420px; margin:0 auto; margin-top:50px; display:flex; flex-wrap:wrap; justify-content: space-between; } .subban3 li { width:48.5%; margin-bottom:3%; } .subban3 li div.imgs { width:100%; } .subban3 li div.imgs img { width:100%; } .subban3 li div.txt { width:100%; text-align:right; margin-top:12px; font-size:18px; font-weight:600; color:#505050; } .subban4 { width:100%; max-width:675px; margin:0 auto; margin-top:50px; } .subban4 li { width:100%; margin-bottom:6%; } .subban4 li div.imgs { width:100%; } .subban4 li div.imgs img { width:100%; } .subban4 li div.txt { width:100%; text-align:right; margin-top:12px; font-size:18px; font-weight:600; color:#505050; } .sub0808_01 { position:relative; width:90%; max-width:882px; margin:0 auto; margin-top:80px; } .sub0808_01 .title { position:absolute; top:-28px; left:50%; transform:translateX(-50%); width:368px; height:58px; line-height:58px; text-align:center; font-size:32px; font-weight:700; color:#272727; border-radius:60px; background:#a1a19f; } .sub0808_01 .imgs { width:100%; border-radius:30px; border:1px solid #90908f; overflow:hidden; text-align:center; } .sub0808_01 .imgs img { display:inline-block; } .sub07_01 { position:relative; width:100%; margin-top:40px; padding-bottom:100px; background:#dbd8d4; overflow:hidden; } .sub07_01 ul.txt { width:100%; text-align:center; padding-top:80px; } .sub07_01 ul.txt li.t1 { display:inline-block; padding:0 36px; height:58px; line-height:58px; margin:0 auto; text-align:center; font-size:32px; font-weight:700; color:#272727; border-radius:60px; background:#a1a19f; } .sub07_01 ul.txt li.t2 { width:100%; margin-top:20px; text-align:center; font-size:21px; font-weight:400; color:#595454; line-height:150%; } .sub07_01 ul.txt2 { width:100%; text-align:center; padding-top:80px; } .sub07_01 ul.txt2 li.t1 { width:408px; height:58px; line-height:58px; margin:0 auto; text-align:center; font-size:26px; font-weight:700; color:#83765d; border-radius:60px; background:#ffffff; } .sub07_01 ul.txt2 li.t2 { width:100%; margin-top:20px; text-align:center; font-size:21px; font-weight:400; color:#555555; line-height:150%; } .sub07_01 ul.txt2 li.t2 span { font-weight:500; color:#212121; } .box07_01 { position:relative; width:100%; max-width:1156px; margin:0 auto; margin-top:80px; display:flex; flex-wrap:wrap; } .box07_01 .imgs { position:relative; width:40%; border-radius:12px; overflow:hidden; } .box07_01 .txtwrap { position:relative; width:56%; margin-left:4%; padding-left:4%; box-sizing:border-box; border-left:1px solid #b5b5b5; } .box07_01 .imgs li.t1 { width:100%; } .box07_01 .imgs li.t1 img { width:100%; } .box07_01 .imgs li.t1 video { display:block; width:100%; } .box07_01 .imgs li.t2 { width:100%; padding:16px 0; text-align:center; font-size:22px; font-weight:600; color:#333333; background:#ffffff; border-radius:0 0 12px 12px; } .box07_01 .txtwrap ul { width:100%; margin-bottom:38px; } .box07_01 .txtwrap ul:last-chil { margin-bottom:0px; } .box07_01 .txtwrap ul .t1 { width:100%; font-size:23px; font-weight:500; color:#111111; } .box07_01 .txtwrap ul .t2 { width:100%; margin-top:4px; font-size:20px; font-weight:500; color:#555555; line-height:140%; } .box07_03 { position:relative; width:100%; max-width:1156px; margin:0 auto; margin-top:80px; display:flex; flex-wrap:wrap; } .box07_03 .imgs { position:relative; width:40%; margin-right:8%; border-radius:12px; overflow:hidden; } .box07_03 .imgs li.t1 { width:100%; } .box07_03 .imgs li.t1 video { display:block; width:100%; } .box07_03 .imgs li.t2 { width:100%; padding:16px 0; text-align:center; font-size:22px; font-weight:600; color:#333333; background:#ffffff; border-radius:0 0 12px 12px; } .box07_02 { position:relative; width:100%; text-align:center; margin-top:60px; } .box07_02 ul { position:relative; max-width:1080px; display:inline-block; } .box07_02 ul li { position:relative; height:48px; margin-bottom:10px; font-size:19.5px; font-weight:500; color:#404040; line-height:48px; border-bottom:1px solid #b1b1b1; text-align:left; } .box07_02 ul li span { display:inline-block; vertical-align:middle; margin-right:16px; width:69px; height:25px; line-height:25px; border-radius:50px; background:#3c3c3c; font-size:14px; font-weight:500; color:#e6e4e1; text-align:center; } .box07_04 { position:relative; width:100%; max-width:1180px; margin:0 auto; margin-top:80px; display:flex; flex-wrap:wrap; justify-content: space-between } .box07_04 li { position:relative; width:49%; border-radius:16px; overflow:hidden; } .box07_04 li img { display:block; width:100%; } .box07_04 li video { display:block; width:100%; } .box07_05 { position:relative; width:100%; max-width:1090px; margin:0 auto; margin-top:40px; display:flex; flex-wrap:wrap; justify-content: space-between } .box07_05 ul { position:relative; width:31.33%; border-radius:16px; background:#ffffff; overflow:hidden; } .box07_05 ul li.t1 { width:100%; } .box07_05 ul li.t1 img { width:100%; } .box07_05 ul li.t2 { width:100%; margin-top:26px; font-size:21px; font-weight:500; color:#111111; text-align:center; } .box07_05 ul li.t3 { width:86%; margin:0 auto; margin-bottom:26px; margin-top:6px; font-size:19px; font-weight:400; color:#555555; line-height:140%; text-align:center; } .sub0212_01{ padding:140px 24px 60px; } .sub0212_01 .type0212_grid{ display:grid; grid-template-columns:repeat(4,1fr); gap:42px; max-width:1480px; margin:46px auto 0; } .sub0212_01 .type0212_card{ position:relative; overflow:hidden; cursor:pointer; border-radius:14px; aspect-ratio:3/4; background:#1a2129; } .sub0212_01 .type0212_card img{ position:absolute; inset:0; width:100%; height:100%; object-fit:cover; transition:transform .5s ease; } .sub0212_01 .type0212_card:hover img, .sub0212_01 .type0212_card:focus img{ transform:scale(1.06); } /* 기본 상태: 이미지 + 하단 그라데이션 위 제목 */ .sub0212_01 .type0212_base{ position:absolute; left:0; right:0; bottom:0; padding:52px 32px 30px; background:linear-gradient(180deg, rgba(20,26,32,0) 0%, rgba(20,26,32,.82) 78%); transition:opacity .3s ease; } .sub0212_01 .type0212_tag{ display:block; width:70px; height:20px; line-height:20px; text-align:center; font-size:12px; letter-spacing:1px; font-weight:600; color:#836a56; background:#ffffff; border-radius:20px; margin-bottom:10px; } .sub0212_01 .type0212_base h3{ font-size:22px; line-height:1.4; color:#ffffff; margin:0; font-weight:600; } /* 호버 상태: 어두운 패널이 덮이며 상세 내용 표시 */ .sub0212_01 .type0212_detail{ position:absolute; inset:0; padding:30px 26px; box-sizing:border-box; background:rgba(22,29,36,.94); opacity:0; visibility:hidden; transition:opacity .3s ease; display:flex; flex-direction:column; justify-content:center; } .sub0212_01 .type0212_detail h3{ font-size:20px; color:#ffffff; margin:0 0 18px; font-weight:700; line-height:1.4; } .sub0212_01 .type0212_detail h3 span{ display:block; font-size:14px; font-weight:400; color:#b9b4a9; margin-top:4px; } .sub0212_01 .type0212_detail dl{ margin:0; } .sub0212_01 .type0212_detail .row{ margin-bottom:14px; font-size:15px; line-height:1.6; } .sub0212_01 .type0212_detail .row:last-child{ margin-bottom:0; } .sub0212_01 .type0212_detail dt{ display:block; font-weight:700; font-size:15px; letter-spacing:1px; color:#c9b98f; margin-bottom:4px; } .sub0212_01 .type0212_detail dd{ margin:0; color:#e7e7e3; } .sub0212_01 .type0212_card:hover .type0212_base, .sub0212_01 .type0212_card:focus .type0212_base, .sub0212_01 .type0212_card.is-active .type0212_base{ opacity:0; } .sub0212_01 .type0212_card:hover .type0212_detail, .sub0212_01 .type0212_card:focus .type0212_detail, .sub0212_01 .type0212_card.is-active .type0212_detail{ opacity:1; visibility:visible; } @media (max-width:1200px){ .sub0212_01 .type0212_grid{ grid-template-columns:repeat(2,1fr); } } @media (max-width:800px){ .sub0212_01{ padding:60px 20px; } .sub0212_01 .type0212_grid{ gap:14px; margin-top:30px; } .sub0212_01 .type0212_base{ padding:32px 22px 20px; } .sub0212_01 .type0212_tag{ width:60px; font-size:10px; } .sub0212_01 .type0212_base h3{ font-size:14px; } .sub0212_01 .type0212_detail{ padding:10px 16px; box-sizing:border-box; } .sub0212_01 .type0212_detail h3{ font-size:11px; margin:0 0 10px; } .sub0212_01 .type0212_detail h3 span{ display:block; font-size:11px; font-weight:400; } .sub0212_01 .type0212_detail dl{ margin:0; } .sub0212_01 .type0212_detail .row{ margin-bottom:6px; font-size:10px; line-height:1.2; } .sub0212_01 .type0212_detail .row:last-child{ margin-bottom:0; } .sub0212_01 .type0212_detail dt{ display:block; font-weight:700; font-size:10px; letter-spacing:0px; color:#c9b98f; margin-bottom:2px; } } /* 0213 전용 추가 스타일. 기존 sub.css / sub800.css 다음에 로드합니다. */ .s213, .s213-visual { --s213-ink:#272727; --s213-muted:#595454; --s213-line:#cdc9c4; --s213-header:0px; --s213-nav-height:76px; } .s213 *, .s213-visual * { box-sizing:border-box; } .s213 { padding-top:0; padding-bottom:0; word-break:keep-all; overflow-wrap:break-word; } .s213 h3,.s213 h4,.s213 p,.s213 dl,.s213 dd,.s213 ul,.s213 ol,.s213 figure { margin:0; padding:0; } .s213 ul,.s213 ol { list-style:none; } .s213 img { display:block; max-width:100%; height:auto; } .s213 a { color:inherit; text-decoration:none; } .s213 a:focus-visible,.s213 [tabindex="0"]:focus-visible,.s213-visual a:focus-visible { outline:3px solid #6c5748; outline-offset:5px; } .s213 .s213-shell { width:90%; max-width:1280px; margin-left:auto; margin-right:auto; } .subvisual.s213-visual .bg.bg0213::after { content:""; position:absolute; inset:0; background:rgba(8,15,21,.18); } .subvisual.s213-visual .maintxt { padding:0 24px; } .subvisual.s213-visual .maintxt .t1 { height:auto; min-height:40px; } .subvisual.s213-visual .maintxt .t2 { font-size:42px; line-height:1.4; } .subvisual.s213-visual .maintxt .t3 { margin-top:25px; line-height:1.75; } .s213 .s213-intro { padding-top:120px; padding-bottom:65px; } .s213 .s213-eyebrow { font-size:14px; letter-spacing:2.2px; color:#756c62; font-weight:600; text-align:center; margin-bottom:22px; } .s213 .sub_title2 { font-size:34px; line-height:1.45; } .s213 .s213-lead { margin:24px auto 0; font-size:20px; line-height:1.7; color:var(--s213-muted); text-align:center; } .s213 .s213-summaries { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:24px; margin-top:56px; } .s213 .s213-summary { display:block; position:relative; background:#fff; border-radius:12px; padding:30px 30px 0; transition:background .2s,transform .2s; } .s213 .s213-summary:hover { background:#f8f7f5; transform:translateY(-4px); } .s213 .s213-card-no { display:block; font-family:Georgia,serif; font-size:38px; color:#8a8075; margin-bottom:28px; } .s213 .s213-card-en { display:block; letter-spacing:1px; font-size:13px; color:#756c62; } .s213 .s213-summary h3 { margin-top:8px; font-size:26px; color:var(--s213-ink); font-weight:600; } .s213 .s213-summary p { font-size:17px; line-height:1.6; color:var(--s213-muted); margin-top:16px; min-height:56px; } .s213 .s213-card-foot { border-top:1px solid #e6e4e1; margin-top:24px; padding:20px 0; display:flex; align-items:center; justify-content:space-between; font-size:15px; color:#595454; } .s213 .s213-card-foot span { font-size:22px; } .s213 .s213-note { font-size:14px; line-height:1.65; text-align:center; color:#68635e; margin:20px auto 0; max-width:1040px; } .s213 .s213-nav { position:sticky; top:var(--s213-header); z-index:30; background:#e6e4e1; border-top:1px solid #ccc7c1; border-bottom:1px solid #ccc7c1; } .s213 .s213-nav>div { width:90%; max-width:1280px; margin:auto; display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); } .s213 .s213-nav a { display:flex; align-items:center; justify-content:center; gap:9px; min-height:76px; padding:16px 10px; text-align:center; font-size:18px; font-weight:600; border-bottom:2px solid transparent; } .s213 .s213-nav a span { font-family:Georgia,serif; font-size:16px; color:#847b70; } .s213 .s213-nav a:hover,.s213 .s213-nav a[aria-current="location"] { background:#dbd8d4; border-bottom-color:#494443; } .s213 .s213-program,.s213 .s213-comparison { scroll-margin-top:calc(var(--s213-header) + var(--s213-nav-height) + 24px); padding-top:110px; padding-bottom:110px; } .s213 .s213-program + .s213-program { border-top:1px solid var(--s213-line); } .s213 .s213-section-head { text-align:center; margin-bottom:50px; } .s213 .s213-section-head .s213-eyebrow span { border-left:1px solid #b6afa6; margin-left:14px; padding-left:18px; } .s213 .s213-subtitle { margin-top:12px; font-size:22px; color:#756c62; } .s213 .s213-feature { display:grid; grid-template-columns:1fr 1fr; gap:2px; } .s213 .s213-product { background:#fff; border-radius:12px; min-height:390px; display:flex; flex-direction:column; align-items:center; justify-content:center; padding:45px 35px 28px; } .s213 .s213-product>img { width:100%; max-height:280px; object-fit:contain; } .s213 .s213-product figcaption { margin-top:22px; font-size:13px; letter-spacing:2px; color:#7b736b; text-align:center; } .s213 .s213-description { background:#f7f6f4; border-radius:12px; padding:44px; display:flex; flex-direction:column; justify-content:center; } .s213 .s213-description h3 { font-size:27px; line-height:1.5; font-weight:600; } .s213 .s213-description>p { margin-top:24px; font-size:18px; color:#595454; line-height:1.8; } .s213 .s213-description dl { margin-top:26px; padding-top:18px; border-top:1px solid #dedad5; font-size:15px; } .s213 .s213-description dl>div { display:flex; gap:20px; margin-top:7px; line-height:1.6; } .s213 .s213-description dt { flex:0 0 66px; color:#756c62; } .s213 .s213-description dd { color:#3d3935; } .s213 .s213-products { display:flex; flex-direction:column; width:100%; } .s213 .s213-products img { width:100%; object-fit:contain; } .s213 .s213-kit { position:relative; width:100%; display:flex; align-items:center; justify-content:center; gap:12px; } .s213 .s213-kit>img:first-child { width:65%; max-height:275px; object-fit:contain; } .s213 .s213-kit .s213-mct-unit { width:100%; object-fit:contain; } .s213 .s213-facts { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); margin:32px auto 0; max-width:960px; background:#fff; border-radius:10px; } .s213 .s213-facts dl { padding:20px 14px; text-align:center; } .s213 .s213-facts dl+dl { border-left:1px solid #e6e4e1; } .s213 .s213-facts dt { font-size:16px; color:#69625a; } .s213 .s213-facts dd { margin-top:6px; font-size:18px; line-height:1.5; color:#272727; font-weight:600; } .s213 .s213-subhead { text-align:center; font-size:27px; font-weight:600; margin:72px 0 30px; line-height:1.45; } .s213 .s213-points { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:24px; } .s213 .s213-points li { border-top:1px solid #afa69a; padding:26px 12px 0; } .s213 .s213-point { display:inline-block; font-family:Georgia,serif; color:#756c62; font-size:18px; } .s213 .s213-points h4 { margin-top:15px; font-size:21px; font-weight:600; } .s213 .s213-points p { margin-top:12px; color:#595454; font-size:17px; line-height:1.75; } .s213 .s213-concerns { display:grid; grid-template-columns:1fr 1fr; margin-top:42px; background:#dbd8d4; border-radius:12px; padding:35px 0; } .s213 .s213-concerns>div { padding:0 38px; } .s213 .s213-concerns>div+div { border-left:1px solid #beb7ae; } .s213 .s213-concerns span { font-size:13px; letter-spacing:1.8px; color:#756c62; } .s213 .s213-concerns h3 { font-size:23px; margin-top:10px; font-weight:600; } .s213 .s213-concerns p { font-size:17px; line-height:1.8; color:#595454; margin-top:16px; } .s213 .s213-steps { display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); gap:14px; } .s213 .s213-steps li { position:relative; text-align:center; padding:28px 12px; border-radius:12px; background:#fff; } .s213 .s213-steps li+li::before { content:"›"; position:absolute; left:-13px; top:50%; transform:translateY(-50%); z-index:1; color:#8a8075; font-size:24px; } .s213 .s213-steps span { display:inline-block; border-radius:50px; padding:5px 13px; background:#e6e4e1; font-size:12px; letter-spacing:.5px; color:#494443; } .s213 .s213-steps p { font-size:17px; line-height:1.65; margin-top:18px; color:#44403b; } .s213 .s213-recommend { max-width:1000px; margin:0 auto; width:100%; } .s213 .s213-recommend li { padding:24px; font-size:19px; line-height:1.65; font-weight:500; border-radius:12px; margin-bottom:12px; } .s213 .s213-recommend li span { flex:0 0 44px; margin-right:22px; font-family:Georgia,serif; font-size:29px; align-self:center; } .s213 .s213-comparison { border-top:1px solid var(--s213-line); } .s213 .s213-table-hint { margin-top:30px; font-size:14px; color:#68635e; text-align:right; } .s213 .s213-table-wrap { margin-top:15px; overflow-x:auto; border-radius:12px; border:1px solid #c8c2ba; -webkit-overflow-scrolling:touch; } .s213 table { border-collapse:collapse; table-layout:fixed; width:100%; min-width:840px; text-align:center; font-size:17px; line-height:1.6; background:#f8f7f5; } .s213 table th,.s213 table td { padding:24px 18px; border-bottom:1px solid #d5cfc7; border-right:1px solid #d5cfc7; vertical-align:middle; overflow-wrap:break-word; } .s213 table thead th { background:#514c46; color:#fff; font-size:21px; font-weight:600; } .s213 table thead th span { display:block; color:#e4ddd4; font-size:12px; letter-spacing:1px; margin-bottom:5px; } .s213 table th:first-child { width:18%; } .s213 table tbody th { background:#dedad5; font-size:16px; font-weight:600; } .s213 table tr:nth-child(even) td { background:#efede9; } .s213 table tr:last-child>* { border-bottom:0; } .s213 table tr>*:last-child { border-right:0; } .s213 .s213-closing { text-align:center; padding:0 0 100px; } .s213 .s213-care { max-width:1000px; margin:45px auto 0; padding-top:28px; border-top:1px solid #c8c2ba; text-align:left; } .s213 .s213-care h3 { font-size:18px; margin-bottom:14px; } .s213 .s213-care p { font-size:15px; color:#666059; line-height:1.8; margin-top:10px; } .s213 .s213-sr-only { position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); white-space:nowrap; border:0; } @media (min-width:801px) and (max-width:1100px) { .s213 .s213-summary{padding:26px 22px 0}.s213 .s213-description{padding:28px}.s213 .s213-description h3{font-size:24px}.s213 .s213-nav a{font-size:16px}.s213 .s213-product{padding:30px 22px}.s213 .s213-steps p{font-size:16px} } @media (prefers-reduced-motion:reduce) { .s213 .s213-summary{transition:none}.subvisual.s213-visual .maintxt>*{animation:none}.s213-visual .bg{animation:none} } /* 압토스 영역 전용 */ .aptos0406 { width: 100%; word-break: keep-all; overflow-wrap: break-word; } .aptos0406 .aptos-paragraph { margin-top: 24px; } /* 성분 구성 */ .aptos0406 .aptos-material { width: 90%; max-width: 1000px; margin: 50px auto 0; padding: 40px; box-sizing: border-box; background: #dbd8d4; border-radius: 12px; text-align: center; } .aptos0406 .aptos-material h3 { margin: 0; font-size: 34px; font-weight: 700; color: #494443; line-height: 1.4; } .aptos0406 .aptos-material ul { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 20px; margin: 28px 0 0; padding: 0; list-style: none; } .aptos0406 .aptos-material li { padding: 28px 12px; background: #ffffff; border-radius: 12px; } .aptos0406 .aptos-material strong { display: block; font-size: 27px; color: #494443; line-height: 1.4; } .aptos0406 .aptos-material span { display: block; margin-top: 10px; font-size: 19px; color: #595454; line-height: 1.5; } /* 성분 비교표 */ .aptos0406 .aptos-comparison { margin-top: 100px; } .aptos0406 .aptos-tablewrap { width: 90%; max-width: 1000px; margin: 36px auto 0; overflow-x: auto; border-radius: 12px; -webkit-overflow-scrolling: touch; } .aptos0406 .aptos-tablewrap:focus-visible { outline: 2px solid #756a5e; outline-offset: 4px; } .aptos0406 .aptos-table { width: 100%; min-width: 540px; border-collapse: collapse; table-layout: fixed; background: #ffffff; text-align: center; } .aptos0406 .aptos-table caption { position: absolute; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; } .aptos0406 .aptos-table th, .aptos0406 .aptos-table td { padding: 26px 15px; border: 1px solid #cfcac4; font-size: 20px; color: #494443; line-height: 1.5; vertical-align: middle; } .aptos0406 .aptos-table thead th { background: #dbd8d4; font-weight: 600; } .aptos0406 .aptos-table tbody th { font-size: 18px; font-weight: 500; background: #f5f4f2; } .aptos0406 .aptos-table .aptos-highlight { background: #766c61; color: #ffffff; font-weight: 600; } /* 하단 안내 및 장점 */ .aptos0406 .aptos-note { width: 90%; max-width: 1000px; margin: 20px auto 0; font-size: 14px; color: #6a6666; text-align: center; line-height: 1.7; } .aptos0406 #signature .signature { width: 90%; } .aptos0406 #signature .signature .txt li.t1 { line-height: 1.5; } /* 모바일 */ @media screen and (max-width: 800px) { .aptos0406 .aptos-paragraph { margin-top: 18px; } .aptos0406 .aptos-material { margin-top: 30px; padding: 25px 16px; } .aptos0406 .aptos-material h3 { font-size: 26px; } .aptos0406 .aptos-material ul { gap: 10px; margin-top: 20px; } .aptos0406 .aptos-material li { padding: 20px 5px; border-radius: 8px; } .aptos0406 .aptos-material strong { font-size: 21px; } .aptos0406 .aptos-material span { margin-top: 6px; font-size: 13px; } .aptos0406 .aptos-comparison { margin-top: 60px; } .aptos0406 .aptos-tablewrap { margin-top: 25px; } .aptos0406 .aptos-table th, .aptos0406 .aptos-table td { padding: 20px 12px; font-size: 16px; } .aptos0406 .aptos-table tbody th { font-size: 14px; } .aptos0406 .aptos-note { font-size: 12px; text-align: left; } }