@charset "utf-8";

/* about */
#sub_company .txt1{ margin-bottom:75px; font-size:18px; line-height:30px; color:#444; letter-spacing:-0.05em; word-break: keep-all; word-wrap: break-word; }
#sub_company .txt_bx{ margin-bottom:80px; font-size:0; }
#sub_company .txt_bx:last-of-type{ margin-bottom:0; }
#sub_company .txt_bx > div{ display:inline-block; vertical-align:middle; width:50%; box-sizing:border-box; }
#sub_company .txt_bx > div.img_bx{ height:540px; }
#sub_company .txt_bx.bx1 > div.img_bx{ background:url('../images/sub/company_img01.jpg') no-repeat center; background-size:cover; }
#sub_company .txt_bx.bx2 > div.img_bx{ background:url('../images/sub/company_img02.jpg') no-repeat center; background-size:cover; }
#sub_company .txt_bx > div.m_img{ display:none; }
#sub_company .txt_bx > div.txt{ padding:0 5%; }
#sub_company .txt_bx > div.txt strong{ display:block; margin-bottom:30px; font-size:26px; line-height:36px; color:#222; font-weight:700; font-family: 'Montserrat', 'Noto Sans KR', sans-serif; letter-spacing:-0.05em; word-break: keep-all; word-wrap: break-word;}
#sub_company .txt_bx > div.txt ul li{ position:relative; padding-left:16px; margin-bottom:12px; font-size:18px; line-height:28px; color:#444; word-break: keep-all; word-wrap: break-word; letter-spacing:-0.05em; }
#sub_company .txt_bx > div.txt ul li:last-child{ margin-bottom:0; }
#sub_company .txt_bx > div.txt ul li:after{ content:''; position:absolute; left:0; top:12px; width:6px; height:6px; background:#0092d3; border-radius:50%; }

/* history */
#sub_history .img_bx{ height:300px; background:url('../images/sub/history.jpg') no-repeat center; background-size:cover; }
#sub_history .history_bx{ margin-top:70px; }
#sub_history .history_bx .bx{ position:relative; font-size:0; margin-bottom:65px; }
#sub_history .history_bx .bx:after{ content:''; position:absolute; left:180px; top:13px; width:1px; height:calc(100% + 65px); background:#ddd; }
#sub_history .history_bx .bx:last-of-type{ margin-bottom:0; }
#sub_history .history_bx .bx:last-of-type:after{ display:none;}
#sub_history .history_bx .bx strong{ position:relative; display:inline-block; vertical-align:top; width:180px; font-size:32px; line-height:42px; color:#222; font-weight:700; font-family: 'Montserrat', 'Noto Sans KR', sans-serif;}
#sub_history .history_bx .bx strong:after{ content:''; position:absolute; right:-7px; top:13px; width:14px; height:14px; border:3px solid #0092d3; background:#fff; box-sizing:border-box; border-radius:50%; z-index:1; }
#sub_history .history_bx .bx ul{ display:inline-block; vertical-align:top; width:calc(100% - 180px); padding:5px 0 0 115px; box-sizing:border-box; }
#sub_history .history_bx .bx ul li{ position:relative; padding-left:10px; margin-bottom:12px; font-size:18px; line-height:28px; color:#444; letter-spacing:-0.05em; word-break: keep-all; word-wrap: break-word;}
#sub_history .history_bx .bx ul li:after{ content:''; position:absolute; left:0; top:12px; width:3px; height:3px; background:#aaa; border-radius:50%; }
#sub_history .history_bx .bx ul li:last-child{ margin-bottom:0; }

/* leadership */
#sub_leadership .list_bx{ font-size:0; margin-bottom:-60px; }
#sub_leadership .list_bx > li{ display:inline-block; vertical-align:top; margin-bottom:60px; width:50%; font-size:0; box-sizing:border-box; }
#sub_leadership .list_bx > li:nth-child(2n-1){ padding-right:20px; }
#sub_leadership .list_bx > li:nth-child(2n){ padding-left:20px; }
#sub_leadership .list_bx > li > div{ display:inline-block; vertical-align:top; box-sizing:border-box; }
#sub_leadership .list_bx > li > div.img_bx{ width:38%; }
#sub_leadership .list_bx > li > div.img_bx img{ max-width:100%; }
#sub_leadership .list_bx > li > div.txt_bx{ width:62%; padding-left:5%; }
#sub_leadership .list_bx > li > div.txt_bx strong{ display:block; font-size:24px; line-height:34px; color:#222; font-weight:700; }
#sub_leadership .list_bx > li > div.txt_bx p{ margin-top:13px; font-size:18px; line-height:26px; color:#222; letter-spacing:-0.05em; }
#sub_leadership .list_bx > li > div.txt_bx p span{ margin-top:13px; font-size:16px; line-height:26px; color:#222; letter-spacing:-0.05em; }
#sub_leadership .list_bx > li > div.txt_bx ul{ margin-top:17px; padding-top:13px; border-top:1px solid #ddd;}
#sub_leadership .list_bx > li > div.txt_bx ul li{ position:relative; padding-left:10px; font-size:16px; line-height:26px; color:#444; word-break: keep-all; word-wrap: break-word; letter-spacing:-0.05em; }
#sub_leadership .list_bx > li > div.txt_bx ul li:after{ content:''; position:absolute; left:0; top:13px; width:3px; height:3px; background:#aaa; border-radius:50%; }

/* CEO 인사말 */
#sub_greeting .sec01 .con_bx {display: flex; flex-flow: wrap;}
#sub_greeting .sec01 .l_bx {width: 38.334%; box-sizing: border-box; position: relative; z-index: 2;}
#sub_greeting .sec01 .l_bx img {width: 100%;}
#sub_greeting .sec01 .l_bx .txt_bx {margin-top: 34px; width: calc(100% - 70px);}
#sub_greeting .sec01 .l_bx .txt_bx strong {display: block; font-size: 20px; color: #222222; font-weight: 700; word-break: keep-all; position: relative; padding-bottom: 18px;}
#sub_greeting .sec01 .l_bx .txt_bx strong::before {content: ''; width: 30px; height: 2px; background-color: #0092d3; position: absolute; bottom: 0; left: 0;}
#sub_greeting .sec01 .l_bx .txt_bx ul {margin-top: 12px;}
#sub_greeting .sec01 .l_bx .txt_bx ul li {font-size: 14px; line-height: 26px; color: #444444; word-break: keep-all; padding-left: 9px; position: relative;}
#sub_greeting .sec01 .l_bx .txt_bx ul li::before {content: '•'; position: absolute; left: 0; top: 0; color: #aaaaaa; font-size: 13px;}
#sub_greeting .sec01 .r_bx {width: 61.666%; box-sizing: border-box; padding: 82px 50px 34px; position: relative;}
#sub_greeting .sec01 .r_bx::before {content: ''; width: calc(100% + 60px); height: calc(100% - 50px); background-color: #fafafa; position: absolute; right: 0; top: 50px;}
#sub_greeting .sec01 .r_bx .txt_bx {font-size: 16px; line-height: 26px; color: #444444; word-break: keep-all; position: relative; z-index: 1;}
#sub_greeting .sec01 .r_bx .txt_w p {margin-bottom: 24px;}
#sub_greeting .sec01 .r_bx .txt_w p:last-child {margin-bottom: 0;}
#sub_greeting .sec01 .r_bx .txt_w p span {display: inline-block;}
#sub_greeting .sec01 .r_bx .btm_txt {text-align: right; margin-top: 29px;}
#sub_greeting .sec01 .r_bx .btm_txt strong {display: block; font-size: 20px; line-height: 30px; color: #222222; font-weight: 700;}

