@import url('https://fonts.googleapis.com/css?family=Nanum+Myeongjo');

/* CEO 인사말 */
.intro_content{ width: 100%; }
.intro_content>h4{ color: rgb(71,71,162); font-size: 20px; font-weight: bold; }
.intro_content>h6{ color: rgb(71,71,162); font-size: 20px; font-weight: bold; }
.intro_content>div{ width: 50px; height: 1px; margin: 20px 0 50px; background-color: rgb(71,71,162); }
.intro_content>p{ margin-bottom: 30px; padding-bottom: 100px; padding-left: 30px; font-size: 16px; color: rgb(102,102,102); background-position: 100% 100%; background-repeat: no-repeat; background-size: 300px auto; line-height: 30px;  position: relative; }
.intro_content>p>span:last-of-type{ font-weight: bold; color: rgb(51,51,51); }
.intro_content>p>img{ width: 13%; height: auto; position: absolute; top: 80%; left: 28%; }
.intro_content>ul{ width: 100%; display: flex; flex-flow: row wrap; justify-content: center; }
.intro_content>ul>li{ width: 30%; margin: 30px 1.5% 20px; display: flex; flex-flow: row wrap; justify-content: center; align-items: center; }
.intro_content>ul>li>img{ width: 100%; height: auto; }
.intro_content>ul>li>p{ margin-top: 10px; font-size: 12px; color: rgb(102,102,102); }
.intro_content_m{ width: 90%; margin: auto; }
.intro_content_m>h4{ color: rgb(71,71,162); font-size: 20px; font-weight: bold; }
.intro_content_m>h6{ color: rgb(71,71,162); font-size: 20px; font-weight: bold; }
.intro_content_m>div{ width: 50px; height: 1px; margin-top: 20px; background-color: rgb(71,71,162); }
.intro_content_m>figure{ width: 100%; height: auto; display: flex; flex-flow: row nowrap; justify-content: center; align-items: center; }
.intro_content_m>figure>img{ width: 100%; max-width: 400px; height: auto; }
.intro_content_m>p{ margin-bottom: 40px; font-size: 16px; color: rgb(102,102,102); background-position: 100% 100%; background-repeat: no-repeat; background-size: 300px auto; line-height: 28px; text-align: justify; }
.intro_content_m>p:nth-of-type(2){ margin-bottom: 70px; font-weight: bold; color: rgb(51,51,51); text-align: right; }
.intro_content_m>p:nth-of-type(2)>img{ width: 95px;}
.intro_content_m>ul{ width: 100%; display: flex; flex-flow: row wrap; justify-content: center; }
.intro_content_m>ul>li{ width: 100%; margin: 30px 0 20px; display: flex; flex-flow: row wrap; justify-content: center; align-items: center; }
.intro_content_m>ul>li>img{ width: 100%; max-width: 240px; height: auto; }
.intro_content_m>ul>li>p{ width: 100%; margin-top: 10px; font-size: 14px; color: rgb(102,102,102); text-align: center; }

/* 연혁 */
.history_content{ width: 100%; margin-bottom: 50px; }
.history_content>img{ width: 100%; height: auto; margin-bottom: 100px; }
.history_content>h4{ color: rgb(71,71,162); font-size: 20px; font-weight: bold; }
.history_content>h6{ color: rgb(71,71,162); font-size: 20px; font-weight: bold; }
.history_content>div{ width: 50px; height: 1px; margin: 20px 0 50px; background-color: rgb(71,71,162); }
.history_content>ul{ width: 100%; display: flex; flex-flow: row wrap; justify-content: center; }
.history_content>ul>li{ width: 30%; margin: 30px 1.5% 20px; display: flex; flex-flow: row wrap; justify-content: center; align-items: center; }
.history_content>ul>li>img{ width: 100%; height: auto; }
.history_content>ul>li>p{ margin-top: 10px; font-size: 12px; color: rgb(102,102,102); }
.history_content_m{ width: 90%; max-width: 400px; margin: 40px auto 50px; display: flex; flex-flow: row wrap; justify-content: center; align-items: center; }
.history_content_m>img{ width: 100%; max-width: 300px; height: auto; margin-bottom: 80px; }
.history_content_m>h4{ width: 100%; color: rgb(71,71,162); font-size: 20px; font-weight: bold; }
.history_content_m>h6{ width: 100%; color: rgb(71,71,162); font-size: 20px; font-weight: bold; }
.history_content_m>div{ width: 50px; height: 1px; margin-top: 20px; margin-right: calc(100% - 50px); background-color: rgb(71,71,162); }
.history_content_m>ul{ width: 100%; display: flex; flex-flow: row wrap; justify-content: center; }
.history_content_m>ul>li{ width: 100%; margin: 30px 0 20px; display: flex; flex-flow: row wrap; justify-content: center; align-items: center; }
.history_content_m>ul>li>img{ width: 100%; max-width: 240px; height: auto; }
.history_content_m>ul>li>p{ width: 100%; margin-top: 10px; font-size: 14px; color: rgb(102,102,102); text-align: center; }

