@charset "utf-8";

/*
font-family: 'Montserrat', sans-serif;
*/

/* 공통 */
#sub .inner_bx {max-width: 1200px; width: calc(100% - 40px); margin: 0 auto; box-sizing: border-box; position: relative; z-index: 1;}

#sub .ttl01 {position: relative;}
#sub .ttl01::before {content: ''; width: 36px; height: 36px; background-color: rgba(62,201,255,0.2); border-radius: 50%; box-sizing: border-box; position: absolute; top: -14px; left: -18px;}
/*#sub .ttl01.aos-init::before {transform: scale(0.5); opacity: 0; -webkit-transition: transform 0.6s, opacity 0.6s; -moz-transition: transform 0.6s, opacity 0.6s; transition: transform 0.6s, opacity 0.6s; transition-delay: 0.3s;}
#sub .ttl01.aos-init.aos-animate::before {transform: scale(1); opacity: 1;}*/
#sub .ttl01 strong {font-size: 28px; color: #111111; font-weight: 700; letter-spacing: -0.05em; word-break: keep-all; position: relative; z-index: 1;}
#sub .ttl01.col2::before {background-color: rgba(255,255,255,0.2);}
#sub .ttl01.col2 strong {color: #fff;}

#sub .btn01 {display: inline-block; width: 250px; box-sizing: border-box; border: 1px solid #102768; background-color: #102768; padding: 0 40px 0 30px; border-radius: 35px; font-size: 16px; color: #ffffff; font-weight: 700; word-break: keep-all;}
#sub .btn01 span {display:flex; justify-content:left; align-items:center; table-layout:fixed; height: 68px; position: relative; width: 100%;}
#sub .btn01 span::before {content: ''; width: 8px; height: 12px; background: url(../images/icon/arrow1.png) no-repeat center; position: absolute; right: 0; top: 50%; margin-top: -6px;}
#sub .btn01.down span::before {content: ''; width: 16px; height: 16px; background: url(../images/icon/download.png) no-repeat center; margin-top: -8px;}
#sub .btn01.location {font-family: 'Montserrat', sans-serif; background-color: #004098; border-color: #004098;}
#sub .btn01.location span::before {content: ''; width: 14px; height: 18px; background: url(../images/sub/location_icon.png) no-repeat center; margin-top: -9px;}

#sub .popup_bx {position: fixed; width: 100%; height: 100%; z-index: 100000; top: 0; left: 0; background-color: rgba(0,0,0,.6); overflow-y: auto; box-sizing: border-box; padding: 50px 0; display: none;}
#sub .popup_bx .p_w {display: table; width: 100%; height: 100%;}
#sub .popup_bx .p_inner {display: table-cell; vertical-align: middle;}
#sub .popup_bx .p_con {max-width: 1200px; width: calc(100% - 40px); margin: 0 auto;}
#sub .popup_bx .btn_bx {text-align: center; font-size: 0; padding-top: 30px;}
#sub .popup_bx .btn_bx a {display: inline-block; width: 200px; line-height: 60px; border-radius: 30px; background-color: #111111; text-align: center; font-size: 18px; color: #ffffff; font-weight: 700; cursor: pointer;}

#sub .location_bx .map_bx {overflow: hidden; position: relative;}
#sub .location_bx .map_bx::before {content: ''; width: 100%; height: 1px; background: rgba(0,0,0,.1); position: absolute; bottom: 0; left: 0; z-index: 2;}
#sub .location_bx .info_bx {display: flex; flex-flow: wrap; margin-top: 60px;}
#sub .location_bx .info_bx .l_bx {box-sizing: border-box; width: calc(100% - 300px);}
#sub .location_bx .info_bx .l_bx .txt1 {font-size: 18px; color: #444444; letter-spacing: -0.01em; word-break: keep-all;}
#sub .location_bx .info_bx .l_bx .txt2 {font-size: 30px; color: #111111; line-height: 40px; letter-spacing: -0.01em; word-break: keep-all; margin-top: 14px;}
#sub .location_bx .info_bx .l_bx ul {margin-top: 31px;}
#sub .location_bx .info_bx .l_bx ul li {font-size: 20px; color: #666666; letter-spacing: -0.01em; word-break: keep-all; position: relative; padding-left: 76px; min-height: 24px; margin-bottom: 16px;}
#sub .location_bx .info_bx .l_bx ul li:last-child {margin-bottom: 0;}
#sub .location_bx .info_bx .l_bx ul li span {position: absolute; left: 0; top: 0; font-weight: 700; color: #111111;}
#sub .location_bx .info_bx .r_bx {box-sizing: border-box; width: 300px; text-align: right;}

#sub .bx03 {display: flex; flex-flow: wrap;}
#sub .bx03 .bx_w {width: calc(33.333% - 20px); margin-right: 30px; overflow: hidden;}
#sub .bx03 .bx_w:nth-child(3n) {margin-right: 0;}
#sub .bx03 .bx_w .img_w {overflow: hidden;}
#sub .bx03 .bx_w img {width: 100%;}
#sub .bx03 .bx_w .txt {font-size: 22px; line-height: 32px; color: #111111; letter-spacing: -0.05em; font-weight: 700; word-break: keep-all; text-align: center; margin-top: 24px;}



/* CEO 인사말 */
#ceo {text-align: center; padding: 154px 0 280px; position: relative; overflow: hidden; background: url(../images/sub/ceo_bg1.jpg) no-repeat center bottom #fff; background-size: 100% auto;}
#ceo .bg_bx {position: absolute; bottom: 0; left: 50%; transform:translate(-50%, 0%); -webkit-transform:translate(-50%, 0%);}
/*#ceo .bg_bx {content: ''; width: 100%; height: 100%; background: url(../images/sub/ceo_bg1.png) no-repeat center bottom #fff; position: absolute; bottom: 0; left: 0;}*/
#ceo .txt_bx1 {position: relative;}
#ceo .txt_bx1 p {font-size: 24px; color: #111111; line-height: 34px; word-break: keep-all; letter-spacing: -0.05em;}
#ceo .txt_bx1 p span {font-weight: 700;}
#ceo .txt_bx1 strong {font-family: 'Montserrat', sans-serif; font-size: 90px; line-height: 80px; font-weight: 700; word-break: break-all; background: linear-gradient(90deg, #3fb2df, #102768); color: transparent; -webkit-background-clip: text; display: inline-block; margin-top: 28px; padding-bottom: 133px; position: relative;}
#ceo .txt_bx1 strong::before {content: ''; width: 2px; height: 80px; background-color: #dddddd; position: absolute; bottom: 0; left: 50%; margin-left: -1px;}
#ceo .txt_bx2 {margin-top: 55px;}
#ceo .txt_bx2 .txt1 {font-size: 28px; color: #111111; line-height: 38px; letter-spacing: -0.05em; word-break: keep-all; font-weight: 700;}
#ceo .txt_bx2 .txt2 {margin-top: 23px;}
#ceo .txt_bx2 .txt2 p {font-size: 20px; line-height: 34px; color: #111111; letter-spacing: -0.05em; word-break: keep-all; margin: 0 auto 34px;}
#ceo .txt_bx2 .txt2 p:nth-child(1) {max-width: 780px;}
#ceo .txt_bx2 .txt2 p:nth-child(2) {max-width: 850px;}
#ceo .txt_bx2 .txt2 p:last-child {margin-bottom: 0;}
#ceo .txt_bx2 .txt2 p span {display: inline-block;}
#ceo .txt_bx2 .txt3 {font-size: 20px; color: #111111; line-height: 30px; letter-spacing: -0.05em; word-break: keep-all; margin-top: 56px;}
#ceo .txt_bx2 .txt3 span {font-weight: 700;}
#ceo .txt_bx2 .txt3 strong {font-size: 32px; color: #111111; font-weight: 700; display: inline-block; margin-left: 6px;}



