@charset "utf-8";

/* =========================== PAGE */
.pagecommon{font-size:14px;color:#777;line-height:24px;letter-spacing:-0.3px}
.br{white-space:pre-line;word-break:keep-all}
#service1020 .og{color:var(--primary)}
#service1020 .en{font-weight:800;font-family:'mulish'}
#service1020 .b, #service1020 b{font-weight:700}
#service1020 .me{font-family:'notokr-medium'}
#service1020 .dark{color:#222}
#service1020 .g_box{background-color:#f7f7f7}
#service1020 .flex{display:flex}
#service1020 .tit01{font-size:20px}
#service1020 .cont_area>.g_box .tit01{width:180px;color:#222}
#service1020 .cont_area>.g_box .txt{width:calc(100% - 180px)}
#service1020 .cont_area>.g_box .txt span{color:#222}
#service1020 .tit_area{padding-bottom:40px;text-align:center}
#service1020 .tit_area .stit{margin-bottom:15px;font-size:15px;line-height:15px;letter-spacing:.2px;}
#service1020 .tit_area .tit{position:relative;padding-bottom:35px;margin-bottom:15px;font-size:28px;line-height:28px;color:#222}
#service1020 .tit_area .tit:before{content:'';position:absolute;left:50%;bottom:0;transform:translateX(-50%);height:15px;width:1px;background-color:#d7d7d7}
#service1020 .tit_area .txt{font-size:17px}
#service1020 .cont_area .img_area .txt_area .op{position:relative;margin-bottom:0;padding-left:65px;word-break:keep-all}
#service1020 .cont_area .img_area .txt_area .op b{position:absolute;left:0;top:2px;padding:0 10px;background-color:#ed643d;color:#fff;font-size:13px;line-height:20px}
#service1020 .cont_area>.g_box{margin-bottom:50px;padding:50px}
#service1020 .cont_area .img_area_reverse {flex-direction:row-reverse}
#service1020 .cont_area .img_area .img_area_inner img{height:100%;transition: all 0.3s cubic-bezier(0.5, 1, 0.89, 1);}
#service1020 .cont_area .img_area .img_area_inner {width:50%; overflow: hidden;}
#service1020 .cont_area .img_area .txt_area{width:50%;padding:50px;display: flex;flex-direction: column;justify-content: center;align-items: center;}
#service1020 .cont_area .img_area .txt_area .tit01{margin-bottom:10px;color:#222}
#service1020 .cont_area .img_area .txt_area>.txt{color:#555;word-break:keep-all}
#service1020 .cont_area .img_area .txt_area>p{margin-bottom:15px}
#service1020 .cont_area .img_area .txt_area p b{color:#222}
#service1020 .cont_area .list li{position:relative;padding-left:15px;line-height:25px;color:#777;word-break:keep-all}
#service1020 .cont_area .list li+li{margin-top:5px}
#service1020 .cont_area .list li:before{content:'';position:absolute;left:0;top:14px;width:3px;height:3px;background-color:#777}
#service1020 .cont_area .img_area .txt_area .g_box_area{justify-content:space-between}
#service1020 .cont_area .img_area .txt_area .g_box_area .g_box{width:49%;padding:15px}
#service1020 .cont_area .img_area .txt_area .g_box_area .g_box p{word-break:keep-all}
#service1020 .cont_area .img_area .txt_area .word_logo {
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
  }
#service1020 .cont_area .img_area .txt_area .word_logo img {
height: 15px;
}
#service1020 .cont_area .img_area .txt_area .contact {
    margin-top: 30px;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 10px;
    width: 152px;
    line-height: 47px;
    color: #fff;
    background: var(--primary);
    border-radius: 50px;
    font-size: 14px;
    font-weight: 700;
    text-align: center;
    transition: all 0.2s;
    font-family: var(--e-font);
    
}
#service1020 .cont_area .img_area .txt_area span {
font-family: 'NanumSquareNeoExtraBold';
color: #000;
line-height: 1.4;
font-size: 32px;
}
@media (hover: hover) {
    #service1020 .cont_area .img_area .img_area_inner img:hover {
      transform: scale(1.05, 1.05);
    }
  }

@media(max-width:1024px){
#service1020{padding:0 15px}
}
@media(max-width:768px){
#service1020 .tit_area .tit{font-size:25px}
#service1020 .tit_area .txt{font-size:15px}
#service1020 .tit01{font-size:18px}
#service1020 .flex{display:block}
#service1020 .cont_area>.g_box .tit01{width:100%;margin-bottom:10px}
#service1020 .cont_area>.g_box .txt{width:100%}
#service1020 .cont_area .img_area .img_area_inner img{width:100%}
#service1020 .cont_area .img_area .img_area_inner{width:100%}
#service1020 .cont_area .img_area .txt_area {padding:15px;}
#service1020 .cont_area .img_area .txt_area{width:100%}
#service1020 .cont_area .img_area .txt_area .g_box_area{display:flex}
#service1020 .cont_area .img_area .txt_area .contact {
    margin-bottom: 30px;

}
}
@media(max-width:480px){
#service1020 .tit01{font-size:17px}
#service1020 .tit_area .stit{font-size:13px}
#service1020 .tit_area .tit{font-size:22px}
#service1020 .cont_area>.g_box{padding:35px}
#service1020 .cont_area .img_area .txt_area{padding:40px 0}
}
@media(max-width:380px){
#service1020 .cont_area .img_area .txt_area .g_box_area{display:block}
#service1020 .cont_area .img_area .txt_area .g_box_area .g_box{width:100%}
#service1020 .cont_area .img_area .txt_area .g_box_area .g_box+.g_box{margin-top:10px}
}