@charset "utf-8";
ul {margin:0;padding:0}
li{list-style:none}
img {border:0}
a {text-decoration:none}

@font-face {font-family:ngb;src:url(http://www.hdweb.co.kr/NanumGothicBold.eot)} 
#comingsoon {width:100%;padding-top:100px;text-align:center}

/* 공통 */
.pagecommon{font-size:16px;color:#666;letter-spacing:-.3px;line-height:26px;font-family:'notokr-regular'}
.pagecommon .top_cont{margin-bottom: 50px;text-align:center}
.pagecommon .top_cont .en_tit{font-size:14px;font-weight:700;font-family:'Poppins';color:#6bc7c9}
.pagecommon .top_cont .ko_tit{padding:20px 0;font-size:30px;color:#111;font-family:'notokr-bold'}
.pagecommon .pl{white-space:pre-line}
.pagecommon *{word-break:keep-all}

/* p38 */
.pagecommon .bot_cont{display:flex;gap: 40px;align-items:center}
.pagecommon .bot_cont .left .img{display:flex;align-items:center;justify-content:center;width:50px;height:50px;background:#f7f7f7;border-radius:4px}
.pagecommon .bot_cont .left .txt{padding-bottom:50px;text-align: center;}
.pagecommon .bot_cont .left .txt p{padding-bottom:36px;font-size:26px;color:#222;font-family:'notokr-bold'}
.pagecommon .bot_cont .left .tel{display:flex;align-items:center;gap:20px;justify-content: center;}
.pagecommon .bot_cont .left .tel .right{font-size:26px;font-weight:700;color:#6bc7c9;font-family:'Poppins'}
.pagecommon .bot_cont .right{width:69%}
.pagecommon .bot_cont .right ul{padding:40px;border:1px solid #e1e1e1}
.pagecommon .bot_cont .right ul li{display:flex;align-items: center;gap:15px;padding-bottom:10px;margin-bottom:10px;border-bottom:1px dashed #e1e1e1;}
.pagecommon .bot_cont .right ul li:last-child{padding-bottom:0;margin-bottom: 0;border-bottom:none}
.pagecommon .bot_cont .right ul li .date{padding:4px 18px;font-size:17px;color:#fff;background:#6bc7c9;border-radius:50px;font-family:'notokr-bold'}
.pagecommon .bot_cont .right ul li .time{font-family:'notokr-medium','Poppins'}

/* p33 */
#p33 .center_tit{display: block;padding: 14px;margin-bottom: 50px;font-size: 24px;color: #fff;font-family:'notokr-light';text-align:center;background: #6bc7c9;}
#p33 .center_tit span{font-family:'notokr-bold'}
#p33 .Director .top{display:flex;gap: 16px;align-items:center;padding: 30px;border-bottom:1px solid #e1e1e1} 
#p33 .Director .top p{/* padding-right:30px; */font-size:28px;color:#111;font-family: 'notokr-regular'} 
#p33 .Director .top .en_tit{font-size: 18px;color:#999;text-transform:uppercase}
#p33 .Director .top p span{display:inline-block;padding-right:10px;font-family:'notokr-bold'} 
#p33 .Director .bot{display:flex;padding:40px;align-items: center;} 
#p33 .Director .top_box{display:flex;gap:50px}
#p33 .Director .bot_box{padding: 0 0 0 40px;}
#p33 .Director .bot_box ul:nth-child(1){margin-bottom: 20px;border-bottom:1px solid #e1e1e1}
#p33 .Director .bot_box ul li{position:relative;padding-left: 20px;padding-bottom: 9px;}
#p33 .Director .bot_box ul li:last-child{padding-bottom:20px}
#p33 .Director .bot_box ul li:after{position:absolute;content:'';left:0;top:10px;width:3px;height:3px;background:#6bc7c9;border-radius:50px}

/* p37 */
#p37 .list_cont ul{display:grid;grid-template-columns:repeat(2, 1fr);gap:14px;text-align:center}
#p37 .list_cont ul li{display:flex;align-items:center;gap:22px;padding:24px;color:rgba(255,255,255,0.8);background:#6bc7c9;border-radius:10px;font-family:'notokr-medium'}
#p37 .list_cont ul li .icon{display:flex;align-items:center;justify-content:center;max-width: 64px;width: 100%;height:64px;background:#fff;border-radius:6px}
#p37 .list_cont ul li .bot{display:flex;gap: 26px;align-items: center;}
#p37 .list_cont ul li .bot .tit{font-size:19px;color:#fff;font-family:'notokr-bold'}

/* 반응형 [s] */
@media (max-width:1024px){
.pagecommon .bot_cont{gap:30px}
.pagecommon .bot_cont .left .txt br{display:none}
#p37 .list_cont ul li .bot{gap:20px}
#p37 .list_cont ul li .bot .tit{font-size:17px}
}
@media (max-width: 768px){
.pagecommon{padding:0 26px}
.pagecommon .top_cont{margin-bottom:24px}
.pagecommon .bot_cont{flex-direction:column}
.pagecommon .top_cont .ko_tit{font-size:25px}
.pagecommon .bot_cont .right{width:100%}
.pagecommon .bot_cont .left .tel{flex-direction:column;text-align:center}
.pagecommon .bot_cont .left .txt{padding: 0 20px 20px;}
.pagecommon .bot_cont .left .txt p{display:none}
#p33 .center_tit{font-size:20px}
#p33 .Director .top p{font-size:24px}
#p33 .Director .top .en_tit{font-size:15px}
#p33 .center_tit{margin-bottom:30px}
#p33 .Director .bot{padding: 30px 0;gap:30px;flex-direction:column}
#p33 .Director .bot_box{padding:0}
#p37 .list_cont ul{grid-template-columns:repeat(1, 1fr)}
}
@media (max-width:480px){
.pagecommon{padding:0 15px;font-size:15px}
.pagecommon .top_cont{margin-bottom:0}
.pagecommon .top_cont .ko_tit{font-size:23px}
.pagecommon .top_cont .en_tit{font-size:13px}
.pagecommon .bot_cont .left .tel .right{font-size:22px}
.pagecommon .bot_cont .right ul{padding: 16px;}
.pagecommon .bot_cont .right ul li{flex-direction:column;gap: 10px;}
.pagecommon .bot_cont .right ul li .date{font-size:16px}
#p33 .center_tit{margin-bottom:0;font-size:18px}
#p33 .Director .top{gap:16px;justify-content:center}
#p33 .Director .top p{font-size:20px}
#p33 .Director .top .en_tit{font-size:13px}
#p33 img{width:100%}
#p37 .list_cont ul li{padding:16px;gap: 18px;}
}
@media (max-width:387px){
.pagecommon .bot_cont .left .txt{padding:0 0 20px 0}
#p33 .Director .top{padding-bottom:20px;gap:0;flex-direction:column}
#p33 .Director .top p{font-size:18px}
#p37 .list_cont ul li .bot .tit{font-size:15px}
}
/* 반응형 [e] */