/* 가치체계 & CI */
#value_ci .box1 {padding: 160px 0 113px;}
#value_ci .box1 .img_bx {text-align: center;}
#value_ci .box1 .img_bx .bg_bx {height: 480px; overflow: hidden; position: relative;}
#value_ci .box1 .img_bx .bg_bx div {position: absolute; width: 100%; height: 100%; top: 0; left: 0; background-size: cover; background-repeat: no-repeat; background-position: center;}
#value_ci .box1 .img_bx .txt_bx {position: relative; z-index: 1; background-color: #fff; max-width: 1000px; width: calc(100% - 40px); margin: 0 auto; box-sizing: border-box; margin-top: -140px; height: 277px; display:flex; justify-content:center; align-items:center; table-layout:fixed;}
#value_ci .box1 .img_bx .txt_bx strong {position: relative; display: block; font-size: 36px; font-weight: 700; letter-spacing: -0.05em; word-break: keep-all; background: linear-gradient(90deg, #3fb2df, #102768); color: transparent; -webkit-background-clip: text; padding: 62px 0 66px;}
#value_ci .box1 .img_bx .txt_bx strong::before {content: ''; width: 47px; height: 40px; background: url(../images/sub/value_ci_box1_dot1.png) no-repeat center; position: absolute; left: 50%; margin-left: -20px; top: 0;}
#value_ci .box1 .img_bx .txt_bx strong::after {content: ''; width: 47px; height: 40px; background: url(../images/sub/value_ci_box1_dot2.png) no-repeat center; position: absolute; left: 50%; margin-left: -20px; bottom: 0;}
#value_ci .box1 .con_bx {margin-top: 66px;}
#value_ci .box1 .con_bx .con_w {display: flex; flex-flow: wrap; position: relative; margin-top: 56px;}
#value_ci .box1 .con_bx .con_w::after {content: ''; width: 508px; height: 360px; background: url(../images/sub/value_ci_box1_mid.png) no-repeat center; position: absolute; left: 50%; margin-left: -254px; top: 0;}
#value_ci .box1 .con_bx .con_w .con_t {width: 50%; box-sizing: border-box; padding-right: 264px; text-align: right; font-size: 18px; color: #111111; height: 180px; display: flex; position: relative; z-index: 1;}
#value_ci .box1 .con_bx .con_w .con_t:nth-child(2n) {padding-right: 0; padding-left: 264px; text-align: left;}
#value_ci .box1 .con_bx .con_w .con_t:nth-child(1), #value_ci .box1 .con_bx .con_w .con_t:nth-child(2) {align-items: start; padding-top: 38px;}
#value_ci .box1 .con_bx .con_w .con_t:nth-child(3), #value_ci .box1 .con_bx .con_w .con_t:nth-child(4) {align-items: end; padding-bottom: 40px;}
#value_ci .box1 .con_bx .con_w .con_t p {width: 100%;}
#value_ci .box1 .con_bx .txt {font-size: 18px; color: #000000; line-height: 30px; word-break: keep-all; text-align: center; margin-top: 52px;}
#value_ci .box1 .con_bx .txt span {display: inline-block;}

#value_ci .box2 {position: relative; overflow: hidden; padding: 116px 0 120px;}
#value_ci .box2 .bg_bx {width: 100%; height: 100%; position: absolute; top: 0; left: 0; background: url(../images/sub/value_ci_box2_bg.jpg) no-repeat center; background-size: cover;}
#value_ci .box2 .con_bx {display: flex; flex-flow: wrap; margin-top: 36px;}
#value_ci .box2 .con_bx li {width: calc(20% - 30.4px); margin-right: 38px; box-sizing: border-box; background-color: #fff; text-align: center; padding: 47px 0 31px}
#value_ci .box2 .con_bx li:last-child {margin-right: 0;}
#value_ci .box2 .con_bx .txt {margin-top: 22px;}
#value_ci .box2 .con_bx .txt strong {display: block; font-size: 20px; color: #111111; word-break: keep-all; font-weight: 700; line-height: 20px;}
#value_ci .box2 .con_bx .txt p {font-size: 16px; color: #666666; line-height: 20px; word-break: keep-all; margin-top: 2px;}

#value_ci .box3 {padding: 116px 0 160px;}
#value_ci .box3 .con {margin-bottom: 116px;}
#value_ci .box3 .con:last-child {margin-bottom: 0;}
#value_ci .box3 .con1 .img_bx {height: 360px; border: 1px solid #dddddd; box-sizing: border-box; background: url(../images/sub/value_ci_box3_bg.png) left top; display:flex; justify-content:center; align-items:center; table-layout:fixed; margin-top: 36px;}
#value_ci .box3 .con1 .img_bx img {max-width: 100%;}
#value_ci .box3 .con1 .txt_bx {text-align: center; margin-top: 52px;}
#value_ci .box3 .con1 .txt_bx p {font-size: 18px; color: #111111; line-height: 30px; word-break: keep-all;}
#value_ci .box3 .con1 .txt_bx .btn01 {margin-top: 36px;}
#value_ci .box3 .con2 .con_bx {display: flex; flex-flow: wrap; padding: 80px 90px; box-sizing: border-box; border: 1px solid #dddddd; margin-top: 36px;}
#value_ci .box3 .con2 .con_bx .con_w {width: calc(50% - 30px); margin-right: 60px; background-color: #017dbd; display:flex; justify-content:center; align-items:end; table-layout:fixed; min-height: 150px;}
#value_ci .box3 .con2 .con_bx .con_w:last-child {margin-right: 0;}
#value_ci .box3 .con2 .con_bx .con_w.col2 {background-color: #666666}
#value_ci .box3 .con2 .con_bx .txt_bx {width: 100%; display: table; table-layout: fixed; padding: 15px 20px; box-sizing: border-box; position: relative; height: 100%;}
#value_ci .box3 .con2 .con_bx .txt_bx strong {display: table-cell; width: 80px; font-size: 24px; color: #ffffff; font-weight: 700; vertical-align: bottom; line-height: 28px;}
#value_ci .box3 .con2 .con_bx .txt_bx p {display: table-cell; font-size: 18px; line-height: 28px; color: #ffffff; word-break: keep-all; text-align: right; vertical-align: bottom;}



