.sub-page { padding:150px 0 } 
.sub-page .page_title_wrap h2 { font-size: 2.5em; text-align: center; margin-bottom:70px; font-weight:600 } 

.blue_box { background: #006ED8; color:#fff } 
.blue_txt { color:#006ED8 } 
.blue_line { border:1px solid #006ED8 } 
.gray_box { background: #F9F9F9; } 
@media(max-width:1024px){
 .sub-page { padding:100px 0 } 
 .sub-page .page_title_wrap h2 { margin-bottom:50px } 
 }
@media(max-width:768px){
 .sub-page { padding:80px 0 } 
 .sub-page .page_title_wrap h2 { margin-bottom:30px; font-size: 2em; } 
 }




#comp01 { padding-bottom:0 } 
#comp01 .title_img { background: url(../img/sub/comp01.png) no-repeat center center; aspect-ratio: 1400 / 350; width: 100%; display: flex; align-items: center; justify-content: center; } 
#comp01 .title_img h3 { font-size: 1.75em; color: #fff; text-align: center; font-weight: bold; line-height: 1.5; } 
#comp01 .years_list_wrap { position: relative; display: flex; flex-direction: column; padding: 60px 0 100px; gap: 50px; } 
#comp01 .years_list_wrap:before { position: absolute; content: ''; width: 2px; height: 90%; background: #DADADA; left: 50%; } 
#comp01 .years_list_wrap > li { display: flex; gap: 10px; align-items: flex-end; padding-right: 100px; margin-right:50%; position:relative } 
#comp01 .years_list_wrap > li:before { content:''; position:absolute; top:0; right:-12px; width:20px;; top:1.2em; height: auto; aspect-ratio: 1/1; border:3px solid #006ED8; border-radius: 50%; background:#fff;; z-index: 10; } 
#comp01 .years_list_wrap > li:nth-child(2n):before { left:-9px; right:unset } 

#comp01 .years_list_wrap > li:after { content: ''; position: absolute; right: 0; width: 90px; height: 2px; background: #ddd; top: 1.6em; } 
#comp01 .years_list_wrap > li:nth-child(2n):after { right:unset; left:0 } 
#comp01 .years_list_wrap > li:nth-child(2n) { padding-right:0; padding-left:100px; margin-right:0; margin-left:50%; align-items: flex-start; } 
#comp01 .years_list_wrap > li p { font-size: 2.5em; font-weight: 600; font-family: 'outfit'; width: 130px; } 
#comp01 .years_list_wrap > li ul { display: flex; line-height: 1.5; flex-direction: column; } 
#comp01 .years_list_wrap > li ul li { } 
#comp01 .list_wrap { background: #F2F8FF url(../img/sub/comp01_bottom_bg.png)no-repeat center 63%; padding:100px 0 } 
#comp01 .list_wrap .blue_line { border:3px solid #006ED8; border-radius: 5px; background: #fff; color:#006ED8 } 
#comp01 .list_wrap .middle > .flex-box > div,
#comp01 .list_wrap .bottom > .flex-box > div { width:250px; height:80px; display:flex; align-items: center; justify-content: center; border-radius: 5px; } 
#comp01 .list_wrap .middle .flex-box ,
#comp01 .list_wrap .bottom .flex-box { gap:15px; } 
#comp01 .list_wrap .top { background: #f1f8ff; border: 1px solid #cae1f8; padding: 40px; border-radius: 50%; width: fit-content; position: relative; left: 50%; transform: translateX(-50%); } 

#comp01 .list_wrap .top .blue_box { display: flex; flex-direction: column; align-items: center; gap: 5px; width: 280px; aspect-ratio: 1 / 1; border-radius: 50%; justify-content: center; border: 25px solid #B5DAFF; box-sizing: border-box; position:relative; } 
#comp01 .list_wrap .top .blue_box:before { content:''; position:absolute; left:50%; transform: translateX(-50%); } 
#comp01 .list_wrap .top .blue_box h2 { font-size: 1.7em; font-weight: 600; } 
#comp01 .list_wrap .top .blue_box span { font-size: 1.25em; } 
#comp01 .list_wrap .middle { margin-bottom:150px; gap:450px; justify-content: center; } 
#comp01 .list_wrap .middle > div { } 
#comp01 .list_wrap .middle > div .blue_box { } 
#comp01 .list_wrap .middle > div .blue_line { } 
#comp01 .list_wrap .bottom { padding: 0 65px; justify-content: space-between; gap: 10px;; } 

#comp01 .list_wrap .cinner { background: url(../img/sub/comp01_bottom_img.png)no-repeat center 44%; } 
@media(max-width:1399px) { } 
@media(max-width:1199px){
 #comp01 .list_wrap .bottom { padding:0; } 
 #comp01 .list_wrap .middle { gap:350px; margin-bottom:100px } 
 #comp01 .list_wrap .cinner { background-size: 75%; background-position: center center; } 
 #comp01 .list_wrap .middle > .flex-box > div, 
 #comp01 .list_wrap .bottom > .flex-box > div { width:230px; height:70px } 
 }
@media(max-width:1024px){
 #comp01 .list_wrap .cinner { background: none; } 
 #comp01 .list_wrap .top { margin-bottom:20px } 
 #comp01 .list_wrap .top .blue_box { width:260px; } 
 #comp01 .list_wrap .middle .flex-box,
 #comp01 .list_wrap .bottom .flex-box { width:calc(25% - 10px) } 
 #comp01 .list_wrap .middle > .flex-box > div,
 #comp01 .list_wrap .bottom > .flex-box > div { width: 100%; height: auto; padding: 20px; } 
 #comp01 .list_wrap .middle { gap:80px; margin-bottom:50px; } 
 }
@media(max-width:768px){
 #comp01 .list_wrap .middle > .flex-box > div,
 #comp01 .list_wrap .bottom > .flex-box > div { padding:15px } 
 #comp01 .title_img { height:250px; } 
 #comp01 .title_img h3 { font-size: 1.5em; } 
 #comp01 .years_list_wrap > li { padding-right:50px } 
 #comp01 .years_list_wrap > li:nth-child(2n) { padding-left:50px; padding-right:0 } 
 #comp01 .years_list_wrap > li p { text-align: right; } 
 #comp01 .years_list_wrap > li:nth-child(2n) p { text-align: left; } 
 #comp01 .years_list_wrap > li:after { width:40px } 
 }
@media(max-width:640px){
 #comp01 .list_wrap .top .blue_box h2 { font-size: 1.3em; } 
 #comp01 .list_wrap .top .blue_box span { font-size: 1em; } 
 #comp01 .list_wrap .top .blue_box { width:230px; } 
 #comp01 .list_wrap .middle > .flex-box > div,
 #comp01 .list_wrap .bottom > .flex-box > div { padding:10px } 
 #comp01 .years_list_wrap > li:nth-child(2n) { margin-left:0; } 
 #comp01 .years_list_wrap > li { margin-right:0; padding-left:50px; padding-right:0; align-items: flex-start; } 
 #comp01 .years_list_wrap > li:before { right:0; left:0 } 
 #comp01 .years_list_wrap > li:after { right:unset; left:0 } 
 #comp01 .years_list_wrap > li:nth-child(2n):before { left:0; } 
 #comp01 .years_list_wrap > li p { text-align: left; } 
 #comp01 .years_list_wrap:before { left:10px } 
 }
@media(max-width:500px){
 #comp01 .list_wrap .middle > .flex-box > div,
 #comp01 .list_wrap .bottom > .flex-box > div { font-size: .9em; } 
 #comp01 .list_wrap .middle .flex-box, #comp01 .list_wrap .bottom .flex-box { gap:5px; width: calc(25% - 5px); } 
 #comp01 .list_wrap .blue_line { border:1px solid #006ED8 } 
 #comp01 .list_wrap .top { padding:20px; } 
 #comp01 .list_wrap .top .blue_box { border:10px solid #B5DAFF; width:220px } 
 }








#comp02 .sec1 { margin-bottom:100px; } 
#comp02 .root_daum_roughmap .wrap_controllers,
#comp02 .root_daum_roughmap .cont { display:none!important } 
#comp02 .root_daum_roughmap .wrap_map { height:600px; } 
#comp02 .adress_wrap { padding:35px 0 } 
#comp02 .adress_wrap > .flex-box { align-items: flex-start; } 
#comp02 .adress_wrap .left { font-size: 1.4em; font-weight: 500; width:200px; padding-left:20px; position:relative } 
#comp02 .adress_wrap .left:before { content:''; position:absolute; left:0; top:50%; transform: translateY(-50%); width:10px; aspect-ratio: 1/1; background:#006ED8; border-radius: 3px; } 
#comp02 .adress_wrap .right { color:#666; gap:10px } 
#comp02 .adress_wrap .right strong { color:#000 } 
#comp02 .adress_wrap .right > .flex-box { gap:10px; } 
#comp02 .adress_wrap .right .top { padding-bottom: 30px; border-bottom: 1px solid #ddd; margin-bottom: 30px; } 
#comp02 .adress_wrap .right .top > .flex-box { flex-wrap:wrap; gap:10px 30px; } 
#comp02 .adress_wrap .right .top > .flex-box li { color:#666; gap:10px } 
#comp02 .adress_wrap .right .top > .flex-box li strong { color:#000 } 
#comp02 .adress_wrap .right .top > .flex-box li:first-child { width:100% } 
#comp02 .adress_wrap .right .top > .flex-box > .flex-box { } 
#comp02 .adress_wrap .right .bottom strong { font-size: 1.1em; } 
#comp02 .adress_wrap .right .bottom ul { list-style: disc; padding-left: 30px; font-size: .9em; color: #666; line-height: 1.5; } 

@media(max-width:1399px) { } 
@media(max-width:1199px){
 #comp02 .root_daum_roughmap .wrap_map { height:400px; } 
 #comp02 .adress_wrap .adress_list { gap:10px 40px; } 
 }
@media(max-width:1024px) { } 
@media(max-width:768px){
 #comp02 .adress_wrap > .flex-box { flex-direction: column; gap:20px; } 
 #comp02 .sec1 { margin-bottom:50px; } 
 }
@media(max-width:640px) { } 





#major01 { } 
#major01 .sec1 { } 
#major01 .sec1 .img_wrap { gap:20px; } 
#major01 .sec1 .img_wrap img { width:100%} 
#major01 .sec1 .gray_box { padding: 45px 40px; margin-top: 20px; color: #333; } 
#major01 .sec2 { padding: 100px 0; } 
#major01 .sec2 h3 { font-size: 1.7em; font-weight: 600; } 
#major01 .sec2 .list_wrap { padding: 55px 75px; border: 1px solid #E5E5E5; margin-top: 20px; justify-content: space-between;gap:50px 20px; } 
#major01 .sec2 .list_wrap li { display: flex; flex-direction: column; align-items: center; gap: 10px; position:relative } 
#major01 .sec2 .list_wrap li:before { content: ""; position: absolute; right: -22%; top: 50%; width: 12px; height: 12px; border-top: 3px solid #2f6edb; border-right: 3px solid #2f6edb; transform: rotate(45deg); } 
#major01 .sec2 .list_wrap li:last-child:before { display:none } 
#major01 .sec2 .list_wrap li span { font-weight: 900; font-size: .9em; } 
#major01 .sec2 .list_wrap li img {width:100% } 
#major01 .sec2 .list_wrap li p { } 

@media(max-width:1399px) { } 
@media(max-width:1199px){
    #major01 .sec2 .list_wrap {padding:50px 30px;}
    #major01 .sec2 .list_wrap li:before {right:-11%}

 }
@media(max-width:1024px) {
 } 
@media(max-width:768px){
    #major01 .sec1 .img_wrap {flex-wrap:wrap}
    #major01 .sec1 .img_wrap li {width:calc(50% - 10px)}
    #major01 .sec1 .gray_box {padding:30px ;}
    #major01 .sec1 .gray_box .line-br {display:inline}
    #major01 .sec2 .list_wrap {flex-wrap:wrap}
    #major01 .sec2 .list_wrap li:before {display:none}
    #major01 .sec2 .list_wrap li {width:calc(100% / 3 - 15px)}
    #major01 .sec2 .list_wrap li span,
    #major01 .sec2 .list_wrap li p {font-size: 1.2em;}
 }
@media(max-width:640px) {
    #major01 .sec1 .img_wrap li {width:100%}
    #major01 .sec2 .list_wrap li {width:calc(50% - 10px)}
 } 






#major02 { } 
#major02 .list_wrap { flex-wrap:wrap } 
#major02 .list_wrap .list_box { width:calc(100% / 3); border-right:1px solid #d9d9d9 } 
#major02 .list_wrap .list_box h3 { font-size: 1.25em; text-align: center; padding: 20px 0; } 
#major02 .list_wrap .list_box .content_txt_wrap { display: flex; flex-direction: column; align-items: center; padding:30px 0 50px;  } 
#major02 .list_wrap .list_box:nth-child(3n){border-right:none}
#major02 .list_wrap .list_box .content_txt_wrap .img_wrap { height:320px; display: flex; align-items: center; justify-content: center; } 
#major02 .list_wrap .list_box .content_txt_wrap .list_txt { margin-top: 70px; padding: 0 30px; display: flex; flex-direction: column; gap: 30px; } 
#major02 .list_wrap .list_box .content_txt_wrap .list_txt > li p:before { content:''; position:absolute; left:0; top:.55em; width:5px; aspect-ratio: 1/1; background: #006ED8; border-radius: 50%; } 
#major02 .list_wrap .list_box .content_txt_wrap .list_txt > li p { font-size: 1.1em; font-weight: 600; position: relative; margin-bottom: 10px; padding-left:15px; } 
#major02 .list_wrap .list_box .content_txt_wrap .list_txt > li .sub_list_txt { font-size: .9em; font-weight: 300; line-height: 1.5; padding-left:15px } 
#major02 .list_wrap .list_box .content_txt_wrap .list_txt > li .sub_list_txt li { padding-left: 15px; position:relative } 
#major02 .list_wrap .list_box .content_txt_wrap .list_txt > li .sub_list_txt li::before { content:'-'; position:absolute; left:0; top:0 } 
#major02 .list_wrap .list_box .content_txt_wrap .list_txt > li:first-child .sub_list_txt li:before { content:'※'; } 
#major02 .list_wrap .list_box .content_txt_wrap .list_txt > li:last-child .sub_list_txt li:before { content:'-'; } 
#major02 .list_wrap .list_box .content_txt_wrap .list_txt > li .red_txt { color:#FF4747; font-size: .8em; margin-top:20px; font-weight: bold; display: block; } 

@media(max-width:1399px) { } 
@media(max-width:1199px){
 }
@media(max-width:1024px) { 
    #major02 .list_wrap .list_box {width:50%}
    #major02 .list_wrap .list_box:nth-child(2n - 1) {border-left:1px solid #d9d9d9}
    #major02 .list_wrap .list_box:nth-child(3n) {border-right:1px solid #d9d9d9}
} 
@media(max-width:768px){
    #major02 .list_wrap .list_box .content_txt_wrap .list_txt {padding:0 15px;width:100%}
    #major02 .list_wrap .list_box .content_txt_wrap .list_txt {margin-top:30px;}
 }
@media(max-width:640px) { 
    #major02 .list_wrap .list_box {width:100%}
    #major02 .list_wrap .list_box:nth-child(2n) {border-left:1px solid #d9d9d9}
} 



#major03 { } 
#major03 .img_wrap { gap:40px; } 
#major03 .img_wrap li { align-items: center; text-align: center; gap:20px; } 
#major03 .img_wrap li img { } 
#major03 .img_wrap li span { font-size: 1.25em; font-weight: 500; } 


@media(max-width:1399px) { } 
@media(max-width:1199px){
 }
@media(max-width:1024px) {
 } 
@media(max-width:768px){
    #major03 .img_wrap {flex-wrap:wrap; gap:20px}
    #major03 .img_wrap li {width:calc(50% - 10px)}
    #major03 .img_wrap li img {width:100%}
 }
@media(max-width:640px) { 
    #major03 .img_wrap li {width:100%}
} 


#major04 { } 
#major04 .img_wrap { gap:40px; } 
#major04 .gray_box { margin-top:30px; padding:40px; color:#333 } 
#major04 .gray_box ul { display:flex; flex-wrap:wrap; gap:5px 0; } 
#major04 .gray_box ul li { width:calc(100% / 3); position:relative; padding-left:15px; } 
#major04 .gray_box ul li:before { content:''; position:absolute; top:50%; left:0; background: #006ED8; border-radius: 50%; border-radius: 50%; width:5px; aspect-ratio: 1/1; transform: translateY(-50%); } 
#major04 .img_wrap li img  {width:100%}


@media(max-width:1399px) { } 
@media(max-width:1199px){
 }
@media(max-width:1024px) {
    #major04 .img_wrap {flex-wrap:wrap}
    #major04 .img_wrap li {width:calc(50% - 20px)}
    #major04 .gray_box ul li {width:50%}

 } 
@media(max-width:768px){
 }
@media(max-width:640px) {
        #major04 .img_wrap li {width:100%}
    #major04 .gray_box ul li {width:100%}
 } 


#major05 { } 
#major05 .img_wrap { gap:20px;flex-wrap:wrap  } 
#major05 .img_wrap li {width:calc(100% / 5 - 16px)} 
#major05 .gray_box { padding:45px 40px; color:#333; margin-top:30px } 

@media(max-width:1399px) { } 
@media(max-width:1199px){
 }
@media(max-width:1024px) { 
        #major05 .img_wrap li {width:calc(100% / 3 - 15px)} 
} 
@media(max-width:768px){
    #major05 .img_wrap li {width:calc(100% / 2 - 10px)} 
 }
@media(max-width:640px) { }