@charset "utf-8";

#tab01,#tab02,#tab03{padding-top:110px}

.tab_area{overflow:hidden;text-align:center;margin-bottom:60px}
.tab_area li{display:inline-block;width:200px;height:50px;border-radius:50px;margin:0 5px;border:1px solid #ddd;font-size:15px;line-height:50px;color:#666;background:#f7f7f7; font-family:'notokr-medium';cursor:pointer;transition:all .3s}
.tab_area li a{display:block;transition:all .3s}
.tab_area li.on,.tab_area li:hover{background:#fe5943;color:#fff}
.tab_area li.on a,.tab_area li:hover a{color:#fff}

.tit_area {text-align:center;font-family:'notokr-bold'}
.tit_area .s_tit{position:relative;padding-bottom:30px;font-size:14px;color:#fe5943}
.tit_area .s_tit:before{position:absolute;content:'';bottom:0;left:50%;width:1px;height:20px;background:#ddd}
.tit_area .p_tit{margin-bottom:30px;font-size:32px;color:#333}

.p_area .p_tit02{position:relative;margin:80px 0 20px;border-left:2px solid #fe5943;font-size:16px;line-height:40px;color:#333;background:#f7f7f7;font-family:'notokr-bold'}
.p_area .p_tit02 span{display:inline-block;margin-right:15px;width:40px;height:40px;font-size:14px;text-align:center;color:#fff;background:#fe5943;}

.p_area .cont_box01{overflow:hidden;margin-bottom:20px;border:1px solid #ddd}
.p_area .cont_box01 > div{float:left;width:50%;height:350px}
.p_area .cont_box01 .txt_box{padding:117px 0 0 50px}
.p_area .cont_box01 .txt_box .box_tit{position:relative;padding-bottom:10px;margin-bottom:10px;font-size:25px;color:#333;font-family:'notokr-bold'}
.p_area .cont_box01 .txt_box .box_tit:before{position:absolute;left:0;bottom:0;content:'';width:20px;height:1px;background:#333}
.p_area .cont_box01 .txt_box .box_txt{font-size:18px;line-height:32px;color:#666;font-family:'notokr-regular'}

.p_area .img_cont{overflow:hidden;width:100%}
.p_area .img3 > div{float:left;overflow:hidden;width:354px;height:240px;margin-right:19px;border:1px solid #ddd;}
.p_area .img3 > div:nth-child(3n){margin-right:0}
.p35_table{width:100%}
.p35_table td{text-align:center;color:#666;background:#fff;font-family:'notokr-regular'}
.p35_table th{font-weight:normal;font-size:15px;color:#fff;background:#fe5943;font-family:'notokr-medium'}

.p35 .ray{display:grid;grid-template-columns: repeat(4,1fr); gap:10px;}
.p35 .ray > div img{width:100%;}