@charset "utf-8"; /*** Preloader style ** .preloader { position: fixed; left: 0; top: 0; width: 100%; height: 100%; z-index: 9999999; background: #fff; background-position: center center; background-repeat: no-repeat; background-image: url(/images/preloader.gif); } */ .m_video{position: relative; width: 100%; height: calc(100vh - 132px); min-height: 600px; overflow: hidden; margin: 0 auto;} .m_video video{position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: auto; height: auto; min-height: 100%; min-width: 100%;} @media all and (max-width:1099px){ .m_video{min-height: auto; max-height: calc(100vh - 180px);} } @media all and (max-width:767px){ .m_video{min-height: auto; height: auto; margin-bottom: -5px;} .m_video video{position: static; width: 100%; height: 100%; transform: translate(0, 0)} } #mVisual {position:relative; width:100%; height:780px; overflow:hidden; } .mv_slider.slick-slide, .mvWrap .slick-track, .mvWrap .slick-list{ position:relative; height:100%; outline: none;} #mVisual .mv_slider { background-repeat: no-repeat; background-size: cover; background-position: center center; } #mVisual .mv_slider.mv1 {background-image:linear-gradient( rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3) ),url('/images/main/mmb1.jpg'); } #mVisual .mv_slider.mv2 {background-image:linear-gradient( rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3) ),url('/images/p2_bg.jpg'); } #mVisual .mv_slider.mv3 {background-image:linear-gradient( rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3) ),url('/images/main/mmb3.jpg'); } #mVisual .mv_slider.mv4 {background-image:linear-gradient( rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3) ),url('/images/main/mmb4.jpg'); } #mVisual .mv_slider.mv5 {background-image:linear-gradient( rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3) ),url('/images/main/mmb5.jpg'); } #mVisual .mv_slider .mv-txt { display:table; width:98%; height:100%; margin:0 auto; text-align: left; max-width: 1400px;padding-top:10% } #mVisual .mv_slider .mv-txt > div { display:table-cell; vertical-align:middle; box-sizing:border-box; color:#fff;font-family:'Jost','S Dream',sans-serif} #mVisual .mv_slider .mv-txt > div .t1 { font-weight: 400;font-size: 1.475em;font-family:'Jost','S Dream',sans-serif} #mVisual .mv_slider .mv-txt > div .t2 { font-weight: 300; font-size: 2.63em; line-height: 1.2em; letter-spacing: -0.07em; margin: 0.4em 0 0.9em;font-family:'Jost','S Dream',sans-serif} #mVisual .mv_slider .mv-txt > div .t3 { font-size: 1.225em;font-family:'Jost','S Dream',sans-serif} #mVisual .mv_slider .mv-txtimg { display:table; width:98%; height:100%; margin:0 auto; text-align: left; max-width: 1400px;padding-top:10% } #mVisual .mv_slider .mv-txtimg > div { display:table-cell; vertical-align:middle; box-sizing:border-box; color:#fff;font-family:'Jost','S Dream',sans-serif} #mVisual .mv_slider .mv-txtimg > div .t1 { font-weight: 400;font-size: 1.475em;font-family:'Jost','S Dream',sans-serif} #mVisual .mv_slider .mv-txtimg > div .t2 { font-weight: 300; font-size: 3.13em; line-height: 1.2em; letter-spacing: -0.06em; margin: 0.3em 0 0.8em;font-family:'Jost','S Dream',sans-serif} #mVisual .mv_slider .mv-txtimg > div .t22 { font-weight: 300; font-size: 1.69em; line-height: 1.3em; letter-spacing: -0.04em; margin: 0.2em 0 0.9em;font-family:'Jost','S Dream',sans-serif} #mVisual .mv_slider .mv-txtimg > div .t3 { font-size: 1.69em;font-family:'Jost','S Dream',sans-serif;letter-spacing: -0.04em;font-weight: 300;} #mVisual .mv_slider .mv-txt21 { display:table; width:98%; height:100%; margin:0 auto; text-align: left; max-width: 1500px; } #mVisual .mv_slider .mv-txt21 > div { display:table-cell; vertical-align:middle; box-sizing:border-box; color:#fff;font-family:'Jost','S Dream',sans-serif} #mVisual .mv_slider .mv-txt21 > div .t1 { font-weight: 400;font-size: 1.975em;letter-spacing: -0.07em;font-family:'Jost','S Dream',sans-serif} #mVisual .mv_slider .mv-txt21 > div .t2 { font-weight: 300; font-size: 2.43em; line-height: 1.4em; letter-spacing: -0.07em; margin: 0.4em 0 0.9em;font-family:'Jost','S Dream',sans-serif} #mVisual .mv_slider .mv-txt21 > div .t3 { font-size: 1.725em;font-family:'Jost','S Dream',sans-serif;font-weight: 200;line-height: 1.3em;} #mVisual .mv_slider .mv-txt21 > div .t4 { font-size: 1.125em;font-family:'Jost','S Dream',sans-serif} #mVisual .mv_slider .mv-txt2 { display:table; width:98%; height:100%; margin:0 auto; text-align: left; max-width: 1400px; } #mVisual .mv_slider .mv-txt2 > div { display:table-cell; vertical-align:middle; box-sizing:border-box; color:#fff;font-family:'Jost','S Dream',sans-serif} #mVisual .mv_slider .mv-txt2 > div .t1 { font-weight: 400;font-size: 1.575em;letter-spacing: -0.07em;font-family:'Jost','S Dream',sans-serif;text-align:center} #mVisual .mv_slider .mv-txt2 > div .t2 { font-weight: 300; font-size: 2.1em; line-height: 1.4em; letter-spacing: -0.09em; margin: 0.4em 0 0.7em;font-family:'Jost','S Dream',sans-serif;text-align:center} #mVisual .mv_slider .mv-txt2 > div .t3 { font-size: 1.425em;font-family:'Jost','S Dream',sans-serif;font-weight: 500;line-height: 1em;text-align:center;color:#111;letter-spacing: -0.09em;} #mVisual .mv_slider .mv-txt2 > div .t4 { font-size: 1.025em;font-family:'Jost','S Dream',sans-serif;text-align:center;letter-spacing: -0.05em;} #mVisual .mv_slider .mv-txt3 { display:table; width:94%; height:100%; margin:0 auto; text-align: left; max-width: 1400px;} #mVisual .mv_slider .mv-txt3 > div { display:table-cell; vertical-align:middle; box-sizing:border-box; color:#fff;font-family:'Jost','S Dream',sans-serif;text-align:center} #mVisual .mv_slider .mv-txt3 > div .t1 { font-weight: 200;font-size: 1.775em;letter-spacing: -0.07em;font-family:'Jost','S Dream',sans-serif;text-align:center} #mVisual .mv_slider .mv-txt3 > div .t2 { font-weight: 300; font-size: 3.33em; line-height: 1.2em; letter-spacing: -0.07em; margin: 0.4em 0 0.5em;font-family:'Jost','S Dream',sans-serif;text-align:center} #mVisual .mv_slider .mv-txt3 > div .t3 { font-size: 1.625em;font-family:'Jost','S Dream',sans-serif;font-weight: 300;text-align:center} #mVisual .mv_slider .mv-txt3 > div .t4 { font-size: 1.425em;font-family:'Jost','S Dream',sans-serif;font-weight: 300;text-align:center} @media all and (max-width:1480px){ #mVisual { height: 60vw; } } @media all and (max-width:976px){ #mVisual { height: 70vw; } #mVisual .mv_slider .mv-txtimg { display:table; width:50%; height:100%; margin:0 auto; text-align: left; max-width: 1400px;padding-top:10% } #mVisual .mv_slider .mv-txtimg > div { display:table-cell; vertical-align:middle; box-sizing:border-box; color:#fff;font-family:'Jost','S Dream',sans-serif} #mVisual .mv_slider .mv-txtimg > div .t1 { font-weight: 400;font-size: 1.075em;font-family:'Jost','S Dream',sans-serif} #mVisual .mv_slider .mv-txtimg > div .t2 { font-weight: 300; font-size: 2.13em; line-height: 1.2em; letter-spacing: -0.06em; margin: 0.3em 0 0.8em;font-family:'Jost','S Dream',sans-serif} #mVisual .mv_slider .mv-txtimg > div .t22 { font-weight: 300; font-size: 1.19em; line-height: 1.3em; letter-spacing: -0.04em; margin: 0.2em 0 0.9em;font-family:'Jost','S Dream',sans-serif} #mVisual .mv_slider .mv-txtimg > div .t3 { font-size: 1.69em;font-family:'Jost','S Dream',sans-serif;letter-spacing: -0.04em;font-weight: 300;} } @media all and (max-width:640px){ #mVisual { height: 90vw; } #mVisual .mv_slider .mv-txt > div .t2 { font-size: 3em; } #mVisual .mv_slider .mv-txt > div .2t2 { font-size: 3em; } #mVisual .mv_slider.mv1 {background-position: 80% center; } } @media all and (max-width:480px){ #mVisual { height: 100vw; } #mVisual .mv_slider .mv-txt > div .t1 { font-size: 1.2em; } #mVisual .mv_slider .mv-txt > div .t2 { font-size: 2.4em; } #mVisual .mv_slider .mv-txt > div .t3 { font-size: 1em; } #mVisual .mv_slider .mv-txt > div .2t1 { font-size: 1.2em; } #mVisual .mv_slider .mv-txt > div .2t2 { font-size: 2.4em; } #mVisual .mv_slider .mv-txt > div .2t3 { font-size: 1em; } } .mtit .t1 { color:#09c8bd; font-size: 1.125em; margin-bottom: 1em;font-family:'Montserrat', 'GowunBatang',sans-serif } .mtit .t2 { color:#353535; font-size: 2.5em; font-weight: 300; line-height: 1.4em; letter-spacing: -0.06em;font-family:'Montserrat', 'GowunBatang',sans-serif } .mtit .t3 { color:#989898; font-size: 1.125em; margin-top: 3em; } .mtit .more { color:#353535; font-weight: 600; display: inline-block; margin-top: 7em; border-bottom: 1px solid #353535; padding-bottom:20px;} .mtit .more span { margin-left: 1em; } @media all and (max-width:1080px){ .mtit { font-size: 0.9em; } .mtit .t2 { font-size: 2.2em; } } @media all and (max-width:767px){ .mtit .t3 { margin-top: 2em; } .mtit .more { margin-top: 4em; } } @media all and (max-width:480px){ .mtit .t1 { font-size: 1.0em;} .mtit .t2 { font-size: 2em; } .mtit .t3 { margin-top: 1.5em; } } #mClinic { position: relative; overflow: hidden; padding: 8% 6% 6% 3%; } #mClinic .mtit { float: left; width: 30%; padding: 0 0 0 3%; } #mClinic ul { float: left; width: 70%; overflow: hidden; } #mClinic ul li { float: left; margin: 0 0 40px 40px; max-width: calc(50% - 40px); vertical-align: top;} #mClinic ul li:nth-child(odd) { clear: both; } #mClinic ul li img { max-width: 100%; } #mClinic ul li dl { padding: 2em 0; } #mClinic ul li dl dt { color:#353535; font-weight: 500; font-size: 2em; margin-bottom: 0.3em; } #mClinic ul li dl dt span { font-size: 3.2rem; font-family: 'EliceDigitalBaeum'; color:#19ccd4;font-weight: 600; margin-right: 0.15em; line-height: 1.0em; } #mClinic ul li dl dd { color:#888; font-size: 1.125em; } @media all and (max-width:976px){ #mClinic .mtit { width: 100%; padding-left:0; } #mClinic ul { width: 100%; } #mClinic ul li { max-width: calc(50% - 10px); margin: 20px 0 0 20px; } #mClinic ul li:nth-child(odd) { margin-left:0; } } @media all and (max-width:640px){ #mClinic ul li { max-width: calc(50% - 5px); margin: 20px 0 0 10px; } #mClinic ul li dl dt { font-size: 1.7em; } #mClinic ul li dl dd { font-size: 1.0em; } } @media all and (max-width:480px){ #mClinic { padding: 10% 5%; } #mClinic ul li { max-width: 100%; margin: 20px 0 0 0; } } #mClinicM { margin-bottom:50px; position:relative;padding:0 40px} #mClinicM .m_tit h3{color: #548381; font-size:2.4rem;font-weight:400;letter-spacing:-0.1em} #mClinicM .m_tit h3 span{color: #548381;letter-spacing:-0.18rem} #mClinicM ul {width:100%; overflow:hidden; margin-top:50px;} #mClinicM ul li {float:left; width:33.33%; height:282px; position:relative; overflow:hidden;} #mClinicM ul li:before {content:''; display:block; position:absolute; left:0; top:0; width:100%; height:100%; background-repeat:no-repeat; background-position:center center; background-size:cover; transition:transform 0.7s} #mClinicM ul li a {display:block; width:100%; height:100%; color:#4b4b4b; box-sizing:border-box; padding-left:40px; padding-top:70px; position:relative; z-index:10;} #mClinicM ul li h2 {font-size:1.7em; font-weight:400;letter-spacing:-0.18rem} #mClinicM ul li .t1 {font-size:1.05em; opacity:0.8; line-height:1.6em; margin:15px 0 40px;} #mClinicM ul li .t2 {display:inline-block; font-size:2.6em; letter-spacing:0; font-weight:600; opacity:0.3; font-family: 'Barlow Condensed', sans-serif; border-top:1px solid #4b4b4b; padding:0 5px} #mClinicM ul li a.fc-wh .t2 {border-color:#fff;} #mClinicM ul li:nth-child(2) a {} #mClinicM ul li:nth-child(1):before {color:#548381;background-color:#fff; background-image:url(/images/new/nno1.png);background-position:-30% -400%} #mClinicM ul li:nth-child(2):before {background-color:#548381; background-image:url(/images/new/nn5.png);background-position:-30% 0%} #mClinicM ul li:nth-child(3):before {color:#548381;background-color:#fff; background-image:url(/images/new/nno3.png);background-position:-30% 0%} #mClinicM ul li:nth-child(4):before {background-color:#548381; background-image:url(/images/new/nno44.png);background-position:-30% 0%} #mClinicM ul li:nth-child(5):before {color:#548381;background-color:#fff; background-image:url(/images/new/no6.png);background-position:-30% 0%} #mClinicM ul li:nth-child(6):before {background-color:#548381; background-image:url(/images/new/no7.png);background-position:-30% 0%} #mClinicM ul li:hover:before {transform:scale(1.05, 1.05)} @media screen and (max-width:1399px){ #mClinicM ul li {height:450px;} #mClinicM ul li a {padding-left:6%; padding-top:40px;} #mClinicM ul li:nth-child(2) a {padding-top:190px} } @media screen and (max-width:976px){ #mClinicM {margin-top:10%; margin-bottom:10%;padding:10% 0} #mClinicM .mTit {position:absolute; left:0; top:0; width:50%; height:50%; background:#f7f7f7; padding:21vh 2% 0} #mClinicM .m_tit h3{color: #548381; font-size:2.2rem;font-weight:400;letter-spacing:-0.1em} #mClinicM ul {margin-top:6%} #mClinicM ul li {float:right; width:50%; height:400px;} #mClinicM ul li h2 {font-size:2.4em; font-weight:500;letter-spacing:-0.18rem;} #mClinicM ul li .t1 {font-size:1.45em; opacity:1; line-height:1.6em; margin:15px 0 40px;letter-spacing:-0.08rem} #mClinicM ul li .t2 {display:inline-block; font-size:2.6em; letter-spacing:0; font-weight:600; opacity:0.3; font-family: 'Barlow Condensed', sans-serif; border-top:1px solid #4b4b4b; padding:0 5px} #mClinicM ul li:nth-child(2) {clear:both;} } @media screen and (max-width:550px){ #mClinicM .mTit {position:relative; width:100%; height:auto; background:#fff; padding:0;} #mClinicM ul li {float:none; width:100%; height:auto;} #mClinicM ul li a {padding:12% 6% 16%} #mClinicM ul li:nth-child(2) a {padding-top:15%} } #mClinicM2 { margin-bottom:50px; position:relative;padding:0 40px} #mClinicM2 .m_tit h3{color: #548381; font-size:2.4rem;font-weight:400;letter-spacing:-0.1em} #mClinicM2 .m_tit h3 span{color: #548381;letter-spacing:-0.18rem} #mClinicM2 ul {width:100%; overflow:hidden; margin-top:50px;} #mClinicM2 ul li {float:left; width:33.33%; height:282px; position:relative; overflow:hidden;} #mClinicM2 ul li:before {content:''; display:block; position:absolute; left:0; top:0; width:100%; height:100%; background-repeat:no-repeat; background-position:center center; background-size:cover; transition:transform 0.7s} #mClinicM2 ul li a {display:block; width:100%; height:100%; color:#4b4b4b; box-sizing:border-box; padding-left:40px; padding-top:70px; position:relative; z-index:10;} #mClinicM2 ul li h2 {font-size:1.7em; font-weight:500;letter-spacing:-0.18rem;color:#111} #mClinicM2 ul li .t1 {font-size:1.05em; opacity:1; line-height:1.6em; margin:15px 0 40px;color:#333} #mClinicM2 ul li .t2 {display:inline-block; font-size:2.6em; letter-spacing:0; font-weight:600; opacity:0.3; font-family: 'Barlow Condensed', sans-serif; border-top:1px solid #4b4b4b; padding:0 5px} #mClinicM2 ul li a.fc-wh .t2 {border-color:#fff;} #mClinicM2 ul li:nth-child(2) a {} #mClinicM2 ul li:nth-child(1):before {background-image:linear-gradient( rgba(0, 0, 0, 0.0), rgba(0, 0, 0, 0.0) ),url(/images/mk1.jpg);background-position:20% 50%} #mClinicM2 ul li:nth-child(2):before {background-image:url(/images/mk2.jpg);background-position:0% 50%} #mClinicM2 ul li:nth-child(3):before {background-image:url(/images/mk3.jpg);background-position:0% 50%} #mClinicM2 ul li:nth-child(4):before {background-image:url(/images/mk4.jpg);background-position:0% 50%} #mClinicM2 ul li:nth-child(5):before {background-image:url(/images/mk5.jpg);background-position:0% 50%} #mClinicM2 ul li:nth-child(6):before {background-image:url(/images/mk6.jpg);background-position:0% 50%} #mClinicM2 ul li:hover:before {transform:scale(1.05, 1.05)} @media screen and (max-width:1399px){ #mClinicM2 ul li {height:450px;} #mClinicM2 ul li a {padding-left:6%; padding-top:40px;} #mClinicM2 ul li:nth-child(2) a {padding-top:190px} } @media screen and (max-width:976px){ #mClinicM2 {margin-top:0; margin-bottom:10%;padding:0 0} #mClinicM2 .mTit {position:absolute; left:0; top:0; width:50%; height:50%; background:#f7f7f7; padding:21vh 2% 0} #mClinicM2 ul {margin-top:6%} #mClinicM2 ul li {float:right; width:50%; height:400px;} #mClinicM2 ul li:nth-child(2) {clear:both;} #mClinicM2 ul li h2 {font-size:2.4em; font-weight:500;letter-spacing:-0.18rem;color:#111} #mClinicM2 ul li .t1 {font-size:1.45em; opacity:1; line-height:1.6em; margin:15px 0 40px;color:#333;letter-spacing:-0.08rem} #mClinicM2 ul li .t2 {display:inline-block; font-size:2.6em; letter-spacing:0; font-weight:600; opacity:0.3; font-family: 'Barlow Condensed', sans-serif; border-top:1px solid #4b4b4b; padding:0 5px} } @media screen and (max-width:550px){ #mClinicM2 .m_tit h3{color: #548381; font-size:2.2rem;font-weight:400;letter-spacing:-0.1em} #mClinicM2 .m_tit p{padding-top:7%} #mClinicM2 ul li {float:none; width:100%; height:auto;} #mClinicM2 ul li a {padding:12% 6% 16%} #mClinicM2 ul li:nth-child(2) a {padding-top:15%} } #mClinic2 { position: relative; overflow: hidden; padding: 3% 5% 1%; } #mClinic2 .m_tit h3{color: #548381; font-size:2.4rem;font-weight:400;letter-spacing:-0.1em} #mClinic2 .m_tit h3 span{color: #548381;letter-spacing:-0.18rem} #mClinic2 ul { float: left; width: 100%; overflow: hidden; } #mClinic2 ul li { float: left; margin: 0 0 20px 20px; max-width: calc(33.333% - 30px); vertical-align: top;} #mClinic2 ul li img { max-width: 100%; } #mClinic2 ul li dl { padding: 1.5em 0; } #mClinic2 ul li dl dt { color:#353535; font-weight: 500; font-size: 1.2em; margin-bottom: 0.3em; } #mClinic2 ul li dl dd { color:#888; font-size: 0.925em; } @media all and (max-width:976px){ #mClinic2 .mtit { width: 100%; padding-left:0; } #mClinic2 ul { width: 100%; } #mClinic2 ul li { max-width: calc(50% - 10px); margin: 20px 0 0 20px; } #mClinic2 ul li:nth-child(odd) { margin-left:0; } } @media all and (max-width:640px){ #mClinic2 .mtit {padding: 0 0 3%;text-align:center;} #mClinic2 ul li { max-width: calc(50% - 5px); margin: 20px 0 0 10px; } #mClinic2 ul li dl dt { font-size: 1.7em; } #mClinic2 ul li dl dd { font-size: 1.0em; } } @media all and (max-width:480px){ #mClinic2 { padding:0 5% 10%; } #mClinic2 ul li { max-width: 100%; margin: 0; } } #mMedia { position: relative; overflow: hidden; background: #fafafa; padding: 8% 0; } #mMedia::after { content:'MEDIA'; font-size: 10.5vw; color:#19ccd4; font-family: 'Poppins'; font-weight: 900; position: absolute; right:0; bottom:-0.15em; line-height: 1.0em; } #mMedia .vod { float: left; width: 64%; height: 504px; } #mMedia .vod .vodCover { position: absolute; left:0; top:0; z-index:10; width: 100%; height: 100%; cursor: pointer; box-sizing: border-box; background: url("/images/main/vod1.png") no-repeat center; background-size: cover; } #mMedia .vod .vodPlay { position: absolute; left:0; top:0; width: 100%; height: 100%; overflow: hidden; } #mMedia .mtit { float: right; width:36%; padding: 3% 5% 0 7%; } @media all and (max-width:1480px){ #mMedia .vod { height: 35vw; } } @media all and (max-width:767px){ #mMedia { } #mMedia::after { bottom: inherit; top: 18vw; font-size: 15vw; } #mMedia .mtit { width:50%; padding: 0; float: left; } /* #mMedia .mtit br { display: none; } */ #mMedia .vod { width: 100%; height: 50vw; margin-top: 5%; } } @media all and (max-width:480px){ #mMedia .mtit { width:70%; position: relative; z-index:10; } #mMedia::after { top: 25vw; font-size: 17vw; } } /* sec3 */ .sec3{background: linear-gradient( rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5) ),url(/image/mv4.jpg) no-repeat center center / cover; padding: 60px 0 70px;} .sec3 .inner{} .sec3 .inner .m_tit h3{color: #fff; font-size:2.2rem;font-weight:300;font-family:'Montserrat', 'GowunBatang',sans-serif;letter-spacing:-0.05em} .sec3 .inner .m_tit h3 span{color: #fc8800;font-family:'Montserrat', 'GowunBatang',sans-serif;letter-spacing:-0.05em} .sec3 .inner .m_tit p{color: #fff;font-family:'Montserrat', 'S Dream',sans-serif;letter-spacing:-0.03em;margin-top:15px;} .sec3 .inner .list{margin-top:45px; display: flex; justify-content: center; gap:0 10px;} .sec3 .inner .list li{text-align: center;} .sec3 .inner .list li .img{width:200px;} .sec3 .inner .list li .img img{max-width: 100%;} .sec3 .inner .list li p{font-size:1.4rem;font-weight:300; color: #fff; line-height: 1.6em; margin-top: 10px; word-break:keep-all;font-family:'Montserrat', 'GowunBatang',sans-serif } .sec3 .inner .list li p b{word-break:keep-all; } @media all and (max-width:1400px){ .sec3 .inner .list{margin-top: 55px; gap:0 40px;} .sec3 .inner .list li p{max-width: 280px; font-size: var(--fz18); margin-left: auto; margin-right: auto;} .sec3 .inner .list li p br{display: none;} } @media all and (max-width:1280px){ .sec3{padding: 90px 0 80px;} .sec3 .inner .m_tit h3{font-size: var(--fz40);} } @media all and (max-width:976px){ .sec3{padding: 70px 0 60px;} .sec3 .inner .list{flex-wrap: wrap; gap:40px 20px; margin-top: 40px;} .sec3 .inner .list li{width: calc(100% / 2 - 20px / 2);} .sec3 .inner .list li p{margin-top: 15px;} .sec3 .inner .list li .img{max-width: 36vw; margin: 0 auto;} } /* sec3 */ .sec3sub{background: linear-gradient( rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.7) ),url(/images/st0-3.jpg) no-repeat center center / cover; padding:50px 0 50px;} .sec3sub .inner{} .sec3sub .inner .m_tit h3{color: #fff; font-size:1.6rem;font-family:'Montserrat', 'GowunBatang',sans-serif} .sec3sub .inner .m_tit h3 span{color: #fc8800;font-family:'Montserrat', 'GowunBatang',sans-serif} .sec3sub .inner .m_tit p{color: #fff;} .sec3sub .inner .m_tit img{max-width:1200px;} .sec3sub .inner .list{margin-top: 35px; display: flex; justify-content: center; gap:0 50px;} .sec3sub .inner .list li{text-align: center;} .sec3sub .inner .list li .img{width:150px;} .sec3sub .inner .list li .img img{max-width: 100%;} .sec3sub .inner .list li p{font-size:1.4rem;font-weight:600; color: #fff; line-height: 1.6em; margin-top: 10px; word-break:keep-all; } .sec3sub .inner .list li p b{word-break:keep-all; } @media all and (max-width:1400px){ .sec3sub .inner .list{margin-top: 55px; gap:0 40px;} .sec3sub .inner .list li p{max-width: 280px; font-size: var(--fz18); margin-left: auto; margin-right: auto;} .sec3sub .inner .list li p br{display: none;} } @media all and (max-width:1280px){ .sec3sub{padding: 90px 0 80px;} .sec3sub .inner .m_tit h3{font-size: var(--fz40);} } @media all and (max-width:976px){ .sec3sub{padding: 70px 0 60px;} .sec3sub .inner .list{flex-wrap: wrap; gap:40px 20px; margin-top: 40px;} .sec3sub .inner .list li{width: calc(100% / 2 - 20px / 2);} .sec3sub .inner .list li p{margin-top: 15px;} .sec3sub .inner .list li .img{max-width: 36vw; margin: 0 auto;} } /* sec3main */ .sec3main{padding:3% 0 0;} .sec3main .inner{} .sec3main .inner .m_tit h3{color: #fff; font-size:2.2rem;font-weight:300;font-family:'Jost','S Dream',sans-serif;letter-spacing:-0.05em} .sec3main .inner .m_tit h3 span{color: #fc8800;font-family:'Jost','S Dream',sans-serif;letter-spacing:-0.05em} .sec3main .inner .m_tit p{color: #fff;font-family:'Montserrat', 'S Dream',sans-serif;letter-spacing:-0.03em;margin-top:15px;} .sec3main .inner .list{margin-top:0px; display: flex; justify-content: center; gap:0 20px;} .sec3main .inner .list li{text-align: center;} .sec3main .inner .list li .img{width:210px;} .sec3main .inner .list li .img img{max-width: 100%;} .sec3main .inner .list li p{font-size:1.1rem;font-weight:400; color: #fff; line-height: 1.1em; margin-top: 5px; word-break:keep-all;font-family:'Jost','S Dream',sans-serif; } .sec3main .inner .list li p b{word-break:keep-all; } @media all and (max-width:1400px){ .sec3main .inner .list{margin-top: 55px; gap:0 40px;} .sec3main .inner .list li p{max-width: 280px; font-size: var(--fz18); margin-left: auto; margin-right: auto;} .sec3main .inner .list li p br{display: none;} } @media all and (max-width:1280px){ .sec3main{padding: 90px 0 80px;} .sec3main .inner .m_tit h3{font-size: var(--fz40);} } @media all and (max-width:976px){ .sec3main{padding: 70px 0 60px;} .sec3main .inner .list{flex-wrap: wrap; gap:40px 20px; margin-top: 40px;} .sec3main .inner .list li{width: calc(100% / 2 - 20px / 2);} .sec3main .inner .list li p{margin-top: 15px;} .sec3main .inner .list li .img{max-width: 36vw; margin: 0 auto;} } #mCase100 { position: relative; padding: 3.85% 0; color:#fff; text-align: center; background: linear-gradient( rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5) ),url("/images/p2_bg.jpg") no-repeat center; background-size: cover; } #mCase100 .t1 { font-size: 1.35em;font-family:'Montserrat', 'S Dream',sans-serif} #mCase100 .t2 { font-size: 1.925em; font-weight: 100; margin-top: 1em; letter-spacing: -0.06em; line-height: 1.25em;font-family:'Montserrat', 'S Dream',sans-serif} #mCase100 .t3 { font-size: 1.125em; margin-top: 0.7em; } #mCase100 .t4 {font-size: 1.325em; margin-top: 1.3em;font-family:'Montserrat', 'S Dream',sans-serif} #mCase100 .num { font-size: 1.375em; color:#00fff0; } #mCase100 .num span { font-size: 5.36em; font-family: 'EliceDigitalBaeum'; font-weight: 600; letter-spacing: -0.08em; margin-right: 0.15em; line-height: 1.0em; animation: .75s opacity infinite;} #mCase100 .btn { padding:0.5em 2em 1.8em; margin-top:1em; display:inline-block; border:1px solid #1acfd7; position: relative; } #mCase100 .btn span { font-size:1.1em; color:#1acfd7; position: relative; z-index: 10;font-family:'Montserrat', 'S Dream',sans-serif} #mCase100 .btn:before {content: ""; display: block; width: 0; height: 100%; background: #1acfd7; position: absolute; top: 0; left: 0; transition: all 0.5s; } #mCase100 .btn:hover span { color:#222} #mCase100 .btn:hover::before {width:100%;} @media all and (max-width:976px){ #mCase100 { padding: 18vw 5%; background-position: left center; } } @media all and (max-width:767px){ #mCase100 { padding: 20vw 3%; } #mCase100 .num span { font-size: 5em; } #mCase100 .t2 { font-size: 1.8em; } #mCase100 .btn { padding:0.5em 2em 2.8em; margin-top:1em; display:inline-block; border:0px solid #1acfd7; position: relative; } #mCase100 .btn span { font-size:1.1em; color:#1acfd7; position: relative; z-index: 10;font-family:'Montserrat', 'S Dream',sans-serif} #mCase100 .btn:before {content: ""; display: block; width: 0; height: 100%; background: #1acfd7; position: absolute; top: 0; left: 0; transition: all 0.5s; } #mCase100 .btn:hover span { color:#222} #mCase100 .btn:hover::before {width:300px;} } @media all and (max-width:480px){ #mCase100 { padding: 10vw 5%; } #mCase100 .num span { font-size: 4em; } #mCase100 .t2 span { display: block; } } /* sec4main */ .sec4main{padding:2% 0 0;} .sec4main .s-inner2{} .sec4main .s-inner2 .m_tit h3{color: #fff; font-size:2.2rem;font-weight:300;font-family:'Jost','S Dream',sans-serif;letter-spacing:-0.05em} .sec4main .s-inner2 .m_tit h3 span{color: #fc8800;font-family:'Jost','S Dream',sans-serif;letter-spacing:-0.05em} .sec4main .s-inner2 .m_tit p{color: #fff;font-family:'Montserrat', 'S Dream',sans-serif;letter-spacing:-0.03em;margin-top:15px;} .sec4main .s-inner2 .list{margin-top:0px; display: flex; justify-content: center; gap:0 0;} .sec4main .s-inner2 .list li{text-align: center;padding-bottom:50px} .sec4main .s-inner2 .list li .img{width:580px;} .sec4main .s-inner2 .list li .img img{max-width: 100%;} .sec4main .s-inner2 .list li p{font-size:1.1rem;font-weight:400; color: #fff; line-height: 1.1em; margin-top: 5px; word-break:keep-all;font-family:'Jost','S Dream',sans-serif; } .sec4main .s-inner2 .list li p b{word-break:keep-all; } @media all and (max-width:1400px){ .sec4main .s-inner2 .list{margin-top: 55px; gap:0 40px;} .sec4main .s-inner2 .list li p{max-width: 280px; font-size:1.4em; margin-left: auto; margin-right: auto;} .sec4main .s-inner2 .list li p br{display: none;} } @media all and (max-width:1280px){ .sec4main{padding: 90px 0 80px;} .sec4main .s-inner2 .m_tit h3{font-size:2em} } @media all and (max-width:976px){ .sec4main{padding: 30px 0 30px;} .sec4main .s-inner2 .list{flex-wrap: wrap; gap:0px 20px; margin-top: 0px;} .sec4main .s-inner2 .list li{width: calc(100% / 1 - 20px / 1);padding-bottom:20px} .sec4main .s-inner2 .list li p{margin-top: 5px;} .sec4main .s-inner2 .list li .img{max-width: 100%; margin: 0 auto;} } /* sec5main */ .sec5main{padding:4% 0 0;} .sec5main .inner{width:1800px} .sec5main .inner .m_tit h3{color: #fff; font-size:2.2rem;font-weight:300;font-family:'Jost','S Dream',sans-serif;letter-spacing:-0.05em} .sec5main .inner .m_tit h3 span{color: #fc8800;font-family:'Jost','S Dream',sans-serif;letter-spacing:-0.05em} .sec5main .inner .m_tit p{color: #fff;font-family:'Montserrat', 'S Dream',sans-serif;letter-spacing:-0.03em;margin-top:15px;} .sec5main .inner .list{margin-top:0px; display: flex; justify-content: center; gap:0 30px;} .sec5main .inner .list li{text-align: center;padding-bottom:50px} .sec5main .inner .list li .img{width:340px;} .sec5main .inner .list li .img img{max-width: 100%;} .sec5main .inner .list li p{font-size:1.1rem;font-weight:400; color: #fff; line-height: 1.1em; margin-top: 5px; word-break:keep-all;font-family:'Jost','S Dream',sans-serif; } .sec5main .inner .list li p b{word-break:keep-all; } @media all and (max-width:1400px){ .sec5main .inner .list{margin-top: 55px; gap:0 15px 0 15px;} .sec5main .inner .list li p{max-width: 320px; font-size: var(--fz18); margin-left: auto; margin-right: auto;} .sec5main .inner .list li p br{display: none;} .sec5main .inner .list li .img{width:380px;} } @media all and (max-width:1280px){ .sec5main{padding: 90px 0 80px;} .sec5main .inner .m_tit h3{font-size: var(--fz40);} } @media all and (max-width:976px){ .sec5main{padding: 70px 0 60px;} .sec5main .inner .list{flex-wrap: wrap; gap:40px 20px; margin-top: 40px;} .sec5main .inner .list li{width: calc(100% / 2 - 20px / 2);} .sec5main .inner .list li p{margin-top: 15px;} .sec5main .inner .list li .img{max-width: 36vw; margin: 0 auto;} } /* sec6main */ .sec6main{padding:3% 0 0;} .sec6main .inner{max-width:1800px} .sec6main .inner .m_tit h3{color: #fff; font-size:2.2rem;font-weight:300;font-family:'Jost','S Dream',sans-serif;letter-spacing:-0.05em} .sec6main .inner .m_tit h3 span{color: #fc8800;font-family:'Jost','S Dream',sans-serif;letter-spacing:-0.05em} .sec6main .inner .m_tit p{color: #fff;font-family:'Montserrat', 'S Dream',sans-serif;letter-spacing:-0.03em;margin-top:15px;} .sec6main .inner .list{margin-top:0px; display: flex; justify-content: center; gap:0 25px;} .sec6main .inner .list li{ text-align: center;padding:20px;background:#fff; -webkit-box-shadow: 0 14px 28px rgba(0, 0, 0, 0.25), 0 10px 10px rgba(0, 0, 0, 0.17); -moz-box-shadow: 0 14px 28px rgba(0, 0, 0, 0.25), 0 10px 10px rgba(0, 0, 0, 0.17); -ms-box-shadow: 0 14px 28px rgba(0, 0, 0, 0.25), 0 10px 10px rgba(0, 0, 0, 0.17); -o-box-shadow: 0 14px 28px rgba(0, 0, 0, 0.25), 0 10px 10px rgba(0, 0, 0, 0.17); box-shadow: 0 14px 28px rgba(0, 0, 0, 0.25), 0 10px 10px rgba(0, 0, 0, 0.17); } .sec6main .inner .list li .img{width:150px;height:220px;} .sec6main .inner .list li .img img{max-width: 100%;} .sec6main .inner .list li p{font-size:1.1rem;font-weight:400; color: #fff; line-height: 1.1em; margin-top: 5px; word-break:keep-all;font-family:'Jost','S Dream',sans-serif; } .sec6main .inner .list li p b{word-break:keep-all; } @media all and (max-width:1400px){ .sec6main .inner .list{margin-top: 55px; gap:0 40px;} .sec6main .inner .list li p{max-width: 280px; font-size: var(--fz18); margin-left: auto; margin-right: auto;} .sec6main .inner .list li p br{display: none;} } @media all and (max-width:1280px){ .sec6main{padding: 90px 0 80px;} .sec6main .inner .m_tit h3{font-size: var(--fz40);} } @media all and (max-width:976px){ .sec6main{padding: 70px 0 60px;} .sec6main .inner .list{flex-wrap: wrap; gap:40px 20px; margin-top: 40px;} .sec6main .inner .list li{width: calc(100% / 2 - 20px / 2);} .sec6main .inner .list li p{margin-top: 15px;} .sec6main .inner .list li .img{max-width: 36vw; margin: 0 auto;} } /* secdoc */ .secdoc{padding:3% 0 0;} .secdoc .inner{width:1800px} .secdoc .inner .m_tit h3{color: #fff; font-size:2.2rem;font-weight:300;font-family:'Jost','S Dream',sans-serif;letter-spacing:-0.05em} .secdoc .inner .m_tit h3 span{color: #fc8800;font-family:'Jost','S Dream',sans-serif;letter-spacing:-0.05em} .secdoc .inner .m_tit p{color: #fff;font-family:'Montserrat', 'S Dream',sans-serif;letter-spacing:-0.03em;margin-top:15px;} .secdoc .inner .list{margin-top:0px; display: flex; justify-content: center; gap:0 30px;} .secdoc .inner .list li{text-align: center;padding-bottom:50px} .secdoc .inner .list li .img{width:450px;} .secdoc .inner .list li .img img{max-width: 100%;} .secdoc .inner .list li p{font-size:1.1rem;font-weight:400; color: #fff; line-height: 1.1em; margin-top: 5px; word-break:keep-all;font-family:'Jost','S Dream',sans-serif; } .secdoc .inner .list li p b{word-break:keep-all; } @media all and (max-width:1400px){ .secdoc .inner .list{margin-top: 55px; gap:0 40px;} .secdoc .inner .list li p{max-width: 280px; font-size: var(--fz18); margin-left: auto; margin-right: auto;} .secdoc .inner .list li p br{display: none;} } @media all and (max-width:1280px){ .secdoc{padding: 90px 0 80px;} .secdoc .inner .m_tit h3{font-size: var(--fz40);} } @media all and (max-width:976px){ .secdoc{padding: 70px 0 60px;} .secdoc .inner .list{flex-wrap: wrap; gap:40px 20px; margin-top: 40px;} .secdoc .inner .list li{width: calc(100% / 2 - 20px / 2);} .secdoc .inner .list li p{margin-top: 15px;} .secdoc .inner .list li .img{max-width: 36vw; margin: 0 auto;} } /* tera1 */ .tera1sub{background: linear-gradient( rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5) ),url(/image/mv4.jpg) no-repeat center center / cover; padding:7% 0;} .tera1sub .inner{} .tera1sub .inner .m_tit h3{color: #fff; font-size:1.7rem;font-weight:300;font-family:'Montserrat', 'GowunBatang',sans-serif} .tera1sub .inner .m_tit h3 span{color: #fc8800;font-size:2.3rem;font-family:'Montserrat', 'GowunBatang',sans-serif;font-weight:600} .tera1sub .inner .m_tit p{color: #fff;} .tera1sub .inner .list{margin-top: 35px; display: flex; justify-content: center; gap:0 50px;} .tera1sub .inner .list li{text-align: center;} .tera1sub .inner .list li .img{width:150px;} .tera1sub .inner .list li .img img{max-width: 100%;} .tera1sub .inner .list li p{font-size:1.4rem;font-weight:600; color: #fff; line-height: 1.6em; margin-top: 10px; word-break:keep-all; } .tera1sub .inner .list li p b{word-break:keep-all; } @media all and (max-width:1400px){ .tera1sub .inner .list{margin-top: 55px; gap:0 40px;} .tera1sub .inner .list li p{max-width: 280px; font-size: var(--fz18); margin-left: auto; margin-right: auto;} .tera1sub .inner .list li p br{display: none;} } @media all and (max-width:1280px){ .tera1sub{padding: 90px 0 80px;} .tera1sub .inner .m_tit h3{font-size: var(--fz40);} } @media all and (max-width:976px){ .tera1sub{padding: 70px 0 60px;} .tera1sub .inner .list{flex-wrap: wrap; gap:40px 20px; margin-top: 40px;} .tera1sub .inner .list li{width: calc(100% / 2 - 20px / 2);} .tera1sub .inner .list li p{margin-top: 15px;} .tera1sub .inner .list li .img{max-width: 36vw; margin: 0 auto;} } #mImplant { position: relative; overflow: hidden; padding: 6% 0 1%; } #mImplant::after { content:'AMAR CLINIC'; font-size: 10.5vw; color:#f7f7f7; font-family: 'Poppins'; font-weight: 900; position: absolute; left:0; top:29vw; line-height: 1.0em; z-index:-1; } #mImplant .mtit { float: left; width: 40%; padding: 1% 4% 0 0; } #mImplant .img { float: left; width: 60%; } #mImplant .img img { max-width: 100%; } #mImplant .pointList { padding: 5% 0; } @media all and (max-width:767px){ #mImplant .mtit { width: 100%; margin-bottom: 3em; } #mImplant .img { width: 100%; } #mImplant::after { font-size: 15vw; left: inherit; right:0; } } @media all and (max-width:568px){ #mImplant::after { top: 35vw; } } @media all and (max-width:480px){ #mImplant::after { top: 45vw; font-size: 17vw; } } .pointList { position: relative; width: 100%; overflow: hidden; display: table; table-layout: fixed; } .pointList li { counter-increment: number; display: table-cell; } .pointList li:before {color:#09c8bd; font-size: 0.93em; font-weight: 700; font-family: 'Poppins'; letter-spacing: 0.1em; margin-bottom: 1em; display: block; } .pointList li h3 {font-size: 1.2rem; line-height: 2.5em; padding: 0 1.5em; display: inline-block; background: #094d93; color:#fff;font-weight:500;width:90%; border-radius: 3em; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; max-width: 100%;margin-bottom:0.5em;font-family:'Montserrat', 'S Dream',sans-serif} .pointList li p { font-size: 1.05em; font-weight:400; color:#333; line-height: 1.55em; padding: 1.2em 0.8em; border-left: 1px solid #cef4f2; font-family:'Montserrat', 'S Dream',sans-serif } @media all and (max-width:976px){ .pointList li p { font-size: 1.4em; } } @media all and (max-width:767px){ .pointList { display: block; } .pointList li { display: block; float: left; width: 50%; margin: 1em 0; } .pointList li p { font-size: 1.625em; text-align: center; } } @media all and (max-width:568px){ .pointList li p { font-size: 1.35em; } } @media all and (max-width:480px){ .pointList li p { font-size: 1.2em; } } .tit1 { color:#9fc5c2; font-weight: 500; margin-bottom: 1.3em; } .tit1 span { display: inline-block; border-bottom: 1px solid #9fc5c2; padding-bottom: 0.2em; } .caseBnA { position: relative; overflow: hidden; } .bna { position: relative; overflow: hidden; margin-top: 50px; } .bna:first-child { margin-top:0; } .bna::after { content:''; width: 10%; height: 100%; background: url("/images/main/arrow.png") no-repeat center; position: absolute; left: 45%; } .bna > div { position: relative; width: 45%; float: left; } .bna > div.after { float: right; } .bna > div img { max-width: 100%; height: auto; } .bna > div .label { position: absolute; left: 10px; top: 10px; width: 70px; height: 70px; line-height: 1.3em; font-size: 0.93em; background: #09c8bd; color:#fff; text-align: center; display: table; z-index:10; } .bna > div .label span { display: table-cell; vertical-align: middle; } .bna > div .cover { background: rgba(255,255,255,0.8); position: absolute; left:0; top:-5%; width: 100%; height: 110%; text-align: center; display: table; } .bna > div .cover .in { display: table-cell; vertical-align: middle; } .bna > div .cover .in p { color:#212121; font-size: 1.125em; } .bna > div .cover .in a { display: inline-block; font-size: 0.93em; color:#fff; background: #4b4b4b; padding: 0.3em 2.8em; margin-top: 1em; } @media all and (max-width:976px){ .bna::after { width: 6%; left: 47%; background-size: 80% auto; } .bna > div { width: 47%; } .bna > div .label { width: 60px; height: 60px; } } @media all and (max-width:767px){ .bna > div .label { width: 50px; height: 50px; left: 7px; top: 7px; } } @media all and (max-width:640px){ .caseBnA { border: 1px dashed #e5e5e5; padding: 5%; } .bna::after { display: none; } .bna > div { width: 100%; } } @media all and (max-width:480px){ .bna > div .label { width: 45px; height: 45px; left: 5px; top: 5px; font-size: 0.8em; } } @keyframes opacity { 0% { opacity: 0.4; } 50% { opacity: 1; } 100% { opacity: 0.4; } } #mCase { position: relative; padding: 3.85% 0; color:#fff; text-align: center; background: linear-gradient( rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5) ),url("/images/p2_bg.jpg") no-repeat center; background-size: cover; } #mCase .t1 { font-size: 1.35em;font-family:'Montserrat', 'GowunBatang',sans-serif} #mCase .t2 { font-size: 1.925em; font-weight: 100; margin-top: 1em; letter-spacing: -0.06em; line-height: 1.25em;font-family:'Montserrat', 'GowunBatang',sans-serif} #mCase .t3 { font-size: 1.125em; margin-top: 0.7em; } #mCase .t4 {font-size: 1.325em; margin-top: 1.3em;font-family:'Montserrat', 'GowunBatang',sans-serif} #mCase .num { font-size: 1.375em; color:#00fff0; } #mCase .num span { font-size: 5.36em; font-family: 'EliceDigitalBaeum'; font-weight: 600; letter-spacing: -0.08em; margin-right: 0.15em; line-height: 1.0em; animation: .75s opacity infinite;} #mCase .btn { padding:0.5em 2em 1.8em; margin-top:1em; display:inline-block; border:1px solid #1acfd7; position: relative; } #mCase .btn span { font-size:1.1em; color:#1acfd7; position: relative; z-index: 10;font-family:'Montserrat', 'GowunBatang',sans-serif} #mCase .btn:before {content: ""; display: block; width: 0; height: 100%; background: #1acfd7; position: absolute; top: 0; left: 0; transition: all 0.5s; } #mCase .btn:hover span { color:#222} #mCase .btn:hover::before {width:100%;} @media all and (max-width:976px){ #mCase { padding: 18vw 5%; background-position: left center; } } @media all and (max-width:767px){ #mCase { padding: 20vw 5%; } #mCase .num span { font-size: 5em; } #mCase .t2 { font-size: 1.8em; } } @media all and (max-width:480px){ #mCase { padding: 20vw 7%; } #mCase .num span { font-size: 4em; } #mCase .t2 span { display: block; } } #mCase2 { position: relative; padding: 1.85% 0 3%; color:#fff; text-align: center; background: linear-gradient( rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.3) ),url("/images/p_bg.jpg") no-repeat center; background-size: cover; } #mCase2 .t1 { font-size: 1.35em;font-family:'Montserrat', 'GowunBatang',sans-serif} #mCase2 .t2 { font-size: 3.325em; font-weight: 100; margin-top: 1.3em; letter-spacing: -0.06em; line-height: 1.25em;font-family:'Montserrat', 'GowunBatang',sans-serif; /* background:rgba(26,155,161, 0.8);padding:2% 3% 2%;max-width:1000px;margin: 0 auto; position: relative;*/} #mCase2 .t3 { font-size: 1.425em; margin: 1.7em 0 0.1em;font-family:'Montserrat', 'GowunBatang',sans-serif } #mCase2 .t4 {font-size: 1.425em; margin-top: 0.1em 0; font-family:'Montserrat', 'GowunBatang',sans-serif } #mCase2 .num { font-size: 1.375em; color:#00fff0; } #mCase2 .num span { font-size: 6.36em; font-family: 'EliceDigitalBaeum'; font-weight: 600; letter-spacing: -0.08em; margin-right: 0.15em; line-height: 1.0em; animation: .75s opacity infinite;} #mCase2 .btn { padding:0.8em 2em 2.2em; margin-top:3em; display:inline-block; border:1px solid #00fff0; position: relative; } #mCase2 .btn span { font-size:1.3em; color:#00fff0; position: relative; z-index: 10;font-family:'Montserrat', 'GowunBatang',sans-serif} #mCase2 .btn:before {content: ""; display: block; width: 0; height: 100%; background: #00fff0; position: absolute; top: 0; left: 0; transition: all 0.5s; } #mCase2 .btn:hover span { color:#222} #mCase2 .btn:hover::before {width:100%;} @media all and (max-width:976px){ #mCase2 { padding: 18vw 5%; background-position: left center; } } @media all and (max-width:767px){ #mCase2 { padding: 20vw 5%; } #mCase2 .num span { font-size: 5em; } #mCase2 .t2 { font-size: 1.8em; } } @media all and (max-width:480px){ #mCase2 { padding: 20vw 7%; } #mCase2 .num span { font-size: 4em; } #mCase2 .t2 span { display: block; } } #mmove { position: relative; padding:0 0 4%; color:#fff; text-align: center; background: url("") no-repeat center; } #mmove .t1 { font-size: 1.35em; } #mmove .t2 { font-size: 2.125em; font-weight: 100; margin-top: 1.7em; letter-spacing: -0.06em; line-height: 1.25em; } #mmove .t3 { font-size: 1.125em; margin-top: 0.7em; } #mmove .t4 {font-size: 1.073em; margin-top: 1.3em; opacity:.7 } #mmove .num { font-size: 1.375em; color:#00fff0; } #mmove .num span { font-size: 6.36em; font-family: 'EliceDigitalBaeum'; font-weight: 500; letter-spacing: -0.08em; margin-right: 0.15em; line-height: 1.0em; animation: .75s opacity infinite;} #mmove .btn { padding:0.8em 2em 2.2em; margin-top:3em; display:inline-block; border:1px solid #212121; position: relative; } #mmove .btn span { font-size:1.2em; color:#212121; position: relative;z-index: 10;font-family:'Montserrat', 'S Dream',sans-serif;font-weight:600;letter-spacing:-0.05em} #mmove .btn:before {content: ""; display: block; width: 0; height: 100%; background: #1f56a6; position: absolute; top: 0; left: 0; transition: all 0.1s; } #mmove .btn:hover span { color:#fff} #mmove .btn:hover::before {width:100%;} @media all and (max-width:1280px){ #mmove { padding:0 0 8%;margin-top:-5%} } @media all and (max-width:976px){ #mmove { padding:0 0 8%; background-position: left center; } } @media all and (max-width:767px){ #mmove { padding:0 0;margin:-10% 0 4% } #mmove .num span { font-size: 5em; } #mmove .t2 { font-size: 1.8em; } #mmove .btn { padding:1em 1.5em 1em; margin-top:1em; display:inline-block; border:1px solid #212121; position: relative; } } @media all and (max-width:480px){ #mmove { padding:4% 0 6%;} #mmove .num span { font-size: 4em; } #mmove .t2 span { display: block; } } #mmove2 { position: relative; padding:0 0 4%; color:#fff; text-align: center; background: url("") no-repeat center; } #mmove2 .t1 { font-size: 1.35em; } #mmove2 .t2 { font-size: 2.125em; font-weight: 100; margin-top: 1.7em; letter-spacing: -0.06em; line-height: 1.25em; } #mmove2 .t3 { font-size: 1.125em; margin-top: 0.7em; } #mmove2 .t4 {font-size: 1.073em; margin-top: 1.3em; opacity:.7 } #mmove2 .num { font-size: 1.375em; color:#00fff0; } #mmove2 .num span { font-size: 6.36em; font-family: 'EliceDigitalBaeum'; font-weight: 500; letter-spacing: -0.08em; margin-right: 0.15em; line-height: 1.0em; animation: .75s opacity infinite;} #mmove2 .btn { padding:0.8em 2em 2.2em; margin-top:3em; display:inline-block; border:1px solid #fff; position: relative; } #mmove2 .btn span { font-size:1.2em; color:#fff; position: relative;z-index: 10;font-family:'Montserrat', 'S Dream',sans-serif;font-weight:600;letter-spacing:-0.05em} #mmove2 .btn:before {content: ""; display: block; width: 0; height: 100%; background: #1f56a6; position: absolute; top: 0; left: 0; transition: all 0.1s; } #mmove2 .btn:hover span { color:#fff} #mmove2 .btn:hover::before {width:100%;} @media all and (max-width:1280px){ #mmove2 { padding:0 0 8%;margin-top:-5%} } @media all and (max-width:976px){ #mmove2 { padding:0 0 8%; background-position: left center; } } @media all and (max-width:767px){ #mmove2 { padding:0 0;margin:-10% 0 4% } #mmove2 .num span { font-size: 5em; } #mmove2 .t2 { font-size: 1.8em; } #mmove2 .btn { padding:1em 1.5em 1em; margin-top:1em; display:inline-block; border:1px solid #fff; position: relative; } } @media all and (max-width:480px){ #mmove2 { padding:4% 0 2%;} #mmove2 .num span { font-size: 4em; } #mmove2 .t2 span { display: block; } } #mSpecial { position: relative; overflow: hidden; padding: 6% 0 3%; } #mSpecial::after { content:'SPECIAL'; font-size: 10.5vw; color:#f7f7f7; font-family: 'Poppins'; font-weight: 900; position: absolute; right:0; top:-0.1em; line-height: 1.0em; z-index:-1; } #mSpecial .BGimg img { position: absolute; } #mSpecial .BGimg img.img1 { left:0; top:8%; max-width: 60%; } #mSpecial .BGimg img.img2 { right:5%; bottom:-2%; max-width: 30%; z-index:2; } #mSpecial .contBox { max-width: 70%; background: #fff; padding: 3%; margin-top: 8%; z-index:1; } #mSpecial ul.checkList {} #mSpecial ul.checkList li { width: 50%; float: left; margin: 1em 0; font-weight: 500; color:#212121; } @media all and (max-width:1080px){ #mSpecial .BGimg img.img1 { max-width: 65%; } #mSpecial .BGimg img.img2 { right:0; bottom: 7%; } #mSpecial ul.checkList li { width: 100%; margin: 0.4em 0; } } @media all and (max-width:767px){ #mSpecial::after { font-size: 15vw; top: inherit; bottom:7%; z-index:1; } #mSpecial .BGimg img.img1 { max-width: 95%; } #mSpecial .BGimg img.img2 { display: none; } #mSpecial .contBox { max-width: 100%; } #mSpecial ul.checkList { z-index:2; } #mSpecial ul.checkList li { padding-left: 35px; } #mSpecial ul.checkList li p { font-size: 1.2em; } } @media all and (max-width:480px){ #mSpecial::after { font-size: 17vw; } #mSpecial .BGimg img.img1 { max-width: 100%; } #mSpecial .contBox { padding: 5% 7%; margin-top: 8%; } #mSpecial ul.checkList li { background-size: 22px auto; padding-left: 30px; } #mSpecial ul.checkList li p { font-size: 1.125em; } } #mColumn { position: relative; padding: 5% 0; overflow: hidden; } #mColumn .mtit { float: left; width: 35%; padding-top: 1%; } #mColumn .columnSlide { position: absolute; right: -5vw; width: 67vw; overflow: hidden; } #mColumn .columnSlide .item { border: 1px solid #dedede; padding: 2.5vw 2vw; margin-left: 50px; } #mColumn .columnSlide .item dl dt { color:#212121; font-size: 1.375em; font-weight: 500; line-height: 1.35em; max-height: 2.7em; overflow: hidden; } #mColumn .columnSlide .item dl dd { color:#989898; margin: 2em 0 3em; line-height: 1.8em; max-height: 9em; overflow: hidden; } #mColumn .columnSlide .item .date { border-top: 1px solid #e5e5e5; padding-top: 2em; font-size:0.875em; color:#989898;} @media all and (max-width:1680px){ #mColumn .columnSlide { width: 70vw; } #mColumn .columnSlide .item { margin-left: 40px; } } @media all and (max-width:1480px){ #mColumn .columnSlide { width: 75vw; } } @media all and (max-width:1280px){ #mColumn .columnSlide { right: -15vw; width: 80vw; } #mColumn .columnSlide .item { margin-left: 30px; } } @media all and (max-width:1080px){ #mColumn .columnSlide .item dl dd { margin: 1em 0 2em; } } @media all and (max-width:767px){ #mColumn .mtit { clear: both; width: 100%; margin-bottom: 5%; } #mColumn .columnSlide { position: relative; width: 110%; margin-left: calc(5% - 20px); right:0; } #mColumn .columnSlide .item { margin-left: 20px; padding: 20px; } } @media all and (max-width:480px){ #mColumn .columnSlide { width: 120%; margin-left: calc(5% - 10px); } #mColumn .columnSlide .item { margin-left: 10px; padding: 20px 15px; } } /*mConsult r_cont */ #mConsult .r_cont{display: flex; gap:0 0;} #mConsult .r_cont li{} #mConsult .r_cont li a{border: 0px solid #4e5560; border-radius: 100%;} #mConsult .r_cont li a img{width:80%} #mConsult .r_cont { margin-bottom: 1em; } #mConsult .r_cont h3 { font-size: 0.8em; font-weight: 500; display: inline-block; margin:0.1em 0.3em;padding-top:10px} #mConsult .r_cont li a h3{font-size: 0.8em; font-weight: 500; display: inline-block; margin-right: 0.2em; color:#fff;padding-top:3px;} #mConsult .r_cont p { display: inline-block; font-size: 1.1em; } @media all and (max-width:1180px){ } @media all and (max-width:976px){ #mConsult .r_cont{justify-content: center; margin-top: 10px;} } @media all and (max-width:640px){ #mConsult .r_cont li a{padding: 2px 4px; font-size: 12px;} } #mConsult { position: fixed; background:rgba(42, 50, 68, 0.9); color:#fff; padding: 0.9% 0 0; overflow: hidden; bottom: 0; width: 100%; z-index: 99; } #mConsult .s-inner { display: flex; justify-content: space-between; } #mConsult .tit { margin-bottom: 1.2em; } #mConsult .tit h3 { font-size: 1.9em; font-weight: 500; display: inline-block; margin-right: 0.2em; margin-top: 8px;} #mConsult .tit p { display: inline-block; font-size: 1.1em; } #mConsult .consultForm input { border:0; outline: none; height: 40px; font-family:'Montserrat', 'S Dream',sans-serif; float: right; border-radius: 0px;} #mConsult .wr_input { float: left; overflow: hidden; width: 40%; padding-right: 3%; margin-top: 8px; } #mConsult .wr_input input { width: 33.33%; color:#fff; font-size: 1em; padding: 0 1em; box-sizing: border-box; background: none; border:1px solid rgba(255,255,255,0.4); border-left-width:0; font-weight: 500; float: left; border-radius: 0px;} #mConsult .wr_input input::placeholder { color:#fff; } #mConsult .wr_input input:first-child { border-left-width:1px;} #mConsult .wr_input input.wr_wide { width: 33.33%; } #mConsult .agree { float: left; font-size: 0.93em; padding: 0 1em; height: 60px; overflow: hidden; width:auto; } #mConsult .agree a { color:#fff; font-size: 0.8em; opacity: 0.8; margin-left: 0.1em; } #mConsult .btn_submit { background: #fff; color:#09c8bd; font-size: 1.25em; font-weight: 500; cursor: pointer; box-sizing: border-box; float: left; text-align: center; width: 18%; margin-top: 8px;} #mConsult #fwrite1 { width: 85%; } input[type=checkbox].css-checkbox { position:absolute; z-index:-1000; left:-1000px; overflow: hidden; clip: rect(0 0 0 0); height:1px; width:1px; margin:-1px; padding:0; border:0; } input[type=checkbox].css-checkbox + label.css-label { padding-left:40px; height:60px; display:inline-block; line-height:60px; background-repeat:no-repeat; background-position: left 15px; vertical-align:middle; cursor:pointer; } input[type=checkbox].css-checkbox:checked + label.css-label { background-image:url("/images/common/checkBox_on.png"); } label.css-label { background-image:url("/images/common/checkBox.png"); -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } @media all and (max-width:840px){ #mConsult .wr_input { width: 45%; } } @media all and (max-width:767px){ #mConsult { padding: 2% 0; } #mConsult .wr_input { width: 90%; float: right; padding-right: 0; } #mConsult .agree { width: 70%; padding-left: 10%; } #mConsult .btn_submit { width: 30%; height: 30px !important; margin-top: 12px; } } @media all and (max-width:480px){ #mConsult .tit h3 { font-size: 1.8em; } #mConsult .tit p { font-size: 0.9em; } /* #mConsult .consultForm input { height: 50px; } */ #mConsult .wr_input input.wr_wide { border-left-width: 1px; border-top-width:1px; } #mConsult .agree { width: 75%; padding-left: 5%; } #mConsult .wr_input { width: 94%; } #mConsult .btn_submit { width: 25%; font-size: 1em;} input[type=checkbox].css-checkbox + label.css-label { background-size: 13%; padding-left: 30px; line-height: 1.2; padding-top: 18px; } } #mContact { position: relative; width: 100%; margin-top: 8%; position:relative; z-index:1; } #mContact #map { width:80%; } .root_daum_roughmap .wrap_map {height: 780px !important; } #mContact .cont {padding:4em; width:90%; max-width:530px;background:#FFF; position:absolute; right:8%; top:8%; z-index:3; box-shadow:5px 5px 10px rgba(85,85,85,0.05)} #mContact .cont h3 { font-size: 2.5em; font-weight: 300; color:#13a89e; margin-bottom:0.5em; } #mContact .cont h4 { font-size: 1.125em; font-weight: 400; color:#13a89e; margin-bottom:0.8em; } #mContact .cont .location {position:relative; z-index:4;} #mContact .cont .location .locaBtn {padding:1em 2em; position:absolute; right:-100px; top:0; background:#13a89e; text-align:center} #mContact .cont .location .locaBtn:hover {background:#555} #mContact .cont .location .locaBtn .t1 {margin-top:0.5em; color:#FFF; line-height:1.2em} #mContact .cont .location .add {margin-bottom:0.5em; color:#222; font-size: 1.125em; font-weight:500 } #mContact .cont .st1 {font-size:1.0em;font-weight:300} #mContact .cont .cscenter {margin:2em 0; padding:2em 0; border-top:1px solid #e9e9e9; border-bottom:1px solid #e9e9e9} #mContact .cont .cscenter .tel { font-size: 1.813em; font-family: 'Jost', sans-serif; font-weight: 400; color:#222;} #mContact .cont .cscenter .tel a { color:#222; } #mContact .cont .cscenter .tel.mo { display: none; } #mContact .cont .hour { } #mContact .cont dl { width:100%; overflow: hidden; } #mContact .cont dl dt, #mContact .cont dl dd { float: left; margin: 0.1em 0; font-size:1.0em; font-family: 'Jost', 'Noto Sans KR', sans-serif; } #mContact .cont dl dt { width: 88px; } #mContact .cont dl dd { width: calc(100% - 88px); font-size:1.05em} #mContact .cont dl.ver2 dt { width:100% } #mContact .cont dl.ver3 dt { width: 185px; } #mContact .cont dl.ver3 dd { width: calc(100% - 185px);} .root_daum_roughmap .wrap_btn_zoom { display: none !important; } .root_daum_roughmap .wrap_controllers { display: none !important; } .map_border { display: none !important; } @media all and (max-width:1480px){ #mContact .cont {padding:3em; max-width:445px} #mContact .cont .cscenter {margin:1em 0; padding:1em 0; } .root_daum_roughmap .wrap_map {height: 660px !important; } #mContact .cont .location .locaBtn { right:-80px; } } @media all and (max-width:1280px){ .root_daum_roughmap .wrap_map {height: 620px !important; } #mContact .cont { max-width:400px} #mContact .cont .location .locaBtn { right:-60px; top: -60px } #mContact .cont dl.ver3 dt { width: 160px; } #mContact .cont dl.ver3 dd { width: calc(100% - 160px);} } @media all and (max-width:1130px){ #mContact .cont { max-width:375px} #mContact .cont dl.ver3 dd span { padding-right:5px !important;} } @media all and (max-width:976px){ .root_daum_roughmap .wrap_map {height: 480px !important; } #mContact #map { width:100%; } #mContact .cont {max-width:100%;position: inherit; top:-80px; right:unset; left:5%} #mContact .cont .location .locaBtn { right:0; top: 0 } #mContact .cont .location .locaBtn img {width:80%} #mContact .cont dl.ver3 dt { width: 150px; } #mContact .cont dl.ver3 dd { width: calc(100% - 150px);} } @media all and (max-width:767px){ .root_daum_roughmap .wrap_map {height: 380px !important; } #mContact .cont {top:-50px} #mContact .cont .location .locaBtn { right:-20px; top:-20px } #mContact .cont dl.ver3 dt { width: 140px; } #mContact .cont dl.ver3 dd { width: calc(100% - 140px);} } @media all and (max-width:480px){ #mContact .cont {padding: 2em;} #mContact .cont .location .locaBtn { right:-40px; top:-40px } } #mCsertification { padding:5em 0 7em; background:linear-gradient( rgba(0, 0, 0, 0.0), rgba(0, 0, 0, 0.0) ), url('/images/p3_bg.jpg') no-repeat left top; background-size:cover;} #mCsertification .s-inner {display:flex; justify-content:center; flex-wrap:wrap; align-items: center; } #mCsertification .s-inner > div {} #mCsertification .cont {width:60%; padding-right:0; color:#FFF;font-family:'Montserrat', 'S Dream',sans-serif;} /* #mCsertification .cont .cont01{background:rgba(26,155,161, 0.8);padding:4% 3% 2% 5%;margin-top:-20px;width:80%}*/ #mCsertification .cont .cont01{padding:3% 3% 2% 5%;} #mCsertification .cont .eng {font-size:0.8em; font-family: 'Poppins', sans-serif; letter-spacing:0.5em; opacity:.6 } #mCsertification .cont h3 {font-weight: 300; font-size: 1.6em; line-height: 1.4em; letter-spacing: -0.05em; margin: 1.9em 0 0.5em;font-family:'Montserrat', 'S Dream',sans-serif;} #mCsertification .cont h4 {font-weight: 500; font-size: 1.6em; line-height: 1.4em; letter-spacing: -0.05em; margin: 0.5em 0 1em 1em;font-family:'Montserrat', 'S Dream',sans-serif;} #mCsertification .cont dl {width:100%; max-width:800px; padding:0.3em 0 0.3em 2.6em; margin-bottom:0.3em; border-bottom:0px dashed rgba(85,85,85,0.6)} #mCsertification .cont dl span {font-size:1.225em;padding-top:5px} #mCsertification .cont dl dt, dd {display:inline-block; font-size:1.125em;font-weight:300; } #mCsertification .cont dl dt {padding-right:0.5em;font-weight:300; font-size:1.2em; transform: rotate(-0.03deg); } #mCsertification .img {width:40%} #mCsertification .img img {width:100%; max-width:580px} @media all and (max-width:890px){ #mCsertification .cont {width:55%} #mCsertification .img {width:45%} } @media all and (max-width:800px){ #mCsertification {background-position:10% center} #mCsertification .cont {width:100%} #mCsertification .cont h3 { margin: 0.5em 0 0.5em} #mCsertification .img {width:100%; margin-top:3em; text-align:center} #mCsertification .img img {width:80%;} } @media all and (max-width:640px){ #mCsertification {background-position:20% center} #mCsertification .cont h3 { font-size:3em;} #mCsertification .img img {width:100%;} } @media all and (max-width:480px){ #mCsertification { padding: 10% 5%; } #mCsertification .cont h3 { font-size:2.5em;} #mCsertification .cont dl dt, dd {font-size:1em } } #mTitle.mCourse {margin:5rem;} #mCourse-Btn {position:absolute; right:0; bottom:-20px; display:flex; width:fit-content; gap: 0 10px} #mCourse-Btn li a {width:160px; height:160px; background:#cdd6c5; border:10px solid #edf0ea; display:flex; align-items: center; justify-content: center; flex-wrap:wrap; border-radius:100% } #mCourse-Btn li a.on, #mCourse-Btn li a:hover {background:#fa5313; border-color: #ffccb9;} #mCourse-Btn li dl {flex-wrap:wrap; text-align:center} #mCourse-Btn li dl dt { font-size:1.4rem; color:#FFF; width:100%; line-height:1.2em} #mCourse-Btn li dl dd {margin-bottom:0.5em; padding-left:0; font-size:1rem; font-weight:800; font-family:'Montserrat'; opacity:.5; width:100%; text-transform:uppercase; color:#FFF} @media all and (max-width:1099px) { #mCourse-Btn {position:unset; margin:3em auto 0 } } @media all and (max-width:480px) { #mCourse-Btn li a {width:32vw; height:32vw; border-width:7px } } #mCourse {position:relative; padding:5% 0} #mCourse .bx-wrapper {width:860px; background:#FFF} #mCourse #slide-Img li {width:100%; border-radius:0; overflow:hidden; } #mCourse #slide-Img li a { position:relative; display:block; width:100%; height:100%} #mCourse #slide-Img li .txt-mo {display:none; position:absolute; left:5%; bottom:0; width:90%; border-top-left-radius:10px; border-top-right-radius:10px; background:#0a743c; padding:1em 2em} #mCourse #slide-Img li .txt-mo p {font-size:1.9rem; color:#FFF} #mCourse #slide-Img li .txt-mo span {width:90px; display:inline-block; font-size:1.6rem; font-family:'Oswald'; color:#61a06d; font-weight:400 } #mCourse #slide-Img li .txt-mo span.t2 {font-size:1.9rem; color:#FFF; width:calc(100% - 90px); display:inline-block; font-family:'SUIT'; } #mCourse #slide-Img li img { width:100%; } #mCourse #slide-Btn { position:absolute;right:0; bottom:0; } #mCourse #slide-Btn dl { padding-left:calc(160px + 6%); margin-bottom:2em;} #mCourse #slide-Btn dl dt { font-size:2.2rem; color:#222; font-weight:600} #mCourse #slide-Btn dl dd { font-size:1.2rem; color:#fa5313; font-family:'Montserrat'; font-weight:600; text-transform:uppercase; letter-spacing:0.01em} #mCourse #slide-Btn .cont { padding-left:160px; width:700px; height:390px; background:#293f7d; border-radius:0px;overflow:hidden;} #mCourse #slide-Btn .cont .in-box {width:85%; margin:10% auto ; } #mCourse #slide-Btn a {padding-bottom:0.5em; margin-bottom:0.5em; border-bottom:1px dashed #435b9f; display:block; width:100%; height:100%} #mCourse #slide-Btn a:last-child {padding-bottom:0; margin-bottom:0; border-bottom:0} #mCourse #slide-Btn a p {font-size:1.1rem; color:#FFF; display:flex} #mCourse #slide-Btn a span {width:90px; display:inline-block; font-size:1rem;color:#fff; font-weight:600 } #mCourse #slide-Btn a span.t2 {font-size:2.1rem; color:#FFF; width:calc(100% - 90px); display:inline-block; font-family:'SUIT'; } #mCourse #slide-Btn a.active p, #mCourse #slide-Btn a.active span{color:#d4e543} @media all and (max-width:1399px) { #mCourse .bx-wrapper {width:64%; } #mCourse #slide-Btn {width:45%} #mCourse #slide-Btn dl { padding-left:calc(120px + 6%); } #mCourse #slide-Btn .cont { padding-left:120px; width:100% ; height:auto; } #mCourse #slide-Btn .cont .in-box {width:330px} } @media all and (max-width:1280px) { #mCourse #slide-Btn dl { margin-bottom:1em;} #mCourse #slide-Btn dl dt { font-size:4.0rem; } #mCourse #slide-Btn .cont .in-box {width:300px} #mCourse #slide-Btn a p {font-size:1.9rem;} #mCourse #slide-Btn a span {width:70px; font-size:1.5rem;} } @media all and (max-width:1024px) { #mCourse .bx-wrapper{width:100%} #mCourse #slide-Btn {width:100%; position:inherit} #mCourse #slide-Btn dl {display:none} #mCourse #slide-Btn .cont {padding-left:0; } #mCourse #slide-Btn .cont .in-box {padding:2em 0; width:90%; margin:0 auto; display:flex; justify-content:space-between; gap:5 10px; flex-wrap:wrap } #mCourse #slide-Btn .cont .in-box a {width:48%} } @media all and (max-width:670px) { #mCourse #slide-Img li .txt-mo {display:block; padding:0.7em 1.5em} #mCourse #slide-Img li .txt-mo p {font-size:1.7rem; display:flex } #mCourse #slide-Img li .txt-mo span {width:13vw; font-size:1.4rem;} #mCourse #slide-Btn {display:none} } @media all and (max-width:480px) { #mCourse #slide-Img li { border-radius:10px; } } .mpart{padding: 5em 0;} .mtit h3{ color: #333; font-size: 2.6rem; word-break: keep-all;font-family:'Montserrat', 'GowunBatang',sans-serif} .mtit h3 span{word-break: keep-all;} .mtit h4{margin: 20px 0 60px; font-family: 'Montserrat'; font-size: 0.9rem; color: #2daae1; font-weight: 700; letter-spacing: 0.5em; text-transform: uppercase; opacity: 0.3;} .mtit p{font-size: 1.4rem; font-weight: 500;word-break: keep-all;} @media all and (max-width:976px){ .mpart{padding: 2em 0;} .mtit h3{font-size: 1.8rem;} .mtit p{font-size: 1.4rem;} } @media all and (max-width:768px){ .mpart{padding: 0;} .mtit h3{font-size: 1.2rem;} .mtit h4{margin: 15px 0 40px;} } .sec1-body{display: flex; gap: 20px;} .sec1-body li .img{border-radius: 20px; overflow: hidden;} .sec1-body li .img img{max-width: 100%; transition: all .7s;} .sec1-body li .img:hover img{transform: scale(1.1);} .sec1-body li .icon{margin-top: -35px; text-align: right; padding-right: 2em; position: relative; z-index:10;} .sec1-body li .txt dt{ font-weight: bold; color: #333; font-size: 1.4rem;} .sec1-body li .txt dd{ font-weight: 500; color: #333; font-size: 1rem; word-break: keep-all;} .sec1-body li .txt dd span{word-break: keep-all;} @media all and (max-width:1280px){ .sec1-body li .icon{margin-top: -25px;} .sec1-body li .icon img{width: 50px; } .sec1-body li .txt dt{font-size: 2.8rem;} .sec1-body li .txt dd{font-size: 1.7rem;} } @media all and (max-width:976px){ .sec1-body li .txt dt{font-size: 2.4rem;} .sec1-body li .txt dd{font-size: 1.6rem;} } @media all and (max-width:768px){ .sec1-body{flex-wrap: wrap; justify-content: center;} .sec1-body li{max-width: 33%;} } @media all and (max-width:568px){ .sec1-body li{max-width: 45%} } @media all and (max-width:380px){ .sec1-body li{max-width: auto;} } .mevent{display: flex; gap: 15px;} .mevent li .img{border-radius: 20px; overflow: hidden;} .mevent li .img img{max-width: 100%; transition: all .7s;} .mevent li .img:hover img{transform: scale(1.1);} .mevent li .icon{margin-top: -35px; text-align: right; padding-right: 2em; position: relative; z-index:10;} .mevent li .txt dt{ font-weight: 300; color: #111; font-size: 1.5rem;margin-bottom:5%;font-family:'Montserrat', 'GowunBatang',sans-serif} .mevent li .txt dd{ font-weight: 600; color: #333; font-size: 1.4rem; word-break: keep-all;padding-bottom:5%} .mevent li .txt dd span{word-break: keep-all;} @media all and (max-width:1280px){ .mevent li .icon{margin-top: -25px;} .mevent li .icon img{width: 50px; } .mevent li .txt dt{font-size: 2.8rem;} .mevent li .txt dd{font-size: 1.7rem;} } @media all and (max-width:976px){ .mevent li .txt dt{font-size: 2.4rem;} .mevent li .txt dd{font-size: 1.6rem;} } @media all and (max-width:768px){ .mevent{flex-wrap: wrap; justify-content: center;} .mevent li{max-width: 33%;} } @media all and (max-width:568px){ .mevent li{max-width: 45%} } @media all and (max-width:380px){ .mevent li{max-width: auto;} } .sec2{display: flex; justify-content: center;margin-bottom:5%} .sec2 img{max-width: 100%; transition: all .4s;} .sec2-box{display: grid; width: auto;} .sec2-box .img{grid-column: 1 / 3; grid-row:1 / 3; overflow: hidden;} .sec2-box:hover img{transform: scale(1.1);} .sec2-box .txt{grid-column: 1 / 3; grid-row:1 / 3; place-self: center; text-align: center; color: #fff; z-index: 10;} .sec2-box h6{ font-size: 1.8rem; font-weight: normal; padding: 0.3em 1.4em; border-radius: 20px;font-family:'Montserrat', 'GowunBatang',sans-serif} .sec2-box.a h6{background-color: #005279; } .sec2-box.b h6{background-color: #0b9fda; } .sec2-box h5{margin: 0.5em 0 0.3em; font-size: 2.2rem;font-family:'Montserrat', 'GowunBatang',sans-serif;letter-spacing:-0.05em} .sec2-box p{font-size: 1.1rem; font-weight: 300; line-height: 1.8;} @media all and (max-width:1280px){ .sec2-box h6{font-size: 1.0rem; padding: 0.2em 1.2em; display: inline-block;} .sec2-box h5{font-size: 2.4rem;} .sec2-box p{font-size: 1.6rem;} } @media all and (max-width:976px){ .sec2{display: block;} .sec2 > div{width: 100%;} .sec2-box h6{font-size: 2.4rem;} .sec2-box h5{font-size: 4.4rem;} .sec2-box p{font-size: 1.6rem;} } @media all and (max-width:768px){ .sec2-box h6{font-size: 2.0rem;} .sec2-box h5{font-size: 3.4rem;} .sec2-box p{font-size: 1.6rem;} } @media all and (max-width:568px){ .sec2-box h6{font-size: 1.8rem;} .sec2-box h5{font-size: 3.0rem;} .sec2-box p{font-size: 1.4rem;} } #mLocation {margin:5% 5% 8%} #mLocaTab {} #mLocaTab .map_border{display:none;} #mLocaTab .wrap_controllers{display:none;} #mLocaTab #mMap{position:relative; height:400px} #mLocaTab .tab_content {display:flex; flex-wrap:wrap; width:100%; position: absolute; left: 0; top: 0;} #mLocaTab .tab_content .mapWrap {width:50%} #mLocaTab .tab_content .mtxt {width:50%} #mLocaTab .tab_content .map{height:400px; width: 100%;} #mLocaTab .tabs {position:relative; margin-bottom:40px;} #mLocaTab .tabs:before {content:''; width:100%; height:1px; background:#142c4b; position:absolute; left:0; top:50%;z-index:1} #mLocaTab .tabs ul {display: flex; justify-content:center; position:relative; z-index:3} #mLocaTab .tabs ul li{ border:1px solid #142c4b; background:#FFF;width:150px; } #mLocaTab .tabs ul li a { padding:0 2em; line-height:60px; font-size:1.2rem; font-weight:600; color: #142c4b; display:block;text-align:center } #mLocaTab .tabs ul li.active{background: #142c4b; } #mLocaTab .tabs ul li.active a {color:#FFF} #mMap .mtxt {display:flex; justify-content:center;} #mMap .mtxt .cont {width:fit-content; } #mMap .mtxt .cont ul {display:flex} #mMap .mtxt .cont ul li {margin-bottom:16px; font-size:1rem } #mMap .mtxt .cont ul:last-child li {margin-bottom:0} #mMap .mtxt .cont ul li.tit {width:140px; font-size:1rem; font-weight:700; color:#1e2432; position:relative} #mMap .mtxt .cont ul li.tit:before {content:''; width:4px; height:4px; background:#1e2432; position:absolute; left:-10px; top:-4px} #mMap .mtxt .cont ul li.tel {font-size:1.6rem; color:#b38b10; font-weight:700;} #mMap .mtxt .cont ul li.time p {margin-bottom:0.3em; ; } #mMap .mtxt .cont ul li.time p span {display:inline-block; width:80px;} #mMap .mtxt .cont ul li.time p.point1 {padding-top:0.5em; font-size:1.1rem; color:#FF0000} @media all and (max-width:1399px){ #mMap .mtxt .cont ul li.tit {width:100px; } #mMap .mtxt .cont ul li.time p span {width:70px;} } @media all and (max-width:1280px){ #mLocaTab .tab_content .mapWrap {width:calc(100% - 500px)} #mLocaTab .tab_content .mtxt {width:500px} #mLocaTab .tab_content .map{height:450px; } #mMap .mtxt .cont ul { flex-wrap:wrap} #mMap .mtxt .cont ul li.tit {width:100%; margin-bottom:10px} } @media all and (max-width:1024px){ #mLocaTab #mMap{ height:620px} #mLocaTab .tabs ul li a { padding:0 1.5em; line-height:50px; font-size:2.0rem; } #mLocaTab .tab_content .mapWrap {width:100%} #mLocaTab .tab_content .mtxt {width:100%} #mLocaTab .tab_content .map{height:350px; } #mMap .mtxt {margin-top:3em;} #mMap .mtxt .cont ul { flex-wrap:wrap} #mMap .mtxt .cont ul li.tit {width:110px; margin-bottom:20px} } @media all and (max-width:767px){ #mLocaTab #mMap{ height:600px} #mLocaTab .tab_content .map{height: 330px;} #mLocaTab .mapInfo{width: 90%; border-radius:0 20px;} } @media all and (max-width:580px){ #mLocaTab #mMap{ height:720px} #mMap .mtxt .cont ul li.tit {width:100%; margin-bottom:10px} } @media all and (max-width:480px){ #mLocaTab #mMap{ height:170vw} #mLocaTab .tabs ul li a { padding:0.8em 1.5em; line-height:1em; font-size: 1.4rem;} #mLocaTab .tab_content .map{height: 70vw !important;} #mMap .mtxt {padding:0 4%} #mMap .mtxt .cont ul li {margin-bottom:1em; font-size:1rem } #mMap .mtxt .cont ul li.tit {margin-bottom:0.5em; } } #mKakao{text-align: right;} #mKakao ul{display:inline-flex;} #mKakao ul li{padding:15px 25px; background:#b58b07; color:#fff;} #mKakao ul li:nth-child(2){background:#00295f} #mKakao ul li b{font-size: 1.125em;} @media all and (max-width:1280px){ #mKakao ul li{padding:7px 10px;} } @media all and (max-width:550px){ #mKakao ul{display: flex;} #mKakao ul li{width: 50%; text-align: center;} } .pointList.vermain{max-width:800px;margin: 0 auto; position: relative;} .pointList.vermain li { padding:0 3%; } .pointList.vermain li img {width:100%;} .pointList.vermain li:before {display:none} .pointList.vermain li p {font-size: 1.425em; font-weight: 600; color:#353535; line-height: 1.65em; padding: 0.8em 1em; border-left: 0px solid #cef4f2; } .pointList.vermain li p.s100{ font-size: 1.15em; font-weight: 300; color:#656565; line-height: 1.65em; padding: 0.7em 1em; border-left: 0px solid #cef4f2;} .pointList.vermain li p.lt1 {font-size:2.2em; padding: 0em 0.8em} .pointList.vermain li p.num {margin:0 0 ; color:#e9e9e9; font-size: 3.23em; padding: 0; border-left:0; font-weight: 700; font-family: 'Poppins'; letter-spacing:0; } @media all and (max-width:976px){ .pointList.vermain li p { font-size: 1.4em; } .pointList.vermain li div br{display:none} } @media all and (max-width:767px){ .pointList.vermain { display: block; } .pointList.vermain li { display: block; float: left; width: 100%; margin: 1em 0; } .pointList.vermain li p { font-size: 1.625em; text-align: center; } .pointList.vermain li div {font-size: 1.225em; text-align: center; } } @media all and (max-width:480px){ .pointList.vermain.pL_imp1 li { height: auto} } /* sec5 */ .sec5{padding:0px 0;} .sec5 .inner{} .sec5 .inner .tit{text-align: center;} .sec5 .inner .tit h3{font-family: 'Marcellus', serif; font-weight: 400; color: #333; font-size: 70px;} .sec5 .inner .tit p{font-size: 17px; color: #7f7f7f; margin-top: 10px;} .sec5 .inner .cont{margin-top: 70px; display: flex; height: auto;} .sec5 .inner .cont .youtube{width: 50%; position: relative;} .sec5 .inner .cont .youtube iframe{width: 100%; position: absolute; height: 100%;} .sec5 .inner .cont .text{background: #4cafb4 url(/images/new/simbol.png) no-repeat left center; padding: 50px 120px 100px; text-align: center; color: #fff; width: 50%; height: 550px;} .sec5 .inner .cont .text h4{font-size: 18px; font-weight:300; border: 1px solid rgba(255,255,255,0.3); display: inline-block; padding: 25px 15px; margin-bottom:0px;letter-spacing:-0.07em;width:220px} .sec5 .inner .cont .text img{width:30%;padding-bottom:15px} .sec5 .inner .cont .text h3{font-size: 2.6em; font-weight:500; color: #fff;margin-bottom: 40px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; width: 100%;letter-spacing:-0.09em} .sec5 .inner .cont .text h3 span{font-size:36px; font-weight:300; color: #fff;margin-bottom: 35px;width: 100%;letter-spacing:-0.05em} .sec5 .inner .cont .text p{font-size: 16px; font-weight: 400; line-height: 1.6em; display: -webkit-box; -webkit-line-clamp: 3; /* 자를 줄 만큼 */ -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis;} .sec5 .inner .thum{margin-top: 40px;} .sec5 .inner .thum li{max-width: 254px; margin-right: 15px; height: auto;} .sec5 .inner .thum li img{max-width: 100%;} .sec5 .inner .arrow{justify-content: center; margin-top: 30px;} @media all and (max-width:1600px){ .sec5 .inner .cont .text{padding: 90px 4vw;} } @media all and (max-width:1280px){ .sec5{padding: 110px 0;} .sec5 .inner .tit h3{font-size: 56px; margin-bottom: 20px;} .sec5 .inner .tit p{font-size: 16px;} .sec5 .inner .cont .text{padding: 50px 4vw; align-items: center; justify-content: center; display: flex; flex-direction: column; height: 35vw;} .sec5 .inner .cont .text h4{margin-bottom: 50px;} .sec5 .inner .cont .text h3{font-size: 24px; margin-bottom: 30px;} .sec5 .inner .cont .text p{font-size: 17px;} .sec5 .inner .thum{margin-top: 35px;} } @media all and (max-width:976px){ .sec5{padding: 90px 0;} .sec5 .inner .tit h3{font-size: 44px;} .sec5 .inner .cont{margin-top: 55px; flex-direction: column;} .sec5 .inner .cont .youtube{width: 100%; padding-top: 56.25%;} .sec5 .inner .cont .youtube iframe{top: 0;} .sec5 .inner .cont .text{width: 100%;height: auto;} .sec5 .inner .cont .text h4{font-size: 15px; padding: 8px 20px; margin-bottom: 35px;} .sec5 .inner .cont .text h3{font-size: 22px; margin-bottom: 25px;} .sec5 .inner .thum{margin-top: 30px;} .sec5 .inner .thum li{max-width: 220px;} } @media all and (max-width:640px){ .sec5{padding: 60px 0 70px;} .sec5 .inner .tit h3{font-size: 36px; margin-bottom: 15px;} .sec5 .inner .tit p{font-size: 15px;} .sec5 .inner .cont{margin-top: 35px;} .sec5 .inner .cont .text h4{font-size: 14px; padding: 6px 16px; margin-bottom: 30px;} .sec5 .inner .cont .text h3{font-size: 20px; margin-bottom: 20px;} .sec5 .inner .cont .text p{font-size: 16px;} .sec5 .inner .thum{margin-top: 25px;} .sec5 .inner .thum li{max-width: 200px;} .sec5 .inner .cont .text{padding: 40px 4vw;} .sec5 .inner .cont .text p{-webkit-line-clamp: 2;} } /* secdt*/ .secdt{background: url(../images/main/sec2_bg.webp) no-repeat center center / cover; padding: 100px 0 115px;} .secdt.inner{} .secdt.inner .top{display: flex; justify-content: space-between; align-items: flex-end;} .secdt.inner .top .l_cont{display: flex; align-items: flex-end; gap:0 45px;} .secdt.inner .top .l_cont h3{font-size: 70px; font-family: 'Marcellus', serif; color: #333; font-weight: 400;} .secdt.inner .top .l_cont p{font-size: 17px; color: #7f7f7f; opacity: 0.7; position: relative; top: -15px;} .secdt.inner .top .r_cont{} .secdt.inner .top .r_cont .arrow{} .secdt.inner .bottom{margin-top: 50px;} .secdt.inner .bottom li{background-color: #ffffff; width: 100%; padding: 40px; max-width: 385px; margin-right: 20px; height: auto;} .secdt.inner .bottom li a{} .secdt.inner .bottom li a .img{margin-bottom: 30px;} .secdt.inner .bottom li a .img img{max-width: 100%;} .secdt.inner .bottom li a .txt{text-align: center;} .secdt.inner .bottom li:nth-child(1) a .txt{--color:#b68181; color: #b68181;} .secdt.inner .bottom li:nth-child(2) a .txt{--color:#8d8769; color: #8d8769;} .secdt.inner .bottom li:nth-child(3) a .txt{--color:#977c66; color: #977c66;} .secdt.inner .bottom li:nth-child(4) a .txt{--color:#778aab; color: #778aab;} .secdt.inner .bottom li:nth-child(5) a .txt{--color:#b68181; color: #b68181;} .secdt.inner .bottom li:nth-child(6) a .txt{--color:#8d8769; color: #8d8769;} .secdt.inner .bottom li:nth-child(7) a .txt{--color:#977c66; color: #977c66;} .secdt.inner .bottom li:nth-child(8) a .txt{--color:#778aab; color: #778aab;} .secdt.inner .bottom li a .txt h3{font-family: 'Marcellus','SUIT'; font-size: 24px; font-weight: 400; position: relative;} .secdt.inner .bottom li a .txt h3::after{position: relative; content: '';margin: 10px 0; height: 1px; width: 100%; background-color: var(--color); display: block; opacity: 0.14;} .secdt.inner .bottom li a .txt p{font-size: 19px; font-weight: 600;} @media all and (max-width:1280px){ .secdt{padding: 80px 0 100px;} .secdt.inner .top .l_cont{gap:0 20px;} .secdt.inner .top .l_cont h3{font-size: 56px;} .secdt.inner .top .l_cont p{font-size: 16px;} .secdt.inner .bottom{margin-top: 40px;} .secdt.inner .bottom li{max-width: 320px; padding: 30px;} .secdt.inner .bottom li a .img{margin-bottom: 20px;} .secdt.inner .bottom li a .txt h3{font-size: 22px;} .secdt.inner .bottom li a .txt p{font-size: 18px;} .secdt.inner .top .r_cont .arrow{margin-top: -30px;} } @media all and (max-width:976px){ .secdt{padding: 70px 0 80px;} .secdt.inner .top{flex-direction: column; align-items: center;} .secdt.inner .top .l_cont{flex-direction: column; align-items: center;} .secdt.inner .top .l_cont h3{margin-bottom:30px; font-size: 44px;} .secdt.inner .top .r_cont .arrow{margin-top: 20px;} .secdt.inner .bottom li{max-width: 280px; padding: 25px;} .secdt.inner .bottom li a .txt h3{font-size: 20px;} .secdt.inner .bottom li a .txt p{font-size: 17px;} } @media all and (max-width:640px){ .secdt{padding: 60px 0 70px;} .secdt.inner .top .l_cont h3{font-size: 36px;} .secdt.inner .top .l_cont p{font-size: 15px; word-break: keep-all;} .secdt.inner .bottom li{max-width: 250px; padding: 22px;} .secdt.inner .bottom li a .txt h3{font-size: 19px;} .secdt.inner .bottom li a .txt p{font-size: 16px;} } /* */ #mCenter { position: relative; width: 100%; padding: 4.5% 0 6%; text-align: center; overflow: hidden; background: #efecde url(ooo) no-repeat right bottom; background-size: cover; } #mCenter .m_tit h3{color: #548381; font-size:2.4rem;font-weight:400;letter-spacing:-0.1em} #mCenter .m_tit h3 span{color: #548381;letter-spacing:-0.18rem} #mCenter ul { width: calc(100% + 20px); } #mCenter ul li { float: left; width: calc((100% / 3) - 0px); margin: 0 10px; overflow: hidden; } /* #mCenter ul li:first-child { margin-left:0; }*/ #mCenter ul li a { color:#111; padding: 1.5em 6.5% 2em; display: block; width: 100%; height: 100%; transition: all 0.5s ease-in-out; background:#fff;} #mCenter ul li a:hover { transform:scale(1.05); /* default */ -webkit-transform:scale(1.05); /* 크롬 */ -moz-transform:scale(1.05); /* FireFox */ -o-transform:scale(1.05); } #mCenter ul li a h4 { font-size: 1.6rem; font-weight: 500; margin:0.5em 0 0.3em; } #mCenter ul li a p { font-weight: 300; } #mCenter ul li.mCenter1 a { } #mCenter ul li.mCenter2 a { } #mCenter ul li.mCenter3 a { } @media all and (max-width:1480px) { #mCenter ul li { height: 28vw; } #mCenter ul li a { padding: 3.5vw 5%; } #mCenter ul li a h4 { font-size: 2.3rem; } } @media all and (max-width:1280px) { #mCenter ul li { width: calc((100% - 30px) / 4); margin-left: 10px; height: 35vw; } #mCenter ul li a { padding: 5vw 5%; } #mCenter ul li a h4 { font-size: 2.4rem; } #mCenter ul li a p { font-size: 0.9em; } } @media all and (max-width:1080px) { #mCenter { background-size: 100% auto; } #mCenter ul li { height: 35rem; } #mCenter ul li a { padding: 3em 5%; } #mCenter ul li a h4 { font-size: 2.3rem; } } @media all and (max-width:767px) { #mCenter ul { padding-top: 5%; } #mCenter .m_tit h3{font-size:2.1rem;font-weight:400;letter-spacing:-0.1em} } @media all and (max-width:640px) { #mCenter { padding: 10% 0; } #mCenter ul li { height: 114vw; width:100%;padding:2% 14% 2% 7%; margin:0 0 5%} #mCenter ul li a h4 { font-size: 1.6rem; font-weight: 500; margin:0.5em 0 0.3em; } #mCenter ul li a p { font-weight: 300;font-size: 1rem; } } @media all and (max-width:568px) { #mCenter ul li a { padding: 1em 5%; } #mCenter ul li a h4 { font-size: 1.3rem; line-height: 1.1em; } /* #mCenter ul li a h4 span { display: block; } */ #mCenter ul li a p {} } @media all and (max-width:480px) { /* #mCenter ul li { background-size: 100% auto; } */ } @media all and (max-width:380px) { }