@charset "utf-8";

table,thead,tbody,tfoot,tr,th,td{border-collapse:collapse}
.pagecommon{font-size:14px;color:#777;line-height:24px;letter-spacing:-0.3px}
.br{white-space:pre-line;word-break:keep-all}
.pagecommon table span{font-weight:700;font-family:var(--main-font)}
.pagecommon table{width:100%;border-spacing:0;}
.pagecommon table tr th{padding: 15px 10px;width: 22%;font-weight:600;color:#fff;background-color:var(--primary);word-break: keep-all;}
.pagecommon table tr th+th{border-left:1px solid rgba(255,255,255,.2)}
.pagecommon table tr td{padding:15px;border-bottom:1px solid #e1e1e1;border-top: 1px solid #e1e1e1;}
.pagecommon table tr td+td{border-left:1px solid #e1e1e1}
.pagecommon{font-size:16px;font-weight: 300;color:#666;letter-spacing:-.3px;line-height:1.6}
.pagecommon span{color: var(--primary);font-weight: 700;font-family: var(--main-font);}
.pagecommon .top_tit{text-align:center;padding-bottom:40px;border-bottom:2px solid #e1e1e1;word-break:keep-all}
.pagecommon .top_tit.bot{padding-bottom: 30px;margin-bottom:40px}
.pagecommon .top_tit .en{font-size:15px;font-weight:700;color: var(--primary);font-family:var(--main-font)}
.pagecommon .top_tit .ko p{padding:30px 0 10px 0;font-size:34px;font-weight:700;color:#111;font-family:var(--main-font)}
.pagecommon .img_cont{display:flex;gap:70px;padding: 56px 56px 60px 56px;align-items:center}
.pagecommon .img_cont .right{width:100%;word-break:keep-all}
.pagecommon .img_cont .right .top{padding-bottom:26px;font-weight:700;font-size: 25px;color:#222;font-family:var(--main-font)}
.pagecommon .img_cont .right span{font-weight:700;font-family:var(--main-font)}
.pagecommon .img_cont .sign{font-weight:700;color:#333;font-family:var(--main-font);text-align:right}
.pagecommon .img_top > p{padding:30px 0;font-size:28px;font-weight:700;color:#111;font-family:var(--main-font);text-align:center}
.pagecommon .history_box .his_cont{display:grid;grid-template-columns:repeat(2, 1fr);gap:30px;padding-top: 40px;}
.pagecommon .history_box .his_cont .left .box{padding-bottom:70px}
.pagecommon .history_box .his_cont .box > p{padding-bottom:20px;margin-bottom:20px;font-size:20px;color:#222;font-weight:700;font-family:var(--main-font);border-bottom:1px solid #e1e1e1}
.pagecommon .history_box .his_cont .box > ul li{position:relative;padding-left:16px;padding-bottom:4px}
.pagecommon .history_box .his_cont .box > ul li:after{position:absolute;content:'';left: 0;top:10px;width:3px;height:3px;background: var(--primary);border-radius:50px}
.pagecommon .history_box .his_cont .box > ul li:last-child{padding-bottom:0}
.pagecommon .history_box .his_cont .his_box{padding:30px;margin-bottom:15px;background:#f7f7f7}
.pagecommon .history_box .his_cont .his_box:last-child{margin-bottom:0}
.pagecommon .history_box .his_cont .his_box p{padding-bottom:20px;font-size:18px;font-weight:700;color:#222;font-family:var(--main-font)}
.pagecommon .history_box .his_cont .his_box ul li:first-child{padding-bottom:20px}
.pagecommon .history_box .his_cont .his_box .en{font-family:var(--main-font)}
.pagecommon .txt_box .tit{width:30%;color:#222;font-size:32px;font-weight:700;font-family:'Gowun Batang';line-height:1.5}
.pagecommon .txt_box{display:flex;gap: 30px;padding:40px;word-break:keep-all}
.pagecommon .page{padding:80px 0 0}
.pagecommon .page .ko_tit{padding-bottom:30px;font-size:28px;font-weight:700;color:#222;font-family:'Gowun Batang';text-align:center}
.pagecommon .list_box ul{display:grid;grid-template-columns:repeat(3, 1fr);gap:20px;padding-bottom:30px}
.pagecommon .list_box ul li{padding:40px;background:#359c9524;border-radius:4px;text-align:center}
.pagecommon .list_box ul li .num{display:flex;justify-content:center;align-items:center;width:40px;height:40px;margin:0 auto;background:#fff;border-radius:50px;color:#3b846a;font-size:13px;font-weight:700;font-family:'Gowun Batang'}
.pagecommon .list_box ul li p{padding:20px 0;font-size:21px;font-weight:700;color: #222;font-family: var(--main-font)}
.pagecommon .list_box ul li img{border:1px solid #e1e1e1}
.pagecommon .list_box .list_sml div{padding:16px;margin-bottom:8px;border: 1px solid var(--primary);color:#222;border-radius:4px;text-align:center}
.pagecommon .list_box .list_sml div:last-child{margin-bottom:0}
.pagecommon .list_stone ul{display:grid;grid-template-columns:repeat(3, 1fr);gap:20px}
.pagecommon .list_stone ul li img{border:1px solid #e1e1e1}
.pagecommon .list_stone .top{padding:20px 0}
.pagecommon .list_stone .top .num{display:flex;justify-content:center;align-items:center;width:40px;height:40px;background: var(--primary);border-radius:50px;color:#fff;font-size:13px;font-weight:700;font-family:'Gowun Batang'}
.pagecommon .list_stone .top .flex{display:flex;align-items:center;gap:15px;padding-bottom:15px;margin-bottom:15px;border-bottom:1px solid #e1e1e1;word-break:keep-all}
.pagecommon .list_stone .top p{font-weight:700;font-size:20px;color:#222;font-family:var(--main-font)}
.pagecommon .top_case p{padding-bottom: 20px;color: #222;font-size: 25px;font-weight: 700;font-family: var(--main-font)}
.pagecommon .top_case .flex_box{display:flex;align-items:center;justify-content:space-between;gap: 20px;}
.pagecommon .top_case .flex_box .left div{display: flex;width:380px;height:194px;padding:40px;text-align:center;border:1px solid var(--primary);border-radius:4px;align-items: center;justify-content: center;}
.pagecommon .top_case .flex_box .left{display:flex;gap:14px;align-items:center}
.pagecommon .top_case .flex_box .right{padding:40px;color:#fff;background: var(--primary);text-align:center;border-radius:4px;font-weight:500}
.pagecommon .top_case .flex_box .right img{padding-bottom:10px}
.pagecommon .top_pro{padding:80px 0 40px 0;text-align:center;border-bottom:1px solid #e1e1e1}
.pagecommon .top_pro p{padding-bottom:12px;font-size:28px;font-weight:700;color:#222;font-family:'Gowun Batang';text-align:center}
.pagecommon .pro_list .box{display:flex;gap:55px;padding:60px 0 0}
.pagecommon .pro_list .right .tit{display:flex;gap:20px;background: var(--primary);border-radius:4px;padding:10px 16px;margin-bottom:20px;color:#fff;font-size:19px;font-weight:700;font-family:var(--main-font);align-items:center}
.pagecommon .pro_list .right{width:100%}
.pagecommon .pro_list .right .num{display:flex;align-items:center;justify-content:center;width:35px;height:35px;background:#fff;border-radius:50px;color:#3b8473;font-size:13px;font-weight:700}
.pagecommon .sub_box .tit{padding:16px;background:var(--primary);font-weight:500;color:#fff;text-align:center;word-break:keep-all}
.pagecommon .sub_box ul li{padding:16px 26px;background:#359c9524;border-bottom:1px dashed #fff}
.pagecommon .top_Hem{padding-bottom:20px;text-align:center}
.pagecommon .top_faq{padding:50px 0 40px 0;margin-top: 80px;color:#222;font-size:28px;font-weight:700;font-family:var(--main-font);text-align:center;border-top: 1px solid #e1e1e1;}
.pagecommon .top_faq span{color:var(--primary)}
.pagecommon .cont_faq{overflow:hidden}
.pagecommon .cont_q{display:block;position:relative;width:100%;padding:20px 36px;margin-bottom: 10px;border:none;text-align:left;color:#fff;background:var(--primary);border-radius:4px;font-weight:700;font-size:18px;font-family:var(--main-font)}
.pagecommon .cont_q span{margin-right:20px;color: #fff;}
.pagecommon .cont_a{display:none;padding: 20px 25px 40px;font-weight:400}
.pagecommon  .cont_q:after{display:block;content:"\f107";position:absolute;right: 34px;top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);font-size:20px;font-family:'fontawesome'}
.pagecommon  .cont_q.open:after{content:"\f106";color:#fff}
.pagecommon .img_txt img{width:100%}
.pagecommon .list_stone ul img{width:100%}

#p33 .img_cont .left img{width:700px;max-width:100%}

#p40 .flex_box ul{display:grid;grid-template-columns:repeat(6, 1fr);gap:14px}
#p40 .flex_box ul li{display:flex;align-items:center;justify-content:center;padding:33px;color: #333;border:1px solid var(--primary);font-weight: 400;border-radius:4px;text-align:center;word-break:keep-all}
#p40 .list_sml{padding-top:20px}
#p40 .list_sml div{padding:16px;margin-bottom:8px;background: var(--primary);color: #fff;border-radius:4px;text-align:center}
#p40 .list_sml div:last-child{margin-bottom:0}

#p42 .list_box ul{grid-template-columns:repeat(2, 1fr)}
#p42 .list_box ul .w_box div{padding:16px;margin-bottom:10px;background:#fff;border-radius:4px;font-size: 15px;}
#p42 .list_box ul .w_box div:last-child{margin-bottom:0}

#p43 .top_tit.bot{margin-bottom:0}

#p54 .page .ko_tit{padding-bottom:20px}
#p54 .list_box ul{grid-template-columns:repeat(2, 1fr)}

#p57 .img_txt img{box-shadow:0px 0px 20px 10px rgb(0 0 0 / 3%)}
#p61 .img_txt img{box-shadow:0px 0px 20px 10px rgb(0 0 0 / 3%)}
#p60 table tr th{border-top:1px solid var(--primary)}

#p62 .page .ko_tit{padding-bottom:10px}

/* 반응형 [s] */
@media (hover:hover) {
}
@media (max-width:1200px){
.pagecommon{padding:0}
.pagecommon .img_cont{gap:40px;padding:56px 0 60px 0}
.pagecommon .top_case .flex_box .left div{width:330px}
}
@media (max-width:1100px){
.pagecommon .top_case .flex_box .left div{padding:30px;width:260px}
.pagecommon .top_case p{font-size:22px}
#p40 .flex_box ul{grid-template-columns:repeat(3, 1fr)}
}
@media (max-width:1024px){
.pagecommon .img_cont .right .top{font-size:22px}
.pagecommon .list_stone ul{grid-template-columns:repeat(2, 1fr)}
.pagecommon .list_stone ul li .txt br{display:none}
.pagecommon .top_case .flex_box .right{padding:26px}
.pagecommon .top_case .flex_box .right br{display:none}
}
@media (max-width:900px){
.pagecommon .img_cont{flex-direction:column}
.pagecommon .top_tit .ko p{font-size:28px}
.pagecommon .top_tit{padding-bottom:30px}
.pagecommon .img_cont{padding:40px 0 40px 0}
.pagecommon .list_box ul{gap:10px}
.pagecommon .top_case .flex_box{flex-direction:column}
.pagecommon .top_case p{text-align:center}
.pagecommon .top_case .flex_box > img{transform:rotate(90deg)}
.pagecommon .top_case .flex_box .left{width:100%}
.pagecommon .top_case .flex_box .left div{width:100%}
.pagecommon .top_case .flex_box .right img{padding-left:0}
.pagecommon .top_case .flex_box .right{width:100%}
#p33 .img_cont .left img{width:450px;max-width:100%}
}
@media (max-width:768px){
.pagecommon{padding:0}
.pagecommon .img_top > p{font-size:22px}
.pagecommon .history_box .his_cont{padding-top:20px}
.pagecommon .history_box .his_cont .box > p{font-size:17px}
.pagecommon .history_box .his_cont .box > ul li{font-size:15px}
.pagecommon .history_box .his_cont .his_box p{font-size:16px}
.pagecommon .history_box .his_cont .his_box ul li:first-child{font-size:15px}
.pagecommon .history_box .his_cont .his_box .en{font-size:15px}
.pagecommon .top_tit.bot{padding-bottom:20px;margin-bottom:30px}
.pagecommon .txt_box .tit{font-size:24px}
.pagecommon .txt_box{padding:30px 20px;font-size:15px}
.pagecommon .page{padding:30px 0 0}
.pagecommon .page .ko_tit{font-size:22px}
.pagecommon .list_box ul li p{font-size:18px}
.pagecommon .list_box ul li{padding:26px;font-size:15px;word-break:keep-all}
.pagecommon .list_box ul li br{display:none}
.pagecommon .list_stone .top p{font-size:18px}
.pagecommon .list_stone ul li .txt{font-size:15px}
.pagecommon .top_pro p{font-size:23px}
.pagecommon .pro_list .box{gap:30px}
.pagecommon .pro_list .right .tit{font-size:17px}
.pagecommon .top_pro{padding:40px 0 40px 0}
.pagecommon .pro_list .box{flex-direction:column;padding:40px 0 0}
.pagecommon .pro_list .box .left{text-align:center}
.pagecommon br.none{display:none}
.pagecommon .top_faq{padding: 40px 0 30px 0;font-size: 20px;}
.pagecommon .cont_q{padding: 20px 24px;font-size:16px}
.pagecommon .cont_a{font-size:15px}
}
@media (max-width:500px){
.pagecommon .history_box .his_cont{grid-template-columns:repeat(1, 1fr)}   
.pagecommon .history_box .his_cont .left .box{padding-bottom:30px}
.pagecommon .list_box ul{grid-template-columns:repeat(1, 1fr);gap:10px}
.pagecommon .list_box .list_sml div{font-size:15px;word-break:keep-all}
.pagecommon .list_stone ul{grid-template-columns:repeat(1, 1fr)}
.pagecommon .list_stone .top{padding:20px 0 0}
.pagecommon .list_stone .top p{font-size:17px}
.pagecommon .top_case .flex_box .left{flex-direction:column;gap:10px}
.pagecommon .top_case .flex_box .left div{height:auto}
.pagecommon .top_case p{font-size:17px}
.pagecommon .pro_list .right .tit{font-size:16px}
.pagecommon .pro_list .right .txt{word-break:break-all}
.pagecommon br.none{display:none}
.pagecommon .list_box ul li p{font-size:17px}
.pagecommon .txt_box br{display:none}
.pagecommon .cont_q{font-size:15px}
.pagecommon .cont_q:after{right:14px}
#p40 .flex_box ul{grid-template-columns:repeat(2, 1fr);gap:10px}
#p40 .flex_box ul li{padding:26px}
#p42 .list_box ul{grid-template-columns:repeat(1, 1fr)}
#p54 .list_box ul{grid-template-columns:repeat(1, 1fr)}
}
@media (max-width:480px){
.pagecommon{padding:15px 0 30px 0;font-size:15px;margin-top: 60px;}    
.pagecommon .top_tit .ko p{padding: 20px 0 10px;font-size:22px}
.pagecommon .img_top > p{font-size:19px}
.pagecommon .img_cont{padding:30px 0 30px 0;gap:20px}
.pagecommon .img_cont .right .top{font-size:18px;word-break:keep-all}
.pagecommon .history_box .his_cont .his_box{padding:24px}
.pagecommon .history_box .his_cont .his_box p{padding-bottom:10px}
.pagecommon .history_box .his_cont .his_box ul li:first-child br{display:none}
.pagecommon .txt_box{flex-direction:column;align-items:center;text-align:center}
.pagecommon .txt_box .tit{font-size:22px;width:100%}
.pagecommon .txt_box{padding:30px 17px 0}
.pagecommon .top_tit.bot{padding-bottom:15px;margin-bottom:20px}
.pagecommon .pro_list .right{font-size:14px}
.pagecommon table{font-size:14px}
.pagecommon .sub_box ul li{font-size:14px}
.pagecommon .cont_q{font-size:14px}
.pagecommon .cont_q p{word-break:keep-all;width:90%}
.pagecommon .cont_a br{display:none}
.pagecommon .cont_a{font-size:14px}
}
@media (max-width:380px){
}
/* 반응형 [e] */