#sub_visual{position:relative; text-align:center; height:54rem; background-position:center; background-repeat:no-repeat; background-size:cover;display: -webkit-flex; display: flex;flex-direction:column; justify-content:center; align-items:center;} #sub_visual:before{position:absolute; top:0; left:0; right:0; bottom:0; background:rgba(0,0,0,.3); content:"";} #sub_visual section{position:relative; z-index:4;color:#fff; } #sub_visual section strong{background-color: #E9D3A4; color:#625a48; padding:.2em 1em; border-radius: 1em; font-size: 3.9rem;} #sub_visual section h2{ font-size:5.2rem; font-weight:700; line-height:100%; margin:.7em 0 .5em} #sub_visual section p{ font-size:2.8rem; line-height: 1em;} @media (max-width:850px){ #sub_visual{height:40vw; } #sub_visual section strong{ font-size:1.3em;} #sub_visual section h2{ font-size:2em;} #sub_visual section p{ font-size:1em; } } .sub_container {padding:5em 0; z-index:1; } .sub_container.skin_page{ padding: 0; } .pageContent{ font-size:1em; line-height:150%; position:relative; zoom:1; word-break:keep-all;} .pageContent:after {display:block;visibility:hidden;clear:both;content:""} .pageContent .fmm{font-family:"Noto Serif KR", sans-serif;} .pageContent .fmi{font-family:"InkLipquid";} @media (max-width:1200px){ .sub_container {padding:5vw 0; margin:0 4vw; width:auto;} } @media (max-width:736px){ .pageContent{ font-size:14px; } } .pageContent h3, .pageContent h4, .pageContent h5, .pageContent h6{position:relative; margin:0; line-height:140%;} .pageContent h3{font-size:5.2rem; } .pageContent h4{font-size:4.7rem; } .pageContent h5{font-size:3.3rem} .pageContent h6{font-size:2.8rem } @media (max-width:736px){ .pageContent h3{font-size:1.4em; } .pageContent h4{font-size:1.3em; } .pageContent h5{font-size:1.2em; } .pageContent h6{font-size:1.1em; } } .pageContent .bold{font-weight:600} .pageContent .fine{font-weight:300} .pageContent .tc{text-align:center;} .pageContent .tl{text-align:left} .pageContent .tr{text-align:right} .pageContent .tj{text-align:justify} .pageContent img{max-width:100%} .pageContent p{padding:.3em 0; } .pageContent .dib{display:inline-block;} .pageContent .js_bg{background-size:cover; background-position:center; } .pageContent .under_line{position: relative;} .pageContent .under_line:before{position:absolute; left:0; right:0; bottom: 0; height: 0.4em; background-color:#F4E3D7; content: ""; z-index:-1} .pageContent ul{padding:0; margin:0; list-style-type: none; } .pageContent li{position:relative; margin:.3em 0; text-align:left; line-height:140%; padding-left:1.5em; } .pageContent ul > li:before{position:absolute; left:0; content:"•"; overflow:hidden; text-align:center; width:1em; } .pageContent ol{padding:0 0 0 0; list-style-type: none; counter-reset:sign-num;} .pageContent ol > li:before{position:absolute; left:0; counter-increment:sign-num; content:counter(sign-num)'.'; overflow:hidden; text-align:center; text-align:right; width:1.2em; } .pageContent ul.uls_1 > li:before{content:"\e674"; font-family:'iconfont'; color:#ae8a66; } .pageContent ol.ols_1 > li{padding-left:2em} .pageContent ol.ols_1 > li:before{content:'0'counter(sign-num); width:1.4em; height:1.4em; border-radius:50%; background:#ae8a66; color:#FFF;text-align:center; } .pageContent ul.uls_2 > li{padding-left:2em} .pageContent ul.uls_2 > li:before{content:""; background:url(/sub/img/check_icon1.svg) center no-repeat; width:1.4em; height:1.4em; background-size:auto 100%;} .pageContent ul.uls_3 > li{padding-left:2em} .pageContent ul.uls_3 > li:before{content:""; background:url(/sub/img/check_icon2.svg) center no-repeat; width:1.4em; height:1.4em; background-size:auto 100%;} .pageContent ul.svg_icon > li{padding-left:1.5em} .pageContent ul.svg_icon > li:before { content: ''; position: absolute; left: 0; top: .15em; background:var(--c); width: 1em; /* SVG 너비 */ height: 1em; /* SVG 높이 */ fill: currentColor; /* 현재 글자 색상 사용 */ mask: url('data:image/svg+xml;utf8,'); mask-size: contain; /* 마스크 크기 조정 */ mask-repeat: no-repeat; /* 반복 방지 */ } .pageContent ol[data-list-type="bracket"] {counter-reset:bracket;} .pageContent ol[data-list-type="bracket"] > li {padding-left:2em;counter-increment:bracket;} .pageContent ol[data-list-type="bracket"] > li:first-child {margin-top:0;} .pageContent ol[data-list-type="bracket"] > li:before {content:'('counter(bracket)')';display:block;position:absolute;left:0; width:1.4em; } .pageContent ol[data-list-type="hangul"] { padding-left:2em} .pageContent ol[data-list-type="hangul"] > li{ padding-left:0; } .pageContent ol[data-list-type="hangul"] > li:before{display:none; } .pageContent ol[data-list-type="hangul"] > li {list-style:hangul;} .pageContent ol[data-list-type="decimal"] { padding-left:2em} .pageContent ol[data-list-type="decimal"] > li{ padding-left:0; } .pageContent ol[data-list-type="decimal"] > li:before{display:none; } .pageContent ol[data-list-type="decimal"] > li {list-style:decimal;} .pageContent ol[data-list-type="decimal-circle"] {counter-reset:decimal-circle;} .pageContent ol[data-list-type="decimal-circle"] > li {padding-left:2em; counter-increment:decimal-circle;} .pageContent ol[data-list-type="decimal-circle"] > li:before {position:absolute; content:counter(decimal-circle); left:0;width:1.4em;height:1.4em;font-size:1em;line-height:1.4em;text-align:center;text-indent:-1px;white-space:nowrap;border-radius:50%;border:1px solid #666;} @media (min-width:736px){ .pageContent .w2{ display: -webkit-flex; display: flex; justify-content:space-between; flex-flow:wrap;} .pageContent .w2 > li{width:49%; } } .pageContent u{text-decoration:underline; text-decoration-thickness: 0.05em;text-underline-position: under; } .pageContent .link{text-decoration:underline; color:#1d70bd} .pageContent i{font-style:italic; } .pageContent .iconfont{font-style:normal; } .pageContent em{font-style:italic; } .pageContent small{font-size:.8em; opacity:.8} .pageContent .small{font-size:.8em; opacity:.8} .pageContent big{font-size:1.2em } .pageContent .big{font-size:1.2em } .pageContent sub .pageContent sup {font-size:.8em;} .pageContent dl.dl{overflow:hidden; position:relative; margin:10px 0} .pageContent dl.dl dt{float:left;clear:both; padding-bottom:6px; } .pageContent dl.dl dd{_display:inline-block;overflow:hidden;padding-bottom:6px; zoom:1} .pageContent dl.dl dd:after{display:block;clear:both;content:''} :root { --color-main: #D9967B; --color-mainL: #e0ad97; --color-mainL1: #F5F4EC; --color-mainL2: #F4E3D7; --color-mainD: #9f624a; --color-mainD2: #b09f7b; --color-mainD4: #ac8e4e; --color-sub: #E2C27F; --color-line:#DDD; --color-line2:#626262; --color-bg:#F6F6F6; --color-bg2:#ECECEC; --color-aga:#fff; --color-bgd:#000; --color-text:#333; --color-gray:#737373; } .cfM{color:var(--color-main); } .cfML{color:var(--color-mainL); } .cfMD{color:var(--color-mainD); } .cfMD2{color:var(--color-mainD2); } .cfMD4{color:var(--color-mainD4); } .cfS{color:var(--color-sub); } .cfD{color:var(--color-dark); } .cfL{color:var(--color-light); } .cfm2{color:#00487a; } .cfB{color:#000; } .cfh{color:#a6a6a6; } .cfr{color:#F44; } .cfb{color:#1c8cc1; } .cfb1{color:#3d8cb9; } .cfb2{color:#243e86; } .cfg{color:#3db9ac; } .cfy{color:#ffcc00; } .cfw{color:#FFF; } .cbM{background:var(--color-main); color:#FFF; } .cbML2{background:var(--color-mainL2); } .cbS{background:var(--color-sub); color:#FFF; } .cbD{background:var(--color-dark); color:#FFF; } .cbL{background:var(--color-light);} .cbH{background:var(--color-bg); } .cbB{background:#000; color:#FFF;} .cbr{background:#F44; color:#FFF;} .cbb{background:#39F; color:#FFF;} .cbg{background:#3db9ac; color:#FFF;} .cby{background:#ffcc00;} .cbw{background:#fff;} .pageContent .nmt{margin-top:0;} .pageContent .round{display:inline-block; border-radius:1em; } .pageContent .fw100{font-weight:100} .pageContent .fw300{font-weight:300} .pageContent .fw350{font-weight:350} .pageContent .fw400{font-weight:400} .pageContent .fw500{font-weight:500} .pageContent .fw600{font-weight:600} .pageContent .fw700{font-weight:700} .pageContent .fw800{font-weight:800} .pageContent .fw900{font-weight:900} .pageContent .op1{ opacity:.1} .pageContent .op2{ opacity:.2} .pageContent .op3{ opacity:.3} .pageContent .op4{ opacity:.4} .pageContent .op5{ opacity:.5} .pageContent .op6{ opacity:.6} .pageContent .op7{ opacity:.7} .pageContent .op8{ opacity:.8} .pageContent .op9{ opacity:.9} .pageContent .ls-05{ letter-spacing:-.05em} .pageContent .ls-1{ letter-spacing:-.1em} .pageContent .ls-2{ letter-spacing:-.2em} .pageContent .ls-3{ letter-spacing:-.3em} .pageContent .ls-4{ letter-spacing:-.4em} .pageContent .ls-5{ letter-spacing:-.5em} .pageContent .ls1{ letter-spacing:.1em} .pageContent .ls2{ letter-spacing:.2em} .pageContent .ls3{ letter-spacing:.3em} .pageContent .ls4{ letter-spacing:.4em} .pageContent .ls5{ letter-spacing:.5em} .pageContent .ls6{ letter-spacing:.6em} .pageContent .ls7{ letter-spacing:.7em} .pageContent .ls8{ letter-spacing:.8em} .pageContent .ls9{ letter-spacing:.9em} .pageContent .ls10{ letter-spacing:1em} .pageContent .pd-1{padding-top:.1em; padding-bottom:.1em} .pageContent .pd-2{padding-top:.2em; padding-bottom:.2em} .pageContent .pd-3{padding-top:.3em; padding-bottom:.3em} .pageContent .pd-4{padding-top:.4em; padding-bottom:.4em} .pageContent .pd-5{padding-top:.5em; padding-bottom:.5em} .pageContent .pd-6{padding-top:.6em; padding-bottom:.6em} .pageContent .pd-7{padding-top:.7em; padding-bottom:.7em} .pageContent .pd-8{padding-top:.8em; padding-bottom:.8em} .pageContent .pd-9{padding-top:.9em; padding-bottom:.9em} .pageContent .pd1{padding-top:1em; padding-bottom:1em} .pageContent .pd1-5{padding-top:1.5em; padding-bottom:1.5em} .pageContent .pd2{padding-top:2em; padding-bottom:2em} .pageContent .pd2{padding-top:2.5em; padding-bottom:2.5em} .pageContent .pd3{padding-top:3em; padding-bottom:3em} .pageContent .pd4{padding-top:4em; padding-bottom:4em} .pageContent .pd5{padding-top:5em; padding-bottom:5em} .pageContent .pd6{padding-top:6em; padding-bottom:6em} .pageContent .pd7{padding-top:7em; padding-bottom:7em} .pageContent .pd8{padding-top:8em; padding-bottom:8em} .pageContent .pd9{padding-top:9em; padding-bottom:9em} .pageContent .pd10{padding-top:10em; padding-bottom:10em} .pageContent .pd12{padding-top:12em; padding-bottom:12em} .pageContent .pdw-1{padding-left:.1em; padding-right:.1em} .pageContent .pdw-2{padding-left:.2em; padding-right:.2em} .pageContent .pdw-3{padding-left:.3em; padding-right:.3em} .pageContent .pdw-4{padding-left:.4em; padding-right:.4em} .pageContent .pdw-5{padding-left:.5em; padding-right:.5em} .pageContent .pdw-6{padding-left:.6em; padding-right:.6em} .pageContent .pdw-7{padding-left:.7em; padding-right:.7em} .pageContent .pdw-8{padding-left:.8em; padding-right:.8em} .pageContent .pdw-9{padding-left:.9em; padding-right:.9em} .pageContent .pdw1{padding-left:1em; padding-right:1em} .pageContent .pdw1-5{padding-left:1.5em; padding-right:1.5em} .pageContent .pdw2{padding-left:2em; padding-right:2em} .pageContent .pdw2-5{padding-left:2.5em; padding-right:2.5em} .pageContent .pdw3{padding-left:3em; padding-right:3em} .pageContent .pdw4{padding-left:4em; padding-right:4em} .pageContent .pdw5{padding-left:5em; padding-right:5em} .pageContent .pdw6{padding-left:6em; padding-right:6em} .pageContent .pdw7{padding-left:7em; padding-right:7em} .pageContent .pdw8{padding-left:8em; padding-right:8em} .pageContent .pdw9{padding-left:9em; padding-right:9em} .pageContent .pdw10{padding-left:10em; padding-right:10em} .pageContent .pdw12{padding-left:12em; padding-right:12em} @media (max-width:736px){ .pageContent .pd-1{padding-top:.05em; padding-bottom:.05em} .pageContent .pd-2{padding-top:.1em; padding-bottom:.1em} .pageContent .pd-3{padding-top:.15em; padding-bottom:.15em} .pageContent .pd-4{padding-top:.2em; padding-bottom:.2em} .pageContent .pd-5{padding-top:.25em; padding-bottom:.25em} .pageContent .pd-6{padding-top:.3em; padding-bottom:.3em} .pageContent .pd-7{padding-top:.35em; padding-bottom:.35em} .pageContent .pd-8{padding-top:.4em; padding-bottom:.4em} .pageContent .pd-9{padding-top:.45em; padding-bottom:.45em} .pageContent .pd1{padding-top:.5em; padding-bottom:.5em} .pageContent .pd1-5{padding-top:.75em; padding-bottom:.75em} .pageContent .pd2{padding-top:1em; padding-bottom:1em} .pageContent .pd2{padding-top:1.25em; padding-bottom:1.25em} .pageContent .pd3{padding-top:1.5em; padding-bottom:1.5em} .pageContent .pd4{padding-top:2em; padding-bottom:2em} .pageContent .pd5{padding-top:2.5em; padding-bottom:2.5em} .pageContent .pd6{padding-top:3em; padding-bottom:3em} .pageContent .pd7{padding-top:3.5em; padding-bottom:3.5em} .pageContent .pd8{padding-top:4em; padding-bottom:4em} .pageContent .pd9{padding-top:4.5em; padding-bottom:4.5} .pageContent .pd10{padding-top:5em; padding-bottom:5em} .pageContent .pd12{padding-top:6em; padding-bottom:6em} .pageContent .pdw-1{padding-left:.1em; padding-right:.1em} .pageContent .pdw-2{padding-left:.1em; padding-right:.1em} .pageContent .pdw-3{padding-left:.15em; padding-right:.15em} .pageContent .pdw-4{padding-left:.2em; padding-right:.2em} .pageContent .pdw-5{padding-left:.25em; padding-right:.25em} .pageContent .pdw-6{padding-left:.3em; padding-right:.3em} .pageContent .pdw-7{padding-left:.35em; padding-right:.35em} .pageContent .pdw-8{padding-left:.4em; padding-right:.4em} .pageContent .pdw-9{padding-left:.45em; padding-right:.45em} .pageContent .pdw1{padding-left:.5em; padding-right:.5em} .pageContent .pdw1-5{padding-left:.75em; padding-right:.75em} .pageContent .pdw2{padding-left:1em; padding-right:1em} .pageContent .pdw2{padding-left:1.25em; padding-right:1.25em} .pageContent .pdw3{padding-left:1.5em; padding-right:1.5em} .pageContent .pdw4{padding-left:2em; padding-right:2em} .pageContent .pdw5{padding-left:2.5em; padding-right:2.5em} .pageContent .pdw6{padding-left:3em; padding-right:3em} .pageContent .pdw7{padding-left:3.5em; padding-right:3.5em} .pageContent .pdw8{padding-left:4em; padding-right:4em} .pageContent .pdw9{padding-left:4.5em; padding-right:4.5} .pageContent .pdw10{padding-left:5em; padding-right:5em} .pageContent .pdw12{padding-left:6em; padding-right:6em} } .pageContent .w5em{width:5em;} .pageContent .w6em{width:6em;} .pageContent .w7em{width:7em;} .pageContent .w8em{width:8em;} .pageContent .w9em{width:9em;} .pageContent .w10em{width:10em;} .pageContent .w12em{width:12em;} .pageContent .w15em{width:15em;} .pageContent .w18em{width:18em;} .pageContent .w20em{width:20em;} .pageContent .w10p{width:10%;} .pageContent .w20p{width:20%;} .pageContent .w30p{width:30%;} .pageContent .w40p{width:40%;} .pageContent .w50p{width:50%;} .pageContent .w60p{width:60%;} .pageContent .w70p{width:70%;} .pageContent .w80p{width:80%;} .pageContent .w90p{width:90%;} .pageContent .w100p{width:100%;} .pageContent .lh-8{ line-height:.8em} .pageContent .lh-9{ line-height:.9em} .pageContent .lh1{ line-height:1em} .pageContent .lh11{ line-height:1.1em} .pageContent .lh12{ line-height:1.2em} .pageContent .lh13{ line-height:1.3em} .pageContent .lh14{ line-height:1.4em} .pageContent .lh15{ line-height:1.5em} .pageContent .lh16{ line-height:1.6em} .pageContent .lh17{ line-height:1.7em} .pageContent .lh18{ line-height:1.8em} .pageContent .lh19{ line-height:1.9em} .pageContent .lh20{ line-height:2em} .pageContent .lh30{ line-height:3em} .pageContent .lh40{ line-height:4em} .pageContent .title_en:before{content:"WOMAN SPECIAL CLINC"; letter-spacing: .2em;font-size:.3em; display: block; line-height:1em; opacity: .3;} .pageContent .title{z-index:1; margin:0; padding:.3em 0; font-weight:700 ; } .pageContent .title:after{ display:block; line-height:.2em; content:"▬"; color:var(--color-sub)} .pageContent .title2{border-bottom: 1px solid #000; display:inline-block; padding-bottom:.6em; margin-bottom:.6em; font-weight: 700; min-width: 50%; width: 50%;} .pageContent .title2.full{width: 100%; } .pageContent .title3 strong{position: relative; } .pageContent .title3 strong:before{position: absolute; top:50%; left:-4.5em; height:.05em; width:4em; background:linear-gradient(90deg, rgba(159, 98, 74,0) 0%, rgba(159, 98, 74,1) 100%); content:"";} .pageContent .title3 strong:after{position: absolute; top:50%; right:-4.5em; height:.05em; width:4em; background:linear-gradient(90deg, rgba(159, 98, 74, 1) 0%, rgba(159, 98, 74,0) 100%); content:"";} .pageContent section{position:relative;} .pageContent article{position:relative;} .full_img{position:relative; left:50%; width:200vw; margin-left:-100vw; text-align:center; } .full_img img{max-width:none} .full_img_bg{position:absolute; top:0; bottom:0; overflow:hidden; z-index:-1; left:50%; width:200vw; margin-left:-100vw; text-align:center; } .full_img_bg img{max-width:none} .pageContent .full_bg{position:absolute; top:0; left:50%; bottom:0; width:100vw; margin-left:-50vw; background-position:center; background-repeat:no-repeat; z-index:-1;} .pageContent .full_bg.cover{background-size:cover; } .pageContent .full_bg.fixed{background-attachment:fixed;} .pageContent .full_bg.fixed_sc{background-attachment:fixed;} @media (max-width:1200px){ .pageContent .full_bg{ margin-left:-4vw; left:0; background-size:cover; } .pageContent .mcover{background-size:cover; } } .table_s{width:100%;border-top:2px solid #555;} .table_s thead th{padding:.6em;border:1px solid #ccc; border-top:2px solid #555; border-bottom:2px solid #555; font-weight:500;} .table_s thead td{padding:.6em; border:1px solid #ccc;border-top:2px solid #555; border-bottom:2px solid #555; font-weight:500;} .table_s tbody th{padding:.6em; border:1px solid #ccc;text-align:center; } .table_s tbody td{padding:.6em; border:1px solid #ccc; } .table_s tfoot th{padding:.6em; border:1px solid #ccc; background:#FFE} .table_s tfoot td{padding:.6em; border:1px solid #ccc; background:#FFE} .table_s{border-left:2px solid transparent;border-right:2px solid transparent} @media (max-width:736px){ .table_sc{width:100%; position:relative; overflow-x:auto;} .table_sc .table_s{width:auto; white-space: nowrap;} .table_s thead th{ padding:.5em .3em; } .table_s thead td{ padding:.3em; } .table_s tbody th{ padding:.3em; } .table_s tbody td{ padding:.3em; } } .table_s.fixed{table-layout:fixed} .page_header{position:relative; text-align:center; margin-bottom:40px;} .page_header h2{ font-family:"nanum myeongjo"; font-weight:600} .page_header h2:before{display:block; width:1px; height:2em; background:#333; margin:0 auto; content:"";} .comma{font-size:1.1em;} .comma:before, .comma:after{ display:inline-block; font-size:2em; font-family:"iconfont"; color:#1a5da8; vertical-align:middle;} .comma:before{content:"\e6de"; margin-top:-2%; margin-right:1%; } .comma:after{content:"\e6df" ; margin-left:1%;} .brackets{position:relative; padding:0 1em ; text-align:center; } .brackets:before{position:absolute;border:.1em solid #DDD; border-right:0; width:.6em; top:.5em; left:1em; bottom:.5em; content:"";} .brackets:after{position:absolute;border:.1em solid #DDD; border-left:0; width:.6em; top:.5em; right:1em; bottom:.5em; content:"";} .pageContent .wave{display:inline-block; } .pageContent .wave:after{margin-top:0; display:block;height: 0.2em;background:linear-gradient(135deg, transparent, transparent 45%, #888, transparent 55%, transparent 100%),linear-gradient(45deg, transparent, transparent 45%, #888, transparent 55%, transparent 100%);background-size: 0.4em 0.4em;background-repeat: repeat-x, repeat-x;content: '';} .lrbox dt{width:50%;} .lrbox dd{width:48%;} @media (max-width:736px){ .lrbox{display:block;} .lrbox dt{position: absolute;right:0; top:0; width:40%; } .lrbox dd{width:auto; padding:4em 0} } .full_width_bg{background-position: center;} @media (max-width:736px){ .full_width_bg{background-size:cover;} } .sub_tab{font-size: 3.4rem; gap: 1rem; display: flex; justify-content: center;} .sub_tab dd{} .sub_tab dd a{display:block; color:#FFF; padding:0 1em; line-height:1.8em; background:#C9C9C9} .sub_tab dd.active a{background-color: var(--color-sub);} @media (max-width:736px){ .sub_tab{font-size: 1.1em;justify-content:start;gap: .5rem; } .sub_tab dd a{padding:0 .8em;line-height:2.4em; } .sub_tab + .title{display: none;} } .lne_top .full_width_bg{border-top:.5em solid var(--color-main)} .lne_top .full_width_bg:before{position: absolute;top: -.5em; width:50%; height:.5em; background:var(--color-sub); right:0; content: "";} .lne_bottom .full_width_bg{border-bottom:.5em solid var(--color-main)} .lne_bottom .full_width_bg:before{position: absolute; bottom: -.5em; width:50%; height:.5em; background:var(--color-sub); right:0; content: "";} .abso_model{position: absolute;right:0; bottom:0} @media (max-width:736px){ .abso_model{position: absolute; right:0; margin-bottom:-5em; bottom:100%; width:10em} } .dls_1 dt{width: 50%;} .dls_1 dd{width: 50%; padding-right:2em} @media (max-width:736px){ .dls_1{display: block;padding:2em 0;} .dls_1 dt{width:100%; height:20rem; } .dls_1 dt img{width:100%; height:100%; object-fit: cover;} .dls_1 dd{width: auto; padding-right:0; margin-top:2rem; } } .dls_2{margin-top:2em; display: flex; justify-content: center; flex-flow: wrap; font-size:3rem; font-weight:700; color:#FFF; } .dls_2 dd{background:#E9D3A4; border-radius: 1em; padding:1.5em 0; text-shadow:.1em .1em .3em rgba(0,0,0,.3); display: flex;flex-direction:column; justify-content:center; width:31.33%; margin:1%;} .dls_2.w4 dd{ width:23%; margin:1%;} .dls_2 dd:nth-child(2n){background:#E0AB94} @media (max-width:736px){ .dls_2{margin-top:1em;font-size:1em; } .dls_2 dd{padding:1em .5em; width:48%; margin:1%;background:#E9D3A4} .dls_2 dd:nth-child(3){background:#E0AB94} .dls_2 dd:nth-child(4){background:#E9D3A4} .dls_2 dd:nth-child(7){background:#E0AB94} .dls_2 dd:nth-child(8){background:#E9D3A4} .dls_2 dd:nth-child(11){background:#E0AB94} .dls_2 dd:nth-child(12){background:#E9D3A4} } .dls_3{display: grid; grid-template-columns: repeat(2,1fr); gap:1em;} .dls_3 dd{ background-color: var(--color-aga);} .dls_3 dd h5{color:#FFF; background-color: var(--color-main); font-weight: 700; padding:.2em;} .dls_3 dd p{font-size:.9em; padding:1em; } .dls_4{display:flex; justify-content:center; gap:1em; margin-top:1em;} .dls_4 dd{width:25%; border-radius: 1em; padding:1em 0; background-color: var(--color-mainL); color:#FFF; font-size: 1.1em; box-shadow: 0 .1em .5em rgba(0,0,0,.3);} .dls_4 dd:nth-child(2n){background-color: var(--color-main);} @media (max-width:736px){ .dls_4{display:flex; justify-content:center; gap:0; flex-wrap: wrap; } .dls_4 dd{width:31.33%;font-size: 1em;margin:1%; } } .dls_2row dd{width:45%; margin:.5%; background-color: var(--color-aga);} .dls_2row.line dd{border:1px solid var(--color-main)} .dls_2row dd h5{color:#FFF; background-color: var(--color-main); font-weight: 700; padding:.2em;} .dls_2row dd p{font-size:.9em; padding:1em; } .dls_2row dd p + p{margin-top:-1em;} @media (max-width:736px){ .dls_2row dd{width:100%; margin:1% 0; } .dls_2row dd p{font-size:1em; } } .dls_3row dd{width: 32%; background-color: var(--color-bg);} .dls_3row dd h6{padding:.5em; background:var(--color-sub); color: var(--color-aga); font-weight: 700;} .dls_3row dd p{padding:1em} .dls_3row.jc dd{margin:0 .5em;} @media (max-width:736px){ .dls_3row dd{width: 100%;margin:1em 0} .dls_3row dd h6{padding:.5em;} } .dls_4row dd{width:24%; margin:.5%; background-color: #EFEFEF;} .dls_4row dd h5{color:#FFF; background-color: var(--color-sub); font-weight: 700; padding:.2em;} .dls_4row dd p.p2{font-size:.8em; padding:1em;line-height:1.4em; margin-top:-1em;} @media (max-width:736px){ .dls_4row dd{width:49%; } .dls_4row dd p.p2{font-size:.9em; } } .dl_method{border: 1px solid var(--color-sub); background:var(--color-mainL1); display: flex; justify-content: space-between; border-radius: 1em; margin-top:2em;} .dl_method dd{flex-grow: 1 ; width: 0; padding:1em 0; border-left: 1px dashed var(--color-sub);} .dl_method dd:first-child{border-left: 0;} .dl_method dd i{display: block;width: 4em; margin:0 auto} .dl_method dd h6{ font-weight: 700; color: var(--color-mainD);} .dl_method dd p{font-size: .9em; line-height:130%; } @media (max-width:736px){ .dl_method{ margin-top:1em; } .dl_method dd{flex-grow: 1 ; width: 0; padding:.8em .5em;} .dl_method dd i{display: block;width:3em; } .dl_method dd p{font-size: .9em; line-height:130%; } .s3_3 .dl_method{flex-wrap: wrap;} .s3_3 .dl_method dd{width: 30%; } .s3_3 .dl_method dd:nth-child( n+4){border-top: 1px dashed var(--color-sub);} .s3_3 .dl_method dd:nth-child(4){border-left:0} } .align_right{margin-left: 50%;} @media (max-width:736px){ .align_right{margin-left: 20%;} } .qna{border: 1px sodli var(--color-main); padding: 2em; background-color: var(--color-mainL1); border-radius: 1em;} .qna dt{background-color: var(--color-main); color: var(--color-aga); padding:.6em 1em; font-size:1.1em; font-weight: 700; width:70%; border-radius: 0 1em 1em 1em; margin-top:1em;} .qna dt:first-child{margin-top:0;} .qna dd{background-color: var(--color-sub); color: var(--color-aga); padding:.6em 1em; margin-left:30%; border-radius:1em 0 1em 1em; margin-top:1em;} @media (max-width:736px){ .qna{padding: 1em; } .qna dt{ font-size:1em; width:90%; margin-top:.5em;} .qna dt:first-child{margin-top:0;} .qna dd{ padding:.6em 1em; margin-left:10%; margin-top:.5em;} } .dls_circle{display: flex; justify-content: center; gap: 1em;} .dls_circle dd{width:8em; height:8em; border-radius: 50%; background:var(--color-bg); color: var(--color-mainD2); border:.1em solid var(--color-mainD4); font-weight:700;display: flex; justify-content: center; flex-direction: column; box-shadow: .1em .1em .4em rgba(0,0,0,.3);} @media (max-width:736px){ .dls_circle{flex-wrap: wrap;} .dls_circle dd{width:8em; height:8em; font-size:.9em} } .dls_3row2{display: flex; justify-content: center; gap:1em; flex-flow: wrap;} .dls_3row2 dd{width:30%; background-color: var(--color-mainL2); display: flex; justify-content: center; flex-direction: column; padding:1.5em 0; border-radius: 1em; } @media (max-width:736px){ .dls_3row2{ gap:0; } .dls_3row2 dd{width:48%; margin:1%; padding:.8em; } } .last_section .full_width_bg{background-color: #B09F7B; text-align: right; overflow: hidden;} .last_section .full_width_bg img{position: absolute; right:0; top:0; min-height:100%; top:50%; transform: translateY(-50%);} .last_section dt{margin-left:-3em; width:55%; color:var(--color-mainD4); background-color: var(--color-aga); padding:3em 1em 3em 3em} .last_section dd{ width:50%; color:#FFF; font-size:1.1em; text-align: right; display: flex;flex-direction:column; justify-content:center; align-items:center; } .last_section.right .full_width_bg img{ right:auto; left:0 } .last_section.dt_big dt{width:65%;} @media (max-width:736px){ .last_section .full_width_bg{background-color: #B09F7B; text-align: right; overflow: hidden;} .last_section .full_width_bg img{ right:0; top:0; top:auto; bottom:0; min-height: auto; transform: translateY(0);} .last_section dl{display: block;} .last_section dt{margin-left:0; width:100%;padding:2em 1em 2em 2em} .last_section dd{ width:100%; margin-top:2rem; text-align: right; display: block} .last_section dd img[src*='speek_icon']{width:4em} .last_section.right .full_width_bg img{ right:auto; left:0 } .last_section.dt_big dt{width:65%;} }