/* 인사말 */
.greeting_content{ width: 100%; height: auto; display: flex; flex-flow: row wrap; justify-content: space-between; align-items: center; transition: all 0.2s ease-in-out; }
.greeting_content>dt{ width: 45%; height: auto; transition: all 0.2s ease-in-out; }
.greeting_content>dt>img{ width: 100%; height: auto; transition: all 0.2s ease-in-out; }
.greeting_content>dd{ width: 50%; height: auto; display: flex; flex-flow: column nowrap; transition: all 0.2s ease-in-out; }
.greeting_content>dd>h4{ width: 100%; display: flex; flex-flow: row wrap; align-items: baseline; margin-bottom: 15px; transition: all 0.2s ease-in-out; }
.greeting_content>dd>h4>span:nth-of-type(1){ margin-right: 5px; font-weight: bold; color: rgb(237,28,36); font-size: 30px; transition: all 0.2s ease-in-out; }
.greeting_content>dd>h4>span:nth-of-type(2){ font-weight: normal; font-size: 20px; color: rgb(204,204,204); transition: all 0.2s ease-in-out; }
.greeting_content>dd>p{ font-size: 16px; color: rgb(51,51,51); text-align: justify; transition: all 0.2s ease-in-out; }
.greeting_content>dd>h5{ margin: 20px 0 60px; font-size: 24px; color: rgb(153,153,153); font-weight: bold; display: flex; flex-flow: row wrap; transition: all 0.2s ease-in-out; }
.greeting_content>dd>h5>span{ margin-right: 5px; }
.greeting_content>dd>h6{ margin-bottom: 10px; font-weight: bold; color: #8dc63f; font-size: 30px; transition: all 0.2s ease-in-out; }

/* 연혁 */
.history_content{ width: 100%; height: auto; transition: all 0.2s ease-in-out; }
.history_content>h4{ width: 100%; margin: 50px 0 15px; font-size: 30px; color: rgb(51,51,51); font-weight: bold; display: flex; flex-flow: row nowrap; align-items: center; transition: all 0.2s ease-in-out; }
.history_content>h4:first-of-type{ margin-top: 0; }
.history_content>h4>i{ margin-right: 10px; font-size: 18px; color: rgb(237,28,36); transition: all 0.2s ease-in-out; }
.history_content>ul{ width: 100%; height: auto; display: flex; flex-flow: row nowrap; transition: all 0.2s ease-in-out; }
.history_content>ul:first-of-type{ border-top: 2px solid rgb(34,34,34); }
.history_content>ul>li{ height: auto; border-bottom: 1px solid rgb(204,204,204); transition: all 0.2s ease-in-out; }
.history_content>ul>li:nth-of-type(1){ width: 120px; padding: 10px 0; border-right: 1px solid rgb(204,204,204); text-align: center; font-weight: bold; }
.history_content>ul>li:nth-of-type(2){ width: calc(100% - 120px); padding: 10px 20px; }
.history_content>ol{ width: 100%; height: auto; display: flex; flex-flow: row nowrap; transition: all 0.2s ease-in-out; }
.history_content>ol:first-of-type{ border-top: 2px solid rgb(34,34,34); }
.history_content>ol>li{ height: auto; padding: 10px 20px; border-bottom: 1px solid rgb(204,204,204); transition: all 0.2s ease-in-out; }
.history_content>ol>li:nth-of-type(1){ width: 50%; font-weight: bold; display: flex; flex-flow: row nowrap; }
.history_content>ol>li:nth-of-type(1)>span:nth-of-type(1){ margin-right: 5px; }
.history_content>ol>li:nth-of-type(2){ width: 50%; }

/* 사업영역 */
.business_content{ width: 100%; height: auto; display: flex; flex-flow: row wrap; justify-content: space-around; transition: all 0.2s ease-in-out; }
.business_content>li{ width: 32%; height: auto; max-width: 300px; margin: 0 0.5% 20px; padding: 35px 15px; border: 1px solid rgb(204,204,204); display: flex; flex-flow: column nowrap; align-items: center; transition: all 0.2s ease-in-out; }
.business_content>li.empty{ height: 0; margin: 0; padding: 0; border: 0; }
.business_content>li>h4{ width: 100%; font-size: 24px; color: rgb(51,51,51); text-align: center; transition: all 0.2s ease-in-out; }
.business_content>li>div{ width: 60px; height: 5px; margin: 15px 0 40px; background-color: rgb(237,28,36); transition: all 0.2s ease-in-out; }
.business_content>li>img{ width: 86px; height: auto; }
.business_content>li>h5{ width: 100%; height: auto; margin: 30px 0 20px; padding-bottom: 15px; border-bottom: 1px solid rgb(230,230,230); display: flex; flex-flow: row nowrap; justify-content: space-between; font-size: 18px; color: rgb(51,51,51); transition: all 0.2s ease-in-out; }
.business_content>li>h5>span:nth-of-type(1){ min-width: 80px; font-weight: bold; transition: all 0.2s ease-in-out; }
.business_content>li>h5>span:nth-of-type(2){ width: 100%; font-weight: normal; transition: all 0.2s ease-in-out; }
.business_content>li>p{ width: 100%; height: auto; color: rgb(51,51,51); font-size: 14px; text-align: justify; transition: all 0.2s ease-in-out; }

/* 안전성 */
.safety_content{ width: 100%; height: auto; display: flex; flex-flow: row wrap; justify-content: center; transition: all 0.2s ease-in-out; }
.safety_content>h4{ width: 100%; height: auto; display: flex; flex-flow: row wrap; justify-content: center; font-size: 40px; color: rgb(51,51,51); transition: all 0.2s ease-in-out; }
.safety_content>h4>span{ margin: 0 4px; transition: all 0.2s ease-in-out; }
.safety_content>h4>span:nth-of-type(1){ font-weight: normal; }
.safety_content>h4>span:nth-of-type(2){ font-weight: bold; }
.safety_content>div{ width: 40px; height: 5px; margin: 20px 0 40px; background-color: rgb(0,0,0); transition: all 0.2s ease-in-out; }
.safety_content>figure{ width: 100%; height: auto; text-align: center; transition: all 0.2s ease-in-out; }
.safety_content>figure>img{ width: 100%; height: auto; max-width: 591px; transition: all 0.2s ease-in-out; }
.safety_content>h5{ width: 100%; margin: 50px 0 10px; font-size: 30px; text-align: center; font-weight: bold; transition: all 0.2s ease-in-out; }
.safety_content>h5:nth-of-type(1){ color: rgb(69,120,0); }
.safety_content>h5:nth-of-type(2){ color: rgb(246,130,31); }
.safety_content>h5:nth-of-type(3){ color: rgb(0,137,208); }
.safety_content>p{ font-size: 16px; text-align: center; line-height: 30px; display: flex; flex-flow: row wrap; justify-content: center; transition: all 0.2s ease-in-out; }
.safety_content>p>span{ margin: 0 2px; }

/* 오시는길 */
.direction_content{ width: 100%; height: auto; display: flex; flex-flow: row wrap; justify-content: center; transition: all 0.2s ease-in-out; }
.direction_content>ul{ width: 100%; height: auto; display: flex; flex-flow: row nowrap; transition: all 0.2s ease-in-out; }
.direction_content>ul:first-of-type{ border-top: 2px solid rgb(34,34,34); }
.direction_content>ul>li{ height: auto; border-bottom: 1px solid rgb(204,204,204); transition: all 0.2s ease-in-out; }
.direction_content>ul>li:nth-of-type(1){ width: 140px; padding: 10px 0 10px 20px; font-weight: bold; display: flex; flex-flow: row nowrap; align-items: center; }
.direction_content>ul>li:nth-of-type(1)>i{ margin-right: 10px; font-size: 15px; color: rgb(237,28,36); transition: all 0.2s ease-in-out; }
.direction_content>ul>li:nth-of-type(2){ width: calc(100% - 140px); padding: 10px 20px; }
.direction_content .daum_map{ width: 100% !important; height: 540px !important; margin-top: 30px; transition: all 0.2s ease-in-out; }
.direction_content .daum_map .wrap_map{ height: calc(100% - 32px) !important; }

/* 베이직박스 */
.basic_content{ width: 100%; height: auto; text-align: center; transition: all 0.2s ease-in-out; }
.basic_content>img{ width: 100%; height: auto; max-width: 600px; }
.basic_content>p{ width: 100%; margin-top: 25px; text-align: center; font-size: 18px; color: rgb(51,51,51); font-weight: bold; transition: all 0.2s ease-in-out; }

/* 스텝박스 */
.step_content{ width: 100%; height: auto; text-align: center; transition: all 0.2s ease-in-out; }
.step_content>img{ width: 100%; height: auto; max-width: 600px; }
.step_content>p{ width: 100%; margin-top: 25px; text-align: center; font-size: 18px; color: rgb(51,51,51); font-weight: bold; transition: all 0.2s ease-in-out; }

/* 스페셜스텝박스 */
.special_content{ width: 100%; height: auto; text-align: center; transition: all 0.2s ease-in-out; }
.special_content>img{ width: 100%; height: auto; max-width: 600px; }
.special_content>p{ width: 100%; margin-top: 25px; text-align: center; font-size: 18px; color: rgb(51,51,51); font-weight: bold; transition: all 0.2s ease-in-out; }

/* 테크닉박스 */
.technic_content{ width: 100%; height: auto; text-align: center; transition: all 0.2s ease-in-out; }
.technic_content>img{ width: 100%; height: auto; max-width: 600px; }
.technic_content>p{ width: 100%; margin-top: 25px; text-align: center; font-size: 18px; color: rgb(51,51,51); font-weight: bold; transition: all 0.2s ease-in-out; }

/* 블록특징 */
.character_content{ width: 100%; height: auto; display: flex; flex-flow: column nowrap; align-items: center; transition: all 0.2s ease-in-out; }
.character_content>h4{ width: 100%; height: auto; display: flex; flex-flow: row wrap; justify-content: center; font-size: 40px; color: rgb(51,51,51); transition: all 0.2s ease-in-out; }
.character_content>h4>span{ margin: 0 4px; transition: all 0.2s ease-in-out; }
.character_content>h4>span:nth-of-type(1){ font-weight: normal; }
.character_content>h4>span:nth-of-type(2){ font-weight: bold; }
.character_content>h6{ width: 100%; padding: 30px 0; text-align: center; font-size: 20px; font-weight: normal; color: rgb(102,102,102); display: flex; flex-flow: row wrap; justify-content: center; transition: all 0.2s ease-in-out; }
.character_content>h6>span{ margin: 0 2px; }
.character_content>figure{ width: 40px; height: 5px; margin: 20px 0 40px; background-color: rgb(0,0,0); transition: all 0.2s ease-in-out; }
.character_content>div{ width: 100%; height: auto; max-width: 1400px; margin: 50px auto 0; display: flex; flex-flow: column nowrap; transition: all 0.2s ease-in-out; }
.character_content>div>h4{ width: 100%; margin-bottom: 40px; font-size: 42px; color: rgb(51,51,51); font-weight: normal; display: flex; flex-flow: row nowrap; justify-content: center; align-items: center; transition: all 0.2s ease-in-out; }
.character_content>div>h4>span:nth-of-type(1){ margin: 0 8px 0 30px; transition: all 0.2s ease-in-out; }
.character_content>div>h4>span:nth-of-type(2){ margin-right: 30px; font-weight: bold; transition: all 0.2s ease-in-out; }
.character_content>div>h4>i{ font-size: 12px; transform: rotate(45deg); }
.character_content>div>ul{ width: 100%; height: auto; display: flex; flex-flow: row wrap; justify-content: center; transition: all 0.2s ease-in-out; }
.character_content>div>ul>li{ width: 282px; height: 509px; margin: 0 10px; transition: all 0.2s ease-in-out; }
.character_content>div>ul>li>h4{ width: 100%; height: 122px; padding-top: 25px; color: rgb(255,255,255); font-size: 34px; text-align: center; font-weight: bold; transition: all 0.2s ease-in-out; }
.character_content>div>ul>li>h4>p{ color: rgb(255,255,255); font-size: 20px; font-weight: normal; transition: all 0.2s ease-in-out; }
.character_content>div>ul>li>h2{ width: 100%; height: 85px; margin-bottom: 15px; padding-top: 15px; font-size: 22px; text-align: center; font-weight: bold; display: flex; flex-flow: row nowrap; justify-content: center; align-items: center; transition: all 0.2s ease-in-out; }
.character_content>div>ul>li:nth-of-type(1)>h2{ color: rgb(215,25,32); }
.character_content>div>ul>li:nth-of-type(2)>h2{ color: rgb(0,120,191); }
.character_content>div>ul>li:nth-of-type(3)>h2{ color: rgb(250,202,44); }
.character_content>div>ul>li:nth-of-type(4)>h2{ color: rgb(141,198,65); }
.character_content>div>ul>li>p{ width: 100%; height: auto; padding: 0 15px; font-size: 15px; color: rgb(51,51,51); text-align: justify; transition: all 0.2s ease-in-out; }
.character_content>div>ul>figure{ width: 100%; height: 0; margin: 10px 0; }
.character_content>div>div .swiper-container{ display: none; }

/* 교육효과 */
.effect_content{ width: 100%; height: auto; display: flex; flex-flow: column nowrap; align-items: center; transition: all 0.2s ease-in-out; }
.effect_content>h4{ width: 100%; height: auto; display: flex; flex-flow: row wrap; justify-content: center; font-size: 40px; color: rgb(51,51,51); transition: all 0.2s ease-in-out; }
.effect_content>h4>span{ margin: 0 4px; transition: all 0.2s ease-in-out; }
.effect_content>h4>span:nth-of-type(1){ font-weight: normal; }
.effect_content>h4>span:nth-of-type(2){ font-weight: bold; }
.effect_content>h6{ width: 100%; padding: 30px 0; text-align: center; font-size: 20px; font-weight: normal; color: rgb(102,102,102); display: flex; flex-flow: row wrap; justify-content: center; transition: all 0.2s ease-in-out; }
.effect_content>h6>span{ margin: 0 2px; }
.effect_content>ul{ width: 100%; height: auto; display: flex; flex-flow: row wrap; justify-content: center; transition: all 0.2s ease-in-out; }
.effect_content>ul>li{ width: 200px; height: 200px; margin: 10px 5px; border: 10px solid; border-radius: 220px; display: flex; flex-flow: column nowrap; align-items: center; transition: all 0.2s ease-in-out; }
.effect_content>ul>li:nth-of-type(1){ border-color: rgb(215,25,32); color: rgb(215,25,32); }
.effect_content>ul>li:nth-of-type(2){ border-color: rgb(0,120,191); color: rgb(0,120,191); }
.effect_content>ul>li:nth-of-type(3){ border-color: rgb(141,198,65); color: rgb(141,198,65); }
.effect_content>ul>li:nth-of-type(4){ border-color: rgb(250,202,44); color: rgb(250,202,44); }
.effect_content>ul>li:nth-of-type(5){ border-color: rgb(215,25,32); color: rgb(215,25,32); }
.effect_content>ul>li:nth-of-type(6){ border-color: rgb(0,120,191); color: rgb(0,120,191); }
.effect_content>ul>li:nth-of-type(7){ border-color: rgb(141,198,65); color: rgb(141,198,65); }
.effect_content>ul>li>h6{ margin-top: 20px; font-size: 15px; font-weight: normal; transition: all 0.2s ease-in-out; }
.effect_content>ul>li>h5{ margin-bottom: 10px; font-size: 40px; font-weight: bold; line-height: 30px; transition: all 0.2s ease-in-out; }
.effect_content>ul>li>p{ width: 90%; font-size: 16px; color: rgb(51,51,51); display: flex; flex-flow: row wrap; justify-content: center; transition: all 0.2s ease-in-out; }
.effect_content>ul>li>p>span{ margin: 0 2px; }

/* 교구구성 */
.teachingaid_content{ width: 100%; height: auto; transition: all 0.2s ease-in-out; }
.teachingaid_content>h4{ width: 100%; margin: 100px 0 15px; display: flex; flex-flow: row nowrap; transition: all 0.2s ease-in-out; }
.teachingaid_content>h4:first-of-type{ margin-top: 0; }
.teachingaid_content>h4>i{ margin-right: 10px; font-size: 18px; color: rgb(237,28,36); line-height: 45px; transition: all 0.2s ease-in-out; }
.teachingaid_content>h4>dl{ display: flex; flex-flow: column nowrap; transition: all 0.2s ease-in-out; }
.teachingaid_content>h4>dl>dt{ font-size: 30px; color: rgb(51,51,51); font-weight: bold; transition: all 0.2s ease-in-out; }
.teachingaid_content>h4>dl>dd{ margin-top: 10px; font-size: 16px; color: rgb(51,51,51); font-weight: normal; text-align: justify; transition: all 0.2s ease-in-out; }
.teachingaid_content>h6{ margin: 50px 0 10px; font-size: 24px; text-decoration: underline; transition: all 0.2s ease-in-out; }
.teachingaid_content>h6:nth-of-type(3n+1){ color: rgb(0,137,208); }
.teachingaid_content>h6:nth-of-type(3n+2){ color: rgb(141,198,65); }
.teachingaid_content>h6:nth-of-type(3n+3){ color: rgb(215,25,27); }
.teachingaid_content>img{ width: 100%; height: auto; max-width: 658px; border-radius: 20px; transition: all 0.2s ease-in-out; }
.teachingaid_content>dl{ width: 100%; height: auto; max-width: 658px; margin-top: 20px; display: flex; flex-flow: row wrap; justify-content: space-between; align-items: center; transition: all 0.2s ease-in-out; }
.teachingaid_content>dl>dt{ width: 110px; height: 110px; border-radius: 120px; border: 5px solid; display: flex; flex-flow: row nowrap; justify-content: center; align-items: center; text-align: center; font-size: 24px; font-weight: bold; transition: all 0.2s ease-in-out; }
.teachingaid_content>dl:nth-of-type(3n+1)>dt{ border-color: rgb(0,137,208); color: rgb(0,137,208); }
.teachingaid_content>dl:nth-of-type(3n+2)>dt{ border-color: rgb(141,198,65); color: rgb(141,198,65); }
.teachingaid_content>dl:nth-of-type(3n+3)>dt{ border-color: rgb(215,25,27); color: rgb(215,25,27); }
.teachingaid_content>dl>dd{ width: calc(100% - 140px); height: auto; text-align: justify; font-size: 16px; color: rgb(51,51,51); display: flex; flex-flow: row nowrap; align-items: center; transition: all 0.2s ease-in-out; }

/* 교재구성 */
.book_content{ width: 100%; height: auto; transition: all 0.2s ease-in-out; }
.book_content>h4{ width: 100%; margin-bottom: 15px; display: flex; flex-flow: row nowrap; transition: all 0.2s ease-in-out; }
.book_content>h4>i{ margin-right: 10px; font-size: 18px; color: rgb(237,28,36); line-height: 45px; transition: all 0.2s ease-in-out; }
.book_content>h4>dl{ display: flex; flex-flow: column nowrap; transition: all 0.2s ease-in-out; }
.book_content>h4>dl>dt{ font-size: 30px; color: rgb(51,51,51); font-weight: bold; transition: all 0.2s ease-in-out; }
.book_content>h4>dl>dd{ margin-top: 10px; font-size: 16px; color: rgb(51,51,51); font-weight: normal; text-align: justify; transition: all 0.2s ease-in-out; }
.book_content>h6{ margin: 50px 0 10px; font-size: 24px; text-decoration: underline; transition: all 0.2s ease-in-out; }
.book_content>h6:nth-of-type(1){ color: rgb(215,25,32); }
.book_content>h6:nth-of-type(2){ color: rgb(0,120,191); }
.book_content>h6:nth-of-type(3){ color: rgb(141,198,65); }
.book_content>h6:nth-of-type(4){ color: rgb(250,202,44); }
.book_content>h6:nth-of-type(5){ color: rgb(51,51,51); }
.book_content>img{ width: 100%; height: auto; max-width: 700px; margin: 15px 0; }
.book_content>img:nth-of-type(3){ margin-bottom: 0; }
.book_content>img:nth-of-type(4){ margin-top: 0; }
.book_content>p{ width: 100%; font-size: 16px; color: rgb(51,51,51); text-align: justify; transition: all 0.2s ease-in-out; }