@charset "utf-8";
    
/* 공통 */
.pagecommon{font-size: 15px;color:#666;letter-spacing:-.3px;line-height:25px}
.pagecommon .tit_area{text-align:center;font-size: 34px;font-weight: 700;padding-bottom: 40px;color: #111;}
.pagecommon .tit_area p{padding-bottom:40px;font-size:15px;font-weight:700;color: #174fb4;text-transform:uppercase;font-family: 'Raleway';}
.pagecommon .tit_area span{font-weight:700;}
.pagecommon .s_txt{padding-top:16px;font-size:17px;font-weight:400;color:#888;font-family: 'Pretendard';}
.pagecommon .pl{white-space:pre-line}
.pagecommon *{word-break:keep-all}
.pagecommon .tit{padding-bottom: 30px;text-align: center;font-size: 22px;font-weight: 700;color: #111;}
.pagecommon .img_box .img{padding: 30px;border:1px solid #e1e1e1;text-align:center}
.pagecommon .img_box img{max-width: 900px;}
.pagecommon .img_box .i_tit{padding-bottom: 30px;text-align: center;font-size: 22px;font-weight: 700;color: #111;}
.pagecommon table{width:100%;border-spacing:0;text-align:center;padding-bottom: 50px;}
.pagecommon table tr.bg_gr{background-color:#f5f5f5}
.pagecommon table tr th{padding: 12px 0;font-weight:600;font-size: 16px;color:#fff;border-bottom: 1px solid #e1e1e129;background-color: #174fb4;}
.pagecommon table tr th+th{border-left:1px solid rgba(255,255,255,.2)}
.pagecommon table tr td{padding: 15px 26px;border-top: 1px solid #e1e1e1;border-right: 1px solid #e1e1e1;text-align: left;}
.pagecommon table tr:last-child td{border-bottom:1px solid #e1e1e1}
.pagecommon table tr td+td{border-left:1px solid #e1e1e1}

/* p46 */
#p46 .img_box{display:block;margin:50px auto}
#p46 ul{display:grid;grid-template-columns:repeat(3, 1fr);gap: 14px;padding-top: 40px;}
#p46 ul li{display:flex;align-items:center;gap: 14px;padding: 30px;border:1px solid #e1e1e1;transition:all 0.2s;flex-direction: column;text-align: center;font-size: 16px;}
#p46 ul li img.on{opacity:0}
#p46 ul li:hover img.on{opacity:1}
#p46 ul li:hover img.off{display:none}
#p46 ul li:hover{font-weight: 500;background:#174fb4}
#p46 ul li:hover .tit{color:#fff}
#p46 ul li:hover .txt{color:#fff}
#p46 ul li .tit{padding-bottom: 0;position:relative;font-size: 20px;font-weight:700;color:#111;}

#p33{overflow:hidden;line-height:1.5;color:var(--dark)}
#p33 .tit_area{padding-bottom:0;font-weight: 700;}
#p33 *{word-break:keep-all}
#p33 .inner{margin: 0 auto;border-top: 1px solid #e1e1e1;padding-top: 40px;}
#p33 .all_txt .tit{line-height:1.3;font-weight:700;font-size:30px;text-align: left;}
#p33 .all_txt .txt{margin-bottom:55px;font-weight:400;font-size:16px}
#p33 .bot{display:flex}
#p33 .bot > div{width:50%}
#p33 .bot .left{padding-right:50px}
#p33 .bot .left .img_box > img{max-width:100%;border-radius:13px}
#p33 .bot .right .r_list > li{border-bottom:1px solid #e1e1e1}
#p33 .bot .right .r_list > li .top_txt{display:flex;align-items:center;justify-content:space-between;height:70px;cursor:pointer;transition:all .4s}
#p33 .bot .right .r_list > li .top_txt .year_tit{display:block;font-weight:700;font-size:22px}
#p33 .bot .right .r_list > li .top_txt .year_tit span{padding-left: 10px;font-size: 15px;font-weight: 500;color: #999;}
#p33 .bot .right .r_list > li .top_txt .arrow_btn{display:flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:50%;border:1px solid #e1e1e1;transition:all .5s}
#p33 .bot .right .r_list > li .top_txt .arrow_btn .icon{width:18px;color:#aaa;transform:rotate(90deg);transition:all .5s}
#p33 .bot .right .r_list > li .top_txt.on .arrow_btn{border: 1px solid #174fb4;background: #174fb4;}
#p33 .bot .right .r_list > li .top_txt.on .arrow_btn .icon{transform:rotate(270deg);color:#fff}
#p33 .bot .right .r_list .s_list{display:none;padding-bottom:30px}
#p33 .bot .right .r_list .s_list > li{position:relative;display:flex;padding-left:8px;font-size:15px;font-weight:400;line-height:1.4}
#p33 .bot .right .r_list .s_list > li +li{margin-top:15px}
#p33 .bot .right .r_list .s_list > li::after{position:absolute;top:8px;left:0;content:"";display:block;width:3px;height:3px;border-radius:50%;background:var(--dark)}
#p33 .bot .right .r_list .s_list > li > span{display:inline-block;width:58px;white-space:nowrap;margin-right:25px;font-weight: 600;}

#p34 .txt_cont{margin-bottom:60px}
#p34 .box_cont{position:relative;display:grid;grid-template-columns:repeat(2,1fr);margin: 30px 0 60px;background:#f7f7f7}
#p34 .box_cont img{position:absolute;top: 50%;left:50%;transform:translate(-50%, -50%);z-index:1}
#p34 .box_cont:before{content:'';position:absolute;top:50%;left:0;width:100%;height:1px;background:#e1e1e1;transform:translateY(-0.5px)}
#p34 .box_cont:after{content:'';position:absolute;top:0;left:50%;width:1px;height:100%;background:#e1e1e1;transform:translateX(-0.5px)}
#p34 .box_cont .box{padding: 40px 25px 60px;}
#p34 .box_cont .box p{display:flex;align-items:center;gap:18px;margin-bottom:20px;font-size: 21px;font-weight:700;color: #111;text-align: right;justify-content: center;}
#p34 .box_cont .box p b{flex-shrink:0;display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:5px;font-size:15px;color:#fff;background-color: #174fb4;font-family:var(--e-font)}
#p34 .box_cont .box:nth-of-type(2) p b, #p34 .box_cont .box:nth-of-type(3) p b{background-color:#333}
#p34 .box_cont .box:nth-of-type(2) p, #p34 .box_cont .box:nth-of-type(3) p{color:#222}
#p34 .box_cont .box ul{padding: 24px 27px 24px 40px;text-align:left;background:#fff;height: 160px;}
#p34 .box_cont .box ul li{padding-bottom:4px}
#p34 .box_cont .box ul li:before{content:'';display:inline-block;width:4px;height:4px;margin:-5px 12px 0 -12px;vertical-align:middle;background: #174fb4;border-radius:100%}
#p34 .box_cont .box:nth-of-type(2) ul li:before, #p34 .box_cont .box:nth-of-type(3) ul li:before{background:#333}
#p34 .step_cont{margin-top:60px}
#p34 .step_cont ul{display:grid;grid-template-columns:repeat(4,1fr);gap:30px}
#p34 .step_cont ul li{display:flex;flex-direction:column;align-items:center;position:relative;padding:30px 12px 20px;border-radius:10px;text-align:center;border:1px solid var(--primary)}
#p34 .step_cont ul li:after{position:absolute;right:-20px;top:95px;font-size:15px;content:'\f0da';color:var(--primary);font-family:'FontAwesome'}
#p34 .step_cont ul li:last-child:after{display:none}
#p34 .step_cont ul li b{padding:20px 0 6px;font-size:17px;color:#222}
#p34 .step_cont ul li p{font-size:15px}
#p34 .txt_cont2{margin-top:90px;font-size:18px}
#p34 .txt_cont b{color:#222}
#p34 a{margin-top:50px}
#p34 .img_box{padding: 0 0 60px 0;}
#p34 .gray_cont{padding:10px 30px;border-radius:5px;background-color: #f7f7f7;}
#p34 .gray_cont dl{padding:20px 0;font-weight:500}
#p34 .gray_cont dl+dl{border-top:1px dashed #e1e1e1}
#p34 .gray_cont dl dt{margin-bottom:20px;line-height: 48px;color:#fff;background-color: #333;text-align: center;}
#p34 .gray_cont dl dd{text-align:left;padding-top:4px;color:#333}
#p34 .dot_txt li:before{position:absolute;left:0;top:11px;content:'';width:3px;height:3px;border-radius:100px;background:#174fb4}
#p34 .dot_txt li{position:relative;padding-left:18px;font-size: 14.8px;}
#p37 .img_b{padding:50px 0 0}
#p37 .img_box{margin-bottom:60px}

#p38 .tit_area{text-align:center;padding-bottom: 0;}
#p38 .sub_tit_area{position:relative}
#p38 .sub_tit_area img{display:block;position:relative;width:100%}
#p38 .sub_tit_area .box{display:flex;align-items:center;justify-content:center;position:absolute;bottom:0;left: 0;width: 100%;}
#p38 .sub_tit_area .box div{width:30%;height:150px;padding:30px;color:#fff;background: #174fb4;}
#p38 .sub_tit_area .box div b{display:block;padding-bottom:12px;font-size:13px;font-weight:700}
#p38 .sub_tit_area .box div p{font-size: 22px;font-weight:700;line-height:1.5}
#p38 .sub_tit_area .box ul{width:70%;height:150px;padding:20px 30px;background:rgba(0, 0, 0, 0.7)}
#p38 .sub_tit_area .box ul li{position:relative;padding-left:15px;font-size:15px;color:#fff}
#p38 .sub_tit_area .box ul li::before{content:"";display:inline-block;position:absolute;top:10px;left:0;width:4px;height:4px;border-radius:100%;background:#fff}
#p38 .sub_tit_area .box ul li+li{margin-top:5px}
#p38 .cont{padding-top: 50px;}
#p38 .cont li{display:flex;align-items:flex-start;gap:50px}
#p38 .cont > li+li{margin-top:50px;padding-top:50px;border-top:1px solid #e1e1e1}
#p38 .cont li .cont_tit{position:relative;width:23%;font-size:20px;padding-left:20px;font-weight:700;color:#222}
#p38 .cont li .cont_tit::before{content:"";display:inline-block;position:absolute;left:0;top:6px;width:4px;height:25px;background:var(--primary)}
#p38 .cont li .txt_area{width:80%}
#p38 .cont li .txt_area .txt{padding-bottom:20px}
#p38 .cont li .txt_area .adv{padding-bottom:20px}
#p38 .cont li .txt_area .adv p{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:15px;border-radius:5px;background:#f7f7f7}
#p38 .cont li .txt_area .adv p+p{margin-top:10px}
#p38 .cont li .txt_area .adv p b{width:165px;padding:8px;border-radius:5px;font-size:15px;font-weight:700;text-align:center;color:#fff;background:#222}
#p38 .cont li .txt_area .adv p span{display:block;width:calc(100% - 120px)}
#p38 .cont li .img_area p{font-size:18px;font-weight:700;color:#222}
#p38 .cont li .img_area ul{display:flex;align-items:center;justify-content:space-between;gap:20px;padding-top:15px}
#p38 .cont li .img_area ul li img{width:100%}
#p38 .cont li .img_area ul .border{border:1px solid #e1e1e1}

#p38 .sub_tit_area .box ul{height: 150px;padding:30px}
#p38 .sub_tit_area .box div{height: 150px;}
#p38 .sub_tit_area .box ul li+li{margin-top:12px}
#p38 .cont .fea{width:80%}
#p38 .cont .fea li{display:flex;flex-direction:column;align-items:flex-start;gap:5px}
#p38 .cont .fea li+li{margin-top:15px}
#p38 .cont .fea li b{display:flex;align-items:center;gap:10px;width:100%;margin-bottom:10px;padding-bottom:10px;border-bottom:1px solid #e1e1e1;font-size:16px;font-weight:700;color:#222}
#p38 .cont .fea li b span{display:flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:4px;font-size:13px;font-weight:700;color:#fff;background:#222;font-family:var(--e-font)}
#p38 .cont .fea li p{width: 100%;padding:10px;border-radius:5px;background:#f7f7f7}
#p38 .cont .info div+div{margin-top:15px;padding-top:15px;border-top:1px dotted #e1e1e1}
#p38 .cont .info div p{position:relative;padding-bottom:5px;font-size: 16px;font-weight: 500;color: #666;}
#p38 .cont .info div p::before{content:"";display:inline-block;position:absolute;top:14px;left:0;width:4px;height:4px;border-radius:100%;background:var(--primary)}
#p38 .cont .adv .red{background:var(--primary)}
#p38 .cont .adv strong{display:block;padding-bottom:15px;font-size:17px;font-weight:700;color:#222}
#p38 .cont .adv .bt{padding-top:20px}
#p38 .cont li .txt_area .adv p b{width:176px}
#p38 .cont_b{padding: 60px 0 0 0;}