/* 조직도 및 경영방침 */
.organization_content{ width: 100%; }
.organization_content>img{ width: 100%; height: auto; }
.organization_content_m{ width: 90%; margin: 40px auto 50px; display: flex; flex-flow: row nowrap; justify-content: center; align-items: center; }
.organization_content_m>img{ width: 100%; max-width: 300px; height: auto; }

/* 사업장위치 */
.location_content{ width: 100%; }
.location_content>ul{ width: 100%; margin-top: 20px; border-top: 2px solid rgb(71,71,162); display: flex; flex-flow: row wrap; }
.location_content>ul>li{ width: 100%; border-bottom: 1px solid rgb(204,204,204); display: flex; flex-flow: row nowrap; justify-content: center; }
.location_content>ul>li>h4{ width: 15%; min-width: 120px; padding: 5px 10px;  color: rgb(71,71,162); font-size: 16px; }
.location_content>ul>li>p{ width: 85%; padding: 5px 10px; display: flex; flex-flow: row wrap; font-size: 16px; }
.location_content>ul>li>p>span{ margin-right: 5px; }
.location_content_m{ width: 90%; margin: 0 auto 50px; }
.location_content_m .daum_map{ width: 100%; height: 270px; margin: auto; }
.location_content_m>ul{ width: 100%; margin-top: 20px; border-top: 2px solid rgb(71,71,162); display: flex; flex-flow: row wrap; }
.location_content_m>ul>li{ width: 100%; border-bottom: 1px solid rgb(204,204,204); display: flex; flex-flow: row nowrap; justify-content: center; }
.location_content_m>ul>li>h4{ width: 15%; min-width: 100px; padding: 5px 10px;  color: rgb(71,71,162); font-size: 16px; }
.location_content_m>ul>li>p{ width: 85%; padding: 5px 10px; display: flex; flex-flow: row wrap; font-size: 16px; }
.location_content_m>ul>li>p>span{ margin-right: 5px; }

