@charset "utf-8";

.greeting {margin-top:var(--space-50); display:flex;}
.greeting .col-l {max-width:400px; flex:1 400px;}
.greeting .col-l .txt1 {font-size:var(--font-size-20); font-weight:700; color:var(--color-primary); letter-spacing:-.03em; line-height:1.4em;}
.greeting .col-l .txt2 {font-size:var(--font-size-32); font-weight:500; color:var(--color-bk); letter-spacing:-.03em; line-height:1.4em;}
.greeting .col-l .txt2 strong {color:var(--color-primary); display:block;}
.greeting .col-r {padding-top:var(--space-30); font-size:var(--font-size-18); letter-spacing:-.03em; line-height:1.67em; flex:1;}
.greeting .col-r .txt1 {margin-bottom:var(--space-25); font-size:var(--font-size-24); font-weight:700; letter-spacing:-.03em; line-height:1.4em;}
.greeting .col-r .txt2 {margin-top:var(--space-50); font-weight:700;}
.greeting .col-r p {margin-bottom:var(--space-20);}

.history {padding-top:var(--space-60); gap:0 var(--space-20); display:flex; border-top:2px solid var(--color-bk);}
.history .col-l {width:46%;}
.history .col-l h2 {margin-bottom:var(--space-20); font-size:var(--font-size-32); letter-spacing:-.03em; font-weight:600; font-family:'Montserrat', sans-serif; color:var(--color-bk);}
.history .col-l h2 span {font-size:var(--font-size-40); color:var(--color-primary); letter-spacing:-.03em; font-weight:700;}
.history .col-l p {margin-bottom:var(--space-50); font-size:var(--font-size-18); line-height:1.56em; font-weight:500;}
.history .col-l p b {color:var(--color-bk); font-weight:600;}
.history .col-r {flex:1;}
.history .item {padding:0 0 var(--space-50) var(--space-70); position:relative;}
.history .item:before {top:8px; width:1px; position:absolute; content:''; left:0; background-color:#ddd; height:100%; bottom:0;}
.history .item:after {width:20px; height:20px; left:-10px; top:4px; background-image:url('../images/sub/history-dot.png'); background-size:contain; background-repeat:no-repeat; position:absolute; content:'';}
.history .item:last-child {padding-bottom:0;}
.history .item:last-child:before {display:none;}
.history .item .year {font-size:var(--font-size-28); margin-bottom:var(--space-20); line-height:1.1em; font-weight:600; letter-spacing:-.03em; color:var(--color-bk); position:relative;}
.history .item .year:before {left:-50px; top:14px; width:40px; height:1px; position:absolute; content:''; background-color:#ddd;}

.history .item li {margin-bottom:var(--space-15);}
.history .item > ul > li {display:flex;}
.history .item > ul > li:last-child {margin-bottom:0;}
.history .item > ul > li .month {width:45px; font-weight:600; color:#303b4c;}
.history .item > ul > li .cnt {padding-top:4px; position:relative; flex:1;}
.history .item > ul > li .cnt ul li {padding-left:15px; line-height:1.4em; position:relative;}
.history .item > ul > li .cnt ul li:last-child {margin-bottom:0;}
.history .item > ul > li .cnt ul li:before {width:5px; height:5px; top:7px; position:absolute; content:''; left:0; background-color:#ddd; border-radius:100%;}

.certificate ul {gap:var(--space-40); display:flex; flex-wrap:wrap;}

.root_daum_roughmap {width:100% !important;}
.root_daum_roughmap .cont {display:none !important;}

.directions {margin-top:var(--space-40);}
.directions .address-info {margin-bottom:var(--space-30);}
.directions .address-info .comp {color:var(--color-primary); font-weight:600; margin-bottom:2px;}
.directions .address-info .addr {color:var(--color-bk); font-size:23px; font-weight:600; line-height:1.33em; letter-spacing:-.03em; margin-bottom:5px;}
.directions .address-info .etc {color:#454545;}
.directions .address-info .etc span {display:inline-block; margin-right:16px;}
.directions .address-info .etc span:last-child {margin-right:0;}
.directions .contact-info {border-top:1px solid #ddd; line-height:1.5em;}
.directions .contact-info dl {display:flex; padding:var(--space-25) 0; border-bottom:1px solid #ddd;}
.directions .contact-info dt {width:180px; padding-left:var(--space-30); color:var(--color-bk); font-size:1.125em; font-weight:500;}
.directions .contact-info dt svg {vertical-align:middle; margin:-.2em 15px 0 0;}
.directions .contact-info dt path {opacity:0.5; fill:var(--color-primary);}
.directions .contact-info dd {flex:1 1 auto; min-width:0; width:1%; color:#454545;}

.prd-list ul {display:flex; flex-wrap:wrap; margin:0 -20px -45px;}
.prd-list ul li {width:33.3333%; padding:0 20px; margin-bottom:45px;}
.prd-list ul li .image {overflow:hidden;}
.prd-list ul li .thumb {position:relative; padding-bottom:123%; overflow:hidden; transition:.5s;}
.prd-list ul li .thumb img {position:absolute; top:50%; left:0; transition:.4s ease-in-out; transform:translateY(-50%); -ms-transform:translateY(-50%); -webkit-transform:translateY(-50%); width:100%; height:auto !important; max-width:100%; min-height:100%; object-fit:cover;}
.prd-list ul li:hover .thumb {transform:scale(1.07); transition:.6s;}
.prd-list ul li .txt {margin:-125px 20px 0; text-align:center; position:relative; z-index:1;}
.prd-list ul li .txt dt {margin:0 var(--space-30); padding:8px 10px; font-size:var(--font-size-22); font-weight:700; border-radius:30px; position:relative; z-index:1; background-color:var(--color-primary); color:#fff;}
.prd-list ul li .txt dt small {font-size:var(--font-size-16); display:block; line-height:1.3em; opacity:0.4;}
.prd-list ul li .txt dd {max-height:300px; margin-top:-15px; padding:var(--space-40); overflow-y:scroll; line-height:1.6em; box-shadow:1px 3px 10px rgba(0, 0, 0, .2); background-color:#fff;}


/* 
align-items:center; justify-content:center;
border-radius:100%; border-radius:30px;
font-size:var(--font-size-18); letter-spacing:-.03em; line-height:1.4em;
background-color:var(--color-primary);
color:var(--color-primary);
margin-bottom:var(--space-35);
margin-bottom:var(--space-50);
*/