/*------------------------------------
  mlcc
------------------------------------*/
.mlcc_top_bg{
    background: url(../images/mlcc/mlcc_bg.jpg) no-repeat 50% 0;
}
.mlv_text{
	font-weight:500;
	font-family: 'Play';
    letter-spacing: 0.0rem;
}
.mlv_text .txt01{
	color:#fff;
	font-size:4.5rem;
}
.mlv_text .txt02{
	color:rgba(255,255,255,0.6);
	font-size:1.4rem;
}
.ml_search .bt_box{
	border: 1px solid rgb(0 0 0 / 18%);
    background: rgb(27 53 111);
    transition: .3s ease all;
}
.ml_search .bt_box:hover{
	transition: .3s ease all;
	transform: translateY(-1rem);
}
.ml_search .bt_box .txt01{
	font-weight:600;
	font-family: 'Play';
    letter-spacing: 0.0rem;
	color:#fff;
	font-size:1.35rem;
	line-height: 1;
}
.ml_search .bt_box .txt02{
	font-weight:500;
	color:rgb(255 255 255 / 59%);
    letter-spacing:-0.07rem;
}
.ml_search .bt_go{
	background:#fff;
	width:3.5rem;
	min-width: 3.5rem;
	height:3.5rem;
	border-radius:100%;
	display: flex !important;
	justify-content: center !important;
    align-items: center !important;
}
.ml_search .bt_go .material-symbols-outlined {
    font-variation-settings: 'FILL' 1, 'wght' 700, 'GRAD' 200;
    margin-top: 0.06rem;
    color: #000;
    font-size: 1.6rem;
}

.top_intro_wrap {
    position: relative;
}
.top_intro_wrap:after {
    content: 'MLCC';
    position: absolute;
    text-transform: uppercase;
    font-size: 9.5rem;
    color: #f5f5f5;
    font-weight: 600;
    font-family: 'play';
    bottom: -5.8rem;
    display: inline-block;
    width: 100%;
    text-align: center;
    z-index: -1;
}
.tit_intro.st01 .gray_tit {
	color: #cecece;
	font-size: 1.1rem;
	font-family:'play';
	font-weight: 600;
	text-transform: uppercase;
	letter-spacing: 0.02rem;
	position: relative;
	padding-bottom: 2.5rem;
}
.tit_intro.st01 .gray_tit:after {
	content:'';
	position: absolute;
	width: 50px;
	height: 2px;
	background:#000;
	left: 50%;
	margin-left: -25px;
	top: 60%;

}
.tit_intro.st01 .b_bold {
	color: #000;
	font-size: 2.2rem;
	font-weight: 500;
	letter-spacing: -0.2rem;
	line-height: 1.3;
}
.tit_intro.st01 .b_bold strong{
	font-size: 2.5rem;
	font-weight: 600;
	color: #000;
}

.ml_video_bx {
	width: 100%;
	max-width: 1000px;
	margin:0 auto;
	background: #000;
	position: relative;
	box-shadow: 13px 13px 35px rgba(0,0,0,.4)
}
.ml_video_bx  video{
    display: block;
    width: auto;
    height: auto;
	width: 100%;
}
.tit_intro.st02 .gray_tit {
	color: #c7c7c7;
	font-size: 0.83rem;
	font-family:'play';
	font-weight: 600;
	text-transform: uppercase;
	letter-spacing: 0.02rem;
}
.tit_intro.st02 .b_bold {
	color: #000;
	font-size: 2.05rem;
	font-family:'play';
	font-weight: 700;
	letter-spacing: -0.08rem;
	line-height: .88;
}
.ml_intro_bx {
	background: url(../images/mlcc/ml_con_bg.jpg) no-repeat center 0;
    padding: 7rem 0 7rem 0;
	background-size: cover;
}
.ml_intro_bx .ml_box_st {
	transition: all ease-out .5s;
	border-radius: 20px;
	height: 100%;
}
.ml_intro_bx .ml_box_st:hover {
	background: rgba(80,138,255,.1);
	transition: all ease-out .5s;
}
.ml_intro_bx .ml_box_st .ml_inner_b {
	transform: translateY(0);
	transition: all ease-out .5s;
	word-break: keep-all;
}
.ml_intro_bx .ml_box_st:hover .ml_inner_b {
	transition: all ease-out .5s;
	transform: translateY(-15px);
}
.ml_intro_bx .ml_box_st .b_txt {
	font-size: 1.3rem;
	font-weight: 600;
	color: #fff;
}
.ml_intro_bx .ml_box_st .sm_txt {
	font-size: 1.02rem;
	font-weight: 300;
	color: rgba(255,255,255,.88);
}