/* TPU 시리즈 */
.tpu_content{ width: 100%; }
.tpu_content>ul{ display: flex; flex-flow: row wrap; }
.tpu_content>ul>li{ width: 100%; height: auto; padding: 10px 20px 10px 30px; font-size: 16px; display: flex; flex-flow: row wrap; align-items: center; text-align: justify; line-height: 25px; }
.tpu_content>ul>li:nth-of-type(2n+1){ font-weight: bold; }
.tpu_content>ul>li:nth-of-type(2n){ padding-left: 50px; background-color: rgb(248,248,248); color: rgb(102,102,102); font-size: 14px; }
.tpu_content>ul>li>i{ height: 100%; margin-right: 8px; padding-top: 2px; font-size: 12px; display: flex; flex-flow: row wrap; align-items: center; }
.tpu_content>table{ width: 100%; margin-top: 50px; border-top: 2px solid rgb(106,88,73); border-collapse: collapse; }
.tpu_content>table th{ padding: 5px; border-right: 1px solid rgb(204,204,204); border-bottom: 1px solid rgb(204,204,204); background-color: rgb(255,248,248); font-size: 14px; font-weight: bold; text-align: center; }
.tpu_content>table td{ padding: 5px; border-right: 1px solid rgb(204,204,204); border-bottom: 1px solid rgb(204,204,204); font-size: 14px; text-align: center; }
.tpu_content>table td>a{ cursor: pointer; text-decoration: underline; color: rgb(71,71,162); }
.tpu_content>table td>a:hover{ color: rgb(136, 33, 33); font-weight: bold; }
.tpu_content>table .right_border_del{ border-right: 0; }
.tpu_content>figure{ margin-top: 50px; display: flex; flex-flow: row nowrap; justify-content: space-between; }
.tpu_content>figure>div{ width: 100%; max-width: 50%; height: auto; margin-right: 10px; }
.tpu_content>figure>div:last-of-type{ margin-right: 0; }
.tpu_content>figure>div>img{ width: 100%; height: auto; }
.tpu_content_m{ width: 90%; margin: auto; }
.tpu_content_m>ul{ display: flex; flex-flow: row wrap; }
.tpu_content_m>ul>li{ width: 100%; height: auto; padding: 10px 20px 10px 10px; font-size: 16px; display: flex; flex-flow: row wrap; align-items: center; text-align: justify; line-height: 25px; }
.tpu_content_m>ul>li:nth-of-type(2n+1){ font-weight: bold; }
.tpu_content_m>ul>li:nth-of-type(2n){ background-color: rgb(248,248,248); color: rgb(102,102,102); font-size: 14px; display: flex; flex-flow: row wrap; justify-content: flex-start; }
.tpu_content_m>ul>li:nth-of-type(2n)>span{ margin-right: 5px; }
.tpu_content_m>ul>li>i{ height: 100%; margin-right: 8px; padding-top: 2px; font-size: 12px; display: flex; flex-flow: row wrap; align-items: center; }
.tpu_content_m>table{ width: 100%; margin-top: 10px; border-top: 2px solid rgb(106,88,73); border-collapse: collapse; }
.tpu_content_m>table:first-of-type{ margin-top: 50px; }
.tpu_content_m>table th{ padding: 5px; border-right: 1px solid rgb(204,204,204); border-bottom: 1px solid rgb(204,204,204); background-color: rgb(255,248,248); font-size: 14px; font-weight: bold; text-align: center; }
.tpu_content_m>table td{ padding: 5px; border-right: 1px solid rgb(204,204,204); border-bottom: 1px solid rgb(204,204,204); font-size: 14px; text-align: center; }
.tpu_content_m>table td>a{ cursor: pointer; text-decoration: underline; color: rgb(71,71,162); }
.tpu_content_m>table td>a:hover{ color: rgb(136, 33, 33); font-weight: bold; }
.tpu_content_m>table .right_border_del{ border-right: 0; }
.tpu_content_m>figure{ margin: 20px 0 50px; display: flex; flex-flow: row wrap; justify-content: center; }
.tpu_content_m>figure>div{ width: 80%; height: auto; margin-top: 20px; display: flex; flex-flow: row nowrap; justify-content: center; align-items: center; }
.tpu_content_m>figure>div>img{ width: 100%; max-width: 280px; height: auto; }

/* Adhesive 시리즈 */
.adhesive_content{ width: 100%; }
.adhesive_content>ul{ display: flex; flex-flow: row wrap; }
.adhesive_content>ul>li{ width: 100%; height: auto; padding: 10px 20px 10px 30px; font-size: 16px; display: flex; flex-flow: row wrap; align-items: center; text-align: justify; line-height: 25px; }
.adhesive_content>ul>li:nth-of-type(2n+1){ font-weight: bold; }
.adhesive_content>ul>li:nth-of-type(2n){ padding-left: 50px; background-color: rgb(248,248,248); color: rgb(102,102,102); font-size: 14px; }
.adhesive_content>ul>li>i{ height: 100%; margin-right: 8px; padding-top: 2px; font-size: 12px; display: flex; flex-flow: row wrap; align-items: center; }
.adhesive_content>table{ width: 100%; margin-top: 50px; border-top: 2px solid rgb(106,88,73); border-collapse: collapse; }
.adhesive_content>table th{ padding: 5px; border-right: 1px solid rgb(204,204,204); border-bottom: 1px solid rgb(204,204,204); background-color: rgb(255,248,248); font-size: 14px; font-weight: bold; text-align: center; }
.adhesive_content>table td{ padding: 5px; border-right: 1px solid rgb(204,204,204); border-bottom: 1px solid rgb(204,204,204); font-size: 14px; text-align: center; }
.adhesive_content>table td>a{ cursor: pointer; text-decoration: underline; color: rgb(71,71,162); }
.adhesive_content>table td>a:hover{ color: rgb(136, 33, 33); font-weight: bold; }
.adhesive_content>table .right_border_del{ border-right: 0; }
.adhesive_content>figure{ margin-top: 50px; display: flex; flex-flow: row nowrap; justify-content: space-between; }
.adhesive_content>figure>div{ width: 100%; max-width: 50%; height: auto; margin-right: 10px; }
.adhesive_content>figure>div:last-of-type{ margin-right: 0; }
.adhesive_content>figure>div>img{ width: 100%; height: auto; }
.adhesive_content_m{ width: 90%; margin: auto; }
.adhesive_content_m>ul{ display: flex; flex-flow: row wrap; }
.adhesive_content_m>ul>li{ width: 100%; height: auto; padding: 10px 20px 10px 10px; font-size: 16px; display: flex; flex-flow: row wrap; align-items: center; text-align: justify; line-height: 25px; }
.adhesive_content_m>ul>li:nth-of-type(2n+1){ font-weight: bold; }
.adhesive_content_m>ul>li:nth-of-type(2n){ background-color: rgb(248,248,248); color: rgb(102,102,102); font-size: 14px; }
.adhesive_content_m>ul>li>i{ height: 100%; margin-right: 8px; padding-top: 2px; font-size: 12px; display: flex; flex-flow: row wrap; align-items: center; }
.adhesive_content_m>table{ width: 100%; margin-top: 10px; border-top: 2px solid rgb(106,88,73); border-collapse: collapse; }
.adhesive_content_m>table:first-of-type{ margin-top: 50px; }
.adhesive_content_m>table th{ padding: 5px; border-right: 1px solid rgb(204,204,204); border-bottom: 1px solid rgb(204,204,204); background-color: rgb(255,248,248); font-size: 14px; font-weight: bold; text-align: center; }
.adhesive_content_m>table td{ padding: 5px; border-right: 1px solid rgb(204,204,204); border-bottom: 1px solid rgb(204,204,204); font-size: 14px; text-align: center; }
.adhesive_content_m>table td>a{ cursor: pointer; text-decoration: underline; color: rgb(71,71,162); }
.adhesive_content_m>table td>a:hover{ color: rgb(136, 33, 33); font-weight: bold; }
.adhesive_content_m>table .right_border_del{ border-right: 0; }
.adhesive_content_m>figure{ margin: 20px 0 50px; display: flex; flex-flow: row wrap; justify-content: center; }
.adhesive_content_m>figure>div{ width: 80%; height: auto; margin-top: 20px; display: flex; flex-flow: row nowrap; justify-content: center; align-items: center; }
.adhesive_content_m>figure>div>img{ width: 100%; max-width: 280px; height: auto; }

