@charset "utf-8";

#comingsoon{width:100%;padding-top:100px;text-align:center}

/* 공통 */
.pagecommon{position:relative;font-size:15px;letter-spacing:-.3px;line-height:1.8;color:#777;font-family:'notokr-regular'}
.pagecommon .tit_area{margin-bottom:25px;color:#aaa;letter-spacing:-.8px;font-family:'notokr-light'}
.pagecommon .tit_area span{display:inline-block;color:#111;font-size:14px;letter-spacing:2px;text-transform:uppercase;font-family:'notokr-bold'}
.pagecommon .tit_area.t_center span:after{display:block;content:"";width:1px;height:30px;margin:12px auto;background-color:#d1d1d1}
.pagecommon .tit_area p{font-size:29px;line-height:1.4}
.pagecommon strong{color:#111;font-weight:normal;font-family:'notokr-bold'}
.pagecommon .br{white-space:pre-line}

.pagecommon .tit_box{margin-bottom:50px;color:#111;font-size:26px;font-family:'notokr-bold'}
.pagecommon .tit_box .en_tit{color:#f49546;font-weight:bold;font-size:14px;font-family:'Poppins'}
.pagecommon .main_box{margin-bottom:40px}
.pagecommon .main_box p{margin-bottom:20px;color:#222;font-size: 23px;font-family:'notokr-light'}
.pagecommon .main_box p span{font-family:'notokr-bold'}
.pagecommon .main_box ul{display:flex;gap:10px}
.pagecommon .main_box > ul li{width: calc(100% / 3);padding:30px;color:#111;border:1px solid #e1e1e1;border-radius:14px;font-family:'notokr-medium'}
.pagecommon .main_box .img_box ul{margin:30px 0 50px;gap:16px}
.pagecommon .cont .txt{margin-bottom:30px;padding:40px;background:#f2f2f2;}
.pagecommon .cont .txt p{color:#222;font-size:18px;font-family:'notokr-bold'}
.pagecommon .cont .grid{margin:20px 0 40px;display:grid;gap:16px;grid-template-columns:repeat(2, 1fr)}
.pagecommon .cont .flex{margin-top:20px;display:flex;gap:16px;justify-content:center}
.pagecommon .cont .flex li{position:relative}
.pagecommon .cont .flex li p{position:absolute;bottom:0;padding:14px;width:100%;color:#fff;background:#00000091;font-size: 14px;font-weight:600;font-family:'Poppins'}
.pagecommon .border{border:1px solid #e1e1e1}
.pagecommon table{margin-top: 50px;width:100%;border-top:3px solid #f69f59}
.pagecommon table th{width: 24%;padding: 16px 20px;border-left: 1px solid #e1e1e1;border-bottom:1px solid #e1e1e1;color: #222;background:#f5f5f5}
.pagecommon table td{padding:12px 14px;border-bottom:1px solid #e1e1e1;border-right:1px solid #e1e1e1;word-break:keep-all;text-align:center}

/* 대표 인사말 */
#p33{text-align:center;letter-spacing: -.3px}
#p33 .cont{position: relative;padding:50px 20px 0;width:90%;margin:-40px auto 60px;background-color:#fff}
#p33 .cont .st{padding-bottom:20px;color:#333;line-height:1.5;word-break:keep-all;font-size:22px;font-family:'notokr-medium'}
#p33 .cont .sign{color:#333;font-family:'notokr-bold'}
#p33 .cont .sign span{padding-left:5px;font-size:26px;color:#333;font-family:'Nanum Pen Script'}

/* 제어 솔루션 */
#p36{text-align:center} 
#p36 .grid.box{grid-template-columns:repeat(3, 1fr)}
#p37{text-align:center} 

/* 전광판 */
#p37 .cont .grid{grid-template-columns:repeat(3, 1fr) !important}
#p37 .list_box {margin:40px 0;display:flex;gap:16px;word-break:keep-all}
#p37 .list_box li{width: calc(100% / 3);padding:40px 30px;border:1px solid #dddbdb;border-radius:14px}
#p37 .list_box li img{height:65px}
#p37 .list_box li p{color:#222;padding: 30px 0 10px 0;font-size:19px;font-family:'notokr-bold'}
#p37 .list_box li .t_box span{color:#333;font-family:'notokr-medium'}
#p37 .cont .b_box{text-align:left}
#p37 .cont .b_box li{margin-bottom:14px;padding:40px;border-radius:14px;box-shadow:0px 0px 20px 10px rgb(0 0 0 / 6%)}
#p37 .cont .b_box li:first-child{display:grid;grid-template-columns:repeat(2, 1fr);padding:40px;justify-content:center;border-radius:14px;box-shadow:0px 0px 20px 10px rgb(0 0 0 / 6%)}
#p37 .cont .b_box li p{color:#222;font-size:19px;font-family:'notokr-bold'}
#p37 .cont .b_box li .right{margin-left:auto}
#p37 .cont.box{margin-top:50px}
#p37 .cont.box .grid{grid-template-columns:repeat(2, 1fr) !important}
#p37 .cont.box .grid li{position:relative}
#p37 .cont.box .grid li p{position:absolute;bottom:0;padding:14px 20px;width:100%;color:#fff;background:#00000091;font-family: 'notokr-medium';}

/* 반응형 [s] */
@media (max-width:1024px){
.pagecommon{padding:30px 20px;font-size:14px}
.pagecommon .tit_area{padding:0 20px}
}
@media (max-width:900px){
.pagecommon .cont .flex li p{padding:10px;font-size:13px}
}
@media (max-width:768px){
.pagecommon{padding:30px 16px}
.pagecommon .tit_area p{font-size:24px}
.pagecommon .br {white-space:normal;word-break:keep-all}
.pagecommon .main_box p{font-size:19px}
.pagecommon .main_box span:nth-child(2){display:block}
.pagecommon .cont .txt p {margin-bottom:14px}
.pagecommon .tit_box{font-size:24px}
.pagecommon .main_box > ul li {padding:30px 10px}
.pagecommon .cont .txt p{font-size:16px}
.pagecommon .tit_box{margin-bottom:30px}

#p33 .cont .st{font-size:19px}
}
@media (max-width:600px){
.pagecommon .main_box ul{flex-direction:column}
.pagecommon .main_box > ul li{width:100%}
.pagecommon .cont .txt{padding:40px 20px;margin-top:20px}
.pagecommon .cont .flex li{width:100%}
.pagecommon .cont .grid{margin:20px 0 0 0}
.pagecommon .cont .flex{flex-direction:column}

#p37 .list_box{flex-direction:column}
#p37 .list_box li{width:100%}
#p37 .cont.box .grid{grid-template-columns:repeat(1, 1fr) !important}
#p36 .grid.box{grid-template-columns:repeat(1, 1fr)}
}
@media (max-width:480px){
.pagecommon .tit_box{margin-bottom:30px;font-size:20px}
.pagecommon .tit_area p{font-size:20px}
.pagecommon .main_box span:nth-child(2){display:inline-block}
.pagecommon .cont .txt{padding:40px 14px}
.pagecommon .t_inner{overflow-x: scroll}
.pagecommon table{width:120%}

#p33 .cont {padding:30px 0 0 0;width:100%;margin:0 auto}
#p33 .cont .st{font-size:18px}
#p37 .list_box li p{font-size:18px}
}
@media (max-width:380px){
.pagecommon .main_box p{font-size:16px}
.pagecommon .cont .txt p{font-size:14px}
}
/* 반응형 [e] */