/* 연혁 */
#history {padding: 160px 0 156px;}
#history .img_bx {overflow: hidden; height: 340px; position: relative; display:flex; justify-content:center; align-items:center; table-layout:fixed;}
#history .img_bx .bg_bx {position: absolute; width: 100%; height: 100%; top: 0; left: 0; background-size: cover; background-repeat: no-repeat; background-position: center;}
#history .img_bx .txt_bx {width: 100%; position: relative; z-index: 1; text-align: center;}
#history .img_bx .txt_bx strong {display: block; font-family: 'Montserrat', sans-serif; font-size: 40px; color: #ffffff; font-weight: 700; word-break: keep-all;}
#history .img_bx .txt_bx p {font-family: 'Montserrat', sans-serif; font-size: 30px; color: #ffffff; word-break: keep-all; margin-top: 1px;}
#history .con_bx {margin-top: 75px;}
#history .con_bx .con_w {display: flex; flex-flow: wrap; border-bottom: 1px solid #dddddd; padding-bottom: 75px; margin-bottom: 75px;}
#history .con_bx .con_w:last-child {padding-bottom: 0; border-bottom: none; margin-bottom: 0;}
#history .con_bx .l_bx {width: 480px; box-sizing: border-box;}
#history .con_bx .l_bx strong {display: block; font-family: 'Montserrat', sans-serif; font-size: 40px; color: #cccccc; line-height: 40px; font-weight: 700; word-break: keep-all;}
#history .con_bx .r_bx {width: calc(100% - 480px); box-sizing: border-box;}
#history .con_bx .r_bx ul li {position: relative; padding-left: 92px; margin-bottom: 28px; min-height: 28px;}
#history .con_bx .r_bx ul li:last-child {margin-bottom: 0;}
#history .con_bx .r_bx ul li .year {position: absolute; left: 0; top: 0; font-family: 'Montserrat', sans-serif; font-size: 24px; line-height: 28px; color: #111111; font-weight: 600;}
#history .con_bx .r_bx ul li p {font-size: 18px; color: #666666; line-height: 28px; letter-spacing: -0.05em; word-break: keep-all; padding-left: 18px; position: relative; padding-bottom: 21px;}
#history .con_bx .r_bx ul li p:last-child {padding-bottom: 0;}
#history .con_bx .r_bx ul li p::before {content: ''; width: 1px; height: 100%; background-color: #dddddd; position: absolute; left: 3px; top: 10px;}
#history .con_bx .r_bx ul li p::after {content: ''; width: 7px; height: 7px; box-sizing: border-box; border: 2px solid #102768; border-radius: 50%; position: absolute; left: 0; top: 10px; background-color: #fff;}
#history .con_bx .r_bx ul li p:last-child::before {display: none;}



/* 조직도 */
#organization {padding: 160px 0;}
#organization .inner_bx {max-width: 1279px;}
#organization .con1 .txt_bx1 {text-align: center; width: 240px; height: 240px; border-radius: 50%; margin: 0 auto; background-image: linear-gradient(45deg, #102768, #3fb2df); display:flex; justify-content:center; align-items:center; table-layout:fixed; box-shadow: 0px 10px 50px rgba(0,64,152,0.3);}
#organization .con1 .txt_bx1 > div {width: 100%;}
#organization .con1 .txt_bx1 > div strong {display: block; font-size: 22px; color: #ffffff; font-weight: 700; margin-top: 17px;}
#organization .con2 {position: relative; padding-top: 60px; max-width: 760px; margin: 0 auto;}
#organization .con2::before {content: ''; width: 1px; height: 100%; background-color: #dddddd; position: absolute; left: 50%; top: 0;}
#organization .con2 .c_w {margin-bottom: -20px; position: relative; z-index: 1; width: 50%; box-sizing: border-box; padding-right: 10px;}
#organization .con2 .c_w:nth-child(2n-1) {margin: 0 0 0 auto; padding-right: 0; padding-left: 10px;}
#organization .con2 .c_w:last-child {margin-bottom: 0px;}
#organization .con2 .c_w::before {content: ''; width: 50%; height: 1px; background-color: #ddd; position: absolute; top: 50%; left: 0; z-index: -1;}
#organization .con2 .c_w:nth-child(2n)::before {left: auto; right: 0;}
#organization .con2 .txt_bx1 {height: 70px; max-width: 240px; border-radius: 10px; background-color: #017dbd; display:flex; justify-content:center; align-items:center; table-layout:fixed; font-size: 20px; color: #ffffff; font-weight: 700; word-break: keep-all; text-align: center;}
#organization .con2 .c_w:nth-child(2n-1) .txt_bx1 {margin: 0 0 0 auto;}
#organization .con2 .txt_bx1.col2 {background-color: #222222;}
#organization .con3 {padding-top: 80px; position: relative; display: flex; flex-flow: wrap}
#organization .con3::before {content: ''; width: 1px; height: 116px; background-color: #ddd; position: absolute; left: 50%; top: 0;}
#organization .con3 .c_w1 {width: calc(40% - 10px); margin-right: 20px; box-sizing: border-box;}
#organization .con3 .c_w2 {width: calc(60% - 10px); box-sizing: border-box;}
#organization .con3 .txt_bx {height: 70px; max-width: 240px; border-radius: 10px; background-color: #102768; display:flex; justify-content:center; align-items:center; table-layout:fixed; font-size: 20px; color: #ffffff; font-weight: 700; word-break: keep-all; text-align: center; box-sizing: border-box;}
#organization .con3 .ttl_bx {position: relative; margin-bottom: 50px;}
#organization .con3 .ttl_bx::before {content: ''; width: 50%; height: 1px; background-color: #ddd; position: absolute; left: -10px; top: 50%; z-index: -1;}
#organization .con3 .c_w1 .ttl_bx::before {left: auto; right: -10px;}
#organization .con3 .ttl_bx::after {content: ''; width: 1px; height: 50px; background-color: #ddd; position: absolute; left: 50%; bottom: -50px;}
#organization .con3 .ttl_bx .txt_bx {margin: 0 auto;}
#organization .con3 .c_w2 .ttl_bx .txt_bx {background-color: #3fb2df;}
#organization .con3 .txt_c {display: flex; flex-flow: wrap;}
#organization .con3 .txt_c .txt_c_w {position: relative; padding-top: 50px;}
#organization .con3 .txt_c .txt_c_w::before {content: ''; width: 1px; height: 50px; background-color: #ddd; position: absolute; top: 0; left: 50%;}
#organization .con3 .txt_c .txt_c_w::after {content: ''; width: calc(100% + 20px); height: 1px; background-color: #ddd; position: absolute; left: -20px; top: 0;}
#organization .con3 .txt_c .txt_c_w:first-child::after {left: auto; right: 0px; width: 50%;}
#organization .con3 .txt_c .txt_c_w:last-child::after {width: calc(50% + 20px);}
#organization .con3 .c_w1 .txt_c .txt_c_w {width: calc(50% - 10px); margin-right: 20px; box-sizing: border-box;}
#organization .con3 .c_w1 .txt_c .txt_c_w:nth-child(2n) {margin-right: 0;}
#organization .con3 .c_w2 .txt_c .txt_c_w {width: calc(33.333% - 13.333px); margin-right: 20px; box-sizing: border-box;}
#organization .con3 .c_w2 .txt_c .txt_c_w:nth-child(3n) {margin-right: 0;}
#organization .con3 .txt_c .txt_bx {background-color: #fff; border: 1px solid #aaaaaa; color: #666666; font-weight: 400;}
#organization .con3 .txt_c .c_ttl {margin-bottom: 30px; position: relative;}
#organization .con3 .txt_c .c_ttl:last-child {margin-bottom: 0;}
#organization .con3 .txt_c .c_ttl::before {content: ''; width: 1px; height: 30px; background-color: #ddd; position: absolute; bottom: -30px; left: 50%;}
#organization .con3 .txt_c .c_ttl:last-child::before {display: none;}
#organization .con3 .txt_c .c_ttl .txt_bx {font-weight: 700;}
#organization .con3 .c_w1 .txt_c .c_ttl .txt_bx {border-color: #102768; color: #102768;}
#organization .con3 .c_w2 .txt_c .c_ttl .txt_bx {border-color: #3fb2df; color: #3fb2df;}
#organization .con3 .txt_c ul li {margin-bottom: 10px; position: relative;}
#organization .con3 .txt_c ul li:last-child {margin-bottom: 0;}
#organization .con3 .txt_c ul li::before {content: ''; width: 1px; height: 10px; background-color: #ddd; position: absolute; bottom: -10px; left: 50%;}
#organization .con3 .txt_c ul li:last-child::before {display: none;}
#organization a.link span {display: inline-block; position: relative;}
#organization a.link span::after {content: ''; width: 14px; height: 14px; background: url(../images/icon/link.png) no-repeat center; background-size: 14px auto; display: inline-block; vertical-align: middle; margin-left: 7px; position: relative; top: -2px;}