/* PC */
.pc_content{ width: 100%; }
.pc_content>ul{ margin-top: 50px; display: flex; flex-flow: row wrap; }
.pc_content>ul>li{ width: 100%; height: auto; padding: 10px 20px 10px 30px; font-size: 16px; display: flex; flex-flow: row wrap; align-items: center; text-align: justify; line-height: 25px; }
.pc_content>ul>li:nth-of-type(2n+1){ font-weight: bold; }
.pc_content>ul>li:nth-of-type(2n){ padding-left: 50px; background-color: rgb(248,248,248); color: rgb(102,102,102); font-size: 14px; }
.pc_content>ul>li>i{ height: 100%; margin-right: 8px; padding-top: 2px; font-size: 12px; display: flex; flex-flow: row wrap; align-items: center; }
.pc_content>ul>li>p:nth-of-type(2){ margin-top: 20px; margin-left: 80px; }
.pc_content>table{ width: 100%; margin-top: 50px; border-top: 2px solid rgb(106,88,73); border-collapse: collapse; }
.pc_content>table th{ padding: 5px; border-right: 1px solid rgb(204,204,204); border-bottom: 1px solid rgb(204,204,204); background-color: rgb(255,248,248); font-size: 14px; font-weight: bold; text-align: center; }
.pc_content>table td{ padding: 5px; border-right: 1px solid rgb(204,204,204); border-bottom: 1px solid rgb(204,204,204); font-size: 14px; text-align: center; }
.pc_content>table td>a{ cursor: pointer; text-decoration: underline; }
.pc_content>table td>a:hover{ color: rgb(136, 33, 33); font-weight: bold; }
.pc_content>table .right_border_del{ border-right: 0; }
.pc_content>p{ width: 100%; margin-top: 100px; color: rgb(102,102,102); font-size: 16px; display: flex; flex-flow: row wrap; justify-content: flex-start; align-items: baseline; }
.pc_content>p>span{ margin-right: 5px; }
.pc_content>img{ width: 840px; height: auto; margin-top: 50px; display: block; }
.pc_content>figure{ margin-top: 50px; display: flex; flex-flow: row nowrap; justify-content: space-between; }
.pc_content>figure>div{ width: 100%; max-width: 50%; height: auto; margin-right: 10px; }
.pc_content>figure>div:last-of-type{ margin-right: 0; }
.pc_content>figure>div>img{ width: 100%; height: auto; }
.pc_content_m{ width: 90%; margin: auto; }
.pc_content_m>ul{ display: flex; flex-flow: row wrap; }
.pc_content_m>ul>li{ width: 100%; height: auto; padding: 10px 20px 10px 10px; font-size: 16px; display: flex; flex-flow: row wrap; align-items: center; text-align: justify; line-height: 25px; }
.pc_content_m>ul>li:nth-of-type(2n+1){ font-weight: bold; }
.pc_content_m>ul>li:nth-of-type(2n){ background-color: rgb(248,248,248); color: rgb(102,102,102); font-size: 14px; }
.pc_content_m>ul>li>i{ height: 100%; margin-right: 8px; padding-top: 2px; font-size: 12px; display: flex; flex-flow: row wrap; align-items: center; }
.pc_content_m>table{ width: 100%; margin-top: 50px; border-top: 2px solid rgb(106,88,73); border-collapse: collapse; }
.pc_content_m>table th{ padding: 5px; border-right: 1px solid rgb(204,204,204); border-bottom: 1px solid rgb(204,204,204); background-color: rgb(255,248,248); font-size: 14px; font-weight: bold; text-align: center; }
.pc_content_m>table td{ padding: 5px; border-right: 1px solid rgb(204,204,204); border-bottom: 1px solid rgb(204,204,204); font-size: 14px; text-align: center; }
.pc_content_m>table td>a{ cursor: pointer; text-decoration: underline; }
.pc_content_m>table td>a:hover{ color: rgb(136, 33, 33); font-weight: bold; }
.pc_content_m>table .right_border_del{ border-right: 0; }
.pc_content_m>p{ width: 100%; margin-top: 100px; color: rgb(102,102,102); font-size: 14px; display: flex; flex-flow: row wrap; justify-content: flex-start; align-items: baseline; }
.pc_content_m>p>span{ margin-right: 5px; }
.pc_content_m>img{ width: 100%; max-width: 300px; height: auto; margin: 30px auto 0; display: block; }
.pc_content_m>figure{ margin: 20px 0 50px; display: flex; flex-flow: row wrap; justify-content: space-around; }
.pc_content_m>figure>div{ width: 47%; height: auto; margin-top: 20px; display: flex; flex-flow: row nowrap; justify-content: center; align-items: center; }
.pc_content_m>figure>div>img{ width: 100%; max-width: 280px; height: auto; }

