/* 기념이념 내용 콘텐츠 */
#content .content_area{width: 1400px; margin: 0 auto; padding-bottom: 150px;}

#content .content_area p{display: block;}
#content .content_area h4{font-size: 30px; font-weight: 500; color: var(--font-color2);}
#content .content_area .philosophy_title{font-size: 70px; font-weight: 600; color: var(--font-color-main);}
#content .content_area .philosophy_subtitle{font-size: 35px; font-weight: 500;}

#content .content_area .slogan_box{display: flex; justify-content: space-between;}
#content .content_area .slogan_titlebox{margin-top: 30px;}
#content .content_area .slogan_box .philosophy_text{font-size: 20px; text-align: right; margin: 300px 0 100px;
    line-height: 2.1rem;}

#content .content_area .vision_box{display: flex; justify-content: space-between; margin: 100px 0 100px;}
#content .content_area .vision_box img{width: 500px; border-radius: 20px; margin-left: 60px; box-shadow: 5px 5px 15px 0 rgba(0, 0, 0, .2);}
#content .content_area .vision_box .vision_box_inner{text-align: right;}
#content .content_area .vision_box .vision_box_inner .philosophy_text{font-size: 20px; margin-top: 50px; width: 800px; margin-left: auto;}

#content .content_area hr{height: 1px; background: #ccc; border: 0;}

#content .content_area .culture_box{margin: 100px 0 100px;}
#content .content_area .culture_box h4,
#content .content_area .culture_box p{text-align: center;}
#content .content_area .culture_box .culture_inner{position: relative; display: flex; justify-content: center; gap: 250px; margin-top: 150px;}
#content .content_area .culture_box .square{position: relative; width: 400px; height: 400px; background: #f26522; left: 0; top: 0;}
#content .content_area .culture_box .circle{position: relative; width: 400px; height: 400px; background: #f26522; border-radius: 50%; right: 0; top: 0;}

#content .content_area .culture_box .circle_box{display: flex; flex-direction: column; align-items: center;}

#content .content_area .culture_box .square,
#content .content_area .culture_box .circle{display: flex; flex-direction: column; align-items: center; justify-content: center;
    box-shadow: 5px 5px 15px 0 rgba(0, 0, 0, .3);}

#content .content_area .culture_box .square p:nth-of-type(1),
#content .content_area .culture_box .circle p:nth-of-type(1){color: #fff; font-size: 2.5rem; font-weight: 600;}
#content .content_area .culture_box .square p:nth-of-type(2),
#content .content_area .culture_box .circle p:nth-of-type(2){color: #fff; font-size: 1.6rem; font-weight: 400;}

#content .content_area .culture_box .culture_inner .square_box div:nth-of-type(2),
#content .content_area .culture_box .culture_inner .circle_box div:nth-of-type(2){margin-top: 50px;}

#content .content_area .culture_box .culture_inner .square_box div:nth-of-type(2) p:nth-child(odd),
#content .content_area .culture_box .culture_inner .circle_box div:nth-of-type(2) p:nth-child(odd){color: #333; font-size: 1.3rem; font-weight: 600;}
#content .content_area .culture_box .culture_inner .square_box div:nth-of-type(2) p:nth-child(even),
#content .content_area .culture_box .culture_inner .circle_box div:nth-of-type(2) p:nth-child(even){color: #666; font-size: 1.1rem; font-weight: 400;}

#content .content_area .CI_box{margin-top: 100px; width: 100%;}
#content .content_area .CI_box h3{font-size: var(--font-size-h3); text-align: center;}
#content .content_area .CI_box img:nth-of-type(1){margin: 100px 0; border-radius: 20px;}


#content .content_area .CI_box .CI_1_text1{font-size: 1.5rem; text-align: center; font-weight: 600;}
#content .content_area .CI_box .CI_1_text1 span{color: var(--font-color-main);}
#content .content_area .CI_box .CI_1_text2{display: flex; justify-content: center;}
#content .content_area .CI_box .CI_1_text2 p{width: 400px; text-align: center; margin-top: 80px;}
#content .content_area .CI_box .CI_1_text2 p span{font-size: 1.5rem; font-weight: 500;}
#content .content_area .CI_box .CI_1_text2 p span strong{color: #f26522;}

#content .content_area .CI_box .CI_2_img{display: flex; width: 700px; margin: 50px 14%; gap: 100px;}
#content .content_area .CI_box .CI_2_img img:nth-of-type(1){display: block; width: 300px;object-fit: contain;}
#content .content_area .CI_box .CI_2_img img:nth-of-type(2){display: block; width: 600px;object-fit: contain;}
#content .content_area .CI_box .primary_box,
#content .content_area .CI_box .secondary_box{display: flex; justify-content: center; margin-bottom: 50px;}

#content .content_area .CI_box .primary_box p,
#content .content_area .CI_box .secondary_box p{width: 100px; color: var(--font-color-main);
font-size: 1.2rem;}

#content .content_area .CI_box .primary_box div,
#content .content_area .CI_box .secondary_box div{width: 300px; height: 150px; border: 1px solid #ccc;
margin-left: 150px;}

#content .content_area .CI_box .primary_box div:nth-of-type(1){background: url(../images/content2/CI_primary_1.jpg);}
#content .content_area .CI_box .primary_box div:nth-of-type(2){background: url(../images/content2/CI_primary_2.jpg);}
#content .content_area .CI_box .secondary_box div:nth-of-type(1){background: url(../images/content2/CI_secondary_1.jpg);}
#content .content_area .CI_box .secondary_box div:nth-of-type(2){background: url(../images/content2/CI_secondary_2.jpg);}

#content .content_area .CI_box a{display: block; color: #fff; background: var(--font-color1); padding: 10px; width: 100px; text-align: center; border: 2px solid var(--font-color1);
border-radius: 10px; margin: 100px auto 0; transition: all .3s ease-out;}
#content .content_area .CI_box a:hover{color: var(--font-color1); background: #fff;}