@charset "utf-8";

/* 아이콘 */
.blind, .hide, i > span {
    overflow: hidden;
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    border: 0;
    line-height: 0;
    white-space: normal;
    word-wrap: break-word;
    word-break: break-all;
    clip: rect(0, 0, 0, 0);
}

/* -- common -- */
/* font-guide ( cp_~ ) */
.sub_content .cp_m_title{ display: block; margin-bottom: 18px; word-break: keep-all; text-align: center; font-size: 35px; font-weight: 500; letter-spacing: -0.9px; line-height: 44px; color: #121212; } /* 메뉴 타이틀 */
.sub_content .cp_m_title_sub{ display: block; margin-bottom: 8px; word-break: keep-all; text-align: center; font-size: 30px; font-weight: 400; letter-spacing: -0.9px; line-height: 44px; color: #121212; } /* 메뉴 타이틀 */
.sub_content .cp_m_title_info{ margin-bottom: 50px; word-break: keep-all; text-align: center; font-size: 18px; font-weight: 400; letter-spacing: -0.54px; line-height: 30px; color: #121212; } /* 메뉴 서브 타이틀 */
.sub_content .cp_m_text{ word-break: keep-all; text-align: center; font-size: 16px; font-weight: 400; letter-spacing: -0.48px; line-height: 24px; color: #121212; } /* 본문 텍스트 */
.sub_content .cp_m_text_b{ word-break: keep-all; text-align: center; font-size: 16px; font-weight: 700; letter-spacing: -0.48px; line-height: 24px; color: #21264E; } /* 본분 텍스트 bold */
.sub_content .cp_m_text_02{ word-break: keep-all; text-align: center; font-size: 18px; font-weight: 400; line-height: 26px; letter-spacing: -0.54px; color: #121212; }
.sub_content .cp_m_text_box{display: inline-block; word-break: keep-all; text-align: center; font-size: 16px; font-weight: 400; line-height: 1; letter-spacing: -0.54px; color: #ffffff;background: #2C1D72;border-radius: 20px;padding:7px 30px; }
/* -- 서버 p태그 마진 지우기 -- */
p, *[class*='cp_'] p, p[class*='cp_']{margin-bottom:0; word-break: keep-all;}

/* 성과용 column width*/
.sub_content .col2, .sub_content .col3 {display: flex;justify-content: space-between;padding-top: 30px;}
.sub_content .col2 > div {width:48%;text-align: center;}
.sub_content .col3 > div {width:31%;text-align: center;}
.sub_content .col2 .list, .sub_content .col3 .list {display: block;margin-top: 15px;}
.sub_content .col2 .list > ul, .sub_content .col3 .list > ul {border: 1px solid #D8D8D8;min-height: 240px;background: #ffffff;padding: 35px 0px;box-shadow: 0px 3px 30px #0000000F;border-radius: 10px;display: flex;}
.sub_content .col2 .list > ul.small, .sub_content .col3 .list.small > ul {padding: 20px 0px;min-height: 230px;}
.sub_content .col2 .list > ul.small li, .sub_content .col3 .list.small > ul li{text-align: center;padding:0px 20px;}
.sub_content .col2 .list > ul li, .sub_content .col3 .list > ul li {flex:1;position: relative;padding:20px;}
.sub_content .col2 .list > ul.one li, .sub_content .col3 .list > ul.one li {flex:1;position: relative;padding:0px 20px;}
.sub_content .col2 .list > ul li::after, .sub_content .col3 .list > ul li::after {content:"";position: absolute;left:100%;top:0;height: 100%; border-right:1px solid #dddddd;}
.sub_content .col2 .list > ul li:last-child::after, .sub_content .col3 .list > ul li:last-child::after {content:""; border-right:none}
.sub_content .col2 .list > ul li img + p, .sub_content .col3 .list > ul li img + p, .sub_content .col2 .list > ul li p + img, .sub_content .col3 .list > ul li p + img {margin-top: 20px;}

/* -- 반응형 분기 클래스 -- */
.only_pc {display: block !important;}
.only_ta {display: none !important;}
.only_mo {display: none !important;}

.inner{ width: 100%; max-width: 1128px; margin: 0 auto; }

/* -- sub banner -- */
.sub_content{ margin-top: 90px; }
.sub_content .sub_banner{ display: flex; flex-wrap: wrap; flex-direction: column; justify-content: center; width:100%; height: 240px; background-position: center; background-repeat: no-repeat; }
.sub_content .sub_banner img{ display: block; margin: 0 auto; }
.sub_content .sub_banner .banner_text_01{ margin: 20px 0 4px; word-break: keep-all; text-align: center; font-size: 24px; font-weight: 400; line-height: 1.45; letter-spacing: -0.72px; color: #FFFFFF; }
.sub_content .sub_banner .banner_text_02{ word-break: keep-all; text-align: center; font-size: 18px; font-weight: 400; line-height: 1.44; letter-spacing: -0.54px; color: #fff; opacity: 0.8; margin-bottom: 0;}
.sub_content .sub_banner strong{ line-height: 1.44; letter-spacing: -0.3px; }
.sub_content .sub_banner .m_title_f2{ text-align: center; margin-top: 10px; line-height: 1.66; margin-bottom: 0;}

/* -- banner bg -- */
.sub_content .type_decision_banner{ background-image: url('../img/sub/type_product_banner.png'); }
.sub_content .type_reader_banner{ background-image: url('../img/sub/type_reader_banner__pc.png'); background-size: cover; }
.sub_content .type_doc_banner{ background-image: url('../img/sub/type_doc_banner__pc.png'); background-size: cover; }
.sub_content .type_baking_banner{ background-image: url('../img/sub/type_baking_soda_banner__pc.png'); background-size: cover; }
.sub_content .type_sparkling_banner{ background-image: url('../img/sub/type_SparklingSoDA_banner__pc.png'); background-size: cover; }
.sub_content .type_justtype_banner{ background-image: url('../img/sub/type_JUSTTYPE_banner__pc.png'); background-size: cover; }
.sub_content .type_chatsam_banner{ background-image: url('../img/sub/type_ChatSAM_banner__pc.png'); background-size: cover; }
.sub_content .type_llm_banner{ background-image: url('../img/sub/type_llm_banner__pc.png'); background-size: cover; }

/* ie에서 이미지 깨짐현상 이미지 크기 따로 줘야함 */
.sub_content .type_reader_banner img{ width: 356px; } 
.sub_content .type_doc_banner img{ width: 283px; }
.sub_content .type_baking_banner img{ width: 376px; }
.sub_content .type_sparkling_banner img{ width: 442px; }

.sub_content .type_llm_banner .banner_text_01, .sub_content .type_reader_banner .banner_text_01, .sub_content .type_baking_banner .banner_text_01, .sub_content .type_sparkling_banner .banner_text_01 {margin: 0px 0 20px;}
.sub_content .type_llm_banner .banner_text_02, .sub_content .type_reader_banner .banner_text_02, .sub_content .type_sparkling_banner .banner_text_02 {opacity: 0.8;}
.sub_content .type_doc_banner .banner_text_01 {margin: 0px 0 20px;}
.sub_content .type_doc_banner .banner_text_02 {opacity: 0.8;}
.sub_content .type_justtype_banner .banner_text_01, .sub_content .type_chatsam_banner .banner_text_02 {opacity: 0.8; margin: 0px 0 20px;}

/* sub tab menu */
.sub_content .sub_tab_menu{ border-bottom: 1px solid #E9E9EB; background-color: #fff; }
.sub_content .sub_tab_menu.on{ position: fixed; top: 0; left: 0; width: 100%; background-color: #fff; }
.sub_content .sub_tab_menu ul{ white-space: nowrap; overflow: auto; -ms-overflow-style: none; scrollbar-width: none; padding: 0 15px; font-size: 0; text-align: center; }
.sub_content .sub_tab_menu ul::-webkit-scrollbar{ display: none; }
.sub_content .sub_tab_menu ul li{ display: inline-block; }
.sub_content .sub_tab_menu ul li a{ display: block; padding: 0 20px; border-bottom: 2px solid transparent; font-size: 18px; font-weight: 700; letter-spacing: -0.54px; line-height: 62px; color: #2C1D72; opacity: 0.3; }
.sub_content .sub_tab_menu ul li.active a{ border-color: #2C1D72; opacity: 1; }

/* -- decision -- */
.decision_top{ padding: 80px 0 100px; background-color: #F9F9F9; text-align: center;}
.decision_top .img_box{ margin-bottom: 75px; max-width: 100%; }
.decision_top img{ display: none; margin: 0 auto; max-width:100%; }
.decision_top strong.m_title_f3 {margin-bottom: 70px;}
.decision_top strong{ position: relative; display: block; margin-bottom: 113px; word-break: keep-all; text-align: center; font-size: 22px; letter-spacing: -0.66px; line-height: 1.45; color: #121212; font-weight: 400; }
.decision_top strong span{ color: #D95460; }
.decision_top strong::after{ content: ""; position: absolute; left: 50%; top: calc(100% + 30px); width: 1px; height: 53px; background-color: #D1D2DB; }
.decision_top strong.m_title_f3::after {display: none;}
.decision_top p{ word-break: keep-all; text-align: center; font-size: 18px; letter-spacing: -0.54px; line-height: 1.66; color: #121212; margin-bottom: 0;}
.decision_top p:first-of-type{ margin-bottom: 20px; }

.product_map { padding: 80px 0 168px; text-align: center;}
.product_map .inner {max-width: 1160px;}
.product_map .product_twin_list {margin-top: 70px;}
.product_map .product_twin_list ul {font-size: 0;}
.product_map .product_twin_list ul li {position: relative; display: inline-block; text-align: center; font-family: 'Noto Sans KR', sans-serif!important; vertical-align:bottom;}
.product_map .product_twin_list ul li .shape {margin: 57px auto 30px; padding: 13px 0; width: 190px; background: #d3e5ef; border-radius: 24px; font-size: 20px; color: #121212; letter-spacing: -0.6px; font-weight: 400; line-height: 1;}
/* .product_map .product_twin_list ul li:last-child .shape {background: #2c1d72 url('../img/sub/decision/product_decision__icon.png') no-repeat left 25px center; color: #fff;} */
.product_map .product_twin_list ul li .cp_m_text {font-size: 18px; line-height: 1.7; height: 122px; }
.product_map .product_twin_list ul li .arrow {position: absolute; bottom: 158px; left: 50%; margin-left:40%; z-index: 11;}
.product_map .product_bottom_img {margin-top: 150px;}
.product_map .product_bottom_img img {width: 100%; max-width: 1112px; margin:0 auto;}


/* -- twin_reader -- */
.twin_reader_page .inner {max-width:1160px;}
.twin_reader_top{ width: 100%; max-width: 1160px; margin: 0 auto; padding: 112px 0; }
.twin_reader_top .inner{ max-width:1160px; }
.twin_reader_top .reader_wrap{ text-align: center; }
.twin_reader_top .reader_wrap .cp_m_title{ display: block; margin-bottom: 30px; text-align: center; font-size: 30px; }
.twin_reader_top .reader_wrap .cp_m_title span{ color: #ECAD00; }
.twin_reader_top .reader_wrap .cp_m_title_info{ text-align: center; margin-bottom: 0; }
.twin_reader_top .reader_wrap .icon_wrap{ margin-top: 67px;display: flex; }
.twin_reader_top .reader_wrap .icon_wrap > div{ border: 1px solid #D8D8D8;border-radius: 20px;box-shadow: 0px 3px 6px #3737371F;flex:2.5;padding:30px;min-height: 220px;display: flex;flex-direction: column;gap:20px; }
.twin_reader_top .reader_wrap .icon_wrap > div:last-child{ border-color: #ECAD00; }
.twin_reader_top .reader_wrap .icon_wrap > div .imgbox{height: 84px;}
.twin_reader_top .reader_wrap .icon_wrap > div .imgbox img{max-width: 100%;}
.twin_reader_top .reader_wrap .icon_wrap > div .textbox {height: 100%;display: flex;align-items: center;justify-content: center;}
.twin_reader_top .reader_wrap .icon_wrap > div .textbox p {color:#21264E;font-size: 18px;line-height: 1.5;}
.twin_reader_top .reader_wrap .icon_wrap > div.arrow {flex: 1;padding: 0 29px;;box-shadow:none;border: none;display: flex;justify-content: center;}
.twin_reader_top .reader_wrap .icon_wrap > div.arrow img {max-width: 100%;}

.twin_reader_feature{ padding: 40px 0 67px; background-color: #f9f9f9; }
.twin_reader_feature .feature_top{ text-align: center; ; }
.twin_reader_feature .feature_top i{ display: block; width: 75px; height: 75px; margin: 0 auto; background: url('../img/sub/twin_reader/twin_reader_feature__icon1.png') no-repeat center; background-size: cover; }
.twin_reader_feature .feature_top span{ display: inline-block; margin-top: 10px; padding: 8px 24px; border-radius: 20px; background-color: #2C1D72; font-size: 18px; font-weight: 700; color: #fff; }
.twin_reader_feature .feature_bottom{ margin-top: 50px; }
.twin_reader_feature .feature_bottom .cp_m_text{ margin: 0 0 40px; min-height: 40px;font-size: 18px; }
.twin_reader_feature .feature_bottom ul{ display: flex; justify-content: center; }
.twin_reader_feature .feature_bottom ul li{ margin-right: 65px; padding: 20px 34px; border-radius: 20px; background-color: #fff;flex:1; }
.twin_reader_feature .feature_bottom ul li:last-child{ margin-right: 0; }
.twin_reader_feature .feature_bottom ul li i{ display: block; width: 65px; height: 65px; margin: 0 auto; background: no-repeat center; background-size: cover; } 
.twin_reader_feature .feature_bottom ul li:nth-child(1) i{ background-image: url('../img/sub/twin_reader/twin_reader_feature__icon2.png'); }
.twin_reader_feature .feature_bottom ul li:nth-child(2) i{ background-image: url('../img/sub/twin_reader/twin_reader_feature__icon3.png'); }
.twin_reader_feature .feature_bottom ul li:nth-child(3) i{ background-image: url('../img/sub/twin_reader/twin_reader_feature__icon4.png'); }
.twin_reader_feature .feature_bottom ul li span{ display: block; margin: 16px 0 6px; }
.twin_reader_feature .feature_bottom ul ul { margin-top: 30px;flex-direction: column; }
.twin_reader_feature .feature_bottom ul li > ul li { padding:15px 0px;font-size: 14px;letter-spacing: -1px;border-top: 1px solid #E4E4E4;margin: 0; border-radius: 0;display: block; text-align: center;}


.twin_reader_workflow{ width: 100%; max-width: 1160px; margin: 0 auto; padding: 120px 0 0; }
.twin_reader_workflow .inner{ position: relative; }
.twin_reader_workflow .inner::after{ content: ""; position: absolute; border-radius: 10px; z-index: -1; }
.twin_reader_workflow .cp_m_title{ display: block; width: 200px; margin: 0 auto 20px; background-color: #fff; }
.twin_reader_workflow .list img{ max-width: 100%;  }
.twin_reader_workflow .list ul{ font-size: 0; text-align: center;  }
.twin_reader_workflow .list ul li{ display: inline-block; vertical-align: top; width: calc(25% - 12px); height: 360px; padding: 17px 26px 41px; }
.twin_reader_workflow .list ul li .work_list_wrap{ position: relative; }
.twin_reader_workflow .list ul li .work_list_wrap::after{ content: ""; position: absolute; top: 95px; left: 0; width: 100%; height: 1px; background-color: #121212; opacity: 0.5; z-index: -1; }
.twin_reader_workflow .list ul li .num{ display: block; text-align: center; margin-bottom: 16px; font-size: 18px; font-weight: 500; letter-spacing: -0.54px; line-height: 26px; color: #ECAD00; }
.twin_reader_workflow .list ul li strong{ display: none; text-align: center; margin-bottom: 4px; font-size: 15px; font-weight: 700; letter-spacing: -0.45px; line-height: 21px; color: #121212; opacity: 0.5; }
.twin_reader_workflow .list ul li b{ display: block; text-align: center; margin-bottom: 13px; font-size: 18px; font-weight: 700; letter-spacing: -0.48px; line-height: 24px; color: #121212; }
.twin_reader_workflow .list ul li i{ display: block; position: relative; width: 58px; height: 35px; margin: 0 auto 18px; background: #fff url('../img/sub/twin_reader/twin_reader_workflow__icon1.png') no-repeat center; background-size: 34px 34px; }
.twin_reader_workflow .list ul li:last-child i{ background-image:url('../img/sub/twin_reader/twin_reader_workflow__icon2.png'); background-size: 42px 42px; }
.twin_reader_workflow .list ul li p {display: inline-block; text-align: left;}
.twin_reader_workflow .list ul li p span {position: relative; display: block; padding-left: 13px;}
.twin_reader_workflow .list ul li p span:after {content:''; position: absolute; top: 8px; left: 0; width: 5px; height: 5px; background: rgba(44,29,114,.5); border-radius:1px;}

.twin_reader_workflow{ width: 100%; max-width: 1160px; margin: 0 auto; padding: 120px 0 0; }
.twin_reader_workflow .inner{ position: relative; }
.twin_reader_workflow .cp_m_title{ display: block; width: 200px; margin: 0 auto 20px; background-color: #fff; }
.twin_reader_workflow .list ul{ font-size: 0; text-align: center;  }
.twin_reader_workflow .list ul li{ display: inline-block; vertical-align: top; width: calc(25% - 12px); height: 360px; padding: 17px 26px 41px; }
.twin_reader_workflow .list ul li .work_list_wrap{ position: relative; }
.twin_reader_workflow .list ul li .work_list_wrap::after{ content: ""; position: absolute; top: 120px; left: 0; width: 100%; height: 1px; background-color: #121212; opacity: 0.5; z-index: -1; }
.twin_reader_workflow .list ul li .num{ display: block; text-align: center; margin-bottom: 16px; font-size: 18px; font-weight: 500; letter-spacing: -0.54px; line-height: 26px; color: #ECAD00; }
.twin_reader_workflow .list ul li strong{ display: block; text-align: center; margin-bottom: 4px; font-size: 15px; font-weight: 700; letter-spacing: -0.45px; line-height: 21px; color: #121212; opacity: 0.5; }
.twin_reader_workflow .list ul li b{ display: block; text-align: center; margin-bottom: 13px; font-size: 18px; font-weight: 700; letter-spacing: -0.48px; line-height: 24px; color: #121212; }
.twin_reader_workflow .list ul li i{ display: block; position: relative; width: 58px; height: 35px; margin: 0 auto 18px; background: #fff url('../img/sub/twin_reader/twin_reader_workflow__icon1.png') no-repeat center; background-size: 34px 34px; }
.twin_reader_workflow .list ul li:last-child i{ background-image:url('../img/sub/twin_reader/twin_reader_workflow__icon2.png'); background-size: 42px 42px; }
.twin_reader_workflow .list ul li p {display: inline-block; text-align: left;}
.twin_reader_workflow .list ul li p span {position: relative; display: block; padding-left: 13px;}
.twin_reader_workflow .list ul li p span:after {content:''; position: absolute; top: 8px; left: 0; width: 5px; height: 5px; background: rgba(44,29,114,.5); border-radius:1px;}

.twin_reader_user{ width: 100%; max-width: 1160px; margin: 40px auto 0; padding-bottom: 160px; }
.twin_reader_user .plus{ display: block; width: 204px; height: 55px; margin: 0 auto 25px; background: #fff url('../img/sub/twin_reader/twin_reader_user__icon.png') no-repeat center; background-size: 55px 55px; }
.twin_reader_user .cp_m_title{ margin-bottom: 55px; }
.twin_reader_user .user_wrap{ display: flex; justify-content: space-between;gap:40px; }
.twin_reader_user .user_wrap > div{ position: relative; width: calc(50% - 20px); padding: 30px 30px; border-radius: 10px; }
.twin_reader_user .user_wrap > div .tit{ position: absolute; top: -19px; left: 54px; padding: 10px 40px; background-color: #fff; font-size: 18px; font-weight: 700; letter-spacing: -0.54px; color: #121212; }
.twin_reader_user .user_wrap > div:first-child{flex:7;}
.twin_reader_user .user_wrap > div{flex:4.3;}
.twin_reader_user .user_wrap ul { display: flex;flex-direction: column; gap:24px;}
.twin_reader_user .user_wrap ul li{ display: flex;gap:24px;}
.twin_reader_user .user_wrap ul li::after{ content: ""; display: block; clear: both; }
.twin_reader_user .user_wrap ul li:last-child{ margin-bottom: 0; }
.twin_reader_user .user_wrap ul li .con{ display: inline-block; overflow: hidden; padding: 16px 20px; border-radius: 28px; }
.twin_reader_user .user_wrap p {font-weight: 400;}
.twin_reader_user .user_wrap .left{ border: 3px solid #2C1D72; }
.twin_reader_user .user_wrap .left li { justify-content: center;  }
.twin_reader_user .user_wrap .left .con{ background-color: #A7CCDF; }
.twin_reader_user .user_wrap .left .con01{ float: left; }
.twin_reader_user .user_wrap .left .con02{ background-color: #d3e5ef; }
.twin_reader_user .user_wrap .left .con03{ float: left;  }
.twin_reader_user .user_wrap .left .con04{ float: left; background-color: #d3e5ef;}
.twin_reader_user .user_wrap .left .con05{ float: left; }
.twin_reader_user .user_wrap .left .con06{ float: left; background-color: #d3e5ef;}
.twin_reader_user .user_wrap .right{ border: 3px solid #D1D2DB; padding:30px ; }
.twin_reader_user .user_wrap .right ul li:nth-child(2){ justify-content: flex-end; }
.twin_reader_user .user_wrap .right .con{ background-color: #D1D2DB; }
.twin_reader_user .user_wrap .right .con01{ float: left;  padding: 10px 22px; text-align: center;}
.twin_reader_user .user_wrap .right .con01 .twin_doc_logo {margin-bottom: 10px;}
.twin_reader_user .user_wrap .right .con02{ float: right; background-color: #e8e8ed; }
.twin_reader_user .user_wrap .right p { color: #121212; }

.twin_reader_point{ padding: 60px 0 104px; background-color: #F9F9F9; }
.twin_reader_point .cp_m_title {margin-bottom: 40px;}
.twin_reader_point .cp_m_title_info {display: block;color:#21264E;margin-bottom: 7px;}
.twin_reader_point .cp_m_title_info.bigtxt {color:#21264E; font-weight: 700;margin-bottom: 20px;}
.twin_reader_point .cp_m_title.bigtxt span {color:#ECAD00; }
.twin_reader_point .point_top {text-align: center;margin-bottom: 30px;position: relative;}
.twin_reader_point .list{ text-align: center; }
.twin_reader_point .list ul{ display: flex; justify-content: space-between; max-width: 1160px; margin: 0 auto; gap:40px;}
.twin_reader_point .list li{flex:1;}
.twin_reader_point .list li p.title {position: relative;word-wrap: break-word;word-break: normal; background-color: #2C1D72;padding: 17px;border-radius: 10px;color:#ffffff;font-size: 18px;margin-bottom: 30px;min-height: 88px;display: flex;align-items: center;justify-content: center;}
.twin_reader_point .list li p:after {content: '';z-index: 9; width:2px;height: 30px;position: absolute;left:50%;top:100%;background-color: #2C1D72;}
.twin_reader_point .list li p::before {content: '';z-index: 8;width:16px;height: 16px;position: absolute;left:50%;top:100%;transform: translate(-7px,-8px); background-color: #2C1D72;border:3px solid #ffffff;border-radius: 50%;}
.twin_reader_point .list li span {display: block; position: relative;word-wrap: break-word;word-break: normal; margin-bottom: 10px;background: #ffffff;border: 1px solid #21264E;border-radius: 10px;padding:10px;font-size: 14px;}
.twin_reader_point .list li span::after {content: '';width:2px;height: 12px;position: absolute;left:50%;top:100%;background-color: #2C1D72;}
.twin_reader_point .list li span:last-child::after {content: '';width:0px;height: 0px;position: absolute;left:50%;top:100%;background-color: #2C1D72;}
.twin_reader_point .list i{ display: block; width: 50px; height: 50px; margin: 0 auto 8px; background: no-repeat center; background-size: cover; }
.twin_reader_point .list .ico01{ background-image: url('../img/sub/twin_reader/twin_reader_feature__icon2.png'); }
.twin_reader_point .list .ico02{ background-image: url('../img/sub/twin_reader/twin_reader_feature__icon3.png'); }
.twin_reader_point .list .ico03{ background-image: url('../img/sub/twin_reader/twin_reader_feature__icon4.png'); }
.twin_reader_point .list strong{ display: block; margin-bottom: 30px; text-align: center; }
.twin_reader_point .list .point_wrap{ height: 220px; margin-bottom: 38px; }
.twin_reader_point .list img{ display: block; max-width: 100%; width: 310px; margin: 0 auto; }
.twin_reader_point .list li:last-child img {width: 256px;}
.twin_reader_point .list .first{ margin-bottom: 12px; }

.twin_reader_field{ width: 100%; max-width: 1160px; margin: 0 auto; padding: 68px 0 105px; }
.twin_reader_field ul{ width: 100%; }
.twin_reader_field ul li{ display: flex; margin-bottom: 15px;background: #ffffff;border: 1px solid #D8D8D8;border-radius: 20px; }
.twin_reader_field ul li:last-child{ margin-bottom: 0; }
.twin_reader_field ul li .title{ width: 240px; margin-right: 16px; padding: 23px 0 23px 45px; color: #121212;text-align: left; flex:none;word-wrap: break-word;word-break: normal;display: flex;align-items: center;}
.twin_reader_field ul li .title img { margin-right: 10px; }
.twin_reader_field ul li .title p { display: inline-block; }
.twin_reader_field ul li .text_box{ padding: 23px 30px; text-align: left; display: flex;align-items: center; word-wrap: break-word;word-break: normal;}

.twin_reader_output{ padding: 120px 0 135px; background-color: #F9F9F9; }
.twin_reader_output .output_top{ text-align: center; ; }
.twin_reader_output .output_top i{ display: block; width: 75px; height: 75px; margin: 0 auto; background: url('../img/sub/twin_reader/twin_reader_feature__icon1.png') no-repeat center; background-size: cover; }
.twin_reader_output .output_top span{ display: inline-block; margin-top: 10px; padding: 8px 24px; border-radius: 20px; background-color: #2C1D72; font-size: 18px; font-weight: 700; color: #fff; }
.twin_reader_output .output_bottom{ width: 100%; max-width: 1160px; margin: 0 auto; }
.twin_reader_output .output_bottom > ul{ display: flex; flex-direction: column;padding-bottom: 0 !important;}
.twin_reader_output .output_bottom > ul > li{ padding: 30px; }
.twin_reader_output .output_bottom > ul > li > strong{ display: block; margin-bottom: 30px; text-align: center; font-size: 20px; font-weight: 500; line-height: 29px; color: #2C1D72; }
.twin_reader_output .output_bottom > ul > li.benefit > strong {color: #ECAD00;}
.twin_reader_output .output_bottom > ul li .cp_m_text{ text-align: center;color:#707070 }
.twin_reader_output .output_bottom .benefit ul{ display: flex; flex-direction: column;}
.twin_reader_output .output_bottom .benefit ul li{ position: relative; flex-direction: column; padding: 30px 50px !important;  }
.twin_reader_output .output_bottom .benefit ul li::after{position: absolute;left:0;bottom:0%;width:100%; border-right: none !important; border-bottom:1px solid #dddddd; }
.twin_reader_output .output_bottom .benefit ul li:last-child{padding-bottom: 0;  }
.twin_reader_output .output_bottom .benefit ul li:last-child::after{border-bottom:none; }
.twin_reader_output .output_bottom .benefit ul li .icon{ display: block; width: 60px; height: 45px; margin: 0 auto 10px; }
.twin_reader_output .output_bottom .benefit ul li .icon > i{ display: block; width: 100%; height: 100%; background: no-repeat center top; }
.twin_reader_output .output_bottom .benefit ul li .icon .ico01{ background-image: url('../img/sub/twin_reader/twin_reader_output__icon4.svg'); }
.twin_reader_output .output_bottom .benefit ul li .icon .ico02{ background-image: url('../img/sub/twin_reader/twin_reader_output__icon5.svg'); }
.twin_reader_output .output_bottom .benefit ul li .icon .ico03{ background-image: url('../img/sub/twin_reader/twin_reader_output__icon6.svg'); }
.twin_reader_output .output_bottom .benefit ul li .icon .ico04{ background-image: url('../img/sub/twin_reader/twin_reader_output__icon7.svg'); }
.twin_reader_output .output_bottom .benefit ul li .icon .ico05{ background-image: url('../img/sub/twin_reader/twin_reader_output__icon8.svg'); }
.twin_reader_output .output_bottom .benefit ul li .icon .ico06{ background-image: url('../img/sub/twin_reader/twin_reader_output__icon9.svg'); }
.twin_reader_output .output_bottom .benefit ul li .cp_m_text{ margin-bottom: 16px;color:#000000  }
.twin_reader_output .output_bottom .benefit ul li b{ display: block; text-align: center; font-size: 24px; font-weight: 400 !important; line-height: 22px; color: #ECAD00; }
.twin_reader_output .output_bottom .benefit ul li b.dark{ color: #000000; }
.twin_reader_output .output_bottom .benefit ul li .text_wrap{ display: flex;padding: 0 20px; justify-content: space-between; background: url('../img/sub/twin_reader/twin_reader_output__icon3.svg') no-repeat center; }


/* -- twin_doc -- */
.twin_doc_page .inner {max-width:1160px;}
.twin_doc_top{ padding: 90px 0 110px; }
.twin_doc_top .doc_wrap{ width: 100%; max-width: 1160px; margin: 0 auto; }
.twin_doc_top .cp_m_title{ display: block; margin-bottom: 30px; text-align: center; font-size: 30px; }
.twin_doc_top .cp_m_title span{ color: #41B8D7; }
.twin_doc_top .cp_m_title_info{ margin-bottom: 0; text-align: center; }
.twin_doc_top img{ margin: 0 auto; max-width: 100%; }

.twin_doc_feature{ padding: 80px 0 130px; background-color: #F9F9F9; }
.twin_doc_feature .cont{ width: 100%; max-width: 1160px; margin: 0 auto; }
.twin_doc_feature .cont01 ul{ display: flex; flex-wrap: wrap; justify-content: space-between; }
.twin_doc_feature .cont01 li{ width: calc(25% - 20px); margin-bottom: 23px; padding: 30px 20px 55px; border-radius: 20px; background-color: #fff; }

.twin_doc_feature .cont01 li .icon{ display: block; width: 65px; height: 65px; margin: 0 auto 15px; background: no-repeat center; background-size: cover; }
.twin_doc_feature .cont01 li .icon01{ background-image: url('../img/sub/twin_doc/twin_doc_feature__icon1.png'); }
.twin_doc_feature .cont01 li .icon02{ background-image: url('../img/sub/twin_doc/twin_doc_feature__icon2.png'); }
.twin_doc_feature .cont01 li .icon03{ background-image: url('../img/sub/twin_doc/twin_doc_feature__icon3.png'); }
.twin_doc_feature .cont01 li .icon04{ background-image: url('../img/sub/twin_doc/twin_doc_feature__icon4.png'); }
.twin_doc_feature .cont01 li .cp_m_text_b{ margin-bottom: 15px; }

.twin_doc_feature .cont02{ margin-top: 40px; }
.twin_doc_feature .cont02 li{ display: flex; align-items: center; padding: 20px 25px; margin-bottom: 15px; border: 1px solid #D1D2DB; border-radius: 20px; background-color: #fff; }
.twin_doc_feature .cont02 li:last-child{ margin-bottom: 0; }
.twin_doc_feature .cont02 li .num{ margin-right: 25px; line-height: 0; font-size: 60px; font-weight: 300; color: #01A2A2; }
.twin_doc_feature .cont02 li .cp_m_text{ text-align: left; }
.twin_doc_feature .cont02 li .cp_m_text_b{ text-align: left; }

.twin_doc_workflow{ padding: 120px 0; }
.twin_doc_workflow .cp_m_title_info{ margin-bottom: 100px; }
.twin_doc_workflow img{ display: block; max-width: 100%; margin: 0 auto; }

.twin_doc_field{ padding: 130px 0 125px; background-color: #f9f9f9; }
.twin_doc_field img{ display: block; max-width: 100%; }
.twin_doc_field .img_box{ display: flex; justify-content: space-between; max-width: 1128px; margin: 0 auto 45px; }
.twin_doc_field .last_img{ margin: 0 auto; }
.twin_doc_field .text_box{ width: 100%; max-width: 1128px; margin: 60px auto; padding: 22px; border-radius: 10px; border: 3px solid #D1D2DB; text-align: center; }
.twin_doc_field .text_box p{ font-size: 18px; font-weight: 400; letter-spacing: -0.54px; line-height: 26px; color: #121212; }
.twin_doc_field .list_box {margin-top: 60px;}
.twin_doc_field .list_box ul {display: flex; justify-content: space-between; flex-wrap:wrap;}
.twin_doc_field .list_box ul li {width: 17.24%; padding:35px 10px 48px; background: #ffffff; border-radius: 20px; border:1px solid #D8D8D8; text-align: center;}
.twin_doc_field .list_box ul li:first-child p {line-height: 49px;}
.twin_doc_field .list_box ul li p {margin-bottom: 20px; height: 70px;}
.twin_doc_field .list_box ul li i {display: inline-block; width: 54px; height: 54px;}

.twin_doc_field .list_box ul li .icon01{ background-image: url('../img/sub/twin_doc/twin_doc_filed__icon1.svg'); }
.twin_doc_field .list_box ul li .icon02{ background-image: url('../img/sub/twin_doc/twin_doc_filed__icon2.svg'); }
.twin_doc_field .list_box ul li .icon03{ background-image: url('../img/sub/twin_doc/twin_doc_filed__icon3.svg'); }
.twin_doc_field .list_box ul li .icon04{ background-image: url('../img/sub/twin_doc/twin_doc_filed__icon4.svg'); }
.twin_doc_field .list_box ul li .icon05{ background-image: url('../img/sub/twin_doc/twin_doc_filed__icon5.svg'); }

.twin_doc_output{ padding: 130px 0 165px; }
.twin_doc_output .cont{ width: 100%; max-width: 1128px; margin: 0 auto 100px; }
.twin_doc_output .cont:last-child{ margin-bottom: 0; }
.twin_doc_output .cont > i{ display: block; width: 48px; height: 48px; margin: 0 auto 10px; background: no-repeat center; background-size: cover }
.twin_doc_output .cont > i.num01{ background-image: url('../img/sub/twin_doc/twin_doc_output__icon1.png'); }
.twin_doc_output .cont > i.num02{ background-image: url('../img/sub/twin_doc/twin_doc_output__icon2.png'); }
.twin_doc_output .cont .m_text_f3{ word-break: keep-all; text-align: center; letter-spacing: 0 !important; line-height: 26px !important; }
.twin_doc_output .list{ display: flex; justify-content: space-between; margin-top: 50px; }
.twin_doc_output .list > div{ border-radius: 20px; box-shadow: 3px 3px 10px rgba(0, 0, 0, 0.1); }
.twin_doc_output .cont01 .list > div{ padding: 30px 45px 40px; }
.twin_doc_output .cont02 .list > div{ padding: 30px 20px 27px; }

.twin_doc_output .list .tit{ display: block; margin-bottom: 10px; text-align: center; font-size: 20px; font-weight: 500; line-height: 1.45; }
.twin_doc_output .list .tit01{ color: #2C1D72; }
.twin_doc_output .list .tit02{ color: #2C1D72; }
.twin_doc_output .list .tit03{ color: #41B8D7; }

.twin_doc_output .list i{ display: block; width: 24px; height: 24px; margin: 0 auto; background: no-repeat center; background-size: cover; }
.twin_doc_output .list i.chk01{ background-image: url('../img/sub/twin_reader/twin_reader_output__icon1.svg'); }
.twin_doc_output .list i.chk02{ background-image: url('../img/sub/twin_reader/twin_reader_output__icon1.svg'); }
.twin_doc_output .list i.chk03{ background-image: url('../img/sub/twin_doc/twin_doc_output__icon5.svg'); }
.twin_doc_output .list .list_left p {text-align: left;}

.twin_doc_output .list_left{ width: 53.19148%; }
.twin_doc_output .list_left ul{ display: flex; }
.twin_doc_output .list_left li{ width: 50%; position: relative; }
.twin_doc_output .list_left li::after{ content: ""; position: absolute; top: 0; right: 0; width: 1px; height: 100%; background-color: #B8B8B8;  }
.twin_doc_output .list_left li:first-child{ padding-right: 30px; }
.twin_doc_output .list_left li:last-child{ padding-left: 30px; }
.twin_doc_output .list_left li:last-child::after{ display: none; }

.twin_doc_output .list_right{ width: 44.3262%; }
.twin_doc_output .list_right ul{ display: flex; }
.twin_doc_output .list_right li{ width: 50%; }
.twin_doc_output .list_right img{ display: block; max-width: 100%; margin: 0 auto 7px; }

/* -- twin_story -- */
.twin_story_top {padding:120px 0 35px;}
.twin_story_top .cp_m_title {margin-bottom: 30px; font-size: 30px;}
.twin_story_top .cp_m_title span {color: #41B8D7;}

.twin_story_pipeline {text-align: center;}
.twin_story_pipeline img {width: 100%; height: auto;}

.twin_story_list {margin: 90px auto 85px;}
.twin_story_list ul {display: flex; justify-content: space-between; flex-wrap:wrap;}
.twin_story_list ul li {width: 23.67%; padding:37px 10px 42px; border:1px solid #D1D2DB; border-radius: 20px; text-align: center;}
.twin_story_list ul li img {width: 65px;}
.twin_story_list ul li p {margin-top: 23px; line-height: 1.5;}

.twin_story_output{ background: #f9f9f9; padding: 130px 0 165px; }
.twin_story_output .cp_m_title {margin-bottom: 50px;}
.twin_story_output .num01 + .m_text_f3 br {display: none;}
.twin_story_output .cont{ width: 100%; max-width: 1128px; margin: 0 auto 100px; }
.twin_story_output .cont:last-child{ margin-bottom: 0; }
.twin_story_output .cont > i{ display: block; width: 48px; height: 48px; margin: 0 auto 10px; background: no-repeat center; background-size: cover }
.twin_story_output .cont > i.num01{ background-image: url('../img/sub/twin_story/twin_story_ouput_icon__1.png'); }
.twin_story_output .cont .m_text_f3{ word-break: keep-all; text-align: center; letter-spacing: 0 !important; line-height: 26px !important; }
.twin_story_output .list{ display: flex; justify-content: space-between; margin-top: 50px; }
.twin_story_output .list > div{ border-radius: 20px; box-shadow: 3px 3px 10px rgba(0, 0, 0, 0.1); }
.twin_story_output .cont01 .list > div{ background: #fff; padding: 30px 45px 40px; }

.twin_story_output .list .tit{ display: block; margin-bottom: 10px; text-align: center; font-size: 20px; font-weight: 500; line-height: 1.45; }
.twin_story_output .list .tit01{ color: #2C1D72; }
.twin_story_output .list .tit02{ color: #2C1D72; }
.twin_story_output .list .tit03{ color: #41B8D7; }

.twin_story_output .list i{ display: block; width: 24px; height: 24px; margin: 0 auto; background: no-repeat center; background-size: cover; }
.twin_story_output .list i.chk01{ background-image: url('../img/sub/twin_reader/twin_reader_output__icon1.svg'); }
.twin_story_output .list i.chk02{ background-image: url('../img/sub/twin_reader/twin_reader_output__icon1.svg'); }
.twin_story_output .list i.chk03{ background-image: url('../img/sub/twin_doc/twin_doc_output__icon5.svg'); }

.twin_story_output .list_left{ width: 53.19148%; }
.twin_story_output .list_left ul{ display: flex; }
.twin_story_output .list_left li{ width: 50%; position: relative; }
.twin_story_output .list_left li::after{ content: ""; position: absolute; top: 0; right: 0; width: 1px; height: 100%; background-color: #B8B8B8;  }
.twin_story_output .list_left li:first-child{ padding-right: 30px; }
.twin_story_output .list_left li:last-child{ padding-left: 30px; }
.twin_story_output .list_left li:last-child::after{ display: none; }
.twin_story_output .list_left li p {text-align: left;}

.twin_story_output .list_right{ width: 44.3262%; }
.twin_story_output .list_right ul{ display: flex; }
.twin_story_output .list_right li{ width: 50%; }
.twin_story_output .list_right img{ display: block; max-width: 100%; margin: 0 auto 7px; }

/* -- baking_soda -- */
.baking_soda_page {word-break: keep-all;}
.baking_soda_top{ padding: 124px 0 110px; }
.baking_soda_top .baking_soda_wrap{ width: 100%; max-width: 1160px; margin: 0 auto; align-items:center; }
.baking_soda_top .baking_soda_wrap .cp_m_title{ display: block; margin-bottom: 30px; text-align: center; font-size: 30px; }
.baking_soda_top .baking_soda_wrap .cp_m_title span{ color: #f2933d; }
.baking_soda_top .baking_soda_wrap .cp_m_title_info{ margin-bottom: 0; text-align: center; }
.baking_soda_top img{ margin: 0 auto; max-width: 100%; }
.baking_soda_top .cp_m_title {margin-bottom: 60px; font-size: 30px;}
.baking_soda_top .cp_m_title span {color: #F2913B;}
.baking_soda_top .cp_m_title_info{ margin-bottom: 100px; }
.baking_soda_top img{ display: block; max-width: 100%; margin-top: 90px; }
.baking_soda_top .baking_soda_video {background: #121212; width: 572px; height: 317px; margin: 0 auto;}

.baking_soda_feature{ padding: 75px 0 85px; background-color: #F9F9F9; }
.baking_soda_feature .cp_m_title{ margin-bottom: 60px; }
.baking_soda_feature .list{ width: 100%; max-width: 1128px; margin: 0 auto; }
.baking_soda_feature .list ul{ display: flex; justify-content: center; flex-direction: row; flex-wrap: wrap;}
.baking_soda_feature .list li{ width: 31.56%; margin:0 2.56% 2.56% 0; padding: 30px 38px 40px; background-color: #fff; border-radius: 20px; text-align: center; }
.baking_soda_feature .list li:nth-child(3n), .baking_soda_feature .list li:last-child {margin-right: 0;}
.baking_soda_feature .list li:nth-child(4), .baking_soda_feature .list li:last-child {padding: 50px 31px 40px;}
.baking_soda_feature .list li:last-child{ margin-right: 0; }
.baking_soda_feature .list li i{ display: block; width: 65px; height: 65px; margin: 0 auto 16px; background: no-repeat center; background-size: cover; }
.baking_soda_feature .list li .icon01{ background-image: url('../img/sub/baking_soda/baking_soda_feature__icon1.png'); }
.baking_soda_feature .list li .icon02{ background-image: url('../img/sub/baking_soda/baking_soda_feature__icon2.png'); }
.baking_soda_feature .list li .icon03{ background-image: url('../img/sub/baking_soda/baking_soda_feature__icon3.png'); }
.baking_soda_feature .list li .icon04{ background-image: url('../img/sub/baking_soda/baking_soda_feature__icon4.png'); }
.baking_soda_feature .list li .icon05{ background-image: url('../img/sub/baking_soda/baking_soda_feature__icon5.png'); }
.baking_soda_feature .list .cp_m_text_b{ display: block; margin-bottom: 20px; height: 48px; font-size: 18px; text-align: center; }
.baking_soda_feature .list li:nth-child(3n) .cp_m_text_b, .baking_soda_feature .list li:last-child .cp_m_text_b{padding-top: 10px;}
.baking_soda_feature .list .cp_m_text{ margin-bottom: 20px;}
.baking_soda_feature .list .cp_m_text:last-child{ margin-bottom: 0; }

.baking_soda_workflow{ padding: 120px 0 150px; }
.baking_soda_workflow .cp_m_title_info{ margin-bottom: 65px; }
.baking_soda_workflow img{ display: block; max-width: 100%; margin: 0 auto; }

.baking_soda_point{ padding: 60px 0 110px; background-color: #f9f9f9; }
.baking_soda_point .inner {max-width:1160px;}
.baking_soda_point .cp_m_title {margin-bottom: 80px;}
.baking_soda_point .list{ 
    width: 100%; max-width: 1128px; margin: 0 auto;
    padding: 30px 25px 43px; 
    margin-bottom: 30px;
    border-radius: 20px; 
    background: #fff;
}
.baking_soda_point .list:last-child {margin-bottom: 0;}
.baking_soda_point .list .cp_m_text_b {margin-bottom: 10px; font-size: 20px;}
.baking_soda_point .list .cont {width: 750px; margin: 40px auto 0; text-align: center;}
.baking_soda_point .list .trans i {width: 52px;}
.baking_soda_point .list i {display: block; width: 45px; height: 45px; margin:0 auto;}
.baking_soda_point .list01 {padding: 30px 25px 67px;}
.baking_soda_point .list01 ul {display: flex; justify-content: space-between; flex-wrap:wrap; align-items: center;}
.baking_soda_point .list01 .icon01 {background: url('../img/sub/baking_soda/baking_soda_point__icon01.png') no-repeat center/100%;}
.baking_soda_point .list01 .icon02 {background: url('../img/sub/baking_soda/baking_soda_poing_arrow__icon01.svg') no-repeat center/100%; margin: 15px auto; width: 75px; height: 32px;}
.baking_soda_point .list01 .txt_box span {display: block; margin-bottom: 8px; line-height: 1.5; font-weight: 500;}
.baking_soda_point .list01 .txt_box p {font-size: 16px; line-height: 1.5;}
.baking_soda_point .list01 .txt_box01 {background: #EDEFF1; width: 300px; padding:20px 0 25px; border-radius:10px;}
.baking_soda_point .list01 .txt_box02 {background: #FFEADB; width: 300px; padding:20px 0 25px; border-radius:10px;}
.baking_soda_point .list02 {padding: 30px 25px 43px;}
.baking_soda_point .list02 ul {display: flex; justify-content: space-between; flex-wrap:wrap;}
.baking_soda_point .list02 ul li {width: 235px;}
.baking_soda_point .list02 ul li:first-child i {background: url('../img/sub/baking_soda/baking_soda_point__icon02.png') no-repeat center/100%;}
.baking_soda_point .list02 ul li:nth-child(2) i {background: url('../img/sub/baking_soda/baking_soda_point__icon03.png') no-repeat center/100%;}
.baking_soda_point .list02 ul li:last-child i {background: url('../img/sub/baking_soda/baking_soda_point__icon04.png') no-repeat center/100%;}
.baking_soda_point .list02 ul li .shape {background: #1A1D43; margin: 12px auto 16px; color: #F2933D; border-radius: 10px; line-height: 38px; font-weight: 500;}
.baking_soda_point .list02 ul li p {line-height: 1.5;}
.baking_soda_point .list03 {padding: 30px 25px 53px;}
.baking_soda_point .list03 .cont {width: 800px;}
.baking_soda_point .list03 .tuning:after {content:''; display: block; clear: both;}
.baking_soda_point .list03 .tuning .left {float:left; width: 27.4%; padding: 17px 14px 21px 15px; background: #FFEADB; position: relative; border-radius:10px;}
.baking_soda_point .list03 .tuning .left .arrow {position: absolute; top: 50%; right: -45px; background: url('../img/sub/baking_soda/baking_soda_point_arrow__icon02.svg') no-repeat center/100%; transform:translateY(-50%);}
.baking_soda_point .list03 .tuning .tuning_progress {position: relative; padding-top: 5px; padding-bottom: 5px; background: url('../img/sub/baking_soda/baking_soda_tuning_progress__bg.svg') no-repeat left center;}
/* .baking_soda_point .list03 .tuning .tuning_progress:after {content:''; width: 1px; height: 100%; position: absolute; left: 4px; top: 0; background: rgba(44,29,114,.3);} */
.baking_soda_point .list03 .tuning .tuning_progress li {position: relative; margin-bottom: 4px; padding-left: 20px; font-size: 16px; text-align: left; line-height: 1.5; color: #888;}
.baking_soda_point .list03 .tuning .tuning_progress li.on {color: #121212; font-weight: 500;}
/* .baking_soda_point .list03 .tuning .tuning_progress li:before {content:''; position: absolute; top: 50%; left: 0; transform:translateY(-50%); width: 9px; height: 9px; background: url('../img/sub/baking_soda/baking_soda_tuning__icon02.svg') no-repeat center;} 
.baking_soda_point .list03 .tuning .tuning_progress li.on:before {background: url('../img/sub/baking_soda/baking_soda_tuning__icon01.svg') no-repeat center;} */
.baking_soda_point .list03 .tuning .tuning_progress li:last-child {margin-bottom: 0;}
.baking_soda_point .list03 .tuning .right {float:right; width: 70.4%; padding: 25px 20px; background: #F9F9F9; border-radius:10px;}
.baking_soda_point .list03 .tuning .right ul {display: flex; justify-content: space-between; flex-wrap:wrap;}
.baking_soda_point .list03 .tuning .right li {width: 30%;}
.baking_soda_point .list03 .tuning .right li:first-child i {background: url('../img/sub/baking_soda/baking_soda_point__icon05.png') no-repeat center/100%;}
.baking_soda_point .list03 .tuning .right li:nth-child(2) i {background: url('../img/sub/baking_soda/baking_soda_point__icon06.png') no-repeat center/100%;}
.baking_soda_point .list03 .tuning .right li:last-child i {background: url('../img/sub/baking_soda/baking_soda_point__icon07.png') no-repeat center/100%;}
.baking_soda_point .list03 .tuning .right .txt_box {margin-top: 20px; height: 62px;}
.baking_soda_point .list03 .tuning .right .txt_box span {background: #EDEFF1; display: block; border-radius: 10px; font-weight: 500; line-height: 38px; transform:translateY(12px); font-size: 15px;}
.baking_soda_point .list03 .tuning .right li:first-child .txt_box span {height: 100%; padding-top: 8px; line-height: 1.5; transform:none;}
.baking_soda_point .list04 {padding: 30px 25px 50px;}
.baking_soda_point .list04 .cont img {width: 372px; height: auto;}
.baking_soda_point .list05 {padding: 30px 25px 43px;}
.baking_soda_point .list05 .cont {margin-top: 20px;}
.baking_soda_point .list05 .cont .shape {background: #EDEFF1; margin:0 auto 20px; width: 365px; line-height: 38px; font-size: 16px; font-weight: 700; color: #121212; border-radius:10px;}
.baking_soda_point .list05 .cont img {width: 589px; height: auto;}

.baking_soda_task{ padding: 120px 0 130px; }
.baking_soda_task .inner {max-width: 1160px;}
.baking_soda_task .cp_m_title {margin-bottom: 100px;}
.baking_soda_task .top_list {background: url('../img/sub/baking_soda/baking_soda_task__bg.png') no-repeat center;}
.baking_soda_task .top_list ul { display: flex; justify-content: space-between; flex-wrap:wrap; }
.baking_soda_task .top_list li {width: 18.62%;  }
.baking_soda_task .top_list li div {padding:20px; height: 390px; border-radius: 20px; text-align: center; border:1px solid #D8D8D8;}
.baking_soda_task .top_list li:nth-child(n+0):nth-child(-n+5) {margin-bottom: 190px;}
.baking_soda_task .top_list li span.cp_m_title_info {display: block; margin-bottom: 0; font-size: 20px; font-weight: 500;}
.baking_soda_task .top_list li img {display: block; margin: 10px auto 20px;}
.baking_soda_task .top_list li p {display: inline-block; line-height: 1.5; text-align: left;}
.baking_soda_task .top_list li p span {position: relative; display: block; padding-left: 13px;}
.baking_soda_task .top_list li p span:after {content:''; position: absolute; top: 8px; left: 0; width: 5px; height: 5px; background: rgba(44,29,114,.5); border-radius:1px;}
.baking_soda_task .bottom_list {margin-top: 80px;}
.baking_soda_task .bottom_list ul { display: flex; justify-content: space-between; flex-wrap:wrap; margin-bottom: 15px; }
.baking_soda_task .bottom_list li {width: 31%; padding:50px 10px; background: #FEF4EB; border-radius: 10px; text-align: center;}
/* .baking_soda_task .bottom_list li:nth-child(2) {margin: 0 3.44%;} */
.baking_soda_task .bottom_list li span {display: block; margin-bottom: 15px; font-weight: 700;}
.baking_soda_task .bottom_list li .img {margin: 0 auto; height: 127px; text-align: center;}
.baking_soda_task .bottom_list li .img01 img {width: 195px;}
.baking_soda_task .bottom_list li .img02 img {width: 127px;}
.baking_soda_task .bottom_list li .img03 img {width: 193px;}
.baking_soda_task .bottom_list li p {margin-top: 25px; line-height: 1.5;} 
.baking_soda_task ul li:last-child{ margin-bottom: 0; }

.baking_soda_output{ padding: 90px 0 125px; background-color: #f9f9f9; }
.baking_soda_output ul{ display: flex; justify-content: center; margin-top: 60px; }
.baking_soda_output li{ width: calc(33.33% - 20px); margin-right: 30px; }
.baking_soda_output li:last-child{ margin-right: 0; }
.baking_soda_output .cont{ border-radius: 20px; background-color: #fff; }
.baking_soda_output .cont p{ word-break: keep-all; font-size: 18px; letter-spacing: -0.54px; line-height: 26px; color: #121212; }
.baking_soda_output .cont p span{ color: #F2913B; }
.baking_soda_output .cont p .down{ color: #2C1D72; }
.baking_soda_output .cont h4{ margin-bottom: 15px; font-size: 24px; font-weight: 500; line-height: 35px; color: #121212; }

.baking_soda_output .cont01{ padding: 30px 13px; min-height: 349px; text-align: center; border-bottom-left-radius:0; border-bottom-right-radius:0; }
.baking_soda_output .cont01 span{ display: block; margin-bottom: 23px; padding: 5px 14px; border-radius: 20px; background-color: #F9F9F9; font-size: 16px; letter-spacing: -0.48px; line-height: 24px; color: #121212; }

.baking_soda_output .cont02{ display: table; width: 100%; padding: 30px 14px; min-height: 210px; border-top-left-radius:0; border-top-right-radius:0; }
.baking_soda_output .cont02 .text_box{ display: table-cell; vertical-align: middle; }
.baking_soda_output .cont02 .text_box01,
.baking_soda_output .cont02 .text_box03{ text-align: center; }
.baking_soda_output .cont02 dl > div{ display: flex; align-items: center; justify-content: space-between; padding: 15px 0; width: 100%; border-bottom: 1px solid #CAD1D8; }
.baking_soda_output .cont02 dl > div:first-child{ padding-top: 0; }
.baking_soda_output .cont02 dl > div:last-child{ padding-bottom: 0; border-bottom: none; }
.baking_soda_output .cont02 dt{ font-weight: 400; }
.baking_soda_output .cont02 dd{ width: 16px; height: 10px; }
.baking_soda_output .cont02 dd i{ display: block; width: 100%; height: 100%; background: no-repeat center; background-size: cover; }
.baking_soda_output .cont02 dd i.icon01{ background-image: url('../img/sub/baking_soda/baking_soda_output__icon2.png'); }
.baking_soda_output .cont02 dd i.icon02{ background-image: url('../img/sub/baking_soda/baking_soda_output__icon3.png'); }
.baking_soda_output .cont02 img{ max-width: 100%; width: 170px; margin: 10px auto 0; }

.baking_soda_output .arrow{ display: block; width: 100%; height: 46px; background:#fff url('../img/sub/baking_soda/baking_soda_output__icon1.png') no-repeat center; }

/* -- chip_soda -- */
.chip_soda_page * {word-break: keep-all;}
.chip_soda_top {padding: 125px 0 100px;}
.chip_soda_top .txt_box .cp_m_title {font-size: 30px; margin-bottom: 73px;}
.chip_soda_top .chip_top_list ul {display: flex; display: -ms-flexbox; justify-content: space-between;}
.chip_soda_top .chip_top_list ul li {width: 31.56%; padding: 25px 12px; border:1px solid #E8E8ED; border-radius: 20px; box-shadow: 3px 3px 10px #f3f3f3; font-family: 'Noto Sans KR', sans-serif; text-align: center; letter-spacing: -0.048em;}
.chip_soda_top .chip_top_list ul li strong {font-size: 24px; font-weight: 500;}
.chip_soda_top .chip_top_list ul li .txt {margin-top: 15px; height: 58px;}
.chip_soda_top .chip_top_list ul li .txt span {display: block; background: #f9f9f9; padding:7px 0; border-radius:21px; font-size: 16px; line-height: 1.5;}
.chip_soda_top .chip_top_list ul li:nth-child(2) .txt span {display: inline-block; padding:7px 22px;}
.chip_soda_top .chip_top_list ul li .img {margin-top: 12px;}
.chip_soda_top .chip_top_list ul li .img img {width: 224px; height: auto;}

.chip_soda_process {margin-bottom: 90px;}
.chip_soda_process .inner {max-width:1160px;}
.chip_soda_process .process_cont {display: flex; flex-wrap:wrap; flex-direction: row; justify-content: space-between; align-items: center;}
.chip_soda_process .arrow {text-align: center;}
.chip_soda_process .arrow .icon {display: inline-block; margin-top: 30px; background: url('../img/sub/chip_soda/chip_soda__arrow.svg') no-repeat center; width: 150px; height: 60px;}
.chip_soda_process .step {padding: 30px 18px 40px; width: 380px; height: 587px; border-radius: 10px; text-align: center;}
.chip_soda_process .step h3 {font-size: 24px; font-weight: 500;}
.chip_soda_process .step .icon {display: inline-block; margin:0 0 15px; width: 100px; height: 100px; border-radius: 20px;}
.chip_soda_process .step .txt {display: inline-block; padding:2px 18px; border-radius: 14px; font-size: 16px; color: #ffffff;}
.chip_soda_process .step .top {padding:20px 0 26px;}
.chip_soda_process .step .bottom p {margin:28px auto 26px; font-size: 20px; font-weight: 500; line-height: 1.5;}
.chip_soda_process .step .bottom ul {display: inline-block;}
.chip_soda_process .step .bottom li {position: relative; margin-top: 6px; padding-left: 13px; text-align: left; line-height: 1.5;}
.chip_soda_process .step .bottom li:first-child {margin-top: 0;}
.chip_soda_process .step .bottom li:before {content:''; position: absolute; top: 8px; left: 0; width: 5px; height: 5px; background: #928ab5; border-radius: 1px;}
.chip_soda_process .step01 {background: #f9f9f9; border: 1px solid #bfbfbf;}
.chip_soda_process .step01 .icon {background: url('../img/sub/chip_soda/chip_soda_process__icon01.svg') no-repeat center;}
.chip_soda_process .step01 .txt {background: #2c1d72;}
.chip_soda_process .step01 .bottom {border-top: 1px solid #bfbfbf;}
.chip_soda_process .step02 {background: #fff6f0; border: 1px solid #ffd6c4;}
.chip_soda_process .step02 .icon {background: url('../img/sub/chip_soda/chip_soda_process__icon02.svg') no-repeat center;} 
.chip_soda_process .step02 .txt {background: #ff6f00;}
.chip_soda_process .step02 .bottom {border-top: 1px solid #f6b377;}
.chip_soda_process .step02 .bottom li:before {background: #ffb177;}

.chip_soda_result .inner {max-width:1160px;}
.chip_soda_result .cp_m_title {margin-bottom: 70px; font-weight: 700;}
.chip_soda_result .chip_result_list {display: flex; flex-wrap: wrap; justify-content: space-between;}
.chip_soda_result .chip_result_list .list {width: 49.11%; margin-bottom: 1.77%; background: #fff; border:1px solid #E8E8ED; border-radius: 20px;}
.chip_soda_result .chip_result_list .list h3 {height: 60px; line-height: 60px; background: #E8E8ED; border-radius: 20px 20px 0 0; font-size: 20px; text-align: center; font-weight: 500;}
.chip_soda_result .chip_result_list .list .list_detail {padding: 35px 20px;}
.chip_soda_result .chip_result_list .list .list_detail ul {display: flex; flex-wrap: wrap; justify-content: center;}
.chip_soda_result .chip_result_list .list .list_detail ul li {width: 50%; padding:20px 0; text-align: center; border-right: 1px solid #E8E8ED;}
.chip_soda_result .chip_result_list .list .list_detail ul li:last-child {border-right:none;}
.chip_soda_result .chip_result_list .list02 .list_detail li:last-child {padding:26px 20px 20px;}
.chip_soda_result .chip_result_list .list .list_detail .img .icon {display: block; width: 65px; height: 65px; background: no-repeat center; background-size: cover; margin: 0 auto;}
.chip_soda_result .chip_result_list .list .list_detail .img .icon01{ background-image: url('../img/sub/chip_soda/chip_soda_ouput__icon1.svg'); }
.chip_soda_result .chip_result_list .list .list_detail .img .icon02{ background-image: url('../img/sub/chip_soda/chip_soda_ouput__icon2.svg'); }
.chip_soda_result .chip_result_list .list .list_detail .img .icon03{ background-image: url('../img/sub/chip_soda/chip_soda_ouput__icon3.svg'); }
.chip_soda_result .chip_result_list .list .list_detail .img .icon04{ background-image: url('../img/sub/chip_soda/chip_soda_ouput__icon4.svg'); }
.chip_soda_result .chip_result_list .list .list_detail .img .icon05{ background-image: url('../img/sub/chip_soda/chip_soda_ouput__icon5.svg'); }
.chip_soda_result .chip_result_list .list .list_detail .img .icon06{ background-image: url('../img/sub/chip_soda/chip_soda_ouput__icon6.svg'); }
.chip_soda_result .chip_result_list .list .list_detail .img .icon07{ background-image: url('../img/sub/chip_soda/chip_soda_ouput__icon7.svg'); }
.chip_soda_result .chip_result_list .list .list_detail .img .icon08{ background-image: url('../img/sub/chip_soda/chip_soda_ouput__icon8.svg'); }
.chip_soda_result .chip_result_list .list .list_detail .img img {width: 91%; height: auto;}
.chip_soda_result .chip_result_list .list .list_detail .txt {margin-top: 57px;}
.chip_soda_result .chip_result_list .list01 .list_detail .txt {margin-top: 36px;}
.chip_soda_result .chip_result_list .list02 .list_detail li:first-child .txt {margin-top: 16px;}
.chip_soda_result .chip_result_list .list .list_detail .txt p {line-height: 1.5; margin-top: 0;}

.chip_soda_result .chip_result_list .list01 .list_detail .img {display: flex; justify-content: space-between;}
.chip_soda_result .chip_result_list .list01 .list_detail .img .left {position: relative;}

.chip_soda_result .chip_result_list .list01 .list_detail .img .arrow img {width: 50%; margin-top: 25px;}
/* .chip_soda_result .chip_result_list .list01 .list_detail .img .left:after {content:''; position: absolute; top: 35%; left: 50%; transform:translateY(-50%); width: 32px; height: 15px; background: url("../img/sub/chip_soda/chip_arrow__icon.png") no-repeat center; background-size:100%;} */
.chip_soda_result .chip_result_list .list01 .list_detail p {margin-top: 10px;}
.chip_soda_result .chip_result_list .list01 .list_detail ul li:first-child {padding:20px 20px 20px 0px;}
.chip_soda_result .chip_result_list .list01 .list_detail ul li {padding:20px 0px 20px 20px;}
.chip_soda_result .chip_result_list .list01 .list_detail ul li:last-child .txt p {padding-top: 10px;}
.chip_soda_result .chip_result_list .list02 .list_detail ul li:last-child .txt p {padding-top: 10px;}
.chip_soda_result .chip_result_list .list02 .list_detail ul li:first-child {padding:0 20px 20px 0px;}
.chip_soda_result .chip_result_list .list04 .list_detail ul li {width: 33.33%;}

.chip_soda_bottom {background: #f9f9f9; margin-top: 80px; padding:72px 0 170px;}
.chip_soda_bottom .inner > ul {display: flex; justify-content: space-between;}
.chip_soda_bottom .inner > ul > li {text-align: center; flex:2; letter-spacing: -0.72px; font-family: 'Noto Sans KR', sans-serif!important;}
.chip_soda_bottom .inner > ul > li:first-child, .chip_soda_bottom .inner > ul > li:last-child {flex:1;}
.chip_soda_bottom .inner > ul > li span, .chip_soda_bottom .inner > ul > li strong {display: block; font-size: 24px; font-weight: 700; color: #21264E; line-height: 1.5;}
.chip_soda_bottom .inner > ul > li strong {margin-top: 5px;}
/* .chip_soda_bottom .inner > ul > li strong br {display: none;} */
.chip_soda_bottom .inner > ul > li .line {position: relative; width: 100%; height: 1px; margin:41px 0 30px; background: #E8E8ED;}
.chip_soda_bottom .inner > ul > li .line:after {content:''; position: absolute; top: 50%; left: 50%; transform:translate(-50%, -50%); padding:0 10px; width: 52px; height: 32px; background: #f9f9f9 url("../img/sub/chip_soda/chip_bottom__icon_pc.svg") no-repeat center; background-size:38px;}
.chip_soda_bottom .inner > ul > li p {font-size: 16px; line-height: 1.5;}
.chip_soda_bottom .inner > ul > li p + p {margin-top: 20px;}

/* -- sparkling_soda -- */
.sparkling_soda_page {word-break: keep-all;}
.sparkling_soda_top{ padding: 124px 0 110px; }
.sparkling_soda_top .cp_m_title {margin-bottom: 60px; font-size: 30px;}
.sparkling_soda_top .cp_m_title span {color: #5F5CD8;}

.sparkling_soda_feature{ padding: 75px 0 85px; background-color: #F9F9F9; }
.sparkling_soda_feature .list{ width: 100%; max-width: 1128px; margin: 0 auto; }
.sparkling_soda_feature .list ul{ display: flex; justify-content: center; flex-direction: row; flex-wrap: wrap;}
.sparkling_soda_feature .list li{ width: 31.56%; margin:0 2.56% 2.56% 0; padding: 30px 38px 40px; background-color: #fff; border-radius: 20px; text-align: center; }
.sparkling_soda_feature .list li:nth-child(3n), .sparkling_soda_feature .list li:last-child {margin-right: 0;}
.sparkling_soda_feature .list li:nth-child(4), .sparkling_soda_feature .list li:last-child {padding: 50px 31px 40px;}
.sparkling_soda_feature .list li i{ display: block; width: 56px; height: 56px; margin: 0 auto 16px; background: no-repeat center;  }
.sparkling_soda_feature .list li .icon01{ background-image: url('../img/sub/sparkling/sparkling_soda_feature__icon1.png'); }
.sparkling_soda_feature .list li .icon02{ background-image: url('../img/sub/sparkling/sparkling_soda_feature__icon2.png'); }
.sparkling_soda_feature .list li .icon03{ background-image: url('../img/sub/sparkling/sparkling_soda_feature__icon3.png'); }
.sparkling_soda_feature .list li .icon04{ background-image: url('../img/sub/sparkling/sparkling_soda_feature__icon4.png'); }
.sparkling_soda_feature .list li .icon05{ background-image: url('../img/sub/sparkling/sparkling_soda_feature__icon5.png'); }
.sparkling_soda_feature .list .cp_m_text_b{ display: block; margin-bottom: 20px; height: 62px; font-size: 18px; text-align: center; }
.sparkling_soda_feature .list .cp_m_text{ margin-bottom: 20px;}
.sparkling_soda_feature .list .cp_m_text:last-child{ margin-bottom: 0; }

.sparkling_soda_keyfeatures {padding: 75px 0px 110px;}
.sparkling_soda_project {padding: 75px 0px 110px;background-color: #F9F9F9;}
.sparkling_soda_project .project_wrap {display: flex;justify-content: space-between;}
.sparkling_soda_project .project_wrap img {max-width: 100%;}
.sparkling_soda_project .project_wrap p{font-size: 18px;margin-top: 20px;text-align: center;}
.sparkling_soda_Performance {padding: 75px 0px 110px;}
.sparkling_soda_resourcemonitoring {padding: 75px 0px 110px;background-color: #F9F9F9;}
.sparkling_soda_resourcemonitoring .list{ width: 100%; max-width: 1128px; margin: 0 auto; }
.sparkling_soda_resourcemonitoring .list ul{ display: flex; justify-content: center; flex-direction: row; flex-wrap: wrap;}
.sparkling_soda_resourcemonitoring .list li{ position: relative; width: 31.56%; margin:0 2.56% 2.56% 0; padding: 30px 30px 40px; background-color: #fff; border-radius: 20px; text-align: center; }
.sparkling_soda_resourcemonitoring .list li:nth-child(3n), .sparkling_soda_resourcemonitoring .list li:last-child {margin-right: 0;}
.sparkling_soda_resourcemonitoring .list li .img_wrap {width: 100%; height: 140px;margin-bottom: 20px; overflow: hidden;}
.sparkling_soda_resourcemonitoring .list li i{position: absolute; width: 80px; height: 80px; left:50%; top:80px; transform: translateX(-50%); background: no-repeat center; z-index: 99;  }
.sparkling_soda_resourcemonitoring .list li .icon01{ background-image: url('../img/sub/sparkling/sparkling_soda_resourcemonitoring_icon1.png'); }
.sparkling_soda_resourcemonitoring .list li .icon02{ background-image: url('../img/sub/sparkling/sparkling_soda_resourcemonitoring_icon2.png'); }
.sparkling_soda_resourcemonitoring .list li .icon03{ background-image: url('../img/sub/sparkling/sparkling_soda_resourcemonitoring_icon3.png'); }
.sparkling_soda_resourcemonitoring .list li .imgarea{position: absolute; left:20px;top:20px;right:20px; display: block; height: 100px; background-size: cover;background-position: center; border-radius: 8px;border:1px solid #E8E8E8; }
.sparkling_soda_resourcemonitoring .list li .img01{ background-image: url('../img/sub/sparkling/sparkling_soda_resourcemonitoring_img1.png'); }
.sparkling_soda_resourcemonitoring .list li .img02{ background-image: url('../img/sub/sparkling/sparkling_soda_resourcemonitoring_img2.png'); }
.sparkling_soda_resourcemonitoring .list li .img03{ background-image: url('../img/sub/sparkling/sparkling_soda_resourcemonitoring_img3.png'); }
.sparkling_soda_resourcemonitoring .list .cp_m_text_b{ display: block; margin-bottom: 20px; margin-top: 30px; height: 48px; font-size: 18px; text-align: center; }
.sparkling_soda_resourcemonitoring .list li:nth-child(3n) .cp_m_text_b, .baking_soda_feature .list li:last-child .cp_m_text_b{padding-top: 10px;}
.sparkling_soda_resourcemonitoring .list .cp_m_text{ margin-bottom: 20px;}
.sparkling_soda_resourcemonitoring .list .cp_m_text:last-child{ margin-bottom: 0; }
.sparkling_soda_resourcemonitoring .list li p {display: inline-block; line-height: 1.5; text-align: left;}
.sparkling_soda_resourcemonitoring .list li p span {position: relative; display: block; padding-left: 13px;}
.sparkling_soda_resourcemonitoring .list li p span:after {content:''; position: absolute; top: 8px; left: 0; width: 5px; height: 5px; background: rgba(44,29,114,.5); border-radius:1px;}

.sparkling_soda_top img, .sparkling_soda_keyfeatures img, .sparkling_soda_Performance img {display: block;max-width: 100%;}

.sparkling_soda_field {padding: 75px 0px 110px;}
.sparkling_soda_field .list li {position: relative; border:1px solid #D8D8D8; border-radius: 20px; margin-bottom: 15px;padding:16px 45px;display: flex;}
.sparkling_soda_field .list li i{width: 48px; height: 48px; background: no-repeat left center;display: inline-block; float: left; margin-right: 20px; flex: none; }
.sparkling_soda_field .list li .icon01{ background-image: url('../img/sub/sparkling/sparkling_soda_field_img1.svg'); }
.sparkling_soda_field .list li .icon02{ background-image: url('../img/sub/sparkling/sparkling_soda_field_img2.svg'); }
.sparkling_soda_field .list li .icon03{ background-image: url('../img/sub/sparkling/sparkling_soda_field_img3.svg'); }
.sparkling_soda_field .list li span {position:absolute;top:50%;transform:translateY(-50%);float:left;display: inline-block;display: flex;width: 300px;margin-right: 40px;line-height: 48px;font-size: 20px; font-weight: 500;}
.sparkling_soda_field .list li span.long {line-height:1.2}
.sparkling_soda_field .list li p {width: 100%;padding:12px 0px;margin-left: 300px;}
.sparkling_soda_output{ padding: 75px 0 110px; background-color: #F9F9F9; }
.sparkling_soda_output .cont{ width: 100%; max-width: 1128px; margin: 0 auto 80px; }
.sparkling_soda_output .cont:last-child{ margin-bottom: 0; }
.sparkling_soda_output .cont > i{ display: block; width: 48px; height: 48px; margin: 0 auto 10px; background: no-repeat center; background-size: cover }
.sparkling_soda_output .cont > i.num01{ background-image: url('../img/sub/sparkling/sparkling_soda_output_num1.svg'); }
.sparkling_soda_output .cont > i.num02{ background-image: url('../img/sub/sparkling/sparkling_soda_output_num2.svg'); }
.sparkling_soda_output .cont .m_text_f3{ word-break: keep-all; text-align: center; letter-spacing: 0 !important; line-height: 26px !important; }
.sparkling_soda_output .list{ display: flex; justify-content: space-between; margin-top: 50px; }
.sparkling_soda_output .list > div{ border-radius: 20px; box-shadow: 3px 3px 10px rgba(0, 0, 0, 0.1); }
.sparkling_soda_output .cont01 .list > div, .sparkling_soda_output .cont02 .list > div{ background: #fff; padding: 30px 45px 40px; }

.sparkling_soda_output .list .tit{ display: block; margin-bottom: 10px; text-align: center; font-size: 20px; font-weight: 500; line-height: 1.45; }
.sparkling_soda_output .list .tit01{ color: #2C1D72; }
.sparkling_soda_output .list .tit02{ color: #2C1D72; }
.sparkling_soda_output .list .tit03{ color: #5F5CD8; }
.sparkling_soda_output .list  ul > li.need > .cp_m_text_02{ background: url('../img/sub/twin_reader/twin_reader_output__icon1.svg') no-repeat left top; padding-left: 32px; }
.sparkling_soda_output .list  ul > li.need > .tit{ margin-bottom: 20px; }
.sparkling_soda_output .list  ul > li.approach > .cp_m_text_02{ background: url('../img/sub/twin_reader/twin_reader_output__icon1.svg') no-repeat left top; padding-left: 32px; }
.sparkling_soda_output .list  .list_right.benefit > .cp_m_text_02{ background: url('../img/sub/sparkling/sparkling_soda_output__icon3.svg') no-repeat left top; padding-left: 32px;text-align: left; }
.sparkling_soda_output .list  ul > li > p:last-of-type{ margin-bottom: 0px; }

.sparkling_soda_output .list i{ display: block; width: 24px; height: 24px; margin: 0 auto; background: no-repeat center; background-size: cover; }
.sparkling_soda_output .list i.chk01{ background-image: url('../img/sub/twin_reader/twin_reader_output__icon1.svg'); }
.sparkling_soda_output .list i.chk02{ background-image: url('../img/sub/twin_reader/twin_reader_output__icon1.svg'); }
.sparkling_soda_output .list i.chk03{ background-image: url('../img/sub/sparkling/sparkling_soda_output__icon3.svg'); }

.sparkling_soda_output .list_left{ width: 64%; }
.sparkling_soda_output .list_left ul{ display: flex; }
.sparkling_soda_output .list_left li{ width: 50%; position: relative; }
.sparkling_soda_output .list_left li::after{ content: ""; position: absolute; top: 0; right: 0; width: 1px; height: 100%; background-color: #B8B8B8;  }
.sparkling_soda_output .list_left li:first-child{ padding-right: 30px; }
.sparkling_soda_output .list_left li:last-child{ padding-left: 30px; }
.sparkling_soda_output .list_left li:last-child::after{ display: none; }
.sparkling_soda_output .list_left li p {text-align: left;margin-bottom: 30px;}

.sparkling_soda_output .list_right{ width: 32%; }
.sparkling_soda_output .cont01 .list_right img{ display: block; max-width: 100%; margin: 50px auto 0px ; }
.sparkling_soda_output .cont02 .list_right img{ display: block; max-width: 100%; margin: 20px auto 14px ; }
@media (max-width: 1160px) {
    .sparkling_soda_output .list_left ul{ flex-wrap: wrap; }
    .sparkling_soda_output .list_left li{ width: 100%; margin-bottom: 60px; padding:0 !important; }
    .sparkling_soda_output .list_left li:last-child{ margin-bottom: 0px; }
    .sparkling_soda_output .list_left li::after {top: calc(100% + 30px); width: 100%;  height: 1px;}
    .sparkling_soda_output .list > div{ width:48%; } 
}

@media (max-width: 900px) {
    .sparkling_soda_feature .list li, .sparkling_soda_resourcemonitoring .list li {width: 48%; margin:0 1% 2.56% 1%;}
    .sparkling_soda_feature .list li:nth-child(3n) {margin:0 1% 2.56% 1%;}
}
@media (max-width: 768px) {
    .sparkling_soda_project .project_wrap {flex-wrap: wrap;text-align: center;}
    .sparkling_soda_project .project_wrap > div {width:100%;}
    .sparkling_soda_project .project_wrap > div:first-child {margin-bottom: 40px;}
    .sparkling_soda_feature .list li, .sparkling_soda_resourcemonitoring .list li {width: 100%; margin:0 0 2.56% 0;}
    .sparkling_soda_field .list li {flex-wrap: wrap;text-align: center;}
    .sparkling_soda_field .list li span {left:50%;top:16px;transform: translateX(-50%);display: flex;text-align: center;width:auto;margin: 0;}
    .sparkling_soda_field .list li p {text-align: center;margin-left: 0;margin-top: 60px;}   
    .sparkling_soda_output .list{ flex-wrap: wrap;justify-content: center; margin-top: 30px; }
    .sparkling_soda_output .list > div{ width:100%; } 
    .sparkling_soda_output .list_left {margin:0 0 20px 0;}
    .sparkling_soda_output .cont{ margin: 0 auto 40px; }
    .sub_content .type_sparkling_banner img{ width: 250px; }

    .sparkling_soda_top{ padding: 40px 0 60px; }
    .sparkling_soda_feature{ padding: 40px 0 40px; }
    .sparkling_soda_keyfeatures, .sparkling_soda_project, .sparkling_soda_Performance, .sparkling_soda_resourcemonitoring, .sparkling_soda_field, .sparkling_soda_output{ padding: 40px 0 60px; }
    
}

/* -- JUST TYPE -- */
.justtype_page {word-break: keep-all;}
.justtype_intro { padding: 124px 0 110px; }
.justtype_top .cp_m_title {font-size: 30px;}
.justtype_top .cp_m_title span {color: #6F6CEE;}
.justtype_intro .justtype_top .cp_m_title { margin-bottom:60px; }
.justtype_bottom ul {display: flex;gap:20px;}
.justtype_bottom ul.iconbox li {flex-grow: 1;border:1px solid #D1D2DB;border-radius: 20px;padding:40px 20px;text-align: center;width:100%;}
.justtype_bottom ul.iconbox li p {margin-top: 16px;font-size: 16px;color:#121212;font-family: 'Noto Sans KR', sans-serif!important;}
.justtype_bottom ul.textbox li {flex-grow: 1;border:1px solid #6F6CEE;border-radius: 20px;padding:30px 0px;text-align: center;width:100%;background: #F2F2FF;}
.justtype_bottom ul.textbox li p {font-size: 20px;color:#121212;font-family: 'Noto Sans KR', sans-serif!important;}
.justtype_bottom ul.textbox li p span {font-size: 20px;color:#6F6CEE;}
.justtype_intro .line {height:70px;background: url('../img/sub/justtype/justtype_intro_lingbg.png') no-repeat center;}
.justtype_intro .iconbox i {height:68px;display: inline-block;}

.justtype_ApplicableTask { padding: 100px 0px;background: #f9f9f9; }
.justtype_ApplicableTask ul {display: flex;justify-content: space-between;flex-wrap: wrap;position: relative;}
.justtype_ApplicableTask ul li {width:46%;position: relative;margin:35px 0;text-align: center;}
.justtype_ApplicableTask ul li p {border:1px solid #D1D2DB;border-radius: 20px;padding:20px 30px;text-align: center;background: #ffffff;overflow: hidden;}
.justtype_ApplicableTask ul li span.title {display: inline-block;background: #2C1D72;padding:2px 30px;font-weight:300;color:#ffffff;font-size: 18px;border-radius: 17px;text-align: center;margin-bottom: 10px;}
.justtype_ApplicableTask ul li.logo {position: absolute;width:256px;left:50%;top:50%;transform: translate(-50%,-50%);z-index: 99;margin:0;}
.justtype_ApplicableTask .dashboard {margin-top: 50px; text-align: center;}
.justtype_ApplicableTask .dashboard p {color:#848499;font-size: 1rem;}
.justtype_ApplicableTask .dashboard img {max-width:100%;}
.justtype_ApplicableTask .dashboard i {margin-top:30px;display: block;}
.justtype_ApplicableTask .dashboard i img{width:130px;}

.justtype_SalesSupport { padding: 100px 0px; }
.justtype_SalesSupport .justtype-bottom {margin-top: 60px;}
.justtype_SalesSupport  ul {display: flex;justify-content: space-between;}
.justtype_SalesSupport  ul li {width:304px;border:1px solid #D1D2DB;border-radius: 20px;padding:10px 20px;text-align: center; font-size:20px;letter-spacing: -2px;}
.justtype_SalesSupport  .line {height:67px;background: url('../img/sub/justtype/justtype_salessupport_lingbg.png') no-repeat center;}
.justtype_SalesSupport .innerbox {padding:0 210px;}
.justtype_SalesSupport .innerbox .justtype {border:1px solid #D1D2DB;border-radius: 20px;padding: 35px;display: flex;flex-direction: column;gap:16px;align-items: center;}
.justtype_SalesSupport .innerbox .justtype p {border:1px solid #6F6CEE;background:#F2F2FF;border-radius: 60px;padding: 10px 60px;font-size:20px;color:#6F6CEE;}
.justtype_SalesSupport .innerbox .justtype .icontype {display:flex;align-items: center;gap:10px;flex-direction: column;}
.justtype_SalesSupport .innerbox .arrow {height: 218px;background: url('../img/sub/justtype/justtype_salessupport_arrow.png') no-repeat center;padding-top:20px;}
.justtype_SalesSupport .innerbox .textbox {margin-bottom: 20px;border: 1px solid #6F6CEE;background: #F2F2FF;color:#6F6CEE;font-size: 20px;padding:10px;border-radius: 20px;text-align: center;}
.justtype_SalesSupport .innerbox .textbox.purple {background: #6F6CEE;color:#ffffff;margin:0;}
.justtype_SalesSupport .mainimg {margin-top: 20px; text-align: center;}
.justtype_SalesSupport .mainimg img {max-width:100%;}

.justtype_TermsnProducst { padding: 100px 0px;background: #f9f9f9;}
.justtype_TermsnProducst .justtype-bottom {display: flex;gap:20px;margin-top: 47px;}
.justtype_TermsnProducst .justtype-bottom div:nth-child(1), .justtype_TermsnProducst .justtype-bottom div:nth-child(3) {width:100%;} 
.justtype_TermsnProducst .justtype-bottom div.box {border-radius: 20px;padding:40px 20px;border: 1px solid #D1D2DB;display: flex;flex-direction: column;background-color: #ffffff;}
.justtype_TermsnProducst .justtype-bottom div.left {gap:40px;}
.justtype_TermsnProducst .justtype-bottom div.right {border-color: #6F6CEE;gap:13px;}
.justtype_TermsnProducst .justtype-bottom div.left div {background: #F5F5F5;border-radius: 20px;text-align: center;vertical-align: middle;height: 100%;flex-grow: 1;padding:40px 20px;}
.justtype_TermsnProducst .justtype-bottom div.left div img {margin-bottom: 16px;}
.justtype_TermsnProducst .justtype-bottom div.left div p {font-size: 20px;}
.justtype_TermsnProducst .justtype-bottom div.right p {text-align: center;margin-bottom: 50px;}
.justtype_TermsnProducst .justtype-bottom div.right div {border: 1px solid #6F6CEE;border-radius: 20px;background: #F2F2FF url('../img/sub/justtype/justtype_termsnproducst_check.svg') no-repeat 15px center;color:#2B2753;padding:26px 15px 26px 70px;font-size: 20px;letter-spacing: -2px;}
.justtype_TermsnProducst .justtype-bottom div.arrow {display: flex;align-items: center;}

.justtype_Regiona { padding: 100px 0px;}
.justtype_Regiona .justtype-bottom {margin-top: 64px;}
.justtype_Regiona .justtype-bottom div {position: relative;border:1px solid #D1D2DB;border-radius: 20px;padding:40px 50px 30px;}
.justtype_Regiona .justtype-bottom div.line {margin: -10px 0 10px; z-index: 99;text-align: center;border:none;padding:0;}
.justtype_Regiona .justtype-bottom div.regionaarea {border:1px dashed #6F6CEE;background: #F2F2FF;padding-top: 50px;}
.justtype_Regiona .justtype-bottom div span.title {position: absolute;left:50%;top:-17px;transform: translateX(-50%);display: inline-block;background: #2C1D72;height: 34px;line-height:34px;padding:0 20px;font-weight:300;color:#ffffff;font-size: 20px;border-radius: 17px;text-align: center;}
.justtype_Regiona .justtype-bottom div ul.iconbox {display: flex;justify-content: center;gap:50px;}
.justtype_Regiona .justtype-bottom div ul.iconbox li {display: flex; gap:25px;width:100%;}
.justtype_Regiona .justtype-bottom div ul.iconbox li div {width:100%;border:1px solid #CD6FCD;background:#F8E9F8;border-radius: 20px;font-size:20px;padding:25px 0 ;text-align: center;}
.justtype_Regiona .justtype-bottom div ul.iconbox li div i {display: inline-block;height: 45px;margin-bottom: 4px;}
.justtype_Regiona .justtype-bottom div ul.iconbox li:nth-child(2) div {background: #DAF1F2;border-color: #0BA1A9;}
.justtype_Regiona .justtype-bottom div ul.textbox {display: flex;gap:50px;}
.justtype_Regiona .justtype-bottom div ul.textbox li {border:1px solid #D1D2DB;background: #F5F5F5;color:#121212;font-size:20px;text-align: center;width: 100%;padding:13px;border-radius: 20px;}
.justtype_Regiona .justtype-bottom .regionaarea div {display: flex;border: none;padding:0;}
.justtype_Regiona .justtype-bottom .regionaarea div.zone {display: flex; justify-content: space-between;}
.justtype_Regiona .justtype-bottom .regionaarea div.zone .info {display: flex;border-radius:0;padding:10px 20px 10px 50px; margin-bottom:30px;background: #ffffff url('../img/sub/justtype/justtype_regiona_zoneicon.png') no-repeat 15px center;border-left:5px solid #6F6CEE;}
.justtype_Regiona .justtype-bottom .regionaarea div.zone .info div {display: flex;gap:20px;margin-left: 50px;font-size: 14px;}
.justtype_Regiona .justtype-bottom .regionaarea div.zone .info div span {color:#86869B;}
.justtype_Regiona .justtype-bottom .regionaarea div.zone .logo {display: flex;align-items: start;}
.justtype_Regiona .justtype-bottom .regionaarea div.zone .logo img {width:160px;}
.justtype_Regiona .justtype-bottom .regionaarea div.step {display: flex;gap:16px;}
.justtype_Regiona .justtype-bottom .regionaarea div.step div {flex-direction: column;}
.justtype_Regiona .justtype-bottom .regionaarea div.step div:nth-child(1), .justtype_Regiona .justtype-bottom .regionaarea div.step div:nth-child(2), .justtype_Regiona .justtype-bottom .regionaarea div.step div:nth-child(4) {width:100%}
.justtype_Regiona .justtype-bottom .regionaarea div.step i {display: block; text-align: center; margin-bottom: 20px;}
.justtype_Regiona .justtype-bottom .regionaarea div.step i img {width:100%}
.justtype_Regiona .justtype-bottom .regionaarea div.step div:nth-child(3) {justify-content: center;}
.justtype_Regiona .justtype-bottom .regionaarea div.step div:nth-child(4) {justify-content: space-between;}
.justtype_Regiona .justtype-bottom .regionaarea div.step div p {padding: 10px;border:1px solid #6F6CEE;background:#ffffff;color:#6F6CEE;text-align: center;border-radius: 15px;}
.justtype_Regiona .justtype-bottom .regionaarea div.step div p.purple {background-color: #6F6CEE;color:#ffffff;}
.justtype_Regiona .justtype-bottom .regionaarea .comment {color:#86869B; font-size:14px;margin-top: 30px;}

.justtype_Universe img {width:100%;}
@media (max-width: 900px) {
    .justtype_bottom ul.textbox li p, .justtype_Regiona .justtype-bottom div span.title {font-size: 1.2rem;line-height: 34px;letter-spacing: -2px;}
    .justtype_ApplicableTask ul li span.title {font-size: 1rem;}
    .justtype_ApplicableTask ul li.logo img {width:230px;}
    .justtype_SalesSupport .innerbox .textbox, .justtype_SalesSupport .innerbox .justtype span, .justtype_SalesSupport ul li, .justtype_TermsnProducst .justtype-bottom div.left div p, .justtype_TermsnProducst .justtype-bottom div.right div, .justtype_Regiona .justtype-bottom div ul.iconbox li div, .justtype_SalesSupport .innerbox .justtype p {font-size: 1.2rem;letter-spacing: -2px;}
    .justtype_SalesSupport .innerbox {padding:0 140px;}
}

@media (max-width: 768px) {
    .justtype_intro, .justtype_ApplicableTask, .justtype_SalesSupport,.justtype_TermsnProducst, .justtype_Regiona {padding:40px 0 60px;}
    .justtype_intro .line {display: none;}
    .justtype_bottom ul.iconbox, .justtype_bottom ul.textbox {flex-wrap: wrap;}
    .justtype_bottom ul.iconbox li, .justtype_bottom ul.textbox li {width:100%;}
    .justtype_bottom ul.textbox {margin-top:20px;}

    .justtype_ApplicableTask ul li.logo {position: relative;top:0;transform: translate(-50%,0%);}
    .justtype_ApplicableTask ul {flex-direction: column;}
    .justtype_ApplicableTask ul li {width:100%;margin:10px 0;}

    .justtype_SalesSupport ul {flex-direction: column;border:1px solid #D1D2DB;border-radius: 20px;padding:20px 0; }
    .justtype_SalesSupport ul li {width:100%;padding:2px 0;border:none;}
    .justtype_SalesSupport .line {display: none;}
    .justtype_SalesSupport .innerbox {padding:0px;margin-top: 20px;}
    .justtype_SalesSupport .innerbox .justtype span {display: block;width: 80%;text-align: center;padding:10px;}

    .justtype_TermsnProducst .justtype-bottom {flex-direction: column;margin-top: 20px;}
    .justtype_TermsnProducst .justtype-bottom div.arrow {justify-content: center;}
    .justtype_TermsnProducst .justtype-bottom div.arrow img, .justtype_Regiona .justtype-bottom .regionaarea div.step span img {transform: rotate(90deg);}
    .justtype_TermsnProducst .justtype-bottom div.box {padding:40px 30px;}
    

    .justtype_Regiona .justtype-bottom div ul.iconbox, .justtype_Regiona .justtype-bottom div ul.textbox, .justtype_Regiona .justtype-bottom .regionaarea div.step {flex-direction: column;gap:20px;}
    .justtype_TermsnProducst .justtype-bottom div.arrow img, .justtype_Regiona .justtype-bottom .regionaarea div.step span {display: block;text-align: center;}

    .justtype_Regiona .justtype-bottom .regionaarea div.zone {flex-direction: column-reverse;gap:20px;}
    .justtype_Regiona .justtype-bottom .regionaarea div.zone .logo {justify-content: center;}

    .justtype_bottom ul.textbox li p, .justtype_ApplicableTask ul li span.title, .justtype_Regiona .justtype-bottom div span.title {font-size: 18px;line-height: 34px;}
    
}
@media (max-width: 640px) {
    .justtype_Regiona .justtype-bottom div ul.iconbox li {flex-direction: column;}
    .justtype_Regiona .justtype-bottom .regionaarea div.zone .info {flex-direction: column;}
    .justtype_Regiona .justtype-bottom .regionaarea div.zone .info div {margin:10px 0 0 0;flex-direction: column;gap:10px;}
    .justtype_bottom ul.textbox li p, .justtype_ApplicableTask ul li span.title, .justtype_Regiona .justtype-bottom div span.title {font-size: 1rem;line-height: 34px;}
    .justtype_SalesSupport .innerbox .textbox, .justtype_SalesSupport .innerbox .justtype p, .justtype_SalesSupport .innerbox .justtype span, .justtype_SalesSupport ul li, .justtype_TermsnProducst .justtype-bottom div.left div p, .justtype_TermsnProducst .justtype-bottom div.right div {font-size: 1rem;}
}
.twin_reader_workflow .list {display: flex;justify-content: center; }

 /* -- ChatSAM -- */
 .chatsam_page {word-break: keep-all;}
 .chatsam_intro { padding: 120px 0 100px; }
 .chatsam_page .cp_m_title {font-size: 30px;margin-bottom: 50px;}
 .chatsam_page .cp_m_title span {color: #4695FC;}
 .chatsam_page .cp_m_img {text-align: center;margin-top: 80px;}
 .chatsam_page .cp_m_img img {max-width: 100%;}
 .chatsam_page .cp_m_img p + img {margin-top: 50px;}
 .chatsam_page .cp_m_img p.wicon img {margin-right: 10px;}
 .chatsam_service .col3, .chatsam_advantages .col3  {padding:0;}
 .chatsam_bottom img {max-width: 100%;margin:80px auto 0;}
 .chatsam_bottom .col3 div {border:1px solid #A6B5DF;border-radius: 10px;padding:26px;text-align: center;font-size:20px;color:#091F78;font-weight: 500;}
 .chatsam_bottom .col3 div span.num {display: inline-block;width:46px;height:46px;line-height:46px;border-radius: 50%;color:#ffffff;background: #4695fc;margin-bottom:15px;}
 .chatsam_feature, .chatsam_advantages{padding:100px 0;background: #f9f9f9;}
 .chatsam_service{padding:100px 0;}
 .chatsam_service .col3 div, .chatsam_advantages .col3 div {border-radius: 10px;padding:40px 30px;text-align: center;background: #f0f7ff;position: relative;}
 .chatsam_advantages .col3 div {background: #ffffff;}
 .chatsam_service .col3 div p:first-child, .chatsam_advantages .col3 div p:first-child {color:#4695FC;font-size:24px;margin-bottom: 0px;font-weight: 700;}
 .chatsam_advantages .col3 div p:first-child {color:#21264E;}
 .chatsam_service .col3 div p, .chatsam_advantages .col3 div p {color:#21264E;font-size:20px;margin-bottom: 15px;font-weight: 500;}
 .chatsam_service .col3 div img, .chatsam_advantages .col3 div img {margin: 15px 0;}
 .chatsam_service .col3 div ul li, .chatsam_advantages .col3 div ul li {padding:15px 0;border-bottom: 1px solid #D4E1F2;}
 .chatsam_service .col3 div ul li:last-child, .chatsam_advantages .col3 div ul li:last-child {border-bottom: none;padding-bottom:0;}
 .chatsam_service .col3 div .width {position: absolute;right:15px;top:15px;background: #4695FC;padding:6px 17px;border-radius: 15px 15px 15px 0;font-size:14px;color:#ffffff;}
 .chatsam_service .col3 div .width span {color:#ffffff;font-size:11px;opacity: 0.8;}
 .chatsam_page ul.list{ width: 100%; }
 .chatsam_page ul.list li{ display: flex; margin-bottom: 15px;background: #ffffff;border: 1px solid #D8D8D8;border-radius: 20px; }
 .chatsam_page ul.list li:last-child{ margin-bottom: 0; }
 .chatsam_page ul.list li .title{ width: 95px; margin-right: 24px; padding: 21px 0 21px 35px; color: #121212;text-align: left; flex:none;word-wrap: break-word;word-break: normal;display: flex;align-items: center;}
 .chatsam_page ul.list li .text_box{ padding: 21px 30px 21px 0px; text-align: left; display: flex;flex-direction:column; align-items: left; word-wrap: break-word;word-break: normal;}
 .chatsam_page ul.list li .text_box p:first-child{ color:#091F78;font-size:20px;font-weight:700;}

 /* -- ETL with LLM -- */
.etl_llm_page .inner {max-width:1160px;}
.etl_llm_top{ width: 100%; max-width: 1160px; margin: 0 auto; padding: 112px 0; }
.etl_llm_top .inner{ max-width:1160px; }
.etl_llm_top .llm_wrap{ text-align: center; }
.etl_llm_top .llm_wrap .cp_m_title{ display: block; margin-bottom: 30px; text-align: center; font-size: 30px; }
.etl_llm_top .llm_wrap .cp_m_title span{ color: #ECAD00; }
.etl_llm_top .llm_wrap .cp_m_title_info{ text-align: center; margin-bottom: 0; }
.etl_llm_top .llm_wrap .icon_wrap{ margin-top: 67px;display: flex; }

.etl_llm_point .point_top {text-align: center;margin-top: 70px; position: relative;}
.etl_llm_point .point_img {margin-top:10px;}
.etl_llm_point .point_img img:nth-child(2) {margin-top:-10px;}
.etl_llm_point .point_icon {text-align: center;margin-top: -15px; position: relative;z-index: 99;}
.etl_llm_point .point_text{ text-align: center;box-shadow: 0px 3px 6px #3737371F;display: inline-block; background: #ffffff;border:1px solid #ECAD00;border-radius: 99px;color:#21264E;padding:10px 38px;font-size: 18px;}
.etl_llm_point .list{ text-align: center; border:6px solid #D9DAE1;margin-top: -15px;position: relative;padding:20px}
.etl_llm_point .list .wborder{ width: 100px;height: 10px;background-color: #ffffff;border:0px;position: absolute;top:-10px;left:50%;margin-left: -50px}
.etl_llm_point .list .list_title{ font-size: 35px;font-weight: bold;}
.etl_llm_point .list ul{ display: flex; justify-content: space-between; max-width: 1160px; margin: 0 auto; gap:40px;margin-top: 30px;}
.etl_llm_point .list li{flex:1;position: relative;}
.etl_llm_point .list li::after{content: '';position: absolute;left:100%;top:20px;margin-left: 15px; width:10px;height: 14px;background-image: url('../img/sub/etl_llm/llm_point_arrow.svg' ); background-repeat: no-repeat;}
.etl_llm_point .list li:last-child::after{content: '';width: 0;height: 0;}
.etl_llm_point .list li p.title {position: relative;word-wrap: break-word;word-break: normal; background-color: #2C1D72;padding: 17px;border-radius: 10px;color:#ffffff;font-size: 18px;margin-bottom: 30px;}
.etl_llm_point .list li p:after {content: '';z-index: 9; width:2px;height: 30px;position: absolute;left:50%;top:100%;background-color: #2C1D72;}
.etl_llm_point .list li p::before {content: '';z-index: 8;width:16px;height: 16px;position: absolute;left:50%;top:100%;transform: translate(-7px,-8px); background-color: #2C1D72;border:3px solid #ffffff;border-radius: 50%;}
.etl_llm_point .list li span {display: block; position: relative;word-wrap: break-word;word-break: normal; margin-bottom: 10px;background: #ffffff;border: 1px solid #21264E;border-radius: 10px;padding:10px;font-size: 14px;}
.etl_llm_point .list li span::after {content: '';width:2px;height: 12px;position: absolute;left:50%;top:100%;background-color: #2C1D72;}
.etl_llm_point .list li span:last-child::after {content: '';width:0px;height: 0px;position: absolute;left:50%;top:100%;background-color: #2C1D72;}
.etl_llm_point .list .list_box{position: relative;background:#f9f9f9;border-radius: 10px;padding:40px 40px;margin-top: 60px;}
.etl_llm_point .list .list_box .title{position: absolute;width:80%;left:50%;top:-20px;transform: translateX(-50%); padding:6px 0; background: #ECAD00;border-radius: 20px;color:#ffffff;font-size: 18px;font-weight: bold;}
.etl_llm_point .list .list_box ul{ display: flex; justify-content: space-between; max-width: 1160px; margin: 0 auto; gap:24px;}
.etl_llm_point .list .list_box li{flex:1;position: relative;background: #ffffff;padding:10px 30px;}
.etl_llm_point .list .list_box li::after{content:'';background-image: none;}
.etl_llm_point .list .list_box li span{display: block;word-break: keep-all;border:none;font-size: 1rem; font-weight: bold;}

.etl_llm_service .list_title{ font-size: 35px;font-weight: bold;}
.etl_llm_service{ width: 100%; max-width: 1160px; margin: 0 auto; }
.etl_llm_service ul{ width: 100%; display:flex;border:none;padding:0;margin-top: 20px;gap:24px; }
.etl_llm_service ul li{ display: flex; flex:1; background: #ffffff;border: 1px solid #D8D8D8;border-radius: 20px; }
.etl_llm_service ul li .title{ padding: 13px 13px 13px 40px; color: #121212;text-align: left; flex:none;word-wrap: break-word;word-break: normal;display: flex;align-items: center;}
.etl_llm_service ul li .text_box{ padding: 23px 30px 23px 6px; text-align: left; display: flex;align-items: center; word-wrap: break-word;word-break: normal;}

.llm_feature{ padding: 120px 0 135px; background-color: #F9F9F9; }
.llm_feature .list{ width: 100%; max-width: 1128px; margin: 0 auto; }
.llm_feature .list ul{ display: flex; justify-content: center; flex-direction: row; flex-wrap: wrap;}
.llm_feature .list li{ width: 31.56%; margin:0 2.56% 2.56% 0;display: flex;flex-direction: column;gap:16px; }
.llm_feature .list li:nth-child(3n), .llm_feature .list li:last-child {margin-right: 0;}
.llm_feature .list li:last-child{ margin-right: 0; }
.llm_feature .list li span{ display: block; }
.llm_feature .list li img{ margin-bottom: 15px; }
.llm_feature .list li div{ padding: 30px 38px 40px; background-color: #fff; border-radius: 10px; text-align: center;flex:1; }
.llm_feature .list li i{ display: block; width: 65px; height: 65px; margin: 0 auto 16px; background: no-repeat center; background-size: cover; }
.llm_feature .list .cp_m_text_b{ display: block; margin-bottom: 20px; height: 48px; font-size: 18px; text-align: center; }
.llm_feature .list li:nth-child(3n) .cp_m_text_b, .llm_feature .list li:last-child .cp_m_text_b{padding-top: 10px;}
.llm_feature .list .cp_m_text{ margin-bottom: 10px;position: relative;text-align: left;padding-left: 20px;color:#707070;}
.llm_feature .list .cp_m_text::before{content: '';position: absolute; left:0px;top:5px; width:14px;height: 9px;background-image: url('../img/sub/etl_llm/llm_feature_bullet.svg' ); background-repeat: no-repeat;;}
.llm_feature .list .cp_m_text:last-child{ margin-bottom: 0; }

.llm_output{ padding: 120px 0 135px;  }
.llm_output .list{ width: 100%; max-width: 1128px; margin: 0 auto; }
.llm_output .list ul{ display: flex; justify-content: center; flex-direction: row; flex-wrap: wrap;}
.llm_output .list li{ width: 48%; margin:0 2% 2% 0;display: flex;flex-direction: column;gap:16px; }

.llm_output .list li:last-child{ margin-right: 0; }
.llm_output .list li span{ display: block;width:80%;margin:0 auto; }
.llm_output .list li img{ margin-bottom: 15px; }
.llm_output .list li div{ padding: 30px 0px ;display: flex; background-color: #fff;box-shadow: 0px 3px 30px #0000000F;border:1px solid #D8D8D8; border-radius: 10px; text-align: center;flex:1; }
.llm_output .list li div.hlist{ padding: 0px 38px;display: flex;flex-direction: column; text-align: center;flex:1;border:none;box-shadow:none;border-radius: 0; }
.llm_output .list li div.hlist:first-child{border-right: 1px solid #D8D8D8;}
.llm_output .list .cp_m_title{ margin-bottom: 20px;text-align: center;color:#ECAD00;font-size: 18px;line-height: 1.5;}
.llm_output .list .cp_m_text{ text-align: center;color:#707070;}
.llm_output .list li div.icon{ padding: 0px;display: flex;text-align: center;flex:1;border:none;box-shadow:none;border-radius: 0; }
.llm_output .list li div.icon span{ font-size: 13px;}
.llm_output .list li div.icon > div{display: block; text-align: center;border:none;box-shadow:none;border-radius: 0; width: 50%;}
.llm_output .list .line{ border:3px solid #D9DAE1;border-top: none; height: 38px;width: 80%; margin: 0 auto;margin-bottom: 40px;}
.llm_output .list ul.iconarea {width:80%;margin:0 auto;}
 


/* -- library  -- */
.cp_regular .sub_title img {width:100%; height:215px; object-fit:cover;}
.cp_regular .down_sub_title {visibility:hidden; opacity: 0;}

.library_customer {background: #f9f9f9; padding: 80px 0 130px;}
.library_customer .customer_top .cp_m_title {width: 46%; margin-bottom: 0; font-size: 30px; text-align: left;}
.library_customer .customer_top .cp_m_title span {color: #D95460;}
.library_customer .library_customer_title {display: block; margin-bottom: 110px; text-align: center;}
.library_customer .customer_top .customer_detail {display: flex; display: -ms-flex; align-items:center; justify-content:space-between; flex-direction:row; flex-wrap:wrap;}
.library_customer .customer_top .customer_detail .customer_img_wrap {position: relative; width: 50%; height: 255px;}
.library_customer .customer_top .customer_detail .customer_img_wrap .customer_img {position: absolute; top: 0; left: 0;}
.library_customer .customer_top .customer_detail .customer_img_wrap .customer_img img {width: 100%; height: auto;}
.library_customer .customer_top .customer_tab_wrap {margin-top: 16px; display: flex; display: -ms-flex; justify-content:space-between; flex-direction:row; flex-wrap:wrap;}
.library_customer .customer_top .customer_tab_wrap .list {width: 46%; margin-top: 70px; cursor:pointer; opacity: 0.4; transition:all 0.3s; -ms-transition:all 0.3s; -webkit-transition:all 0.3s; -moz-transition:all 0.3s;}
.library_customer .customer_top .customer_tab_wrap .list.active {opacity: 1;}
.library_customer .customer_top .customer_tab_wrap .list span {display: block; margin-bottom: 25px; padding-bottom: 18px; font-size: 22px; font-weight: 500; line-height: 1.5; border-bottom: 2px solid #121212; font-family: 'Noto Sans KR', sans-serif;}
.library_customer .customer_top .customer_tab_wrap .list ul {font-size: 0; margin: 0 -10px;}
.library_customer .customer_top .customer_tab_wrap .list li {display: inline-block; font-size: 18px; line-height: 1.4; color: #121212; margin: 0 10px 12px 10px;}

.library_partner {padding: 65px 0 154px; text-align: center;}
.sub_content .library_partner .list .cp_m_text_b {position: relative;}
.sub_content .library_partner .list .cp_m_text_b::after {content:"";border-bottom: 2px solid #D95460;position: absolute;left:50%;bottom:0%;width:40px;margin:0 0 -15px -20px;}
.sub_content .library_partner .list .cp_m_text_b + img {padding-top: 20px;}
.library_partner .library_partner_title {display: block; margin-bottom: 22px;}
.library_partner .partner_detail {margin-top: 80px; /*background: url('../img/sub/library/customer_partner__bg.svg') no-repeat; background-position:center 20%;*/}
.library_partner .partner_detail .list ul {display: flex; display: -ms-flex; justify-content:space-around; flex-direction:row; flex-wrap:wrap;}
.library_partner .partner_detail .list li {width: 50%; margin-bottom: 51px; text-align: left;}
.library_partner .partner_detail .list li:after {content:''; display: block; clear:both;}
.library_partner .partner_detail .list li:last-child {margin-bottom: 0;}
.library_partner .partner_detail .list li span {display: block; margin-bottom: 20px; padding-bottom: 18px; font-size: 22px; font-weight: 500; line-height: 1.5; border-bottom: 2px solid #121212; font-family: 'Noto Sans KR', sans-serif;}
.library_partner .partner_detail .list li .partner_cont {width: 320px;}
.library_partner .partner_detail .list li:nth-child(2) .partner_cont, .library_partner .partner_detail .list li:nth-child(4) .partner_cont {float:right;}
.library_partner .partner_detail .list li:last-child .partner_cont {margin: 0 auto;}
.library_partner .partner_detail img {max-width:100%;}
.library_partner .partner_detail img.only_mo {max-width:100%; width: 290px; margin: 0 auto;}

/* -- company  -- */
.company_page {word-break:keep-all; line-height: 1.5;}
.company_page .company_agile_banner {padding: 60px 0 70px; background: linear-gradient(110deg, #2C1D72 8%, #D95460 150%); /*background: url('../img/sub/company/company_top__bg.jpg') no-repeat center/cover;*/}
.company_page .company_agile_banner .inner {max-width: 1010px;}
.company_page .company_agile_banner h3 {margin-bottom: 70px; font-size: 60px; font-weight: 600; line-height: 1; color: #ffffff; text-align: center;} 
.company_page .company_agile_banner dl {padding: 0 0 35px;}
.company_page .company_agile_banner dl:last-child {padding-bottom: 0;}
.company_page .company_agile_banner dt {display: inline-block; width: 140px; margin-right: 45px; font-size: 40px; font-weight: 600; color: #ffffff; opacity: 0.6; line-height: 1; vertical-align: top;}
.company_page .company_agile_banner dd {display: inline-block; position: relative; height: 41px; margin-bottom: 0; padding: 0 20px 0 20px; font-size: 28px; font-weight: 400; color: #ffffff; line-height: 1; vertical-align: top;}
.company_page .company_agile_banner dd:before {content:''; position: absolute; bottom: 0; left: 0; background: rgba(255,255,255,0.15); width: 100%; height: 25px; }
.company_page .company_agile_banner dd br {display: none;}

.company_agile_identity {padding: 70px 0 100px; text-align: center;}
.company_agile_identity .cp_m_title {margin-top: 50px;}
.company_agile_identity .cp_m_title span {color: #D95460;}
.company_agile_identity .company_agile_list ul {display: flex; display: -ms-flex; justify-content:space-between; flex-direction:row; flex-wrap:wrap; align-items:center;}
.company_agile_identity .company_agile_list .icon {display: inline-block; margin-bottom: 10px; width: 70px; height: 70px;}
.company_agile_identity .company_agile_list .icon01 {background: url('../img/sub/company/company_list_icon01.svg') no-repeat center/100%;}
.company_agile_identity .company_agile_list .icon02 {background: url('../img/sub/company/company_list_icon02.svg') no-repeat center/100%;}
.company_agile_identity .company_agile_list .icon03 {background: url('../img/sub/company/company_list_icon03.svg') no-repeat center/100%;}
.company_agile_identity .company_agile_list .icon04 {background: url('../img/sub/company/company_list_icon04.svg') no-repeat center/100%;}
.company_agile_identity .company_agile_list {margin-top: 100px;}
.company_agile_identity .company_agile_list .txt {font-size: 45px; line-height: 1.4; font-weight: 500; color: #CCCCCC;}
.company_agile_identity .company_agile_list .txt span {color: #21264E;}

.company_agile_goal {background: #f9f9f9; padding: 111px 0 139px;}
.company_agile_goal .inner {padding: 0 82px;}
.company_agile_goal li:first-child {margin-top: 0;}
.company_agile_goal li:after {content:''; display: block; clear:both;}
.company_agile_goal li {margin-top: 90px; display: flex; display: -ms-flex; justify-content:space-between; flex-direction:row; flex-wrap:wrap; align-items:center;}
.company_agile_goal li.goal_li02, .company_agile_goal li.goal_li04 {flex-direction:row-reverse;}
/* .company_agile_goal li.goal_li01 .goal_img, .company_agile_goal li.goal_li03 .goal_img {padding-left: 106px;}
.company_agile_goal li.goal_li02 .goal_desc, .company_agile_goal li.goal_li04 .goal_desc {padding-left: 106px;} */

.company_agile_goal li .goal_desc {width: 45%; letter-spacing: -0.3px;}
.company_agile_goal li.goal_li02 .goal_desc {padding-right: 0;}
.company_agile_goal li .goal_desc .desc_box {display: inline-block;}
.company_agile_goal li .goal_desc b {font-size: 24px; line-height: 1.45; font-weight: 700;}
.company_agile_goal li .goal_desc p {margin-top: 20px; font-size: 20px; line-height: 1.45;}

.company_agile_goal li.goal_li01 .goal_desc .desc_box, .company_agile_goal li.goal_li03 .goal_desc .desc_box {float:left;}
.company_agile_goal li.goal_li02 .goal_desc .desc_box, .company_agile_goal li.goal_li04 .goal_desc .desc_box {float:right;}
.company_agile_goal li.goal_li02 .goal_img .goal_img_box, .company_agile_goal li.goal_li04 .goal_img .goal_img_box {float:left;}
.company_agile_goal li.goal_li01 .goal_img .goal_img_box, .company_agile_goal li.goal_li03 .goal_img .goal_img_box {float:right;}

.company_agile_goal li .goal_img {width: 55%; height: 208px;}
.company_agile_goal li .goal_img_box {width: 376px; height: 100%; background: #21264E; border-radius:10px; text-align: left; color: #ffffff; }
.company_agile_goal li .goal_img_box .txt_box {display: inline-block; text-align: center;}
.company_agile_goal li .goal_img_box span {display: block; font-size: 24px;}
.company_agile_goal li.goal_li01 .goal_img {padding-right: 13px;}
.company_agile_goal li.goal_li03 .goal_img {padding-right: 13px;}
.company_agile_goal li.goal_li01 .goal_img_box {padding: 71px 0 0 30px; background:#21264E url('../img/sub/company/company_goal__icon01.png') no-repeat right 50px center/146px;}
.company_agile_goal li.goal_li02 .goal_img_box {padding: 105px 0 0 30px; background:#21264E url('../img/sub/company/company_goal__icon02.png') no-repeat right 35px center/168px;}
.company_agile_goal li.goal_li03 .goal_img_box {padding: 86px 0 0 50px; background:#21264E url('../img/sub/company/company_goal__icon03.png') no-repeat right 50px center/149px;}
.company_agile_goal li.goal_li04 .goal_img_box {padding: 16px 0 0 0; background:#21264E url('../img/sub/company/company_goal__icon04.png') no-repeat center bottom 25px/238px; text-align: center;}

.company_awards {padding: 0 0 121px; text-align: center;}
.company_awards .company_awards_top {padding: 90px 0 0; background: url('../img/sub/company/company_awards_top__bg.png') no-repeat center top/100%;}
.company_awards .company_awards_top .company_awards_title {color: #121212;}
.company_awards .company_awards_top .awards_tit {display: inline-block; margin: 50px 0 70px; padding: 0 157px; background: url('../img/sub/company/company_awards_tit__bg.png') no-repeat center top/100%;}
.company_awards .company_awards_top .awards_tit p, .company_awards .company_awards_top .awards_tit_textonly p {margin: 25px 0 20px; font-size: 35px; font-weight: 500; line-height: 1.4; color: #121212;}
.company_awards .company_awards_top .awards_tit .awards_selection, .company_awards .company_awards_top .awards_tit_textonly .awards_selection {display: inline-block; background: #fff; padding: 14px 38px 16px 38px; border-radius:16px; box-shadow: 3px 3px 10px rgba(0,0,0,.16); font-size: 28px; font-weight: 700; line-height: 1.4; color: #2C1D72;}
.company_awards .company_awards_top .awards_tit_textonly {display: inline-block; margin: 50px 0 70px; }
.company_awards .company_awards_top .awards_desc {margin-bottom: 120px;}
.company_awards .company_awards_top .awards_desc .awards_bg01, .company_awards .company_awards_top .awards_desc .awards_bg02 {background-size: cover;color:#ffffff;font-size: 32px;font-weight: 500;padding:20px 50px;}
.company_awards .company_awards_top .awards_desc .awards_bg01 {background: url('../img/sub/company/company_awards_bg01.png'); margin-bottom: 25px;}
.company_awards .company_awards_top .awards_desc .awards_bg02 {background: url('../img/sub/company/company_awards_bg02.png'); }
.company_awards .company_awards_top .awards_desc.img {display: flex;justify-content: center; }
.company_awards .company_awards_top .awards_desc p {margin:0 0 50px; font-size: 35px; line-height: 1.4; color: #121212;}
.company_awards .company_awards_top .awards_desc p + p {margin: 0 0 60px;}
.company_awards .company_awards_top .awards_desc p.strong {font-size: 32px;font-weight: 500;}
.company_awards .company_awards_top .awards_desc img {max-width: 100%;}
.company_awards .company_awards_top .awards_img  {margin-top: 50px;}
.company_awards .company_awards_top .awards_img img {width: 100%; height: auto;}
.company_awards .company_awards_bottom {margin-top: 130px;}
.company_awards .company_awards_bottom .company_awards_title {display: block; margin-bottom: 50px; padding:20px 0; background:url('../img/sub/company/company_awards_tit__bg.svg') no-repeat center/contain;}
.company_awards .awards_history li {position: relative; padding: 20px 10px; padding-right: 125px; border-bottom: 1px solid #959595; font-size: 22px; text-align: left;}
/* .company_awards .awards_history li p {overflow: hidden; white-space:nowrap; text-overflow:ellipsis;} */
.company_awards .awards_history li .date {position: absolute; top: 50%; right: 10px; transform:translateY(-50%); font-family: 'Noto Sans KR', sans-serif!important;}
.company_awards .coolvendor_logo {display: block; width: 131px; margin: 50px auto 35px;}
.company_banner_layer {margin-top: 0;}

.company_patent .patent_selection {display: inline-block; background: #fff; padding: 14px 38px 16px 38px; border-radius:16px; box-shadow: 3px 3px 10px rgba(0,0,0,.16); font-size: 28px; font-weight: 700; line-height: 1.4; color: #2C1D72;}
.company_patent .patent_selection span {color: #D95460;}
.company_patent .patent_desc {font-size: 18px;color: #959595;line-height: 26px;padding: 15px 0;display: block;}
.company_patent {background: #f9f9f9; padding: 70px 0 115px;}
.company_patent .company_patent_title {display: block; margin-bottom: 60px; text-align: center;}
.company_patent table th {padding: 10px; background: #F2F8FB; border-top: 2px solid #121212; border-bottom: 1px solid #D2D2D2; text-align: center; font-size: 18px; font-weight: 500;}
.company_patent table td {padding: 18px 10px; font-size: 18px; border-bottom: 1px solid #D2D2D2;}
.company_patent .tbl_wrap {max-height:800px; overflow-y:auto;}
.company_patent .tbl_top {width: calc(100% - 18px); }
.company_patent .tbl_wrap {text-align: center;}
.company_patent table {background: transparent; width: 100%; }
.company_patent table td {text-align: left;}
.company_patent table td:first-child {text-align: right;}
.company_patent table td.more {text-align: center;}
.company_patent table td.more img {float: none;}
.company_patent table td img {margin-right: 6px;float: left;}
.company_papers .papers_selection {display: inline-block;margin-bottom: 56px; background: #fff; padding: 14px 38px 16px 38px; border-radius:16px; box-shadow: 3px 3px 10px rgba(0,0,0,.16); font-size: 28px; font-weight: 700; line-height: 1.4; color: #2C1D72;}
.company_papers .papers_selection span {color: #D95460;}
.company_papers ul {display: flex;flex-direction: column;gap:50px;}
.company_papers ul li {display: flex;min-height: 230px;align-items: center;padding:20px;background: #ffffff;border:1px solid #8485D4;border-radius: 20px;text-align: left;}
.company_papers ul li img {margin:0 33px 0 24px;}
.company_papers ul li p:first-child {margin-bottom:10px;color: #2C1D72;font-size: 18px;font-weight: 500;}
.company_papers ul li p {font-size: 18px;color:#121212;word-wrap: break-word;word-break:normal;}

.company_histroy {padding: 90px 0;}
.company_histroy_banner_line {background: #2C1D72; height: 3px;}
.company_histroy_banner_list .swiper-slide .date {color: #2C1D72;}
.company_histroy_banner_list .swiper-slide:first-child .date {color: #d84c56;}
.company_histroy_banner_list .swiper-slide .date:before {background:url('../img/sub/company/company_histroy_banner__icon2.png') no-repeat 0 0;}
.company_histroy_banner_list .swiper-slide:first-child .date:before {background:url('../img/sub/company/company_histroy_banner_icon.png') no-repeat 0 0;}

.company_person {background: #f9f9f9; padding: 90px 0 174px;}
.company_ceo_list .company_ceo {background: none; padding-top: 0;display: flex;gap:50px;justify-content: center;align-items: center;}
.company_ceo_list .company_ceo div.photo {flex:none;}
.company_ceo_list .company_ceo .company_ceo_nm {margin-bottom: 15px;}
.company_ceo_list .company_ceo span {font-size: 18px;}
.company_ceo_list .company_ceo ul {position: relative; }
.company_ceo_list .company_ceo li {position: relative; padding-left: 10px; font-size: 18px; text-align: left;}
.company_ceo_list .company_ceo li:last-child {margin-bottom: 0;}
.company_ceo_list .company_ceo li:after {content:''; position: absolute; top: 10px; left: 0px; width: 5px; height: 5px;border-radius: 50%; background: #54A5D2; z-index: 1;}
.company_ceo_list .company_ceo ul div {margin-top: 20px;text-align: left;}
.company_ceo_list .company_ceo ul div p {line-height: 26px;display: block;}
.company_ceo_list .company_ceo ul div p span {color: #2C1D72; font-weight: 500;}
.company_person .section {margin:60px 0 30px;width:118px;height: 42px;line-height: 42px; display: inline-block;border-radius: 26px;background: #2C1D72;color:#ffffff;}
.company_ceo_ul {text-align: center;display: flex;gap:110px;justify-content: center;}
.company_ceo_ul.list {background: #ffffff;border:1px solid #E4E4E4;border-radius: 20px;padding:48px 0;display: flex;gap:0;}
.company_ceo_ul.list li {border-right: 1px solid #E4E4E4;width:25%;margin:0;padding:0;}
.company_ceo_ul.list li:last-child {border-right: none;}
.company_ceo_ul.list li span {display: block;font-size: 16px;}
.company_ceo_ul.list li span:first-of-type {color:#54A5D2;font-size: 14px;margin: 8px 0 20px;}
.company_ceo_ul li {width: auto; height: auto; margin-bottom: 38px; margin-right: 17px; vertical-align: top;}
.company_ceo_ul li img {/*box-shadow:5px 5px 10px rgba(0,0,0,.16);*/ }
.company_ceo_ul li strong {margin: 10px 0 8px; padding-bottom: 0; font-size: 18px; color: #121212; font-weight: 500;}
.company_ceo_ul li:nth-child(1) {margin-left: 0;}
.company_ceo_ul li:last-child {margin-right: 0;}
.company_ceo_ul li > span {font-size: 16px; font-weight: 400;}

@media (min-width: 1161px) { /* PC Only */
    .only_pc{ display: block; }
    .only_ta{ display: none; }
    .only_mo{ display: none; }

    /* -- decision -- */
    .decision_top .img_pc{ display: block; max-width: 1087px; }

    /* -- twin_reader_workflow -- */
    .twin_reader_workflow .inner::after{ top: 20px; left: 0; width: 100%; height: 100%;   }
    .twin_reader_workflow .list ul li{ margin: 0 16px 16px 0; }
    .twin_reader_workflow .list ul li:nth-child(4),
    .twin_reader_workflow .list ul li:last-child{ margin-right: 0; }
    .twin_reader_workflow .list ul li:nth-child(n + 5){ margin-bottom: 0; }
    .twin_reader_output .output_bottom > ul{ min-height: 555px !important;}
    .twin_reader_output .col3 div:nth-child(3) ul{ padding:0px;display: flex;justify-content: center;align-items: center;width: 100%;}
    .twin_reader_output .col3 div:nth-child(3) ul li{ display: flex;justify-content: center;align-items: center;}

    /* -- twin_doc_top */
    .twin_doc_top img{ margin-top: 150px; }
    .sparkling_soda_output .col2 ul {min-height: 270px !important;}

}


@media (max-width: 1160px) { /* 타블렛 */
    .inner {width: 100%; margin: 0 auto; padding: 0 30px;}

    /* -- 반응형 분기 클래스 -- */
    .only_pc {display: none !important;}
    .only_ta {display: block !important;}

    /* -- sub banner -- */
    .sub_content{ margin-top: 70px; }
    .sub_content .sub_banner{ height: 200px; }

    /* -- decision -- */
    .decision_top{ padding: 80px 0 100px; }
	.decision_top p br {display: none;}
	.product_map .product_twin_list ul li {vertical-align: bottom;}
	.product_map .product_twin_list ul li .img {height: auto;}

    /* -- twin_reader -- */
    .twin_reader_top{ padding: 88px 0 120px; }
    .twin_reader_top .inner{ flex-wrap: wrap; }
    .twin_reader_top .inner > div{ width: 100%; }
    .twin_reader_top .left{ width: 100%; padding-right: 0; }
    .twin_reader_top .left .cp_m_title{ text-align: center; }
    .twin_reader_top .left .cp_m_title_info{ margin-bottom: 70px; text-align: center; }
    .twin_reader_top .right{ max-width: 572px; margin: 0 auto; }

    .twin_reader_feature{ padding: 120px 0 102px; }
    .twin_reader_feature .feature_bottom{ margin-top: 75px; }
    .twin_reader_feature .feature_bottom ul li{ margin-right: 33px; }

    .twin_reader_workflow{ padding: 120px 0 0; }
    .twin_reader_workflow .list ul li{ width: calc(33.33% - 22px); }

    .twin_reader_user .user_wrap {flex-direction: column;}
    .twin_reader_user .user_wrap div {width:100%;}    

    .twin_reader_user{ padding: 0 0 120px; }
    .twin_reader_user .cp_m_title{ margin-bottom: 30px; }
    .twin_reader_user .user_wrap > div{ padding: 40px 35px; }
    .twin_reader_user .user_wrap .left{ min-width: 380px; margin-right: 20px; }
    .twin_reader_user .user_wrap .left .con01{ margin-right: 0; }
    .twin_reader_user .user_wrap .left .con02{ float: right; }
    .twin_reader_user .user_wrap .left .con03{ margin-left: 20px; }
   
    .twin_reader_point{ padding: 120px 0 103px; }
    
    .twin_reader_field{ padding: 120px 0 100px; }

    .twin_reader_output{ padding: 120px 0 100px }
    .twin_reader_output .output_bottom > ul > li{ padding: 25px 24px 40px; }
    .twin_reader_output .output_bottom .benefit ul li{ min-width: 175px; padding: 0 20px; }

	.twin_reader_user .user_wrap .right p img {margin: 0;}

    /* -- twin_doc -- */
    .twin_doc_top{ padding: 90px 0 140px; }
    .twin_doc_top .doc_wrap{ flex-wrap: wrap; }
    .twin_doc_top .doc_wrap > div{ width: 100%; }
    .twin_doc_top .left{ width: 100%; padding-right: 0; }
    .twin_doc_top .left .cp_m_title{ text-align: center; }
    .twin_doc_top .left .cp_m_title_info{ text-align: center; }
    .twin_doc_top .right{ max-width: 572px; margin: 70px auto 0; }

    .twin_doc_feature{ padding: 120px 0 100px; }
    .twin_doc_feature .cp_m_title_info br{ display: none; }
    .twin_doc_feature .cont01 ul{ justify-content: space-between; }
	.twin_doc_feature .cont01 li {width: 49%;}

    .twin_doc_workflow{ padding: 90px 0 120px; }

    .twin_doc_field{ padding: 100px 0 110px; }
    .twin_doc_field .cp_m_title_info{ margin-bottom: 80px; }
    .twin_doc_field .img_box{ flex-wrap: wrap; margin: 0 auto 80px; }
    .twin_doc_field .img_box img{ width: 100%; max-width: 567px; margin: 0 auto; }
	.twin_doc_field .img_box .only_ta {margin: 30px auto;}
	.twin_doc_field .list_box ul li {width: 49%; margin-bottom: 20px; padding:20px 0;}
	.twin_doc_field .list_box ul li p {height: auto;}
	.twin_doc_field .list_box ul li:first-child p {line-height: 1;}

    .twin_doc_output{ padding: 90px 0 130px; }
    .twin_doc_output .list{ justify-content: center; }
    .twin_doc_output .list > div{ max-width: 300px; padding: 30px 30px 50px !important; }
    .twin_doc_output .list_left{ margin-right: 30px; }
    .twin_doc_output .list_left ul{ flex-wrap: wrap; }
    .twin_doc_output .list_left li{ width: 100%; margin-bottom: 60px; padding: 0 !important; }
    .twin_doc_output .list_left li::after{ top: calc(100% + 30px); width: 100%; height: 1px ;  }
    .twin_doc_output .list_left li:last-child{ margin-bottom: 0; }

    .twin_doc_output .list_right ul{ flex-wrap: wrap; }
    .twin_doc_output .list_right li{ width: 100%; margin-bottom: 35px; }
    .twin_doc_output .list_right li:last-child{ margin-bottom: 0; }
    .twin_doc_output .list i.chk03{ margin-bottom: 30px; }

    /* -- decision -- */
    .product_map { padding:80px 0 168px; }
    .product_map .product_twin_list ul li:nth-child(1) { width: 32.84%; }
    .product_map .product_twin_list ul li:nth-child(2) { width: 33.53%; }
    .product_map .product_twin_list ul li:nth-child(3) { width: 32.75%; }
    .product_map .product_twin_list ul li .img img {width: 100%;}
    .product_map .product_twin_list ul li .cp_m_text {font-size: 16px;}
    .product_map .product_bottom_img {margin-top: 80px;}
    .decision_top img.only_pc, .product_map .product_bottom_img img.only_pc {display: block !important;}
    
    /* -- twin_story -- */
    .twin_story_top {padding: 90px 0 10px;}
    .twin_story_list {margin:90px 0 55px;}
    .twin_story_list ul li {width: 48.33%; margin-bottom: 3.33%;}
    .twin_story_output {padding: 110px 0 145px;}

    .twin_story_output .list{ justify-content: center; }
    .twin_story_output .list > div{ max-width: 300px; padding: 30px 30px 50px !important; }
    .twin_story_output .list_left{ margin-right: 30px; }
    .twin_story_output .list_left ul{ flex-wrap: wrap; }
    .twin_story_output .list_left li{ width: 100%; margin-bottom: 60px; padding: 0 !important; }
    .twin_story_output .list_left li::after{ top: calc(100% + 30px); width: 100%; height: 1px ;  }
    .twin_story_output .list_left li:last-child{ margin-bottom: 0; }

    .twin_story_output .list_right ul{ flex-wrap: wrap; }
    .twin_story_output .list_right li{ width: 100%; margin-bottom: 35px; }
    .twin_story_output .list_right li:last-child{ margin-bottom: 0; }
    .twin_story_output .list i.chk03{ margin-bottom: 30px; }

    /* -- baking_soda -- */
    .baking_soda_top{ padding: 80px 0 90px; }
    .baking_soda_top .baking_soda_wrap{ flex-wrap: wrap; }
    .baking_soda_top .baking_soda_wrap > div{ width: 100%; }
    .baking_soda_top .left{ width: 100%; padding-right: 0; }
    .baking_soda_top .left .cp_m_title{ text-align: center; }
    .baking_soda_top .left .cp_m_title_info{ text-align: center; }
    .baking_soda_top .right{ max-width: 572px; margin: 70px auto 0; }
    .baking_soda_top .cp_m_title{ padding: 0 85px; }
    .baking_soda_top .cp_m_title br{ display: none; }
    .baking_soda_top .cp_m_title_info{ margin-bottom: 50px; }
    .baking_soda_top img{ margin-bottom: 60px; margin-top: 90px;}

    .baking_soda_feature{ padding: 70px 0; }
    .baking_soda_feature .list ul{ justify-content: center; }
    .baking_soda_feature .list li{ padding: 30px 22px; height: auto;}
    .baking_soda_feature .list li:nth-child(4), .baking_soda_feature .list li:last-child {padding: 30px 22px;}
    .baking_soda_feature .list .cp_m_text br {display: none;}

    .baking_soda_workflow{ padding: 80px 0; }

    .baking_soda_point{ padding: 80px 0; }

    .baking_soda_task{ padding: 80px 0 70px; }
    .baking_soda_task .cp_m_title {margin-bottom: 60px;}
    .baking_soda_task .top_list {background: url('../img/sub/baking_soda/baking_soda_task__bg_mo.png') no-repeat center 35%; background-size:25%; margin: 0 -1.11%;}
    .baking_soda_task .top_list ul {justify-content:left;}
    .baking_soda_task .top_list li {width: 33.33%; padding:0 1.11%; margin-bottom: 20px; }
    .baking_soda_task .top_list li div {padding: 20px 10px;}
    .baking_soda_task .top_list li p br {display: block;}
    .baking_soda_task .top_list li:nth-child(n+0):nth-child(-n+5) {margin-bottom: 20px;}
    .baking_soda_task .top_list li:nth-child(4) {margin-right: 33.33%;}
    .baking_soda_task .top_list li:nth-child(9) {margin-bottom: 0;}
    .baking_soda_task .bottom_list li p br {display: none;}

    .baking_soda_output{ padding: 70px 0 80px; }
    .baking_soda_output li{ margin-right: 25px; }
    .baking_soda_output .cont01{ min-height: 320px; padding: 20px 15px 30px; }
    .baking_soda_output .cont02{ min-height: 190px; padding: 20px; }

    /* -- chip_soda -- */
    .chip_soda_top {padding: 90px 0 60px;}
    .chip_soda_top .txt_box .cp_m_title br {display: none;}

    .chip_soda_process {margin-bottom: 50px;}
    .chip_soda_process .process_cont {flex-direction: column;}
	.chip_soda_process .step {height: auto;}
    .chip_soda_process .arrow {margin:30px 0;}
    .chip_soda_process .arrow .icon {background: url('../img/sub/chip_soda/chip_soda__arrow02.svg') no-repeat center; width: 60px; height: 149px; } 

    .chip_soda_result .cp_m_title {margin-bottom: 60px;}
    .chip_soda_result .chip_result_list .list .list_detail ul {align-items: center;}
    .chip_soda_result .chip_result_list .list .list_detail .txt p br {display: none;}
	.chip_soda_result .chip_result_list .list02 .list_detail .txt {margin-top: 24%;}
    .chip_soda_result .chip_result_list .list02 .list_detail ul li:last-child .txt p {padding-top: 0;}
    .chip_soda_result .chip_result_list .list01 .list_detail p {height: 32px;}

    .chip_soda_bottom {padding: 100px 0 135px;}
    .chip_soda_bottom .inner > ul {flex-direction: column; justify-content:center;}
    .chip_soda_bottom .inner > ul > li {margin:0 auto;}
    .chip_soda_bottom .inner > ul > li:nth-child(2) {margin: 135px auto;}
	

	/* -- library -- */
	.library_customer {padding: 70px 0 100px;}
	.library_customer .library_customer_title {margin-bottom: 50px; font-size: 35px !important;}
	.library_customer .customer_top .cp_m_title {width: 100%; margin-bottom: 70px; text-align: center;}
	.library_customer .customer_top .cp_m_title br {display: none;}
	.library_customer .customer_top .customer_detail {display: flex; display: -ms-flex; align-items:center; justify-content:space-between; flex-direction:column; flex-wrap:wrap;}
	.library_customer .customer_top .customer_detail .customer_img_wrap {width: 62.66%; height: auto; padding-top: 30%;}
	.library_customer .customer_top .customer_tab_wrap {padding: 0 30px;}

	.library_partner {padding: 50px 0 150px;}
	.library_partner .inner {padding: 0 60px;}
	.library_partner .library_partner_title {font-size: 35px !important;}
	.library_partner .library_partner_sub_title {font-size: 18px !important;}
	.library_partner .partner_detail {background: none;}

	/* -- company  -- */
	.company_page .company_agile_banner dl {text-align: center;}
	.company_page .company_agile_banner dt {display: block; width: auto; margin: 0 0 10px 0;}
    .company_page .company_agile_banner dd {padding: 0 20px; height: 75px; line-height: 1.2;}
    .company_page .company_agile_banner dl:nth-of-type(2) dd {height: 41px;}
    .company_page .company_agile_banner dd br {display: block;}

	.company_agile_identity .company_agile_list {margin-top: 70px;}

	.company_agile_goal .inner {padding: 0 65px;}
	.company_agile_goal li.goal_li01 .goal_img, .company_agile_goal li.goal_li03 .goal_img {padding-right: 5px;}
	.company_agile_goal li.goal_li02 .goal_desc {padding-right: 38px;}
	.company_agile_goal li.goal_li04 .goal_desc .desc_box {margin-right: -10px;}
	
	.company_awards .company_awards_top {padding: 120px 0 0;}
	.company_awards .company_awards_top .awards_tit p {font-size: 25px;}
	.company_awards .company_awards_top .awards_tit .awards_selection {font-size: 25px;}
	.company_awards .company_awards_top .awards_desc p {font-size: 25px;}
	.company_awards .company_awards_top .awards_logo img {width: 66%;height: auto;}
	.company_awards .awards_history li {font-size: 18px;}

	.company_patent .company_patent_title {margin-bottom: 50px;}
	.company_patent {padding: 50px 0 90px;}
	.company_patent table td {font-size: 16px;}
	.company_patent .tbl_top {width: 100%;}
	.company_patent .tbl_bottom {max-height:800px; overflow-y:auto;}

	.company_histroy {padding: 90px 0 0;}

	.company_person {background: #f9f9f9; padding: 80px 15px 107px;}
	.company_ceo_list {width: 100%;}
	.company_ceo_list, .company_ceo_list .company_ceo {height: auto;}
	.company_ceo_list .company_ceo {position: static; width: auto; margin:0 auto; margin-bottom: 65px; }
	.company_ceo_ul {width: 100%;}
    .company_awards .company_awards_top .awards_tit p, .company_awards .company_awards_top .awards_tit_textonly p {font-size: 25px;}
    .company_awards .company_awards_top .awards_tit .awards_selection, .company_awards .company_awards_top .awards_tit_textonly .awards_selection {font-size: 25px;}
    .company_awards .company_awards_top .awards_desc .awards_bg01, .company_awards .company_awards_top .awards_desc .awards_bg02 {font-size: 25px;}
    .company_awards .company_awards_top .awards_desc p.strong {font-size: 25px;}
    .company_patent .patent_selection, .company_papers .papers_selection {font-size: 25px;}

    .etl_llm_top, .llm_feature, .llm_output {padding: 80px 0 70px;}
}

@media (min-width: 769px) and (max-width: 1160px) { /* 타블렛 Only */
    
    /* -- decision -- */
    .decision_top .only_ta{ display: block; width: 100%; max-width: 900px; }

    /* -- twin_reader -- */
    .twin_reader_workflow .list ul li{ margin: 0 33px 16px 0; }
    .twin_reader_workflow .list ul li:nth-child(3n){ margin-right: 0; }
    .twin_reader_workflow .list ul li:last-child{ margin-right: 0; margin-bottom: 0; }

    /* -- twin_doc -- */
    .twin_doc_top img{ margin-top: 90px; }

    .twin_doc_field img{ margin-bottom: 60px; }
    .twin_doc_field img:last-of-type{ margin-bottom: 0; }

    .company_patent .patent_selection, .company_papers .papers_selection {margin:20px 0 30px 0;}
    .company_papers ul {gap:20px;}
    .company_papers ul li {min-height:0;}
    .company_papers ul li p {font-size:16px;}
    .company_ceo_ul {gap:60px;}
    .company_ceo_ul.list {flex-wrap:wrap;gap:20px;}
    .company_ceo_ul.list li {width:30%;border-right: none; }
    .company_ceo_list .company_ceo .company_ceo_nm {font-size: 25px;}
    .company_ceo_list .company_ceo li {font-size: 16px;}

    .etl_llm_point .list .list_box ul {flex-direction: column;}
    .llm_output .list li div {flex-direction: column;padding:0px 24px;}
    .llm_output .list li div.hlist {padding:30px 0px;}
    .llm_output .list li div.hlist:first-child {border-right: none; border-bottom: 1px solid #D8D8D8;}
    .llm_output .list .iconarea li {margin:0;flex-direction: row;}
    .llm_output .list li div.icon {justify-content: center;}
    .llm_output .list li div.icon > div {width:100%;}
    
}

@media (max-width: 1000px) { 
    .product_map .product_twin_list ul li .arrow {width: 6vw;}
    .product_map .product_twin_list ul li .arrow img {width: 100%; height: auto;}

    /* -- chip_soda -- */
    .chip_soda_top .chip_top_list ul li .txt span {padding: 7px 10px;}
    .chip_soda_top .chip_top_list ul li .txt span br {display: none;}
    .chip_soda_top .chip_top_list ul li .img img {width: 100%;}

	/* -- company  -- */
	.company_agile_goal li {}
	.company_agile_goal li .goal_desc {margin-bottom: 20px; width: 100%; text-align: center;}
	.company_agile_goal li .goal_img {margin: 0 auto; width: 100%;}
	.company_agile_goal li .goal_img_box {margin: 0 auto;}
	.company_agile_goal li, .company_agile_goal li.goal_li02, .company_agile_goal li.goal_li04 {flex-direction:column;}
	.company_agile_goal li.goal_li01 .goal_desc .desc_box, .company_agile_goal li.goal_li03 .goal_desc .desc_box {float:none;}
	.company_agile_goal li.goal_li02 .goal_desc .desc_box, .company_agile_goal li.goal_li04 .goal_desc .desc_box {float:none;}
	.company_agile_goal li.goal_li01 .goal_img, .company_agile_goal li.goal_li03 .goal_img {padding: 0;}
	.company_agile_goal li.goal_li02 .goal_img .goal_img_box, .company_agile_goal li.goal_li04 .goal_img .goal_img_box {float:none;}
	.company_agile_goal li.goal_li01 .goal_img .goal_img_box, .company_agile_goal li.goal_li03 .goal_img .goal_img_box {float:none;}
	.company_agile_goal li.goal_li02 .goal_desc {padding: 0;}
	.company_agile_goal li.goal_li04 .goal_desc .desc_box {margin-right: 0;}
    .sub_content .col2, .col3 {display: flex;flex-direction: column; padding-top: 30px;gap:30px;}
    .sub_content .col2 > div, .sub_content .col3 > div {width:100%;}
}

@media (max-width: 900px) {

	/* -- decision -- */
    .product_map {padding:70px 0 100px;}
    .product_map .m_title_f3 {font-size: 30px !important;}
    .product_map .product_twin_list {margin-top: 50px;}
    .product_map .product_twin_list ul li {display: block; width: 100%;}
	.product_map .product_twin_list ul li:first-child .img {padding-top: 0;}
    .product_map .product_twin_list ul li .img {padding: 0%; height: auto;}
    .product_map .product_twin_list ul li .img img {width: auto; max-width: 250px;}
    .product_map .product_twin_list ul li:nth-child(1),.product_map .product_twin_list ul li:nth-child(2),.product_map .product_twin_list ul li:nth-child(3) {width: 100%;}
    .product_map .product_twin_list ul li .shape {margin: 10px auto 30px;}
    .product_map .product_twin_list ul li .cp_m_text {height: auto; font-size: 18px;}
    .product_map .product_twin_list ul li .arrow {position: relative; left:auto; bottom:auto; display: inline-block; margin:30px 0 60px; width:auto; transform:rotate(90deg); }
    .product_map .product_twin_list ul li.product_twin_doc .arrow {margin-left:0;}
    .product_map .product_twin_list ul li .arrow img {width: auto; height: auto;}
    .decision_top img.only_pc, .product_map .product_bottom_img img.only_pc {display: none !important;}
    .product_map .product_bottom_img img.only_mo {display: block !important; width: 384px;}

    .twin_story_top br {display: none;}
    .chip_soda_result .chip_result_list .list01 .list_detail .img .arrow {display: none;}

    /* -- baking_soda -- */
    .baking_soda_feature .list ul {flex-direction: column;}
    .baking_soda_feature .list li {width: 100%; margin: 0 0 2.56% 0;}

    .baking_soda_point .list .cont {width: 100%; margin: 30px auto 0;}
    .baking_soda_point .list01 {padding: 30px 25px 43px;}
    .baking_soda_point .list01 ul {flex-direction: column;}
    .baking_soda_point .list01 .arrow_box {margin: 0 0 25px 0;}
    .baking_soda_point .list01 .icon01 {display: none;}
    .baking_soda_point .list01 .icon02 {margin: 40px auto; transform:rotate(90deg);}
	.baking_soda_point .list01 .txt_box p br {display: block;}
    
    .baking_soda_point .list02 ul {flex-direction: column;}
    .baking_soda_point .list02 ul li {margin: 0 auto 40px; width: 255px;}
    .baking_soda_point .list02 ul li br {display: block;}
    .baking_soda_point .list02 ul li:last-child {margin-bottom: 0;}

    .baking_soda_point .list03 {padding: 30px 25px 20px;}
    .baking_soda_point .list03 .tuning .progress {position: static;}
    .baking_soda_point .list03 .tuning .left, .baking_soda_point .list03 .tuning .right {float:none;}
    .baking_soda_point .list03 .tuning .left {width: 221px; margin: 0 auto 20px;}
    .baking_soda_point .list03 .tuning .left .arrow {transform:rotate(90deg); top:auto; bottom:-45px; left: 40%; right: auto;}
    .baking_soda_point .list03 .tuning .right {background: transparent; width: 220px; margin: 0 auto;}
    .baking_soda_point .list03 .tuning .right ul {flex-direction: column;}
    .baking_soda_point .list03 .tuning .right li {width: 100%; margin-bottom: 30px;}
    .baking_soda_point .list03 .tuning .right li:last-child {margin-bottom: 0;}
    .baking_soda_point .list03 .tuning .right .txt_box span {display: inline-block; padding: 0 18px;}
    .baking_soda_point .list03 li br {display: block;}

    .baking_soda_point .list04 .cont img {width: 49.6%;}
    .baking_soda_point .list05 .cont img {width: 78.53%;}

    .baking_soda_task .bottom_list ul {flex-direction: column;}
    .baking_soda_task .bottom_list li {width: 100%; margin: 0 0 20px 0; padding:35px 15px;}
    .baking_soda_task .bottom_list li p br {display: block;}

    .etl_llm_top, .llm_feature, .llm_output {padding: 50px 0;}
    .etl_llm_point .list ul, .llm_feature .list ul, .llm_output .list ul {flex-direction: column;}
    .etl_llm_point .list li::after {content:''; width: 0;height: 0;}
    .llm_feature .list ul li, .llm_output .list ul li{width:100%;}
    .etl_llm_point .point_img img, .etl_llm_service > img {width:100%;}
    .etl_llm_service ul {flex-direction: column;}
    .etl_llm_point .list .list_title, .etl_llm_service .list_title {font-size: 24px;}

    .etl_llm_point .list{ border:none;padding:0;margin:0;padding:20px 0 0 0;}
    .etl_llm_point .list .wborder {display: none;}
    .llm_output .list li div {flex-direction: column;padding:0px 24px;}
    .llm_output .list li div.hlist {padding:30px 0px;}
    .llm_output .list li div.hlist:first-child {border-right: none; border-bottom: 1px solid #D8D8D8;}
    .llm_feature .list li, .llm_output .list li {margin:4% 0;}
    .llm_output .list .iconarea li {margin:0;}
    .llm_output .list li div.icon {justify-content: center;}
    .llm_output .list li div.icon > div {width:100%;margin-bottom: 10px;}
    
}

@media (max-width: 869px) {

    /* -- baking_soda -- */
    .baking_soda_output .cont01{ min-height: 390px; }
}

@media (max-width: 768px) { /* 모바일 */

	.inner {padding: 0 20px;}

    /* font-guide ( cp_~ ) */
    .sub_content .cp_m_title{ font-size: 22px; line-height: 1.3; }
    .sub_content .cp_m_title_sub{ font-size: 22px; line-height: 1.3; }
    .sub_content .cp_m_text_02{ font-size: 16px; }
	
    /* 반응형 분기 클래스 */
    .only_pc {display: none !important;}
    .only_ta {display: none !important;}
    .only_mo {display: block !important;}

    /* -- sub banner -- */
    .sub_content .sub_banner strong{ font-size: 30px; }
    .sub_content .sub_banner .banner_text_01{ font-size: 18px; }
    .sub_content .sub_banner .banner_text_02{ font-size: 14px; }

    /* -- banner bg -- */ 
    .sub_content .type_reader_banner{ background-image: url('../img/sub/type_reader_banner__mo.png'); }
    .sub_content .type_doc_banner{ background-position: 70% center; background-image: url('../img/sub/type_doc_banner__mo.png'); }
    .sub_content .type_baking_banner{ background-position: 65% center; background-image: url('../img/sub/type_baking_soda_banner__mo.png'); }
    .sub_content .type_llm_banner{ background-image: url('../img/sub/type_llm_banner__mo.png'); }
    
    /* ie에서 이미지 깨짐현상 이미지 크기 따로 줘야함 */
    .sub_content .type_reader_banner img{ width: 180px; } 
    .sub_content .type_doc_banner img{ width: 147px; }
    .sub_content .type_baking_banner img{ width: 207px; }

    /* sub_tab_menu */
    .sub_content .sub_tab_menu ul li a {padding:0 10px; font-size: 16px; line-height: 50px;}

    /* -- decision -- */
    .decision_top{ padding: 70px 0 80px; }
    .decision_top img{ display: block; width: 100%; max-width: 275px; }
    .decision_top strong{ font-size: 16px; margin-bottom: 100px; }
	.decision_top strong::after {top: calc(100% + 22px);}
    .decision_top strong.m_title_f3 {margin-bottom: 60px; font-size: 30px !important;}
    .decision_top .img_box{ margin-bottom: 60px; }
    .decision_top p{ font-size: 14px; }
    .decision_top br{ display: none; }
    
    /* -- twin_reader -- */
    .twin_reader_top{ padding: 30px 0 60px; }
    .twin_reader_top .right{ width: 100%; max-width: none; margin: 0 auto; }
    .twin_reader_top br{ display: none; }
    .twin_reader_top .left{ padding-right: 0; }
    .twin_reader_top .left .cp_m_title{ margin-bottom: 20px; font-size: 22px; letter-spacing: -1.2px; line-height: 30px; }
    .twin_reader_top .left .cp_m_title_info{ margin-bottom: 40px; letter-spacing: -0.7px; }
	.twin_reader_top .right iframe {height: 200px;}
    .twin_reader_top .reader_wrap .icon_wrap{ flex-direction: column; }
    .twin_reader_top .reader_wrap .icon_wrap > div.arrow{ align-items: center;transform: rotate(90deg);min-height: 100px; }
    
    .twin_reader_feature{ padding: 40px 0 50px; }
    .twin_reader_feature .cp_m_title_info .none{ display: none; }
    .twin_reader_feature .feature_bottom{ margin-top: 30px; }
    .twin_reader_feature .feature_bottom ul{ flex-wrap: wrap;flex-direction: column; }
    .twin_reader_feature .feature_bottom ul li{ width: 100%; margin: 0 0 24px 0; }
    
    .twin_reader_workflow{ padding: 60px 0 0; }
    .twin_reader_workflow .inner{ position: relative; }    
    .twin_reader_workflow .cp_m_title{ width: 130px; margin: 0 auto 18px; background-color: #fff; }
    .twin_reader_workflow .cp_m_title_info{ margin-bottom: 50px; padding:0 30px; }
    .twin_reader_workflow .list ul li{ width: 100%; height: auto; margin: 0; padding: 0 26px 60px; }
    .twin_reader_workflow .list ul li:last-child{ margin-bottom: 30px; }
    .twin_reader_workflow .list ul li .work_list_wrap::after{ display: none; }
    .twin_reader_workflow .line{ display: none !important; }
    
    .twin_reader_user{ padding: 0 0 60px; margin-top: 40px; }
    .twin_reader_user .plus{ width: 145px; }
    .twin_reader_user .cp_m_title{ margin-bottom: 62px; }
    .twin_reader_user .user_wrap{ flex-wrap: wrap; }
    .twin_reader_user .user_wrap > div{ width: 100%; }
    .twin_reader_user .user_wrap > div{ padding: 40px 10px; }
    .twin_reader_user .user_wrap > div .tit{ width: auto; top: -23px; left: 50%; transform: translateX(-50%); padding:10px 20px; text-align: center; }
    .twin_reader_user .user_wrap .left{ min-width: auto; margin-bottom: 80px; margin-right: 0; }
    
    .twin_reader_user .user_wrap ul {gap:0;}
    .twin_reader_user .user_wrap ul li{ display: flex; justify-content: center; align-items: center; flex-direction: column;   }
    .twin_reader_user .user_wrap ul li .con{ float: none !important;  }
    .twin_reader_user .user_wrap ul li .con:last-child{ margin-bottom: 0; }
	.twin_reader_user .user_wrap .left .con br {display: none;}
    .twin_reader_user .user_wrap .left .con03{ margin-left: 0; }
    .twin_reader_user .user_wrap .right li{ gap:0; }
    
    .twin_reader_point{ padding: 50px 0; }
    .twin_reader_point p br{ display: none; }
    .twin_reader_point .list ul{ flex-wrap: wrap; max-width: none; width: 100%; padding: 0;flex-direction: column; }
    .twin_reader_point .list ul li{ width: 100%; margin: 0 0 24px 0;align-items: center; }
    .twin_reader_point .list ul li:last-child{ margin-bottom: 0; }
    .twin_reader_point .list .point_wrap{ height: auto; margin-bottom: 30px; }
    
    .twin_reader_field{ padding: 60px 0; }
    .twin_reader_field ul li{ flex-wrap: wrap; margin-bottom: 24px; }
    .twin_reader_field ul li .title{ width: 100%; margin-right: 0; padding: 12px 0; text-align: center;justify-content: center;}
    .twin_reader_field ul li .text_box{ width: 100%; height: auto; padding: 15px; text-align: center;justify-content: center; }
    
    .twin_reader_output{ padding: 40px 0 50px; }
    .twin_reader_output .output_bottom > ul{ flex-wrap: wrap; }
    .twin_reader_output .output_bottom > ul > li{ width: 100%; margin-right: 0 !important; margin-bottom: 24px; }
    .twin_reader_output .output_bottom > ul > li:last-child{ margin-bottom: 0; }
    .twin_reader_output .output_bottom > ul > li > p:first-of-type{ margin-bottom: 24px; }
    .twin_reader_output .output_bottom .benefit ul{ flex-wrap: wrap; }
    .twin_reader_output .output_bottom .benefit ul li{ flex: auto; width: 100%; min-width: auto; }
    .twin_reader_output .output_bottom .benefit ul li:first-child{ padding-bottom: 24px; }
    .twin_reader_output .output_bottom .benefit ul li:last-child{ padding-top: 24px; }
    .twin_reader_output .output_bottom .benefit ul li::after{ top: auto; left: 0; right: auto; bottom: 0; width: 100%; height: 1px; }
    .twin_reader_output .output_bottom .benefit ul li .text_wrap{ justify-content: center; }
    .twin_reader_output .output_bottom .benefit ul li b.dark{ margin-right: 75px; }

    /* -- twin_doc -- */
    .twin_doc_top{ padding: 30px 0 40px; }
    .twin_doc_top .right{ width: 100%; max-width: none; margin: 50px auto 0; }
    .twin_doc_top br{ display: none; }
    .twin_doc_top .left{ padding-right: 0; }
    .twin_doc_top .left .cp_m_title{ margin-bottom: 20px; font-size: 22px; letter-spacing: -1.2px; line-height: 30px; }
    .twin_doc_top .left .cp_m_title_info{ word-break: normal; letter-spacing: -0.7px; }
    .twin_doc_top img{ margin-top: 40px; width: 290px; }
	.twin_doc_top .right iframe {height: 200px;}

    .twin_doc_feature{ padding: 40px 0 95px; }
    .twin_doc_feature .cont01 li{ width: 100%; padding: 30px 20px 55px; margin-bottom: 20px; }
    .twin_doc_feature .cont01 li:last-child{ margin-bottom: 0; }
    .twin_doc_feature .cont02 li{ flex-wrap: wrap; flex-direction: row; padding: 0; margin-bottom: 45px; border: none; background-color: transparent; }
    .twin_doc_feature .cont02 li:last-child{ margin-bottom: 0; }
    .twin_doc_feature .cont02 li .num{ line-height: 1.45; margin: 0 auto 10px; }
    .twin_doc_feature .cont02 li p{ text-align: center !important; }
    .twin_doc_feature .cont02 li .cp_m_text_b{ margin-bottom: 5px; }

    .twin_doc_workflow{ padding: 50px 0 40px; }
    .twin_doc_workflow .cp_m_title_info{ margin-bottom: 30px; }

    .twin_doc_field{ padding: 50px 0 75px; }
    .twin_doc_field .cp_m_title_info{ margin-bottom: 40px; }
    .twin_doc_field .img_box{ display: flex; flex-direction: column; margin-bottom: 90px; }
    .twin_doc_field .img_box img{ width: 100%; max-width: 200px; margin-bottom: 90px; }
    .twin_doc_field .img_box img:last-child{ margin-bottom: 0; }
    .twin_doc_field .text_box{ margin-bottom: 45px; padding: 32px 34px; }
    .twin_doc_field .img_box_02 .last_img{ display: none; }
    .twin_doc_field .img_box_02 img{ display: block; max-width: 290px; width: 100%; margin: 0 auto 45px; }
    .twin_doc_field .img_box_02 img:last-of-type{ margin-bottom: 0; }
    .twin_doc_field .list_box ul li {width: 100%; margin-bottom: 20px;}
    .twin_doc_field .list_box ul li:last-child {margin-bottom: 0;}
	.twin_doc_field .list_box ul li p {height:auto;}
    .twin_doc_field .list_box ul li:first-child p, .twin_doc_field .list_box ul li:last-child p {line-height: 1.4;}

    .twin_doc_output{ padding: 50px 0; }
    .twin_doc_output .cont{ margin-bottom: 60px; }
    .twin_doc_output .list{ flex-wrap: wrap; margin-top: 30px; }
    .twin_doc_output .list > div{ width: 100%; max-width: none;}
    .twin_doc_output .list_left{ margin:0 0 20px 0; }
    .twin_doc_output .list_right{ margin-bottom: 0; } 

    /* -- twin_story -- */
    .twin_story_top {padding:30px 0 10px;}
    .twin_story_top br {display: block;}
    .twin_story_top .cp_m_title {margin-bottom: 20px; font-size: 22px;}
    .twin_story_top .cp_m_title_info {margin-bottom: 10px;}
    .twin_story_output .num01 + .m_text_f3 br {display: block;}
    .twin_story_list {margin:55px 0 30px;}
    .twin_story_list ul li {padding: 40px 10px;}
    .twin_story_list ul li .img img {width: 60px;}
    .twin_story_output {padding:50px 0 60px;}
    .twin_story_output .list {margin-top: 30px;}

    .twin_story_output .list{ flex-wrap: wrap; }
    .twin_story_output .list > div{ width: 100%; max-width: none;}
    .twin_story_output .list_left{ margin:0 0 20px 0; }
    .twin_story_output .list_right{ margin-bottom: 0; } 

    /* -- baking_soda -- */
    .baking_soda_page .cp_m_title{ font-size: 22px; line-height: 30px; font-weight: 700; }

    .baking_soda_top{ padding: 30px 0 40px; }
    .baking_soda_top .cp_m_title{ padding: 0; font-weight: 400 !important; }
    .baking_soda_top img{ margin-bottom: 40px; margin-top: 90px;}
    .baking_soda_top .baking_soda_video {width: 100%; max-height:317px;}

    .baking_soda_feature{ padding: 40px 0 50px; }
    .baking_soda_feature .cp_m_title_info{ margin-bottom: 50px; }
    .baking_soda_feature .list ul{ flex-wrap: wrap; }
    .baking_soda_feature .list li{ width: 100%; margin: 0 0 15px 0; padding: 30px 15px 50px; }
    .baking_soda_feature .list li:last-child{ margin-bottom: 0; }
    .baking_soda_feature .list li:nth-child(3n) .cp_m_text_b, .baking_soda_feature .list li:last-child .cp_m_text_b {padding-top: 0;}
    .baking_soda_feature .list .cp_m_text_b {height: auto;}

    .baking_soda_feature .cp_m_title, .baking_soda_point .cp_m_title {margin-bottom: 30px;}
    .baking_soda_task .cp_m_title {margin-bottom: 0;}

    .baking_soda_workflow{ padding: 50px 0; }
    .baking_soda_workflow .cp_m_title_info {margin-bottom: 20px;}
    .baking_soda_workflow .cp_m_title_info br{ display: none; }

    .baking_soda_point{ padding: 40px 0 50px; }
    .baking_soda_point .cp_m_title_info br{ display: none; }
    .baking_soda_point .list br {display: none;}

    .baking_soda_task{ padding: 50px 0; }
    .baking_soda_task .cp_m_title_info br{ display: none; }
    .baking_soda_task .top_list {padding-top: 170px; background: url('../img/sub/baking_soda/baking_soda_task__bg_mo.png') no-repeat center 30px; background-size: 180px;}
    .baking_soda_task .top_list li {width: 50%; margin-bottom: 40px;}
    .baking_soda_task .top_list li:nth-child(4) {margin-right: 0;}
    .baking_soda_task .top_list li:nth-child(n+0):nth-child(-n+5) {margin-bottom: 40px;}
    .baking_soda_task .top_list li div {padding: 0; height: auto; border:none;}
    .baking_soda_task .bottom_list {margin-top: 65px;}

    .baking_soda_output{ padding: 50px 0; }
    .baking_soda_output ul{ flex-wrap: wrap; margin-top: 40px; }
    .baking_soda_output li{ width: 100%; height: auto; margin: 0 0 15px 0; padding:0 0 30px 0; border-radius: 20px; background-color: #fff; }
    .baking_soda_output .cont h4{ margin-bottom: 20px; }
    .baking_soda_output .cont01{ min-height: auto; padding: 30px 30px 0; }
    .baking_soda_output .cont01 span{ width: 270px; margin: 0 auto 20px; }
    .baking_soda_output .cont02{ min-height: auto; padding: 0 20px; }
    .baking_soda_output .arrow{ margin: 20px auto; }

    /* -- chip_soda -- */
    .chip_soda_top {padding: 30px 0 60px;}
    .chip_soda_top .txt_box .cp_m_title {margin-bottom: 60px; font-size: 22px; line-height: 1.45;}
    .chip_soda_top .txt_box .cp_m_title br {display: none;}
    .chip_soda_top .chip_top_list ul {flex-direction: column;}
    .chip_soda_top .chip_top_list ul li {width: 100%;}
    .chip_soda_top .chip_top_list ul li:nth-child(2) {margin: 20px 0;}
    .chip_soda_top .chip_top_list ul li .img {width: 77%; margin: 17px auto 0;}
    .chip_soda_top .chip_top_list ul li .txt {width: 80%; margin: 20px auto 0;}
    .chip_soda_top .chip_top_list ul li .txt span {border-radius: 30px;}
    .chip_soda_top .chip_top_list ul li .txt span br {display: block;}
    .chip_soda_top .chip_top_list ul li:nth-child(2) .txt span {display: block;}

    .chip_soda_process .step {width: 100%;}

    .chip_soda_result .cp_m_title {margin-bottom: 60px;}
    .chip_soda_result .chip_result_list .list h3 {height: 50px; line-height: 50px; font-size: 18px;}
    .chip_soda_result .chip_result_list .list .list_detail {padding: 10px 20px 7px;}
    .chip_soda_result .chip_result_list .list .list_detail ul li {width: 100%; padding: 30px 0; border-right:0; border-bottom: 1px solid #E8E8ED;}
    .chip_soda_result .chip_result_list .list .list_detail ul li:last-child {border-bottom: 0;}
    .chip_soda_result .chip_result_list .list .list_detail .txt {margin-top: 25px;}
    .chip_soda_result .chip_result_list .list .list_detail .txt p br {display: none;}
    .chip_soda_result .chip_result_list .list01 .list_detail ul li, .chip_soda_result .chip_result_list .list01 .list_detail ul li:first-child {padding: 20px;}
    .chip_soda_result .chip_result_list .list01 .list_detail p {height: auto;}
    .chip_soda_result .chip_result_list .list02 .list_detail ul li:first-child {padding: 20px;}
    .chip_soda_result .chip_result_list .list02 .list_detail .txt {margin-top: 25px;}


    .chip_soda_result .cp_m_title {margin-bottom: 53px;}
    .chip_soda_result .chip_result_list {flex-direction: column;}
    .chip_soda_result .chip_result_list .list {width: 100%; margin-bottom: 20px;}
    .chip_soda_result .chip_result_list .list .list_detail ul {flex-direction: column;}
    .chip_soda_result .chip_result_list .list .list_detail .img img {width: 186px;}
    .chip_soda_result .chip_result_list .list01 .list_detail .img {justify-content:center; margin: 0 auto;}
    .chip_soda_result .chip_result_list .list01 .list_detail .img .arrow {display: block;}
    .chip_soda_result .chip_result_list .list01 .list_detail p {margin-top: 8px;}
    .chip_soda_result .chip_result_list .list01 .list_detail ul li:last-child .txt p {padding-top: 0;}

    .chip_soda_bottom {padding: 50px 0px 80px;}
    .chip_soda_bottom .inner > ul > li:nth-child(2) {margin: 80px auto;}
    .chip_soda_bottom .inner > ul > li span, .chip_soda_bottom .inner > ul > li strong {font-size: 20px;}
    .chip_soda_bottom .inner > ul > li .line {margin: 30px auto;}
    
    .chatsam_intro, .chatsam_advantages, .chatsam_feature, .chatsam_service {padding:40px 0 50px;}

    .chatsam_page ul.list li {flex-direction:column;}
    .chatsam_page ul.list li .title {width: 100%;margin-right: 0;padding: 30px 0 12px 0;text-align: center;justify-content: center;}
    .chatsam_page ul.list li .text_box {width: 100%;height: auto;padding: 0px 30px 30px;text-align: center;justify-content: center;}
	
	/* -- library -- */
	.library_customer {padding: 40px 0 65px;}
	.library_customer .library_customer_title {margin-bottom: 30px; font-size: 25px !important;}
	.library_customer .customer_top .cp_m_title {margin-bottom: 44px; font-size: 22px;}
	.library_customer .customer_top .customer_detail .customer_img_wrap {width: 100%; padding-top: 46%;}
	.library_customer .customer_top .customer_tab_wrap {margin-top: 10px; padding: 0; flex-direction:column;}
	.library_customer .customer_top .customer_tab_wrap .list {width: 100%; margin-top: 35px;}
	.library_customer .customer_top .customer_tab_wrap .list span {margin-bottom: 20px; padding-bottom: 12px;}

	.library_partner {padding: 50px 0 100px;}
	.library_partner .inner {padding: 0 30px;}
	.library_partner .library_partner_title {font-size: 25px !important;}
	.library_partner .partner_detail {background: none; margin-top: 70px;}
	.library_partner .partner_detail .list ul {flex-direction:column;}
	.library_partner .partner_detail .list li {width: 100%;}
	.library_partner .partner_detail .list li span {font-size: 20px; padding-bottom: 15px;}
	.library_partner .partner_detail .list li:nth-child(2) .partner_cont, .library_partner .partner_detail .list li:nth-child(4) .partner_cont {float:none;}
	.library_partner .partner_detail .list li .partner_cont {width: 100%;}
	.library_partner .partner_detail .list li:last-child .partner_cont {margin: 0;}
	.library_partner .partner_detail .list li .partner_cont img {width: 100%; height: auto;}
	
	/* -- company  -- */
	.company_page .company_agile_banner {padding:40px 0;}
    .company_page .company_agile_banner h3 {margin-bottom: 40px; font-size: 30px;}
	.company_page .company_agile_banner dt {font-size: 26px; opacity: 0.47;}
	.company_page .company_agile_banner dd {height: 57px; font-size: 18px;}
    .company_page .company_agile_banner dl:nth-of-type(2) dd {height: 38px;}
    
	.company_agile_identity {padding: 60px 0 50px;}
	.company_agile_identity .identity_img img {width: 228px; height: auto;}
	.company_agile_identity .cp_m_title {margin-top: 30px;}
	.company_agile_identity .company_agile_list {margin-top: 20px;}
	.company_agile_identity .company_agile_list ul {flex-direction:column;}
	.company_agile_identity .company_agile_list ul li.plus {margin: 20px 0;}
	.company_agile_goal {padding: 50px 0 70px;}
	.company_agile_goal .inner {padding: 0 30px;}
	.company_agile_goal li {margin-top: 50px;}
	.company_agile_goal li .goal_desc b {font-size: 16px;}
	.company_agile_goal li .goal_desc p {margin-top: 15px; font-size: 14px;}
	.company_agile_goal li .goal_img {height: 184px;}
	.company_agile_goal li .goal_img_box span {font-size: 20px;}
	.company_agile_goal li.goal_li01 .goal_img_box {padding: 64px 0 0 30px; background:#21264E url('../img/sub/company/company_goal__icon01.png') no-repeat right 30px center/131px;}
	.company_agile_goal li.goal_li02 .goal_img_box {padding: 104px 0 0 30px; background:#21264E url('../img/sub/company/company_goal__icon02.png') no-repeat right 30px center/138px;}
	.company_agile_goal li.goal_li03 .goal_img_box {padding: 78px 0 0 30px; background:#21264E url('../img/sub/company/company_goal__icon03.png') no-repeat right 30px center/134px;}
	.company_agile_goal li.goal_li04 .goal_img_box {padding: 14px 0 0 0; background:#21264E url('../img/sub/company/company_goal__icon04.png') no-repeat center bottom 25px/230px;}
	.company_agile_identity .company_agile_list .icon {margin-bottom: 5px;}
	.company_agile_identity .company_agile_list .txt {font-size: 24px;}
	
	.company_awards {padding-bottom: 60px;}
	.company_awards .company_awards_top {background: none; padding: 45px 0 0;}
	.company_awards .company_awards_top .awards_tit {display: block; margin: 0 0 40px; padding: 0; background-position:center 20px; background-size:400px;}
	.company_awards .company_awards_top .awards_tit p {font-size: 22px; margin: 20px 0;}
	.company_awards .company_awards_top .awards_tit p:last-of-type {font-size: 22px;}
	.company_awards .company_awards_top .awards_tit .awards_selection {padding: 14px 8px; font-size: 18px; }
	.company_awards .company_awards_top .awards_desc p {font-size: 16px; margin-bottom: 25px;}
	.company_awards .company_awards_top .awards_desc p + p {margin-bottom: 25px;}
	.company_awards .company_awards_top .awards_logo img {width: 82%;}
	.company_awards .company_awards_top .awards_img {margin-top: 20px; margin-left: -15px; margin-right: -15px; padding-bottom: 10px; overflow-x:auto; white-space:nowrap; -ms-overflow-style: none; /* IE and Edge */ scrollbar-width: none; /* Firefox */}
	.company_awards .company_awards_top .awards_img img {width: 130vw;}
	.company_awards .company_awards_bottom {margin-top: 60px;}
	.company_awards .company_awards_bottom .company_awards_title {margin-bottom: 0; padding: 10px 0;}

	.company_awards .awards_history li {padding: 55px 10px 12px; font-size: 16px;text-align: left;}
	.company_awards .awards_history li p {overflow:visible; white-space:normal;}
	.company_awards .awards_history li .date {font-size: 14px; color: #888; top: 25px; left: 10px; right: auto; transform:none;}
	.company_awards .coolvendor_logo {width: 73px; margin: 30px auto 24px;}

	.company_patent .company_patent_title {margin-bottom: 40px;}
	.company_patent table th {font-size: 16px;}
	.company_patent table td {font-size: 14px; padding: 8px 10px;}

	.company_person {padding: 50px 15px 60px;}
	.company_ceo_list .company_ceo li {font-size: 16px;}

    .company_awards .company_awards_top .awards_tit p, .company_awards .company_awards_top .awards_tit_textonly p {font-size: 22px;}
    .company_awards .company_awards_top .awards_tit .awards_selection, .company_awards .company_awards_top .awards_tit_textonly .awards_selection {font-size: 18px;}
    .company_awards .company_awards_top .awards_desc .awards_bg01, .company_awards .company_awards_top .awards_desc .awards_bg02 {font-size: 18px;}
    .company_awards .company_awards_top .awards_desc p.strong {font-size: 22px;}
    .company_patent .patent_selection, .company_papers .papers_selection {font-size: 18px;}
    .company_awards .company_awards_top .awards_tit_textonly {margin:0 0 30px 0 ;}
    .company_awards .company_awards_top .awards_desc {margin-bottom:60px;}

    .company_patent .patent_selection, .company_papers .papers_selection {margin:20px 0 30px 0;}
    .company_papers ul {gap:20px;}
    .company_papers ul li {min-height:0;}
    .company_papers ul li p {font-size:16px;}
    .company_ceo_ul {gap:60px;}
    .company_ceo_ul.list {flex-wrap:wrap;gap:20px;}
    .company_ceo_ul.list li {width:30%;border-right: none; }
    .company_ceo_list .company_ceo .company_ceo_nm {font-size: 25px;text-align: center;}
    .company_ceo_list .company_ceo li {font-size: 16px;}
    .company_ceo_list .company_ceo {gap:50px;flex-direction:column;}

    .awards_desc.img img {display: none;}
    .twin_reader_workflow .list img {display: none;}
}

@media (max-width: 480px) {
    .sub_content .cp_m_text_box {line-height: 1.4;}
    .sub_content .col2 .list > ul, .sub_content .col3 .list > ul {flex-direction: column;padding:0;}
    .sub_content .col2 .list > ul li::after, .sub_content .col3 .list > ul li::after {content: ""; top: 100%;left:10%; width:80%;height: 1px;border-right:none;border-bottom: 1px solid #dddddd;}
    .sub_content .col2 .list > ul li:last-child::after, .sub_content .col3 .list > ul li:last-child::after {content: ""; border: none;}
    
    /* -- sub_tab_menu -- */
    .sub_content .sub_tab_menu ul li {margin: 0 5px 0 0;}
	.sub_content .sub_tab_menu ul li a {font-size: 15px;}

    /* -- decision -- */
    /* .product_map .product_twin_list ul li .img, .product_map .product_bottom_img {padding:0 30px;} */
    .product_map .product_twin_list ul li .img img, .product_map .product_bottom_img img.only_mo {width: 100%;}
	.twin_reader_user .user_wrap > div .tit {top: -19px;width:70%;text-align: center;}
	.twin_reader_user .user_wrap .right .con01 br {display: none;}

    .twin_reader_user .user_wrap .right li{ gap:24px; }
    .twin_reader_output .output_bottom > ul {padding-top:20px !important;}

    .twin_story_list ul li {width: 100%;}
    
    /* -- chip_soda -- */
    .chip_soda_top .chip_top_list ul li .img {width: 100%;}
    .chip_soda_top .chip_top_list ul li .txt {width: 100%;}
    .chip_soda_top .chip_soda_process .top span br {display: none;}
    .chip_soda_result .chip_result_list .list01 .list_detail .img {width: 80%; margin: 0 auto;}
    .chip_soda_bottom .inner > ul > li strong br {display: block;}
	
	/* -- library -- */
	.library_partner .library_partner_sub_title br {display: none;}
	
	/* -- company -- */
	.company_agile_goal li .goal_img_box {width: 100%;}
	.company_agile_identity .cp_m_title br {display: none;}

	.company_awards .company_awards_top .awards_tit {position: relative; display: block; margin: 0 0 40px; padding: 0; background: none;}
	.company_awards .company_awards_top .awards_tit:after {content:''; position: absolute; top: 25px; left: 0; width: 60px; height: 113px; background:url('../img/sub/company/company_awards_tit_right__bg.svg') no-repeat center}
	.company_awards .company_awards_top .awards_tit:before {content:''; position: absolute; top: 25px; right: 0; width: 60px; height: 113px; background:url('../img/sub/company/company_awards_tit_left__bg.svg') no-repeat center}
	.company_awards .company_awards_top .awards_tit .awards_selection {width: 55%;}

	.company_patent {padding: 50px 0;}
    .company_papers ul li {flex-direction: column;align-items: center;text-align: center;}
    .company_papers ul li img {width:50px;margin-bottom: 20px;}
    .company_ceo_ul {flex-direction: column;align-items: center;gap:0;}
    .company_ceo_ul li {margin-bottom: 30px; margin-right: 0px; vertical-align: top;}
    .company_ceo_list .company_ceo ul div p, .company_ceo_list .company_ceo ul div p span {font-size:14px;}
    .company_ceo_ul.list {background: none;border:none;padding:0;gap:0;}
    .company_ceo_ul.list li {width:80%;border-bottom: 1px solid #E4E4E4;padding:20px;}
    .company_ceo_ul.list li:last-child {border:none;}
    
    /* -- baking_soda -- */
    .baking_soda_point .list {padding: 30px 20px 43px;}
    .baking_soda_point .list01 li br {display: block;}
    .baking_soda_point .list01 .txt_box01, .baking_soda_point .list01 .txt_box02 {width: 100%; padding: 20px 10px 25px;}
    .baking_soda_point .list03 {padding-bottom: 20px;}
	.baking_soda_point .list04 .cont img, .baking_soda_point .list05 .cont img {width: 100%; height: auto;}
    .baking_soda_point .list05 .cont .shape {width: 100%; line-height: 1.5; padding: 10px;}
    .baking_soda_task .top_list {margin: 0 -3%;}
    .baking_soda_task .top_list li span {font-size: 18px;}
    .baking_soda_task .top_list li p {font-size: 14px;}
    .baking_soda_task .bottom_list li p br {display: none;}
}

@media (max-width: 380px) {
    .chip_soda_top .chip_top_list ul li .txt span br {display: none;}
    .chip_soda_result .chip_result_list .list01 .list_detail .img {width: 90%; margin: 0 auto;}
}     

@media (max-width: 360px) {
    .twin_story_top br {display: none;} 
	.chip_soda_process .step .bottom li br {display: none;}
}

@media (max-width: 320px) { /* 아이폰 5 */

    .twin_reader_workflow .inner::after{ left: 12px; width: calc(100% - 30px); }
    .inner {padding: 0 15px;}
	.company_agile_goal .inner {padding: 0 15px;}
	.company_awards .company_awards_top .awards_img {margin-left: 0; margin-right: 0;}
}