/* business22 */

/* pc ver. */

.business22_pagebox{margin: 30px 0 50px 0; letter-spacing: -1px; font-size: 17px; color: #666; line-height: 1.5; font-weight: 300; }
th, td{ font-family:'Noto Sans KR'; }

/* title */
.business22_titlebox{text-align:center; margin-bottom:90px;}
.business22_titletext{position:relative; box-sizing:border-box; padding-bottom:30px; margin-bottom:30px;}
.business22_titletext_1{font-size: 40px;color: #000;letter-spacing: -2px; font-weight: 500;}
.business22_bottombar{position:absolute; display:block; width: 40px; height:2px; background-color:#000; bottom:0; left:50%; margin-left:-20px;}


/* 1. ±â¾÷¼Ò°³ */
.business22_01_dia_text{font-size:19px; color:#000; font-weight: 500; line-height: 30px;}
.business22_01_dia_circle{background-color: #ffffff; box-sizing: border-box;}
.business22_01_dia_circletext{text-align:center; font-size:20px; font-weight:600; color:#000; }



/* 2. Àλ縻 */



/* 3. ¿¬Çõ */

.business22_03_yearcircle1:before{ display:block; position:absolute; content:''; width:10px; height:10px; box-sizing:border-box;
border-radius:50%; border:1px solid #cccccc; background-color:#fff; top:50%; right:0px; margin-top:-5px;}

.business22_03_yearcircle1:after{ display:block; position:absolute; content:''; width:60px; height:1px; box-sizing:border-box;
background-color:#cccccc; top:50%; right:10px;}

.business22_03_yearcircle3{ font-size: 30px;font-weight: bold; line-height:1; border-radius:50%; box-sizing:border-box; }

.business22_03_yeartext{ font-size:25px; margin-bottom:20px; font-weight:bold;  }

.business22_03_historytext > table{ text-align:left; box-sizing:border-box; }
.business22_03_historytext > table th{ font-size:17px; color:#000;  font-weight:600; padding:7px 0;}
.business22_03_historytext > table td{ font-size:17px; font-weight:300; padding:7px 0;}

span.business22_03_date{font-size:17px; color:#000; font-weight:400; margin-right:40px;}



/* 4. ºñÀü&¸ñÇ¥ */

.business22_04_text1{font-size: 30px; color: #fff; font-weight:400;}
.business22_04_text2{color: #fff;}

.business22_04_box1{font-size: 19px; line-height: 60px; text-align:center; margin-bottom: 0px;border-radius: 10px 10px 0 0; box-sizing: border-box; letter-spacing: -1.5px; font-weight: 500;}
.business22_04_box2{text-align: center;padding: 40px 0;border-radius: 0 0 10px 10px;box-sizing: border-box; font-size: 16px;}



/* 5. »çȸ°øÇåÈ°µ¿ */

.business22_05_circle1{position:relative; margin: 0 40px; border-radius: 100px; width: 200px;height: 200px; box-sizing: border-box;}

.business22_05_circle1:after{position:absolute; display:block; content:''; width:1px; height:40px; background-color:#d7d7d7;
bottom:-40px; left:50%; margin-left:-1px;}

.business22_05_box1{position:relative; box-sizing:border-box; margin-top: 40px;padding: 30px 0;border-radius: 20px; text-align:center;}

.business22_05_box1:before{position:absolute; display:block; content:''; width:20px; height:20px; background-color:#fff;
box-sizing:border-box; border-radius:10px; border:1px solid #d7d7d7; top:-10px; left:50%; margin-left:-10px;}

.business22_05_icon1{ margin-bottom: 20px; border-radius: 35px; width: 70px;height: 70px;box-sizing: border-box;display: inline-block; }








/* m ver. */
/* m ver. */
/* m ver. */
/* m ver. */
/* m ver. */
/* m ver. */



.business22_m_pagebox{margin: 30px 0 30px 0; padding: 0 15px; box-sizing:border-box; letter-spacing: -1px; font-size: 15px; color: #666; line-height: 1.5; font-weight: 300; }

/* title */
.business22_m_titlebox{text-align:center; margin-bottom:40px;}
.business22_m_titletext{position:relative; box-sizing:border-box; padding-bottom:20px; margin-bottom:20px;}
.business22_m_titletext_1{font-size: 20px;color: #000;letter-spacing: -1.5px;}
.business22_m_titletext_2{font-size: 15px; color: #3188c4; }

.business22_m_subtext{font-size:15px;}

.business22_m_bottombar{position:absolute; display:block; width: 40px; height:2px; background-color:#000; bottom:0; left:50%; margin-left:-20px;}


/* 1. ±â¾÷¼Ò°³ */
.business22_m_01_dia_text{font-size:15px; color:#000; text-align:center;}
.business22_m_01_dia_circletext{text-align:center; font-size:17px; font-weight:400; color:#000; background-color:#fff; border-radius: 50%; display:block; }





/* 2. Àλ縻 */



/* 3. ¿¬Çõ */

/* .business22_m_03_yearcircle1:before{ display:block; position:absolute; content:''; width:10px; height:10px; box-sizing:border-box;
border-radius:50%; border:1px solid #cccccc; background-color:#fff; top:50%; right:0px; margin-top:-5px;}

.business22_m_03_yearcircle1:after{ display:block; position:absolute; content:''; width:60px; height:1px; box-sizing:border-box;
background-color:#cccccc; top:50%; right:10px;} */

.business22_m_03_yearcircle3{ font-size: 25px;font-weight: bold; line-height:1; box-sizing:border-box; }

.business22_m_03_yeartext{ font-size:20px; margin-bottom:10px; font-weight:bold;  }

.business22_m_03_historytext > table{ text-align:left; box-sizing:border-box; }
.business22_m_03_historytext > table th{ font-size:15px; color:#000;  font-weight:400; padding:7px 0; vertical-align:top; }
.business22_m_03_historytext > table td{ font-size:15px; font-weight:300; padding:7px 0; vertical-align:top;}

span.business22_03_date{font-size:17px; color:#000; font-weight:400; margin-right:40px;}



/* 4. ºñÀü&¸ñÇ¥ */

.business22_m_04_text1{font-size: 20px; color: #fff; font-weight:400;}
.business22_m_04_text2{font-size:15px; color: #fff; letter-spacing:-1px;}

.business22_m_04_box1{font-size: 17px; line-height: 45px; text-align:center; margin-bottom: 0px;border-radius: 10px 10px 0 0; box-sizing: border-box;}
.business22_m_04_box2{text-align: center;padding: 20px 0;border-radius: 0 0 10px 10px;box-sizing: border-box;}


/* 5. »çȸ°øÇåÈ°µ¿ */

.business22_m_05_circle1{position:relative; border-radius: 50%;  box-sizing: border-box;}

.business22_m_05_circle1:after{position:absolute; display:block; content:''; width:200px; height:1px; background-color:#d7d7d7; top:50%; right:-200px;}

.business22_m_05_box1{position:relative; box-sizing:border-box; padding: 20px 0;border-radius: 20px; text-align:center;}

.business22_m_05_box1:before{position:absolute; display:block; content:''; width:16px; height:16px; background-color:#fff;
box-sizing:border-box; border-radius:10px; border:1px solid #d7d7d7; top:50%; left:-8px; margin-top:-8px;}

.business22_m_05_icon1{  border-radius: 35px; width: 50px;height: 50px;box-sizing: border-box;display: inline-block; }