#organization.type2 .inner_bx {max-width: 1400px;}
#organization.type2 .con3 .c_w1 {width: calc(33.333% - 10px);}
#organization.type2 .con3 .c_w2 {width: calc(66.666% - 10px);}
#organization.type2 .con3 .c_w2 .txt_c .txt_c_w:nth-child(n) {width: calc(25% - 15px); margin-right: 20px;}
#organization.type2 .con3 .c_w2 .txt_c .txt_c_w:last-child {margin-right: 0;}



/* 특허 인증 */
#certified {padding: 157px 0 153px;}
#certified .con_bx {margin-top: 56px;}
#certified .con_bx ul {display: flex; flex-flow: wrap; margin-bottom: -40px;}
#certified .con_bx ul li {width: calc(25% - 15px); margin-right: 20px; box-sizing: border-box; cursor: pointer; text-align: center; margin-bottom: 40px;}
#certified .con_bx ul li:nth-child(4n) {margin-right: 0;}
#certified .con_bx .img_bx {position: relative; overflow: hidden; padding-bottom: 140.7%; border: 1px solid #eeeeee;}
#certified .con_bx .img_bx::before {content: ''; width: 100%; height: 100%; position: absolute;top: 0; left: 0; background: url(../images/sub/certified_icon.png) no-repeat center rgba(0,0,0,.4); z-index: 1; -webkit-transition: opacity 0.3s; -moz-transition: opacity 0.3s; transition: opacity 0.3s; opacity: 0;}
#certified .con_bx ul li:hover .img_bx::before {opacity: 1;}
#certified .con_bx .img_bx img {position: absolute; max-width: 100%; max-height: 100%; top: 50%; left: 50%; transform:translate(-50%, -50%); -webkit-transform:translate(-50%, -50%); object-fit: cover;}
#certified .con_bx .img_bx div {position: absolute; width: 100%; height: 100%; top: 0; left: 0; background-size: cover; background-position: center; background-repeat: no-repeat; /*-webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s;*/}
/*#certified .con_bx ul li:hover .img_bx div {transform: scale(1.1);}*/
#certified .con_bx .txt {font-size: 18px; line-height: 28px; color: #111111; word-break: keep-all; margin-top: 15px;}

#certified .popup_bx .img_bx {text-align: center;}
#certified .popup_bx .img_bx img {max-width: 100%; border: 1px solid #eeeeee;}



/* 주요 거래처 */
#client {padding: 160px 0;}
#client .con_bx ul {display: flex; flex-flow: wrap; margin-bottom: -45px;}
#client .con_bx ul li {width: calc(20% - 52.8px);; margin-right: 66px; margin-bottom: 45px; box-sizing: border-box;}
#client .con_bx ul li:nth-child(5n) {margin-right: 0;}
#client .con_bx ul li a {display:flex; justify-content:center; align-items:center; table-layout:fixed; position: relative; height: 100%;}
#client .con_bx ul li img {max-width: 100%; max-height: 100%;}



/* 오시는 길 */
#location {padding: 160px 0 155px;}



/* 제품소개 */
#product {padding: 157px 0 160px;}
#product .sec {margin-bottom: 116px;}
#product .sec:last-child {margin-bottom: 0;}
#product .ttl01 {margin-bottom: 56px; width: 100%;}
#product .sec_w {margin-bottom: 57px;}
#product .sec_w:last-child {margin-bottom: 0;}
#product .sec_w_t {font-size: 20px; color: #102768; font-weight: 700; letter-spacing: -0.05em; word-break: keep-all; margin-bottom: 27px;}
#product .sec1 .con_bx {display: flex; flex-flow: wrap;}
#product .sec1 .con_bx .l_bx {box-sizing: border-box; width: calc(100% - 420px);}
#product .sec1 .con_bx .l_bx p {font-size: 18px; color: #111111; line-height: 30px; word-break: keep-all; margin-bottom: 30px;}
#product .sec1 .con_bx .l_bx p:last-child {margin-bottom: 0;}
#product .sec1 .con_bx .r_bx {box-sizing: border-box; width: 420px; overflow: hidden;}
#product .sec1 .con_bx .r_bx img {width: 100%;}
#product .img_bx {overflow: hidden;}
#product .img_bx img {width: 100%; margin: 0 auto;}
#product .tb_bx {position: relative;}
#product .tb_bx .tb_w {overflow-x: auto; border-top: 1px solid #111111}
#product .tb_bx table {width: 100%; min-width: 700px; table-layout: fixed;}
#product .tb_bx table tr {border-bottom: 1px solid #dddddd;}
#product .tb_bx table th {border-right: 1px solid #dddddd; background-color: #eeeeee; text-align: center; box-sizing: border-box; font-size: 15px; color: #111111; font-weight: 700; word-break: break-all; padding: 13px 5px;; height: 68px;}
#product .tb_bx table th:last-child {border-right: none;}
#product .tb_bx table td {border-right: 1px solid #dddddd; text-align: center; box-sizing: border-box; text-align: center; font-size: 15px; color: #666666; line-height: 22px; word-break: keep-all; padding: 13px 5px; height: 50px;}
#product .tb_bx.type2 table td {height: 75px; padding: 24px 20px; line-height: 26px;}
#product .tb_bx table td:last-child {border-right: none;}
#product .tb_bx table td.td_t {background-color: #fafafa; font-weight: 700; color: #666666;}
#product .tb_bx table td.col2 {color: #444;}
#product .tb_bx table td.br {border-right: 1px solid #dddddd;}