.part_num_sec:before {
	content: 'Part Numbering';
    position: absolute;
    text-transform: uppercase;
    font-size: 8rem;
    color: #f7f7f7;
    font-weight: 600;
    font-family: 'play';
    bottom: 5rem;
    display: inline-block;
    width: 100%;
    text-align: center;
	z-index: -1;
}
.part_num_sec .tit_b_b {
	font-family:'play';
	font-weight: bold;
	font-size: 3rem;
	color: #000;
	line-height: .85;
	
}
.part_num_sec .bx_numb_ing {
	border: 1px solid #e9e9e9;
	border-radius: 20px;
	box-shadow: 5px 5px 20px rgba(0,0,0,.03);
	font-family:'play';
	height: 100%;
	background: rgba(255,255,255,.73);
}
.part_num_sec .numb_list .part {
	color: #000;
	font-weight: 600;
	position: relative;
	padding-bottom: 2rem;
	font-size: 1.37rem;
}
.part_num_sec .numb_list .part:after {
	content:'';
	position: absolute;
	width: 1px;
	height: 1.6rem;
	left: 50%;
	bottom: 0;
	background:#ebebeb;
}
.part_num_sec .numb_list .numb {
	width: 1.6rem;
	height: 1.6rem;
	line-height: 1.6rem;
	border-radius: 50%;
	color: #000;
	background: #76b0f6;
	font-weight: 600;
	font-family:'play';
	text-align: center;
	display: inline-block;
}
.part_num_sec .numb_list.sm div {
	font-size: 0.88rem;
    font-weight: 600;
    color: #2b2b2b;
    padding: 0.3rem 0;
    letter-spacing: 0;
}
.part_num_sec .numb_list.sm .numb {
	width: 1.1rem;
	height: 1.1rem;
	line-height: 1.1rem;
	font-size: 0.85rem;
}

.btn_down {
	background: #262626;
    border-radius: 40px;
    padding: 1.3rem 2.5rem;
    font-family: 'play';
    display: inline-block;
	box-sizing: border-box;
	box-shadow: 7px 7px 20px rgba(0,0,0,.2);
	margin: 0 auto;
	max-width: 500px;
}
.btn_down .dw_txt01 {
	color: #5da6ff;
	font-size: 1.4rem;
	font-weight: 600;
}
.btn_down .dw_txt02 {
	color: #fff;
	font-size: 0.9rem;
	letter-spacing: 0;
	font-weight: 600;
	line-height: 1.4;
}
.btn_down .dw_txt02 .material-symbols-outlined {
	vertical-align: bottom;
	font-size: 27px;

}


@media (max-width:991px) {
	.mlcc_top_bg {
		background: url(../images/mlcc/mlcc_bg.jpg) no-repeat 40% 0;
		background-size: auto 335px;
	}
	.tit_intro.st01 .b_bold {
		font-size: 1.8rem;
	}
	.part_num_sec:before {
		display: none;
	}
}


@media (max-width:768px) {
	.tit_intro.st01 .b_bold strong {
		font-size: 1.8rem;
	}
	.tit_intro.st01 .b_bold {
		font-size: 1.5rem;
	}
}
@media (max-width:500px) {
	.top_intro_wrap:after {
		display:none;
	}
	.part_num_sec .tit_b_b {
		font-size: 2.3rem;
	}
	.part_num_sec .numb_list .part {
		font-size: 1rem;
	}
    
}



