@charset "utf-8";
/* 인사말 */
.gt-img { border-radius: 40px 0 40px 0; overflow: hidden; margin-bottom: 55px;}
.gt-txtbox {text-align: center;}
.gt-txtbox h3 { font-size: 32px; font-weight: 700; letter-spacing: -.03em; line-height: 1.2em; color: #000; margin-bottom: 50px;}
.gt-txtbox p { font-size: 18px; line-height: 1.666em; letter-spacing: -.03em; font-weight: 300; color: #454545; margin-bottom: 28px;}
.sign { display: flex; justify-content: center; align-items: center; gap: 22px; font-size: 18px; letter-spacing: -.03em; line-height: 1.2em; font-weight: 500; color: #242424; margin-top: 55px;}

/* 취급브랜드 */
.brand-list { display: flex; flex-wrap: wrap; gap: 40px 12px; }
.brand-list li { width: calc(100%/4 - 9px); text-align: center; }
.brand-list li .thumb {position:relative; padding-bottom:35%; overflow:hidden; margin-bottom: 17px;}
.brand-list li .thumb img {position:absolute; top:50%; left:50%; transition:.4s ease-in-out; transform:translate(-50%, -50%); -ms-transform:translate(-50%, -50%); -webkit-transform:translate(-50%, -50%); width:auto !important; height:auto !important; max-width:100%; min-height:100%; object-fit:contain;}
.brand-list li .thumb:after {content:""; position:absolute; top:0; left:0; right:0; bottom:0; border:1px solid rgba(0,0,0,.08); }
.brand-list li .tit { font-weight: 500; letter-spacing: -.03em; line-height: 1em; color: #454545; }

/* 오시는 길 */
.map-list { border-top: 2px solid #242424; margin-bottom: 80px;}
.map-list li { width: 100%; display: flex; border-bottom: 1px solid #ddd; align-items: flex-start;}
.map-list li:last-child { border-bottom: none;}
.map-list li .tit { width: 14.7777%; font-size: 24px; font-weight: 700; letter-spacing: -.03em; line-height: 1.4em; color: #242424; padding-left: 30px; padding-top: 26px;}
.map-list li .ctt { display: flex; flex: 1 1 auto; min-width: 0; width: 1%; flex-wrap: wrap;}
.map-list li .ctt-fx { width: calc(100%/2 ); display: flex; padding: 30px 0; border-bottom: 1px solid #ddd;}
.map-list li .ctt-fx.bd { border: none;}
.map-list li .ctt-fx .title { font-size: 18px; font-weight: 700; letter-spacing: -.03em; line-height: 1.4em; padding-left: 30px; color: #999; width: 25%;}
.map-list li .ctt-fx .txt { font-size: 18px; font-weight: 300; letter-spacing: -.03em; line-height: 1.4em; color: #242424; flex: 1 1 auto; min-width: 0; width: 1%; }

/* 제품소개 */
.pd-list li { margin-bottom: 40px; border-radius: 24px; border: 1px solid #ddd; overflow: hidden; display: flex; align-items: center; background: #f8f8f8;}
.pd-list li .thumb { width: 360px; border-right: 1px solid #ddd; background-color: #fff;}
.pd-list li .thumb>div { position:relative; padding-bottom:65%; overflow:hidden;}
.pd-list li .thumb img {position:absolute; top:50%; left:50%; transition:.4s ease-in-out; transform:translate(-50%, -50%); -ms-transform:translate(-50%, -50%); -webkit-transform:translate(-50%, -50%); width:auto !important; height:auto !important; object-fit:contain;}
.pd-list li .info { flex: 1 1 auto; min-width: 0; width: 1%; position: relative; padding: 40px; background: #f8f8f8; height: 100%;}
.pd-list li .info .tit { font-size: 24px; font-weight: 600; letter-spacing: -.03em; line-height: 1em; color: #242424; margin-bottom: 22px; }
.pd-list li .info .txt { font-weight: 300; line-height: 1.666em; color: #454545; letter-spacing: -.03em; }
.pd-list li .info a { position: absolute; right: 40px; top: 35px; font-size: 18px; font-weight: 500; letter-spacing: -.03em; line-height: 1em; color: #1f2776; padding-right: 26px;}
.pd-list li .info a::after { content: ""; position: absolute; right: 0; width: 16px; height: 16px; background: url(../images/sub/view-icon.png) center no-repeat; background-size: contain;}