* {font-family:'Noto Sans KR','Roboto',sans-serif !important;}
  
/* reset CSS */
html, body, h1, h2, h3, h4, h5, h6, p, blockquote, code, img, dl, dt, dd, ol, ul, li, fieldset, legend, caption { margin: 0; padding: 0; border: 0; }
div, span, article, section, header, footer, p, ul, li, fieldset, legend, label, a, nav, h1, h2, h3 { box-sizing: border-box; }
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; }
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section { display: block; }
ol, ul, li { list-style: none; }
table { border-collapse: collapse; border-spacing: 0; }
img { max-width: 100%; height: auto; }

html{height:100%;font-size:62.5%;word-wrap:break-word; overflow-x:hidden;}
body{font-size:1.6rem;font-size:min(1.4rem);}

a{text-decoration: none;cursor: pointer;}


/* display */
.pc {display: none;}
.mobile {display: block;}

/* 두줄, 세줄 ... 처리 */
.line_clamp2 {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;

	/* 여러 줄 자르기 추가 스타일 */
	white-space: normal;
	word-wrap: break-word;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
}



/* 플로팅 버튼 */
.floating {position: fixed; bottom:5.55vw; right:5.55vw; z-index:10;}
/*.floating.active {visibility: visible;opacity: 1;transition: all 0.3s;}*/
.floating a {display: block; width:13.88vw;height:13.88vw;border-radius:13.88vw; box-shadow: 1.68px 3.36px 3.36px rgba(0, 0, 0, 0.05);}
.floating a + a {margin-top:2.22vw;}
.floating a.top {visibility: hidden;opacity: 0;}
.floating a.top.active {visibility: visible;opacity: 1;transition: all 0.3s;}


/* 푸터 */ 
footer {background-color: #333333;color: #fff;}
footer .contents-wrap {padding:8.33vw 8.33vw 20vw;}
footer .contents-wrap h3 {display: flex;align-items: center; font-size:3.88vw; font-weight: 600; line-height:6.11vw;margin-bottom:1.11vw;}
footer .contents-wrap .service-center > h3::before {content: ''; display: inline-block;width:4.44vw;height:4.44vw; background: url('../img/ic_footer_headset.png') no-repeat center center/contain;margin-right:1.66vw;}
footer .contents-wrap .service-center > a.phone {font-size:5.55vw; font-weight: 400; line-height:7.77vw; color:#CDCDCD;}
footer .contents-wrap .service-center > p {font-size:3.33vw; font-weight: 400; line-height:5.55vw; color:#A3A3A3;margin-top:1.11vw;}
footer .contents-wrap .sns-icon {width: 100%;}
footer .contents-wrap .sns-icon > h3 {margin-top:5.55vw;}
footer .contents-wrap .sns-icon > h3::before {content: ''; display: inline-block;width:4.44vw;height:4.44vw; background: url('../img/ic_footer_website.png') no-repeat center center/contain;margin-right:1.66vw;} 
footer .contents-wrap .sns-icon .btn-wrap {margin-top:1.8vw;}
footer .contents-wrap .sns-icon .btn-wrap > ul {display: flex; flex-wrap: wrap; width: 100%;}
footer .contents-wrap .sns-icon .btn-wrap > ul > li {width: 33.333%;margin-bottom:2.22vw;}
footer .contents-wrap .sns-icon .btn-wrap > ul > li > a {display: flex; align-items: center;font-size:3.33vw; font-weight: 400; line-height:5.55vw; color:#CDCDCD; align-items: center;}
footer .contents-wrap .sns-icon .btn-wrap > ul > li > a > .icon{display: inline-block; width:6.66vw; height:6.66vw;margin-right:1.38vw;}
footer .contents-wrap .sns-icon .btn-wrap > ul > li > a > .icon > img{width:100%;}
footer .contents-wrap .company-info {margin-top:13.88vw;}
footer .contents-wrap .company-info .footer-logo{display: inline-block; width:29.44vw;}
footer .contents-wrap .company-info > p {font-size:3.33vw; font-weight: 400; line-height:5.55vw; color:#A3A3A3; margin-top:3.88vw;}
footer .contents-wrap .company-info > p > strong{font-weight:700;}
footer .contents-wrap .company-info .footer-badge {display: inline-block; width:62.22vw;margin-top:3.88vw;}



/** ------------------------------- 메인 ------------------------------- **/
.container{width:100%;height:100%;}

section.section01 {background-color: #282828;}
section.section02 {background-color: #F9F9F9;}
section.section03 {background-color: #ffffff;}
section.section04 {background-color: #F9F9F9;}
section.section05 {background-color: #ffffff;}
section.section06 {background-color: #FFECF2;}
section.section07 {background-color: #EBEFFF;}

section > img {margin:0 auto;}