div {border:0px solid red}

/*  PAGE 01 ===================*/
.pagecommon {display:flex;flex-direction: column;align-items:center;}
#company01{background: url('../img/common/bg_dot_skyblue.png');display:flex;flex-direction: row;font-size:15px;font-weight:400;line-height:1.8;letter-spacing:-.2px;color:#777;font-family:'Noto Sans KR'}
#company01 .tit_area{padding:5%;font-size:23px;font-weight:300;line-height:1.35;letter-spacing:-1px;color:#222}
#company01 .tit_area p{font-weight:600;}
#company01 img {width:100%;max-width:400px;}

.box02 {width:100%;padding:2%;background:url('../img/company/01_bg.jpg');background-size:50%;}

.box02>.tit_txt>span {display:block;margin:0 auto;color:#f20606;font-size:15px;padding:10px 0}
.tit_txt {width:230px;height:230px;padding:30px 0 0;border-radius:300px;margin:20px auto 0 ;font-size:40px;font-weight:700;color:#222;text-align:center;border:5px solid #0c61b9;outline : solid 20px rgba(87,127,202,.5);box-shadow: 15px 15px 10px rgba(0,0,0,.1)}


.biz_box {width:80%;margin:0 auto;display:flex;flex-direction:row;align-items:center;;justify-content:space-between;margin-bottom:5%;}
.biz_box dl:before {position:absolute;content:'';width:10px;height:10px;border-radius:30px;;background:#fff;outline:7px solid #0c61b9;margin:-5px 0 0 48%}
.biz_box dl:nth-child(2):before {position:absolute;content:'';width:10px;height:10px;border-radius:30px;;background:#fff;outline:7px solid #0c61b9;margin:-5px 0 0 48%}
.biz_box dl:nth-child(3):before {position:absolute;content:'';width:10px;height:10px;border-radius:30px;;background:#fff;outline:7px solid #0c61b9;margin:-5px 0 0 48%}

.biz_box dl {background:#fff ;width:31%;margin-top:-5%;box-shadow: 5px 5px 10px rgba(0,0,0,.15)}
.biz_box dl:nth-child(2) {background:#fff url('../img/main/inc01/bg03_x.jpg');margin-top:5%;margin-bottom:2%;}
.biz_box>dl>img_x {background:#0a528a;padding:3%;float:right;margin:-35px 0 3% 3%;border-radius:100px 100px 0 0;}
.biz_box dt {background:#0c61b9 url('../img/company/tit_bg.png') no-repeat 200px -50px;padding:5% 7%;font-size:30px;font-weight:700;color:#fff;line-height:1.2;margin-bottom:0px;}
.biz_box dl:nth-child(2) dt {background:#0c61b9 url('../img/company/tit_bg.png') no-repeat 200px -50px;}
.biz_box dl:nth-child(3) dt {background:#0c61b9 url('../img/company/tit_bg.png') no-repeat 200px -50px;}
.biz_box dt span {font-size:20px;}
.biz_box dd {padding:7%;border:1px solid #ddd;background:#e9f2f9;border-radius:0px;}
.biz_box dl:hover {}
.biz_box dd p {font-size:17px;color:#666;font-weight:400;line-height:1.3;padding:5px 0 5px 13px;background:url('../img/common/dot_red.png') no-repeat 0 10px}



/* 반응형 [s] */
@media(max-width:1400px){
.biz_box dl {width:33%;margin:2% 2% 2%}
.biz_box dl:before {margin:-5px 0 0 43%}
.biz_box {width:100%;margin:0 auto;}
}

@media(max-width:1200px){

#company01 img {width:300px;}
.biz_box dt {font-size:24px;}
.biz_box dt span {font-size:17px;}
.biz_box dd p {font-size:15px;line-height:1.2;margin:2px 0}
}

@media(max-width:1024px){
#company01{padding:20px;font-size:14px;line-height:1.6}
#company01 .tit_area{padding:0;font-size:23px;line-height:1.4;color:#222;word-break:keep-all}
#company01 .tit_area{font-size:18px;}

.biz_box {display:flex;flex-direction:column;align-items:center;}
.biz_box dl {width:98%;margin:7%;}
.biz_box dl:nth-child(2) {margin-top:0%}
.biz_box img {margin-top:-16px;}
.biz_box dl:before {margin-left:48%;}
.box02>.tit_txt>span {display:block;margin:0 auto;color:#f20606;font-size:15px;padding:10px 0}
.tit_txt {width:200px;height:200px;padding:25px 0 0;border-radius:300px;margin:20px auto 20px ;font-size:35px;font-weight:600;color:#222;text-align:center;border:5px solid #0c61b9;outline : solid 20px rgba(87,127,202,.5);box-shadow: 15px 15px 10px rgba(0,0,0,.1)}


}

@media(max-width:768px){
#company01 {flex-direction:column;padding:0 10%}
#company01 img {margin-top:20px;width:100%;}
#company01 .tit_area {font-size:17px;margin-top:30px;}
#company01 .cont .pl{white-space:normal}

}


@media(max-width:480px){
#company01{padding:15px 12px}

}