/*------------------------------------
  Applications
------------------------------------*/
.mlv_text.ml_app_bg {
	background: url(../images/mlcc/ml_app_bg.jpg) no-repeat center 0;
}
.mlv_text.ml_app_bg .txt01{
	color:#0098e0;
	font-size:2.5rem;
}
.mlv_text.ml_app_bg .txt02{
	color: #fff;
	font-size:1.4rem;
}
.ml_app_step:before {
	width: 13.5rem;
    height: 13.5rem;
    border-radius: 50%;
    background: rgba(0,0,0,.05);
    border-radius: 50%;
	content:'';
	position: absolute;
	z-index: -1;
}
.ml_app_step.on:before {
    background: red;
	transition: 1s ease all;
	background: rgba(93,166,255,1);
}
.ml_app_step {
	width: 12rem;
    height: 12rem;
    border-radius: 50%;
    background: #fff;
    border-radius: 50%;
	display: flex;
	flex-direction: column;
	justify-content:center;
	align-items:center;
	text-align: center;
	position: relative;
}

.ml_app_step .st_tit {
	font-weight: 600;
    font-family: 'play';
    font-size: 1.3rem;
    color: #000;
    line-height: .9;
}
.ml_app_step.on .st_tit {
    color: #4184d5;
}
.sort_tit {
	border-radius: 20px;
	border: 1px solid #e9e9e9;
	color: #000;
	font-family: 'play';
	font-size: 1.28rem;
	box-shadow: 7px 7px 15px rgba(0,0,0,.05);
	font-weight: 600;
	text-align: center;
	line-height: 1;
}
.sort_tit.st_01{
	display: flex;
	height: 100%;
	align-items: center;
	justify-content: center;
}
.sort_con_bx ul {
	background: #f7f7f7;
	border-radius: 20px;
	height: 100%;
}
.sort_con_bx ul li:before {
	width: 2px;
    height: 2px;
    background: #000;
	content:'';
	position: absolute;
	left: 0;
	top: 50%;
	margin-top: -1px;
}
.sort_con_bx ul li {
	font-family: 'play';
    position: relative;
    padding-left: 10px;
    color: #343434;
    font-weight: 500;
    font-size: 1.05rem;
    letter-spacing: -0.02rem;
    margin: 5px 0;
}


/* 이미지박스 */
.clinic_gall_box01 .pic{
	border:1px solid #eee;
	background:#fff;
}



/* 스크롤 스타일 */
.sw_scroll_st .scroll_width{
	position:relative;
	max-width:400px;
    margin:4rem auto;
}
.sw_scroll_st .swiper-horizontal>.swiper-scrollbar, .sw_scroll_st .swiper-scrollbar.swiper-scrollbar-horizontal {
    position: absolute;
    left: 0;
    bottom: 3px;
    z-index: 50;
    height: 6px;
    width: 100%;
}
.sw_scroll_st .swiper-scrollbar-drag {
    background: #678ec9;
}
.swiper-scrollbar {
    background: #f2f2f2 !important;
}


@media (min-width:1200px) {
   .mlv_text.ml_app_bg {
		min-height: 410px;
	}
}



/*------------------------------------
  문의하기
------------------------------------*/
.form_inner {
	border-top: 2px solid #000;
	padding: 2.5rem 3.5rem;
	background: #fbfbfb;
}
.form_cont .row-form {
	display: flex;
	flex-direction: column;
	padding: 1.2rem 0;
	border-bottom: 1px solid #ebebeb;
}
.form_cont .row-form:last-child {
	border-bottom: none;
}
.form_cont .row-form .item {
	color: #000;
    font-weight: 500;
    font-size: 1.08rem;
}
.form_cont .row-form .tel_box input.tel_01 + span {
	color: #555555;
    width: 80px;
    height: 40px;
    text-align: center;
    line-height: 40px;

}
h3.agree_tit { 
	font-size: 1.25rem;
    margin-bottom: 0.5rem;
    font-weight: 600;
    color: #000;
}
.agree_check input[type="checkbox"] + label::before {
    top: 0.25rem;
}
.point_txt {
	color: #3e7fcf;
}
.btn {
	display: inline-block;
	color: #fff;
	font-weight: 500;
	background: #3e7fcf;

}

@media (max-width:767px) {
   .form_inner {
	padding: 1rem;
	}
}