@charset "utf-8";

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

/* pgcm */
.pgcm{font-size:15px;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{padding-bottom:50px;text-align:center}
.pgcm .tit_area p{font-size:35px;line-height:1.4;color:#222;font-family:var(--b-font)}
.pgcm .tit_area p span{color:var(--primary)}
.pgcm .tit_area b{display:block;padding-bottom:15px;color:var(--primary);font-family:var(--b-font)}
.pgcm .tb_wrap{overflow-x:auto;width:100%}
.pgcm table{width:100%;border-collapse:collapse;font-family:var(--k-font)}
.pgcm table th{padding:15px;border-right:1px solid rgba(255, 255, 255, 0.5);font-size:15px;color:#fff;text-align:center;background:#222;font-family:var(--m-font)}
.pgcm table td{padding:15px 20px;border-right:1px solid #e1e1e1;border-bottom:1px solid #e1e1e1;white-space:pre-line;color:#777;background:#fff}
.pgcm table th:last-child, .pgcm table td:last-child{border-right:none}
.pgcm table td.blue{color:#222;text-align:center;background:#e9e9e9;font-family:var(--b-font)}
.pgcm table td.center{text-align:center}
.pgcm table tbody tr:last-child td{border-bottom:none}
.pgcm .bg_area{width:100%;background-size:cover}
.pgcm .bg_area .tit_area b{color:#fff}
.pgcm .bg_area .tit_area p{color:#fff}
.pgcm .bg_area .tit_area p span{color:#fff}
.pgcm .link ul li a{display:block;padding:15px;border-radius:10px;color:#fff;text-align:center;font-family:var(--m-font);transition:all .2s}
.pgcm .link ul li a.kakao{color:#371d1e;background:#ffeb00}
.pgcm .link ul li a.insta{background:linear-gradient(45deg,#feda75,#fa7e1e,#d62976,#962fbf,#4f5bd5)}
.pgcm .link ul li a.youtube{background:#ff0000}
.pgcm .link ul li a.tiktok{background:#000}
.pgcm .link ul li a+a{margin-top:10px}
/* .pgcm .link ul li a.kakao:hover{background:#f0dd02}
.pgcm .link ul li a.wechat:hover{background:#70a527}
.pgcm .link ul li a.mail:hover{background:#01a64a}
.pgcm .link ul li a.site:hover{background:#5645c1} */
.about .tit_area b{font-family:var(--b-font)}
.about .tit_area p{font-family:var(--l-font)}
.about .tit_area p span{font-family:var(--b-font)}
.about .bg_area{padding:100px 0 550px 0}
.about .bg_area ul{margin:0 12%}
.about .bg_area ul li{display:flex;align-items:center;justify-content:center;gap:20px;padding:20px;border-radius:5px;font-size:17px;color:#fff;background:rgba(255, 255, 255, 0.2);font-family:var(--m-font)}
.about .bg_area ul li b{line-height:1.4;font-family:var(--b-font)}
.about .bg_area ul li span{line-height:1.4;color:rgba(255, 255, 255, 0.8);text-align:center}
.about .bg_area ul li+li{margin-top:10px}

/* p33 */
#p33 .tit_area .sub_tit{padding-top:30px;font-size:30px}
#p33 .tit_area .sub_tit span{color:#222}
#p33 .bg_area{margin-bottom:100px;background:url(../sh_page/img/p33_bg.jpg) no-repeat}
#p33 .list{margin:0 5%}
#p33 .img_wrap .item{display:flex;align-items:center;justify-content:center;gap:50px}
#p33 .img_wrap .item+.item{margin-top:50px}
#p33 .img_wrap .item:nth-child(2n){flex-direction:row-reverse}
#p33 .img_wrap .item .img_area{width:100%}
#p33 .img_wrap .item .img_area img{width:100%;border-radius:10px}
#p33 .img_wrap .item .txt_area{width:100%}
#p33 .img_wrap .item .txt_area .txt_tit{padding-bottom:15px;border-bottom:1px solid #e1e1e1}
#p33 .img_wrap .item .txt_area .txt_tit div{display:flex;align-items:center;gap:15px}
#p33 .img_wrap .item .txt_area .txt_tit p{font-size:22px;color:#222;font-family:var(--b-font)}
#p33 .img_wrap .item .txt_area .txt_tit b{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:5px;font-size:13px;color:#fff;background:var(--primary);font-family:var(--b-font)}
#p33 .img_wrap .item .txt_area .txt_tit span{display:block;padding-top:10px;font-size:16px;line-height:1.5;font-family:var(--l-font)}
#p33 .img_wrap .item .txt_area ul{border-radius:10px;margin-top:20px;background:#f7f7f7}
#p33 .img_wrap .item .txt_area ul li{padding:25px 0;margin:0 30px}
#p33 .img_wrap .item .txt_area ul li p{position:relative;padding-left:15px;font-size:16px;color:#222;font-family:var(--b-font)}
#p33 .img_wrap .item .txt_area ul li p::before{content:"";display:inline-block;position:absolute;top:12px;left:0;width:4px;height:4px;border-radius:100%;background:var(--primary)}
#p33 .img_wrap .item .txt_area ul li span{display:block;font-size:16px;font-family:var(--l-font)}
#p33 .img_wrap .item .txt_area ul li+li{border-top:1px dotted #e1e1e1}
#p33 .last_txt{margin-top:70px;font-size:28px;line-height:1.5;color:#222;text-align:center;font-family:var(--b-font)}
#p33 .last_txt span{color:var(--primary)}

/* p34 */
#p34 .bg_area{background:url(../sh_page/img/p34_bg.jpg) no-repeat}
#p34 .adv{padding:100px 10px}
#p34 .adv .tit_area{padding-bottom:70px}
#p34 .adv .tit_area img{padding-bottom:30px}
#p34 .adv .tit_area p span{color:#222}
#p34 .adv .list{display:grid;grid-template-columns:repeat(2,1fr);column-gap:40px;row-gap:60px}
#p34 .adv .list{margin:0 5%}
#p34 .adv .list .item > div{width:100%}
#p34 .adv .list .item > div img{width:100%;border-radius:15px}
#p34 .adv .list .item > div .adv_tit{display:flex;align-items:center;gap:15px;padding:23px 0 15px;margin-bottom:20px;border-bottom:1px solid #e1e1e1}
#p34 .adv .list .item > div .adv_tit b{display:flex;align-items:center;justify-content:center;width:35px;height:35px;border-radius:100%;font-size:13px;color:#fff;background:linear-gradient( to right, var(--second) 2%, var(--primary) 100% );font-family:var(--m-font)}
#p34 .adv .list .item > div .adv_tit span{font-size:20px;color:#222;font-family:var(--b-font)}
#p34 .adv .list .item > div ul li{position:relative;padding-left:20px;font-size:16px;font-family:var(--m-font)}
#p34 .adv .list .item > div ul li::before{content:"";display:inline-block;position:absolute;top:12px;left:0;width:4px;height:4px;border-radius:100%;background:#222}
#p34 .adv .list .item > div ul li span{color:var(--primary)}
#p34 .qa{padding:100px 0;background:#f8f7fe}
#p34 .qa .tit_area p span{color:#222}
#p34 .qa .tit_area img{padding-bottom:30px}
#p34 .qa ul{margin:0 8%}
#p34 .qa ul li{width:100%;padding:30px;border-radius:15px;background:#fff}
#p34 .qa ul li+li{margin-top:30px}
#p34 .qa ul li div{display:flex;align-items:center;gap:15px}
#p34 .qa ul li div b{display:flex;align-items:center;justify-content:center;width:35px;height:35px;border-radius:100%;font-size:13px;color:#fff;background:var(--second)}
#p34 .qa ul li .q{padding-bottom:15px;margin-bottom:15px;border-bottom:1px dotted #e1e1e1}
#p34 .qa ul li .q b{background:var(--primary)}
#p34 .qa ul li .q p{font-size:19px;color:#222;font-family:var(--b-font)}
#p34 .qa ul li .a p{font-size:17px;font-family:var(--m-font)}
#p34 .qa ul li div span{color:#222}
#p34 .model{padding:80px 0 0}
#p34 .model .tit_area p span{color:#222}
#p34 .model .tit_area img{padding-bottom:30px}
#p34 .model table .center{color:#222;background:#f7f7f7;font-family:var(--m-font)}
#p34 .model table thead th:first-child{border-radius:15px 0 0 0}
#p34 .model table thead th:last-child{border-radius:0 15px 0 0}
#p34 .model table{border-bottom:1px solid #e1e1e1}
#p34 .model .info{display:flex;align-items:center;justify-content:space-between;width:100%;padding:50px;margin-top:10px;border-radius:15px;background:#f8f7fe}
#p34 .model .info .left{width:100%}
#p34 .model .info .left b{display:flex;align-items:center;justify-content:center;width:35px;height:35px;border-radius:100%;color:#fff;background:linear-gradient( to right, var(--second) 2%, var(--primary) 100% )}
#p34 .model .info .left b svg{width:16px}
#p34 .model .info .left p{padding:20px 0 10px;font-size:25px;line-height:1.4;color:#222;font-family:var(--b-font)}
#p34 .model .info .left span{font-size:16px;font-family:var(--m-font)}
#p34 .model .info .link{display:flex;align-items:flex-start;gap:10px;width:75%}
#p34 .link > li{width:100%}
#p34 .link > li > p{padding-bottom:7px;font-size:17px;color:#222;font-family:var(--b-font)}
#p34 .link > li ul{display:flex;flex-direction:column;align-items:center;gap:10px}
#p34 .link > li ul li{width:100%}

/* p46 */
#p46 .bg_area{width:100%;padding-top:70px;background:url(../sh_page/img/p46_bg.jpg) no-repeat;background-position:top}
#p46 .cont{padding:60px 70px;margin:0 5%;border-radius:20px;background:#fff}
#p46 .sub_tit{display:flex;align-items:center;gap:15px;padding-bottom:15px;font-size:20px;color:#222;font-family:var(--b-font)}
#p46 .sub_tit b{display:flex;align-items:center;justify-content:center;width:35px;height:35px;border-radius:100%;font-size:13px;color:#fff;background:linear-gradient( to right, var(--second) 2%, var(--primary) 100% )}
#p46 .sub_tit b svg{width:20px}
#p46 table .gray{color:#222;text-align:center;background:#f7f7f7;font-family:var(--b-font)}
#p46 table thead th:first-child{border-radius:15px 0 0 0}
#p46 table thead th:last-child{border-radius:0 15px 0 0}
#p46 table tbody tr:last-child td{border-bottom:1px solid #e1e1e1}
#p46 .txt{padding:50px 0 40px;font-size:28px;line-height:1.5;text-align:center;color:#222;font-family:var(--l-font)}
#p46 .txt span{font-family:var(--b-font)}
#p46 .info{width:100%;padding:40px 30px;margin-top:15px;border:1px solid #e1e1e1;border-radius:15px}
#p46 .info .top{display:flex;align-items:flex-start;justify-content:space-between;gap:50px;width:100%;margin-top:20px}
#p46 .info .top div{width:100%}
#p46 .info .top div p{padding-bottom:5px;font-size:18px;color:#222;font-family:var(--b-font)}
#p46 .info .top ul{padding:20px;border-radius:10px;background:#f8f7fe}
#p46 .info .top ul li{position:relative;padding-left:20px;font-size:16px;font-family:var(--m-font)}
#p46 .info .top ul li::before{content:"";display:inline-block;position:absolute;top:12px;left:0;width:4px;height:4px;border-radius:100%;background:var(--primary)}
#p46 .link ul{display:flex;align-items:flex-start;justify-content:space-between;gap:15px}
#p46 .link ul li{width:100%}

/* p56 - 지역선택 */
#p56 .tit_area{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:15px;padding-bottom:50px}
#p56 .tit_area div{display:flex;align-items:center;justify-content:center;width:50px;height:50px;border-radius:100%;color:#fff;background:linear-gradient( to right, var(--second) 2%, var(--primary) 100% )}
#p56 .tit_area div svg{color:#fff}
#p56 .tit_area p{font-size:35px;color:#222;font-family:var(--b-font)}
#p56 .tit_area p span{color:var(--primary)}
#p56 .list{display:grid;grid-template-columns:repeat(3,1fr);column-gap:20px;row-gap:30px;padding:0 10px}
#p56 .list > li{overflow:hidden;width:100%;border-radius:15px;box-shadow: 0 4px 12px rgba(0,0,0,0.06);}
#p56 .list > li .img_wrap{overflow:hidden;width:100%;height:236px}
#p56 .list > li .img_wrap img{width:100%}
#p56 .list > li .txt_wrap{padding:25px}
#p56 .list > li .txt_wrap p{font-size:21px;color:#222;font-family:var(--b-font)}
#p56 .list > li .txt_wrap span{display:block;padding:5px 0 15px}
#p56 .list > li .txt_wrap .link{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
#p56 .list > li .txt_wrap .link li{width:100%}
#p56 .list > li .txt_wrap .link li a{display:block;width:100%;height:100%;padding:8px 0;border-radius:5px;font-size:15px;font-weight:400;text-align:center;color:#777;background:#f7f7f7;transition:all .2s}
#p56 .list > li .txt_wrap .link li a:hover{color:#fff;background:var(--primary)}

/* postview - 상세페이지 */
#postview .info{display:flex;align-items:center;justify-content:center;gap:50px}
#postview .info .img_area{overflow:hidden;width:100%;height:430px;border-radius:15px}
#postview .info .img_area img{width:100%;height:100%}
#postview .info .txt_area{width:100%;font-family:var(--l-font)}
#postview .info .txt_area b{display:inline-block;padding:6px 25px;border-radius:3px;font-size:15px;color:#fff;background:var(--primary);font-family:var(--b-font)}
#postview .info .txt_area > p{padding:20px 0 5px 0;font-size:26px;color:#222;line-height:1.3;font-family:var(--b-font)}
#postview .info .txt_area > div{padding:25px 0}
#postview .info .txt_area > div div{display:flex;align-items:flex-start;flex-direction:column}
#postview .info .txt_area > div p{position:relative;font-size:20px;line-height:1.5;color:#222;font-family:var(--b-font)}
#postview .info .txt_area > div p:last-child::before{display:none}
#postview .info .txt_area > div > span{display:block;padding-top:3px}
#postview .info .txt_area > div p span{display:inline-block;padding-right:11px;color:#222}
#postview .info .txt_area a{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;padding:20px;border-radius:5px;color:var(--primary);text-align:center;background:#f8f7fe;transition:all .2s;font-family:var(--b-font)}
#postview .info .txt_area a:hover{background:#eae7fc}
#postview .info .txt_area > span{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;margin-top:10px;padding:20px;border-radius:5px;color:#f86b4f;background:#fff7f7;font-family:var(--b-font)}
#postview .schedule{margin-top:30px}
#postview .schedule .sub_tit{display:flex;align-items:center;gap:15px;padding-bottom:15px;font-size:25px;color:#222;font-family:var(--b-font)}
#postview .schedule .sub_tit b{display:flex;align-items:center;justify-content:center;width:35px;height:35px;border-radius:100%;color:#fff;background:linear-gradient( to right, var(--second) 2%, var(--primary) 100% )}
#postview .schedule .sub_tit b svg{width:16px}
#postview .schedule .list .item+.item{margin-top:40px}
#postview .schedule .list .item .list_tit{border-top:2px solid #222;border-bottom:1px solid #e1e1e1}
#postview .schedule .list .item .list_tit b{display:inline-block;width:85%;padding:15px 30px;font-size:20px;color:#222;background:#f7f7f7;font-family:var(--b-font)}
#postview .schedule .list .item .list_tit span{display:inline-block;width:100%;padding:15px 10px;font-size:20px;text-align:center;color:#222;background:#f1f1f1;font-family:var(--b-font)}
#postview .schedule .list .item .f_box{display:flex;align-items:center;justify-content:space-between;margin:20px 100px 0;padding:50px 100px;border-radius:10px;background:#fff;box-shadow:0px 4px 12px rgba(0, 0, 0, 0.1)}
#postview .schedule .list .item .f_box .f_info{display:flex;flex-direction:column;align-items:center;justify-content:center}
#postview .schedule .list .item .f_box .f_info span{font-size:25px;color:#222;font-family:var(--b-font)}
#postview .schedule .list .item .f_box .f_info p{padding-bottom:5px;font-size:21px;color:#222;text-transform:uppercase;font-family:var(--b-font)}
#postview .schedule .list .item .f_box .f_info b{font-size:16px;color:#999;font-family:var(--l-font)}
#postview .schedule .list .item .f_time{display:flex;flex-direction:column;align-items:center;justify-content:center}
#postview .schedule .list .item .f_time span{display:block;position:relative;width:527px;height:1px;margin:20px 0;background:#e1e1e1}
#postview .schedule .list .item .f_time span::before{content:"";display:inline-block;position:absolute;top:-4px;left:0;width:10px;height:10px;border-radius:100%;border:3px solid var(--primary);background:#fff}
#postview .schedule .list .item .f_time span::after{content:"";display:inline-block;position:absolute;top:-4px;right:0;width:10px;height:10px;border-radius:100%;border:3px solid var(--primary);background:#fff}
#postview .schedule .list .item .f_time p{font-size:17px;color:#999;text-transform:uppercase;font-family:var(--m-font)}
#postview .schedule .list .item .f_time div{display:flex;align-items:center;gap:15px;font-size:20px;color:#222;font-family:var(--b-font)}
#postview .schedule .list .item .f_time div b{display:flex;align-items:center;justify-content:center;width:35px;height:35px;border-radius:100%;background:linear-gradient( to right, var(--second) 2%, var(--primary) 100% )}
#postview .schedule .list .item > ul{padding:50px 0 40px;margin:0 165px;border-left:1px solid #e1e1e1}
#postview .schedule .list .item > ul > li{position:relative;padding-left:50px}
#postview .schedule .list .item > ul > li+li{margin-top:35px}
#postview .schedule .list .item > ul > li .icon{display:flex;align-items:center;justify-content:center;position:absolute;left:-1.5%;width:35px;height:35px;border-radius:100%;background:#fff;box-shadow:0px 4px 12px rgba(0, 0, 0, 0.1)}
#postview .schedule .list .item > ul > li .icon svg{width:15px;color:#f86b4f}
#postview .schedule .list .item > ul > li .list_cont > p{padding:3px 0 10px 0;font-size:18px;color:#222;font-family:var(--b-font)}
#postview .schedule .list .item > ul > li .list_cont > span{font-size:16px;line-height:1.5;color:#999;font-family:var(--m-font)}
#postview .schedule .list .item > ul > li .list_cont .img_wrap{display:grid;grid-template-columns:repeat(2,1fr);gap:20px;width:100%;padding-bottom:20px}
#postview .schedule .list .item > ul > li .list_cont .img_wrap div{width:100%}
#postview .schedule .list .item > ul > li .list_cont .img_wrap div img{display:block;width:100%;border-radius:10px}
#postview .schedule .list .item > ul > li .list_cont .box .sub_box{display:flex;align-items:center;gap:25px;padding:15px 30px;border:1px solid #e1e1e1;border-radius:5px}
#postview .schedule .list .item > ul > li .list_cont .box .sub_box+.sub_box{margin-top:10px}
#postview .schedule .list .item > ul > li .list_cont .box .sub_box div{display:flex;align-items:center;justify-content:center;width:56px;height:56px;border-radius:100%;background:#f7f7f7}
#postview .schedule .list .item > ul > li .list_cont .box .sub_box p{font-size:16px;color:#222;font-family:var(--b-font)}
#postview .schedule .list .item > ul > li .list_cont .box .sub_box span{font-size:16px;color:#999;font-family:var(--b-font)}
#postview .schedule .list .item > ul > li .list_cont .box .sub_box ul{display:flex;align-items:center;gap:55px}
#postview .schedule .list .item > ul > li .list_cont .box .sub_box ul li{position:relative;font-size:16px;color:#999;font-family:var(--b-font)}
#postview .schedule .list .item > ul > li .list_cont .box .sub_box ul li::before{content:"";display:inline-block;position:absolute;top:50%;transform:translateY(-50%);right:-34%;width:1px;height:15px;background:#ccc}
#postview .schedule .list .item > ul > li .list_cont .box .sub_box ul li:last-child::before{display:none}
#postview .cont_area{margin-top:50px;padding:50px;border:1px solid #e1e1e1;border-radius:10px;background:#f7f7f7}
#postview .cont_area img{display:block;margin:0 auto;width:100%}
#postview .cont_area .css-1gnehjw{background:#f7f7f7!important}
#postview .f_txt{margin:30px 100px 0}
#postview .f_txt .red{display:flex;align-items:center;gap:15px;font-size:18px;color:#f86b4f;font-family:var(--m-font)}
#postview .f_txt .red div{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:100%;background:#f86b4f}
#postview .f_txt .red div svg{width:16px;color:#fff}
#postview .f_txt p{margin-top:10px;padding:25px;border:1px solid #e1e1e1;border-radius:10px;background:#f7f7f7;white-space:pre-line;font-family:var(--l-font)}

/* 반응형 [s] */
@media (max-width:1300px){
.about .bg_area ul li{flex-direction:column;gap:10px}
.about .bg_area ul li b strong{display:none}
.about .bg_area ul{margin:0 5%}
#p33 .img_wrap .item{gap:20px}
#p46 .sub_tit{flex-direction:column;line-height:1.5;text-align:center}
#p46 .cont{padding:50px 20px;margin:0 2%}
#postview .cont_area{margin:0 10px}
}
@media (max-width:1200px){
#postview .f_txt{margin:30px 20px 0}
#postview .schedule .list .item .f_box{margin:20px 20px 0;padding:50px}
#postview .schedule .list .item > ul{margin:0 65px}
#postview .schedule .list .item > ul > li .list_cont > span{white-space:normal}
}
@media (max-width:1024px){
.pgcm .tit_area p{font-size:30px}
.about .bg_area{padding-bottom:440px}
#p33 .bg_area{margin-bottom:70px}
#p33 .tit_area .sub_tit{font-size:25px;white-space:normal}
#p33 .img_wrap .item{flex-direction:column}
#p33 .img_wrap .item:nth-child(2n){flex-direction:column}
#p33 .last_txt{margin:60px 0}
#p34 .adv{padding:0 10px 50px}
#p34 .adv .tit_area{padding:70px 0 50px}
#p34 .qa{padding:50px 0}
#p34 .model{padding:50px 10px}
#p34 .model .info{flex-direction:column;gap:45px;padding:50px 30px}
#p34 .model .info .left{display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center}
#p34 .model .info .link{width:100%}
#p56{padding-top:50px}
#p56 .list{padding-bottom:50px}
#p56 .list > li .img_wrap{height:205px}
#p56 .list > li .txt_wrap .link{grid-template-columns:repeat(2,1fr)}
#p56 .tit_area{padding-bottom:40px}
#postview .info{gap:30px;padding:0 10px}
#postview .schedule .list .item .f_time span{width:320px}
#postview .schedule .list .item .f_box .f_info p{font-size:18px}
#postview .schedule .list .item .f_box .f_info span{font-size:20px}
#postview .schedule .list .item .f_box .f_info b{font-size:15px}
#postview .schedule .list .item > ul > li .icon{left:-2%}
}

@media (max-width:860px){
#p46 .link ul{display:grid;grid-template-columns:repeat(2,1fr);row-gap:10px;column-gap:10px}
#p56 .list{grid-template-columns:repeat(2,1fr)}
#p56 .list > li .img_wrap{height:150px}
#postview .info{flex-direction:column}
#postview .info .img_area{height:auto}
#postview .info .img_area img{height:auto}
}
@media (max-width:768px){
.about .bg_area{padding:100px 0 250px 0}
.pgcm .tit_area{padding-bottom:30px}
.pgcm .tit_area p{font-size:30px}
#p33 .tit_area .sub_tit{font-size:22px}
#p33 .last_txt{font-size:24px}
#p34 .adv .list{grid-template-columns:repeat(1,1fr);row-gap:30px}
#p34 .qa ul{margin:0 3%}
#p46 .sub_tit{font-size:18px}
#p46 .txt{padding:30px 0;font-size:25px}
#p46 .info{margin-top:0}
#p46 .info .top{flex-direction:column;gap:10px}
#p56 .list > li .txt_wrap{padding:20px 15px}
#p56 .list > li .txt_wrap span{padding-top:0}
#p56 .list > li .txt_wrap p{font-size:18px}
#p56 .list > li .txt_wrap .link{gap:5px}
#p56 .tit_area{padding-bottom:30px}
#p56 .tit_area p{font-size:28px}
#p56 .tit_area div{width:40px;height:40px}
#p56 .tit_area div svg{width:16px}
#postview .schedule .list .item .f_box{padding:30px}
#postview .schedule .list .item .f_time span{width:240px}
#postview .schedule .list .item .f_time p{font-size:15px}
#postview .schedule .list .item .f_time div{font-size:18px}
#postview .schedule .list .item > ul > li{padding-left:32px}
#postview .schedule .list .item > ul > li .icon{left:-3%}
#postview .schedule .list .item > ul > li .list_cont .box .sub_box{gap:15px;padding:10px 20px}
#postview .schedule .list .item > ul > li .list_cont .box .sub_box ul{gap:30px}
#postview .schedule .list .item > ul > li .list_cont .box .sub_box ul li{font-size:15px}
#postview .schedule .list .item > ul > li .list_cont .box .sub_box ul li::before{right:-17%}
#postview .schedule .list .item > ul > li .list_cont .box .sub_box p{font-size:15px}
#postview .schedule .list .item > ul > li .list_cont .box .sub_box span{font-size:15px}
}
@media (max-width:640px){
#postview .schedule .list .item .f_time span{width:145px}
#postview .f_txt .red{gap:10px;font-size:16px}
#postview .f_txt .red div{width:28px;height:28px}
#postview .schedule .list .item > ul{margin:0 35px}
#postview .schedule .list .item > ul > li .list_cont .box .sub_box{flex-direction:column;gap:5px}
#postview .schedule .list .item > ul > li .list_cont .box .sub_box div{display:none}
}
@media (max-width:480px){
.pgcm .tit_area p{font-size:26px;padding:0 10px;white-space:normal}
.pgcm table td{padding:15px 10px}
.pgcm .link ul li a{padding:10px}
.pgcm .bg_area .tit_area p{white-space:normal}
.about .bg_area{padding:100px 0;background-position:center!important}
.about .bg_area ul li{font-size:15px}
.about .bg_area ul li{color:#222;background:rgba(255, 255, 255, 0.7)}
.about .bg_area ul li span{color:rgba(0, 0, 0, 0.5)}
#p34 .adv .tit_area{padding:40px 0}
#p34 .adv .list{margin:2%}
#p34 .adv .list .item > div ul li{padding-left:15px;font-size:15px}
#p34 .adv .list .item > div .adv_tit{gap:10px;padding:15px 0;margin-bottom:15px}
#p34 .adv .list .item > div .adv_tit b{width:33px;height:33px}
#p34 .adv .list .item > div .adv_tit span{font-size:18px}
#p34 .adv .list .item > div img{border-radius:10px}
#p34 .qa ul li{padding:25px}
#p34 .qa ul li div{flex-direction:column;gap:10px;text-align:center}
#p34 .qa ul li div b{width:30px;height:30px}
#p34 .qa ul li .q p{font-size:18px}
#p34 .qa ul li .a p{font-size:16px}
#p34 .qa ul li+li{margin-top:15px}
#p34 .model .tit_area img{width:10%}
#p34 .model .info{gap:30px;padding:40px 20px}
#p34 .model .info .link{flex-direction:column}
#p34 .model .info .left p{font-size:20px;white-space:normal}
#p34 .link > li > p{font-size:16px}
#p34 .model .info .left span{font-size:15px;line-height:1.5}
#p34 .model .info{padding:30px 20px}
#p34 .qa ul li{padding:25px 20px}
#p33 .img_wrap .item+.item{margin-top:30px}
#p33 .img_wrap .item .txt_area ul li{padding:20px 0;}
#p33 .img_wrap .item .txt_area .txt_tit div{flex-direction:column}
#p33 .img_wrap .item .txt_area .txt_tit p{line-height:1.5;font-size:20px;text-align:center}
#p33 .last_txt{margin:50px 0;font-size:22px}
#p46 .info .top ul{padding:15px 20px}
#p46 .txt{font-size:20px}
#p46 .info{padding:20px}
#p46 .info .top ul li{font-size:15px}
#p46 .info .top div p{font-size:16px}
#p46 .link ul{grid-template-columns:repeat(1,1fr)}
#p46 .cont{padding:40px 10px;margin:0;border-radius:0}
#p46 .sub_tit{padding:0 10px 15px}
#p56{padding-top:30px}
#p56 .tit_area{padding-bottom:20px}
#p56 .tit_area p{font-size:25px}
#p56 .list{grid-template-columns:repeat(1,1fr)}
#p56 .list > li .img_wrap{height:auto}
#postview .info{gap:20px}
#postview .info .txt_area > p{font-size:21px}
#postview .info .txt_area > div p{font-size:18px}
#postview .info .txt_area b{font-size:13px}
#postview .info .txt_area > span{text-align:center;line-height:1.5}
#postview .info .img_area{border-radius:10px}
#postview .f_txt{margin:20px 10px 0}
#postview .f_txt .red{flex-direction:column;text-align:center;line-height:1.5}
#postview .schedule .list .item .f_box{flex-direction:column;justify-content:center;gap:0;padding-top:100px;position:relative}
#postview .schedule .list .item .f_time{position:absolute;top:25px}
#postview .schedule .list .item .f_time span{display:none}
#postview .schedule .list .item .f_box{margin:20px 10px 0;padding-top:92px}
#postview .schedule .list .item .f_box .f_info{flex-direction:row;gap:15px}
#postview .schedule .list .item .f_box .f_info p{padding-bottom:0;font-size:16px}
#postview .schedule .list .item > ul{margin:0 20px}
#postview .schedule .list .item > ul > li .icon{left:-5%}
#postview .schedule .list .item > ul > li .list_cont > span{font-size:15px}
#postview .schedule .list .item > ul > li .list_cont .img_wrap{grid-template-columns:repeat(1,1fr);gap:10px}
#postview .schedule .list .item > ul > li .list_cont > p{font-size:16px}
#postview .schedule .list .item .f_time div{gap:10px;font-size:16px}
#postview .schedule .list .item .f_time div b{width:30px;height:30px}
#postview .schedule .list .item .f_time div b svg{width:15px}
#postview .schedule .list .item > ul{padding-top:30px}
#postview .schedule .list .item > ul > li .list_cont .box .sub_box ul{flex-direction:column;gap:0}
#postview .schedule .list .item > ul > li .list_cont .box .sub_box ul li::before{display:none}
#postview .schedule .list .item .list_tit span{font-size:17px}
#postview .cont_area{padding:25px}
}
@media (max-width:380px){
.pgcm table th{font-size:14px}
.pgcm .tit_area p{font-size:22px}
.about .bg_area{padding:50px 0}
#p34 .adv .tit_area{padding-bottom:20px}
#p34 .adv .tit_area img{width:14%}
#p34 .qa .tit_area img{width:17%}
#p34 .model .tit_area img{width:13%;padding-bottom:20px}
#p33 .last_txt{margin:40px 0}
#postview .info .txt_area > p{font-size:19px}
#postview .info .txt_area > div p{font-size:17px}
#postview .info .txt_area > span{font-size:14px}
#postview .info .txt_area > span svg{display:none}
#postview .info .txt_area a{font-size:14px}
#postview .info .txt_area a svg{display:none}
}
/* 반응형 [e] */