/* S.COM® css */
.scom_content .font_custom{ font-family: 'Frank Ruhl Libre', serif; color: rgb(0,177,80); font-weight: normal; }
.scom_content_m .font_custom{ font-family: 'Frank Ruhl Libre', serif; color: rgb(0,177,80); font-weight: normal; }

.scom_content{ width: 100%; }
.scom_content>p{ margin: 100px 0 20px; font-size: 30px; }
.scom_content>p:first-of-type{ margin-top: 0; }
.scom_content>ul{ display: flex; flex-flow: row wrap; }
.scom_content>ul>li{ width: 100%; height: auto; padding: 10px 20px 10px 30px; font-size: 16px; display: flex; flex-flow: row wrap; align-items: center; text-align: justify; line-height: 25px; }
.scom_content>ul>li:nth-of-type(2n+1){ font-weight: bold; }
.scom_content>ul>li:nth-of-type(2n){ padding-left: 50px; background-color: rgb(248,248,248); color: rgb(102,102,102); font-size: 14px; }
.scom_content>ul>li:nth-of-type(2n)>p{ width: 100%; display: flex; flex-flow: row wrap; justify-content: flex-start; }
.scom_content>ul>li:nth-of-type(2n)>p>span{ margin-right: 5px; }
.scom_content>ul>li:nth-of-type(2n)>p>span.font_custom{ margin-right: 0; font-size: 18px; }
.scom_content>ul>li>i{ height: 100%; margin-right: 8px; padding-top: 2px; font-size: 12px; display: flex; flex-flow: row wrap; align-items: center; }
.scom_content>table{ width: 100%; margin-top: 50px; border-top: 2px solid rgb(106,88,73); border-collapse: collapse; }
.scom_content>table th{ padding: 5px; border-right: 1px solid rgb(204,204,204); border-bottom: 1px solid rgb(204,204,204); background-color: rgb(255,248,248); font-size: 14px; font-weight: bold; text-align: center; }
.scom_content>table td{ padding: 5px; border-right: 1px solid rgb(204,204,204); border-bottom: 1px solid rgb(204,204,204); font-size: 14px; text-align: center; }
.scom_content>table td>a{ cursor: pointer; text-decoration: underline; }
.scom_content>table td>a:hover{ color: rgb(136, 33, 33); font-weight: bold; }
.scom_content>table .right_border_del{ border-right: 0; }
.scom_content>figure{ width: 100%; margin-top: 50px; display: flex; flex-flow: row nowrap; justify-content: space-between; }
.scom_content>figure>div{ width: 100%; max-width: 50%; height: auto; margin-right: 10px; }
.scom_content>figure>div:last-of-type{ margin-right: 0; }
.scom_content>figure>div>img{ width: 100%; height: auto; }
.scom_content_m{ width: 90%; margin: auto; }
.scom_content_m>p{ margin: 60px 0 10px; font-size: 24px; }
.scom_content_m>p:first-of-type{ margin-top: 0; }
.scom_content_m>ul{ display: flex; flex-flow: row wrap; }
.scom_content_m>ul>li{ width: 100%; height: auto; padding: 10px 20px 10px 10px; font-size: 16px; display: flex; flex-flow: row wrap; align-items: center; text-align: justify; line-height: 25px; }
.scom_content_m>ul>li:nth-of-type(2n+1){ font-weight: bold; }
.scom_content_m>ul>li:nth-of-type(2n){ background-color: rgb(248,248,248); color: rgb(102,102,102); font-size: 14px; display: flex; flex-flow: row wrap; justify-content: flex-start; }
.scom_content_m>ul>li:nth-of-type(2n)>p{ width: 100%; display: flex; flex-flow: row wrap; justify-content: flex-start; }
.scom_content_m>ul>li:nth-of-type(2n)>p>span{ margin-right: 5px; }
.scom_content_m>ul>li:nth-of-type(2n)>p>span.font_custom{ margin-right: 0; font-size: 18px; }
.scom_content_m>ul>li>i{ height: 100%; margin-right: 8px; padding-top: 2px; font-size: 12px; display: flex; flex-flow: row wrap; align-items: center; }
.scom_content_m>table{ width: 100%; margin-top: 50px; border-top: 2px solid rgb(106,88,73); border-collapse: collapse; }
.scom_content_m>table th{ padding: 5px; border-right: 1px solid rgb(204,204,204); border-bottom: 1px solid rgb(204,204,204); background-color: rgb(255,248,248); font-size: 14px; font-weight: bold; text-align: center; }
.scom_content_m>table td{ padding: 5px; border-right: 1px solid rgb(204,204,204); border-bottom: 1px solid rgb(204,204,204); font-size: 14px; text-align: center; }
.scom_content_m>table td>a{ cursor: pointer; text-decoration: underline; }
.scom_content_m>table td>a:hover{ color: rgb(136, 33, 33); font-weight: bold; }
.scom_content_m>table .right_border_del{ border-right: 0; }
.scom_content_m>figure{ width: 100%; margin: 20px 0 50px; display: flex; flex-flow: row wrap; justify-content: center; }
.scom_content_m>figure>div{ width: 80%; height: auto; margin-top: 20px; display: flex; flex-flow: row nowrap; justify-content: center; align-items: center; }
.scom_content_m>figure>div>img{ width: 100%; max-width: 280px; height: auto; }

