@charset "utf-8";

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

/* 공통 */
.pgcm{font-size:16px;font-weight:400;line-height:1.8;color:#777;word-break:keep-all;font-family:'pretendard'}
.pgcm .pl{white-space:pre-line}
.pgcm .tit_area{margin-bottom:50px;text-align:center}
.pgcm .tit_area b{font-size:15px;font-weight:700;color:var(--primary)}
.pgcm .tit_area p{padding-top:5px;font-size:30px;font-weight:700;color:#222;word-break:keep-all}
.pgcm .tit_area span{display:block;margin-top:10px}

/* p33 */
#p33 .tit_area{text-align:left}
#p33 .tit_area b{display:block;padding-bottom:15px;font-weight:700;font-family:"poppins"}
#p33 .tit_area p{font-weight:300;line-height:1.6}
#p33 .tit_area strong{font-weight:700}
#p33 ul{display:flex;align-items:flex-start;justify-content:space-between}
#p33 .txt{padding-bottom:40px;word-break:keep-all}
#p33 .txt span{color:#222;text-decoration:underline}
#p33 ul li img{width:100%}
#p33 ul li:nth-child(2) img{position:relative;top:-125px}
#p33 .bottom{display:flex;align-items:flex-start;justify-content:center;gap:170px;margin-top:80px;padding:100px 50px;color:#fff;background:url(/sh_page/img/p33_img03.jpg) no-repeat}
#p33 .bottom p{position:relative;font-size:28px;font-weight:700;line-height:1.6;word-break:keep-all}
#p33 .bottom p::before{content:"";display:inline-block;position:absolute;left:-47px;top:-20px;width:26px;height:22px;background:url(/sh_page/img/p33_icon.png) no-repeat}
#p33 .bottom p::after{content:"";display:inline-block;position:absolute;right:-47px;bottom:-20px;width:26px;height:22px;background:url(/sh_page/img/p33_icon02.png) no-repeat}
#p33 .bottom span{display:block;padding-top:50px;color:rgba(255, 255, 255, 0.7)}
#p33 .bottom span b{display:block;margin-top:20px;font-size:14px;text-align:right}
#p33 .bottom span b strong{padding-left:10px;font-size:16px;letter-spacing:10px}

/* p34 */
#p34 img{display:block;width:85%;margin:50px auto 0}

/* p35 */
#p35{display:flex;align-items:flex-start;justify-content:space-between}
#p35 .tit_area{width:30%;text-align:left}
#p35 .tit_area b{font-weight:700;font-family:"poppins"}
#p35 .tit_area span{font-size:30px;font-weight:300;line-height:1.5;color:#222}
#p35 .tit_area span strong{font-weight:700}
#p35 .cont{width:70%;border-top:3px solid var(--primary)}
#p35 .cont div:nth-child(2n-1){background:#f7f7f7}
#p35 .cont div:first-child > p{color:var(--primary)}
#p35 .cont div{display:flex;align-items:center;width:100%;padding:25px 20px;border-bottom:1px solid #e1e1e1}
#p35 .cont div > p{width:16%;font-size:25px;font-weight:700;line-height:1;color:#222}
#p35 .cont div ul{width:100%}
#p35 .cont div ul li{display:flex;align-items:center;gap:20px;position:relative;padding-left:20px}
#p35 .cont div ul li b{display:inline-block;width:15%;font-weight:700;color:#222;font-family:"poppins"}
#p35 .cont 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 .cont div ul li p{word-break:keep-all}
/* p36 */
#p36 ul{display:grid;grid-template-columns:repeat(4,1fr);gap:30px}
#p36 ul li img{display:block;width:100%;padding:25px;border:1px solid #e1e1e1}
#p36 ul li p{padding:10px 0;font-weight:500;color:#222;text-align:center}

/* p37 */
#p37 ul{display:grid;grid-template-columns:repeat(2,1fr);column-gap:85px;row-gap:60px}
#p37 ul li iframe{width:100%}
#p37 ul li div p{padding:10px;border-bottom:1px solid #222;font-size:18px;font-weight:700;color:var(--primary)}
#p37 ul li div dl{display:flex;align-items:center;gap:20px;padding:15px 10px;border-bottom:1px dotted #e1e1e1;font-size:16px}
#p37 ul li div dl dt{width:15%;font-weight:500;color:#222}

/* p39 */
#p39 .cont > li+li{margin-top:55px}
#p39 .cont > li p{padding-bottom:15px;margin-bottom:20px;border-bottom:1px solid #e1e1e1;font-size:22px;font-weight:700;color:#222}
#p39 .cont > li p b{display:inline-block;width:30px;height:30px;margin-right:20px;border-radius:5px;font-size:14px;font-weight:700;line-height:30px;color:#fff;text-align:center;background:var(--primary);font-family:"poppins"}
#p39 .cont > li span{display:inline-block;position:relative;margin-bottom:15px;padding-left:28px;font-size:18px;font-weight:500;color:#222}
#p39 .cont > li dl{padding:30px;background:#f7f7f7}
#p39 .cont > li dl dd{position:relative;padding-left:20px;white-space:pre-line}
#p39 .cont > li dl dd::before{content:"";position:absolute;left:0;top:13px;width:4px;height:4px;border-radius:100%;background:var(--primary)}
#p39 .cont > li dl dd+dd{margin-top:10px}
#p39 .cont > li dl dd ul{padding:10px;white-space:normal}

/* p40 */
#p40 table{width:100%;border:1px solid #e1e1e1;border-collapse:collapse}
#p40 table thead th{width:100%;padding:15px 10px;text-align:center;font-size:18px;color:#fff;background:var(--primary)}
#p40 table tbody tr th{width:20%;padding:10px 20px;border-bottom:1px solid #e1e1e1;font-size:17px;font-weight:700;color:#222;background:#f7f7f7}
#p40 table tr td{display:block;border-bottom:1px solid #e1e1e1;text-align:center}
#p40 table tr td a{display:block;width:100%;height:100%;padding:15px;transition:0.2s}
#p40 table tr td a:hover{background:#f2f2f2}

/* history */
#history > p{margin-bottom:40px;font-size:36px;font-weight:700;color:#222}
#history .cont{display:flex;align-items:flex-start;justify-content:space-between}
#history .cont .left{width:75%}
#history .cont .right{width:25%;padding:30px;border-radius:20px;border:1px solid #e1e1e1;background:#f7f7f7}
#history .cont .left > p{margin-bottom:30px;font-size:22px;font-weight:500;color:var(--primary);text-decoration:underline}
#history .cont .left ul{display:grid;grid-template-columns:repeat(2,1fr);column-gap:50px}
#history .cont .left ul li{position:relative;padding-left:25px;font-size:16px;line-height:2}
#history .cont .left ul li::before{content:"";position:absolute;left:0;top:10px;width:13px;height:13px;border-radius:100%;border:3.5px solid var(--primary)}
#history .cont .right > p{position:relative;padding:0 0 25px 25px;word-break:keep-all}
#history .cont .right > p::before{content:"▼";display:inline-block;position:absolute;left:0;top:0}
#history .cont .right dl{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}
#history .cont .right dl dd{padding:10px;border-radius:6px;border:1px solid #e1e1e1;font-weight:500;text-align:center;background:#fff}
#history .cont .right dl dd img{width:100%;object-fit:cover}
#history .cont .right dl dd a{display:block;width:100%;height:100%}
#history .year_btn.on{border:1px solid var(--primary) !important;color:var(--primary)}
#history .cop_btn{display:flex;justify-content:center;align-items:center;cursor:pointer}
#history .cop_btn.on{border:1px solid var(--primary) !important;color:var(--primary)}

/* 반응형 [s] */
@media (max-width:1400px){
#p35 .tit_area{padding-left:20px}
#p37 ul{column-gap:40px}
}
@media (max-width:1255px){
#p33 ul li:nth-child(2) img{top:0}
#p33 .tit_area{margin-bottom:30px;text-align:center}
#p33 .txt{text-align:center}
#p33 .bottom{margin-top:0}
}
@media (max-width:1160px){
#p35{flex-direction:column}
#p35 .tit_area{width:100%;padding-left:0;text-align:center}
#p35 .cont{width:98%;margin:0 auto}
#p39 .cont > li dl dd{white-space:normal}
#history .cont{flex-direction:column-reverse;width:95%;margin:auto}
#history .cont .right{width:100%;margin-bottom:20px}
#history .cont .left{width:100%}
#history > p{margin-bottom:15px;font-size:30px;text-align:center}
#history .right_container{width:100% !important;}
#history .cont .right dl dd img{width:95px;}
#history .cont .right > p{padding-bottom:15px}
#history .cont .left > p{margin-bottom:20px}
}
@media (max-width:1024px){
.pgcm{padding:0 10px}
#p36 ul{grid-template-columns:repeat(3,1fr)}
}
@media (max-width:910px){
#p33 .bottom{flex-direction:column;gap:0;align-items:center;justify-content:center;padding:100px 50px 80px;background-size:cover}
#p33 .bottom p{font-size:23px;white-space:normal}
#p33 .bottom span{padding-top:40px;text-align:center}
}
@media (max-width:830px){
#p34 img{width:100%}
#p35 .cont div{flex-direction:column;gap:20px}
#p35 .cont div > p{width:100%;text-align:center}
#p35 .cont div ul li{justify-content:center;padding-left:0}
#p35 .cont div ul li b{width:inherit}
#p35 .cont div ul li::before{display:none}
#p37 ul{grid-template-columns:repeat(1,1fr)}
#p40 .tit_area span{white-space:normal}
}

@media (max-width:768px){
.pgcm .tit_area{margin-bottom:35px}
.pgcm .tit_area p{padding-top:0;font-size:27px}
#p33 .txt{white-space:normal}
#p33 .bottom{padding:80px 10px}
#p33 .bottom p{font-size:20px;text-align:center}
#p33 .bottom p::before{display:none}
#p33 .bottom p::after{display:none}
#p33 .bottom span{padding-top:25px}
#p33 .bottom span b{text-align:center}
#p35 .tit_area span{font-size:27px}
#p36 ul{grid-template-columns:repeat(2,1fr);gap:20px}
#p39 .cont > li dl dd+dd{margin-top:25px}
#p39 .cont > li dl dd::before{top:11px}
}

@media (max-width:650px){
.pgcm .tit_area{margin-bottom:35px}
#p35 .cont div ul li{flex-direction:column;gap:5px}
#p35 .cont div ul li+li{padding-top:10px}
#p35 .cont div ul li p{text-align:center}
#history > p{font-size:25px;word-break:keep-all;}
#history .cont .right{padding:20px}
#history .cont .right > p{padding:0 0 15px 0;text-align:center}
#history .cont .right > p::before{display:none}
}

@media (max-width:480px){
.pgcm .tit_area p{font-size:25px}
#p33 .tit_area{margin-bottom:20px}
#p33 .txt{padding-bottom:35px}
#p33 .bottom{padding:50px 10px}
#p33 .bottom p{font-size:18px}
#p33 .bottom span{font-size:15px}
#p33 .bottom span b strong{font-size:14px}
#p34 img{margin:0 auto}
#p36 ul{grid-template-columns:repeat(1,1fr)}
#p35 .tit_area span{font-size:25px}
#p35 .cont div > p{font-size:22px}
#p39 .cont > li p{font-size:20px}
#p39 .cont > li p b{font-size:13px}
#p39 .cont > li+li{margin-top:40px}
#p40 table tbody tr th{font-size:15px}
#p40 table tr td a{font-size:15px}
#history .cont .left ul{grid-template-columns:repeat(1,1fr)}
#history .cont .right{margin-bottom:30px}
#history .cont .right dl dd img{width:90px}
}
@media (max-width:380px){
.pgcm{font-size:15px}
.pgcm .tit_area p{font-size:23px;white-space:normal}
.pgcm .tit_area b{font-size:13px}
#p33 .bottom{padding:40px 10px}
#p33 .bottom p{font-size:16px}
#p33 .bottom span{white-space:normal}
#p35 .tit_area span{font-size:23px}
#p35 .cont div > p{font-size:22px}
#p35 .cont div ul li{gap:0}
#p35 .cont div ul li b{font-size:15px}
#p39 .cont > li span{padding-left:0;margin-bottom:10px;font-size:17px}
#p39 .cont > li dl{padding:30px 20px}
#p39 .cont > li dl dd+dd{margin-top:15px}
#p40 .tb_wrap{overflow-x:auto}
#p40 table{max-width:380px}
#history .cont .right dl dd img{width:70px}
}
/* 반응형 [e] */