@charset "utf-8";


@media all and (max-width:1380px) { 
	.pc_view {display:none;}
	.mo_view {display:block;}

	/*   //2495902.fs1.hubspotusercontent-na1.net/hubfs/2495902/raw_assets/public/midasMCAD/Coded_Files/images/product/bg_qna_off.png */


	.container {margin-top:114px;}*/
	.blog_view {}
	.blog_view .tit_area {padding:0 30px;}
	.blog_view .tit_area .tit {display: flex; justify-content: space-between; position: relative; padding-top:48px;}
	.blog_view .tit_area .tit h2 {font-size: 26px; font-weight: bold; line-height: 1.31;  letter-spacing: -0.23px; color: #474747; width:100%;}
	.blog_view .tit_area .tit ul {position: absolute; right:0; top:0;}
	.blog_view .tit_area .tit ul li {display:inline-block; font-size: 14px; font-weight: 500; line-height: 1; letter-spacing: -0.2px; color: #595959;}
	.blog_view .tit_area .tit ul li + li {margin-left:5px;}
	.blog_view .tit_area .tit ul li a {font-size: 14px; font-weight: 500; line-height: 1; letter-spacing: -0.2px; color: #595959; text-decoration: underline;}
	.blog_view .tit_area > p {font-size: 16px; font-weight: 500; line-height: 1; letter-spacing: -0.29px; color: #979797; margin: top 15px;}
	.blog_view .tit_area > p span.bar {margin:0 9px; display:inline-block;}
	.blog_view .tit_small {display:block; margin-top:60px; justify-content: space-between; align-items: center; padding:0 30px; padding-bottom:30px; border-bottom:4px solid #3437ce;}
	.blog_view .tit_small p {font-size: 14px; font-weight: normal; line-height: 1; letter-spacing: -0.2px; color: #508aff;}
	.blog_view .tit_small p strong {font-weight:bold; color:#3437ce;}
	.blog_view .tit_small p span {color:#508aff;}
	.blog_view .tit_small p span.bar {color:#adadad; margin:0 9px;}
	.blog_view .tit_small a {display:block; width: 100%; height: 50px; background-color: #4f4f4f; font-size: 14px; font-weight: bold; line-height: 50px; letter-spacing: -0.25px; text-align: center; color: #ffffff; margin-top:20px;}
	.blog_view .blog_content {margin-top:30px;}
	.blog_view .blog_content .blog_photo {}
	.blog_view .blog_content .blog_photo .imgs img {width:100%;}
	.blog_view .sns_fild {margin-top:30px; display:flex; align-items: center;}
	.blog_view .sns_fild span {display:none;}
	.blog_view .sns_fild ul {margin:0 auto;}
	.blog_view .sns_fild li {display:inline-block;}
	.blog_view .sns_fild li + li {margin-left:8px;}
	.blog_view .sns_fild li img {width:38px;}

	.blog_view .blog_content .inner_content {display:block; justify-content: space-between; position: relative; padding-top:15px;}
	.blog_view .blog_content .inner_content .blog_text {width:100%; padding-top:85px;}

	.blog_view .blog_content .inner_content .blog_text {margin-top:80px;}
	.blog_view .blog_content .inner_content .blog_text p {padding:0 30px;}
	.blog_view .blog_content .inner_content .blog_text .imgs img {width:100%;}
	.blog_view .blog_content .inner_content .blog_text .h1 {font-size: 26px; font-weight: bold; line-height: 1.39; letter-spacing: -0.2px; color: #1e2029;}
	.blog_view .blog_content .inner_content .blog_text .h2 {font-size: 24px; font-weight: bold; line-height: 1.29; letter-spacing: -0.16px; color: #595959;}
	.blog_view .blog_content .inner_content .blog_text .h3 {font-size: 20px; font-weight: bold; line-height: 1.41; letter-spacing: -0.2px; color: #595959;}
	.blog_view .blog_content .inner_content .blog_text .h4 {font-size: 18px; line-height: 1.5; letter-spacing: -0.16px; color: #595959;}
	.blog_view .blog_content .inner_content .blog_text .h5 {font-size: 16px; font-weight: bold; line-height: 1.5; letter-spacing: -0.15px; color: #595959;}
	.blog_view .blog_content .inner_content .blog_text .normal {font-size: 14px; line-height: 1.64; letter-spacing: -0.2px; color: #757575;}
	.blog_view .blog_content .inner_content .blog_text p + .imgs {margin-top:40px;}

	.blog_view .blog_content .inner_content .side {max-width:100%; position: relative; }
	.blog_view .blog_content .inner_content .side .ex_imgs {text-align: center; position: relative;}
	.blog_view .blog_content .inner_content .side .ex_imgs span img {width:308px;}
	.blog_view .blog_content .inner_content .side .ex_imgs .close {padding:10px; position: absolute; right:22px; top:-10px;}
	.blog_view .blog_content .inner_content .side .ex_imgs .close img {width:13px;}
	.blog_view .blog_content .inner_content .side .ex_imgs + .real_side {margin-top:49px;}
	.blog_view .blog_content .inner_content .side .real_side {border:1px solid #cdcdcd; padding:38px 35px 160px; position: relative;}
	.blog_view .blog_content .inner_content .side .real_side::after {content:''; width:162px; height:114px; background:url(../../images/common/bg_side.png) no-repeat; background-size: 100%; position: absolute; right:0; bottom:0;}

	.blog_view .blog_bot .tit_small + .sns_fild {margin-top:60px;}
	.blog_view .blog_step {margin-top:60px; border-top:1px solid #b0afb7; display: block; justify-content: space-between; position: relative; padding:43px 30px 35px;}
	.blog_view .blog_step::after {display:none;}
	.blog_view .blog_step > div {width:100%;}
	.blog_view .blog_step > div a {display:block;}
	.blog_view .blog_step > div a > strong {font-size: 16px; font-weight: 500; line-height: 1; letter-spacing: -0.29px; color: #595959;}
	.blog_view .blog_step > div a dl {display: flex; margin-top:30px;}
	.blog_view .blog_step > div a dl dt {width:30%;}
	.blog_view .blog_step > div a dl dt img {width:100%;}
	.blog_view .blog_step > div a dl dd {width:70%; margin-left:10px;}
	.blog_view .blog_step > div a dl dd strong {font-size: 20px; font-weight: bold; line-height: 1.35; letter-spacing: -0.36px; color: #474747; display:block;}
	.blog_view .blog_step > div a dl dd p {font-size: 16px; line-height: 1.5; letter-spacing: -0.29px; color: #858585; margin-top:8px;}
	.blog_view .blog_step > div a dl dd .word {display:block; margin-top:17px; width:100%;}
	.blog_view .blog_step > div a dl dd .word {font-size: 14px; font-weight: normal; line-height: 1.29; letter-spacing: -0.25px; color: #508aff;}
	.blog_view .blog_step > div a dl dd .word strong {font-weight:bold; color:#3437ce; display:inline;}
	.blog_view .blog_step > div a dl dd .word span.bar {color:#adadad; margin:0 9px;}
	.blog_view .blog_step > div.next {direction:ltr; margin-top:45px;}
	.blog_view .blog_step > div.next a dl dd {margin-left:10px; direction:ltr; text-align:left; margin-right:0;}





	.sub_mains {margin-top:130px; display:block; padding-bottom:0px;}
	.sub_mains .txt_main {width:100%; position: relative; padding:0 0px;}
	.sub_mains .txt_main .top_txt {}
	.sub_mains .txt_main .top_txt h2 {font-size: 38px; font-weight: bold; line-height: 1.06; letter-spacing: -0.9px; color: #292929;}
	.sub_mains .txt_main .top_txt p {font-size: 16px; font-weight: 500; line-height: 1.36; letter-spacing: -0.4px; color: #979797; margin-top:28px;}
	.sub_mains .txt_main .bot_txt {position: static;}
	.sub_mains .txt_main .bot_txt .links {margin-top:70px;}
	.sub_mains .txt_main .bot_txt .links li {display:inline-block; margin-top:10px; margin-right:10px;}
	.sub_mains .txt_main .bot_txt .links li a { width: auto; padding:0 18px; height: 50px; border: solid 1px #cfcfcf; background-color: #ffffff; display:inline-block; font-size: 14px; font-weight: bold; line-height: 50px; letter-spacing: -0.25px; text-align: center; color: #3d3d3d;}
	.sub_mains .txt_main .bot_txt .links .bot_link {margin-top:10px;}
	.sub_mains .txt_main .bot_txt .links .bot_link > a {font-size: 14px; line-height: 1.93; letter-spacing: -0.25px; color: #757575; text-decoration: underline; margin-right:20px;}
	.sub_mains .txt_main .bot_txt .input_fild {padding-top:0px; border-top: 0; margin-top:50px;}
	.sub_mains .txt_main .bot_txt .input_fild > strong {display:block; font-size: 18px; font-weight: 500; line-height: 1.44; letter-spacing: -0.32px; color: #3437ce;}
	.sub_mains .txt_main .bot_txt .input_fild .inputs {margin-top:18px;}
	.sub_mains .txt_main .bot_txt .input_fild .text {display:inline-block; width:100%; vertical-align: top; margin-right:0%; margin-bottom:10px;}
	.sub_mains .txt_main .bot_txt .input_fild .text input[type=text] {width:100%; box-sizing: border-box; height: 50px; padding: 18px 25px; background-color: #f2f2f2; font-size: 16px; font-weight: bold; line-height: 1.1; letter-spacing: -0.29px; color: #595959; border:0;}
	.sub_mains .txt_main .bot_txt .input_fild .text input[type=text]::placeholder {color: #595959; opacity: 0.3;}
	.sub_mains .txt_main .bot_txt .input_fild a {height: 50px; padding-left:20px; background-color: #e8f0f9; display:inline-block; position: relative; font-size: 14px; font-weight: bold; line-height: 50px; letter-spacing: -0.25px; color: #000145; width:100%; box-sizing: border-box; vertical-align: top;}
	.sub_mains .txt_main .bot_txt .input_fild a::after {content:''; width:19px; height:14px; position: absolute; right:20px; top:50%; transform: translateY(-50%); background:url(//2495902.fs1.hubspotusercontent-na1.net/hubfs/2495902/raw_assets/public/midasMCAD/Coded_Files/images/common/icon_arrow_more.png) no-repeat; background-size:100%;}

	.sub_mains .txt_main .bot_txt .input_fild > p { font-size: 12px; font-weight: 500; line-height: 1.58; letter-spacing: -0.22px; color: #979797; margin-top:10px;} 
	.sub_mains .img_main {width:100%; position: relative; margin-top:50px; padding-bottom:50px;}
	.sub_mains .img_main dt {width:100%; position: relative;}
	.sub_mains .img_main dt > img {width:100%;}
	.sub_mains .img_main dt span {position: absolute; left:39px; bottom:34px; display:flex; align-items: center;}
	.sub_mains .img_main dt span img {width:43px;}
	.sub_mains .img_main dt span strong {font-size: 14px; font-weight: bold; line-height: 1.29; letter-spacing: -0.25px; color: #ffffff; margin-left:16px;}
	.sub_mains .img_main dd {background:#f2f2f2; padding:35px 40px;}
	.sub_mains .img_main dd strong {display:block; font-size: 26px; font-weight: bold; line-height: 1.23; letter-spacing: -0.47px; color: #474747;}
	.sub_mains .img_main dd p {font-size: 16px; line-height: 1.25; letter-spacing: -0.29px; color: #858585; margin-top:16px;}
	.sub_mains .img_main dd .word {display:block; margin-top:9px; width:100%;}
	.sub_mains .img_main dd .word {font-size: 14px; font-weight: normal; line-height: 1.29; letter-spacing: -0.25px; color: #508aff;}
	.sub_mains .img_main dd .word strong {font-weight:bold; color:#3437ce; display:inline; font-size:14px;}
	.sub_mains .img_main dd .word span.bar {color:#adadad; margin:0 9px;}
	.sub_mains .img_main .swiper-pagination {position: absolute; right:auto; bottom:10px; width:100%; left:0;}
	.sub_mains .img_main .swiper-pagination .swiper-pagination-bullet {width: 12px; height: 12px; border: solid 1px #979797; background-color: #f2f2f2; margin:0 3px; margin-top:10px; opacity: 1; display:inline-block;}
	.sub_mains .img_main .swiper-pagination .swiper-pagination-bullet-active {background:#4851ff;}
	.sub_mains .img_main .swiper-container {overflow: hidden;}
	.sub_mains .img_main .swiper-container .swiper-wrapper {overflow: visible;}


	.blog_view .blog_content .inner_content .sub_blog {width:auto; padding:0 30px; padding-top:50px; padding-bottom:50px; position: relative; }
	.blog_view .blog_content .inner_content .tabs_menu {text-align:center;}
	.blog_view .blog_content .inner_content .tabs_menu li {display:inline-block; margin:0 5px;}
	.blog_view .blog_content .inner_content .tabs_menu li + li {margin:0 5px;}
	.blog_view .blog_content .inner_content .tabs_menu li a {font-size: 16px; font-weight: bold; line-height: 1.2; letter-spacing: -0.23px; text-align: center; color: #595959; padding:0 20px; display:inline-block; border-bottom:1px solid #b0afb7; padding-bottom:15px;}
	.blog_view .blog_content .inner_content .tabs_menu li.on a {color:#4a4e5e; border-color:#3437ce;}
	.blog_view .blog_content .inner_content .tabs_menu + .sub_list {margin-top:25px;}
	.blog_view .blog_content .inner_content .tag_menu {margin:60px 0; border-top: solid 1px #cdcdcd;  border-bottom: solid 1px #cdcdcd; display: block; padding:40px 0; text-align:center;}
	.blog_view .blog_content .inner_content .tag_menu strong {font-size: 14px; font-weight: bold; line-height: 1.29; letter-spacing: -0.25px; color: #ababab; margin-right:17px; }
	.blog_view .blog_content .inner_content .tag_menu ul {}
	.blog_view .blog_content .inner_content .tag_menu li {display: inline-block; margin-top:10px;}
	.blog_view .blog_content .inner_content .tag_menu li + li {margin-left:10px;}
	.blog_view .blog_content .inner_content .tag_menu a {font-size: 16px; line-height: 42px; letter-spacing: -0.29px; text-align: center; color: #595959; padding:0 18px; height: 42px; border-radius: 21px; background-color: rgba(186, 186, 205, 0.3); display:inline-block;}
	.blog_view .blog_content .inner_content .tag_menu .on a {background:#3437ce; color:#fff;}
	.blog_view .blog_content .inner_content .sub_blog .paging {position: absolute; left:0; width:1380px; bottom:0;}
	.blog_view .blog_content .inner_content .sub_blog .paging ul {display: flex; align-items: center; justify-content: center;}
	.blog_view .blog_content .inner_content .sub_blog .paging ul li {}
	.blog_view .blog_content .inner_content .sub_blog .paging ul li + li {margin-left:17px;}
	.blog_view .blog_content .inner_content .sub_blog .paging ul li.box + li.box {margin-left:9px;}
	.blog_view .blog_content .inner_content .sub_blog .paging ul li.box + li {margin-left:50px;}
	.blog_view .blog_content .inner_content .sub_blog .paging ul li + li.box {margin-left:50px;}
	.blog_view .blog_content .inner_content .sub_blog .paging ul li a {font-size: 14px; font-weight: bold; line-height: 1.29; letter-spacing: -0.25px; color: #979797;}
	.blog_view .blog_content .inner_content .sub_blog .paging ul li.box a {min-width:75px; height:40px; border: solid 0.8px #cfcfcf; background-color: #ffffff; font-size: 11.2px; font-weight: bold; line-height: 40px; letter-spacing: -0.2px; text-align: center; color: #3d3d3d; display:inline-block; padding:0 12px; box-sizing: border-box;}


	.blog_view .blog_content .inner_content .sub_blog .mo_paging {display: flex; justify-content: space-between; margin-top:45px;}
	.blog_view .blog_content .inner_content .sub_blog .mo_paging .first {width:25%; height:40px; border: solid 0.8px #cfcfcf; background-color: #ffffff; font-size: 11.2px; font-weight: bold; line-height: 40px; letter-spacing: -0.2px; text-align: center; color: #3d3d3d; display:inline-block; padding:0 12px; box-sizing: border-box;}
	.blog_view .blog_content .inner_content .sub_blog .mo_paging .more {width:70%; height:40px; border: solid 0.8px #cfcfcf; background-color: #ffffff; font-size: 11.2px; font-weight: bold; line-height: 40px; letter-spacing: -0.2px; text-align: center; color: #3d3d3d; display:inline-block; padding:0 12px; box-sizing: border-box;}

	.sub_list li {}
	.sub_list li dl {display:flex;}
	.sub_list li dl dt {width:30%;}
	.sub_list li dl dt img {width:100%; height: 100%;}
	.sub_list li dl dd {margin-left:10px; width:70%;}
	.sub_list li dl dd strong {font-size: 16px; font-weight: bold; line-height: 1.44; letter-spacing: -0.29px; color: #474747;}
	.sub_list li dl dd p {margin-top:10px; font-size: 14px; line-height: 1.29; letter-spacing: -0.25px; color: #858585;}
	.sub_list li dl dd .word {display:block; margin-top:10px; width:100%;}
	.sub_list li dl dd .word {font-size: 14px; font-weight: normal; line-height: 1.29; letter-spacing: -0.25px; color: #508aff;}
	.sub_list li dl dd .word strong {font-weight:bold; color:#3437ce; display:inline; font-size:14px;}
	.sub_list li dl dd .word span.bar {color:#adadad; margin:0 9px;}
	.sub_list li + li {margin-top:55px;}

}

@media all and (max-width: 1024px) {
	.container{
		margin-top: 0px;
	}
	.blog_view .blog_content .inner_content .side{
		max-width: 100%;
	}
}
@media all and (max-width: 768px) {
	.container{
		margin-top: 0px;
	}
}
@media all and (max-width: 428px) {
	.container{
		margin-top: 0px;
	}
	.span12.product_cont.innerWrap {
		margin-top: 75px
	}
	.container.topmargin {
		margin-top: 0;
	}
	.blog_view .blog_content .inner_content .sub_blog div.tabs_menu > ul {
		display: flex;
		justify-content: center;
		align-items: center;
		flex-wrap: wrap;
	}
	.blog_view .blog_content .inner_content .sub_blog div.tabs_menu > ul > li > a {
		font-size: 10px;
	}
	.blog_view .blog_content .inner_content .sub_blog div.tabs_menu > ul > li:nth-child(4) > a {
		margin-top: 15px;
	}
	.blog_view .blog_content .inner_content .sub_blog div.tabs_menu > ul > li:nth-child(5) > a {
		margin-top: 15px;
	}
	.blog_view .blog_content .inner_content .side .real_side {     padding: 48px 0px 160px; }

	.blog_view .blog_content .inner_content .sub_blog {        padding: 2px 0px;    padding-bottom: 70px;   }

	.blog_view .blog_content .inner_content .sub_list {
		margin:25px 10px 0 10px;
	}
}


/* 230228 박찬영 수정 */
.blog_view.blog_view_V2 .tit_area .tit h2{
	font-size: 42px;
	font-weight: bold;
	line-height: 1.33;
	letter-spacing: -0.4px;
	color: #474747;
}
.blog_view.blog_view_V2 .tit_small a{
	width: auto;
	display: inline-block;
	padding: 0 41px;
	margin-top: 40px;
	height: 50px;
	background-color: #4f4f4f;
	font-size: 14px;
	font-weight: bold;
	line-height: 50px;
	letter-spacing: -0.25px;
	text-align: center;
	color: #ffffff;
}
.blog_view .sns_fild{
	display: none;
}
.container.topmargin{
	margin-top:20px;
}
.blog_view.blog_view_V2 .blog_content .inner_content .blog_text{
	display: flex;
	justify-content: space-between;
	position: relative;
	padding-top: 15px;
	margin:0;
}
.blog_view.blog_view_V2 .blog_content .inner_content .blog_text p{
	padding:0;
}


@media all and (max-width: 1380px) {
	.container.topmargin{
		margin-top:0;
	}

	.blog_view.blog_view_V2 .blog_content .inner_content .blog_text{
		display: block;
		padding-top: 0;
	}
	.blog_view.blog_view_V2 .blog_content .inner_content .side .ex_imgs{
		margin: 0 auto 50px;
		max-width: 308px!important;
		position: relative;
		text-align: center;
	}
	.blog_view.blog_view_V2 .blog_content .inner_content .side .real_side{
		border:none;
		border-top: 1px solid #cdcdcd;
		padding: 38px 35px 160px;
		position: relative;
		padding-left:0;
		padding-right:0;
	}
	.blog_view.blog_view_V2 .blog_content .inner_content .side{
		margin-top: 50px;
		position: relative;
		width: 100%;
	}
	.blog_view.blog_view_V2 .blog_content .inner_content .side .ex_imgs .close{
		padding: 10px;
		position: absolute;
		right: 0;
		top: -10px;
	}
	.blog_view.blog_view_V2.blogDetail .tit_small{
		padding-bottom:0;
	}
	.blog_view.blog_view_V2 .blog_content .inner_content{
		padding-top:0;
	}

}
@media all and (max-width: 1024px) {
	.blog_view.blog_view_V2 .tit_area .tit h2{
		color: #474747;
		font-size: 26px;
		font-weight: 700;
		letter-spacing: -.23px;
		line-height: 1.31;
		padding: 0;
		width: 100%;
	}
	.blog_view.blog_view_V2 .blog_view{
		margin-top:0;
	}
}
@media all and (max-width: 425px) {
	.blog_view.blog_view_V2.blogDetail .tit_small>div:last-child{
		flex-direction:column;
		margin-top:30px;
		gap:10px;
	}
	.blog_view.blog_view_V2.blogDetail .tit_small>div:last-child .countIcon{
		align-self:flex-start;
	}
	.blog_view.blog_view_V2.blogDetail .tit_small a{
		margin:0;
		align-self:flex-end;
	}
}