/* 기타 */
.etc_content{ width: 100%; }
.etc_content>div{ width: 100%; margin-top: 50px; padding: 20px 30px; text-align: center; background-color: rgb(244,244,255); }
.etc_content>div>h4{ color: rgb(71,71,162); font-size: 20px; }
.etc_content>div>p{ margin-top: 10px; color: rgb(51,51,51); font-size: 16px; }
.etc_content>ul{ margin-top: 20px; display: flex; flex-flow: row wrap; }
.etc_content>ul>li{ width: 100%; height: auto; padding: 0 10px 0 30px; font-size: 16px; display: flex; flex-flow: row wrap; align-items: center; text-align: justify; line-height: 25px; }
.etc_content>ul>li:nth-of-type(2n+1){ font-weight: bold; }
.etc_content>ul>li:nth-of-type(2n){ margin-bottom: 20px; padding-left: 50px; color: rgb(102,102,102); font-size: 14px; display: flex; flex-flow: row wrap; justify-content: flex-start; }
.etc_content>ul>li:nth-of-type(2n)>span{ margin-right: 5px; }
.etc_content>ul>li>i{ height: 100%; margin-right: 8px; padding-top: 2px; font-size: 12px; display: flex; flex-flow: row wrap; align-items: center; }
.etc_content>figure{ margin-top: 20px; display: flex; flex-flow: row nowrap; justify-content: space-between; }
.etc_content>figure>div{ width: 100%; max-width: 24%; height: auto; }
.etc_content>figure>div>img{ width: 100%; height: auto; }
.etc_content_m{ width: 90%; margin: auto; }
.etc_content_m>div{ width: 100%; margin-top: 50px; padding: 20px 30px; text-align: center; background-color: rgb(244,244,255); }
.etc_content_m>div>h4{ color: rgb(71,71,162); font-size: 20px; }
.etc_content_m>div>p{ margin-top: 10px; color: rgb(51,51,51); font-size: 16px; display: flex; flex-flow: row wrap; justify-content: center; }
.etc_content_m>div>p>span{ margin-right: 5px; }
.etc_content_m>ul{ margin-top: 20px; display: flex; flex-flow: row wrap; }
.etc_content_m>ul>li{ width: 100%; height: auto; font-size: 16px; display: flex; flex-flow: row nowrap; align-items: center; text-align: justify; line-height: 25px; }
.etc_content_m>ul>li:nth-of-type(2n+1){ font-weight: bold; text-align: left; }
.etc_content_m>ul>li:nth-of-type(2n){ margin-bottom: 20px; color: rgb(102,102,102); font-size: 14px; display: flex; flex-flow: row wrap; justify-content: flex-start; }
.etc_content_m>ul>li:nth-of-type(2n)>span{ margin-right: 5px; }
.etc_content_m>ul>li>i{ height: 100%; margin-right: 8px; padding-top: 2px; font-size: 12px; display: flex; flex-flow: row wrap; align-items: center; }
.etc_content_m>figure{ margin-top: 20px; display: flex; flex-flow: row wrap; justify-content: space-between; }
.etc_content_m>figure>div{ width: 48%; height: auto; margin-bottom: 20px; display: flex; flex-flow: row nowrap; justify-content: center; align-items: center; }
.etc_content_m>figure>div>img{ width: 100%; max-width: 280px; height: auto; }

