@charset "utf-8";

.pagecommon{position:relative;padding-bottom:50px;font-size:15px;letter-spacing:-.3px;line-height:1.8;color:#777;font-family:'notokr-regular'}
.pagecommon .pl{white-space:pre-line}
.pagecommon *{word-break:keep-all}
.pagecommon .tit span{display:inline-block;padding:3px 25px;border-radius:50px;font-size:15px;font-weight:700;color:#fff;background:#7826e2;font-family:'Exo 2', 'notokr-bold'}
.pagecommon .tit p{margin-top:20px;font-size:28px;line-height:1.3;color:#111;font-family:'notokr-light'}
.pagecommon .tit p b{font-family:'notokr-bold'}
.pagecommon .naver{margin-top:50px;padding:10px;cursor:pointer;transition:all 0.1s;font-size:17px;color:#fff;text-align:center;border:1px solid #e1e1e1;background:#f2f2f2;font-family:'notokr-medium'}
.pagecommon .naver:hover{background-color: #03c75a}
.pagecommon .naver:hover a{color: #fff}

#p33{background:url('/sh_page/img/p33_img.jpg') right no-repeat}
#p33 .tit{padding-top:70px}
#p33 .cont{margin-top:55px}
#p33 .cont ul{display:flex;justify-items:center;justify-content:center;gap:10px;width:45%}
#p33 .cont ul li{width:210px;border:2px solid #7826e2;border-radius:15px;font-size:20px;color:#7826e2;line-height:125px;text-align:center;font-family:'notokr-bold'}
#p33 .cont ul li img{margin-right:10px}
#p33 .cont ul li:nth-child(2){color:#fff;background:#7826e2}
#p33 .txt{width:80%;margin-top:50px;padding:50px;border:1px solid #e1e1e1;border-bottom:none;border-radius:20px 20px 0 0;background:#fff}
#p33 .txt .sign{display:flex;justify-content:space-between;align-items:center;margin-top:30px}
#p33 .txt .sign .logo{padding:10px 20px;border-radius:5px;background:#f2f2f2}

#p34{display:flex}
#p34 .cont{width:65%;margin-left:auto;border-top:3px solid #7826e2}
#p34 .cont dl{display:flex;align-items:center;border-bottom:1px solid #e1e1e1}
#p34 .cont dl:nth-child(even){background:#f2f2f2}
#p34 .cont dl dt{position:relative;width:25%;padding:30px 0;border-right:1px dashed #e1e1e1;font-size:26px;font-weight:700;text-align:center;color:#111;font-family:'Exo 2'}
#p34 .cont dl dt:before{position:absolute;content:'';top:50%;right:-4px;width:7px;height:7px;border-radius:50px;transform:translateY(-50%);background:#7826e2}
#p34 .cont dl dd{width:75%;padding-left:30px}

#p35 .map{display:flex}
#p35 .map+.map{margin-top:80px}
#p35 .tit{width:385px}
#p35 .tit ul{width:90%;margin-top:20px;padding:20px 30px;border-radius:5px;background:#f2f2f2;font-family:'Exo 2'}
#p35 .tit ul li{position:relative;padding-left:15px}
#p35 .tit ul li:before{position:absolute;content:'';top:12px;left:0;width:3px;height:3px;background:#7826e2}

.prod{text-align:center}
.prod .tit{margin-bottom:30px}
.prod .l_tit{margin-bottom:50px}
.prod .grid_4{display:grid;grid-template-columns:repeat(4,1fr);gap:25px}
.prod .grid_4 li img{width:100%;padding:10px;border:1px solid #e1e1e1;border-radius:5px}
.prod .grid_4 li p{margin-top:5px;font-size:17px;font-weight:700;color:#111;font-family:'Exo 2'}
.prod ul li a{display:inline-block;padding:2px 14px;border-radius:3px;color:#fff;background:#7826e2;transition:all .3s}
.prod ul li a:hover{background:#3c0089}
#p38 .grid_no{display:grid;grid-template-columns:repeat(3,1fr);gap:25px;margin-top:40px;padding-top:40px;border-top:1px dashed #e1e1e1;font-size:17px;font-weight:700;color:#111;font-family:'Exo 2', 'notokr-medium'}
#p38 .grid_no li{padding:10px;border-radius:5px;background:#f2f2f2}
#p39 ul{display:grid;grid-template-columns:repeat(4,1fr);gap:25px}
#p39 ul li{border:1px solid #e1e1e1;padding:20px;border-radius:5px;text-align:center}
#p39 ul li p{height:88px;margin-top:25px;padding:15px;font-size:16px;color:#111;background:#f2f2f2;font-family:'notokr-medium'}
#p39 .ntc{margin-top:20px;padding:10px;font-size:17px;color:#fff;text-align:center;background:#111;font-family:'notokr-medium'}

#p48 .cont{padding-bottom:40px;margin-bottom:40px;text-align:left;border-bottom:1px dotted #e1e1e1}
#p48 .cont:last-child{margin-bottom:0;padding-bottom:0;border:none}
#p48 .cont > p{font-size:20px;font-weight:700;color:#222;font-family:"Exo 2"}
#p48 .cont > p a{display:inline-block;padding:2px 14px;margin-left:20px;border-radius:3px;font-size:15px;font-weight:400;color:#fff;background:#7826e2;transition:all .3s;cursor:pointer;font-family:'notokr-regular'}
#p48 .cont > p a:hover{background:#3c0089}
#p48 .cont ul{display:flex;align-items:center;justify-content:space-between;margin-top:20px}
#p48 .cont ul li p{margin-top:5px;font-size:17px;font-weight:700;color:#111;text-align:center;font-family:'Exo 2'}
#p48 .cont ul li img{border:1px solid #e1e1e1}