/* 불소수지 */
#product.product01 .sec1 .con_bx .l_bx p {max-width: 750px;}



/* 분체 도료 */
#product.product02 .sec4 .con_bx {display: flex; flex-flow: wrap; margin-bottom: -56px;}
#product.product02 .sec4 .con_bx .con_w {width: calc(20% - 40px); margin-right: 50px; box-sizing: border-box; margin-bottom: 56px;}
#product.product02 .sec4 .con_bx .con_w:nth-child(5n) {margin-right: 0;}
#product.product02 .sec4 .con_bx .img_bx {border: 1px solid #dddddd;}
#product.product02 .sec4 .con_bx p {text-align: center; font-size: 16px; color: #111111; word-break: keep-all; margin-top: 17px;}



/* 창고위치 */
#w_location {padding: 157px 0 158px;}
#w_location .bx03 {margin-top: 36px;}
#w_location .location_bx {margin-top: 30px;}



/* 창고시설 및 특징 */
#w_feature {padding: 157px 0 158px;}
#w_feature .con_bx {display: flex; flex-flow: wrap; position: relative; margin-top: 20px; overflow: hidden;}
#w_feature .con_bx::before {content: ''; width: 459px; height: 511px; background: url(../images/sub/w_feature_bg.jpg) no-repeat center; position: absolute; top: 0; left: 50%; margin-left: -230px;}
#w_feature .con_bx .con_w {width: 50%; box-sizing: border-box; text-align: right; padding: 0 207px 0 0; height: 177px; margin-bottom: 1px; display:flex; justify-content:center; align-items:center; table-layout:fixed;}
#w_feature .con_bx .con_w:nth-child(2n) {text-align: left; padding: 0 0 0 207px;}
#w_feature .con_bx .con_w:nth-child(5), #w_feature .con_bx .con_w:nth-child(6) {height: 155px;}
#w_feature .con_bx .con_w p {width: 100%; font-size: 18px; line-height: 24px; color: #111111; word-break: keep-all; position: relative; z-index: 1;}
#w_feature .con_bx .con_w:nth-child(3) p {padding-right: 30px;}
#w_feature .con_bx .con_w:nth-child(4) p {padding-left: 30px;}
#w_feature .bx03 {margin-top: 77px;}



/* 보관 및 취급품목 */
#w_item {padding: 160px 0;}
#w_item .con_bx {display: flex; flex-flow: wrap; padding: 0% 2.417%; max-width: 820px; width: 100%; margin: 0 auto; box-sizing: border-box; /*background: url(../images/sub/w_item_bg.png) no-repeat center;*/ position: relative;}
#w_item .con_bx::before {content: ''; width: 100%; height: 100%; top: 0; left: 0; position: absolute; background: url(../images/sub/w_item_bg.png) no-repeat center; background-size: 100% auto;}
#w_item .con_bx .con_w {width: 33.333%; box-sizing: border-box; position: relative; padding-bottom: 41.34%;}
#w_item .con_bx .con_w .txt_bx {position: absolute; width: 100%; left: 0; top: 50%; transform:translate(0%, -50%); -webkit-transform:translate(0%, -50%); text-align: center;}
#w_item .con_bx .con_w .txt_bx strong {display: block; font-size: 20px; color: #111111; font-weight: 700; letter-spacing: -0.05em; word-break: keep-all;}
#w_item .con_bx .con_w .txt_bx p {font-size: 16px; color: #666666; letter-spacing: -0.05em; word-break: keep-all; margin-top: 6px;}
#w_item .con_bx .con_w img {position: absolute; left: 50%; top: 50%; margin-left: -43px; margin-top: -43px; -webkit-transition: opacity 0.6s, transform 0.6s; -moz-transition: opacity 0.6s, transform 0.6s; transition: opacity 0.6s, transform 0.6s; opacity: 0; transform: scale(0.5);}
#w_item .con_bx.aos-animate .con_w img {opacity: 1; transform: scale(1); transition-delay: 0.2s;}



/* 서비스 종류 */
#w_service {padding: 157px 0 160px;}
#w_service .bx03 {margin-top: 36px;}
#w_service .imp_bx {padding: 10px 20px; background-color: #fafafa; height: 120px; box-sizing: border-box; display:flex; justify-content:center; align-items:center; table-layout:fixed; margin-top: 54px;}
#w_service .imp_bx p {width: 100%; text-align: center; font-size: 18px; color: #999999; line-height: 28px; letter-spacing: -0.05em; word-break: keep-all; font-weight: 700;}



@media all and (min-width:1920px){
	/* CEO 인사말 */
	#ceo .bg_bx {width: 100%;}
	#ceo .bg_bx img {width: 100%;}	
}

/* PC */
@media all and (min-width:1025px){
	/* 공통 */
	#sub .btn01 {-webkit-transition: box-shadow 0.3s; -moz-transition: box-shadow 0.3s; transition: box-shadow 0.3s;}
	#sub .btn01:hover {box-shadow: 0 0px 26px rgba(16,39,104,0.5);}
	#sub .btn01 span::before  {-webkit-transition: transform 0.3s; -moz-transition: transform 0.3s; transition: transform 0.3s;}
	#sub .btn01:hover span::before  {transform: translate(10px, 0);}
	#sub .btn01.down:hover span::before {transform: translate(0, 0);}
	#sub .btn01.location:hover span::before {transform: translate(0, 0); box-shadow: 0 0px 26px rgba(0,64,152,0.5);}
	
	#sub .popup_bx .btn_bx a {-webkit-transition: box-shadow 0.3s; -moz-transition: box-shadow 0.3s; transition: box-shadow 0.3s;}
	#sub .popup_bx .btn_bx a:hover {box-shadow: 0 0px 26px rgba(1,1,1,0.3);}



	/* 주요 거래처 */
	#client .con_bx ul li a {-webkit-transition: transform 0.3s; -moz-transition: transform 0.3s; transition: transform 0.3s;}	
	#client .con_bx ul li a:hover {transform: translate(0, -15px);}	
}

