@charset "utf-8";

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

/* pgcm */
.pgcm{font-size:16px;font-weight:400;line-height:1.8;color:#777;font-family:var(--k-font)}
.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}
.pgcm .tit_area b{display:inline-block;position:relative;left:50%;transform:translateX(-50%);padding:5px 20px;margin:0 auto 20px;border-radius:5px;font-size:13px;font-weight:700;text-align:center;text-transform:uppercase;color:#fff;background:var(--primary);font-family:var(--e-font), var(--k-font)}
.pgcm .tit_area p{font-size:27px;font-weight:700;line-height:1.4;color:#222;text-align:center}
.pgcm .tit_area p span{font-weight:300}
.pgcm .tit_area > span{display:block;padding-top:10px;font-size:18px;text-align:center}

/* com_part */
.com_part .cont{display:flex;align-items:center;justify-content:space-between;gap:20px;flex-direction:column}
.com_part .cont .img{display:flex;align-items:center;justify-content:center;width:100%;padding:40px;border:1px solid #e1e1e1;border-radius:10px;background:#f7f7f7}
.com_part .tb_wrap{overflow-x:auto;width:100%}
.com_part .tb_wrap table{width:100%;border-collapse:collapse}
.com_part .tb_wrap table thead tr th{padding:10px;border-right:1px solid rgba(255, 255, 255, 0.3);border-bottom:1px solid rgba(255, 255, 255, 0.3);font-size:15px;font-weight:700;color:#fff;background:var(--primary);text-align:center}
.com_part .tb_wrap table thead tr th:last-child{border-right:none}
.com_part .tb_wrap table tbody tr td{padding:10px;border-right:1px solid #e1e1e1;border-bottom:1px solid #e1e1e1;font-size:16px;color:#777;text-align:center}
.com_part .tb_wrap table tbody tr td:last-child{border-right:none}
.com_part .tb_wrap table tbody tr td.tb_tit{font-weight:600;color:#222;background:#f7f7f7}

/* tab 메뉴 공통*/
.tabs_area{margin-bottom:80px}
.tabs_area .tabs{display:inline-flex;align-items:center;justify-content:center;position:relative;left:50%;transform:translateX(-50%);height:75px;padding:0 20px;border-radius:50px;background:#f7f7f7}
.tabs_area .tabs li a{display:block;width:100%;height:100%;font-weight:600;color:#777}
.tabs_area .tabs li{padding:0 22px;font-size:18px;cursor:pointer;color:#777}
.tabs_area .tabs li:hover{color:#222}
.tabs_area .tabs li:hover a{color:#222}
.tabs_area .tabs li.on{border-radius:50px;background:#222;color:#fff}
.tabs_area .tabs li.on a{padding:9px 25px;font-weight:600;color:#fff}

/* tab02 */
.tab_area .img_area{display:flex;align-items:center;justify-content:space-between;gap:25px}
.tab_area .box_wrap{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:20px}
.tab_area .box{overflow:hidden;display:flex;align-items:center;justify-content:center;flex-direction:column;width:100%;border:1px solid #e1e1e1;border-radius:10px}
.tab_area .img_area .tb_wrap table thead tr th{border-radius:10px 10px 0 0;line-height:1.6}
.tab_area .img_area .tb_wrap table tbody tr td{font-size:15px;line-height:1.6}
.tab_area .img_area .tb_wrap table tbody tr td:first-child{font-size:15px;font-weight:600;color:#222;background:#f7f7f7}
.tab_area .tit_area p{font-size:35px}
.tab_area .list_area{margin-top:30px;border-top:2px solid #222}
.tab_area .list_area > li{display:flex;align-items:flex-start;justify-content:space-between;padding:40px 20px;border-bottom:1px solid #e1e1e1}
.tab_area .list_area > li:last-child{border-bottom:none}
.tab_area .list_area .list_tit{display:flex;align-items:center;gap:15px;width:250px;font-size:22px;font-weight:700;color:#222}
.tab_area .list_area li > div{width:calc(100% - 250px)}
.tab_area .list_area li > div .box{overflow:hidden;margin-bottom:10px}
.tab_area .list_area li > div .box img{width:100%}
.tab_area .list_area .icon_box{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;width:100%}
.tab_area .list_area .list_tit b{display:flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:5px;font-size:13px;font-weight:700;color:#fff;background:var(--primary);font-family:var(--e-font)}
.tab_area .list_area .icon_box li{display:flex;align-items:center;justify-content:flex-start;flex-direction:column;padding:25px;border:1px solid #e1e1e1;border-radius:10px}
.tab_area .list_area .icon_box li div{display:flex;align-items:center;justify-content:center;width:97px;height:97px;border-radius:100%;background:#f7f7f7}
.tab_area .list_area .icon_box li p{padding:15px 0 5px;font-size:18px;font-weight:700;text-align:center;color:#222}
.tab_area .list_area .icon_box li span{display:block;text-align:center;line-height:1.6}
.tab_area .link{display:inline-block;position:relative;left:50%;transform:translateX(-50%);padding:15px 35px;border:1px solid var(--primary);border-radius:60px;font-size:15px;font-weight:600;color:var(--primary);text-align:center;transition:all .2s}
.tab_area .link:hover{color:#fff;background:var(--primary)}
.tab_area .img_area .tb_wrap table tbody tr td.w_back{font-weight:400;color:#777;background:#fff}
#p37 .box_wrap .box p{width:100%;padding:15px;font-size:16px;font-weight:700;color:#222;text-align:center;background:#f7f7f7}

/* p33 */
#p33{display:flex;flex-direction:column;align-items:center;justify-content:center}
#p33 img{border-radius:10px}
#p33 .txt{padding:55px 10px}
#p33 .txt strong{display:block;padding-bottom:10px;font-size:22px;font-weight:700;line-height:1.5;text-align:center;color:#222}
#p33 .txt p{text-align:center}
#p33 ul{padding:0 170px}
#p33 ul li{display:flex;align-items:center;justify-content:center;gap:30px}
#p33 ul li+li{margin-top:30px}
#p33 ul li div{width:100%}
#p33 ul li div img{display:block;width:100%}
#p33 ul li .cont p{display:flex;align-items:center;gap:15px;padding-bottom:15px;margin-bottom:15px;border-bottom:1px solid #e1e1e1}
#p33 ul li .cont p b{display:flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:100%;font-size:13px;font-weight:700;color:#fff;background:var(--primary);font-family:var(--e-font)}
#p33 ul li .cont p strong{font-size:18px;font-weight:700;color:#222}
#p33 ul li .cont span{display:block;padding:0 10px}
#p33 > p{padding-top:65px;font-size:20px;font-weight:700;line-height:1.6;color:#222;text-align:center}

/* p34 */
#p34{display:flex;align-items:flex-start;justify-content:space-between;gap:50px}
#p34 .tit_area{width:30%}
#p34 .tit_area p{font-size:36px;text-align:left}
#p34 .tit_area b{left:0;transform:initial}
#p34 .tit_area > span{display:block;padding-top:10px;line-height:1.6;text-align:left}
#p34 ul{position:relative;width:70%}
#p34 ul::before{content:"";display:block;position:absolute;left:19%;width:1px;height:100%;background:#e1e1e1}
#p34 ul li{display:flex;align-items:center;gap:50px;padding:20px 10px;background:#f7f7f7}
#p34 ul li:nth-child(2n-1){background:#fff}
#p34 ul li b{display:block;position:relative;width:18%;font-size:24px;font-weight:700;text-align:center;color:#222;font-family:var(--e-font)}
#p34 ul li b::before{content:"";display:inline-block;position:absolute;top:50%;transform:translateY(-50%);right:-4px;width:5px;height:5px;border-radius:100%;background:#999}
#p34 ul li.start{align-items:flex-start}
#p34 ul li.top b{color:var(--primary)}
#p34 ul li.top b::before{background:var(--primary)}
#p34 ul li.start div{padding-top:10px}

/* p38 */
#p38 .border01{border-radius:10px 0 0 0}
#p38 .border02{border-radius:0 10px 0 0}

/* p44 */
#p44 .img_area{display:flex;align-items:center;justify-content:center;gap:10px}
#p44 .img_area div{display:flex;align-items:center;justify-content:center;width:100%;border:1px solid #e1e1e1}
#p44 .tb_wrap table{border-top:1px solid #e1e1e1}
#p44 .tb_wrap table tbody tr th{padding:16px;border-bottom:1px solid #e1e1e1;font-size:15px;font-weight:700;color:#222;line-height:1.5;text-align:center;background:#f7f7f7}
#p44 .tb_wrap table tbody tr td{padding:16px;border-right:1px solid #e1e1e1;border-bottom:1px solid #e1e1e1;font-size:15px;font-weight:400;color:#777;text-align:center;line-height:1.5}
#p44 .last_tit{margin-top:70px}
#p44 .bnr{width:100%;padding:40px;border-radius:10px;margin-top:15px;background:url(/sh_page/img/p44_img05.jpg) no-repeat;background-size:cover}
#p44 .bnr p{padding-bottom:10px;margin-bottom:20px;border-bottom:1px solid rgba(255, 255, 255, 0.2);font-size:27px;font-weight:700;color:#fff}
#p44 .bnr div dl{display:flex;align-items:center;gap:15px}
#p44 .bnr div dl+dl{margin-top:10px}
#p44 .bnr div dl dt{display:flex;align-items:center;justify-content:center;width:155px;height:45px;border-radius:50px;font-size:18px;font-weight:700;color:#fff;background:rgba(255, 255, 255, 0.2)}
#p44 .bnr div dl dd{font-size:20px;font-weight:700;color:rgba(255, 255, 255, 1)}


/* 반응형 [s] */
@media (max-width:1200px){
.pgcm{padding:0 10px}
#p44 .img_area div img{width:100%}
}
@media (max-width:1120px){
#p33 ul li{flex-direction:column}
#p33 ul li+li{flex-direction:column-reverse}
}
@media (max-width:1040px){
#p34{flex-direction:column;gap:0}
#p34 .tit_area{width:100%;text-align:center}
#p34 .tit_area p{text-align:center}
#p34 .tit_area > span{text-align:center}
#p34 ul{width:100%;border-top:2px solid #222}
#p34 ul li b::before{right:-7px}
.tabs_area{margin-bottom:40px}
}
@media (max-width:1024px){
.pgcm .tit_area{padding:0 10px}
.pgcm .tit_area > span{font-size:16px}
.tab_area .tit_area p{font-size:30px}
.tab_area .list_area > li{flex-direction:column;gap:15px}
.tab_area .list_area li > div{width:100%}
.tab_area .list_area .list_tit{width:100%}
#p33 > img{width:100%}
}
@media (max-width:768px){
.pgcm{padding:0 10px}
#p33 ul{padding:0 70px}
#p34 ul li b::before{display:none}
.tab_area .box_wrap{gap:10px}
.tab_area .list_area .icon_box{grid-template-columns:repeat(2,1fr)}
.tab_area .list_area > li{padding:30px 20px}
}
@media (max-width:550px){
#p33 ul{padding:0}
#p34 ul::before{display:none}
#p34 ul li{flex-direction:column;gap:10px}
#p34 ul li.start{align-items:center;text-align:center}
#p33 .txt{padding-bottom:40px}
#p34 .tit_area p{font-size:27px}
#p34 .tit_area > span{font-size:16px}
#p44 .tb_wrap table tbody tr th{font-size:14px}
#p44 .tb_wrap table tbody tr td{font-size:14px}
#p44 .img_area{flex-direction:column}
#p44 .bnr{padding:20px}
#p44 .bnr p{font-size:20px;text-align:center}
#p44 .bnr div dl dt{width:120px;height:37px;font-size:14px}
#p44 .bnr div dl dd{font-size:16px}
#tab1 .box_wrap .box p{font-size:15px}
.tab_area .list_area > li{padding:25px 0}
}
@media (max-width:480px){
.pgcm{padding:25px 10px}
.pgcm .tit_area p{font-size:24px;white-space:normal}
.pgcm .tit_area > span{padding-top:5px;font-size:16px;line-height:1.5}
#p33 .txt{padding:20px 10px}
#p33 .txt strong{font-size:18px}
#p33 .txt p{font-size:16px;line-height:1.5}
#p34 ul li{gap:2px}
#p34 ul li.start div{padding-top:0}
#p34 ul li div p{text-align:center;line-height:1.5}
#p44 .last_tit{margin-top:50px}
#p44 .bnr div dl dd{font-size:15px}
#p44 .bnr div dl dt{width:95px}
#p44 .bnr p{font-size:18px}
.tab_area .box img{width:100%}
.tabs_area{margin-bottom:30px}
.tabs_area .tabs{height:60px;padding:0 10px}
.tabs_area .tabs li{font-size:16px}
.tabs_area .tabs li.on a{padding:5px 10px}
}
@media (max-width:400px){
.pgcm .tit_area{margin-bottom:20px}
.pgcm .tit_area p{font-size:21px}
.pgcm .tit_area b{font-size:11px}
.com_part .tb_wrap table{font-size:15px;line-height:1.5}
.com_part .tb_wrap table tbody tr td.tb_tit{font-size:15px;line-height:1.5}
.com_part .tb_wrap table thead tr th{font-size:14px;line-height:1.5}
.tab_area .box_wrap{flex-direction:column}
#p33 ul li .cont p{flex-direction:column;gap:10px}
#p33 ul li .cont p strong{text-align:center;line-height:1.5}
#p33 ul li .cont span{text-align:center}
#p34 .tit_area p{font-size:21px}
#p37 .img_area .tb_wrap table thead tr th{border-radius:0}
#p44 .bnr div dl dt{width:70px}
.tab_area .list_area .icon_box{grid-template-columns:repeat(1,1fr)}
.tabs_area .tabs li.on a{padding:10px}
.tabs_area .tabs li a{line-height:1.5;text-align:center}
.tabs_area .tabs li{font-size:15px}
}
/* 반응형 [e] */