.m_title { width:90%; }
.m_title h2 { line-height:1.2; font-size:38rem; font-weight:bold; letter-spacing:-1px; word-break:keep-all; }
.m_title h2 strong { word-break:keep-all; }
.m_title p.eng { padding-left:2rem; padding-bottom:20rem; font-size:14rem; font-weight:200; color:#c8cbd1; text-transform:uppercase; letter-spacing:10rem; }
.m_title span.br { display:block; }

.list_st { display:flex; margin:-20rem; }
.list_st .item { display:flex; padding:20rem; }
.list_st .itembox { position:relative; display:flex; width:100%; border-radius:18rem; overflow:hidden; transition:ease-out 0.2s; }
.list_st .itembox:hover { box-shadow:2rem 3rem 20rem rgba(0,0,0,0.25); transition:ease-out 0.2s; }
.list_st .itembox .txtwrap { position:absolute; left:0; top:0; width:100%; padding:52rem 44rem; }
.list_st a.link_wrap { position:absolute; left:0; top:0; display:block; width:100%; height:100%; z-index:2; }
.list_st img { transition:ease-out 2s; }

[class^="mct_"] a.brd_more { position:relative; padding-right:20rem; font-size:16rem; color:#8f8e8e; }
[class^="mct_"] a.brd_more:after { position:absolute; right:0; top:50%; transform:translateY(-50%); display:block; font-family:'Material Icons'; content:'\f1df'; }
[class^="mct_"] a.brd_more:hover { color:#222; transition:ease-out 0.2s; }

.slider_st .thumb { width:100%; height:240rem; overflow:hidden; background-color:#f2f2f2; }
.slider_st .thumb img { width:100%; height:100%; object-fit:cover; }
.slider_st p.subject { margin-top:20rem; }
.slider_st p.subject a { display:block; line-height:1.2; font-size:20rem; font-weight:600; white-space:nowrap; word-break:keep-all; overflow:hidden; text-overflow:ellipsis; }
.slider_st p.subject a:hover { text-decoration:underline; text-underline-offset:4rem; text-decoration-thickness:1px; }
.slider_st p.data { margin-top:10rem; font-size:14rem; color:#aaa; }

.data_slider { padding-top:30rem; padding-bottom:60rem; box-sizing:content-box; }
.data_slider .swiper-slide { transition:cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.3s; }
.data_slider .swiper-slide:hover { transform:translateY(-10px); transition:cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.3s; }
.data_slider .thumb { border-radius:18rem; }
.data_slider p.subject a { max-height:48px; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; white-space:inherit; }

.slider_page { position:absolute; left:50%; top:50%; transform:translate(-50%, -50%); width:100%; max-width:1800px; height:100px; z-index:1; }
.slider_page .swiper-button-next { float:right; }

.main_visual { position:relative; height:800px; }
.main_visual .swiper-slide, .point_slider .swiper-slide { position:relative; width:100%; overflow:hidden; }
.main_visual .swiper-slide p, .point_slider .swiper-slide p { position:relative; left:50%; top:0; transform:translateX(-50%); width:1900px; }
.main_visual .swiper-slide p.mo, .point_slider .swiper-slide p.mo { display:none; left:0; transform:translateX(0); width:100%; }
.main_visual .swiper-button-prev, .main_visual .swiper-button-next, .point_slider .swiper-button-prev, .point_slider .swiper-button-next { width:100rem; }
.main_visual .swiper-button-prev:after, .main_visual .swiper-button-next:after, .point_slider .swiper-button-prev:after, .point_slider .swiper-button-next:after { color:#fff; font-size:30rem; font-weight:300; }
.main_visual .swiper-button-prev.swiper-button-disabled, .main_visual .swiper-button-next.swiper-button-disabled, .point_slider .swiper-button-prev.swiper-button-disabled, .point_slider .swiper-button-next.swiper-button-disabled { opacity:0.4; }

.mct_1 .list_st .item { width:50%; }
.mct_1 .list_st .txtwrap { height:100%; padding:42rem 34rem; text-align:right; z-index:1; }
.mct_1 .list_st img { position:relative; width:100%; z-index:-1; }
.mct_1 .list_st p { font-size:18rem; line-height:1.3; text-shadow:0 0 6rem rgba(0,0,0,0.15); color:#fff; word-break:keep-all; }
.mct_1 .list_st h3 { position:relative; padding-top:6rem; font-size:34rem; font-weight:bold; color:#fff; text-shadow:0 0 6rem rgba(0,0,0,0.15); }
.mct_1 .list_st h3 span.small_txt { font-size:22rem; }
.mct_1 .list_st h3:after { position:absolute; right:2px; top:58rem; display:block; width:1px; height:0rem; background-color:#fff; opacity:0.5; transition:ease-out 0.5s; content:''; }
.mct_1 .list_st h3 + strong { position:absolute; right:34rem; bottom:36rem; font-size:20rem; font-weight:bold; color:#000; }
.mct_1 .list_st .itembox:after { position:absolute; right:0; top:0; display:block; width:100%; height:100%; content:''; }
.mct_1 .list_st .item1 .itembox:after { background: linear-gradient(-135deg, rgba(56,79,64,0.5) 0%, rgba(0,0,0,0) 60%); }
.mct_1 .list_st .item2 .itembox:after { background: linear-gradient(-135deg, rgba(115,109,151,0.65) 0%, rgba(0,0,0,0) 60%); }
.mct_1 .list_st .item3 .itembox:after { background: linear-gradient(-135deg, rgba(133,0,65,0.65) 0%, rgba(0,0,0,0) 65%); }
.mct_1 .list_st .itembox:hover h3:after { height:90rem; transition:ease-out 0.5s; }
.mct_1 .list_st .itembox:hover img { transform:scale(1.05); transition:ease-out 2s; }

.mct_3 { background-color:#f2f4f8; }
.mct_3 .inner { position:relative; background:url('../images/main/tech_bg.png') right top no-repeat; background-size:contain; }
.mct_3 .list_st { align-items:flex-start; }
.mct_3 .list_st .item { width:calc(100% / 3); }
.mct_3 .list_st .item:nth-child(1), .mct_3 .list_st .item:nth-child(3) { margin-top:100rem; }
.mct_3 .list_st .txtwrap { top:inherit; bottom:0; }
.mct_3 img { width:100%; }
.mct_3 h3 { font-size:26rem; font-weight:bold; color:#fff; }
.mct_3 h3 + p { padding-top:14rem; font-size:17rem; font-weight:300; color:#fff; line-height:1.3; opacity:0.8; word-break:keep-all; }
.mct_3 .list_st .itembox:hover { transform:translateY(-15rem); }

.mct_4 .brd_tab { display:flex; justify-content:space-between; align-items:center; }
.mct_4 .brd_tab ul { display:flex; align-items:center; }
.mct_4 .brd_tab li { margin-left:2rem; }
.mct_4 .brd_tab li a { display:block; height:48rem; line-height:48rem; border-radius:48rem; padding:0 28rem; font-size:18rem; font-weight:600; color:#aaa; transition:ease-out 0.2s; }
.mct_4 .brd_tab li a:hover { background-color:#f2f2f2; transition:ease-out 0.2s; }
.mct_4 .brd_tab li:first-child { margin-left:0; }
.mct_4 .brd_tab li.on a { color:#fff; font-weight:bold; background-color:#0072bc; }
.mct_4 .brd_tab li.on a:hover { background-color:#0072bc; transition:ease-out 0.2s; }

.mct_5 { background:url('../images/main/cust_bg.jpg') bottom center #fafafa no-repeat; background-size:cover; }
.mct_5 .list_st .item { width:calc(100% / 3); }
.mct_5 .list_st .itembox { box-shadow:2rem 3rem 20rem rgba(0,0,0,0.1); }
.mct_5 .list_st .itembox .txtwrap { position:static; background-color:#fff; }
.mct_5 .list_st .itembox:hover { box-shadow:2rem 3rem 20rem rgba(0,0,0,0.1); transition:ease-out 0.2s; }
.mct_5 .brd_top { display:flex; align-items:center; justify-content:space-between; padding-bottom:24rem; border-bottom:2px solid #222; }
.mct_5 .brd_top h3 { font-size:26rem; font-weight:bold; }
.mct_5 [class^="swiper-button-"] { width:40px; height:40px; background-color:#fff; border-radius:50%; box-shadow:0 0 10rem rgba(0,0,0,0.3); }
.mct_5 [class^="swiper-button-"]:after { font-size:12rem; }
.mct_5 .swiper-button-prev { left:-50%; }
.mct_5 .swiper { position:static; }
.mct_5 .slider_page { width:90%; height:inherit; }
.mct_5 ul.brd_consult { height:188rem; overflow:hidden; }
.mct_5 ul.brd_consult li { display:flex; padding:15rem 0; border-bottom:1px solid #e4e4e4; }
.mct_5 ul.brd_consult li p { width:calc(100% - 80rem); }
.mct_5 ul.brd_consult li p a { display:block; font-size:16rem; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; }
.mct_5 ul.brd_consult li p a:hover { text-decoration:underline; }
.mct_5 ul.brd_consult li span.date { display:block; width:80rem; font-size:14rem; color:#aaa; text-align:right; }
.mct_5 a.btn_consult { display:block; width:200rem; height:44rem; line-height:44rem; border-radius:48rem; margin:20rem auto 0; font-size:17rem; font-weight:600; text-align:center; color:#fff; background-color:#0072bc; }

.mct_6 .m_title { text-align:center; margin:0 auto; }
.mct_6 .m_title p.eng { color:#0072bc; }
.mct_6 ul { display:flex; flex-wrap:wrap; margin-top:30rem; }
.mct_6 li { display:flex; align-items:center; justify-content:center; width:25%; height:100rem; margin:14rem 0; padding:20rem; }
.mct_6 li img { height:70%; }

.mct_7 { background:url('../images/main/contact_bg.jpg') center top no-repeat; background-size:cover; }
.mct_7 .inner { display:flex; }
.mct_7 .area_wrap { position:relative; width:50%; }
.mct_7 .area_wrap.left { width:calc(100% - 810px); }
.mct_7 .area_wrap.right { width:810px; }
.mct_7 .m_title h2 { position:relative; padding-bottom:50rem; font-size:48rem; font-weight:600; color:#fff; }
.mct_7 .m_title h2:after { position:absolute; left:0; bottom:0; width:50px; height:1px; background-color:#fff; opacity:0.4; content:''; }
.mct_7 .call_txt { margin-top:10rem; }
.mct_7 .call_txt p { font-size:19rem; color:#fff; }
.mct_7 .call_txt p strong { margin-right:10rem; }
.mct_7 .call_txt p strong + span { font-weight:200; }
.mct_7 .call_txt h3 { display:inline-block; margin-top:16rem; padding:5rem 14rem; font-size:46rem; font-weight:bold; color:#fff; letter-spacing:-1px; background-color:#0072bc; background-image: linear-gradient(to right, #3195c3, #d72770); }
.mct_7 .map_box { height:440rem; overflow:hidden; z-index:0; }
.mct_7 .root_daum_roughmap .wrap_controllers { display:none; }
.mct_7 .root_daum_roughmap .wrap_map { height:100%; }
.mct_7 .address { padding:12rem 20rem; line-height:1.2; background-color:#fff; font-size:18rem; font-weight:bold; text-align:center; word-break:keep-all; z-index:1; }
.mct_7 .address .material-symbols-outlined { margin-right:2rem; font-variation-settings:'FILL' 1; font-size:20rem; vertical-align:-4rem; }