@charset "utf-8";

#comingsoon{width:100%;padding-top:100px;text-align:center}
.pgcm{font-size:15px;color:#777;line-height:1.8;word-break:keep-all;font-family:"notokr-regular"}
.pgcm .pl{white-space:pre-line}

/* p33 */
#p33 .tit_area{padding:0 0 30px 80px}
#p33 .tit_area h1{position:relative;padding-bottom:20px;font-size:28px;font-weight:700;color:#222;font-family:"poppins"}
#p33 .cont p{padding:30px 20px 70px 80px;border-bottom:1px solid #e1e1e1}
#p33 .business{padding-top:70px;padding-bottom:0}
#p33 .business h1{font-weight:700;font-family:"poppins"}
#p33 ul{display:grid;grid-template-columns:repeat(2,1fr);gap:20px;padding:0 30px 20px 30px}
#p33 ul li{display:flex;flex-direction:column;align-items:center;width:100%;padding:30px;border-radius:10px;background:#f7f7f7}
#p33 ul li div{display:flex;align-items:center;justify-content:center;width:78px;height:78px;border-radius:100%;background:#fff}
#p33 ul li dl{margin-top:20px;padding:30px;padding:30px;border-radius:10px;background:#fff}
#p33 ul li dl dd{position:relative;padding-left:15px}
#p33 ul li dl dd+dd{margin-top:5px}
#p33 ul li dl dd::before{content:"";display:inline-block;position:absolute;left:0;top:10px;width:4px;height:4px;border-radius:100%;background:#222}
#p33 ul li img{display:block;border-radius:10px}

/* p34 */
#p34 .tit_area{margin-bottom:50px;text-align:center}
#p34 .tit_area b{font-size:13px;font-weight:700;color:#222;font-family:"poppins"}
#p34 .tit_area p{margin-top:15px;font-size:30px;line-height:1.5;color:#222;font-family:"notokr-light"}
#p34 .tit_area p span{font-family:"notokr-bold"}
#p34 > dl{margin:0 80px;border-top:2px solid #222}
#p34 > dl > dd{padding:35px;border-bottom:1px solid #e1e1e1}
#p34 > dl > dd:last-child{border-bottom:none}
#p34 > dl > dd b{display:inline-block;margin-bottom:15px;padding:5px 30px;border:2px solid #222;border-radius:30px;font-size:16px;font-weight:700;color:#222;font-family:"poppins"}
#p34 > dl > dd:first-child{background:#f7f7f7}
#p34 > dl > dd:first-child ul li dl dd{position:relative}
#p34 > dl > dd:first-child ul li dl dd::before{content:"";display:inline-block;position:absolute;top:13px;left:-20px;width:4px;height:4px;border-radius:100%;background:#222}
#p34 > dl > dd:first-child b{border:none;color:#fff;background:#222}
#p34 > dl > dd ul{padding-left:30px}
#p34 > dl > dd ul li{display:flex;align-items:flex-start;gap:25px;margin-top:10px}
#p34 > dl > dd ul li span{position:relative;font-size:15px;font-weight:700;color:#222;font-family:"poppins"}
#p34 > dl > dd ul li span::before{content:"";display:inline-block;position:absolute;top:13px;left:-20px;width:4px;height:4px;border-radius:100%;background:#222}
#p34 > dl > dd ul li dl dd+dd{margin-top:5px}

/* promotion p36, p37 공통*/
.tit_com .tit_area{text-align:center}
.tit_com .tit_area b{display:inline-block;padding:10px 30px;border-radius:30px;font-size:13px;font-weight:700;color:#fff;background:#222;text-align:center;text-transform:uppercase;font-family:"poppins","notokr-bold"}
.tit_com .tit_area p{padding:20px 0 10px;font-size:28px;color:#222;font-family:"notokr-bold"}

/* p36 */
#p36 .tit_area span{display:block}
#p36 .top a{display:inline-block;position:relative;left:50%;transform:translateX(-50%);padding:10px 50px;border:1px solid #222;margin-top:40px;border-radius:50px;font-size:15px;color:#222;transition:0.2s;font-family:"notokr-medium"}
#p36 .top a i{display:inline-block;padding-left:10px}
#p36 .top a:hover{background:#222;color:#fff}
#p36 .top{padding:70px 20px;border-bottom:1px dotted #e1e1e1;background:#f7f7f7}
#p36 .top:last-child{border-bottom:none}
#p36 dl{display:flex;align-items:center;justify-content:center;gap:25px;padding-top:30px}
#p36 dl img{width:100%}
#p36 .bottom .tit_area{padding-top:70px}
#p36 .bottom .tit_area b{border:1px solid #222;color:#222;background:none}
#p36 table{width:100%;margin-top:30px;border-collapse:collapse;text-align:center}
#p36 table thead{background:#222}
#p36 table thead th{padding:10px;color:#fff;text-align:center}
#p36 table thead th+th{border-left:1px solid #e1e1e1}
#p36 table tbody tr td{border-bottom:1px solid #e1e1e1}
#p36 table tbody tr td:nth-child(1){border-right:1px solid #e1e1e1;color:#222;background:#f7f7f7;font-family:"notokr-medium"}
#p36 table tbody tr td a{display:block;width:100%;height:100%;padding:15px 10px}
#p36 table tbody tr td:hover{background:#f7f7f7}

/* p37 */
#p37 .tit_area{padding:70px 20px 140px;background:#f7f7f7}
#p37 .tit_area p{font-weight:700;font-family:"poppins"}
#p37 dl{display:grid;grid-template-columns:repeat(2,1fr);gap:20px;padding:50px 50px 60px;margin:-120px 85px 0;background:#fff}
#p37 .info{padding:0 135px}
#p37 .info b{display:block;position:relative;padding-left:20px;font-size:20px;color:#222;font-family:"notokr-bold"}
#p37 .info b::before{content:"";display:inline-block;position:absolute;top:15px;left:0;width:6px;height:6px;border-radius:100%;background:#222}
#p37 .info ul{margin-top:25px;border-top:2px solid #222}
#p37 .info ul li{display:flex;align-items:center;padding:25px 30px;border-bottom:1px solid #e1e1e1}
#p37 .info ul li span{display:inline-block;padding:10px 0;margin-right:20px;border-radius:30px;width:170px;font-size:16px;color:#222;text-align:center;background:#f7f7f7;font-family:"notokr-medium"}
#p37 .info ul li p{font-size:16px;color:#222}


/* 탭 메뉴 */
.tab{display:flex;align-items:center;justify-content:space-between;overflow:hidden;width:100%;padding:0;margin:20px auto 50px;}
.tab li{width:100%;border:1px solid #ddd;text-align:center}
.tab .selected{text-decoration:none;cursor:default;background:#f7f7f7;color:#222;font-family:'notokr-bold'}
.tab li:nth-child(2){border-left:none}
.tab li:last-child{border-left:none}
.tab li a{padding: 18px;display:block}

/* p39 */
#p39 .tit_area b{font-size:20px}
#p39 .panel .cont{display:flex;align-items:flex-start;gap:55px}
#p39 .panel .cont+.cont{margin-top:20px}
#p39 .panel .cont .name{width:20%;font-size:20px;font-weight:700;color:#222;font-family:"notokr-bold"}
#p39 .panel .cont .name span{display:block;font-weight:700;font-family:"poppins"}
#p39 .cont div{width:100%}
#p39 .panel .cont ul{display:flex;align-items:center;gap:20px;margin-bottom:30px}
#p39 .cont div > b{display:block;position:relative;padding:0 10px 15px 20px;border-bottom:1px solid #e1e1e1;font-size:20px;color:#222;font-family:"notokr-bold"}
/* #p39 .panel .cont ul li{width:100%} */
#p39 .panel .cont ul li img{display:block}
#p39 .cont div > b::before{content:"";display:inline-block;position:absolute;top:15px;left:0;width:6px;height:6px;border-radius:100%;background:#222}
#p39 .history{display:grid;grid-template-columns:repeat(2,1fr);row-gap:10px;column-gap:50px;padding:20px}
#p39 .history p{word-break:keep-all}
#p39 .history p span:first-child{font-size:16px;font-weight:700;color:#222;font-family:"poppins"}

#img_popup{display:flex;align-items:center;justify-content:center;position:fixed;top:0;left:0;width:100%;height:100%;z-index:999;background-color:rgba(0,0,0,.7)}
#img_popup .close{position:absolute;top:0;right:0;width:70px;height:70px;cursor:pointer}
#img_popup i{display:flex;align-items:center;justify-content:center;width:70px;height:70px;z-index:999;position:relative;font-size:25px;font-weight:700;color:#fff;}
#img_popup img{width:100%;height:100%;object-fit:contain;}