/* 조직도 */
#sub_organization .sec01 {position: relative; z-index: 1; overflow: hidden;}
#sub_organization .con1 {padding-bottom: 40px; position: relative;}
#sub_organization .con1::before {content: ''; width: 1px; height: 100%; background-color: #dddddd; position: absolute; left: 50%; top: 0; z-index: -1;}
#sub_organization .con1 .txt_bx1 {font-size: 16px; color: #ffffff; font-weight: 700; background-color: #003567; max-width: calc(20% - 40px); margin: 20px auto 0; height: 60px; display:flex; justify-content:center; align-items:center; table-layout:fixed;}
#sub_organization .con1 .txt_bx1:first-child {margin-top: 0;}
#sub_organization .con1 .txt_bx2 {margin: 40px auto 0; border-radius: 50%; display:flex; justify-content:center; align-items:center; table-layout:fixed; width: 160px; height: 160px; background-image: linear-gradient(0deg, #0092d3, #003567); font-size: 26px; color: #ffffff; font-weight: 700; word-break: keep-all;}
#sub_organization .con2 {display: flex; flex-flow: wrap; justify-content:center; position: relative; padding-bottom: 40px;}
#sub_organization .con2::before {content: ''; width: 1px; height: 100%; background-color: #ddd; position: absolute; top: 0; left: 50%;}
#sub_organization .con2.type2 {padding-bottom: 29px;}
#sub_organization .con2.type2::before {height: 30px;}
#sub_organization .con2 .txt_w {width: calc(20% - 40px); margin-right: 50px; box-sizing: border-box; position: relative;}
#sub_organization .con2 .txt_w:last-child {margin-right: 0;}
#sub_organization .con2 .txt_w::before {content: ''; width: calc(100% + 50px); height: 1px; background-color: #ddd; position: absolute; left: 0; top: 30px; z-index: -1;}
#sub_organization .con2 .txt_w:last-child::before {display: none;}
#sub_organization .con2 .txt_w.bN::before {display: none;}
#sub_organization .con2 .txt_w.bb::after {content: ''; width: 1px; height: 29px; background-color: #ddd; position: absolute; left: 50%; bottom: -29px;}
#sub_organization .con2 .txt_bx1 {font-size: 16px; color: #ffffff; font-weight: 700; background-color: #0092d3; height: 60px; display:flex; justify-content:center; align-items:center; table-layout:fixed; position: relative; text-align: center;}
#sub_organization .con2 .txt_bx2 {position: relative;}
#sub_organization .con2 .txt_bx2::before {content: ''; height: calc(100% - 60px); width: 1px; background-color: #ddd; position: absolute; left: -25px; top: 30px;}
#sub_organization .con2 .txt_bx2.left::before {right: -25px; left: auto;}
#sub_organization .con2 .txt_bx2 div {font-size: 16px; color: #666666; background-color: #fff; border: 1px solid #aaaaaa; height: 60px; display:flex; justify-content:center; align-items:center; table-layout:fixed; position: relative; box-sizing: border-box; margin-bottom: 20px; position: relative; text-align: center;}
#sub_organization .con2 .txt_bx2 div:last-child {margin-bottom: 0;}
#sub_organization .con2 .txt_bx2 div::before {content: ''; width: 25px; height: 1px; background-color: #ddd; position: absolute; left: -26px; top: 50%;}
#sub_organization .con2 .txt_bx2 div::after {content: ''; width: 11px; height: 11px; box-sizing: border-box; border: 3px solid #0092d3; background-color: #fff; border-radius: 50%; position: absolute; left: -6px; top: 50%; margin-top: -5px;}
#sub_organization .con2 .txt_bx2.left div::before {right: -26px; left: auto;}
#sub_organization .con2 .txt_bx2.left div::after {right: -6px; left: auto;}
#sub_organization .con3 {display: flex; flex-flow: wrap; justify-content:right; box-sizing: border-box; padding: 0 80px 29px;}
#sub_organization .con3 .txt_w {width: calc(25% - 60px); margin-right: 80px; box-sizing: border-box; padding-top: 30px; position: relative;}
#sub_organization .con3 .txt_w:last-child {margin-right: 0;}
#sub_organization .con3 .txt_w::before {content: ''; width: 1px; height: 30px; background-color: #ddd; position: absolute; top: 0; left: 50%;}
#sub_organization .con3 .txt_w::after {content: ''; width: calc(100% + 80px); height: 1px; background-color: #ddd; position: absolute; left: 0; top: 0;}
#sub_organization .con3 .txt_w:first-child::after {width: calc(50% + 80px); left: 50%;}
#sub_organization .con3 .txt_w:last-child::after {width: 50%;}
#sub_organization .con3 .txt_w .txt_bx1 {box-sizing: border-box; border: 1px solid #0092d3; background-color: #fff; height: 60px; display:flex; justify-content:center; align-items:center; table-layout:fixed; text-align: center; font-size: 16px; color: #0092d3; word-break: keep-all; position: relative;}
#sub_organization .con3 .txt_w .txt_bx1::before {content: ''; width: 1px; height: 29px; background-color: #ddd; position: absolute; bottom: -30px; left: 50%;}
#sub_organization .con4 {display: flex; flex-flow: wrap;}
#sub_organization .con4 .txt_w {width: calc(7.692% - 12px); margin-right: 13px; box-sizing: border-box; padding-top: 30px; position: relative;}
#sub_organization .con4 .txt_w:last-child {margin-right: 0;}
#sub_organization .con4 .txt_w::before {content: ''; width: calc(100% + 13px); height: 1px; background-color: #ddd; position: absolute; left: 0; top: 0;}
#sub_organization .con4 .txt_w.type2::after {content: ''; width: calc(100% + 35px); height: 1px; background-color: #ddd; position: absolute; top: -179px; left: 50%; z-index: -1;}
#sub_organization .con4 .txt_w.stbx::before {width: calc(50% + 13px); left: 50%;}
#sub_organization .con4 .txt_w.edbx::before {width: 50%;}
#sub_organization .con4 .txt_w .txt_bx1 {position: relative; height: 100%; border: 1px solid #aaaaaa; box-sizing: border-box; height: 160px; text-align: center; font-size: 16px; color: #666666; line-height: 26px; word-break: break-all; display:flex; justify-content:center; align-items:center; table-layout:fixed; position: relative;}
#sub_organization .con4 .txt_w .txt_bx1::before {content: ''; width: 1px; height: 30px; background-color: #ddd; position: absolute; top: -31px; left: 50%;}
#sub_organization .con4 .txt_w.type2 .txt_bx1::before {top: -209px; height: 209px;}
#sub_organization .con4 .txt_w .txt_bx1::after {content: ''; width: 11px; height: 11px; box-sizing: border-box; border: 3px solid #0092d3; background-color: #fff; border-radius: 50%; position: absolute; left: 50%; margin-left: -5px; top: -5px;}


/* value */
#sub_value .txt_bx{ margin-bottom:35px; text-align:Center; }
#sub_value .txt_bx strong{ display:block; font-size:26px; line-height:36px; color:#222; font-weight:700; font-family: 'Montserrat', 'Noto Sans KR', sans-serif;}
#sub_value .txt_bx p{ margin-top:10px; font-size:18px; line-height:28px; color:#444; }

#sub_value .bx{ position:relative; margin:0 auto; width:100%; max-width:990px; }
#sub_value .bx img{ display:block; margin:0 auto; }
#sub_value .bx .txt{ position:absolute; bottom:35px; width:100%; max-width:250px; font-size:18px; line-height:28px; color:#444; }
#sub_value .bx .txt.left{ left:0; }
#sub_value .bx .txt.right{ right:-10px; }

/* Partners & Investors */
#sub_partners .sec{ margin-bottom:95px; }
#sub_partners .sec:last-of-type{ margin-bottom:0; }
#sub_partners .sec strong.tit{ display:block; padding-bottom:10px; margin-bottom:35px; font-size:26px; line-height:36px; color:#222; font-weight:700; font-family: 'Montserrat', 'Noto Sans KR', sans-serif; border-bottom:1px solid #000;}
#sub_partners .sec p.txt{ margin-bottom:50px; font-size:18px; line-height:30px; color:#444; letter-spacing:-0.05em;  word-break: keep-all; word-wrap: break-word;}

#sub_partners .sec01 .bx{ margin-bottom:30px; }
#sub_partners .sec01 .bx:last-of-type{ margin-bottom:0; }
#sub_partners .sec01 .bx strong{ display:block; margin-bottom:15px; font-size:20px; line-height:30px; color:#222; font-weight:600; font-family: 'Montserrat', 'Noto Sans KR', sans-serif; letter-spacing:-0.05em; }
#sub_partners .sec01 .bx ul{ font-size:0; margin-right:-20px; margin-bottom:-20px; }
#sub_partners .sec01 .bx ul li{ display:inline-block; vertical-align:top; margin-right:20px; margin-bottom:20px; width:calc(20% - 20px); border:1px solid #ddd; box-sizing:border-box;}
#sub_partners .sec01 .bx ul li img{ width:100%; }

#sub_partners .sec02 img{ display:block; margin:0 auto; max-width:100%; }

/* contact */
#sub_contact .sec{ margin-bottom:60px; font-size:0; background:#0092d3; }
#sub_contact .sec:after{ content:''; clear:both; display:block; }
#sub_contact .sec:last-of-type{ margin-bottom:0; }
#sub_contact .sec > div{ display:inline-block; vertical-align:top; }
#sub_contact .sec > div.map_bx{ float:right; width:67.5%; }
#sub_contact .sec > div.map_bx .root_daum_roughmap, .sec > div.map_bx .map{ width:100%; height:600px; }
#sub_contact .sec > div.info_bx{ width:32.5%; }
#sub_contact .sec > div.info_bx .img_bx{ height:300px; background-size:cover !important; }
#sub_contact .sec > div.info_bx dl{ padding:10% 8% 0; }
#sub_contact .sec > div.info_bx dl dt{ margin-bottom:12px; font-size:22px; line-height:26px; color:#fff; font-weight:700; font-family: 'Montserrat', 'Noto Sans KR', sans-serif; letter-spacing:-0.05em; word-break: keep-all; word-wrap: break-word; }
#sub_contact .sec > div.info_bx dl dd ul li{ margin-bottom:10px; font-size:18px; line-height:28px; color:#fff; letter-spacing:-0.05em; word-break: keep-all; word-wrap: break-word;}
#sub_contact .sec > div.info_bx dl dd ul li:last-child{ margin-bottom:0; }

/* pipe */
#sub_pipeline .sec{ margin-bottom:70px; }
#sub_pipeline .sec:last-of-type{ margin-bottom:0; }
#sub_pipeline .sec strong.tit{ display:block; margin-bottom:15px; font-size:26px; line-height:36px; color:#222; font-weight:700; font-family: 'Montserrat', 'Noto Sans KR', sans-serif;}