/* 적용분야 시리즈 */
.field_content{ width: 100%; }
.field_content>div{ width: 100%; margin-top: 50px; padding: 0 9%; }
.field_content>div>p{ width: 100%; text-align: left; color: rgb(102,102,102); font-size: 15px; line-height: 26px; display: flex; flex-flow: row wrap; justify-content: flex-start; }
.field_content>div>p>span{ margin-right: 5px; }
.field_content>h4{ width: 100%; margin: 50px 0 10px; font-weight: bold; font-size: 16px; }
.field_content>ul{ width: 100%; margin-top: 50px; padding: 20px 9%; background-color: rgb(248,248,248); display: flex; flex-flow: row nowrap; justify-content: space-between; align-items: flex-start; }
.field_content>ul.top_remove{ margin-top: 0; }
.field_content>ul>li{ width: auto; min-width: 45%; font-size: 15px; color: rgb(51,51,51); }
.field_content>ul>li>p{ display: flex; flex-flow: row nowrap; }
.field_content>ul>li>p>i{ height: 100%; margin-top: 4px; margin-right: 8px; padding-top: 2px; font-size: 12px; display: flex; flex-flow: row wrap; align-items: center; }
.field_content>table{ width: 100%; height: auto; margin-top: 20px; border-collapse: collapse; }
.field_content>table th{ max-width: 160px; min-width: 160px; height: 100%; border: 1px solid rgb(71,71,162); background-position: center; background-repeat: no-repeat; background-size: cover; }
.field_content>table td{ width: 100%; padding: 20px; border: 1px solid rgb(71,71,162); }
.field_content>table td>h4{ margin-bottom: 15px; padding-left: 5px; border-left: 5px solid rgb(71,71,162); font-weight: bold; font-size: 16px; color: rgb(71,71,162); display: flex; flex-flow: row nowrap; align-items: center; }
.field_content>table td>p{ max-width: 638px; font-size: 15px; color: rgb(102,102,102); text-align: justify; line-height: 24px; display: flex; flex-flow: row wrap; justify-content: flex-start; }
.field_content>table td>p>span{ margin-right: 5px; }
.field_content>ol{ width: 100%; display: flex; flex-flow: row wrap; justify-content: space-around; }
.field_content>ol>li{ width: 18%; height: auto; margin-top: 20px; padding: 10px 0; border-radius: 40px; background-color: rgb(244,244,255); color: rgb(71,71,162); display: flex; flex-flow: row nowrap; justify-content: center; align-items: center; font-size: 15px; text-align: center; }
.field_content_m{ width: 90%; margin: auto; }
.field_content_m>div{ width: 100%; margin-top: 50px; }
.field_content_m>div>p{ width: 100%; text-align: justify; color: rgb(102,102,102); font-size: 15px; line-height: 26px; display: flex; flex-flow: row wrap; justify-content: flex-start; }
.field_content_m>div>p>span{ margin-right: 5px; }
.field_content_m>h4{ width: 100%; margin: 50px 0 10px; font-weight: bold; font-size: 16px; }
.field_content_m>ul{ width: 100%; margin-top: 50px; padding: 20px; background-color: rgb(248,248,248); display: flex; flex-flow: row wrap; justify-content: space-around; align-items: flex-start; }
.field_content_m>ul.top_remove{ margin-top: 0; }
.field_content_m>ul>li{ width: 80%; min-width: 220px; font-size: 15px; color: rgb(51,51,51); }
.field_content_m>ul>li>p{ display: flex; flex-flow: row nowrap; }
.field_content_m>ul>li>p>i{ height: 100%; margin-top: 4px; margin-right: 8px; padding-top: 2px; font-size: 12px; display: flex; flex-flow: row wrap; align-items: center; }
.field_content_m>table{ width: 100%; height: auto; margin: 20px 0 50px; border-collapse: collapse; border-top: 3px solid rgb(71,71,162); border-bottom: 1px solid rgb(204,204,204); }
.field_content_m>table th{ max-width: 160px; min-width: 160px; padding: 20px; }
.field_content_m>table th img{ width: 100%; max-width: 160px; height: 140px; border: 1px solid rgb(71,71,162); }
.field_content_m>table td{ width: 100%; padding: 0 20px 20px; }
.field_content_m>table td>h4{ margin-bottom: 15px; display: flex; flex-flow: row nowrap; justify-content: center; align-items: center; }
.field_content_m>table td>h4>span{ width: auto; padding-left: 10px; border-left: 5px solid rgb(71,71,162); font-weight: bold; font-size: 16px; color: rgb(71,71,162); display: flex; flex-flow: row wrap; justify-content: flex-start; }
.field_content_m>table td>h4>span>span{ font-size: 14px; }
.field_content_m>table td>p{ font-size: 15px; color: rgb(102,102,102); text-align: justify; line-height: 24px; display: flex; flex-flow: row wrap; justify-content: flex-start; }
.field_content_m>table td>p>span{ margin-right: 5px; }
.field_content_m>ol{ width: 100%; display: flex; flex-flow: row wrap; justify-content: space-between; }
.field_content_m>ol>li{ width: 46%; height: auto; margin-top: 20px; padding: 10px 0; border-radius: 40px; background-color: rgb(244,244,255); color: rgb(71,71,162); display: flex; flex-flow: row nowrap; justify-content: center; align-items: center; font-size: 15px; }