/* 태블릿&모바일 공통*/
@media all and (max-width:1024px){
	/* 공통 */
	#sub .ttl01::before {top: -7px; left: -9px; width: 20px; height: 20px;}
	#sub .ttl01 strong {font-size: 20px;}
	
	#sub .btn01 {width: 160px; font-size: 15px; padding: 0 20px;}
	#sub .btn01 span {height: 43px;}
	
	#sub .popup_bx .btn_bx a {width: 160px; line-height: 45px; font-size: 15px;}
	
	#sub .location_bx .map_bx {height: 230px;}
	#sub .location_bx .map_bx::after {content: ''; width: 100%; height: 1px; background: rgba(0,0,0,.1); position: absolute; top: 0; left: 0; z-index: 2;}
	#sub .location_bx .map_bx > div {position: absolute; left: 0; width: 100%; top: 50%; transform:translate(0%, -50%); -webkit-transform:translate(0%, -50%);}
	#sub .location_bx .map_bx .map > div:nth-child(2) {bottom: 115px!important;}
	#sub .location_bx .info_bx {margin-top: 28px;}
	#sub .location_bx .info_bx .l_bx .txt1 {font-size: 12px; line-height: 17px;}
	#sub .location_bx .info_bx .l_bx .txt2 {margin-top: 2px; font-size: 18px; line-height: 23px;}
	#sub .location_bx .info_bx .l_bx ul {margin-top: 14px;}
	#sub .location_bx .info_bx .l_bx ul li {margin-bottom: 14px; font-size: 14px; min-height: 16px; padding-left: 39px;}
	
	#sub .bx03 .bx_w {width: calc(33.333% - 10px); margin-right: 15px;}
	#sub .bx03 .bx_w .txt {margin-top: 13px; font-size: 14px; line-height: 19px;}
	
	
	
	/* CEO 인사말 */
	#ceo {padding: 71px 0 151px;}
	#ceo .bg_bx img {max-width: 1100px;}
	#ceo .txt_bx1 p {font-size: 18px; line-height: 25px;}
	#ceo .txt_bx1 strong {margin-top: 6px; font-size: 30px; line-height: 40px; padding-bottom: 50px;}
	#ceo .txt_bx1 strong::before {height: 40px; width: 1px; margin-left: 0;}
	#ceo .txt_bx2 {margin-top: 20px;}
	#ceo .txt_bx2 .txt1 {font-size: 18px; line-height: 23px;}
	#ceo .txt_bx2 .txt2 {margin-top: 12px;}
	#ceo .txt_bx2 .txt2 p {margin-bottom: 20px; font-size: 14px; line-height: 20px;}
	#ceo .txt_bx2 .txt2 p:nth-child(2) {max-width: 600px;}
	#ceo .txt_bx2 .txt3 {margin-top: 30px; font-size: 15px; line-height: 20px;}
	#ceo .txt_bx2 .txt3 strong {margin-left: 0; font-size: 20px;}



	/* 가치체계 & CI */
	#value_ci .box1 {padding: 75px 0 71px;}
	#value_ci .box1 .img_bx .bg_bx {height: 240px;}
	#value_ci .box1 .img_bx .txt_bx {margin-top: -50px; height: 138px;}
	#value_ci .box1 .img_bx .txt_bx strong {padding: 31px 0 34px; font-size: 18px;}
	#value_ci .box1 .img_bx .txt_bx strong::before {width: 24px; height: 20px; background-size: 24px auto; margin-left: -10px;}
	#value_ci .box1 .img_bx .txt_bx strong::after {width: 24px; height: 20px; background-size: 24px auto; margin-left: -10px;}
	#value_ci .box1 .con_bx {margin-top: 23px;}
	#value_ci .box1 .con_bx .con_w {margin-top: 27px;}
	#value_ci .box1 .con_bx .con_w::after {width: 187px; height: 180px; background: url(../images/sub/value_ci_box1_mid_m.png) no-repeat center; margin-left: -93px;}
	#value_ci .box1 .con_bx .con_w .con_t {padding-right: 100px; font-size: 12px; height: 90px;}
	#value_ci .box1 .con_bx .con_w .con_t:nth-child(2n) {padding-left: 100px;}
	#value_ci .box1 .con_bx .con_w .con_t:nth-child(1), #value_ci .box1 .con_bx .con_w .con_t:nth-child(2) {padding-top: 17px;}
	#value_ci .box1 .con_bx .con_w .con_t:nth-child(3), #value_ci .box1 .con_bx .con_w .con_t:nth-child(4) {padding-bottom: 17px;}
	#value_ci .box1 .con_bx .txt {margin-top: 27px; font-size: 14px; line-height: 19px;}
	
	#value_ci .box2 {padding: 72px 0 75px;}
	#value_ci .box2 .con_bx {margin-top: 27px;}
	#value_ci .box2 .con_bx li {width: calc(20% - 16px); margin-right: 20px; padding: 30px 0 20px;}
	#value_ci .box2 .con_bx li img {max-width: 50px; width: 100%;}
	#value_ci .box2 .con_bx .txt {margin-top: 10px;}
	#value_ci .box2 .con_bx .txt strong {font-size: 14px; line-height: 19px;}
	#value_ci .box2 .con_bx .txt p {margin-top: 0; font-size: 12px; line-height: 19px;}
	
	#value_ci .box3 {padding: 82px 0 75px;}
	#value_ci .box3 .con {margin-bottom: 70px;}
	#value_ci .box3 .con1 .img_bx {margin-top: 0; background-size: 4px auto; height: 180px; padding: 0 20px;}
	#value_ci .box3 .con1 .img_bx img {max-width: 142px; width: 100%;}
	#value_ci .box3 .con1 .txt_bx {margin-top: 16px;}
	#value_ci .box3 .con1 .txt_bx p {font-size: 14px; line-height: 19px;}
	#value_ci .box3 .con1 .txt_bx .btn01 {margin-top: 28px;}
	#value_ci .box3 .con2 .con_bx {margin-top: 25px; padding: 30px 25px;}
	#value_ci .box3 .con2 .con_bx .con_w {width: calc(50% - 5px); margin-right: 10px; min-height: 90px;}
	#value_ci .box3 .con2 .con_bx .txt_bx {padding: 16px 15px;}
	#value_ci .box3 .con2 .con_bx .txt_bx strong {font-size: 14px; line-height: 17px; width: 50px;}
	#value_ci .box3 .con2 .con_bx .txt_bx p {font-size: 12px; line-height: 17px;}



	/* 연혁 */
	#history {padding: 75px 0 73px;}
	#history .img_bx {height: 210px;}
	#history .img_bx .txt_bx strong {font-size: 30px; line-height: 35px;}
	#history .img_bx .txt_bx p {margin-top: 10px; font-size: 20px; line-height: 25px;}
	#history .con_bx {margin-top: 47px;}
	#history .con_bx .con_w {padding-bottom: 48px; margin-bottom: 47px;}
	#history .con_bx .l_bx {width: 360px;}
	#history .con_bx .l_bx strong {font-size: 30px; line-height: 30px;}
	#history .con_bx .r_bx {width: calc(100% - 360px);}
	#history .con_bx .r_bx ul li {margin-bottom: 13px; padding-left: 50px; min-height: 19px;}
	#history .con_bx .r_bx ul li .year {line-height: 19px; font-size: 15px;}
	#history .con_bx .r_bx ul li p {padding-bottom: 11px; font-size: 14px; line-height: 19px; padding-left: 10px;}
	#history .con_bx .r_bx ul li p::before {left: 2px;}
	#history .con_bx .r_bx ul li p::after {width: 6px; height: 6px; border-width: 2px; top: 6px;}



	/* 조직도 */
	#organization {padding:  75px 0;}
	#organization .con1 .txt_bx1 {width: 120px; height: 120px; box-shadow: 0px 5px 25px rgba(0,64,152,0.3);}
	#organization .con1 .txt_bx1 > div img {max-width: 43px; width: 100%;}
	#organization .con1 .txt_bx1 > div strong {margin-top: 8px; font-size: 15px;}
	#organization .con2 {padding-top: 20px; max-width: 420px;}
	#organization .con2 .c_w {margin-bottom: 0;}
	#organization .con2 .txt_bx1 {max-width: 140px; height: 40px; font-size: 15px; border-radius: 5px;}
	#organization .con3 {padding-top: 40px;}
	#organization .con3::before {height: 60px;}
	#organization .con3 .txt_bx {max-width: 140px; height: 45px; font-size: 15px; border-radius: 5px; margin: 0 auto; padding: 0 5px; box-sizing: border-box;}
	#organization .con3 .ttl_bx {margin-bottom: 20px;}
	#organization .con3 .ttl_bx::after {height: 20px; bottom: -20px;}
	#organization .con3 .txt_c .txt_c_w {padding-top: 20px;}
	#organization .con3 .txt_c .txt_c_w::before {height: 20px;}
	#organization .con3 .txt_c .c_ttl {margin-bottom: 15px;}
	#organization .con3 .txt_c .c_ttl::before {height: 15px; bottom: -15px;}
	#organization .con3 .txt_c ul li {margin-bottom: 5px;}
	#organization .con3 .txt_c ul li::before {height: 5px; bottom: -5px;}
	#organization a.link span::after {width: 10px; height: 10px; background-size: 10px auto; top: -1px; margin-left: 5px;}



	/* 특허 인증 */
	#certified {padding: 72px 0 71px;}
	#certified .con_bx {margin-top: 27px;}
	#certified .con_bx ul {margin-bottom: -26px;}
	#certified .con_bx ul li {margin-bottom: 26px;}
	#certified .con_bx .img_bx::before {background-size: 23px auto;}
	#certified .con_bx .txt {margin-top: 12px; font-size: 14px; line-height: 19px;}



	/* 주요 거래처 */
	#client {padding: 75px 0 90px;}
	#client .con_bx ul {margin-bottom: -10px;}
	#client .con_bx ul li {width: calc(20% - 16px); margin-right: 20px; margin-bottom: 10px;}



	/* 오시는 길 */
	#location {padding: 75px 0;}



	/* 제품소개 */
	#product {padding: 72px 0 75px;}
	#product .sec {margin-bottom: 72px;}
	#product .ttl01 {margin-bottom: 27px;}
	#product .sec_w {margin-bottom: 46px;}
	#product .sec_w_t {margin-bottom: 12px; font-size: 15px; line-height: 20px;}
	#product .sec1 .con_bx .l_bx {width: calc(100% - 250px);}
	#product .sec1 .con_bx .r_bx {width: 250px;}
	#product .sec1 .con_bx .l_bx p {margin-bottom: 18px; font-size: 14px; line-height: 19px;}
	#product .tb_bx table th {padding: 4px 5px; font-size: 12px; line-height: 17px; height: 34px;}
	#product .tb_bx table td {padding: 4px 5px; height: 25px; font-size: 11px; line-height: 16px;}
	#product .tb_bx.type2 table td {padding: 10px; line-height: 16px; height: 37px;}
	



	/* 분체 도료 */
	#product.product02 .sec4 .con_bx {margin-bottom: -27px;}
	#product.product02 .sec4 .con_bx .con_w {width: calc(20% - 16px); margin-right: 20px; margin-bottom: 27px;}
	#product.product02 .sec4 .con_bx p {margin-top: 12px; font-size: 14px;}



	/* 창고위치 */
	#w_location {padding: 72px 0 75px;}
	#w_location .bx03 {margin-top: 27px;}
	#w_location .location_bx {margin-top: 15px;}



	/* 창고시설 및 특징 */
	#w_feature {padding: 72px 0 75px;}
	#w_feature .con_bx {margin-top: 0;}
	#w_feature .con_bx::before {background-size: 300px auto; width: 300px; height: 334px; margin-left: -150px;}
	#w_feature .con_bx .con_w {height: 115px; padding: 0 142px 0 0;}
	#w_feature .con_bx .con_w:nth-child(2n) {padding: 0 0 0 142px;}
	#w_feature .con_bx .con_w:nth-child(5), #w_feature .con_bx .con_w:nth-child(6) {height: 105px;}
	#w_feature .con_bx .con_w:nth-child(3) p {padding-right: 19px;}
	#w_feature .con_bx .con_w:nth-child(4) p {padding-left: 19px;}
	#w_feature .con_bx .con_w p {font-size: 12px; line-height: 17px;}
	#w_feature .bx03 {margin-top: 20px;}



	/* 보관 및 취급품목 */
	#w_item {padding: 75px 0;}
	#w_item .con_bx {max-width: 500px;}
	#w_item .con_bx::before {background-size: auto 100%;}
	#w_item .con_bx .con_w .txt_bx strong {font-size: 12px;}
	#w_item .con_bx .con_w .txt_bx p {font-size: 10px; margin-top: 2px;}
	#w_item .con_bx .con_w img {width: 43px; margin-left: -21px; margin-top: -21px;}



	/* 서비스 종류 */
	#w_service {padding: 72px 0 75px;}
	#w_service .bx03 {margin-top: 27px}
	#w_service .imp_bx {margin-top: 26px; height: 60px;}
	#w_service .imp_bx p {font-size: 14px; line-height: 19px;}
}

