@charset "utf-8";

/* 공통 */
.common_page{font-size:15px;line-height:1.8;letter-spacing:-.3px;color:#666;font-family:'notokr-regular'}
.common_page .eng_tit{font-size:13px;font-weight:600;letter-spacing:2px;color:#fead11;font-family:'Poppins', sans-serif}
.common_page .big_txt{font-size:30px;line-height:40px;white-space:pre-line;color:#222;font-family:'notokr-light'}
.common_page .big_txt span{font-family:'notokr-bold'}

/* 인사말 */
#p33{text-align:center}
#p33 .line{display:block;width:1px;height:25px;margin:18px auto;background:#e1e1e1}
#p33 .g_box{margin-top:54px}
#p33 .g_box .img{overflow:hidden;border-radius:20px}
#p33 .g_box .txt{display:block;position:relative;margin:0 auto;white-space:pre-line}
#p33 .g_box .txt b{text-decoration:underline;font-weight:normal;color:#444;font-family:'notokr-medium'}
#p33 .g_box .txt.w_bg{width:calc(100% - 100px);margin-top:-54px;padding:54px 0;border-radius:20px;background:#fff}
#p33 .g_box .txt.g_bg{z-index:-1;margin-top:-60px;padding:99px 0 43px;background:#f5f5f5}
#p33 .g_box .txt.g_bg span{display:inline-block;margin-bottom:10px;font-size:23px;color:#222;font-family:'notokr-light'}
#p33 .g_box .txt.g_bg em{font-style:normal;font-family:'notokr-bold'}
#p33 .g_box .sign{margin-top:34px}
#p33 .g_box .sign b{font-weight:normal;color:#444;font-family:'notokr-medium'}

/* 사업영역 */    
#p34 .cont_wrap{display:flex;padding-bottom:54px;border-bottom:1px solid #e1e1e1}
#p34 .cont_wrap+.cont_wrap{padding-top:54px}
#p34 .cont_wrap:last-child{padding-bottom:0;border-bottom:none}
#p34 .cont_wrap .tit_box{display:flex;width:250px}
#p34 .cont_wrap .tit_box .num{margin-right:15px;font-size:13px;font-weight:600;letter-spacing:0;color:#fead11;font-family:'Poppins', sans-serif}
#p34 .cont_wrap .tit_box .tit{font-size:25px;line-height:35px;white-space:pre-line;color:#222;font-family:'notokr-bold'}
#p34 .cont_wrap .cont_box{width:calc(100% - 250px)}
#p34 .series_list{overflow:hidden}
#p34 .series_list li{float:left;width:calc(100%/3);margin-bottom:34px;text-align:center}
#p34 .series_list li .series_tit{display:inline-block;width:220px;margin-bottom:19px;border-radius:50px;text-align:center;line-height:50px;color:#fff;background:#333;font-family:'notokr-medium'}
#p34 .series_list li .series_txt{white-space:pre-line}
#p34 .cont_wrap .cont_box .m_txt{font-size:20px;text-align:center;color:#333}
#p34 .cont_wrap img{width:100%;border-radius:20px}
#p34 .cont_wrap .s_txt{position:relative;margin-top:34px;padding-left:19px;word-break:keep-all}
#p34 .cont_wrap .s_txt:before{position:absolute;left:0;top:11px;content:'';width:4px;height:4px;background:#fead11}

/* 프로그램 */
.program_page .m_txt{margin-bottom:19px;font-size:20px;line-height:30px;white-space:pre-line;color:#333}
.program_page .m_txt span{font-family:'notokr-bold'}
.program_page .big_txt{margin-bottom:33px;text-align:center}
.program_page .box_tit{position:relative;margin-bottom:15px;padding-left:19px;font-size:25px;color:#222;font-family:'notokr-bold'}
.program_page .box_tit:before{position:absolute;left:0;top:20px;content:'';width:4px;height:4px;background:#fead11}
.program_page .box_tit span{margin-left:13px;font-size:15px;color:#888;font-family:'notokr-regular'}
.program_page .program_box{overflow:hidden;margin-bottom:39px;padding:30px 30px 54px;border:1px solid #e1e1e1;border-radius:20px}
.program_page .program_box .img{float:left;overflow:hidden;width:310px;border-radius:20px;text-align: center;line-height:210px}
.program_page .program_box .cont{float:left;width:calc(100% - 310px);padding:14px 0 0 40px}
.program_page .program_box .cont .s_txt{word-break:keep-all}
.program_page .program_box .cont .dot_list{margin-top:29px;padding:29px 20px 0;border-top:1px solid #e1e1e1;word-break:keep-all}
.program_page .program_box .cont .dot_list li{position:relative;padding-left:18px;word-break:keep-all}
.program_page .program_box .cont .dot_list li:before{position:absolute;left:0;top:11px;content:'';width:3px;height:3px;border-radius:100px;background:#fead11}
.program_page .bg_box{padding:50px 30px;border-radius:20px;background:#f5f5f5}
.program_page .bg_box dl{overflow:hidden;padding:0 20px 28px;border-bottom:1px dashed #e1e1e1}
.program_page .bg_box dl+dl{padding-top:35px}
.program_page .bg_box dl dt{float:left;width:35px;height:35px;border-radius:50px;font-size:13px;text-align:center;line-height:35px;font-weight:600;letter-spacing:0;color:#fff;background:#333}
.program_page .bg_box dl dd{float:left;width:calc(100% - 35px);padding:3px 0 0 15px;word-break:keep-all;color:#333;font-family:'notokr-medium'}
.program_page .bg_box dl dd ul{margin-top:18px}
.program_page .bg_box dl dd ul li{position:relative;padding-left:18px;word-break:keep-all;color:#666;font-family:'notokr-regular'}
.program_page .bg_box dl dd ul li:before{position:absolute;left:0;top:11px;content:'';width:3px;height:3px;border-radius:100px;background:#888}
.program_page .bg_box .m_txt{margin-top:44px;text-align:center;word-break:keep-all}


/* 반응형 [s] */
@media (max-width:1230px){}
@media (max-width:1024px){
.common_page{padding:20px 0 0}
    
#p34 .cont_wrap{display:block}
#p34 .cont_wrap .tit_box{width:100%;margin-bottom:30px}
#p34 .cont_wrap .tit_box .tit{white-space:normal;word-break:keep-all}
#p34 .cont_wrap .cont_box{width:100%}
    
.program_page .box_tit span{display:block;margin-left:0}
.program_page .program_box .img{width:30%}
.program_page .program_box .img img{width:100%}
.program_page .program_box .img.w_100{line-height:normal}
.program_page .program_box .img.w_100 img{width:100%}
.program_page .program_box .cont{width:70%}
}
@media (max-width:768px){
.common_page .big_txt{font-size:25px;line-height:35px;white-space:pre-line;word-break:keep-all}

#p33 .line{margin:10px auto}
#p33 .g_box{margin-top:35px}
#p33 .g_box .img img{width:100%}
#p33 .g_box .txt{white-space:normal;word-break:keep-all}
#p33 .g_box .txt.w_bg{width:calc(100% - 30px);padding:54px 25px}
#p33 .g_box .txt.g_bg{padding:99px 25px 43px}
#p33 .g_box .txt.g_bg span{margin-bottom:15px;font-size:20px;line-height:30px}
#p33 .g_box .txt.g_bg em{display:block}
    
#p34 .cont_wrap .tit_box .tit{margin-top:-3px;font-size:23px}
#p34 .series_list li{width:calc(100%/2)}
#p34 .cont_wrap .cont_box .m_txt{font-size:18px;line-height:28px;word-break:keep-all}
    
.program_page .m_txt{font-size:18px;line-height:28px;text-align:center}
.program_page .box_tit{font-size:23px}
.program_page .program_box{padding:30px 25px 54px}
.program_page .program_box .img{float:none;width:310px;margin:0 auto}
.program_page .program_box .cont{width:100%;padding-left:0}
.program_page .program_box .cont .s_txt{text-align:center}
.program_page .program_box .cont .dot_list{padding:29px 0 0}
.program_page .bg_box{padding:40px 25px}
}
@media (max-width:480px){
.common_page{padding:0}
.common_page .big_txt{font-size:23px;line-height:33px}
    
#p33 .g_box .img{border-radius:10px}
#p33 .g_box .img img{width:auto;height:200px}
#p33 .g_box .txt.w_bg{border-radius:10px}
    
#p34 .cont_wrap .tit_box .tit{margin-top:-5px;font-size:20px}
#p34 .series_list li{width:100%}
#p34 .series_list li .series_tit{width:100%}
#p34 .series_list li .series_txt{white-space:normal;word-break:keep-all}
    
.program_page .box_tit{font-size:20px}
.program_page .box_tit:before{top:17px}
.program_page .program_box .img{width:100%}
.program_page .bg_box dl{padding:0 0 28px}
.program_page .bg_box dl dt{float:none;margin:0 auto 5px}
.program_page .bg_box dl dd{width:100%;padding-left:0;text-align:center}
.program_page .bg_box dl dd ul{text-align:left}
}
@media (max-width:380px){
#p33 .g_box .txt.w_bg{padding:54px 15px}
}
/* 반응형 [e] */