@charset "utf-8";
.pagecommon *{word-break:keep-all;}
.pagecommon{font-size:15px;color:#333;letter-spacing:-.2px;line-height:1.6;font-family:'notokr-regular'}
.pagecommon .eng{margin-bottom:10px;color:#f48c05;font-size:13px;font-weight:700;font-family:'poppins';}
.pagecommon .tit{font-size:30px;color:#111;font-family:'notokr-bold'}

#p33 .p33_m{display:none;}
#p33 div .m_txt{line-height:40px;white-space:pre-line;}
#p33 .top_box{display:flex;gap:50px;}
#p33 .top_box .m_txt{font-size:30px;color:#111;font-family:'notokr-light'}
#p33 .top_box .m_txt b{font-family:'notokr-bold'}
#p33 .top_box div{margin-top:70px;}
#p33 .bg_box{margin-top:-198px;background-color:#f5f5f5;color:#555;padding:70px 50px 110px 340px;white-space:pre-line;}
#p33 .bg_box span{font-size:23px;font-family:'notokr-bold'}
#p33 .bg_box span b{color:#f48c05;}
#p33 .bg_box .un{font-size:15px;color:#333;text-decoration:underline;font-family:'notokr-medium'}
#p33 .bg_box .name{margin-top:30px;float:right;color:#333;font-family:'notokr-bold'}

#p34 .eng{margin-bottom:0}
#p34 .tit b{font-weight:normal;font-family:'notokr-light'}
#p34 img{margin-top:40px}
#p34 .or_box{position:relative;margin-top:-100px;width:calc(100% - 160px);margin-left:auto;background-color:#fff;padding:0 95px 50px;}
#p34 ul{border-left:1px solid #e1e1e1;padding:50px 0;}
#p34 ul li{display:flex;align-items:baseline;}
#p34 ul li .num{position:relative;padding-left:40px;font-size:20px;color:#222;font-family:'notokr-bold'}
#p34 ul li .num::before{position:absolute;width:7px;height:7px;border-radius:100%;background-color:#f48c05;content:"";left:-4px;top:50%;transform:translateY(-50%);}
#p34 ul li div p{position:relative;margin-left:40px;padding-left:18px;color:#555;}
#p34 ul li div p::before{position:absolute;top:50%;left:0;transform:translateY(-50%);width:3px;height:3px;border-radius:100%;background-color:#333;content:"";}
#p34 ul li div p + p{margin-top:5px;}
#p34 ul li + li{margin-top:26px;border-top:1px dashed #e1e1e1;padding-top:26px;}

#p35{text-align:center;}
#p35 .tit{margin-bottom:40px}

#p37 .tit{margin-bottom:40px}
#p37 .cont{position:relative;background-color:#fff;margin:-140px 0 0 auto;width:calc(100% - 85px);padding:55px 0 0 60px;}
#p37 .cont:last-child{margin:0 0 0 auto}
#p37 .cont .txt_box{display:flex;justify-content:space-between;}
#p37 .cont .txt_box + .txt_box{margin-top:40px}
#p37 .cont .txt_box .yr{margin-top:22px;font-size:25px;color:#f48c05;font-weight:700;font-family: 'poppins';}
#p37 .cont .txt_box .blk{color:#222}
#p37 .cont .txt_box ul{position:relative;padding:30px 55px; border:1px solid #e1e1e1;border-radius:10px;width:calc(100% - 100px);}
#p37 .cont .txt_box ul::before{position:absolute;content:"";width:8px;height:8px;border-radius:100%;background-color:#f48c05;top:41px;left:-5px;}
#p37 .cont .txt_box ul li span{font-size:20px;font-weight:700;color:#f48c05;font-family: 'Amiri', serif;}
#p37 .cont .txt_box ul li p{color:#555;line-height:26px;}
#p37 .cont .txt_box ul li p b{color:#333;font-weight:normal;font-family:'notokr-bold'}
#p37 .cont .txt_box ul li .dot{position:relative;padding-left:15px;}
#p37 .cont .txt_box ul li .dot::before{position:absolute;width:4px;height:4px;border-radius:100%;background-color:#555;content:"";left:2px;top:50%;transform:translateY(-50%);}
#p37 .cont .txt_box ul li p{position: relative; padding-left:10px;}
#p37 .cont .txt_box ul li p:before{position: absolute;width:3px;height:3px;left:0;top:50%;transform:translateY(-50%);content:'';background-color:#333;border-radius:100%;}

#p44 .eng{margin-bottom:0}
#p44 ul{margin-top:50px;display:grid;grid-template-columns: repeat(2,1fr);}
#p44 ul .cont{padding:60px 40px;}
#p44 ul .cont .m_tit{position:relative;padding-top:20px;margin-bottom:18px;font-size:23px;font-family:'notokr-bold'}
#p44 ul .cont .m_tit::before{position:absolute;top:0;width:30px;height:3px;background-color:#f48c05;content:"";}



/* 반응형 [s] */
@media (max-width:1024px){
    #p33 div .m_txt{white-space:normal;}
    .pagecommon{padding-top:20px;}
    #p35 img{width:100%;}

    #p44 ul li img{width: 100%;height:100%;object-fit:cover;}

}
@media (max-width:768px){
    .pagecommon{padding:20px;}
    .pagecommon .tit{font-size:25px;margin-top:5px;}
    #p33 .top_box{display:block;}
    #p33 .bg_box{margin-top:0;padding:30px 20px;}
    #p33 img{width:100%;}
    #p33 .top_box div{margin:30px 0;}
    #p33 .top_box .m_txt{font-size:25px;line-height:35px;}
    #p33 .bg_box .name{float:none;margin-top:20px;}
    #p33 .bg_box span{font-size:20px;}
    #p33 .p33_pc{display:none;}
    #p33 .p33_m{display:block;}
    #p34 .or_box{margin-top:0;width:100%;padding:0;}
    #p34 ul{padding:30px 0;}
    #p34 img{margin-top:20px;}
    #p37 .cont{margin:0;padding:0;width: 100%;}
    #p37 .cont .txt_box{margin-top:20px;display:block;}
    #p37 .cont .txt_box ul{width:100%;padding:30px 20px;}
    #p37 .cont .txt_box ul li p:before{top:12px;}
    #p37 .cont .txt_box + .txt_box{margin-top:20px;}
    #p37 .tit{margin-bottom:20px;}
    #p44 ul{margin-top:20px;grid-template-columns: repeat(1,1fr);}
    #p44 ul .cont{padding:30px 0;}
    #p44 ul .cont .m_tit{font-size:20px;}
    #p44 ul li:nth-child(3){order:4;}
    #p44 ul li:nth-child(4){order:3;}
    #p44 ul li:nth-child(5){order:5;}
    #p44 ul li:nth-child(6){order:6;}
    #p44 ul li:nth-child(7){order:8;}
    #p44 ul li:nth-child(8){order:7;}
}
@media (max-width:480px){
    .pagecommon .tit{font-size:22px}

    #p33 .top_box div{margin:0 0 30px;}
    #p33 .top_box .m_txt{font-size:22px;line-height:32px;}
    #p33 .bg_box span{font-size:18px;}
    #p34 ul li{display:block;}
    #p34 ul li div p::before{top:11px;}
    #p34 ul li .num{padding-left:20px;}
    #p34 ul li div p{padding-left:16px;margin-left:20px;}
    #p34 .or_box ul li div{margin-top:20px;}
    #p37 .cont .txt_box .yr{font-size:22px;}
    #p44 ul .cont .m_tit{font-size:18px;margin-bottom:10px;}
}
/* 반응형 [e] */

