@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@300;400;500&display=swap');
/* CSS Document */

/**** 법률본문 css ****/
.constart {margin:0;padding:0; letter-spacing:0; margin-bottom:80px; font-size:16px;}
.constart li { font-family: 'NanumGothic','나눔고딕','dotum';  }
.constart h3 { margin-top:30px; }
.constart h5 { font-size:16px; }
.constart ul, .constart ol {list-style:none;}
.constart div, .constart p, .constart span, .constart li, .constart table td {word-break:break-all; line-height:28px;}


.billdetail {background:#f8fafc; border:1px solid #e5e5e5; padding:20px !important; margin-top:10px; margin-bottom:10px;}
.billdetail h5 {padding-top:5px;color:#222;font-size:16px;}

.nsub_con {margin-top:0px;}
.nsub_con li {padding:0 0 5px 0;}
.sub_con {line-height:20px;}
.sub_con li {padding:0 0 5px 15px;}
.box_con{padding:20px 10px;border:1px solid #d9d9d9; padding-left:35px;}
.box_con li {  list-style-type:disc; padding-left:0;}

.mt15 {margin-top:15px!important;}
.mt30 {margin-top:30px!important;}
.ml15 {margin-left:15px!important;}
.ml20 {margin-left:20px!important;}
.ml10 {margin-left:10px!important;}
.mb20 {margin-bottom:20px!important;}


.num_subcon{margin-top:10px;}
.num_subcon li {padding-top:5px;}

.bl_subtit_a1 {padding:0 0 0 0;color:#009aea;}
.bl_subtit li {font-family: "맑은고딕","Malgun Gothic","돋움", "dotum", "verdana", sans-serif; font-weight:bold; }

.bl_subtit {padding:0 0 10px 0;color:#009aea;font-size:16px;}
.bl_sub_con {margin-top:6px;}
.bl_sub_con2 {margin-top:6px; background:#eaf0f6; padding:20px; border:1px solid #e5e5e5;}
.bl_sub_con li {padding:0 0 5px 10px;}
.con_img{ width:100%;}
.con_imgb{ width:80%; margin:30px 0 50px 0;}
.con_img100 { width:100%;}
.img_script{ text-align:right; color:#929292;}


.product_top {display:flex; justify-content: flex-start; align-items: center; position:relative; padding-bottom:20px; }
.product_top:before{content:""; display:block; width:100%; height:150px; background:#f4f4f4; position:absolute; left:0; bottom:0; z-index:-1;}
.product_top .tire {width:50%; text-align:center;  }
.product_top .tire img{height:320px;}
.product_top .top_tit {padding-top:20px;}
.product_top .top_tit .logo{height:48px;font-family: 'Noto Sans KR', sans-serif; }
.product_top .top_tit h2{font-size:22px; color:#333; margin:30px 0 100px; font-family: 'Noto Sans KR', sans-serif; font-weight:500; }
.product_top .top_tit .tit_img{display:flex; justify-content: flex-start; align-items: flex-start; }
.product_top .top_tit .tit_img img{margin-right:10px }


.pro_title{font-size:24px; color:#333; padding-left:18px; position:relative; margin:75px 0 30px; font-family: 'Noto Sans KR', sans-serif; font-weight:500; line-height:1.2; }
.pro_title:before{content:""; display:block; width:4px; height:25px; background:#333; position:absolute; left:0; top:3px;}
.pro_title2 {color:#333;}
.pro_title2:before{background:#333; }
.pro_title span{font-size:15px; font-weight:400;  }

.pro_img{width:100%; }

.pro_box01{width:100%; background:#f4f4f4; padding:40px 80px; position:relative; margin-bottom:20px; box-sizing:border-box; }
.pro_box01 .flex {display:flex; justify-content:space-between; align-items: center; font-family: 'Noto Sans KR', sans-serif; font-weight:500 }
.pro_box01 .flex .left h3{font-size:22px; color:#191919; line-height:1.5; margin:0 0 20px; font-family: 'Noto Sans KR', sans-serif; font-weight:500;}
.pro_box01 .num_tit  {display:flex; justify-content: flex-start; align-items: flex-start;  }
.pro_box01 .num_tit h3{padding-top:10px;  }
.pro_box01 .num_tit h4{padding-top:10px;  }
.pro_box01 .num_tit .num {position:inherit; left:0; top:0;  margin-right:10px; }
.pro_box01 .flex .left p{font-size:15px; color:#191919; line-height:1.5; font-family: 'Noto Sans KR', sans-serif; font-weight:300; display:inline-block; }
.pro_box01 .flex .left img{margin-top:20px;}
.pro_box01 .num {position:absolute; left:20px; top:20px; width:50px; height:50px; background:#fff; border-radius:100px; text-align:center; line-height:50px; color:#cd0614; font-size:22px; font-weight:500; font-family: 'Noto Sans KR', sans-serif;}
.pro_box01 ul{display:flex; justify-content: center; align-items: flex-start; }
.pro_box01 ul li{margin:0 20px; }
.pro_box01 ul li p{font-size:15px; line-height:1.5; margin-top:6px; font-family: 'Noto Sans KR', sans-serif; font-weight:300; letter-spacing: -0.05rem;}
.pro_box01 .box_txt h4{font-size:22px; color:#191919; line-height:1.5; margin-bottom:16px; font-weight:500; font-family: 'Noto Sans KR', sans-serif;}
.pro_box01 .box_txt p{font-size:15px; color:#191919; line-height:1.5; font-family: 'Noto Sans KR', sans-serif; font-weight:300; letter-spacing: -0.05rem;}
.pro_box01 .flex .left .line{background:#eee; border:1px solid #ddd; padding:20px 30px; margin-top:10px; }
.pro_box01 .flex .left .line h6{font-size: 15px; font-weight:400; font-family: 'Noto Sans KR', sans-serif;}

.pro_box2{border:5px solid #ddd; padding:60px 80px; margin-bottom:20px;  }
.pro_box2 .flex{display:flex; justify-content: space-between; align-items: center; }
.pro_box2 .flex2{margin-bottom:40px; }
.pro_box2 .left h2{font-size:22px; color:#333; line-height:1.5; margin-bottom:16px; font-weight:500; font-family: 'Noto Sans KR', sans-serif;}
.pro_box2 .left p{font-size:15px; color:#191919; line-height:1.5; font-family: 'Noto Sans KR', sans-serif; font-weight:300; letter-spacing: -0.05rem;}
.pro_box2 .left p .red{ color:#cd0614; font-weight:500;}
.pro_box2 .left h4{ color:#666; font-weight:300; font-size:15px; }
.pro_box2 .left img{margin-top:20px;  }

.pro_box3 {padding:50px; }
.pro_box3 .list h2{font-size:22px; color:#191919; line-height:1.5; margin-bottom:12px; font-weight:500; font-family: 'Noto Sans KR', sans-serif;}
.pro_box3 .list p{font-size:15px; color:#191919; line-height:1.5; font-family: 'Noto Sans KR', sans-serif; font-weight:300; letter-spacing: -0.05rem; margin-bottom:12px; }
.pro_box3 .list ul {display:flex; justify-content: space-between; align-items: flex-start; }
.pro_box3 .list ul h5{font-size:15px; color:#191919; line-height:1.5; font-family: 'Noto Sans KR', sans-serif; font-weight:300; letter-spacing: -0.05rem;}
.pro_box3 .num {display:flex; justify-content: space-between; align-items: flex-start; }
.pro_box3 .num .num_list {display:flex; justify-content:flex-start; align-items: flex-start;  margin-bottom:10px; }
.pro_box3 .num .num_list h3 {width:20px; height:20px; background:#e65425; color:#fff; line-height:20px; text-align:center; border-radius:50px; font-family: 'Noto Sans KR', sans-serif; font-weight:400; margin:8px 12px 0 0; font-size:15px;}
.pro_box3 .num .num_list h5 {font-size:15px; color:#191919; font-family: 'Noto Sans KR', sans-serif; font-weight:400; line-height:1.6; padding-top:5px; }
.pro_box3 .num .num_list h5 span{ font-weight:500; }


@media screen and (min-width: 1024px) {
.dotTitle:before{content:"";display:block;position:absolute;top:8px;left:0;width:4px;height:4px;background:#ec5d62;border-radius:50%;}
.constart h3 { }
.con_img{ width:700px;}
.con_imgb{ width:600px;}
.constart { letter-spacing:0;}
    
    
    
}
@media screen and (max-width:767px) {
    .product_top{display:block; }
    .product_top .tire {width:100%; }
    .product_top .tire img {height:280px; }
    
    .product_top:before {display:none;}
    .product_top .top_tit h2 {margin:20px 0; font-size:20px; word-break: keep-all; }
    .product_top .top_tit img:last-child {height:60px;  }
    .product_top .top_tit .tit_img {display:block;  }
    .product_top .top_tit .tit_img img {height:60px;  }
    
    .pro_title{font-size:20px; margin:60px 0 20px; }
    
    .pro_box01 {padding:30px; }
    .pro_box01 .flex {display:block; }
    .pro_box01 .flex .left {margin-bottom:20px;  }
    .pro_box01 .flex .img img {width:100%;  }
    .pro_box01 ul {display:block; }
    .pro_box01 ul li {margin:0 0 15px }
    .pro_box01 .flex .left h3 {font-size:18px; }
    .pro_box01 .box_txt h4 {font-size:18px; }
    .pro_box01 .num {width:40px; height:40px; line-height:40px; font-size:18px; }
    .pro_box01>img {width:100%; }
    
    .pro_box2{padding:30px; }
    .pro_box2 .flex{display:block; }
    .pro_box2 .flex .left{margin-bottom:20px;  }
    .pro_box2 .flex .right img{width:100%;  }
    .pro_box2 .left h2{font-size:18px; }
    
    
    .pro_box3 .list ul{display:block; }
    .pro_box3 .list ul li>img{width:100%; }
    .pro_box3 .list>img{width:100%; }
    .pro_box3 .num{display:block; }
    .pro_box3 .num>img{width:100%;  }
    .pro_box3 .num .num_list h5 {width:calc(100% - 32px);}
    .pro_box3 .list h2 {font-size:18px; }
    
    
    
    
}