/* 사이트맵 */
.sitemap_content{ width: 100%; display: flex; flex-flow: row wrap; justify-content: space-between; }
.sitemap_content>li{ width: 26%; display: flex; flex-flow: column nowrap; }
.sitemap_content>li>div{ width: 100%; margin-top: 60px; display: flex; flex-flow: row wrap; }
.sitemap_content>li>div:first-of-type{ margin-top: 0; }
.sitemap_content>li>div>h4{ width: 100%; height: 60px; border-bottom: 1px solid rgb(71,71,162); display: flex; flex-flow: row nowrap; justify-content: center; align-items: center; color: rgb(71,71,162); font-size: 20px; font-weight: bold; }
.sitemap_content>li>div>p{ width: 100%; height: 40px; border-bottom: 1px solid rgb(204,204,204); color: rgb(102,102,102); display: flex; flex-flow: row nowrap; justify-content: center; align-items: center; font-size: 16px; cursor: pointer; }
.sitemap_content>li>div>p:hover{ color: rgb(71,71,162); font-weight: bold; }
.sitemap_content_m{ width: 90%; margin: 0 auto 50px; display: flex; flex-flow: row wrap; justify-content: space-around; }
.sitemap_content_m>li{ width: 100%; margin-top: 30px; display: flex; flex-flow: column nowrap; }
.sitemap_content_m>li:first-of-type{ margin-top: 0; }
.sitemap_content_m>li>h4{ width: 100%; height: 50px; border-bottom: 1px solid rgb(71,71,162); display: flex; flex-flow: row nowrap; justify-content: center; align-items: center; color: rgb(71,71,162); font-size: 18px; font-weight: bold; }
.sitemap_content_m>li>p{ width: 100%; height: 30px; border-bottom: 1px solid rgb(204,204,204); color: rgb(102,102,102); display: flex; flex-flow: row nowrap; justify-content: center; align-items: center; font-size: 14px; cursor: pointer; }
.sitemap_content_m>li>p:hover{ color: rgb(71,71,162); font-weight: bold; }