#sub_pipeline .sec table{ width:100%; table-layout:fixed; border-collapse: collapse;}
#sub_pipeline .sec table thead th{ height:60px; font-size:13px; line-height:18px; color:#fff; background:#333; font-weight:700; border:1px solid #ddd; border-top:0;}
#sub_pipeline .sec table thead th.t_l{ padding:0 20px; }
#sub_pipeline .sec table tbody th{ padding:0 20px; vertical-align:middle; font-size:16px; line-height:20px; color:#006cb9; font-weight:700; border:1px solid #ddd; text-align:left; border-left:0; }
#sub_pipeline .sec table tbody th span{ display:Block; font-weight:400; font-size:13px;}
#sub_pipeline .sec table tbody td{ padding:30px 20px; vertical-align:middle; font-size:13px; line-height:24px; color:#444; border:1px solid #ddd; letter-spacing:-0.03em; }
#sub_pipeline .sec table tbody td:last-of-type{ border-right:0; }
#sub_pipeline .sec table tbody td.graph{ padding:20px 0; background:url('../images/sub/tb_line_bg.png') repeat-y left top; background-size:100% auto; }
#sub_pipeline .sec table tbody td div{ width:100%; height:30px; background:#eee; }
#sub_pipeline .sec table tbody td div span{ position:relative; display:inline-block; text-indent:10px; font-size:13px; line-height:30px; height:30px; color:#fff; background:#0070c0; }
#sub_pipeline .sec table tbody td div span:after{ content:''; position:absolute; right:-12px; top:0; width:13px; height:30px; background:url('../images/sub/bar_ar.png') no-repeat center; }
#sub_pipeline .sec table tbody td div span.all:after{ display: none; }
#sub_pipeline .sec table tbody td a{ display:block; margin:0 auto; width:18px; height:18px; background:url('../images/btn/btn_link.png') no-repeat center; }
#sub_pipeline .sec table tbody td p{ padding:5px 10px 0; }
#sub_pipeline .sec table tbody tr.last{ background:#fafafa; }

#sub_pipeline .sec02 table tbody th{ color:#0092d3; }
#sub_pipeline .sec02 table tbody td div span{ background:#0092d3; }
#sub_pipeline .sec02 table tbody td div span:after{ background:url('../images/sub/bar_ar2.png') no-repeat center; }

