@charset "utf-8";

.pagecommon{font-size:16px;color:#777;line-height:26px;letter-spacing:-0.3px;word-break: break-all;overflow-wrap: break-word;white-space: normal;}
.pagecommon .top_tit{display:flex;align-items:center;padding-bottom:26px;font-size:17px;border-bottom: 2px solid #e1e1e1;}
.pagecommon .top_tit span{margin-right:50px;font-size:37px;font-weight:700;color:var(--primary2)}
.pagecommon .inner{padding:50px 50px 0}
.pagecommon .main_cont .top{display:flex;justify-content:space-around;gap:50px;}
.pagecommon .main_cont .top .right{width:100%}
.pagecommon .main_cont .top .right .ko_tit{border-bottom:1px solid #e1e1e1}
.pagecommon .main_cont .top .right .ko_tit p{font-weight:600;font-size:21px;color:var(--primary2)}
.pagecommon .main_cont .top .right .ko_tit .tit{padding:24px 0 30px;font-size:35px;font-weight:700;color:#111}
.pagecommon .main_cont .bot_cont{display:grid;grid-template-columns:repeat(2, 1fr);padding:30px 0;justify-content:space-between}
.pagecommon .main_cont .bot_cont .ko_txt{padding-bottom:14px;font-weight:600;font-size:19px;color:var(--primary2)}
.pagecommon .main_cont .bot_cont ul li{font-size:17px;line-height:1.7}
.pagecommon .last_cont .top{padding-bottom:30px;margin-bottom:30px;font-weight:700;font-size:25px;color:#222;border-bottom: 1px solid #e1e1e1}
.pagecommon .last_cont .box_list > div p{font-weight:600;font-size:19px;color:var(--primary2)}
.pagecommon .last_cont .box_list > div ul{padding:20px 0;margin-bottom:20px;border-bottom:1px dashed #e1e1e1}
.pagecommon .last_cont .box_list > div:last-child ul{margin-bottom:0;border-bottom:none}
.pagecommon .last_cont .box_list > div ul li{position:relative;padding-left:18px;padding-bottom:2px}
.pagecommon .last_cont .box_list > div ul li:last-child{padding-bottom:0}
.pagecommon .last_cont .box_list > div ul li:after{position:absolute;content:'';left:0;top:10px;width:3px;height:3px;background:#777;border-radius:50%}
.pagecommon .last_cont .noti{padding:30px;margin-top: 30px;background:#f7f7f7;text-align:center;font-size:15px}
.pagecommon .last_cont .noti span{font-weight:500;text-decoration:underline}
.pagecommon .last_cont .noti img{display:block;margin:0 auto 20px}
.pagecommon .img_box{margin-top:50px;text-align:center}
.pagecommon .right_txt{max-width:1100px;margin:0 auto 10px;text-align:right}
.pagecommon .img_f{margin-top:50px}
.pagecommon .last_cont{margin-bottom:80px}
.pagecommon .img ul{display:flex;gap:20px;justify-content:center}
.pagecommon .img ul li img{width:100%}
.pagecommon .chat img{width:100%;max-width:300px;padding:18px;margin-top:50px;border:1px solid #e1e1e1}
.br{white-space:pre-line;word-break:keep-all}

/*#33*/
#p33{text-align:center}
#p33 .cont_area .e_tit{font-weight:600;font-size:100px;color:#6666661c;letter-spacing:14px;font-family:var(--e-font)}
#p33 .cont_area p{margin:0 0 40px 0;font-size:32px;line-height:1.3;color:#222;font-weight:300}
#p33 .cont_area p b{font-weight:700}
#p33 .cont_area p span{font-family:'notokr-bold'}
#p33 .img_area{padding: 0 40px;overflow:hidden}
#p33 .img_area *{float:left;width:50%}
#p33 .img_area img + img{margin-top:40px}
#p33 .txt_area{width:80%;margin:0 auto}
#p33 .txt_area span{font-weight:600;color:#111;text-decoration:underline}
#p33 .txt_area .br{margin-top:35px}
#p33 .vd_box{margin:80px 0 0 0;padding-bottom:80px;border-bottom:1px solid #e1e1e1;border-top:1px solid #e1e1e1}
#p33 .vd_box a{margin-right:20px}
#p33 .ko_tit{padding: 60px 0 50px;font-size:30px;font-weight:700;color:#111}
#p33 .img_list{width:100%;max-width:1250px;margin:0 auto}
#p33 .img_list ul li img{width:200px}
#p33 .img_list ul{display:grid;grid-template-columns:repeat(6, 1fr);row-gap:16px;justify-items:center;align-items:center}
#p33 .img_list ul li{width:max-content}
#p33 .img_wrap img{max-width:550px}
#p33 .vd_top{padding-bottom:14px}

#p41 .last_cont{margin-top:0}
#p41 .last_cont .box_list > div ul{padding:0 20px 0}

/* 반응형 s */
@media (max-width:1300px){
.pagecommon{padding:0 20px}
.pagecommon .right_txt{width:100%}
.pagecommon .img_box img{width:100%}
.pagecommon .center_img{width:100%}
#p33 .vd_box p{padding:50px 0 30px}
#p33 .img_wrap{display:grid;grid-template-columns:repeat(2, 1fr);gap:15px;}
#p33 .img_wrap img{width:100%;max-width: 100%;}
#p33 .vd_box a{margin-right:0}
#p33 .img_list{max-width:100%}
#p33 .img_list ul{gap:16px}
#p33 .img_list ul li{width:100%}
#p33 .img_list ul li img{width:100%}
}
@media (max-width:1200px){
.pagecommon .inner{padding:30px 0 0}
.pagecommon .main_cont .top .right .ko_tit .tit{font-size:32px}
#p33 .cont_area p{font-size:28px}
#p33 .cont_area .e_tit{font-size:80px}
}
@media (max-width:1024px){
.pagecommon .top_tit span{font-size:32px}   
.pagecommon .top_tit{font-size:16px} 
.pagecommon .main_cont .bot_cont ul li{font-size:16px;word-break:keep-all}
.pagecommon .main_cont .top{gap:30px}
.pagecommon .main_cont .top .left img{width:100%}
#p33 .img_list ul{margin-top:0}
}
@media (max-width:900px){
.pagecommon{font-size:15px;line-height:24px}
.br{white-space:normal}
}
@media (max-width:800px){
#p33 .vd_box{margin: 50px 0 0 0;padding-bottom:50px}
}
@media (max-width:768px){
.pagecommon{padding:30px 15px 0}
.pagecommon .top_tit{font-size:14px}
.pagecommon .top_tit span{font-size:25px;margin-right:0}
.pagecommon .right_txt{font-size:14px}
.pagecommon .last_cont{margin-bottom:50px}
.pagecommon .last_cont .top{padding-bottom:20px;margin-bottom:20px;font-size:23px}
.pagecommon .main_cont .top .right .ko_tit p{font-size:19px}
.pagecommon .main_cont .top .right .ko_tit .tit{font-size:28px}
.pagecommon .main_cont .bot_cont{grid-template-columns:repeat(1, 1fr);padding:15px 0}
.pagecommon .main_cont .bot_cont .left ul{padding-bottom:10px}
.pagecommon .main_cont .bot_cont .ko_txt{font-size:17px}
.pagecommon .main_cont .bot_cont ul li{font-size:15px}
.pagecommon .img_box{margin-top:20px}
.pagecommon .img_f img{width:100%}
.pagecommon .img ul{gap:10px}
.pagecommon .chat img{max-width:250px}
#p33 .txt_area{width:100%}
#p33 .cont_area .e_tit{font-size:60px;letter-spacing:8px}
#p33 .cont_area p{font-size:25px}
#p33 .vd_box p{padding:30px 0;font-size:25px}
#p33 .img_list ul{grid-template-columns:repeat(4, 1fr);gap:10px}
#p33 .ko_tit{padding:40px 0;font-size:25px}
}
@media(max-width:600px){
.pagecommon .img_f{margin-top:30px}
#p33 .img_list ul{grid-template-columns:repeat(3, 1fr)} 
}
@media (max-width:580px){
.pagecommon .top_tit{flex-direction:column;gap:8px;padding-bottom:16px;text-align:center;word-break:keep-all}
}
@media(max-width:500px){
.pagecommon .main_cont .top{flex-direction:column}
.pagecommon .top_tit span{margin-right:0;width:100%}
.pagecommon .main_cont .top .right .ko_tit .tit{padding:20px 0}
#p41 .last_cont .box_list > div ul{padding:0}
}
@media(max-width:480px){
.pagecommon .inner{padding:20px 0 0}
.pagecommon .top_tit{padding-bottom:20px}
.pagecommon .top_tit span{margin-right: 0;font-size:22px}
.pagecommon .last_cont .top{padding-bottom:16px;margin-bottom:16px;font-size:19px}
.pagecommon .main_cont .top .right .ko_tit p{font-size:18px}
.pagecommon .main_cont .top .right .ko_tit .tit{font-size:26px}
.pagecommon .last_cont .box_list > div p{font-size:18px}
.pagecommon .last_cont .box_list > div ul{padding:16px 0;margin-bottom:16px}
.pagecommon .last_cont .box_list > div ul li{word-break:keep-all}
.pagecommon .last_cont .noti{margin-top:20px;padding:24px;font-size:14px;word-break:keep-all}
.pagecommon .img ul{flex-direction:column;gap:10px}
.pagecommon .chat img{max-width:150px;margin-top:30px}
#p33 .txt_area span{font-size:12px} 
#p33 .ko_tit{padding:30px 0;font-size:21px}
#p33 .vd_box{margin:50px 0 0 0;padding-bottom:30px}
#p33 .cont_area p{margin:30px 0;font-size:23px;word-break:keep-all}
#p33 .cont_area .e_tit{font-size:50px;letter-spacing:5px}
#p33 .cont_area p br{display:none}
#p33 .img_wrap{grid-template-columns:repeat(1, 1fr);gap:10px}
#p33 .vd_box p{font-size:21px}
}
@media(max-width:380px){
#p33 .cont_area p{margin:20px 0;font-size:22px}
}
/* 반응형 e */