@charset "utf-8";

#comingsoon{width:100%;padding-top:100px;text-align:center}

/* pgcm */
.pgcm{font-size:15px;line-height:1.8;color:#777;font-family:"notokr-regular"}
.pgcm p, .pgcm span, .pgcm ul li, .pgcm dl dd, .pgcm div{word-break:keep-all}
.pgcm .pl{white-space:pre-line}
.pgcm .tit_area{margin-bottom:30px;text-align:left}
.pgcm .tit_area b{display:block;padding:10px 30px;font-size:14px;font-weight:700;text-align:center;text-transform:uppercase;color:var(--primary);font-family:"poppins"}
.pgcm .tit_area p{font-size:28px;line-height:1.5;color:#222;text-align:center;text-transform:uppercase;font-family:"notokr-bold"}
.pgcm .tit_area span{display:block;padding-top:10px;text-align:center}

/* p33 */
#p33 .outline .wrap{display:flex;align-items:flex-start;justify-content:space-between;position:relative}
#p33 .outline .wrap img{width:100%}
#p33 .outline .wrap .cont{width:100%;border-top:2px solid #222}
#p33 .outline .wrap .cont dl{display:flex;align-items:center}
#p33 .outline .wrap .cont dl dt{width:30%;border-bottom:1px solid #e1e1e1;padding:15px 30px;font-size:15px;color:#222;background:rgba(14, 129, 158, 0.1);font-family:"notokr-bold"}
#p33 .outline .wrap .cont dl dd{width:70%;padding:15px 30px;border-bottom:1px dotted #e1e1e1}
#p33 .sub_tit{display:flex;align-items:center;position:relative;gap:35px;padding:0 20px 10px;text-transform:uppercase}
#p33 .sub_tit b{display:inline-block;font-size:25px;font-weight:700;color:var(--primary);font-family:"poppins"}
#p33 .sub_tit::before{content:"";display:inline-block;position:absolute;top:19px;left:140px;width:4px;height:4px;border-radius:100%;background:var(--primary)}
#p33 .history{margin-top:20px;padding:50px;background:#f7f7f7}
#p33 .history .sub_tit{margin-bottom:25px;border-bottom:2px solid #222}
#p33 .history > ul{margin-left:20px;padding-left:40px;border-left:1px solid #e1e1e1}
#p33 .history > ul > li{display:flex;align-items:flex-start;gap:30px;padding-bottom:25px;border-bottom:1px dotted #e1e1e1}
#p33 .history > ul > li+li{margin-top:25px}
#p33 .history > ul > li b{position:relative;font-size:20px;font-weight:700;line-height:1.5;color:#222;font-family:"poppins"}
#p33 .history > ul > li b::before{content:"";display:inline-block;position:absolute;top:12px;left:-42px;width:4px;height:4px;border-radius:100%;background:#222}
#p33 .history > ul .latest b::before{top:15px;left:-43px;width:7px;height:7px;background:var(--primary);box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;}
#p33 .history > ul > li:nth-child(1) b{color:var(--primary)}
#p33 .history > ul > li:nth-child(1){color:#222;font-family:"notokr-medium"}
/* 제품안내 */
.product .cont+.cont{margin-top:50px}
.product .cont .sub_tit{display:flex;align-items:center;gap:20px;padding-bottom:15px;margin-bottom:20px;border-bottom:1px solid #e1e1e1;font-size:20px;color:#222;font-family:"notokr-bold"}
.product .cont .sub_tit b{display:inline-block;width:35px;height:35px;border-radius:5px;font-size:13px;font-weight:700;line-height:35px;text-align:center;background:var(--primary);color:#fff;font-family:"poppins"}
.product .img_wrap{display:flex;align-items:center;justify-content:space-between;gap:10px}
.product img{width:100%}
.product .area{display:grid;grid-template-columns:repeat(2,1fr);row-gap:20px;column-gap:20px;margin-top:20px}
.product .area p{display:flex;align-items:center;gap:20px;width:100%;padding:20px;border:1px solid #e1e1e1;font-family:"notokr-medium"}
.product .area p b{display:inline-block;width:36%;height:50px;padding:0 15px;margin-right:20px;border-radius:50px;font-size:15px;line-height:50px;text-align:center;color:#fff;background:#333;font-family:"notokr-bold"}
.product .area p span{width:100%}
.product .skill{margin-top:20px;border:1px solid #e1e1e1;padding:15px 30px}
.product .skill p{position:relative;padding:15px 30px;border-bottom:1px dotted #e1e1e1;font-size:16px}
.product .skill p:last-child{border-bottom:none}
.product .skill p::before{content:"";display:inline-block;position:absolute;top:28px;left:12px;width:4px;height:4px;border-radius:100%;background:var(--primary)}
.product table{width:100%;border-collapse:collapse;text-align:center}
.product table thead th{border-right:1px solid rgba(255, 255, 255, 0.5);background:var(--primary);padding:20px;font-size:16px;font-weight:700;color:#fff;font-family:"poppins"}
.product table tbody tr td{padding:20px;border-right:1px solid #e1e1e1;border-bottom:1px solid #e1e1e1}
.product table tbody tr td:first-child{border-right:none;background:#f7f7f7;font-size:16px;font-weight:700;color:#222;font-family:"poppins"}
.product table tbody tr td:last-child{border-right:none}
.product .img_wrap li p{padding:20px;color:#222;text-align:center;background:#f7f7f7;font-family:"notokr-bold"}
.product .img_wrap li{background:#f7f7f7}
/* p37 */
#p37 .img_wrap{display:grid;grid-template-columns:repeat(3,1fr)}
#p37 .img_wrap li p{border:1px solid #e1e1e1;border-top:none;background:#fff}
#p37 .img_wrap li:nth-child(1) p,#p37 .img_wrap li:nth-child(4) p{background:rgba(14,129,158,0.1)}
#p37 .img_wrap li:nth-child(2) p,#p37 .img_wrap li:nth-child(5) p{background:rgba(14,129,158,0.2)}
#p37 .img_wrap li:nth-child(3) p,#p37 .img_wrap li:nth-child(6) p{background:rgba(14,129,158,0.3)}
#p37 .circle{display:flex;align-items:center;justify-content:center;margin:50px 0}
#p37 .circle p{display:flex;align-items:center;justify-content:center;width:250px;height:250px;border-radius:100%;font-size:16px;color:var(--primary);font-family:"notokr-bold";background:rgba(14,129,158,0.1);border:2px dotted rgba(14,129,158,0.7)}
#p37 .circle p+p{margin-left:-40px}
#p37 .circle p:nth-child(1){margin-left:0;background:rgba(14,129,158,0.1);border:none}
#p37 .circle p:nth-child(3){background:rgba(14,129,158,0.1);border:none}
#p37 .feature ul li{display:flex;align-items:flex-start;gap:35px;padding:30px;border-radius:10px;background:#f7f7f7}
#p37 .feature ul li+li{margin-top:10px}
#p37 .feature ul li:nth-child(2n){border:1px solid #e1e1e1;background:#fff}
#p37 .feature ul li b{display:inline-block;width:15%;padding:12px 25px;margin-right:30px;border-radius:30px;font-size:13px;font-weight:700;color:#fff;background:#333;text-transform:uppercase;text-align:center;font-family:"poppins"}
#p37 .feature ul li span{width:100%}
#p37 .w_background{background:#fff;border-right:1px solid #e1e1e1;font-size:15px;font-weight:normal;color:#777;font-family:"notokr-regular"}
#p37 .img_area ul{display:flex;align-items:center;justify-content:space-between;gap:20px}
#p37 .img_area ul li{display:flex;align-items:center;justify-content:center;width:100%;background:#f7f7f7}


/* p38 */
#p38 .img_wrap{margin-bottom:120px}
#p38 .img_wrap li{width:100%;height:358px}
#p38 .img_wrap li video{width:100%;height:358px;object-fit:cover}
#p38 .cont table tbody td{background:#fff;font-weight:400;color:#777;font-family:"notokr-regular"}
#p38 .cont table tbody tr td:nth-child(2){border-left:1px solid #e1e1e1}
#p38 .last_tb table tr td:nth-child(1){font-weight:700;color:#222;background:#f7f7f7;font-family:"poppins"}
#p38 .img_tb table thead tr:nth-child(1){border-bottom:1px solid rgba(255, 255, 255, 0.5)}
#p38 .img_tb table tbody tr td:nth-child(1){font-weight:700;color:#222;background:#f7f7f7;font-family:"poppins"}
#p38 .img_tb ul{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:20px}
#p38 .img_tb ul li{border:1px solid #e1e1e1}

/* p39 */
#p39 .img_wrap li{background:#f7f7f7}
#p39 .img_wrap{margin-bottom:30px;}
#p39 .tb_wrap table thead tr:nth-child(1){border-bottom:1px solid rgba(255, 255, 255, 0.5)}
/* p40 */
#p40 .img_tit{padding:10px 0;font-size:18px;font-weight:700;color:#222;font-family:"poppins"}
#p40 table thead tr:nth-child(1){border-bottom:1px solid rgba(255, 255, 255, 0.5)}
#p40 .tb_wrap{margin-top:20px}

/* p42 */
#p42 ul{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
#p42 ul li a{display:flex;align-items:center;justify-content:center;width:100%;height:116px;border:1px solid #e1e1e1}