/* 모바일 */
@media all and (max-width:768px){
	/* 공통 */
	#sub .location_bx .info_bx .l_bx {width: 100%;}
	#sub .location_bx .info_bx .r_bx {width: 100%; text-align: center; margin-top: 27px;}
	
	#sub .bx03 .bx_w:nth-child(n) {width: 100%; margin-bottom: 15px; margin-right: 0;}
	#sub .bx03 .bx_w:last-child {margin-bottom: 0;}
	#sub .bx03 .bx_w.aos-animate {transition-delay: 0.1s!important;}
	#sub .bx03 .bx_w .txt {padding-bottom: 11px;}
	#sub .bx03 .bx_w:last-child .txt {padding-bottom: 0;}
	
	
	
	/* CEO 인사말 */
	#ceo .bg_bx img.pc_show2 {display: block!important;}
	#ceo .bg_bx img.m_show2 {display: none!important;}
	#ceo .txt_bx2 .txt3 strong {display: block; margin-top: 14px;}



	/* 가치체계 & CI */
	#value_ci .box3 .con1 .txt_bx p {max-width: 280px; margin: 0 auto;}
	#value_ci .box3 .con2 .con_bx .con_w:nth-child(n) {width: 100%; margin-right: 0; margin-bottom: 10px;}
	#value_ci .box3 .con2 .con_bx .con_w:last-child {margin-bottom: 0;}



	/* 연혁 */
	#history .con_bx .l_bx {width: 100%;}
	#history .con_bx .r_bx {width: 100%; margin-top: 23px;}



	/* 조직도 */
	#organization .con3 {display: block;}
	#organization .con3 .c_w {margin-bottom: 40px;}
	#organization .con3 .c_w:last-child {margin-bottom: 0px;}
	#organization .con3 .c_w1 {width: 100%; margin-right: 0;}
	#organization .con3 .c_w2 {width: 100%;}
	#organization .con3 .ttl_bx::before {display: none;}
	#organization .con3 .c_w:nth-child(n) .txt_c {justify-content:center;}
	#organization .con3 .c_w:nth-child(n) .txt_c .txt_c_w:nth-child(n) {width: calc(33.333% - 6.666px); margin-right: 10px;}
	#organization .con3 .c_w:nth-child(n) .txt_c .txt_c_w:nth-child(3n) {margin-right: 0;}
	
	#organization.type2 .con3 .c_w1 {width: 100%; margin-right: 0;}
	#organization.type2 .con3 .c_w2 {width: 100%;}
	#organization.type2 .con3 .c_w:nth-child(n) .txt_c .txt_c_w:nth-child(n) {width: calc(25% - 7.5px); margin-right: 10px;}
	#organization.type2 .con3 .c_w:nth-child(n) .txt_c .txt_c_w:last-child {margin-right: 0;}
	#organization.type2 .con3 .c_w:nth-child(n) .txt_c .txt_c_w .txt_bx {font-size: 12px;}
	#organization a.link span::after {top: 0;}



	/* 특허 인증 */
	#certified .con_bx ul li:nth-child(n) {width: calc(50% - 10px); margin-right: 20px;}
	#certified .con_bx ul li:nth-child(2n) {margin-right: 0;}



	/* 주요 거래처 */
	#client .con_bx ul li:nth-child(n) {width: calc(50% - 10px); margin-right: 20px;}
	#client .con_bx ul li:nth-child(2n) {margin-right: 0;}



	/* 제품소개 */
	#product .sec1 .con_bx .l_bx {order: 2; width: 100%; margin-top: 26px;}
	#product .sec1 .con_bx .r_bx {order: 1; width: 100%; text-align: center;}
	#product .img_bx img {max-width: 100%; width: auto;}



	/* 불소수지 */
	#product.product01 .img_bx {background-color: #fafafa;}
	

	
	/* 분체 도료 */
	#product.product02 .sec4 .con_bx .con_w:nth-child(n) {width: calc(50% - 10px); margin-right: 20px;}
	#product.product02 .sec4 .con_bx .con_w:nth-child(2n) {margin-right: 0;}
	#product.product02 .sec4 .con_bx .img_bx img {width: 100%;}



	/* 창고시설 및 특징 */
	#w_feature .con_img {text-align: center; margin-top: 27px;}
	#w_feature .con_img img {max-width: 100%;}
	#w_feature .con_bx {margin: 28px auto 0; max-width: 247px;}
	#w_feature .con_bx::before {display: none;}
	#w_feature .con_bx .con_w:nth-child(n) {height: auto; width: 100%; text-align: left; padding: 0; margin-bottom: 9px;}
	#w_feature .con_bx .con_w:last-child {margin-bottom: 0;}
	#w_feature .con_bx .con_w:nth-child(n)[data-aos=fade-right], #w_feature .con_bx .con_w:nth-child(n)[data-aos=fade-left] {transform: translateZ(0);}
	#w_feature .con_bx .con_w:nth-child(n) p {position: relative; padding: 0 0 0 10px;}
	#w_feature .con_bx .con_w:nth-child(n) p::before {content: ''; width: 6px; height: 6px; border: 2px solid #102768; box-sizing: border-box; border-radius: 50%; position: absolute; left: 0; top: 5px;}
	#w_feature .con_bx .con_w:nth-child(n) p br {display: none;}
	#w_feature .bx03 {margin-top: 26px;}



	/* 보관 및 취급품목 */
	#w_item .con_bx {max-width: 158px; margin: 0 auto; padding: 14px 0;}
	#w_item .con_bx::before {background: url(../images/sub/w_item_bg_m.png) no-repeat center; background-size: auto 100%;}
	#w_item .con_bx .con_w {width: 100%; padding-bottom: 80.7%;}
	#w_item .con_bx .con_w:nth-child(1) {order: 2;}
	#w_item .con_bx .con_w:nth-child(2) {order: 1;}
	#w_item .con_bx .con_w:nth-child(3) {order: 3;}
}

