@charset "utf-8"; /*=============== 서브페이지 공통 ===============*/

.pg-depth-container { background:#f4f4f4; border-bottom:1px solid #dddddd; padding-top: 90px; height: 140px; line-height: 50px; font-size: 16px; } 
.pg-depth-container span { color:#666666; } 
.pg-depth-container span a { color:#666666; } 

.pg-depth-container .mb-depth { display:block; position: relative; padding: 1% 0; } 
.pg-depth-container .mb-depth ul { display:block; width:100%; height: auto; } 
.pg-depth-container .mb-depth ul li { display:block; float: left; padding: 1% 1%; width:50%; } 
.pg-depth-container .mb-depth ul li a { display:block; font-size:14px; padding: 10px 20px; line-height: 14px; border:1px solid #dddddd; border-radius: 3px; background:#ffffff; } 

.pg-wrapper { position: relative; font-size: 16px; } 
.pg-wrapper .tit-container { padding:80px 0 110px; text-align: center; } 
.pg-wrapper .tit-container .tit { font-size: 2.5em; font-weight: 700; position:relative; } 
.pg-wrapper .tit-container .tit:after { content: ""; display:block; width:1px; height:40px; background: #bbbbbb; position: absolute; left:50%; bottom: -62px; } 
.pg-wrapper .cont-container { margin-bottom:120px; } 
.pg-wrapper .cont-container.shadow-yes { min-height: 971px; position: relative; } 
.pg-wrapper .cont-container.shadow-yes:before { content:""; display:block; width:211px; height:971px; background:url(../../img/pg-shadow-left.png) no-repeat center; background-size:cover; position:absolute; top:0; left: -211px; opacity: 0.5; } 
.pg-wrapper .cont-container.shadow-yes:after { content:""; display:block; width:211px; height:971px; background:url(../../img/pg-shadow-right.png) no-repeat center; background-size:cover; position:absolute; top:0; right: -211px; opacity: 0.5; } 

/*=============== 서브페이지 공통 - 반응형 ===============*/

/* PC-Fullwrap (해상도 1520px) */
@media all and (min-width:1520px) { } 

/* PC-Wide (해상도 1200px ~ 1519px) */
@media all and (min-width:1200px) and (max-width:1519px) { } 

/* PC (해상도 1024px ~ 1199px)*/
@media all and (min-width:1024px) and (max-width:1199px) { } 
/* 테블릿 가로, 테블릿 세로 (해상도 768px ~ 1023px)*/
@media all and (min-width:768px) and (max-width:1023px){
 .pg-wrapper { font-size:15px; } 
 .pg-wrapper .cont-container.shadow-yes:after { display:none; } 
 .pg-wrapper .cont-container.shadow-yes:before { display:none; } 
 }

/* 모바일 가로, 모바일 세로 (해상도 480px ~ 767px)*/
@media all and (max-width:767px){
 .pg-depth-container { height: auto; min-height: auto; padding-top:70px; } 
 .pg-wrapper { font-size:13px; } 
 .pg-wrapper .tit-container { padding: 40px 70px; } 
 .pg-wrapper .tit-container .tit:after { display:none; } 
 .pg-wrapper .cont-container.shadow-yes { min-height: auto; } 
 .pg-wrapper .cont-container.shadow-yes:after { display:none; } 
 .pg-wrapper .cont-container.shadow-yes:before { display:none; } 
 .pg-wrapper .cont-container { margin-bottom:20%; } 
 }

/*=============== 회사소개 - 인사말 ===============*/
.greetings { } 
.grt-top-wr { width: 100%; height: 289px; position: relative; text-align:center; line-height:289px; background: url(../../img/greeting-topimg.png) no-repeat center; background-size:cover; } 
.grt-top-wr .main-txt { font-size: 2.3em; font-weight: 700; color:#ffffff; position:relative; word-break: keep-all; } 
.grt-top-wr .main-txt:after { content: ""; display:block; width:49px; height:41px; background:url(../../img/greetings-quote.png)no-repeat center; background-size:cover; position:absolute; top:50%; left: 290px; transform: translateY(-50%); opacity: 0.5; } 
.grt-top-wr .main-txt:before { content: ""; display:block; width:49px; height:41px; background:url(../../img/greetings-quote.png)no-repeat center; background-size:cover; position:absolute; top:50%; right: 290px; transform: translateY(-50%) rotate(180deg); opacity: 0.5; } 
.grt-top-wr .main-txt span { font-weight: 800; } 

.grt-bottom-wr { text-align:center; } 
.grt-bottom-wr .txt1 { padding: 50px 5%; font-size: 1.4em; font-weight:700; line-height: 1.8em; letter-spacing: -0.2px; word-break: keep-all; } 
.grt-bottom-wr .txt2 { padding: 40px 5%; font-size: 1.15em; font-weight: 500; background: #f4f4f4; line-height: 1.8em; letter-spacing: -0.2px; word-break: keep-all; } 
.grt-bottom-wr .txt3 { padding: 40px 5% 75px; font-size: 1.15em; line-height: 1.85em; /* color: #666666; */word-break: keep-all; font-weight: 500; letter-spacing: -0.2px; } 
.grt-bottom-wr .sign-txt { font-size: 1.25em; font-weight: 600; } 

/*=============== 회사소개 - 인사말 - 반응형 ===============*/

/* PC-Fullwrap (해상도 1520px) */
@media all and (min-width:1520px) { } 

/* PC-Wide (해상도 1200px ~ 1519px) */
@media all and (min-width:1200px) and (max-width:1519px) { } 

/* PC (해상도 1024px ~ 1199px)*/
@media all and (min-width:1024px) and (max-width:1199px) { } 
/* 테블릿 가로, 테블릿 세로 (해상도 768px ~ 1023px)*/
@media all and (min-width:768px) and (max-width:1023px) { } 

/* 모바일 가로, 모바일 세로 (해상도 480px ~ 767px)*/
@media all and (max-width:767px){
 .grt-top-wr { height: auto; padding: 15% 5%; } 
 .grt-top-wr .main-txt { line-height:1.5em; } 
 .grt-top-wr .main-txt:before { display:none; } 
 .grt-top-wr .main-txt:after { display:none; } 
 .grt-bottom-wr .txt1 { padding: 30px 5%; } 
 .grt-bottom-wr .txt2 { padding: 25px 5%; } 
 .grt-bottom-wr .txt3 { padding: 25px 5% 35px; } 
 }

/*=============== 회사소개 - 회사개요 ===============*/

.overview { } 
.overview-top-wr .img-background { width: 100%; height: 322px; background: url(../../../img/overview-img1.png) no-repeat center; background-size:cover; background-attachment: fixed; position: relative; } 
.overview-top-wr .img-background .txt { font-size: 5em; font-weight: 600; color:#ffffff; position:absolute; bottom: 5%; left: 8%; } 
.overview-cont-wr { margin-top: 40px!important; } 
.overview-cont-wr .maintxt-box { display:flex; position: relative; justify-content: space-between; margin-bottom: 50px; } 
.overview-cont-wr .maintxt-box .tit-box-inner { width: 37%; border-top: 1px solid #676767; padding: 3% 4%; } 
.overview-cont-wr .maintxt-box .cont-box-inner { width: 60%; border-top: 1px solid #dddddd; padding: 3% 4%; } 
.overview-cont-wr .maintxt-box .tit-box-inner .tit { font-size: 1.75em; font-weight: 400; line-height: 1.6em; } 
.overview-cont-wr .maintxt-box .tit-box-inner .tit b { font-weight: 800; } 
.overview-cont-wr .maintxt-box .cont-box-inner .txt { font-size: 1em; line-height: 1.8em; color: #454545; } 

.overview-cont-wr .table-box { width:100%; height:auto; position:relative; } 
.overview-cont-wr .table-box table { width:100%; height:auto; border-top: 1px solid #676767; } 
.overview-cont-wr .table-box table tr th { font-size: 1.05em; padding: 1%; width: 17%; font-weight: 500; background: #f6f6f6; border-bottom: 1px solid #dddddd; } 
.overview-cont-wr .table-box table tr td { font-size:1em; padding: 1% 3%; text-align: left; background:#ffffff; border-bottom:1px solid #eeeeee; width: 33%; color: #666666; word-break: keep-all; } 

/*=============== 회사소개 - 회사개요 - 반응형 ===============*/

/* PC-Fullwrap (해상도 1520px) */
@media all and (min-width:1520px) { } 

/* PC-Wide (해상도 1200px ~ 1519px) */
@media all and (min-width:1200px) and (max-width:1519px) { } 

/* PC (해상도 1024px ~ 1199px)*/
@media all and (min-width:1024px) and (max-width:1199px) { } 
/* 테블릿 가로, 테블릿 세로 (해상도 768px ~ 1023px)*/
@media all and (min-width:768px) and (max-width:1023px) { } 

/* 모바일 가로, 모바일 세로 (해상도 480px ~ 767px)*/
@media all and (max-width:767px){
 .overview-top-wr .img-background { max-height: 250px; } 
 .overview-top-wr .img-background .txt { font-size: 4em; text-align:center; display: block; width: 100%; /* height: 100%; */bottom: 5%; left: 0; } 
 .overview-cont-wr .maintxt-box { flex-wrap:wrap; margin-bottom: 20px; } 
 .overview-cont-wr .maintxt-box .tit-box-inner { width:100%; } 
 .overview-cont-wr .maintxt-box .cont-box-inner { width:100%; } 
 }


/*=============== 회사소개 - 연혁 ===============*/

.history { } 
.history-wr { width: 100%; height: auto; position: relative; } 
.history-wr .img-box { width:50%; padding: 0 75px 0 0; float: left; } 
.history-wr .img-box img { max-width: 100%; } 
.history-wr .history-list-box { width:50%; float: left; position: relative; border-left: 1px solid #dddddd; } 
.history-list-box { padding: 0 0 0 75px; } 
.history-list { } 
.history-list dt { margin: 1% 0 5%; padding: 0 0 2% 0; display: block; width: 100%; height: auto; } 
.history-list dt p { font-size: 5rem; font-weight: 600; } 
.history-list dd { display: block; width: 100%; height: auto;; } 
.history-list dd .his-line { display:block; padding: 20px 0; position:relative; } 
.history-list dd .his-line.gray .year, .history-list dd .his-line.gray .cont li { color: rgb(136, 136, 136); } /*글씨 색상 gray*/
.history-list dd .his-line .year { font-size: 1.75em; font-weight: 600; position: absolute; top: 17px; left:0; } 
.history-list dd .his-line .cont { display:block; width:100%; height: auto; padding-left: 110px; } 
.history-list dd .his-line .cont:after { content:""; display:block; width: 15px; height: 15px; background:#e41e26; border: 5px solid #cccccc; border-radius:50%; position: absolute; top: 27px; left: -83px; } 
.history-list dd .his-line .cont:before { content:""; display:block; width: 55px; height:1px; background: #e6e6e6; position:absolute; top: 33px; left: -76px; } 
.history-list dd .his-line .cont li { display: block; position: relative; padding-left:30px; line-height: 1.8em; color: #666666; font-weight: 300; } 
.history-list dd .his-line .cont li .month { display:block; position:absolute; top:0; left:0; font-weight: 500; color: #222222; } 

/*=============== 회사소개 - 연혁 - 반응형 ===============*/

/* PC-Fullwrap (해상도 1520px) */
@media all and (min-width:1520px) { } 

/* PC-Wide (해상도 1200px ~ 1519px) */
@media all and (min-width:1200px) and (max-width:1519px) { } 

/* PC (해상도 1024px ~ 1199px)*/
@media all and (min-width:1024px) and (max-width:1199px) { } 
/* 테블릿 가로, 테블릿 세로 (해상도 768px ~ 1023px)*/
@media all and (min-width:768px) and (max-width:1023px) { } 

/* 모바일 가로, 모바일 세로 (해상도 480px ~ 767px)*/
@media all and (max-width:767px){
 .history-wr .img-box { display:none; } 
 .history-wr .history-list-box { width:100%; padding: 0 0 0 28px; } 
 .history-list dt { padding-bottom: 2%; margin-bottom: 2%; } 
 .history-list dt p { font-size: 4em; } 

 .history-list dd .his-line .cont:after { left: -36px; top: 25px; } 
 .history-list dd .his-line .cont:before { width: 30px; left: -38px; top: 31px; } 
 .history-list dd .his-line .cont { padding-left: 67px; } 
 .history-list dd .his-line .cont li { padding-left: 27px; word-break: keep-all; } 
 .history-list dd .his-line { padding: 15px 0; } 
 .history-list dd .his-line .year { font-size: 1.6em; } 
 }


/*=============== 회사소개 - CI ===============*/

.ci { } 
.ci-top-wr { height: 230px; position: relative; } 
.ci-top-wr .img-background { width:100%; height: 230px; position:relative; background:url(../../img/ci-img1.png) no-repeat center; background-size:cover; } 
.ci-top-wr .img-background .txt { font-size: 3em; color:#ffffff; position:absolute; bottom: 7%; left: 5%; font-weight: 600; } 
.ci-top-wr .txt-box { width:100%; height: auto; padding: 3% 3%; } 
.ci-top-wr .txt-box .tit { font-size: 1.75rem; font-weight: 800; margin-bottom: 10px; } 
.ci-top-wr .txt-box .tit .eng { font-size: 0.75em; font-weight: 500; color: #888888; } 

.ci-contents .btn-box { display:block; width:100%; height:auto; padding: 0% 3% 1%; text-align: center; margin-top: 30px; } 
.ci-contents .btn-box .btn-style2 { display:inline-block; width: 50%; } 
.ci-contents .btn-box2 { text-align: left; width:75%; margin: 0 auto; } 

.ci-cont-wr { } 
.ci-contents { display:flex; width:100%; height:auto; } 
.ci-contents .tit-box { width: 22%; padding: 3% 1%; border-top: 1px solid #454545; } 
.ci-contents .cont-box { width: 78%; padding:3% 1%; border-top: 1px solid #dddddd; } 
.ci-contents .tit-box .tit1 { font-size: 1.2rem; font-weight: 500; color: #888888; margin-bottom: 12px; } 
.ci-contents .tit-box .tit2 { font-size:1.75rem; font-weight: 800; } 
.ci-contents .txt-inner-box { max-width:950px; margin: 0 auto 30px; } 
.ci-contents .txt-inner-box p { word-break: keep-all; font-weight: 300; } 
.ci-contents .img-inner-box { border: 1px solid #dddddd; border-radius: 3px; overflow: hidden; text-align: center; max-width: 950px; margin: 0 auto; } 
.ci-contents .img-inner-box img { max-width:100% } 
.ci-contents .color-inner-box { max-width:950px; margin: 0 auto; display:flex; justify-content: space-between; flex-wrap:wrap; } 
.ci-contents .color-inner-box .tit { display:block; width:100%; height:auto; padding: 30px 0 10px; font-size: 1.2rem; font-weight: 600; } 
.ci-contents .color-inner-box.split2 .color-article { width:49%; } 
.ci-contents .color-inner-box.split3 .color-article { width:32%; } 
.ci-contents .color-article { display: inline-block; border: 1px solid #dddddd; } 
.ci-contents .color-article .color-box { display:block; width: 120px; height: 90px; position:relative; float: left; } 
.ci-contents .color-article .color-box .name { font-size: 0.9rem; color:#ffffff; position:absolute; bottom: 10px; left: 10px; } 
.ci-contents .color-article .txt-box { padding: 9px 3% 0; float: left; width: calc(100% - 120px); } 
.ci-contents .color-article .txt-box .txt1 { font-size: 0.9rem; line-height: 1.65em; padding-left: 15px; position: relative; } 
.ci-contents .color-article .txt-box .txt1:after { content:""; display:block; width: 4px; height: 4px; border-radius: 50%; background:#bbbbbb; position: absolute; top: 11px; left: 5px; } 
.ci-contents .color-box.metalic1 { background:rgb(198,177,113); background: linear-gradient(to right top, #c6b171, #c6b171, #f4e6ba, #c6b171, #c6b171, #f4e6ba, #c6b171); } 
.ci-contents .color-box.metalic2 { background:rgb(167,169,171); background: linear-gradient(to right top, #a7a9ab, #a7a9ab, #eeeeee, #a7a9ab, #a7a9ab, #eeeeee, #a7a9ab); } 

.ci-contents .inc-inner-box { max-width:950px; margin: 0 auto; display:flex; flex-wrap:wrap; justify-content: space-between; } 
.ci-contents .inc-inner-box .img-box { width:32%; height: auto; margin-bottom:30px; } 
.ci-contents .inc-inner-box .img-box img { border: 1px solid #eeeeee; max-width:100%; border-radius: 2px; border-top: 1px solid #444444; overflow: hidden; } 
.ci-contents .inc-inner-box .img-box .caption { background: #f6f6f6; text-align:center; padding: 5% 3%; word-break: keep-all; border-bottom: 1px solid #eeeeee; font-size: 0.9rem; letter-spacing: -0.1px; } 


/*=============== 회사소개 - CI - 반응형 ===============*/

/* PC-Fullwrap (해상도 1520px) */
@media all and (min-width:1520px) { } 

/* PC-Wide (해상도 1200px ~ 1519px) */
@media all and (min-width:1200px) and (max-width:1519px) { } 

/* PC (해상도 1024px ~ 1199px)*/
@media all and (min-width:1024px) and (max-width:1199px) { } 
/* 테블릿 가로, 테블릿 세로 (해상도 768px ~ 1023px)*/
@media all and (min-width:768px) and (max-width:1023px) { } 

/* 모바일 가로, 모바일 세로 (해상도 480px ~ 767px)*/
@media all and (max-width:767px){
 .ci-top-wr .img-background { width:100%; max-height:180px; } 
 .ci-top-wr .img-background .txt { font-size: 2.5em; word-break: keep-all; line-height: 1.6em; text-align: center; bottom: 50%; transform: translateY(50%); left: 0; } 
 .ci-top-wr .btn-box .btn-style2 { width: 44%; } 
 .ci-contents { flex-wrap:wrap; } 
 .ci-contents .tit-box { width:100%; } 
 .ci-contents .cont-box { width:100%; } 
 .ci-contents .color-inner-box.split2 .color-article { width:100%; } 
 .ci-contents .color-inner-box.split3 .color-article { width:100%; } 
 .ci-contents .color-inner-box .tit { padding: 0 0 3%; } 
 .ci-contents .color-inner-box { padding-bottom: 8%; } 
 .ci-contents .color-inner-box:last-of-type { padding-bottom:0; } 
 }

/*=============== 회사소개 - 관계사현황 ===============*/

.affiliate { min-height: 750px!important; } 
.aff-img-wr { text-align: center; padding-top:30px; } 
.pg-wrapper .cont-container.shadow-yes.affiliate:before { height: 750px; } 
.pg-wrapper .cont-container.shadow-yes.affiliate:after { height: 750px; } 

.aff-top-wr { display: block; margin: 0 auto; text-align: center; padding-bottom: 70px; position:relative; } 
.aff-top-wr:after { content:""; display:block; width:1px; height:50%; background:#dddddd; position:absolute; bottom:0; left:50%; } 
.aff-top-wr img { position:relative; z-index:1; } 
.aff-bottom-wr { display: flex; justify-content: center; } 
.aff-bottom-wr .img-box { width: auto; height: auto; max-width: 18%; padding: 90px 1% 0; border-top: 1px solid #dddddd; position:relative; } 
.aff-bottom-wr .img-box:first-of-type:after { content:""; display:block; width: 50%; height: 10px; background: #ffffff; position:absolute; top:-3px; left: 0; } 
.aff-bottom-wr .img-box:last-of-type:after { content:""; display:block; width: 50%; height: 10px; background: #ffffff; position:absolute; top: -3px; right: -1px; } 
.aff-bottom-wr .img-box a { display:block; width:100%; height:100%; border:1px solid #cccccc; border-radius:5px; overflow:hidden; position: relative; z-index: 1; box-shadow: 3px 3px 6px rgba(0,0,0,0.15); padding: 3px; background: #ffffff; } 
.aff-bottom-wr .img-box:before { content:""; display:block; width:1px; height:100px; position:absolute; top:0; left:50%; background:#dddddd } 
.aff-bottom-wr .img-box a img { max-width:100%; } 

#status { position: relative; background: url(/img/status_line_bg.png)no-repeat top center; max-width: 1200px; width: 100%; height: 800px; margin: 0 auto; background-size: 100% !important; } 
#status .con1 ul li.top { position: absolute; top: 0; left: 50%; transform: translateX(-50%); text-align: center; } 
#status .con1 ul li.top p { position: relative; font-size: 22px; font-weight: 600; color: #444; padding-top: 20px; } 
#status .con1 ul li.top a.img_box { box-shadow: 1px 1px 12px 1px #ddd; display: block; border-radius: 50%; background: #fff; padding: 94px; border: 1px solid #bbb; } 
#status .con1 ul li.top a.img_box img { } 
#status .con1 ul li.top .report_btn { position: absolute; top: 50%; transform: translateY(-50%); right: -165px; margin-top: 0; } 
#status .con1 ul li.top .report_btn a { color: #fff; } 
#status .con1 ul li.top p:before { content:''; position: absolute; top: 10px; left: 50%; transform: translateX(-50%); width: 20px; height: 2px; background: #ddd; } 
#status .con1 ul li.second { position: absolute; top: 370px; left: 50%; transform: translateX(-50%); width: 100%; } 
#status .con1 ul li ul.status_list { } 
#status .con1 ul li ul.status_list li { float: left; width: 22%; margin-right: 3.9%; text-align: center; margin-bottom: 3% } 
#status .con1 ul li ul.status_list li:nth-child(4) { margin-right: 0; } 
#status .con1 ul li ul.status_list li:nth-child(5) { margin-left: 13%; } 


#status .con1 ul li ul.status_list li a.img_box { display: block; border: 1px solid #bbb; background: #fff; overflow: hidden; border-radius: 11px; padding: 28px; box-shadow: 1px 4px 12px 1px #ddd; } 
#status .con1 ul li ul.status_list li a.img_box img { width: 100%; } 


/*=============== 회사소개 - 관계사현황 - 반응형 ===============*/

@media all and (max-width: 1200px){
 #status .con1 ul li.second { bottom : 35px } 
 }
 @media all and (max-width: 1024px){
 #status { margin-bottom: 10%; background: url(/img/status_line_bg.png)no-repeat top 50px center; } 
 #status .con1 ul li.top a.img_box { padding: 85px; } 
 #status .con1 ul li.second { bottom: -10px; } 
 }
 @media all and (max-width: 900px){
 #status { margin:0 3%; width:94%; background: url(/img/status_line_bg.png)no-repeat top 110px center; } 
 #status .con1 ul li.top { position: absolute; top: 25px; left: 50%; transform: translateX(-50%); text-align: center; } 
 #status .con1 ul li.top p { position: relative; font-size: 22px; font-weight: 600; color: #444; padding-top: 20px; } 
 #status .con1 ul li.top a.img_box { box-shadow: 1px 1px 12px 1px #ddd; display: block; border-radius: 50%; background: #fff; padding: 80px; border: 1px solid #bbb; } 
 #status .con1 ul li.top a.img_box img { } 
 #status .con1 ul li.top .report_btn { position: absolute; top: 50%; transform: translateY(-50%); right: -165px; margin-top: 0; } 
 #status .con1 ul li.top .report_btn a { color: #fff; } 
 #status .con1 ul li.top p:before { content:''; position: absolute; top: 10px; left: 50%; transform: translateX(-50%); width: 20px; height: 2px; background: #ddd; } 
 #status .con1 ul li.second { bottom: 5px; } 
 #status .con1 ul li ul.status_list { } 
 #status .con1 ul li ul.status_list li { float: left; width: 22%; margin-right: 3.9%; text-align: center; } 
 #status .con1 ul li ul.status_list li:last-child { margin-right: 0; } 
 }
 @media all and (max-width: 768px){
 #status { background: url(/img/status_line_bg.png)no-repeat top 150px center; } 
 #status .con1 ul li.second { bottom: 50px; } 
 }
 
 @media all and (max-width: 600px){
 #status { background: url(/img/status_line_m_bg.png)no-repeat top 160px center; height:1390px; width:100%; background-size: auto !important } 
 #status .con1 ul li.top { position: absolute; top: 0; left: 50%; transform: translateX(-50%); margin-left: -80px; text-align: center; } 
 #status .con1 ul li.top p { position: relative; font-size: 18px; font-weight: 600; color: #444; padding-top: 20px; } 
 #status .con1 ul li.top a.img_box { box-shadow: 1px 1px 12px 1px #ddd; display: block; border-radius: 50%; background: #fff; padding: 45px; border: 1px solid #bbb; } 
 #status .con1 ul li.top a.img_box img { } 
 #status .con1 ul li.top .report_btn { position: absolute; top: 50%; transform: translateY(-50%); right: -130px; margin-top: 0; } 
 #status .con1 ul li.top p:before { content:''; position: absolute; top: 10px; left: 50%; transform: translateX(-50%); width: 20px; height: 2px; background: #ddd; } 
 #status .con1 ul li.second { position: absolute; bottom: 0px; left: 50%; top: 13%; transform: translateX(-50%); width: 100%; margin-left: 86px; } 
 #status .con1 ul li ul.status_list li { float: none; width: 30%; margin-right: 0%; margin-left:38%; margin-bottom:54px; margin-top:20px; text-align: center; position:relative; } 
 #status .con1 ul li ul.status_list li:last-child { margin-right: 0; } 
 #status .con1 ul li ul.status_list li:nth-child(5) { margin-right: 0; margin-left: 38% } 
 #status .con1 ul li ul.status_list li a.report_btn { position: absolute; top: 50%; transform: translateY(-50%); right: -120px; margin-top: 0; color: #fff; } 
 #status .con1 ul li ul.status_list li a { display:inline-block; } 
 }
 
 @media all and (max-width: 480px){
 .tb_wrap_flex.car_table table { width: 100%; } 
 .car_table .car_imgBox { width: 10%; margin: 0 auto; } 
 .car_table .car_imgBox img { transform: unset; } 
 #status { background: url(/img/status_line_m2_bg.png)no-repeat top 120px center; height:1200px; width:100%; } 
 #status .con1 ul li.top p { position: relative; font-size: 15px; font-weight: 600; color: #444; padding-top: 20px; } 
 #status .con1 ul li.top a.img_box { box-shadow: 1px 1px 12px 1px #ddd; display: block; border-radius: 50%; background: #fff; padding: 40px; border: 1px solid #bbb; } 
 #status .con1 ul li.top a.img_box img { width:50px; } 
 #status .con1 ul li.top .report_btn { position: absolute; top: 50%; transform: translateY(-50%); right: -110px; margin-top: 0; } 
 #status .con1 ul li.top .report_btn strong { font-size:13px; font-weight:normal } 
 #status .con1 ul li.top p:before { content:''; position: absolute; top: 10px; left: 50%; transform: translateX(-50%); width: 20px; height: 2px; background: #ddd; } 
 
 #status .con1 ul li ul.status_list li { float: none; width: 35%; margin-right: 0%; margin-left:30%; margin-bottom: 25px; margin-top:20px; text-align: center; position:relative; } 
 #status .con1 ul li ul.status_list li:last-child { margin-right: 0; } 
 #status .con1 ul li ul.status_list li:nth-child(5) { margin-right: 0; margin-left: 30% } 
 #status .con1 ul li ul.status_list li a.report_btn { position: absolute; top: 50%; transform: translateY(-50%); right: -100px; margin-top: 0; color: #fff; } 
 #status .con1 ul li ul.status_list li a.report_btn strong { font-size:13px; font-weight:normal } 
 #status .con1 ul li ul.status_list li a { display:inline-block; } 
 }
 
 @media all and (max-width: 380px){
 #status { background: url(/img/status_line_m2_bg.png)no-repeat top 120px center; height:1220px; width:100%; background-size: auto !important } 
 #status .con1 ul li.top a.img_box { padding: 30px; } 
 #status .con1 ul li ul.status_list li { margin-bottom: 40px; } 
 }
/* 모바일 가로, 모바일 세로 (해상도 480px ~ 767px)*/
/* @media all and (max-width:767px){
 .affiliate { min-height: auto!important; } 
 .aff-top-wr { width: 50%; margin: 0 auto; } 
 .aff-top-wr a { max-width:100%; display:block; } 
 .aff-top-wr a img { max-width:100%; } 
 .aff-bottom-wr { flex-wrap: wrap; } 
 .aff-bottom-wr .img-box { width:50%; max-width: 50%; padding: 30px 4% 0; } 
 .aff-bottom-wr .img-box:last-of-type:before { height: 300%; bottom: 20%; top: auto; } 
 }*/

/*=============== 회사소개 - 사업장소개 ===============*/

.location { } 
.loca-depth { display:block; width:auto; height: auto; text-align:center; margin-bottom: 40px; } 
.loca-depth ul { display:inline-block; width:auto; height:auto; } 
.loca-depth ul li { display:block; width:auto; height: auto; float: left; } 
.loca-depth ul li a { display:block; width:auto; height: auto; padding: 15px 45px; color:#222222; background: #f9f9f9; border: 1px solid #dddddd; margin-left: 10px; min-width: 320px; cursor: pointer; } 
.loca-depth ul li:first-of-type a { margin-left: 0; } 
.loca-depth ul li.on a { background:#e41e26; border: 1px solid #e41e26; color:#ffffff; } 

.location-top-wr { width:100%; height: auto; position: relative; display: flex; } 
.loca-img-box { width: 50%; height: auto; border: 1px solid #dddddd; overflow: hidden; } 
.loca-img-box img { max-width:100%; } 
.loca-txt-box { background: #f7f7f7; width: 50%; height: auto; padding: 4% 3%; } 
.loca-txt-box .name { font-size: 1.8em; font-weight:800; margin-bottom: 20px; padding-left: 20px; position:relative; /* color: #e41e26; */ } 
.loca-txt-box .name:after { content:""; display:block; width: 8px; height: 8px; position:absolute; top: 50%; left: 0; transform: rotate(45deg) translateY(-50%); background: #e41e26; } 
.loca-txt-box .tel { font-size:1.1em; font-weight:300; display: inline-block; width: 49%; float: left; color: #454545; padding: 2% 4%; border: 1px solid #dddddd; } 
.loca-txt-box .tel span { color:#222222; margin-right:5px; font-weight:700; } 
.loca-txt-box .fax { font-size:1.1em; font-weight:300; display: inline-block; width: 49%; float: left; color: #454545; padding: 2% 4%; border: 1px solid #dddddd; margin-left: 2%; } 
.loca-txt-box .fax span { color:#222222; margin-right:5px; font-weight:700; } 
.loca-txt-box .address { margin-top: 23px; padding-top: 20px; padding-left: 20px; display: block; width: 100%; float: left; border-top: 1px solid #dddddd; font-size: 0.95em; line-height: 1.8em; font-weight: 300; } 

.loca-img-wrap { width: 100%; display: flex; justify-content: space-between; margin: 5% 0; } 
.loca-img-wrap .loca-img-box { width: 49%; border: none; } 
.loca-img-wrap .loca-img-box img { width: 100%; height: 100%; object-fit: cover; } 

.map_wrap { display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: space-between; align-items: center; } 
.location-map-wr { width: 49%; height: 580px; } 
.location-map-wr>div { width:100%; height: 100%; } 
.location-map-wr .root_daum_roughmap .wrap_map { width:100%; height: calc(100% - 32px); } 

/*=============== 회사소개 - 사업장소개 - 반응형 ===============*/

/* PC-Fullwrap (해상도 1520px) */
@media all and (min-width:1520px) { } 

/* PC-Wide (해상도 1200px ~ 1519px) */
@media all and (min-width:1200px) and (max-width:1519px) { } 

/* PC (해상도 1024px ~ 1199px)*/
@media all and (min-width:1024px) and (max-width:1199px) { } 
/* 테블릿 가로, 테블릿 세로 (해상도 768px ~ 1023px)*/
@media all and (min-width:768px) and (max-width:1023px) { } 

/* 모바일 가로, 모바일 세로 (해상도 480px ~ 767px)*/
@media (max-width: 767px){
 .loca-depth { width:100%; height: auto; margin-bottom: 20px; } 
 .loca-depth ul { display:flex; justify-content: center; } 
 .loca-depth ul li { width: 48%; height: 100%; padding: 0 1%; } 
 .loca-depth ul li a { width:auto; min-width:auto; height:100%; margin-left: 0; padding: 15px 15px; word-break: keep-all; } 
 .location-top-wr { flex-wrap:wrap; } 
 .loca-img-box { width: 100%; } 
 .loca-txt-box { width:100%; padding: 5% 3%; } 
 .loca-txt-box .name { margin-bottom:5% } 
 .loca-img-wrap { flex-wrap: wrap; } 
 .loca-img-wrap .loca-img-box { width: 100%; border: none; } 
 .loca-img-wrap .loca-img-box:first-child { margin-bottom: 20px; } 
 .location-map-wr { height: 250px; } 
 }

/*=============== 지속가능경영 ===============*/

.manage-top-wr { margin-bottom: 40px; } 
.manage-depth { display:block; width:auto; height: auto; text-align:center; margin-bottom: 40px; } 
.manage-depth ul { display:inline-block; width:auto; height:auto; } 
.manage-depth ul li { display:block; width:auto; height: auto; float: left; } 
.manage-depth ul li a { display:block; width:auto; height: auto; padding: 15px 45px; color:#222222; background: #f9f9f9; border: 1px solid #dddddd; margin-left: 10px; min-width: 320px; cursor: pointer; } 
.manage-depth ul li:first-of-type a { margin-left: 0; } 
.manage-depth ul li.on a { background:#e41e26; border: 1px solid #e41e26; color:#ffffff; } 

.manage-cont-wr { width: 100%; display: flex; flex-wrap: wrap; } 
.manage-cont-wr .tit-box { padding: 3% 2%; border-top: 1px solid #454545; width: 22%; } 
.manage-cont-wr .tit-box .tit { font-size:1.75rem; font-weight:800; word-break: keep-all; line-height: 1.5em; } 
.manage-cont-wr .tit-box .subtit { font-size: 1.25rem; font-weight: 400; color: #777777; margin-top:5px; } 
.manage-cont-wr .cont-box { padding: 3% 1%; border-top: 1px solid #dddddd; width: 78%; } 
.manage-cont-wr .txt-inner-box { max-width: 950px; margin: 0 auto 30px; } 
.manage-cont-wr .txt-inner-box p { font-size: 1em; font-weight: 300; word-break: keep-all; line-height: 1.8em; } 
.manage-cont-wr .txt-inner-box p.pl15 { padding-left:15px; } 
.manage-cont-wr .txt-inner-box p.highlight { font-size: 1.25em; line-height: 1.75em; font-weight: 600; margin-bottom: 20px; } 
.manage-cont-wr .txt-inner-box p.tit { font-size:1.1em; font-weight: 600; margin-bottom:5px; padding-bottom: 5px; background: #ffffff; border-bottom: 1px solid #dddddd; padding-left: 15px; position:relative; } 
.manage-cont-wr .txt-inner-box p.tit:after { content:""; display:block; width:6px; height:6px; background:#e41e26; position:absolute; top: 13px; left: 1px; } 
.manage-cont-wr .txt-inner-box p.sub { font-size:0.95em; color: #666666; margin-top:5px; padding-left: 35px; } 
.manage-cont-wr .txt-inner-box p b { font-weight:500; } 
.manage-cont-wr .img-inner-box { max-width: 950px; margin: 0 auto 30px; border: 1px solid #dddddd; border-radius: 3px; overflow: hidden; padding: 1%; text-align: center; } 
.manage-cont-wr .img-inner-box img { max-width: 100%; } 
.manage-cont-wr .full-img-box { width: 100%; text-align: center; border: 1px solid #dddddd; border-radius: 3px; padding: 2%; } 
.manage-cont-wr .full-img-box img { max-width:100%; max-height:100%; } 
.manage-cont-wr .full-img-box.full-img-box2 { max-height: 100%; border: 0; } 
.manage-cont-wr .full-img-box.full-img-box2 img { } 
.manage-cont-wr .cert-inner-box { width:100%; max-width: 950px; margin: 0 auto 30px; display: flex; flex-wrap: wrap; } 
.manage-cont-wr .cert-inner-box article { display: block; width: 24%; height: auto; padding: 2%; background: #f1f1f1; margin-bottom: 1%; margin-right: 1.33%; border-radius: 3px; } 
.manage-cont-wr .cert-inner-box article:nth-of-type(4n) { margin-right:0; } 
.manage-cont-wr .cert-inner-box article .img-box { width: 100%; height: auto; overflow: hidden; box-shadow: 2px 2px 2px rgba(0,0,0,0.1); } 
.manage-cont-wr .cert-inner-box article .img-box img { max-width: 100%; } 
.manage-cont-wr .cert-inner-box article .txt-box { text-align:center; padding-top: 25px; position: relative; } 
.manage-cont-wr .cert-inner-box article .txt-box p { font-size:0.95em; color: #454545; word-break: keep-all; } 
.manage-cont-wr .cert-inner-box article .txt-box:after { content: ""; display:block; width: 20px; height: 4px; background: #e41e26; transform: translateX(-50%); position: absolute; top: 15px; left: 50%; } 
.manage-cont-wr .cert-inner-box.split2 { } 
.manage-cont-wr .cert-inner-box.split2 article { width: auto; } 
.manage-cont-wr .btn-inner-box { max-width:950px; margin: 0 auto 30px; } 
.manage-cont-wr .btn-inner-box>div { margin-right:10px; } 
.manage-cont-wr .table-inner-box { max-width:950px; margin: 0 auto 30px; } 
.manage-cont-wr .table-inner-box table { width:100%; height: auto; position: relative; } 
.manage-cont-wr .table-inner-box table .tit th { background:#f6f6f6; padding: 12px; border: 1px solid #dddddd; border-top: 1px solid #444444; color: #222222; } 
.manage-cont-wr .table-inner-box table .tit td { text-align:center; background: #f6f6f6; padding: 12px; border: 1px solid #dddddd; border-left: 0; border-top: 1px solid #444444; color: #222222; } 
.manage-cont-wr .table-inner-box table .cont th { background: #f6f6f6; padding: 12px; border: 1px solid #dddddd; border-top: 0; color: #222222; } 
.manage-cont-wr .table-inner-box table .cont td { background:#ffffff; text-align: center; padding: 12px; border: 1px solid #dddddd; border-top: 0; border-left: 0; color: #454545; font-weight: 300; } 
.manage-cont-wr .table-inner-box2 { max-width:950px; margin: 10px auto 10px; } 
.manage-cont-wr .table-inner-box2 table { width:100%; height: auto; position: relative; } 
.manage-cont-wr .table-inner-box2 table .tit th { background:#f6f6f6; padding: 12px; border: 1px solid #dddddd; border-top: 1px solid #444444; color: #222222; } 
.manage-cont-wr .table-inner-box2 table .tit td { text-align:center; background: #f6f6f6; padding: 12px; border: 1px solid #dddddd; border-left: 0; border-top: 1px solid #444444; color: #222222; } 
.manage-cont-wr .table-inner-box2 table .cont th { background: #f6f6f6; padding: 12px; border: 1px solid #dddddd; border-top: 0; color: #222222; } 
.manage-cont-wr .table-inner-box2 table .cont td { background:#ffffff; text-align: center; padding: 12px; border: 1px solid #dddddd; border-top: 0; border-left: 0; color: #454545; font-weight: 300; } 
.manage-cont-wr.latest-box-wr { justify-content: space-between; margin-bottom: 30px; } 
.manage-cont-wr .latest-box { width:49%; height: auto; } 

/* 지속가능버튼 */
.manage_btn { width: 220px; border-radius: 5px; overflow: hidden; height: 50px; margin-top: 24px; transition: all .3s; background: #707070; } 
.manage_btn a { display: flex; justify-content: center; align-items: center; width: 100%; height: 100%; font-size: 18px; font-weight: 500; transition: all .3s; color: #fff; } 
.manage_btn:hover { background: #fa434b; } 

.sustain_wrap .p-select { display: flex; justify-content: flex-end; } 
.sustain_wrap .sus_m_tit { background: linear-gradient(90deg, rgba(228, 30, 38, 1) 0%, rgb(255 180 54) 100%); color: #fff; width: 440px; height: 80px; display: flex; justify-content: center; align-items: center; border-radius: 50px; font-size: 22px !important; margin: 0 auto; position: relative; } 
.sustain_wrap .sus_m_tit::before { content:''; position: absolute; width: 8px; height: 8px; border-radius: 50%; background: #fff; bottom: -4px; left: 49.9%; transform: translateX(-50%); z-index: 10; } 
.sustain_wrap .sus_con { padding-top: 140px; display: flex; justify-content: space-between; position: relative; width: 100%; } 
.sustain_wrap .sus_con::before { content:''; position: absolute; width: 72%; height: 1px; background: #666; top: 70px; left: 50%; transform: translateX(-50%); } 
.sustain_wrap .sus_list { flex: 0 1 28%; position: relative; } 
.sustain_wrap .sus_list li { margin: 12px 0; border: 1px solid #66666642; /* box-shadow: 1px 1px 3px 1px #6666; */
 /* padding: 20px; */
 text-align: center; border-radius: 10px; } 
.sustain_wrap .sus_list li a { display: block; width: 100%; height: 100%; padding: 20px; } 
.sustain_wrap .list1::after,.sustain_wrap .list3::after { content:''; position: absolute; width: 1px; height: 70px; background: #666; top: -70px; left: 50%; transform: translateX(-50%); } 
.sustain_wrap .list2::after { content:''; position: absolute; width: 1px; height: 140px; background: #666; top: -140px; left: 50%; transform: translateX(-50%); } 
.sustain_wrap .sus_list::before { content:''; position: absolute; width: 8px; height: 8px; border-radius: 50%; background: #f74949; top: -3px; left: 50%; transform: translateX(-50%); z-index: 10; } 
.sustain_wrap .sus_list .tit { background: #f74949; color: #fff; padding: 20px; display: flex; justify-content: center; align-items: center; border-radius: 10px; border: 1px solid #f74949; margin-top: 0; position: relative; } 
.sustain_wrap .sus_list .tit::before { content:''; position: absolute; width: 17px; height: 17px; border-radius: 50%; background: #fff; top: -9px; left: 50%; transform: translateX(-50%); z-index: 9; } 
.sustain_wrap .sus_list .num { margin-right: 10px; } 

.sustain_wrap .map_2 .sus_con { display: flex; justify-content: center; } 
.sustain_wrap .map_2 .sus_con::before { content:''; position: absolute; width: 32%; height: 1px; background: #666; top: 70px; left: 50%; transform: translateX(-50%); } 
.sustain_wrap .map_2 .sus_list { margin: 0 2%; } 
.sustain_wrap .map_2 .list1::after,.sustain_wrap .map_2 .list2::after { content:''; position: absolute; width: 1px; height: 70px; background: #666; top: -70px; left: 50%; transform: translateX(-50%); } 
.sustain_wrap .map_2 .sus_con::after { content:''; position: absolute; width: 1px; height: 70px; background: #666; top: 0; left: 50%; transform: translateX(-50%); } 

.sus_manage_wrap { margin-top: 20px; position: relative; } 
.sus_certi_wrap {position: absolute;top: -40px;z-index: 1;} 
.sus_certi_wrap li { padding: 6px 24px; background: #ededed; margin: 6px 0; border-radius: 5px; } 
.sus_certi_wrap li a { color: #404040; transition: all .3s; } 
.sus_certi_wrap li:hover a { color: #111; } 


/*=============== 지속가능경영 - 반응형 ===============*/

/* PC-Fullwrap (해상도 1520px) */
@media all and (min-width:1520px) { } 

/* PC-Wide (해상도 1200px ~ 1519px) */
@media all and (min-width:1200px) and (max-width:1519px) { } 

/* PC (해상도 1024px ~ 1199px)*/
@media all and (min-width:1024px) and (max-width:1199px) { } 
/* 테블릿 가로, 테블릿 세로 (해상도 768px ~ 1023px)*/
@media all and (min-width:768px) and (max-width:1023px){
 .sustain_wrap .sus_m_tit { width: 340px; font-size: 20px !important; } 
 .sustain_wrap .sus_list { flex: 0 1 32%; } 
 .sustain_wrap .sus_con::before { width: 68%; } 
 .sustain_wrap .sus_list .tit { padding: 14px; } 
 .sustain_wrap .sus_list li a { padding: 14px; font-size: 16px !important; } 

 .sus_certi_wrap li { } 
 .sus_certi_wrap li a { font-size: 15px!important; } 
 .sus_certi_wrap { top: -50px; padding: 0px 10px; } 
 }

/* 모바일 가로, 모바일 세로 (해상도 480px ~ 767px)*/
@media all and (max-width:767px){
 .manage-top-wr { width:100%; max-height:120px; overflow:hidden; } 
 .manage-top-wr img { max-width:100%; } 

 .manage-cont-wr .tit-box { width:100%; } 
 .manage-cont-wr .tit-box .tit { font-size: 1.5rem; } 
 .manage-cont-wr .cont-box { width:100%; } 
 .manage-cont-wr .cert-inner-box article { width: 49%; } 
 .manage-cont-wr .cert-inner-box article:nth-of-type(2n) { margin-right:0 } 

 .manage-depth ul { display:flex; width:100%; justify-content: space-between; } 
 .manage-depth ul li { width: 32%; } 
 .manage-depth ul li a { min-width:auto; padding:15px 2%; margin: 0; width: 100%; height: 100%; word-break: keep-all; } 
 .manage-cont-wr .latest-box { width:100%; margin-bottom:2px; } 
 .manage-cont-wr .lat li a { font-size:14px; } 
 .manage-cont-wr .pic_lt li.gallery_li a { font-size:14px; } 
 .manage-cont-wr .pic_lt ul { height: auto; min-height: auto; } 
 .manage-cont-wr .lat .lat_title a { font-size: 15px; } 
 .manage-cont-wr .pic_lt .lat_title a { font-size: 15px; } 

 .manage_btn { width: 180px; height: 40px; margin-top: 20px; background: #fa434b; } 
 .manage_btn a { font-size: 14px; } 
 .sustain_wrap .sus_m_tit { width: 200px; font-size: 15px !important; height: 56px; } 
 .sustain_wrap .sus_con { padding-top: 50px; display: flex; flex-wrap: wrap; } 
 .sustain_wrap .list1::after { height: 50px; top: -50px; } 
 .sustain_wrap .list3::after { display: none; } 
 .sustain_wrap .list2::after { display: none; } 
 .sustain_wrap .sus_list::before { } 
 .sustain_wrap .sus_list { flex: 0 1 100%; margin-bottom: 10px; } 
 .sustain_wrap .sus_con::before { } 
 .sustain_wrap .sus_list .tit { padding: 14px; } 
 .sustain_wrap .sus_list li a { padding: 12px; font-size: 15px !important; } 

 .sus_certi_wrap li {flex: 0 1 24%;margin: 0;padding: 5px 0;} 
 .sus_certi_wrap li a { font-size: 14px!important; } 
 .sus_manage_wrap { padding-top: 36px; } 
 .sus_certi_wrap { top: -40px; padding: 0px 10px; display: flex; text-align: center; justify-content: space-between; width: 100%; } 
 }

/*=============== 제품소개 ===============*/
.product { padding: 0 7%; position:relative; } 
.pro-depth { width:100%; height: auto; text-align:center; margin-bottom: 8%; } 
.pro-depth ul { display: flex; width: auto; height:auto; } 
.pro-depth.split2 ul { padding: 0 10%; } 
.pro-depth ul li { display: table; float: left; padding: 0 10px; } 
.pro-depth.split2 ul li { width:50%; } 
.pro-depth.split3 ul li { width:33.33%; } 
.pro-depth.split4 ul li { width:25%; } 
.pro-depth ul li a { display: table-cell; width: 100%; height: 100%; font-size:1.1em; color:#333333; padding: 18px 10px; border: 1px solid #cccccc; border-radius: 5px; word-break: keep-all; vertical-align: middle; } 
.pro-depth ul li.on a { background: #e41e26; color:#ffffff; border: 1px solid #e41e26; } 

.product .topline { padding-top:3%; margin-top:3%; border-top: 1px solid #cccccc; } 
.product .small-num { font-size: 0.3em; } 

.pro-tit-wr { margin: 5% 0 3%; position: relative; } 
.pro-tit-wr .tit { font-size: 1.7rem; padding-left: 30px; font-weight: 800; } 
.pro-tit-wr .tit:after { content: ""; display:block; width:19px; height:17px; background: url(../../img/pro-dot.png) no-repeat center; background-size:cover; position:absolute; top:50%; left:0; transform: translateY(-50%); } 
.pro-tit-wr .tit .sub-txt { font-size: 0.65em; color:#555555; position: relative; font-weight: 600; } 
.pro-tit-wr.underline { margin-bottom:3%; padding: 1.5% 0; border-bottom:1px solid #cccccc; } 
.pro-txt-gray-wr { background: #f6f6f6; padding: 3% 5%; text-align:center; border-radius: 10px; margin-bottom: 3%; } 
.pro-txt-gray-wr .txt { font-size: 1rem; color:#434343; word-break:keep-all; line-height: 1.8em; } 
.pro-maincont-wr { display:flex; } 
.pro-maincont-wr .img-box { width:600px; } 
.pro-maincont-wr .img-box .img-box-inner { width:100%; height:auto; padding: 2%; border: 1px solid #cccccc; box-shadow: 5px 5px 0px #dddddd; text-align: center; margin-bottom: 30px; } 
.pro-maincont-wr .img-box .img-box-inner img { max-width:100%; } 
.pro-maincont-wr .img-box .img-caption { font-size:1em; margin: 15px 0 10px; text-align:center; } 
.pro-maincont-wr .txt-box { width:calc(100% - 600px); padding: 0% 0 0 5%; } 
.pro-maincont-wr .txt-box p.tit { font-size: 1.15rem; font-weight: 600; margin: 40px 0 5px; padding-left: 10px; position: relative; } 
.pro-maincont-wr .txt-box p.tit:first-of-type { margin-top:0; } 
.pro-maincont-wr .txt-box p.tit:after { content:""; display:block; width: 3px; height: 16px; background:#e41e26; position:absolute; top: 7px; left:0; } 
.pro-maincont-wr .txt-box p.cont { font-size:1rem; color: #555555; padding-left: 20px; line-height: 1.8em; word-break: keep-all; } 
.pro-maincont-wr .txt-box p.cont b { margin-top: 8px; display:inline-block; } 
.pro-maincont-wr .txt-box .pro-txt-gray-wr { padding: 4% 6%; text-align:left; border-radius:3px; line-height:1.8em; margin-bottom: 10%; } 

.pro-maincont-wr.imgW350 { } 
.pro-maincont-wr.imgW350 .img-box { width:350px; } 
.pro-maincont-wr.imgW350 .img-box .img-box-inner { padding:0; box-shadow: none; } 
.pro-maincont-wr.imgW350 .txt-box { width: calc(100% - 350px); } 

.pro-maincont-wr.noimg { } 
.pro-maincont-wr.noimg .txt-box { width:100%; padding-left:0; } 

.pro-table { width:100%; height:auto; position:relative; margin: 30px 0; } 
.pro-table table { width: 100%; height:auto; } 
.pro-table table thead th { font-size: 1.05rem; font-weight: 400; padding: 12px; border-bottom: 1px solid #222222; background: #444444; color: #ffffff; word-break: keep-all; } 
.pro-table table tbody th { font-size:1rem; font-weight: 500; padding: 12px; width: 25%; border-bottom: 1px solid #cccccc; background: #fafafa; word-break: keep-all; } 
.pro-table table tbody td { font-size:1rem; color:#555555; padding: 12px; text-align: center; border-bottom: 1px solid #dddddd; word-break: keep-all; } 

.product .txt_box { margin-top: 20px; text-align:left; } 


/*=============== 제품소개 - 반응형 ===============*/

/* PC-Fullwrap (해상도 1520px) */
@media all and (min-width:1520px) { } 

/* PC-Wide (해상도 1200px ~ 1519px) */
@media all and (min-width:1200px) and (max-width:1519px) { } 

/* PC (해상도 1024px ~ 1199px)*/
@media all and (min-width:1024px) and (max-width:1199px) { } 
/* 테블릿 가로, 테블릿 세로 (해상도 768px ~ 1023px)*/
@media all and (min-width:768px) and (max-width:1023px){
 .product { padding: 0; } 
 .pro-depth.split2 ul { padding: 0; } 
 .pro-depth ul li a { padding: 5% 5%; } 
 .pro-depth ul li { padding: 0 5px; } 
 .pro-tit-wr .tit .sub-txt { display:block; margin-top: 4px; } 
 .pro-tit-wr .tit:after { top: 34px; left: 3px; } 
 .pro-tit-wr.underline .tit:after { top: 19px; left: 3px } 
 .pro-txt-gray-wr .txt { font-size: 0.9rem; } 

 .pro-maincont-wr { flex-wrap:wrap; } 
 .pro-maincont-wr .img-box { width: 100%; } 
 .pro-maincont-wr .txt-box { width: 100%; padding: 0 0 0 3%; } 
 .pro-depth ul { flex-wrap:wrap; } 
 .pro-depth.split4 ul li { width: 50%; margin-bottom: 3%; } 

 .pro-maincont-wr.imgW350 .img-box { width:100%; } 
 .pro-maincont-wr.imgW350 .img-box img { /* width: 100%; */ } 
 .pro-maincont-wr.imgW350 .txt-box { width:100%; } 
 .pro-maincont-wr .txt-box p.tit { margin-top:25px; } 
 .pro-tit-wr .tit { margin-top: 15px; padding-top:15px; line-height: 1.5em; } 
 .pro-maincont-wr.noimg .txt-box { padding: 0 0 0 3%; } 
 }

/* 모바일 가로, 모바일 세로 (해상도 480px ~ 767px)*/
@media all and (max-width:767px){
 .product { padding: 0; } 
 .pro-depth.split2 ul { padding: 0; } 
 .pro-depth ul li a { padding: 5% 5%; } 
 .pro-depth ul li { padding: 0 5px; } 
 .pro-tit-wr .tit .sub-txt { display:block; margin-top: 4px; } 
 .pro-tit-wr .tit:after { top: 34px; left: 3px; } 
 .pro-tit-wr.underline .tit:after { top: 56px; left: 3px; } 
 .pro-txt-gray-wr .txt { font-size: 0.9rem; } 

 .pro-maincont-wr { flex-wrap:wrap; } 
 .pro-maincont-wr .img-box { width: 100%; } 
 .pro-maincont-wr .txt-box { width: 100%; padding: 0 0 0 3%; } 
 .pro-depth ul { flex-wrap:wrap; } 
 .pro-depth.split4 ul li { width: 50%; margin-bottom: 3%; } 

 .pro-maincont-wr.imgW350 .img-box { width:100%; } 
 .pro-maincont-wr.imgW350 .img-box img { width: 100%; } 
 .pro-maincont-wr.imgW350 .txt-box { width:100%; } 
 .pro-maincont-wr .txt-box p.tit { margin-top:25px; } 
 .pro-tit-wr .tit { margin-top: 15px; padding-top:15px; line-height: 1.5em; } 
 .pro-maincont-wr.noimg .txt-box { padding: 0 0 0 3%; } 

 .pro-maincont-wr .img-box.long-img .img-box-inner { max-height: 340px; position: relative; /* height: 100%; */ } 
 .pro-maincont-wr .img-box.long-img .img-box-inner img { max-height: 323px; } 
 }


/* 게시판 공통 */
.pg-wrapper .cont-container.board { font-size: 14px; } 


/*=============== IR/PR센터 - IR정보 ===============*/

.irpr-center { } 
.irpr-depth { display:block; width:auto; height: auto; text-align:center; margin-bottom: 40px; } 
.irpr-depth ul { display:inline-block; width:auto; height:auto; } 
.irpr-depth ul li { display:block; width:auto; height: auto; float: left; max-width: 32%; margin-left: 10px; } 
.irpr-depth ul li a { display:block; width:auto; height: auto; padding: 15px 45px; color:#222222; background: #f9f9f9; border: 1px solid #dddddd; min-width: 230px; cursor: pointer; max-width: 100%; } 
.irpr-depth ul li:first-of-type { margin-left: 0; } 
.irpr-depth ul li.on a { background:#e41e26; border: 1px solid #e41e26; color:#ffffff; } 

.dart-topBox { display: block; width:100%; height: auto; padding: 2%; font-size: 1.4em; font-weight: 600; text-align:center; background:#f4f4f4; margin-bottom: 3%; border-radius: 3px; word-break: keep-all; } 
.dart-contBox { width:100%; max-width: 750px; height: auto; min-height: 460px; position: relative; margin: 0 auto; } 
.dart-contBox iframe { height: auto; min-height: 795px; } 

.stock-iframe { width: 1000px; height: 604px; overflow: hidden; margin: 0 auto; position: relative; } 
.stock-iframe iframe { position: absolute; top: -202px; overflow: hidden; width: 1300px; left: -150px; height: calc(100% + 100px); } 
.stock-container { width: 1200px!important; height: auto; margin: 0 auto; } 
.stock-gobtn { width: 100%; height: auto; text-align: center; margin-bottom: 60px; } 
.stock-gobtn a { display: inline-block; padding: 15px 81px; background: #e41e26; color: #ffffff; text-align: center; border-radius: 10px; font-size: 1.1em; letter-spacing: -0.3px; transition: all 0.2s ease; } 
.stock-gobtn a:hover { background: #c20c04; } 

/*=============== IR/PR센터 - IR정보 - 반응형 ===============*/

/* PC-Fullwrap (해상도 1520px) */
@media all and (min-width:1520px) { } 

/* PC-Wide (해상도 1200px ~ 1519px) */
@media all and (min-width:1200px) and (max-width:1519px) { } 

/* PC (해상도 1024px ~ 1199px)*/
@media all and (min-width:1024px) and (max-width:1199px) { } 
/* 테블릿 가로, 테블릿 세로 (해상도 768px ~ 1023px)*/
@media all and (min-width:768px) and (max-width:1023px) { } 

/* 모바일 가로, 모바일 세로 (해상도 480px ~ 767px)*/
@media all and (max-width:767px){
 .irpr-depth { margin-bottom: 0; } 
 .irpr-depth ul li a { min-width: 0; } 
 }

/*=============== 인재상/인재채용 ===============*/

.car1-top-wr { position:relative; } 
.car1-top-wr .img-background { width:100%; height:auto; } 
.car1-top-wr .img-background img { max-width:100%; } 
.car1-top-wr .caption { position:absolute; bottom: 10%; left: 7%; font-size: 3.8rem; font-weight: 500; color: #454545; } 

.car1-txt-wr { display: flex; justify-content:space-between; } 
.car1-txt-wr .txt-box { width:100%; padding: 50px 3%; margin: 50px auto 25px; border: 1px solid #eeeeee; border-top: 1px solid #666666; border-radius: 10px 0 10px; position: relative; } 
.car1-txt-wr .txt-box .tit { font-size:1.75em; font-weight: 800; display: inline-block; width: 24%; max-width: 315px; text-align: center; padding: 0 3%; } 
.car1-txt-wr .txt-box .cont { font-size:1rem; display: inline-block; width: 69%; padding: 0 3%; } 
.car1-txt-wr .right-box { width:60%; padding: 50px 3%; margin-top: 50px; border-top: 1px solid #cccccc; } 
.car1-txt-wr .right-box .cont { font-size:1em; } 
.car1-cont-wr { display:flex; justify-content:space-between; margin-top: 50px!important; } 
.car1-article { display:block; width: 24%; padding: 40px 30px; border: 1px solid #f9f9f9; box-shadow: 2px 2px 4px rgb(0 0 0 / 10%); } 
.car1-article .icon-box { width:83px; height:70px; display:table-cell; vertical-align: middle; text-align:center; } 
.car1-article .tit-box { margin: 25px 0; height: 104px; display: flex; flex-wrap: wrap; align-content: center; } 
.car1-article .tit-box .tit1 { font-size: 1.75em; font-weight: 600; word-break: keep-all; margin-bottom: 9px; display: block; width: 100%; } 
.car1-article .tit-box .tit2 { font-size: 1.15em; font-weight: 600; color:#e41e26; display: block; width: 100%; } 
.car1-article .cont-box { } 
.car1-article .cont-box .cont { font-size: 0.9em; color: #555555; position:relative; padding-left: 18px; margin-bottom: 8px; word-break: keep-all; } 
.car1-article .cont-box .cont .num { position:absolute; top: 0px; left:0; } 

/*=============== 인재상/인재채용 - 반응형 ===============*/

/* PC-Fullwrap (해상도 1520px) */
@media all and (min-width:1520px) { } 

/* PC-Wide (해상도 1200px ~ 1519px) */
@media all and (min-width:1200px) and (max-width:1519px) { } 

/* PC (해상도 1024px ~ 1199px)*/
@media all and (min-width:1024px) and (max-width:1199px) { } 
/* 테블릿 가로, 테블릿 세로 (해상도 768px ~ 1023px)*/
@media all and (min-width:768px) and (max-width:1023px) { } 

/* 모바일 가로, 모바일 세로 (해상도 480px ~ 767px)*/
@media all and (max-width:767px){
 .car1-top-wr .caption { font-size: 2em; } 
 .car1-txt-wr .txt-box { margin-top: 5%; padding: 5% 3%; } 
 .car1-txt-wr .txt-box .tit { width:100%; margin-bottom:3% } 
 .car1-txt-wr .txt-box .cont { width:100%; text-align:center; word-break:keep-all; } 
 .car1-cont-wr { flex-wrap:wrap; } 
 .car1-article { width: 100%; padding: 7% 8%; } 
 .car1-article .icon-box { } 
 .car1-article .tit-box { height: auto; margin: 15px 0 25px; } 
 .car1-article .tit-box .tit1 { margin-bottom: 5px; } 
 .car1-article .tit-box .tit2 { font-family: "Noto Sans KR", "dotum", sans-serif!important; } 
 .car1-article .cont-box .cont { margin-bottom: 5px; } 
 }

/*=============== 인사제도/인재채용 ===============*/

.car2-top-wr { height: auto; position: relative; } 
.car2-top-wr .img-background { width:100%; height: auto; } 
.car2-top-wr .img-background img { max-width:100%; } 
.car2-top-wr .tit-box { position: absolute; top: 50%; width: 100%; transform:translateY(-50%); } 
.car2-top-wr .tit-box p { font-size: 1.75em; color:#ffffff; font-weight: 500; text-align: center; line-height: 1.8em; text-shadow: 2px 2px 3px rgba(0,0,0,0.25); } 
.car2-top-wr .tit-box p .eng { font-size: 1.5em; font-weight: 600; } 
.car2-top-wr .tit-box p b { font-weight: 800; font-size: 1.1em; } 
.car2-img-wr { padding: 60px 0; text-align:center; position:relative; } 
.car2-img-wr img { max-width:100%; position:relative; z-index:1; } 
.car2-img-wr .car2-centerline { position: absolute; top: 50%; top:calc(50% - 1px); left:0; width:100%; height: 1px; background: #cccccc; z-index: 0; } 
.car2-subtit-wr { padding: 65px 0 50px; text-align:center; margin-top: 55px!important; border-top:1px solid #dddddd; } 
.car2-subtit-wr .subtit { font-size: 2.25rem; font-weight: 700; padding-bottom: 80px; position:relative; } 
.car2-subtit-wr .subtit:after { content:""; display:block; width:1px; height:40px; background: #bbbbbb; position:absolute; bottom: 20px; left:50%; } 
.car2-subtit-wr .txt { color: #454545; font-weight: 300; letter-spacing: -0.2px; line-height: 1.8em; } 

/*=============== 인사제도/인재채용 - 반응형 ===============*/

/* PC-Fullwrap (해상도 1520px) */
@media all and (min-width:1520px) { } 

/* PC-Wide (해상도 1200px ~ 1519px) */
@media all and (min-width:1200px) and (max-width:1519px) { } 

/* PC (해상도 1024px ~ 1199px)*/
@media all and (min-width:1024px) and (max-width:1199px) { } 
/* 테블릿 가로, 테블릿 세로 (해상도 768px ~ 1023px)*/
@media all and (min-width:768px) and (max-width:1023px) { } 

/* 모바일 가로, 모바일 세로 (해상도 480px ~ 767px)*/
@media all and (max-width:767px){
 .car2-top-wr .tit-box p { font-size: 1em; word-break: keep-all; font-weight:500 } 
 .car2-top-wr .tit-box p .eng { font-weight: 500; } 
 .car2-top-wr .tit-box p b { font-size:1em; font-weight:500; } 
 .car2-img-wr { padding: 10% 0; } 
 .car2-subtit-wr { padding: 5% 2% 0; margin-top: 20px!important; } 
 .car2-subtit-wr .subtit { font-size: 1.5rem; padding-bottom: 35px; } 
 .car2-subtit-wr .subtit:after { width:30px; height: 1px; transform: translateX(-52%); } 
 }

/*=============== 복지제도/인재채용 ===============*/

.car3-top-wr { border: 1px solid #666666; border-left: 0; border-right: 0; text-align:center; margin-bottom: 50px!important; } 
.car3-top-wr .txt { font-size:1.75em; font-weight: 800; line-height: 1.8em; padding:50px 10px; } 

.car3-cont-wr { display: flex; flex-wrap: wrap; } 
.car3-article { width: 100%; display: flex; border-bottom:1px solid #ddd; } 
.car3-article:first-child { border-top:2px solid #010101; } 
.car3-article .tit-box { width: 160px; background: #f4f4f4; display:flex; align-items: center; justify-content: center; } 
.car3-article .tit-box .tit { text-align: center; color: #343434; } 
.car3-article .icon-box { width: 140px; display:flex; align-items: center; justify-content: center; } 
.car3-article .icon-box img { width:35%; height:auto; } 
.car3-article .txt-box { padding: 30px 0; width: 80%; display:flex; align-items: center; flex-wrap: wrap; } 
.car3-article .txt-box .txt { font-weight:500; margin-bottom: 10px; line-height:1.6; width: 100%; } 
.car3-article .txt-box .txt.NanumSquare { line-height:1.6; margin-bottom: 0; } 

/*=============== 복지제도/인재채용 - 반응형 ===============*/
/* 테블릿 가로, 테블릿 세로 (해상도 768px ~ 1023px)*/
@media all and (min-width:768px) and (max-width:1023px){
 .car3-cont-wr.fourarticle { padding: 0; } 
 }

/* 모바일 가로, 모바일 세로 (해상도 480px ~ 767px)*/
@media all and (max-width:767px){
 .car3-top-wr .txt { padding: 5% 3%; font-size: 1.5em; word-break: keep-all; } 
 .car3-article { flex-wrap:wrap; font-size:15px; } 
 .car3-article .tit-box { width:100%; padding: 10px 0; } 
 .car3-article .icon-box { display: none; } 
 .car3-article .txt-box { width:100%; padding: 20px 20px; } 
 }


/*=============== 기업문화/인재채용 ===============*/

.car4-top-wr { text-align: center; } 
.car4-top-wr .txt1 { font-size: 2em; font-weight: 800; line-height: 1.8em; padding: 30px; margin-bottom: 30px; border-bottom: 1px dashed #cccccc; } 
.car4-top-wr .txt2 { font-size: 1.25em; line-height: 1.8em; letter-spacing: -0.2px; padding-bottom: 40px; margin-bottom: 30px; } 

.car4-cont-wr { } 
.car4-article { display:flex; margin-bottom: 50px; border: 1px solid #dddddd; box-shadow: 2px 2px 5px rgba(0,0,0,0.1); } 
.car4-article .img-box { display: block; width: 40%; border-right: 1px solid #dddddd; overflow: hidden; text-align: center; padding: 3% 4%; } 
.car4-article .img-box img { max-width: 100%; } 
.car4-article .txt-box { display: block; width: 60%; padding: 40px 50px; } 
.car4-article .txt-box .tit { font-size: 1.5em; font-weight: 700; margin-bottom: 20px; padding-bottom: 20px; padding-left: 30px; border-bottom: 1px solid #dddddd; position:relative; word-break: keep-all; } 
.car4-article .txt-box .tit:after { content:""; display:block; width:12px; height:12px; background: #ffffff; border: 4px solid #e42e26; position:absolute; top: 8px; left: 5px; transform: rotate(45deg); } 
.car4-article .txt-box .cont { font-size: 1.05em; color: #555555; font-weight: 300; margin-bottom: 15px; line-height: 1.8em; padding-left: 30px; word-break: keep-all; } 
.car4-article .txt-box .list { font-size: 1em; color: #555555; padding: 20px 30px; display: block; background: #f6f6f6; border-radius: 3px; } 
.car4-article .txt-box .list span { position:relative; display: inline-block; width: 100%; padding-left: 20px; line-height: 1.75em; word-break: keep-all; } 
.car4-article .txt-box .list span:before { display: block; content: ""; width: 4px; height: 4px; border-radius: 50%; background:#999999; position:absolute; top: 12px; left: 6px; } 

/*=============== 기업문화/인재채용 - 반응형 ===============*/

/* PC-Fullwrap (해상도 1520px) */
@media all and (min-width:1520px) { } 

/* PC-Wide (해상도 1200px ~ 1519px) */
@media all and (min-width:1200px) and (max-width:1519px) { } 

/* PC (해상도 1024px ~ 1199px)*/
@media all and (min-width:1024px) and (max-width:1199px) { } 
/* 테블릿 가로, 테블릿 세로 (해상도 768px ~ 1023px)*/
@media all and (min-width:768px) and (max-width:1023px) { } 

/* 모바일 가로, 모바일 세로 (해상도 480px ~ 767px)*/
@media all and (max-width:767px){
 .car4-top-wr .txt1 { padding: 5% 3%; font-size: 1.5em; margin-bottom: 5%; } 
 .car4-top-wr .txt2 { padding: 0 3% 5%; word-break: keep-all; } 
 .car4-article { flex-wrap:wrap; } 
 .car4-article .img-box { width:100%; border-right: 0; border-bottom: 1px solid #dddddd; padding: 5% 5%; } 
 .car4-article .txt-box { width:100%; padding: 7% 5%; } 
 .car4-article .txt-box .tit:after { top: 4px; } 
 }

/*=============== 채용안내/인재채용 ===============*/

.car5-img-wr { display:block; text-align:center; padding: 0 0 50px; } 
.car5-img-wr img { max-width:100%; } 
.car5-txt-wr { text-align: center; margin: 25px auto 75px!important; } 
.car5-txt-wr .tit { font-size:2em; font-weight: 700; margin-bottom: 20px; } 
.car5-txt-wr .txt1 { font-size:1em; color: #777777; margin-bottom:25px; } 
.car5-txt-wr .txt1 .centerline { text-decoration: line-through; } 
.car5-txt-wr .txt2 { font-size:1.2em; font-weight: 500; } 
.car5-txt-wr .txt2 .name { font-weight: 600; color:#e41e26; margin-right: 10px; } 
.car5-btn-wr { text-align:center; } 
.car5-btn-wr .btn-style2 { margin: 0 auto; max-width: 65%; width: 320px; } 
.car5-btn-wr .btn-style2 a { } 
.car5-btn-wr .btn-style2 a p { font-size: 1.15em; } 

/*=============== 채용안내/인재채용 - 반응형 ===============*/

/* PC-Fullwrap (해상도 1520px) */
@media all and (min-width:1520px) { } 

/* PC-Wide (해상도 1200px ~ 1519px) */
@media all and (min-width:1200px) and (max-width:1519px) { } 

/* PC (해상도 1024px ~ 1199px)*/
@media all and (min-width:1024px) and (max-width:1199px) { } 
/* 테블릿 가로, 테블릿 세로 (해상도 768px ~ 1023px)*/
@media all and (min-width:768px) and (max-width:1023px) { } 

/* 모바일 가로, 모바일 세로 (해상도 480px ~ 767px)*/
@media all and (max-width:767px){
 .car5-img-wr { padding: 0 15% 8%; } 
 .car5-txt-wr .tit { margin-bottom: 15px; } 
 .car5-txt-wr { margin: 15px auto 45px!important; } 
 }


/*=============== 개인정보처리방침 ===============*/
.p-select { width:100%; padding:20px 0; display:flex; justify-content:space-between; align-items:center; border-bottom:1px solid #ddd; } 
.p-select p { width:70%; } 
.p-select select { width:15%; padding:5px 10px; outline:none; border-color:#888; } 

.privacy { padding:50px 20px; word-break:keep-all; } 
.privacy .blind { position:absolute; width: 1px; height: 1px; overflow: hidden; margin: -1px; clip: rect(0, 0, 0, 0); } 
.privacy * { font-size: 18px !important; } 

.privacy-con { margin-top:60px; } 
.privacy-con:first-child { margin-top:0; } 

.privacy-con h3 { margin-bottom: 10px; font-size: 23px !important; } 
.privacy-con h4 { margin-bottom: 20px; } 
.privacy-con p { font-size:18px; padding-left:20px; margin-bottom:0; } 

.privacy-con ol { padding-left:20px; } 
.privacy-con ol li { list-style:none; margin:10px 0; } 
.privacy-con ol li ul { padding-left:12px; margin-bottom:20px; } 
.privacy-con ul { padding-left:20px; margin-top:20px; } 
.privacy-con ul li { margin:10px 0; position: relative; padding-left: 16px; } 
.privacy-con ul li::before { content:"-"; display:block; position: absolute; left:0; top:0; } 
.privacy-con .sub_list { padding-left:50px; } 
.privacy-con .sub_list li { font-size: 16px; line-height: 1.6; margin: 10px 0; list-style-type: decimal-leading-zero; } 
.privacy-con .sub_list li ol li { list-style-type: hangul; } 
.privacy-con .sub_list2 li { font-size: 16px; line-height: 1.6; margin: 10px 0; } 

.privacy-con table { width: 97%; position: relative; border-collapse: collapse; margin: 20px 0; font-size: 16px; } 
.privacy-con table.table3 { width: 94%; } 
.privacy-con table::before { content:" "; display: block; width: 100%; height: 1px; background-color: #000; position: absolute; top:0; } 
.privacy-con table th { background: #f6f6f6; text-align: center; padding: 10px 15px; border-bottom: 1px solid #eaeaea; border-right: 1px solid #eaeaea; } 
.privacy-con table td { text-align:center; padding: 10px 20px; border-bottom: 1px solid #eaeaea; border-right: 1px solid #eaeaea; } 
.privacy-con table th:last-child, .privacy-con table td:last-child { border-right: none; } 
.privacy-con .table1 th:first-child { width: 15%; } 
.privacy-con .table2 th:first-child { width: 40%; } 
.privacy-con .table3 th:first-child { width: 15%; } 
.privacy-con .table4 th:first-child { width: 20%; } 
.privacy-con .table5 th:first-child { width: 50%; } 

@media all and (max-width:767px){
 .p-select p { width:65%; } 
 .p-select select { width:20%; } 
 .pg-wrapper .cont-container.privacy { margin-bottom: 50px; } 
 }

@media all and (max-width:479px){
 .p-select { flex-wrap:wrap; } 
 .p-select p { width:100%; margin-bottom:10px; } 
 .p-select select { width:40%; } 
 .pg-wrapper .cont-container.privacy { margin-bottom: 0; } 
 .privacy { padding: 40px 0; } 
 .privacy * { font-size: 15px !important; } 
 .privacy .privacy-con { overflow-x: auto; margin-top: 40px; } 
 .privacy .privacy-con table { min-width:600px; } 
 }


/*=============== 영상정보운영관리지침 ===============*/
.video { font-size: 18px; } 
.video .video-con { margin-top:80px; } 

.video-con h4 { margin-bottom:20px; } 
.video-con p { padding-left:20px; } 

.video-con ol { padding-left:50px; } 
.video-con ol li { margin:10px 0; list-style-type:decimal-leading-zero; } 

.video-con ul { text-align: left; padding-left:20px; } 
.video-con ul li { margin:10px 0; position: relative; padding-left: 16px; } 
.video-con ul li::before { content:"-"; display:block; position: absolute; left:0; top:0; } 

.video-con .table_wrap { } 
.video-con .table_wrap table { width: 97%; position: relative; border-collapse: collapse; margin: 20px 0; font-size: 16px; } 
.video-con .table_wrap table::before { content:" "; display: block; width: 100%; height: 1px; background-color: #000; position: absolute; top:0; } 
.video-con .table_wrap table .blind { position:absolute; width: 1px; height: 1px; overflow: hidden; margin: -1px; clip: rect(0, 0, 0, 0); } 
.video-con .table_wrap table th { background: #f6f6f6; text-align: center; padding: 10px 15px; border-bottom: 1px solid #eaeaea; border-right: 1px solid #eaeaea; } 
.video-con .table_wrap table td { text-align:center; padding: 10px 20px; border-bottom: 1px solid #eaeaea; border-right: 1px solid #eaeaea; } 
.video-con .table_wrap table th:last-child, .video-con .table_wrap table td:last-child { border-right:none; } 
.video-con:nth-of-type(2) .table_wrap table tr:not(:nth-of-type(2)) td:last-child { border-right: 1px solid #eaeaea; } 
.video-con:nth-of-type(2) .table_wrap table th:nth-child(1), .video-con:nth-of-type(2) .table_wrap table th:nth-child(2) { width: 20%; } 

@media all and (max-width:767px){
 .pg-wrapper .cont-container.video { margin-bottom:60px; } 
 .video { font-size: 16px; } 
 .video .video-con { margin-top:40px; } 
 .video-con h4 { margin-bottom:16px; } 
 .video-con ul { padding-left:10px; } 
 }

@media all and (max-width:479px){
 .video { font-size: 15px; } 
 .video-con .table_wrap { overflow-x: auto; padding: 0 5px; } 
 .video-con .table_wrap table { min-width: 550px; margin:0 auto 10px; font-size: 15px; } 
 .video-con p { padding-left:5px; } 
 .video-con ol { padding-left:30px; } 
 .video-con ol li, .video-con ul li { margin:5px 0; } 
 }


/* 내방신청절차 */
.process_wrap { max-width: 1320px; width: 90%; margin: 0 auto; } 
.process_wrap ul { display: flex; justify-content: space-between; width: 70%; margin: 0 auto; } 
.process_wrap ul li { width: 48%; height: 60px; line-height: 60px; border: 1px solid #941215; border-radius: 5px; } 
.process_wrap ul li a { display: block; font-size: 18px; text-align: center; transition: all .3s; } 
.process_wrap ul li a:hover { background: #941215; color: #fff; } 

@media all and (max-width:1023px){
 .process_wrap ul { width: 90%; } 
 }
@media all and (max-width:767px){
 .process_wrap ul { flex-direction: column; } 
 .process_wrap ul li { width: 70%; margin: 0 auto 30px; } 
 .process_wrap ul li:last-child { margin-bottom: 0; } 
 }
@media all and (max-width:479px){
 .process_wrap ul li { width: 90%; height: 50px; line-height: 50px; } 
 .process_wrap ul li a { font-size: 16px; } 
 }