.blue_titS1{ font-size:0; margin-bottom:50px;}
.blue_titS1 > div{ display:inline-block; vertical-align:top; }
.blue_titS1 > div.left{ width:37.5%; }
.blue_titS1 > div.left strong{ display:block; margin-bottom:15px; font-size:50px; line-height:50px; color:#0092d3; font-weight:700; font-family: 'Montserrat', 'Noto Sans KR', sans-serif; }
.blue_titS1 > div.left strong span{ display:inline-block; padding-left:20px; font-size:24px; line-height:34px; font-family: 'Noto Sans KR', sans-serif; }
.blue_titS1 > div.left strong span.s1{ display:inline-block; padding-top:8px; padding-left:0; font-family: 'Montserrat', 'Noto Sans KR', sans-serif;}
.blue_titS1 > div.left strong.s2{ font-size:45px; line-height:1em; }
.blue_titS1 > div.left strong span.b{ display:block; }
.blue_titS1 > div.left p{ font-size:22px; line-height:32px; color:#444; }
.blue_titS1 > div.left ul li{ position:relative; padding-left:10px; font-size:22px; line-height:32px; color:#444; letter-spacing:-0.05em; word-break: keep-all; word-wrap: break-word;}
.blue_titS1 > div.left ul li:after{ content:''; position:absolute; left:0; top:15px; width:5px; height:5px; background:#444; border-radius:50%; }
.blue_titS1 > div.right{ width:62.5%; }
.blue_titS1 > div.right table{ width:100%; table-layout:fixed; border-collapse: collapse;}
.blue_titS1 > div.right table thead th{ height:60px; font-size:13px; line-height:18px; color:#fff; background:#333; font-weight:700; border:1px solid #ddd; border-top:0;}
.blue_titS1 > div.right table tbody td{ vertical-align:middle; height:90px; border-bottom:1px solid #ddd; background:url('../images/sub/tb_line_bg.jpg') repeat-y left top; background-size:100% auto;}
.blue_titS1 > div.right table tbody td div{ width:100%; height:30px; background:#eee; }
.blue_titS1 > div.right table tbody td div span{ position:relative; display:inline-block; text-indent:10px; font-size:13px; line-height:30px; color:#fff; background:#0070c0; }
.blue_titS1 > div.right table tbody td div span:after{ content:''; position:absolute; right:-13px; top:0; width:13px; height:30px; background:url('../images/sub/bar_ar.png') no-repeat center; }

.pd_conS01 .sec{ margin-bottom:90px; }
.pd_conS01 .sec:last-of-type{ margin-bottom:0; }
.pd_conS01 .sec strong.tit{ display:block; margin-bottom:10px; font-size:26px; line-height:36px; color:#222; font-weight:700; font-family: 'Montserrat', 'Noto Sans KR', sans-serif; }
.pd_conS01 .sec .bx_wrap{ padding-top:30px; border-top:1px solid #000; }
.pd_conS01 .sec .bx_wrap p{ font-size:18px; line-height:30px; color:#222; letter-spacing:-0.05em; word-break: keep-all; word-wrap: break-word;}
.pd_conS01 .sec .bx_wrap > img{ display:block; margin:55px auto 0; max-width:100%; }
.pd_conS01 .sec .bx_wrap ul.dot_list{ margin-top:30px; }
.pd_conS01 .sec .bx_wrap ul.dot_list li{ position:relative; margin-bottom:10px; padding-left:16px; font-size:18px; line-height:30px; color:#444; letter-spacing:-0.05em; word-break: keep-all; word-wrap: break-word; }
.pd_conS01 .sec .bx_wrap ul.dot_list li:last-child{ margin-bottom:0; }
.pd_conS01 .sec .bx_wrap ul.dot_list li:after{ content:''; position:absolute; left:0;top:13px; width:6px; height:6px; background:#0092d3; border-radius:50%; }
.pd_conS01 .sec .bx_wrap .img_list{ font-size:0; margin-right:-38px; margin-top:60px; }
.pd_conS01 .sec .bx_wrap .img_list li{ display:inline-block; vertical-align:top; width:calc(50% - 38px); margin-right:38px; }
.pd_conS01 .sec .bx_wrap .img_list li div.img1 img{ display:block; margin:0 auto; max-width:100%; }
.pd_conS01 .sec .bx_wrap .img_list li div.txt1{ display:table; margin-top:20px; width:100%; height:60px; background:#f6f6f6; text-align:center; }
.pd_conS01 .sec .bx_wrap .img_list li div.txt1 p{ display:table-cell; vertical-align:middle; font-size:16px; line-height:26px; color:#222; }

.pd_conS01 .sec .bx_wrap .img_list.one{ margin-right:0; }
.pd_conS01 .sec .bx_wrap .img_list.one li{ width:100%; margin-right:0; }

/* nanobody */
#sub_nanobody .pd_conS01 .bx_wrap table{ width:100%; }
#sub_nanobody .pd_conS01 .bx_wrap table thead th{ padding:5px 10px; height:50px; font-size:16px; line-height:22px; color:#222; border:1px solid #ddd; box-sizing:border-box; }
#sub_nanobody .pd_conS01 .bx_wrap table thead th:first-of-type{ border-left:0; }
#sub_nanobody .pd_conS01 .bx_wrap table thead th:last-of-type{ border-right:0; }
#sub_nanobody .pd_conS01 .bx_wrap table tbody th{ padding:5px 20px; height:50px; font-size:16px; line-height:22px; color:#222; border:1px solid #ddd; box-sizing:border-box; text-align:left; background:#fafafa; }
#sub_nanobody .pd_conS01 .bx_wrap table tbody th{ border-left:0; }
#sub_nanobody .pd_conS01 .bx_wrap table tbody td{ padding:5px 20px; height:50px; font-size:16px; line-height:22px; color:#444; border:1px solid #ddd; box-sizing:border-box; text-align:center; }
#sub_nanobody .pd_conS01 .bx_wrap table tbody td:last-of-type{ border-right:0; }
#sub_nanobody .pd_conS01 .bx_wrap table tbody td sup{ font-size:10px; }
#sub_nanobody .pd_conS01 .bx_wrap table .bg1{ background:#fafafa; }
#sub_nanobody .pd_conS01 .bx_wrap table .bg2{ background:#0092d3; color:#fff; }
#sub_nanobody .pd_conS01 .bx_wrap .bx1{ font-size:0; margin-top:40px; }
#sub_nanobody .pd_conS01 .bx_wrap .bx1 > div{ display:inline-block; vertical-align:top; box-sizing:border-box; }
#sub_nanobody .pd_conS01 .bx_wrap .bx1 > div.left{ width:33%; padding-right:5%; }
#sub_nanobody .pd_conS01 .bx_wrap .bx1 > div.left dl{ margin-bottom:45px; }
#sub_nanobody .pd_conS01 .bx_wrap .bx1 > div.left dl:last-of-type{ margin-bottom:0; }
#sub_nanobody .pd_conS01 .bx_wrap .bx1 > div.left dt{ margin-bottom:5px;  font-size:16px; line-height:26px; color:#222; font-weight:700; }
#sub_nanobody .pd_conS01 .bx_wrap .bx1 > div.left dd img{ max-width:100%; }

#sub_nanobody .pd_conS01 .bx_wrap .bx1 > p{ margin-top:30px; font-size:18px; line-height:28px; color:#444; }

#sub_nanobody .pd_conS01 .bx_wrap .bx1 > div.right{ width:67%; }

#sub_nanobody .pd_conS01 .bx_wrap .bx2{ margin-top:35px; padding-top:40px; border-top:1px solid #ddd; }
#sub_nanobody .pd_conS01 .bx_wrap .bx2 img{ margin-top:45px; max-width:100%; }
#sub_nanobody .pd_conS01 .bx_wrap .bx2 img.m_img{ display:none; }

/* hire */
#sub_hire .process_bx{ margin-bottom:60px; overflow:hidden; }
#sub_hire .process_bx strong.tit{ display:block; padding-bottom:15px; margin-bottom:40px; font-size:26px; line-height:36px; color:#222; font-weight:700; font-family: 'Montserrat', 'Noto Sans KR', sans-serif; border-bottom:1px solid #000; }
#sub_hire .process_bx ul{ font-size:0; }
#sub_hire .process_bx ul:after{ content:''; display:block; clear:both; }
#sub_hire .process_bx ul li{ position:relative; display:table; float:left; height:120px; width:33.33%; padding-left:140px; box-sizing:border-box; }
#sub_hire .process_bx ul li:after{ content:''; position:absolute; right:10%; top:50%; margin-top:-12px; width:53px; height:25px; background:url('../images/sub/process_ar.png') no-repeat left center; -webkit-transition:all 0.3s; -moz-transition:all 0.3s; transition:all 0.3s; }
#sub_hire .process_bx ul li:last-child:after{ display:none; }
#sub_hire .process_bx ul li p{ display:table-cell; vertical-align:middle; font-size:18px; line-height:24px; color:#333; font-family: 'Montserrat', 'Noto Sans KR', sans-serif; font-weight:600;}
#sub_hire .process_bx ul li.li01{ background:url('../images/sub/process_icon01.png') no-repeat left center; }
#sub_hire .process_bx ul li.li02{ background:url('../images/sub/process_icon02.png') no-repeat left center; }
#sub_hire .process_bx ul li.li03{ background:url('../images/sub/process_icon03.png') no-repeat left center; }


/* Shaperon Core Values */
#sub_coreValues .img_box {padding: 32px 0 0}
#sub_coreValues img {display: block; max-width: 100%; margin: 0 auto;}


/* process */
#sub_process .process_bx{ margin-bottom:60px; overflow:hidden; }
#sub_process .process_bx strong.tit{ display:block; padding-bottom:15px; margin-bottom:40px; font-size:26px; line-height:36px; color:#222; font-weight:700; font-family: 'Montserrat', 'Noto Sans KR', sans-serif; border-bottom:1px solid #000; }
#sub_process .process_bx ul{ font-size:0; }
#sub_process .process_bx ul:after{ content:''; display:block; clear:both; }
#sub_process .process_bx ul li{ position:relative; display:table; float:left; height:120px; width:33.33%; padding-left:140px; box-sizing:border-box; }
#sub_process .process_bx ul li:last-child {margin-right: 0px;}
#sub_process .process_bx ul li:after{ content:''; position:absolute; right:10%; top:50%; margin-top:-12px; width:53px; height:25px; background:url('../images/sub/process_ar.png') no-repeat left center; -webkit-transition:all 0.3s; -moz-transition:all 0.3s; transition:all 0.3s; }
#sub_process .process_bx ul li:last-child:after{ display:none; }
#sub_process .process_bx ul li p{ display:table-cell; vertical-align:middle; font-size:18px; line-height:24px; color:#333; font-family: 'Montserrat', 'Noto Sans KR', sans-serif; font-weight:500; letter-spacing:-0.05em; }
#sub_process .process_bx ul li.li01{ background:url('../images/sub/process_icon01.png') no-repeat left center; }
#sub_process .process_bx ul li.li02{ background:url('../images/sub/process_icon02.png') no-repeat left center; }
#sub_process .process_bx ul li.li03{ background:url('../images/sub/process_icon03.png') no-repeat left center; }

/* benefits */
#sub_process .benefits_bx{ margin-bottom:60px; overflow:hidden; }
#sub_process .benefits_bx strong.tit{ display:block; padding-bottom:15px; margin-bottom:40px; font-size:26px; line-height:36px; color:#222; font-weight:700; font-family: 'Montserrat', 'Noto Sans KR', sans-serif; border-bottom:1px solid #000; }
#sub_process .benefits_bx ul{ font-size:0; }
/* #sub_process .benefits_bx ul:after{ content:''; display:block; clear:both; } */
#sub_process .benefits_bx ul li{ position:relative; display:table; float:left; height:120px; width:33.33%; padding-left:140px; box-sizing:border-box; margin-bottom: 15px;}
/* #sub_process .benefits_bx ul li:after{ content:''; position:absolute; right:10%; top:50%; margin-top:-12px; width:53px; height:25px; background:url('../images/sub/process_ar.png') no-repeat left center; -webkit-transition:all 0.3s; -moz-transition:all 0.3s; transition:all 0.3s; } */
#sub_process .benefits_bx ul li:last-child:after{ display:none; }
#sub_process .benefits_bx ul li p{ display:table-cell; vertical-align:middle; font-size:18px; line-height:24px; color:#333; font-family: 'Montserrat', 'Noto Sans KR', sans-serif; font-weight:500; letter-spacing:-0.05em; }
#sub_process .benefits_bx ul li.li01{ background:url('../images/sub/benefits_icon01.png') no-repeat left center; }
#sub_process .benefits_bx ul li.li02{ background:url('../images/sub/benefits_icon02.png') no-repeat left center; }
#sub_process .benefits_bx ul li.li03{ background:url('../images/sub/benefits_icon03.png') no-repeat left center; }
#sub_process .benefits_bx ul li.li04{ background:url('../images/sub/benefits_icon04.png') no-repeat left center; }
#sub_process .benefits_bx ul li.li05{ background:url('../images/sub/benefits_icon05.png') no-repeat left center; }
#sub_process .benefits_bx ul li.li06{ background:url('../images/sub/benefits_icon06.png') no-repeat left center; }

/* media */
#sub_media .board_view .v_con{ padding-top:0; padding-left:0; padding-right:0; }

/* 전자상거래 표준약관 */
.yg{font-size:14px; line-height:24px; word-break:keep-all}
.yg h2{margin-top:70px; font-size:22px; font-weight:700; color:#333;}
.yg h3{margin-top:40px; margin-bottom:5px; font-size:18px; font-weight:700; color:#444;}
.yg h4{margin-top:20px; margin-bottom:5px; font-size:16px; font-weight:500; color:#555;}
.yg p{margin:5px 0;}

.fly_w{margin-top:10px; background:#f2f2f2; box-sizing:border-box; padding:20px;}
.fly_w > li:first-child{margin-top:0;}
.fly_w > li > ul{margin-top:0; padding:0 0 0 15px; background:none;}
.fly_w > li > ul > li{padding:0; margin:0;}
.fly_w > li > ul > li:before{display:none;}
.fly_w > li > ol{margin-top:0; padding:0 0 0 15px; background:none;}
.fly_w > li > ol > li{padding:0; margin:0;}
.fly_w > li > ol > li:before{display:none;}

ul.fly_w > li{position:relative; padding-left:10px; margin-top:5px; color:#777;}
ul.fly_w > li:before{content:'-'; position:absolute; top:0; left:0;}
ol.fly_w > li{position:relative; margin-top:5px; color:#777;}

.yg_table{overflow:hidden; margin-top:15px;}
.yg_table div{float:right; width:calc(50% - 10px);}
.yg_table div:first-child{float:left;}
.yg_table div > strong{display:block; text-align:center; background:#333; color:#fff; font-size:15px; font-weight:500; padding:15px 0;}
.yg_table div table{width:100%; box-sizing:border-box;}
.yg_table div table thead th{text-align:center; color:#333; font-weight:700; border-bottom:1px solid #ddd; padding:10px 0; background:#f2f2f2;}
.yg_table div table tbody th{text-align:center; border-bottom:1px solid #ddd; color:#333; padding:10px 0; font-weight:500; background:#f9f9f9}
.yg_table div table tbody td{border-bottom:1px solid #ddd; padding:5px 20px; border-left:1px solid #ddd;}

#privacy_box select { padding-left:10px; margin-top: 20px; width: 320px; height: 40px; font-size: 14px; border-color: #bbb;}




/* 220117 추가 */
/* vision */
#sub_vision .con_box {position: relative;}
#sub_vision .con_box::before {content: ''; width: calc(100% - 300px); height: 100%; position: absolute; right: 0px; top: 0px; background: url(../images/sub/vision_bg1.jpg) no-repeat center -16px; background-size: contain;}
#sub_vision .con_wrap {display: flex; flex-flow: wrap; position: relative; z-index: 1; margin-bottom: 90px;}
#sub_vision .con_wrap > .ttl {width: 300px; box-sizing: border-box; position: relative; display:flex; align-items:center; table-layout:fixed; font-family: 'Montserrat', 'Noto Sans KR', sans-serif; font-size: 18px; line-height: 26px; color: #444444; font-weight: 700; text-transform: uppercase;}
#sub_vision .con_wrap > .ttl::before {content: ''; width: 80px; height: 2px; background-color: #dddddd; position: absolute; top: 50%; margin-top: -1px; right: 40px;}
#sub_vision .con_wrap > .con {width: calc(100% - 300px); box-sizing: border-box;}
#sub_vision .con_wrap.type1 > .con {border: 1px solid #0071c1; border-radius: 10px; text-align: center; position: relative; background-color: #fff;}
#sub_vision .con_wrap.type1 > .con::before {content: ''; width: 240px; height: 1px; background-color: #fff; position: absolute; left: 50%; margin-left: -120px; top: -1px;}
#sub_vision .con_wrap.type1:nth-child(2) > .con {border: 1px solid #0192d3;}
#sub_vision .con_wrap.type1 > .con strong {display: inline-block; position: absolute; font-family: 'Montserrat', 'Noto Sans KR', sans-serif; font-size: 38px; color: #0071c1; font-weight: 700; width: 240px; text-align: center; top: -24px; left: 50%; margin-left: -120px; text-transform: uppercase;}
#sub_vision .con_wrap.type1:nth-child(2) > .con strong {color: #0192d3;}
#sub_vision .con_wrap.type1 > .con strong::before {content: ''; width: 7px; height: 7px; background-color: #0071c1; border-radius: 7px; position: absolute; left: 0px; top: 50%; margin-top: -4px;}
#sub_vision .con_wrap.type1 > .con strong::after {content: ''; width: 7px; height: 7px; background-color: #0071c1; border-radius: 7px; position: absolute; right: 0px; top: 50%; margin-top: -4px;}
#sub_vision .con_wrap.type1:nth-child(2) > .con strong::before, #sub_vision .con_wrap.type1:nth-child(2) > .con strong::after {background-color: #0192d3;}
#sub_vision .con_wrap.type1 > .con .txt {height: 130px; display:flex; justify-content:center; align-items:center; table-layout:fixed; font-size: 18px; color: #444444; line-height: 30px; word-break: keep-all; padding-top: 13px; box-sizing: border-box;}
#sub_vision .con_wrap.type2 .con ul {display: flex; flex-flow: wrap; max-width: 720px; margin: 0 auto; width: 100%;}
#sub_vision .con_wrap.type2 .con ul li {width: calc(33.3% - 40px); margin-right: 60px; text-align: center; font-size: 16px; line-height: 24px; word-break: keep-all; letter-spacing: -0.05em;}
#sub_vision .con_wrap.type2 .con ul li:nth-child(3n) {margin-right: 0px;}
#sub_vision .con_wrap.type2 .con ul li strong {display: block; width: 100%; height: 200px; display:flex; justify-content:center; align-items:center; table-layout:fixed; font-size: 24px; color: #ffffff; font-weight: 700; line-height: 30px; font-family: 'Montserrat', 'Noto Sans KR', sans-serif; background-color: #0071c1; border-radius: 100px; margin-bottom: 13px;}
#sub_vision .con_wrap.type2 .con ul li:nth-child(2) strong {background-color: #0192d3;}
#sub_vision .con_wrap.type2 .con ul li:nth-child(3) strong {background-color: #219ba8;}
#sub_vision .con_wrap.type2 .con .btm_txt {display: flex; flex-flow: wrap; background: url(../images/sub/vision_icon.png) no-repeat center; margin-top: 57px;}
#sub_vision .con_wrap.type2 .con .btm_txt .txt {width: calc(50% - 50px); margin-right: 100px; height: 80px; display:flex; justify-content:center; align-items:center; table-layout:fixed; background-color: #084570; border-radius: 10px; font-size: 18px; color: #ffffff;}
#sub_vision .con_wrap.type2 .con .btm_txt .txt:nth-child(2n) {margin-right: 0px;}

/* 공시 */
#sub_disclosure .iframe_bx{ overflow-y:auto; }
#sub_disclosure .iframe_bx iframe{ display:block; margin:0 auto; width:750px; height:910px; }


#sub_inflammasome .v_btn { display:inline-block; width:240px; height:60px; font-size:18px; line-height:60px; color:#fff; font-weight:500; background-color: #0092d3; text-align: center; margin-top: 30px; cursor: pointer;}
#sub_inflammasome .v_pop {position: fixed; width: 100%; height: 100%; top: 0px; left: 0px; background: rgba(0,0,0,0.8); z-index: 10000; display: none;}
#sub_inflammasome .v_pop.on {overflow-y: auto;}
#sub_inflammasome .v_pop .pop_wrap {/*min-height: 600px; overflow-y: auto;*/ width: 100%; position: absolute; height: 100%; top: 0px; left: 0px; display:flex; justify-content:center; align-items:center; table-layout:fixed;}
#sub_inflammasome .v_pop.on .pop_wrap {display: block;}
#sub_inflammasome .v_pop .pop_bx {max-width: 1000px; margin: 0 auto; width: calc(100% - 40px); position: relative;}
#sub_inflammasome .v_pop.on .pop_bx {padding: 60px 0;}
#sub_inflammasome .v_pop .pop_bx .v_bx {position: relative; width: 100%; height: 0; padding-bottom: 56.25%; max-height: 100%;}
#sub_inflammasome .v_pop .pop_bx .v_bx iframe {position: absolute; top: 0; left: 0; width: 100%; height: 100%;}
#sub_inflammasome .v_pop .close {width: 35px; height: 35px; position: absolute; top: -50px; right: 0px; font-size: 0px; cursor: pointer;}
#sub_inflammasome .v_pop.on .close {top: 10px;}
#sub_inflammasome .v_pop .close::before {content: ''; width: 100%; height: 4px; background-color: #fff; position: absolute; left: 0px; top: 50%; margin-top: -2px; transform: rotate(135deg);}
#sub_inflammasome .v_pop .close::after {content: ''; width: 100%; height: 4px; background-color: #fff; position: absolute; left: 0px; top: 50%; margin-top: -2px; transform: rotate(-135deg);}

/* PC */
@media all and (min-width:1025px){



}

@media all and (max-width:1650px){
	
/* vision */
#sub_vision .con_wrap.type2 .con ul li strong {width: 135px; height: 135px; font-size: 19px; line-height: 26px; margin: 0 auto; margin-bottom: 13px;}
	
}

@media all and (max-width:1400px){

/* hire */
#sub_hire .process_bx ul li:after{ right:5%; }
/* process */
#sub_process .process_bx ul li:after{ right:5%; }
/* benefits */
/* #sub_process .benefits_bx ul li:after{ right:5%; } */

	
/* vision */
#sub_vision .con_wrap.type2 .con ul li {width: calc(33.3% - 20px); margin-right: 30px;}
}

@media all and (max-width:1240px){

/* leadership */
#sub_leadership .list_bx > li > div.txt_bx strong{ font-size:20px; line-height:30px; }
#sub_leadership .list_bx > li > div.txt_bx p{ margin-top:9px; font-size:15px; line-height:25px; }
#sub_leadership .list_bx > li > div.txt_bx ul { margin-top:13px; padding-top:10px; }
#sub_leadership .list_bx > li > div.txt_bx ul li{ padding-left:7px; font-size:13px; line-height:21px; }
#sub_leadership .list_bx > li > div.txt_bx ul li:after{ top:10px; }

/* value */
#sub_value .bx img{ width:350px; }
#sub_value .bx .txt{ max-width:200px; font-size:16px; line-height:26px; }

/* contact */
#sub_contact .sec > div.info_bx dl dt{ font-size:20px; line-height:30px; }
#sub_contact .sec > div.info_bx dl dd ul li{ margin-bottom:7px; font-size:16px; line-height:26px; }

/* hire */
#sub_hire .process_bx ul li{ padding-left:100px; background-size:90px auto !important; }
#sub_hire .process_bx ul li:after{ margin-top:-6px; width:26px; height:12px; background-size:26px auto; }
/* process */
#sub_process .process_bx ul li{ padding-left:100px; background-size:90px auto !important; }
#sub_process .process_bx ul li:after{ margin-top:-6px; width:26px; height:12px; background-size:26px auto; }
/* benefits */
#sub_process .benefits_bx ul li{ padding-left:100px; background-size:90px auto !important; }
/* #sub_process .benefits_bx ul li:after{ margin-top:-6px; width:26px; height:12px; background-size:26px auto; } */

.blue_titS1 > div.left strong.s2{ font-size:3.5vw; }

}

/* 태블릿&모바일 공통*/
@media all and (max-width:1024px){

	/* about */
	#sub_company .txt1{ margin-bottom:40px; font-size:13px; line-height:18px; }
	#sub_company .txt_bx{ margin-bottom:35px; }
	#sub_company .txt_bx > div{ width:100%; }
	#sub_company .txt_bx > div.img_bx{ height:300px; margin-bottom:15px; }
	#sub_company .txt_bx.bx1 > div.img_bx{ background:url('../images/sub/company_img01.jpg') no-repeat center; background-size:cover; }
	#sub_company .txt_bx.bx2 > div.img_bx{ background:url('../images/sub/company_img02.jpg') no-repeat center; background-size:cover; }
	#sub_company .txt_bx > div.m_img{ display:block; }
	#sub_company .txt_bx > div.pc_img{ display:none; }
	#sub_company .txt_bx > div.txt{ padding:0; }
	#sub_company .txt_bx > div.txt strong{ margin-bottom:10px; font-size:18px; line-height:23px; }
	#sub_company .txt_bx > div.txt ul li{ padding-left:10px; margin-bottom:7px; font-size:13px; line-height:18px; }
	#sub_company .txt_bx > div.txt ul li:after{ top:8px; width:3px; height:3px; }

	/* history */
	#sub_history .img_bx{ height:250px; }
	#sub_history .history_bx{ margin-top:25px; }
	#sub_history .history_bx .bx{ margin-bottom:25px; }
	#sub_history .history_bx .bx:after{ left:70px; top:10px; height:calc(100% + 25px); }
	#sub_history .history_bx .bx strong{ width:70px; font-size:18px; line-height:23px; }
	#sub_history .history_bx .bx strong:after{ right:-4px; top:9px; width:7px; height:7px; border:2px solid #0092d3; }
	#sub_history .history_bx .bx ul{ width:calc(100% - 70px); padding:3px 0 0 15px; }
	#sub_history .history_bx .bx ul li{ padding-left:8px; margin-bottom:7px; font-size:13px; line-height:18px; }
	#sub_history .history_bx .bx ul li:after{ top:8px; width:2px; height:2px; }

	/* leadership */
	#sub_leadership .list_bx{ margin-bottom:-30px; }
	#sub_leadership .list_bx > li{ margin-bottom:30px; width:50%; }
	#sub_leadership .list_bx > li:nth-child(2n-1){ padding-right:10px; }
	#sub_leadership .list_bx > li:nth-child(2n){ padding-left:10px; }
	#sub_leadership .list_bx > li > div.img_bx{ width:34%; }
	#sub_leadership .list_bx > li > div.img_bx img{ width:100%; }
	#sub_leadership .list_bx > li > div.txt_bx{ width:66%; padding-left:4%; }
	#sub_leadership .list_bx > li > div.txt_bx strong{ font-size:18px; line-height:23px; }
	#sub_leadership .list_bx > li > div.txt_bx p{ margin-top:5px; font-size:13px; line-height:18px; }
	#sub_leadership .list_bx > li > div.txt_bx p span{ margin-top:5px; font-size:12px; line-height:18px; }
	#sub_leadership .list_bx > li > div.txt_bx ul{ margin-top:7px; padding-top:7px; }
	#sub_leadership .list_bx > li > div.txt_bx ul li{ margin-bottom:7px; padding-left:5px; font-size:13px; line-height:18px; }
	#sub_leadership .list_bx > li > div.txt_bx ul li:last-child{ margin-bottom:0; }
	#sub_leadership .list_bx > li > div.txt_bx ul li:after{ top:8px; width:2px; height:2px; }

	/* CEO 인사말 */
	#sub_greeting .sec01 .l_bx {order: 2; width: 100%; margin-top: 26px;}
	#sub_greeting .sec01 .l_bx .txt_bx {width: 100%; margin-top: 0;}
	#sub_greeting .sec01 .l_bx .txt_bx strong {padding-bottom: 13px; font-size: 15px;}
	#sub_greeting .sec01 .l_bx .txt_bx strong::before {width: 15px; height: 1px;}
	#sub_greeting .sec01 .l_bx .txt_bx ul {margin-top: 12px;}
	#sub_greeting .sec01 .l_bx .txt_bx ul li {padding-left: 10px; font-size: 12px; line-height: 17px;}
	#sub_greeting .sec01 .l_bx .txt_bx ul li::before {font-size: 10px; left: 2px;}
	#sub_greeting .sec01 .r_bx {order: 1; width: 100%; padding: 0 15px 28px; position: relative;}
	#sub_greeting .sec01 .r_bx .txt_bx {font-size: 13px; line-height: 18px;}
	#sub_greeting .sec01 .r_bx img {width: 100%; max-width: 230px; display: block; margin: 0 auto;}
	#sub_greeting .sec01 .r_bx .txt_w {margin-top: 26px; max-width: 530px;}
	#sub_greeting .sec01 .r_bx .txt_w p {margin-bottom: 19px;}
	#sub_greeting .sec01 .r_bx .btm_txt {margin-top: 23px;}
	#sub_greeting .sec01 .r_bx .btm_txt strong {font-size: 15px; line-height: 20px;}

	/* 조직도 */
	#sub_organization .bxN {display: none!important;}
	#sub_organization .con1 {padding-bottom: 20px;}
	#sub_organization .con1 .txt_bx1 {width: calc(50% - 30px); max-width: 100%; height: 40px; font-size: 12px;}
	#sub_organization .con1 .txt_bx2 {width: 100px; height: 100px; font-size: 15px; margin-top: 20px;}
	#sub_organization .con2 {padding-bottom: 30px;}
	#sub_organization .con2 .txt_w {width: calc(50% - 30px); margin-right: 0;}
	#sub_organization .con2 .txt_w::before {top: 20px; width: calc(100% + 30px);}
	#sub_organization .con2 .txt_bx1 {height: 40px; font-size: 12px; margin-bottom: 10px;}
	#sub_organization .con2 .txt_bx2 {padding-left: 30px;}
	#sub_organization .con2 .txt_bx2.left {padding-left: 0; padding-right: 30px;}
	#sub_organization .con2 .txt_bx2::before {bottom: 20px; top: auto; height: calc(100% - 10px); left: 18px;}
	#sub_organization .con2 .txt_bx2.left::before {right: 18px;}
	#sub_organization .con2 .txt_bx2 div {font-size: 12px; line-height: 17px; height: 40px; margin-bottom: 10px;}
	#sub_organization .con2 .txt_bx2 div::after {width: 8px; height: 8px; border-width: 2px; left: -4px; margin-top: -4px;}
	#sub_organization .con2 .txt_bx2.left div::after {right: -4px;}
	#sub_organization .con2 .txt_bx2 div::before {width: 12px; left: -13px;}
	#sub_organization .con2 .txt_bx2.left div::before {right: -13px;}
	#sub_organization .con2.type1 {display: block; font-size: 0;}
	#sub_organization .con2.type1 .txt_w {margin: 0 0 0 auto;}
	#sub_organization .con2.type1 .txt_w:nth-child(3) {width: calc(50% - 30px); margin: 0 auto 40px;}
	#sub_organization .con2.type1 .txt_w:nth-child(4)::before {content: ''; width: 1px; height: calc(50% + 40px); background-color: #ddd; position: absolute; left: 50%; top: auto; bottom: 100%;}
	#sub_organization .con2.type3 .txt_w:nth-child(1) {order: 3}
	#sub_organization .con2.type3 .txt_w:nth-child(1)::before {display: none;}
	#sub_organization .con2.type3 .txt_w:nth-child(2) {order: 1;}
	#sub_organization .con2.type3 .txt_w:nth-child(4) {order: 2; margin: 0 0 0 auto;}
	#sub_organization .con2.type3 .txt_w:nth-child(4)::before {left: auto; right: 0;}
	#sub_organization .con2.type3 .txt_w:nth-child(5) {order: 4; margin: 0 0 0 auto;}
	#sub_organization .con2.type2 {padding-bottom: 0;}
	#sub_organization .con2.type2::before {height: 20px;}
	#sub_organization .con2.type2 .txt_w {width: calc(50% - 30px);}
	#sub_organization .con2.type2 .txt_w:nth-child(1) {margin-right: 60px;}
	#sub_organization .con2.type2 .txt_w:nth-child(1)::before {width: calc(100% + 60px);}
	#sub_organization .con2.type2 .txt_bx1 {margin-bottom: 0;}
	#sub_organization .con2 .txt_w.bb::after {display: none;}
	#sub_organization .con2 .m_show {position: relative; padding-right: 30px;}
	#sub_organization .con2 .txt_w:nth-child(3) .m_show {padding-left: 30px; padding-right: 0;}
	#sub_organization .con2 .txt_w .con_w {position: relative; padding-top: 30px;}
	#sub_organization .con2 .txt_w .con_w::before {content: ''; width: 1px; height: 100%; background-color: #ddd; position: absolute; right: -13px; top: 0; z-index: -1;}
	#sub_organization .con2 .txt_w .con_w:last-child::before {height: calc(100% - 20px);}
	#sub_organization .con2 .txt_w:nth-child(3) .con_w::before {right: auto; left: -12px;}
	#sub_organization .con2 .txt_w .con_w .ttl {height: 40px; width: calc(100% + 30px); position: relative; margin-bottom: 10px;}
	#sub_organization .con2 .txt_w:nth-child(3) .con_w .ttl {left: -30px;}
	#sub_organization .con2 .txt_w .con_w .ttl span {box-sizing: border-box; height: 40px; border: 1px solid #0092d3; text-align: center; display:flex; justify-content:center; align-items:center; table-layout:fixed; font-size: 12px; line-height: 17px; color: #0092d3; word-break: keep-all; background-color: #fff;}
	#sub_organization .con2 .txt_w .con_w ul li {display:flex; justify-content:center; align-items:center; table-layout:fixed; height: 40px; text-align: center; font-size: 12px; line-height: 17px; color: #666666; word-break: keep-all; border: 1px solid #aaaaaa; margin-bottom: 10px; position: relative;}
	#sub_organization .con2 .txt_w .con_w ul li:last-child {margin-bottom: 0;}
	#sub_organization .con2 .txt_w .con_w ul li::before {content: ''; width: 12px; height: 1px; background-color: #ddd; position: absolute; right: -13px; top: 50%;}
	#sub_organization .con2 .txt_w:nth-child(3) .con_w ul li::before {right: auto; left: -13px;}
	#sub_organization .con2 .txt_w .con_w ul li::after {content: ''; width: 8px; height: 8px; border: 2px solid #0092d3; box-sizing: border-box; border-radius: 50%; position: absolute; right: -4px; top: 50%; margin-top: -4px; background-color: #fff;}
	#sub_organization .con2 .txt_w:nth-child(3) .con_w ul li::after {right: auto; left: -4px;}
	#sub_organization .con2 .txt_w .con_w ul li br {display: none;}
	#sub_organization .con3, #sub_organization .con4 {display: none!important;}

	/* value */
	#sub_value .txt_bx{ margin-bottom:15px; }
	#sub_value .txt_bx strong{ font-size:18px; line-height:23px; }
	#sub_value .txt_bx p{ margin-top:5px; font-size:13px; line-height:18px; }

	#sub_value .bx{ position:relative; margin:0 auto; width:100%; max-width:990px; text-align:center; }
	#sub_value .bx:after{ content:''; display:block; clear:both; }
	#sub_value .bx img{ max-width:300px; width:95%; }
	#sub_value .bx .txt{ display:inline-block; vertical-align:top; position:relative; bottom:auto; padding:0 15px; margin-top:20px; width:48%; max-width:250px; font-size:13px; line-height:18px; box-sizing:border-box; text-align:left; }
	#sub_value .bx .txt.left{ left:auto; }
	#sub_value .bx .txt.right{ right:auto; }

	/* Partners & Investors */
	#sub_partners .sec{ margin-bottom:35px; }
	#sub_partners .sec strong.tit{ padding-bottom:8px; margin-bottom:10px; font-size:18px; line-height:23px; }
	#sub_partners .sec p.txt{ margin-bottom:20px; font-size:13px; line-height:18px; }

	#sub_partners .sec01 .bx{ margin-bottom:25px; }
	#sub_partners .sec01 .bx strong{ margin-bottom:5px; font-size:13px; line-height:18px;}
	#sub_partners .sec01 .bx ul{ margin-right:-10px; margin-bottom:-10px; }
	#sub_partners .sec01 .bx ul li{ margin-right:10px; margin-bottom:10px; width:calc(33.33% - 10px);}

	#sub_partners .sec02 strong.tit{ margin-bottom:30px;}
	#sub_partners .sec02 img{ display:block; margin:0 auto; max-width:100%; }

	/* contact */
	#sub_contact .sec{ margin-bottom:40px; }
	#sub_contact .sec > div.map_bx{ float:auto; width:100%; }
	#sub_contact .sec > div.map_bx .root_daum_roughmap, .sec > div.map_bx .map{ height:250px; }
	#sub_contact .sec > div.info_bx{ width:100%; }
	#sub_contact .sec > div.info_bx .img_bx{ display:none; }
	#sub_contact .sec > div.info_bx dl{ padding:25px 15px; }
	#sub_contact .sec > div.info_bx dl dt{ margin-bottom:10px; font-size:18px; line-height:23px; }
	#sub_contact .sec > div.info_bx dl dd ul li{ margin-bottom:5px; font-size:13px; line-height:18px; }

	/* pipe */
	#sub_pipeline .table_scroll{ overflow-y:auto; }
	#sub_pipeline .sec{ margin-bottom:30px; }
	#sub_pipeline .sec strong.tit{ position:relative; margin-bottom:10px; font-size:18px; line-height:23px;}
	#sub_pipeline .sec strong.tit:after{ content:''; position:absolute; right:0; top:-5px; width:23px; height:28px; background:url('../images/icon/icon_scroll.png') no-repeat center; background-size:23px auto; }

	#sub_pipeline .sec table{ min-width:700px; }
	#sub_pipeline .sec table thead th{ height:30px; font-size:8px; line-height:21px; }
	#sub_pipeline .sec table thead th.t_l{ padding:0 10px; }
	#sub_pipeline .sec table tbody th{ padding:0 10px;  font-size:10px; line-height:15px; }
	#sub_pipeline .sec table tbody th span{ font-size:8px;}
	#sub_pipeline .sec table tbody td{ padding:10px 10px; font-size:8px; line-height:13px; }
	#sub_pipeline .sec table tbody td.graph{ padding:10px 0; }
	#sub_pipeline .sec table tbody td div{ height:15px; }
	#sub_pipeline .sec table tbody td div span{ text-indent:5px; font-size:8px; line-height:15px; height:15px;  }
	#sub_pipeline .sec table tbody td div span:after{ right:-6px; width:7px; height:15px; background-size:7px auto; }
	#sub_pipeline .sec table tbody td a{ width:9px; height:9px; background-size:9px auto; }
	#sub_pipeline .sec table tbody td p{ padding:5px 10px 0; }

	#sub_pipeline .sec02 table tbody td div span:after{ background-size:7px auto;  }

	.blue_titS1{ margin-bottom:15px;}
	.blue_titS1 > div.left{ width:100%; margin-bottom:25px; }
	.blue_titS1 > div.left strong{ margin-bottom:5px; font-size:30px; line-height:35px; }
	.blue_titS1 > div.left strong span{ padding-left:5px; font-size:17px; line-height:19px; }
	.blue_titS1 > div.left strong span.s1{ padding-top:5px; }
	.blue_titS1 > div.left strong.s2{ font-size:30px; line-height:35px; }
	.blue_titS1 > div.left p{ font-size:16px; line-height:21px; }
	.blue_titS1 > div.left ul li{ padding-left:10px; font-size:16px; line-height:21px; }
	.blue_titS1 > div.left ul li:after{ top:10px; width:3px; height:3px; }
	.blue_titS1 > div.right{ width:100%; }
	.blue_titS1 > div.right table thead th{ height:30px; font-size:8px; line-height:13px; }
	.blue_titS1 > div.right table tbody td{ height:45px; }
	.blue_titS1 > div.right table tbody td div{ height:15px; }
	.blue_titS1 > div.right table tbody td div span{ text-indent:8px; font-size:8px; line-height:15px; }
	.blue_titS1 > div.right table tbody td div span:after{ right:-7px; width:7px; height:15px; background-size:7px auto; }

	.pd_conS01 .sec{ margin-bottom:30px; }
	.pd_conS01 .sec strong.tit{ margin-bottom:5px; font-size:18px; line-height:23px; }
	.pd_conS01 .sec .bx_wrap{ padding-top:15px; }
	.pd_conS01 .sec .bx_wrap p{ font-size:13px; line-height:18px; }
	.pd_conS01 .sec .bx_wrap > img{ margin:15px auto 0; }
	.pd_conS01 .sec .bx_wrap ul.dot_list{ margin-top:10px; }
	.pd_conS01 .sec .bx_wrap ul.dot_list li{ margin-bottom:8px; padding-left:10px; font-size:13px; line-height:18px; }
	.pd_conS01 .sec .bx_wrap ul.dot_list li:after{ top:8px; width:3px; height:3px; }
	.pd_conS01 .sec .bx_wrap .img_list{ margin-right:-20px; margin-top:20px; }
	.pd_conS01 .sec .bx_wrap .img_list li{ width:calc(50% - 20px); margin-right:20px; }
	.pd_conS01 .sec .bx_wrap .img_list li div.img1 img{ max-width:100%; }
	.pd_conS01 .sec .bx_wrap .img_list li div.txt1{ margin-top:20px; height:40px; }
	.pd_conS01 .sec .bx_wrap .img_list li div.txt1 p{ font-size:12px; line-height:17px; }

	#sub_nugel .pd_conS01 .sec .bx_wrap > img{ max-width:190px; }

	/* nanobody */
	#sub_nanobody .pd_conS01 .bx_wrap table thead th{ padding:5px 5px; height:33px; font-size:12px; line-height:17px; }
	#sub_nanobody .pd_conS01 .bx_wrap table tbody th{ padding:5px 5px; height:33px; font-size:12px; line-height:17px; }
	#sub_nanobody .pd_conS01 .bx_wrap table tbody td{ padding:5px 5px; height:33px; font-size:12px; line-height:17px; }
	#sub_nanobody .pd_conS01 .bx_wrap table tbody td sup{ font-size:8px; }

	#sub_nanobody .pd_conS01 .bx_wrap .bx1{ margin-top:20px; }
	#sub_nanobody .pd_conS01 .bx_wrap .bx1 > div.left{ width:100%; padding-right:0; margin-bottom:30px; }
	#sub_nanobody .pd_conS01 .bx_wrap .bx1 > div.left dl{ margin-bottom:15px; }
	#sub_nanobody .pd_conS01 .bx_wrap .bx1 > div.left dt{ margin-bottom:10px; font-size:13px; line-height:18px; }
	#sub_nanobody .pd_conS01 .bx_wrap .bx1 > div.left dd img{ display:block; margin:0 auto; max-width:100%; }

	#sub_nanobody .pd_conS01 .bx_wrap .bx1 > p{ margin-top:15px; font-size:13px; line-height:18px; }

	#sub_nanobody .pd_conS01 .bx_wrap .bx1 > div.right{ width:100%; }

	#sub_nanobody .pd_conS01 .bx_wrap .bx2{ margin-top:35px; padding-top:40px; }
	#sub_nanobody .pd_conS01 .bx_wrap .bx2 img{ margin-top:30px; max-width:100%; }

	/* hire */
	#sub_hire .process_bx{ margin-bottom:35px; }
	#sub_hire .process_bx strong.tit{ padding-bottom:5px; margin-bottom:20px; font-size:18px; line-height:23px; }

	#sub_hire .process_bx ul{ margin-right:-55px; }
	#sub_hire .process_bx ul li{ position:relative; display:table; float:left; height:auto; width:calc(33.33% - 55px); margin-right:55px; padding-left:0; padding-top:75px; text-align:center; }
	#sub_hire .process_bx ul li:after{ right:-35px; top:30px; margin-top:0; width:26px; height:12px; background-size:26px auto;   }
	#sub_hire .process_bx ul li p{ font-size:12px; line-height:17px; ;}
	#sub_hire .process_bx ul li.li01{ background-position:center top; background-size:70px !important;}
	#sub_hire .process_bx ul li.li02{ background-position:center top; background-size:70px !important;}
	#sub_hire .process_bx ul li.li03{ background-position:center top; background-size:70px !important;}


    /* Shaperon Core Values */
    #sub_coreValues .img_box {padding: 31px 0 75px;}


	/* process */
	#sub_process .process_bx{ margin-bottom:35px; }
	#sub_process .process_bx strong.tit{ padding-bottom:5px; margin-bottom:20px; font-size:18px; line-height:23px; }

	#sub_process .process_bx ul{ margin-right:-55px; width: 100%;}
	/*#sub_process .process_bx ul li{ position:relative; display:table; float:left; height:auto; width:calc(33.33% - 55px); margin-right:55px; padding-left:0; padding-top:75px; text-align:center; }*/
    #sub_process .process_bx ul li{ position:relative; display:table; float:left; height:auto; width:calc(33.33% - 19px); margin-right:28px; padding-left:0; padding-top:75px; text-align:center; }
	/*#sub_process .process_bx ul li:after{ right:-35px; top:30px; margin-top:0; width:26px; height:12px; background-size:26px auto;   }*/
	#sub_process .process_bx ul li:after{ right:-22px; top:30px; margin-top:0; width:15px; height:12px; background-size:26px auto;  background-size: 15px; }
	#sub_process .process_bx ul li p{ font-size:12px; line-height:17px; ;}
	#sub_process .process_bx ul li.li01{ background-position:center top; background-size:70px !important;}
	#sub_process .process_bx ul li.li02{ background-position:center top; background-size:70px !important;}
	#sub_process .process_bx ul li.li03{ background-position:center top; background-size:70px !important;}

	/* benefits */
	#sub_process .benefits_bx{ margin-bottom:35px; }
	#sub_process .benefits_bx strong.tit{ padding-bottom:5px; margin-bottom:20px; font-size:18px; line-height:23px; }

	#sub_process .benefits_bx ul{ margin-right:-55px; }
	#sub_process .benefits_bx ul li{ position:relative; display:table; float:left; height:auto; width:calc(33.33% - 55px); margin-right:55px; padding-left:0; padding-top:75px; text-align:center; }
	/* #sub_process .benefits_bx ul li:after{ right:-35px; top:30px; margin-top:0; width:26px; height:12px; background-size:26px auto;   } */
	#sub_process .benefits_bx ul li p{ font-size:12px; line-height:17px; height: 51px;;}
	#sub_process .benefits_bx ul li.li01{ background-position:center top; background-size:70px !important;}
	#sub_process .benefits_bx ul li.li02{ background-position:center top; background-size:70px !important;}
	#sub_process .benefits_bx ul li.li03{ background-position:center top; background-size:70px !important;}
	#sub_process .benefits_bx ul li.li04{ background-position:center top; background-size:70px !important;}
	#sub_process .benefits_bx ul li.li05{ background-position:center top; background-size:70px !important;}
	#sub_process .benefits_bx ul li.li06{ background-position:center top; background-size:70px !important;}

	/* 전자상거래 표준약관 */
	.yg{font-size:12px; line-height:18px;}
	.yg h2{margin-top:50px; font-size:18px;}
	.yg h3{margin-top:20px; margin-bottom:5px; font-size:15px;}
	.yg h4{margin-top:10px; margin-bottom:5px; font-size:14px;}
	.yg p{margin:5px 0;}

	.fly_w{margin-top:5px; padding:10px;}
	.fly_w > li > ul{padding:0 0 0 5px;}
	.fly_w > li > ol{padding:0 0 0 5px;}

	ul.fly_w > li{padding-left:10px; margin-top:3px;}
	ol.fly_w > li{margin-top:3px;}

	.yg_table{margin-top:10px;}
	.yg_table div{width:100%; margin-top:10px;}
	.yg_table div:first-child{margin-top:0;}
	.yg_table div > strong{font-size:12px; padding:8px 0;}
	.yg_table div table{ table-layout:fixed; }
	/* .yg_table div table colgroup col:nth-of-type(1){width:80px !important;}
	.yg_table div table colgroup col:nth-of-type(2){width:calc(100% - 80px) !important;} */
	.yg_table div table thead th{padding:5px 0;}
	.yg_table div table tbody th{padding:5px 0;}
	.yg_table div table tbody td{padding:0 10px}
	#privacy_box select { margin-top: 15px; width: 300px; height: 30px; font-size: 12px; }
	
	
	
	/* 220217 추가 */
	/* vision */
	#sub_vision .con_box::before {width: 100%; background: url(../images/sub/vision_bg1_m.jpg) no-repeat center top; background-size: 336px;}
	#sub_vision .con_wrap {display: block; margin-bottom: 32px;}
	#sub_vision .con_wrap:first-child {background-color: #fff;}
	#sub_vision .con_wrap > .ttl {width: 100%; font-size: 14px; margin-bottom: 19px;}
	#sub_vision .con_wrap > .ttl::before {display: none;}
	#sub_vision .con_wrap > .con {width: 100%;}
	#sub_vision .con_wrap.type1 > .con {border-radius: 5px;}
	#sub_vision .con_wrap.type1 > .con::before {width: 120px; margin-left: -60px;}
	#sub_vision .con_wrap.type1 > .con strong {width: 120px; margin-left: -60px; font-size: 19px; top: -11px;}
	#sub_vision .con_wrap.type1 > .con strong::before, #sub_vision .con_wrap.type1 > .con strong::after {width: 3px; height: 3px; margin-top: -3px;}
	#sub_vision .con_wrap.type1 > .con .txt {height: auto; font-size: 13px; line-height: 18px; padding: 23px 0 18px;;}
	#sub_vision .con_wrap.type2 .con ul {display: block; max-width: 100%;}
	#sub_vision .con_wrap.type2 .con ul li {margin-right: 0px; width: 100%; text-align: left; position: relative; font-size: 12px; line-height: 17px; padding-left: 120px; box-sizing: border-box; margin-bottom: 10px;}
	#sub_vision .con_wrap.type2 .con ul li:last-child {margin-bottom: 0px;}
	#sub_vision .con_wrap.type2 .con ul li strong {width: 100px; height: 100px; position: absolute; left: 0px; top: 0px; font-size: 12px; line-height: 15px;}
	#sub_vision .con_wrap.type2 .con ul li .txt {height: 100px; display:flex; align-items:center; table-layout:fixed;}
	#sub_vision .con_wrap.type2 .con .btm_txt {margin-top: 40px; background-size: 20px;}
	#sub_vision .con_wrap.type2 .con .btm_txt .txt {width: calc(50% - 17px); margin-right: 34px; height: 50px; border-radius: 5px; font-size: 13px;}
	
	#sub_inflammasome .v_btn { width:140px; height:40px; font-size:13px; line-height:40px; margin-top: 15px;}
	#sub_inflammasome .v_pop.on .pop_bx {padding: 45px 0}
	#sub_inflammasome .v_pop .close {width: 25px; height: 25px; top: -35px;}
	#sub_inflammasome .v_pop .close::before, #sub_inflammasome .v_pop .close::after {height: 2px; margin-top: -1;}
}

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

	/* history */
	#sub_history .img_bx{ height:150px; background:url('../images/sub/history_m.jpg') no-repeat center; background-size:cover; }

	/* leadership */
	#sub_leadership .list_bx > li{ width:100%; }
	#sub_leadership .list_bx > li:nth-child(2n-1){ padding-right:0; }
	#sub_leadership .list_bx > li:nth-child(2n){ padding-left:0; }

	.pd_conS01 .sec .bx_wrap .img_list{ margin-right:0; }
	.pd_conS01 .sec .bx_wrap .img_list li{ width:100%; margin-right:0; margin-bottom:20px; }
	.pd_conS01 .sec .bx_wrap .img_list li:last-child{ margin-bottom:0; }

	/* nanobody */
	#sub_nanobody .pd_conS01 .bx_wrap .bx2 img.pc_img{ display:none; }
	#sub_nanobody .pd_conS01 .bx_wrap .bx2 img.m_img{ display:block; width:100%; }

    #sub_process .benefits_bx ul {width: 100%;}
    #sub_process .benefits_bx ul li {display: inline-block; width: 48%; margin-right: 0px; float: none; vertical-align: top;}
    #sub_process .benefits_bx ul li p {width: 100%; display: block;}
}