@charset "utf-8";

ul{margin:0;padding:0}
li{list-style:none}
img{border:0}
a{text-decoration:none}

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

/* pgcm */
.pagecommon{overflow:hidden;font-size:15px;line-height:1.6;color:#666;font-family:var(--k-font)}
.pagecommon *{word-break:keep-all}
.pagecommon .pl{white-space:pre-line}
.pagecommon .ct_tit{text-align:center}
.pagecommon .ct_tit p{margin-bottom:17px;font-weight:600;color:var(--primary)}
.pagecommon .ct_tit b{display:block;font-size:35px;line-height:1.3;font-weight:700;color:#111}
.pagecommon .dot_list li{position:relative;padding-left:18px;font-size:17px}
.pagecommon .dot_list li:before{position:absolute;left:0;top:11px;content:'';width:3px;height:3px;background:#888}
.pagecommon .table_box table{width:100%;border-top:1px solid #e1e1e1;border-spacing:0}
.pagecommon .table_box table tr th{padding:15px 20px;border-right:1px solid #e1e1e1;border-bottom:1px solid #e1e1e1;font-weight:600;color:#111;background-color:#f5f5f5}
.pagecommon .table_box table tr th:last-child{border-right:none}
.pagecommon .table_box table tr td{padding:15px 20px;border-right:1px solid #e1e1e1;border-bottom:1px solid #e1e1e1}
.pagecommon .table_box table tr td:last-child{border-right:none}
.pagecommon .cont_box+.cont_box{margin-top:50px}
.pagecommon .cont_box .box_tit{margin-bottom:15px;font-size:23px;font-weight:700;color:#111}

/* p33 */
#p33 .flex_box{display:flex;gap:70px;align-items:flex-start}
#p33 .flex_box img{flex-shrink:0}
#p33 .flex_box .r_cont{width:100%}
#p33 .flex_box .ct_tit{text-align:left}
#p33 .flex_box .r_cont .dot_list{margin-top:33px;padding:33px 20px 0;border-top:1px solid #e1e1e1}
#p33 .quotes_txt{margin-top:80px;padding:50px;background-color:#f5f5f5}
#p33 .quotes_txt img{display:block}
#p33 .quotes_txt b{display:block;margin:23px 0 36px;font-size:23px;font-weight:600;color:#111}
#p33 .quotes_txt p{font-size:17px}

/* p34 */
#p34 .tit_box{padding-bottom:25px}
#p34 .tit_box b{font-size:15px;font-weight:900;text-transform:uppercase;color:var(--primary)}
#p34 .tit_box p{padding-top:20px;padding-bottom:30px;border-bottom:1px solid #e1e1e1;font-size:33px;font-weight:300;color:#222;line-height:1.3}
#p34 .tit_box p span{font-weight:700}
#p34 .img_wrap{display:flex;align-items:center;justify-content:space-between;gap:40px}
#p34 .img_wrap div{width:100%}
#p34 .img_wrap img{width:100%;border-radius:10px}
#p34 .img_wrap p{width:100%;font-size:17px}
#p34 .img_wrap p span{color:#222;font-weight:700}
#p34 .wrap{position:relative;padding-bottom:100px}
#p34 .wrap::before{content:"";display:block;position:absolute;left:0;bottom:0;width:100%;height:510px;z-index:-1;background:#f6f8f9}
#p34 .wrap .sub_tit{display:flex;flex-direction:column;align-items:center;justify-content:center;padding-top:60px}
#p34 .wrap .sub_tit div{display:flex;align-items:center;justify-content:center;width:48px;height:48px;margin-bottom:25px;border-radius:100%;background:#f7f7f7}
#p34 .wrap .sub_tit p{font-size:25px;font-weight:300;color:#222;line-height:1.5;text-align:center}
#p34 .wrap .sub_tit p span{font-weight:700}
#p34 .wrap ul{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin:0 40px;padding:50px 0 90px}
#p34 .wrap ul li{display:flex;align-items:center;justify-content:center;flex-direction:column;width:100%}
#p34 .wrap ul li img{display:block;width:100%;margin:15px 0 15px;border-radius:10px}
#p34 .wrap ul li b{display:flex;align-items:center;justify-content:center;width:35px;height:35px;border-radius:100%;font-size:13px;font-weight:700;color:#fff;background:var(--primary)}
#p34 .wrap ul li p{font-weight:700;color:#222;text-align:center}
#p34 .wrap > p{padding-bottom:20px;font-size:26px;line-height:1.4;font-weight:300;text-align:center;color:#222}
#p34 .wrap > p b{font-weight:800;color:var(--primary)}
#p34 .wrap > span{display:block;font-size:17px;text-align:center}

/* p38 */
.com_part .tit_area{margin-bottom:50px;padding-left:75px;width:100%;text-align:center}
.com_part .tit_area b{display:inline-block;padding:7px 25px;border-radius:3px;font-size:13px;font-weight:700;color:#fff;background:var(--primary)}
.com_part .tit_area p{padding:25px 0 5px;font-size:35px;font-weight:700;line-height:1.4;color:#222}
.com_part .tit_area p span{display:block;color:var(--primary)}
.com_part .img_area{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:0 40px;padding-bottom:50px}
.com_part .img_area > div{width:100%}
.com_part .img_area .img img{border-radius:10px}
.com_part .img_area .info .i_tit b{display:block;padding-bottom:3px;font-size:15px;font-weight:700;color:var(--primary)}
.com_part .img_area .info .i_tit p{display:flex;align-items:center;gap:15px;font-size:30px;font-weight:800;color:#222}
.com_part .img_area .info .i_tit p span{font-size:16px;font-weight:500;color:#777}
.com_part .img_area .info ul{padding-top:20px;margin-top:20px;border-top:1px solid #e1e1e1}
.com_part .img_area .info ul li{position:relative;padding-left:15px;font-size:17px}
.com_part .img_area .info ul li::before{content:"";display:inline-block;position:absolute;top:12px;left:0;width:4px;height:4px;border-radius:100%;background:var(--primary)}
.com_part .img_area .info ul li+li{margin-top:5px}
.com_part .list{margin:0 40px;padding-top:50px;border-top:2px solid var(--primary)}
.com_part .list .item{display:flex;align-items:flex-start;justify-content:space-between;gap:60px}
.com_part .list .item+.item{margin-top:35px;padding-top:35px;border-top:1px dotted #e1e1e1}
.com_part .list .item .sub_tit{position:relative;padding-left:25px;width:35%}
.com_part .list .item .sub_tit::before{content:"";display:inline-block;position:absolute;top:14px;left:0;width:4px;height:4px;background:var(--primary)}
.com_part .list .item .sub_tit p{padding-bottom:7px;font-size:20px;font-weight:800;color:#222}
.com_part .list .item .sub_tit span{font-size:16px}
.com_part .list .item .cont{width:57%}
.com_part .list .item .cont > li{display:flex;align-items:center;gap:25px;padding:15px 20px;border:1px solid #e1e1e1;border-radius:5px}
.com_part .list .item .cont > li b{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:3px;font-size:13px;font-weight:900;color:#fff;background:var(--primary)}
.com_part .list .item .cont > li div p{font-size:17px;font-weight:700;color:#222}
.com_part .list .item .cont > li div span{font-size:16px}
.com_part .list .item .cont > li+li{margin-top:10px}

/* p36 */
#p36  .list .item .cont{width:110%}
#p36 .list .item .cont > li{align-items:flex-start}
#p36 .list .item .cont > li div{width:calc(100% - 75px)}
#p36 .list .item .cont > li ul{margin-top:10px;padding:20px;border-radius:10px;background:#f7f7f7}
#p36 .list .item .cont > li ul li{position:relative;padding-left:15px}
#p36 .list .item .cont > li ul li::before{content:"";display:inline-block;position:absolute;top:11px;left:0;width:4px;height:4px;border-radius:100%;background:var(--primary)}
#p36 .list .item .cont > li ul li+li{margin-top:3px}

/* p40 */
#p40 .img_wrap li{display:flex;align-items:center;justify-content:center;gap:30px}
#p40 .img_wrap li:nth-child(2n){flex-direction:row-reverse}
#p40 .img_wrap li+li{margin-top:40px}
#p40 .img_wrap li > div{width:100%}
#p40 .img_wrap li .img{width:100%}
#p40 .img_wrap li .img img{width:100%;border-radius:10px}
#p40 .img_wrap li .txt p{display:flex;align-items:center;gap:15px;padding-bottom:10px;font-size:20px;font-weight:800;color:#222}
#p40 .img_wrap li .txt p b{display:flex;align-items:center;justify-content:center;width:35px;height:35px;border-radius:100%;font-size:13px;font-weight:800;color:#fff;background:var(--primary)}
#p40 .img_wrap li .txt span{font-size:16px}


/* 반응형 [s] */
@media (max-width:1400px){
.pagecommon{padding:20px 10px}
#p33 .flex_box{gap:20px}
#p33 .flex_box img{width:40%}
#p34 .img_wrap p{white-space:normal}
}
@media (max-width:1024px){
#p34 .img_wrap p{text-align:center}
#p34 .img_wrap{flex-direction:column;gap:25px}
#p34 .img_wrap div{width:initial}
#p34 .tit_box{text-align:center}
#p34 .wrap > span{white-space:normal}
.com_part .img_area{flex-direction:column;align-items:center;justify-content:center;gap:30px}
.com_part .img_area .img img{display:block;margin:0 auto}
.com_part .img_area{margin:0}
.com_part .tit_area{padding-left:0}

}
@media (max-width:860px){
#p40 .img_wrap li{flex-direction:column}
#p40 .img_wrap li:nth-child(2n){flex-direction:column}
}
@media (max-width:768px){
.pagecommon .dot_list li{font-size:15px}
#p33 .quotes_txt{margin-top:30px;padding:40px}
#p33 .quotes_txt p{font-size:15px}
#p33 .quotes_txt b{margin:20px 0;font-size:19px;}
#p33 .flex_box{flex-direction:column;align-items:center}
#p33 .flex_box .r_cont .dot_list{margin-top:23px;padding:23px 20px 0}
#p34 .tit_box p{padding:10px 0 20px;font-size:28px}
#p34 .tit_box b{font-size:13px}
#p34 .wrap ul{flex-direction:column;margin:50px 0 0;padding:50px 20px 90px;background:#f6f8f9}
#p34 .wrap::before{display:none}
#p34 .wrap{padding-bottom:0}
#p34 .wrap > p, #p34 .wrap > span{background:#f6f8f9}
#p34 .wrap > span{padding-bottom:50px}
#p34 .wrap ul{padding-bottom:60px}
.com_part .img_area .img img{width:100%}
.com_part .list .item{flex-direction:column;gap:10px}
.com_part .list{margin:0}
#p36 .list .item .cont{width:100%}
.com_part .tit_area p{padding:10px 0 0;font-size:30px}
.com_part .tit_area{margin-bottom:25px}
.com_part .list .item .sub_tit{width:100%}
.com_part .list .item .cont{width:100%}
.com_part .list{padding-top:30px}
.com_part .img_area{padding-bottom:30px}
.com_part .list .item+.item{padding-top:25px;margin-top:30px}
#p40 .tit_area p span{display:inline-block}
}
@media (max-width:480px){
.pagecommon .dot_list li:before{left:6px}
.pagecommon .ct_tit p{margin-bottom:7px}
.pagecommon .ct_tit b{font-size:30px}
#p33 .flex_box{gap:25px}
#p33 .flex_box img{width:100%}
#p33 .flex_box .r_cont .dot_list{padding:23px 0 0}
#p33 .quotes_txt{padding:30px}
#p34 .tit_box p{font-size:24px;white-space:normal}
#p34 .img_wrap p{font-size:15px}
#p34 .img_wrap{gap:20px}
#p34 .wrap .sub_tit p{font-size:21px;white-space:normal}
#p34 .wrap > p{font-size:21px}
#p34 .wrap > span{font-size:15px}
.com_part .img_area .info ul li{font-size:15px}
.com_part .img_area .info ul li::before{top:10px}
.com_part .img_area .info .i_tit p{flex-direction:column;gap:5px}
.com_part .img_area .info .i_tit b{text-align:center}
.com_part .tit_area p{font-size:25px}
.com_part .tit_area b{padding:7px 15px}
.com_part .list{padding-top:30px}
.com_part .list .item .cont > li{flex-direction:column;gap:10px}
#p36 .list .item .cont > li div{width:100%}
.com_part .list .item .cont > li b{width:36px;height:36px}
.com_part .list .item .cont > li div span{font-size:15px}
.com_part .list .item .sub_tit{padding-left:15px}
#p38 .list .item .cont > li div p{text-align:center}
#p38 .list .item .cont > li div span{display:block;text-align:center}
#p38 .list .item .sub_tit p{padding-bottom:3px}
#p38 .list .item{gap:13px}
#p38 .list .item .sub_tit::before{top:12px}
#p38 .list .item .cont > li b{width:33px;height:33px;font-size:10px}
#p40 .img_wrap li .txt span{font-size:15px}
#p40 .img_wrap li+li{margin-top:30px}
}
@media (max-width:380px){
.pagecommon .ct_tit b{font-size:27px}
.pagecommon .ct_tit p{text-align:center}
.pagecommon .ct_tit b{text-align:center}
#p33 .quotes_txt b{font-size:17px}
#p34 .tit_box p{font-size:21px}
#p34 .tit_box{padding-bottom:20px}
#p34 .wrap .sub_tit p{font-size:20px}
#p34 .wrap .sub_tit{padding-top:30px}
#p34 .wrap ul{margin-top:30px;padding-top:30px}
#p34 .wrap ul li b{width:30px;height:30px;font-size:10px}
#p34 .wrap ul{padding-bottom:30px}
.com_part .img_area .info .i_tit p{gap:0;font-size:25px}
.com_part .img_area .info .i_tit p span{font-size:15px}
.com_part .tit_area p{font-size:22px}
.com_part .tit_area b{font-size:11px}
.com_part .tit_area{margin-bottom:20px}
.com_part .img_area{gap:20px}
.com_part .list .item .sub_tit p{font-size:18px}
.com_part .list .item{gap:5px}
.com_part .list{padding-top:25px}
.com_part .img_area{padding-bottom:25px}
.com_part .list .item .cont > li div p{padding-bottom:3px}
#p40 .img_wrap li .txt p{gap:10px;font-size:17px}
#p40 .img_wrap li .txt p b{width:30px;height:30px;font-size:10px}
}
/* 반응형 [e] */