@charset "UTF-8";
/**********************************************
note : fonts set
## google fonts cdn이 변경됨. https://fonts.google.com/에 방문하여 폰트를 담아오면 됩니다.
## 예) @import url('https://fonts.googleapis.com/css?family=Nanum+Gothic:400,700,800&subset=korean');
**********************************************/
body,th,td,input,select,textarea,button,
h1,h2,h3,h4,h5,h6 {font-family:'Malgun Gothic','돋움','dotum','Apple SD Gothic Neo','Helvetica Neue','Helvetica','Roboto','Arial',sans-serif}

/**********************************************
note : 메인 단
**********************************************/
.index-wrap.custom03 .index-columns.grid-1 {width:50%;padding-right:.95rem}
.index-wrap.custom03 .index-columns.grid-2 {width:50%;padding-left:.95rem}
.index-wrap.custom03 .index-columns.grid-3 {width:34.5%;padding-left:1.9rem}
.index-wrap.custom03 .index-columns.grid-4 {width:65.5%;padding-right:0}

/**********************************************
note : 자동박스
**********************************************/
/* dp05 */
.auto-dp05 .auto-columns {position:relative;margin-top:1rem;text-align:center}
.auto-dp05 .auto-columns:first-child {margin-top:0}
.auto-dp05 .auto-columns > a {display:block}
.auto-dp05 .auto-columns > a:not(.auto-section)::before {content:'';position:absolute;z-index:1;left:0;top:0;width:100%;height:100%;border:1px solid rgba(0,0,0,.08)}
.auto-dp05 .auto-columns:hover > a:not(.auto-section)::before {border-width:3px;border-color:#ed1c24}
.auto-dp05 .auto-columns .auto-section {position:absolute;bottom:145px;left:50%;z-index:2;padding:.25rem 1.25rem;font-size:.75rem;line-height:1.25em;color:#fefefe;-webkit-transform:translateX(-50%);transform:translateX(-50%)}
.auto-dp05 .auto-columns.noimage .auto-section {display:inline-block;position:static;bottom:inherit;left:inherit;margin-left:auto;margin-right:auto;-webkit-transform:translateX(0);transform:translateX(0)}
.auto-dp05 .auto-columns .auto-content {min-height:145px;padding:1.25rem;text-align:left}
.auto-dp05 .auto-columns .auto-content::after {content:'';display:table;clear:both}


/*소개*/
.com-about.com-1-1 {position:relative;}

.com-about.com-1-1 header {padding-top:1.5rem;font-weight:300;color:rgba(0,0,0,.84);letter-spacing:-.313rem;line-height:1.2}
.com-about.com-1-1 header .title {padding:4rem 0;margin-bottom:1.25rem;font-size:2rem;text-align:left;letter-spacing:-.2rem;background:url('/image/company/com-1_bg.png') no-repeat left top;}
.com-about.com-1-1 header > p {display:block;margin-top:1.25rem;font-size:1.5rem;color:rgba(0,0,0,.52);text-align:center;letter-spacing:-.1rem;line-height:1.2}

@media screen and (max-width: 39.9375em) {
	.com-about.com-1-1 {padding-left:0}
	.com-about.com-1-1::before,.com-about.com-1::after {display:none}
	.com-about.com-1-1 header {padding:0;font-size:1.75rem;letter-spacing:-.2rem;text-align:left}
	.com-about.com-1-1 header .title {padding-bottom:3.75rem 0;margin-bottom:1.25rem;font-size:1.5rem;text-align:left;background:url('/image/company/com-1_bg.png') no-repeat left top;}
	.com-about.com-1-1 header > span {display:block}
	.com-about.com-1-1 header > p {font-size:1.25rem}
}