@charset "utf-8";

.pagecommon{font-size:15px;color:#666;letter-spacing:-.3px;line-height:1.5}
.pagecommon .tit_area{margin-bottom:60px;font-weight:200;color: #111;letter-spacing:-.8px;text-align:center}
.pagecommon .tit_area span{display:inline-block;margin-bottom:30px;font-size: 15px;font-weight:700;letter-spacing:2px;text-transform:uppercase;color: var(--primary);font-family: 'Outfit';}
.pagecommon .tit_area p{font-size:32px;line-height:1.4}
.pagecommon .stit_area{font-size: 16px;line-height:1.6;text-align: center;word-break: keep-all;}
.pagecommon .stit_area h4{padding-bottom: 30px;font-size:29px;font-weight:normal;line-height:1.4;color: #111;}
.pagecommon .pg_color{font-weight:700}
.pagecommon .box_area{height:340px;padding-top:57px;margin-bottom:70px;text-align:center;background:url(../sh_page/img/p34_img.jpg) top center no-repeat}
.pagecommon .point{overflow:hidden;}
.pagecommon .point li{float:left;width:53%;padding:45px 40px;border-radius:35px 0 ;text-align:left;border:1px solid #e1e1e1;background-color:#fff}
.pagecommon .point li.right{margin:40px 0 0 -6%;background-color:#f7f7f7}
.pagecommon .point li p{margin-bottom:10px;font-size:19px;color:#333;font-family:'notokr-medium'}
.pagecommon .point li p .num{display:inline-block;width:40px;height:40px;margin-right:10px;border-radius:40px;font-size: 14px;color:#fff;text-align:center;line-height:40px;font-weight: 700;font-family: 'Outfit';}
.pagecommon .point li b{font-weight:normal;color:#222;text-decoration:underline}
.pagecommon .pg_bgcolor{background-color:#333}
.pagecommon .point li:nth-child(3){margin-top:30px}
.pagecommon .point li:nth-child(4){margin-top:60px}
.pagecommon img{width:100%}

/*p33*/
#p33{position:relative;font-size: 16px;letter-spacing:-.3px;line-height:1.8;color:#777;font-family:'Pretendard'}
#p33 .tit_area b{margin-right:10px;font-weight:700}
#p33 .history{padding:15px 0 0 35px;margin-left:30px;border-left:1px dashed #e1e1e1}
#p33 .history dl{margin:0 0 26px 10px;padding-bottom:30px;border-bottom:1px dashed #e1e1e1}
#p33 .history dl dt{position:relative;padding-bottom:10px;font-size: 20px;font-weight:700;color: #222;font-family: 'Outfit';}
#p33 .history dl dt:before{content:"";display:block;position:absolute;left:-55px;top:6px;width:19px;height:19px;border:4px solid #222;border-radius:19px;background-color:#fff}
#p33 .history dl.last{border-bottom:none}
#p33 .history dl dd span{float:left;width: 46px;padding-right:20px;font-weight: 600;color:#333}

/*p34*/
#p34 .benefit{display:grid;grid-template-columns:repeat(2, 1fr);gap:10px;margin-bottom:70px}
#p34 .benefit li{padding:30px;border:1px solid #e1e1e1;border-bottom:10px solid #e9e9e9;font-size:16px}
#p34 .top_box{text-align:center;font-size:16px}
#p34 .top_box p{padding-bottom:20px;font-size:28px;font-weight:700;color:#111}
#p34 .bot_txt{padding: 100px 0 70px 0;}
#p34 .list{display:grid;grid-template-columns:repeat(3,1fr);gap: 20px;row-gap: 60px;padding-bottom: 70px;}
#p34 .list li{overflow:hidden;display:flex;align-items:center;justify-content:center;flex-direction: column;}
#p34 .list li a{width:100%;height:100%;font-size:25px;font-weight:700;color:#fff;transition:all .3s;}
#p34 .list li a img{border: 1px solid #e1e1e1;width:100%;height: 100%;}
#p34 .list li a:hover{width:90%;height:90%}
#p34 .ko_tit{padding-bottom:24px;font-size:36px;font-weight:700;color:var(--primary)}
#p34 .arrow_img img{display:block;width: auto;margin:0 auto 70px}
#p34 .list_box .txt{padding-top:20px;font-weight:700;font-size:24px;color:#222;font-family:'Outfit'}

/*p35*/
#p35 img:nth-child(1){padding-bottom:30px}
#p35 .benefit{display: grid;grid-template-columns: repeat(3, 1fr);margin: 30px 0 0;text-align:center}
#p35 .benefit li{display:inline-block;padding: 45px 10px;margin:0 5px;border:1px solid #e1e1e1;border-bottom:10px solid #e9e9e9}
#p35 .benefit li .icon{width: 100px;height: 100px;margin:0 auto 15px;border-radius:100px;background-position:center;background-repeat:no-repeat;background-color:#f2f2f2}
#p35 .fir .benefit li .icon01{background-image:url(../sh_page/img/p35_icon01.png)}
#p35 .fir .benefit li .icon02{background-image:url(../sh_page/img/p35_icon02.png)}
#p35 .fir .benefit li .icon03{background-image:url(../sh_page/img/p35_icon03.png)}
#p35 .fir .benefit li .icon01{background-image:url(../sh_page/img/p35_icon04.png)}
#p35 .benefit li .tit{margin-bottom:10px;font-size: 16px;color:#333;font-family:'notokr-bold'}
#p35 .benefit li .tit span{display:block;padding-bottom:6px;font-size:13px;letter-spacing:1px}
#p35 .fir{padding-top:100px}
#p35 .fir .benefit{display: grid;grid-template-columns: repeat(4, 1fr);margin:30px 0 70px;text-align:center}
#p35 .benefit li .icon01{background-image:url(../sh_page/img/p35_icon05.png)}
#p35 .benefit li .icon02{background-image:url(../sh_page/img/p35_icon06.png)}
#p35 .benefit li .icon03{background-image:url(../sh_page/img/p35_icon07.png)}
#p35 .ko_tit{padding-bottom:24px;font-size:36px;font-weight:700;color:var(--primary);text-align: center;}
#p35 .img_box{padding-top:50px}

/*p42*/
#p42 .top{display:flex;gap:30px;border-bottom: 1px solid #e1e1e1;align-items: center;padding-bottom: 50px;margin-bottom: 50px;}
#p42 .right{width:100%}
#p42 .right .r_top{padding-bottom:20px;margin-bottom:20px;border-bottom:1px solid #e1e1e1}
#p42 .right .r_top .sub{padding-bottom:10px;font-weight:700;color:var(--primary)}
#p42 .right .r_top p{font-size:28px;font-weight:700;color:#222}
#p42 .right .bot{padding:20px;font-size:16px}
#p42 .right .bot dl{display:flex;margin-bottom:20px}
#p42 .right .bot dt{width:120px;position:relative;padding-left: 21px;color:#222;font-weight:600}
#p42 .right .bot dt:after{position:absolute;content:'';width:3px;height:3px;left:0;top:50%;transform:translateY(-50%);background:var(--primary);border-radius:50px}
#p42 .list_box .tit{padding: 6px 10px;font-size: 18px;font-weight: 600;background: var(--primary);color: #fff;}
#p42 .list_box ul{display:grid;grid-template-columns:repeat(2, 1fr);gap:26px}
#p42 .list_box ul li .img{text-align:center;color:#222;font-weight:600}
#p42 .list_box ul li .img .txt{padding:20px;height: 116px;}
#p42 .list_box ul li img{width:100%}
#p42 .noti_txt{padding:26px;background:#f7f7f7;height: 200px;}
#p42 .noti_txt .noti{padding-bottom: 14px;color:#333;font-size: 18px;font-weight: 600;}
#p42 .noti_txt p{padding-bottom:7px}
#p42 .noti_txt p:last-child{padding-bottom:0}

/* 반응형 [s] */
@media (max-width:1024px){
#p33{padding-bottom:30px}
#p34 .list_box .txt{font-size:19px}
#p34 .ko_tit{font-size:26px}
}
@media (max-width:900px){
#p34 .list_box .txt{padding-top:10px;font-size: 15px;}
}
@media (max-width:768px){
.pagecommon{padding:20px}
#p33{padding:0 20px}
.pagecommon .tit_area p{font-size:25px}
#p34 .tit_area p{font-size:25px}
#p34 .top_box p {font-size: 24px;word-break:keep-all}
#p34 .ko_titP{font-size:26px}
#p34 .list {grid-template-columns: repeat(2, 1fr);row-gap: 30px;gap: 15px;}
#p34 .bot_txt {padding:50px 0;word-break: keep-all;}
#p35 .ko_tit{font-size:26px}
#p35 .fir .benefit {grid-template-columns:repeat(2, 1fr)}
#p35 .benefit {grid-template-columns:repeat(2, 1fr)}
#p42 .top {padding-bottom:0;flex-direction:column;margin-bottom: 30px;}
#p42 .list_box ul {grid-template-columns: repeat(1, 1fr);}
#p42 .list_box ul li .img .txt {height:auto}
}
@media (max-width:480px){
.pagecommon{padding:15px;font-size:15px}
.pagecommon .tit_area p{font-size:20px;word-break: keep-all;}
#p33 .history{margin-left:10px;padding: 15px 0 0 7px;font-size:15px}
#p33 .history dl dt:before{left: -26px;}
#p33 .tit_area b {margin-right:0}
#p34 .top_box{font-size:15px}
#p34 .top_box p{font-size:18px}
#p34 .bot_txt br{display:none}
#p34 .list li a img{height:300px}
#p34 .list_box .txt{font-size:14px}
#p34 .ko_tit {font-size:22px}
#p34 .benefit{grid-template-columns:repeat(1, 1fr)}
.pagecommon .point li{padding: 26px;width:100%;margin: 10px 0;border-radius:0}
.pagecommon .point li.right{margin:0}
.pagecommon .point li:nth-child(3) {margin-top:10px}
.pagecommon .point li p{font-size:17px}
.pagecommon .point li p .num{font-size:12px}
#p34 .benefit li{font-size:15px}
.pagecommon .stit_area h4{font-size: 22px;}
#p34 .tit_area p{font-size:20px}
.pagecommon .tit_area {margin-bottom:30px}
.pagecommon .stit_area br{display:none}
#p35 .ko_tit{font-size:22px}
#p35 .fir {padding-top:50px}
.pagecommon .stit_area{font-size:15px}
#p42 .right .r_top p{font-size:24px}
#p42 .right .bot {font-size: 15px}
#p42 .right .bot dl {flex-direction:column}
#p42 .right .bot {padding:0}
#p33 .history dl dd span {float:none}
#p35 .benefit{grid-template-columns:repeat(1, 1fr);}
#p35 .benefit li .icon{width:80px;height:80px;background-size:40%}
#p35 .benefit li .tit{font-size:14px;word-break: keep-all;}
#p34 .list_box .txt{font-size: 13px;height:50px}
#p35 .benefit.box li{display:flex;align-items: center;padding: 20px;gap: 30px;}
#p35 .benefit.box li .tit{width: 60%;text-align: left;}
}
@media (max-width:380px){
#p33 .history{font-size:14px}
#p34 .list {grid-template-columns:repeat(1, 1fr)}
#p35 .fir .benefit {grid-template-columns: repeat(1, 1fr)}
#p34 .list li a img{height:380px}
}
/* 반응형 [e] */