@media all and (max-width:756px){
	#product .tb_bx .m_hv {position: absolute; width: 25px; height: 37px; top: 50%; left: 50%; margin-left: -13px; margin-top: -19px; z-index: 2; background: url(../images/icon/scroll.png) no-repeat center; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s;}
	#product .tb_bx.on .m_hv {z-index: -1; opacity: 0; visibility: hidden;}
	#product .tb_bx .tb_w {position: relative;}
	#product .tb_bx .tb_w::before {content: ''; width: 100%; height: 100%; top: 0; left: 0; position: absolute; background: rgba(0,0,0,.3);}
	#product .tb_bx.on .tb_w::before {z-index: -1; opacity: 0; visibility: hidden;}
}

@media all and (max-width:600px){
	/* CEO 인사말 */
	#ceo {background: url(../images/sub/ceo_bg1_m.jpg) no-repeat center bottom #fff; background-size: 100% auto;}
	#ceo .bg_bx {width: 100%;}
	#ceo .bg_bx img {width: 100%;}
	#ceo .bg_bx img.pc_show2 {display: none!important;}
	#ceo .bg_bx img.m_show2 {display: block!important;}



	/* 가치체계 & CI */
	#value_ci .box2 .bg_bx {background: url(../images/sub/value_ci_box2_bg_m.jpg) no-repeat center; background-size: cover;}
	#value_ci .box2 .con_bx {margin-bottom: -20px;}
	#value_ci .box2 .con_bx li:nth-child(n) {width: calc(50% - 10px); margin-right: 20px; margin-bottom: 20px;}
	#value_ci .box2 .con_bx li:nth-child(2n) {margin-right: 0;}
}

@media all and (max-width:360px){
	#w_item .con_bx {padding: 4.377% 0;}
}