@charset "utf-8";

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

/* pgcm */
.pgcm{font-size:15px;color:#777;line-height:1.8;word-break:keep-all;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{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px}
.pgcm .tit_area h1{font-size:35px;font-weight:700;color:#222;text-transform:uppercase;font-family:"poppins"}
.pgcm .flex{display:flex;align-items:flex-start;justify-content:space-between;padding:40px 0 60px}

/* p33 */
#p33 .sub_tit h2{font-size:22px;font-weight:700;color:#222;text-transform:uppercase;font-family:var(--e-font)}
#p33 .mid{padding:60px 65px;background:#f7f7f7}
#p33 .mid .sub_tit h2{text-transform:capitalize;text-align:center}
#p33 .mid ul{margin-top:30px;padding:50px 25px;background:#fff}
#p33 .mid ul li{display:flex;align-items:center;justify-content:space-between;gap:60px}
#p33 .mid ul li .txt .num{display:flex;align-items:center;gap:15px;padding-bottom:15px}
#p33 .mid ul li .txt .num b{display:flex;align-items:center;justify-content:center;width:30px;height:30px;font-size:13px;font-weight:700;color:#fff;background:var(--primary);font-family:var(--e-font)}
#p33 .mid ul li .txt .num span{font-size:17px;font-weight:700;color:#222;font-family:var(--e-font)}
#p33 .mid ul li+li{padding-top:60px;margin-top:60px;border-top:1px dotted #e1e1e1}
#p33 .last{padding-top:60px}
#p33 .last .sub_tit h2{padding-bottom:15px;text-transform:capitalize}
#p33 .last .info{margin:30px 25px}
#p33 .last .info b{display:block;position:relative;padding-left:20px;font-size:18px;font-weight:700;color:#222;font-family:var(--e-font)}
#p33 .last .info b::before{content:"";display:inline-block;position:absolute;top:10px;left:0;width:5px;height:5px;border-radius:100%;background:#222}
#p33 .last .info p{margin-top:10px;padding:25px;background:#f7f7f7}
#p33 .last .img_area{border:1px solid #e1e1e1;padding:25px}
#p33 .last .img_area img{width:100%}
#p33 .last_tit{text-align:center}

/* p34 */
#p34 > img{width:100%}
#p34 .all_wrap{margin-top:60px}
#p34 .all_wrap > li+li{margin-top:60px}
#p34 .all_wrap li .sub_tit{display:flex;align-items:center;gap:15px;padding-bottom:20px;margin-bottom:20px;border-bottom:1px solid #e1e1e1}
#p34 .all_wrap li .sub_tit b{display:flex;align-items:center;justify-content:center;width:35px;height:35px;font-size:13px;font-weight:700;color:#fff;background:#222;font-family:var(--e-font)}
#p34 .all_wrap li .sub_tit span{font-size:20px;color:#222;font-family:"notokr-bold"}
#p34 .all_wrap li .flex{display:flex;align-items:center;justify-content:space-between;padding:40px 20px;border:1px solid #e1e1e1}
#p34 .all_wrap li .flex div{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:30px;width:100%}
#p34 .all_wrap li .flex div img{width:100%}
#p34 .all_wrap li .flex div p{padding:15px 55px;border-radius:50px;background:#f7f7f7;font-size:15px;color:#222;font-family:"notokr-bold"}
#p34 .all_wrap li .flex div:nth-child(1){border-right:1px solid #e1e1e1}
#p34 .all_wrap .grid{padding:60px 65px;background:#f7f7f7}
#p34 .all_wrap .grid ul{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}
#p34 .all_wrap .grid ul li{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%}
#p34 .all_wrap .grid ul li img{width:100%;padding:20px 0;background:#fff}
#p34 .all_wrap .grid ul li p{width:100%;padding:13px 10px;font-size:15px;color:#fff;text-align:center;background:var(--primary);font-family:"notokr-bold"}
#p34 .all_wrap .img_area{padding:40px;border:1px solid #e1e1e1}
#p34 .all_wrap .img_area img{display:block;width:93%;margin:0 auto}
#p34 .tb_wrap{overflow:auto}
#p34 .tb_wrap table{width:100%;border-collapse:collapse}
#p34 .tb_wrap table thead th{padding:17px 10px;font-weight:700;color:#fff;text-align:center;background:#222;font-family:var(--e-font)}
#p34 .tb_wrap table thead th:nth-child(1){border-right:1px solid rgba(255,255,255,0.2)}
#p34 .tb_wrap table tbody tr td{padding:12px 10px;border-right:1px solid #e1e1e1;text-align:center;border-bottom:1px solid #e1e1e1;font-weight:500;text-align:center;color:#777;font-family:var(--e-font)}
#p34 .tb_wrap table tbody tr td:last-child{border-right:none}
#p34 .tb_wrap table tbody .gray{padding:30px;color:#222;background:#f7f7f7;font-family:"notokr-medium"}

/* p35 */
#p35 .cont .sub_tit h2{font-size:22px;color:#222;font-family:"notokr-bold"}
#p35 .mid{padding:60px 65px;background:#f7f7f7}
#p35 .mid .sub_tit{text-align:center}
#p35 .mid .sub_tit h2{padding-bottom:10px}
#p35 .mid ul{display:grid;grid-template-columns:repeat(3,1fr);column-gap:30px;row-gap:40px;margin-top:40px;padding:40px 45px;background:#fff}
#p35 .mid ul li div{display:flex;align-items:center;justify-content:center;width:72px;height:72px;border-radius:10px;background:#f7f7f7}
#p35 .mid ul li p{padding:20px 0;font-size:15px;font-weight:700;line-height:1.5;color:#222;font-family:var(--e-font)}
#p35 .last{margin-top:60px}
#p35 .last .img_area{display:flex;align-items:center;justify-content:space-between;gap:80px}
#p35 .last .img_area+.img_area{margin-top:60px}
#p35 .last .img_area img{width:100%}
#p35 .last .img_area .sub_tit h2{display:flex;align-items:center;gap:20px}
#p35 .last .img_area .sub_tit h2 b{display:flex;align-items:center;justify-content:center;width:35px;height:35px;font-size:13px;font-weight:700;color:#fff;background:var(--primary);font-family:var(--e-font)}
#p35 .last .img_area .sub_tit p{padding:20px 0}
#p35 .last .left ul{padding:20px;background:#f7f7f7}
#p35 .last div ul li{position:relative;padding-left:30px}
#p35 .last div ul li::before{content:"";display:inline-block;position:absolute;top:12px;left:0;width:4px;height:4px;border-radius:100%;background:var(--primary)}
#p35 .last .right ul{display:flex;align-items:center;justify-content:space-between;gap:20px;position:relative}
#p35 .last .right ul li{width:100%;padding:15px 30px;background:#f7f7f7}
#p35 .last .right ul li::before{top:27px;left:15px}
#p35 .last .right img{border:1px solid #e1e1e1}

/* p41 */
#p41 .top_logo{border-top:2px solid #222}
#p41 .top_logo li{display:flex;align-items:center;border-bottom:1px solid #e1e1e1}
#p41 .top_logo li a{display:flex;align-items:center;justify-content:center;width:337px;border-right:1px solid #e1e1e1;background:#f7f7f7;transition:0.2s}
#p41 .top_logo li a:hover{background:#eee}
#p41 .top_logo li div{width:calc(100% - 337px);padding:0 30px;font-size:16px}
#p41 .top_logo li div b{display:block;padding-bottom:10px;font-weight:700;color:#222;font-family:"poppins"}
#p41 .bottom_logo{display:grid;grid-template-columns:repeat(4,1fr);margin-top:30px;border-top:2px solid #222}
#p41 .bottom_logo li{border-bottom:1px solid #e1e1e1;border-left:1px solid #e1e1e1}
#p41 .bottom_logo li:nth-child(1), #p41 .bottom_logo li:nth-child(5), #p41 .bottom_logo li:nth-child(9){border-left:none}
#p41 .bottom_logo li a{display:flex;align-items:center;justify-content:center;width:100%;height:100%;transition:0.2s}
#p41 .bottom_logo li a:hover{background:#eee}
#p41 .bottom_logo li a img{width:100%}

/* p43 */
#p43 .tit_area{align-items:initial;padding-bottom:40px;padding-left:110px;margin-bottom:40px;padding-bottom:30px;margin-bottom:30px;border-bottom:1px solid #e1e1e1}
#p43 .tit_area p span{font-family:"notokr-bold"}
#p43 .cont{padding:0 60px 40px;margin:0 50px;line-height:2;background:#fff}
#p43 .cont strong{display:block;padding-top:10px;font-size:14px;text-align:right;color:#222}
#p43 .cont span{display:block;margin:10px 0;padding:20px;color:#222;background:#f7f7f7}
#p43 img{display:block;position:relative;z-index:-1;margin-top:-150px}
 
/* p48 */
#p48{padding:80px 50px;color:#fff;background:#030303;font-family:"notokr-light"}
#p48 p{color:#fff}
#p48 img{padding:0 2px 5px 0}
#p48 .cont{margin-top:80px}
#p48 .top_area{margin-bottom:50px;font-size:28px}
#p48 .top_area br:first-child{display:none}
#p48 .top_area span{font-size:16px;color:#999;font-family:"notokr-medium"}
#p48 .top_area p{line-height:1.3;color:#eee}
#p48 .top_area b{color:#fff}
#p48 .list .sub_tit{display:flex;align-items:center;gap:15px;padding-bottom:20px;margin-bottom:20px;border-bottom:1px solid #bbb}
#p48 .list .sub_tit b{display:flex;align-items:center;justify-content:center;width:30px;height:30px;font-size:13px;font-weight:700;color:#222;background:#fff;font-family:var(--e-font)}
#p48 .list .sub_tit span{font-size:20px;color:#fff;font-family:"notokr-bold"}
#p48 .list ul{padding-left:40px}
#p48 .list ul li{padding-bottom:10px;font-size:16px;color:#fff}
#p48 .list ul li br{display:none}
#p48 .list ul li .bg{padding:0 4px;color:#111;background:#fff;font-family:"notokr-medium"}
#p48 .center{text-align:center;line-height:2.5;font-size:16px}
#p48 .center em{font-style:normal;text-decoration:underline;font-family:"notokr-bold"}
#p48 .sub_tit{text-align:center;font-size:16px;color:#fff;font-family:"notokr-bold"}
#p48 .sub_tit p{margin-bottom:30px;font-size:20px}
#p48 .sub_tit .box{width:100%;font-size:16px}
#p48 .sub_tit .box a{display:inline-block;padding:10px 60px;border-radius:3px;color:#fff;background:#dd2525;transition:all .3s}
#p48 .sub_tit .box a:hover{color:#111;background:#fff}
#p48 .sub_tit .box a i{padding-left:10px}
#p48 .sub_tit span{padding:0 10px;font-size:22px}
#p48 .sub_tit span:after{content:'';display:inline-block;width:1px;height:15px;margin:-5px -10px 0 10px;vertical-align:middle;background:#bbb}
#p48 .sub_tit span:last-child:after{display:none}
#p48 .sub_tit .img_wrap{display:grid;grid-template-columns:repeat(2, 1fr);align-items:center;justify-items:center}



/* 반응형 [s] */
@media (max-width:1070px){
    #p33 .top img{width:100%}
    #p35 .top img{width:100%}
    #p35 .mid ul li img{width:100%}
    #p43 img{width:100%}
    #p48{padding:50px 30px}
    #p48 .main{width:100%}
}
@media (max-width:1024px){
    .pgcm{padding:50px 10px}
    #p35 .last .img_area{gap:25px}
    #p48 .sub_tit .img_wrap img{width:100%}
}
@media (max-width:960px){
    .pgcm .flex{flex-direction:column;align-items:center;justify-content:center;gap:10px;padding-bottom:45px;text-align:center}
    #p33 .mid{padding:40px 20px}
    #p34 .all_wrap li .flex{gap:50px}
    #p34 .all_wrap li .flex div:nth-child(1){padding-bottom:50px;border-right:none;border-bottom:1px solid #e1e1e1}
    #p34 .all_wrap li .sub_tit span{display:block;text-align:center}
    #p35 .mid{padding:40px 20px}
    #p35 .last .img_area+.img_area{margin-top:40px}
    #p35 .last .right ul{flex-direction:column;gap:5px}
    #p41 .top_logo li a{width:250px}
    #p41 .top_logo li div{width:100%}
    #p43 .cont{padding:0 30px 40px;margin:0 10px;text-align:center}
    #p43 .cont strong{text-align:center}
    #p43 .tit_area{padding:0 0 20px 0;text-align:center}
    #p48 .list .sub_tit span{display:block;text-align:center}
}
@media (max-width:880px){
    #p34 .all_wrap li .sub_tit{flex-direction:column}
    #p34 .all_wrap .grid{padding:40px 20px}
    #p35 .last .left{flex-direction:column}
    #p35 .last .left ul{width:100%}
    #p35 .last .right{flex-direction:column-reverse}
    #p35 .last .right ul{width:100%}
    #p35 .last .right ul li{width:100%}
    #p48 .top_area{text-align:center}
    #p48 .list .sub_tit{flex-direction:column}
    #p48 .list ul{padding-left:0}
}
@media (max-width:820px){
    #p35 .mid ul{grid-template-columns:repeat(2,1fr)}
    #p33 .mid ul li{flex-direction:column;gap:40px}
    #p33 .mid ul li .txt{width:100%}
    #p33 .mid ul li .txt .num{justify-content:center}
    #p33 .mid ul li .txt > p{text-align:center}
    #p48 .list ul li br{display:block}
}
@media (max-width:768px){
    .pgcm .tit_area h1{font-size:28px}
    #p34 .all_wrap li .sub_tit{flex-direction:column}
    #p34 .all_wrap .grid ul{grid-template-columns:repeat(1,1fr)}
    #p33 .last{padding-top:35px}
    #p33 .last .sub_tit p{text-align:center}
    #p33 .last .info p{text-align:center}
    #p33 .last .info b{padding-left:0;text-align:center}
    #p33 .last .info b::before{display:none}
    #p43 img{margin-top:0}
    #p43 .cont{padding:0 0 30px;white-space:normal}
    #p48{padding:30px 20px}
    #p48 .cont{margin-top:70px}
    #p48 .top_area{font-size:26px}
    #p48 .top_area .logo01{width:13%}
    #p48 .list .sub_tit{flex-direction:column}
    #p48 .center{line-height:2}
    #p48 .sub_tit p{margin-bottom:20px;font-size:19px}
    #p48 .sub_tit .img_wrap{grid-template-columns:repeat(1, 1fr)}
    #p48 .sub_tit .box a{width:100%}
}
@media (max-width:640px){
    #p34 .tb_wrap table tbody .gray{padding:20px}
    #p35 .last{margin-top:50px}
    #p41 .top_logo li{flex-direction:column}
    #p41 .top_logo li div{padding:20px;text-align:center}
    #p41 .top_logo li div b{padding-bottom:5px}
    #p41 .top_logo li a{width:100%;border-right:none}
    #p41 .top_logo li a img{width:36%}
    #p41 .bottom_logo{grid-template-columns:repeat(3,1fr);gap:10px;padding-top:10px}
    #p41 .bottom_logo li{border:1px solid #e1e1e1}
    #p41 .bottom_logo li:nth-child(1), #p41 .bottom_logo li:nth-child(5), #p41 .bottom_logo li:nth-child(9){border-left:1px solid #e1e1e1}
    #p48 .top_area .logo01{width:14%}
}
@media (max-width:585px){
    .pgcm .flex{padding:30px 10px}
    .pgcm .flex p{white-space:normal}
    #p35 .mid ul{grid-template-columns:repeat(1,1fr)}
    #p35 .mid ul li{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}
    #p35 .mid ul li p{width:100%;white-space:normal}
    #p48 .top_area .logo01{width:15%}
    #p48 .sub_tit span{display:block}
    #p48 .sub_tit span:after{display:none}
}
@media (max-width:480px){
    .pgcm{padding:30px 10px}
    .pgcm .tit_area{gap:0}
    .pgcm .tit_area h1{padding-top:25px;font-size:23px;line-height:1.4;text-align:center}
    #p33 .mid{padding:25px 20px}
    #p33 .mid ul{margin-top:15px;padding:30px 20px}
    #p33 .mid ul li+li{margin-top:40px;padding-top:40px}
    #p33 .mid ul li img{width:100%}
    #p33 .last .info{margin:30px 0 10px}
    #p34 .all_wrap li .sub_tit span{font-size:18px}
    #p34 .all_wrap li .sub_tit b{width:30px;height:30px;font-size:11px}
    #p34 .all_wrap{margin-top:35px}
    #p34 .all_wrap li .flex div p{padding:13px 50px}
    #p34 .all_wrap .img_area{padding:20px}
    #p34 .all_wrap .img_area img{width:100%}
    #p35 .cont .sub_tit h2{font-size:19px}
    #p35 .mid{padding:30px 20px}
    #p35 .mid ul{padding:40px 30px}
    #p35 .mid .sub_tit p{white-space:normal}
    #p35 .last .img_area .sub_tit h2{gap:15px}
    #p35 .last .img_area .sub_tit h2 b{width:30px;height:30px;font-size:11px}
    #p35 .last{margin-top:35px}
    #p41 .top_logo li a img{width:53%}
    #p41 .bottom_logo{grid-template-columns:repeat(2,1fr);gap:5px;padding-top:5px}
    #p48{padding:20px 14px 30px}
    #p48 .cont{margin-top:60px}
    #p48 .logo02{width:75px}
    #p48 .logo03{width:50px}
    #p48 .top_area{font-size:24px}
    #p48 .top_area span{font-size:13px}
    #p48 .top_area br:first-child{display:block}
    #p48 .top_area .logo01{width:18%}
    #p48 .list .sub_tit{margin-bottom:10px;padding-bottom:10px}
    #p48 .list .sub_tit span{font-size:18px}
    #p48 .list .sub_tit b{width:30px;height:30px;font-size:11px}
    #p48 .list ul li{font-size:15px}
    #p48 .center{line-height:1.7}
    #p48 .sub_tit{font-size:15px}
    #p48 .sub_tit p{margin-bottom:14px;font-size:18px}
    #p48 .sub_tit span{font-size:20px}
    #p48 .sub_tit .box{font-size:15px}
    
}
@media (max-width:380px){
    .pgcm .tit_area h1{padding-top:30px;font-size:21px}
    #p33 .sub_tit h2{font-size:20px}
    #p33 .mid ul li .txt .num{flex-direction:column;gap:10px;padding-bottom:10px}
    #p33 .mid ul li .txt .num span{display:block;text-align:center}
    #p33 .last .sub_tit h2{padding-bottom:10px}
    #p33 .last .info b{line-height:1.5}
    #p34 .all_wrap li .sub_tit span{font-size:16px;line-height:1.6}
    #p34 .all_wrap li .flex div p{padding:10px 40px;font-size:14px}
    #p34 .all_wrap li .flex div:nth-child(1){padding-bottom:35px}
    #p34 .all_wrap li .flex div{gap:25px}
    #p34 .all_wrap .grid ul li p{padding:10px;font-size:14px}
    #p34 .all_wrap > li+li{margin-top:45px}
    #p34 .tb_wrap table{font-size:14px}
    #p35 .mid ul{padding:20px;margin-top:20px}
    #p35 .last div ul li{padding-left:22px}
    #p48 .cont{margin-top:50px}
    #p48 .top_area{font-size:22px}
    #p48 .top_area .logo01{width:70px}
    #p48 .list .sub_tit span{font-size:16px;line-height:1.6}
    
}
/* 반응형 [e] */