@charset "utf-8";

/* common [s] */
.no-data{display: -ms-flexbox; display: flex; align-items: center; justify-content: center; height: 16rem; border-radius: 2rem; border:.1rem solid #B7C0CF; margin-top:4rem}
.no-data p{font-size:1.6rem}

.box-radius{border-radius: 2rem; border:.1rem solid #D5DBE6; background-color: #fff;}
.box-radius.gray{border-radius: 2rem; border:0; background-color:#F7F7F7;}
.box-radius.gray.info{display: -ms-flexbox; display: flex; font-size:1.6rem;}
.box-radius.gray.info::before{content:""; display: block; width: 2.4rem; min-width: 2.4rem; height: 2.4rem; margin-right:.8rem; background: url(../../common/img/system/icon_24x24.png) no-repeat -35.2rem 0/ 77.6rem auto;}

.form-area .tit.requreid>span::after,.form-area .requreid-info .requreid::before{content: '*'; display:inline-block; width: .8rem; height: auto; color:#F23F3F; margin-left:.4rem}
.form-area .requreid-info{text-align:right; font-size: 1.6rem; margin-bottom:.4rem}
.form-area .requreid-info .requreid::after{display: none;}
.form-area .requreid-info .requreid::before{margin:0 .4rem 0 0}

.list-form{border-top:.2rem solid #222; border-bottom:.1rem solid #222}
.list-form>li{display: -ms-flexbox; display: flex; align-items: stretch; border-bottom:.1rem solid #B7C0CF}
.list-form>li:last-child{border-bottom:0}
.list-form>li>.tit,.list-form>li>.info{padding:1.6rem 1rem}
.list-form>li>.tit{background-color: #FAFAFD;; flex-basis: 10rem; min-width: 10rem; width: 10rem; display: -ms-flexbox; display: flex; align-items: center; font-size:1.6rem; font-weight: 600;}
.list-form>li>.info{flex:1}
.list-form>li>.info .selectbox,
.list-form>li>.info .form-input,
.list-form>li>.info .form-textarea,
.list-form>li>.info .form-textarea textarea{width: 100%; min-width: auto;}
.list-form>li>.info .selectbox + .selectbox{margin-top:.8rem}

.list-form.table{display: table; width: 100%; border-collapse:collapse; table-layout: fixed;}
.list-form.table>li{display: table-row;}
.list-form.table>li .tit{display: table-cell; vertical-align: middle; padding:1.6rem 0 1.6rem 1rem}

.list-bu>li, .list-hyphen>li, .txt-bu, .txt-hyphen{position: relative; padding-left:1.2rem; color:#878F9C; font-size:1.6rem;}
.list-bu>li::before,.list-hyphen>li::before, .txt-bu::before, .txt-hyphen::before{content:'';display: block; position: absolute; top:1rem; left:0;}
.list-bu>li::before, .txt-bu::before{width: .4rem; height: .4rem; border-radius:10rem; background-color: #878F9C;}
.list-hyphen>li::before, .txt-hyphen::before{content: '-'; top:0; font-size:1.4rem;}
.list-bu>li .list-hyphen>li {padding-left:.8rem;}

/* table */
.tbl-info{font-size:1.6rem; margin:3.2rem 0 1.6rem}
.tbl-info .sub{color:#878F9C;}
.tbl-basic{border-top:.2rem solid #222; border-bottom:.1rem solid #222;}
.tbl-basic thead{background-color:#FAFAFD;}
.tbl-basic th,.tbl-basic td{font-size:1.6rem; padding:1.6rem 0}
.tbl-basic thead th{font-weight:600; border-right:.1rem solid #B7C0CF}
.tbl-basic thead th:last-child{border-right: 0;}
.tbl-basic tbody tr{border-top:.1rem solid #B7C0CF}
.tbl-basic tbody th,.tbl-basic td{color:#464A4E; text-align: center; vertical-align: middle;}
.tbl-basic tbody th{font-weight: 600; vertical-align: middle;}
.tbl-basic tbody .left{text-align: left; padding-left:2.4rem;}

/* pdf download */
.txt-section + .pdf-area {margin-top:1.6rem}
.pdf-area .title-section + .box-radius.pdf,
.pdf-area .box-radius.pdf + .box-radius.pdf{margin-top:.8rem;}
.pdf-area .box-radius.pdf{padding:3rem;}
.pdf-area .box-radius.pdf .title{font-size:2rem; font-weight: 600; line-height: 3.2rem; margin-bottom:1.6rem}
.pdf-area .box-radius.pdf .btn-small.icon-download{min-width:13.4rem; width: calc(50% - .4rem); height: 3.2rem; padding:.5rem 0; font-size:1.4rem; font-weight: 600;}
.pdf-area .box-radius.pdf .btn-small.icon-download::after{width:1.6rem; height: 1.6rem; background: url(../../common/img/system/icon_16_download.png) no-repeat 0 0/1.6rem auto;}
.pdf-area .box-radius.pdf .btn-small.icon-download:hover::after{background: url(../../common/img/system/icon_16x16.png) no-repeat -3.6rem 0/11.4rem auto;}
.pdf-area .box-radius.pdf .icon-download + .icon-download{margin-left:.8rem;}
.pdf-area .box-radius.pdf .btn-area{display: -ms-flexbox; display: flex; align-items: center; justify-content: center;}

/* download round */
.btn-round.blue.icon-download{width: 4rem; height: 4rem; display: inline-flex; align-items: center; justify-content: center;}
.btn-round.blue.icon-download::after{content:''; display: block; width: 2.4rem; min-width: 2.4rem; height: 2.4rem; border-radius: 10rem;background-position: -39.6rem -4.6rem; margin:0;}

/* box radius type */
.type-radius .box-radius.gray{padding:5rem 1rem 1.6rem}
.type-radius .box-radius.gray .title-box,
.type-radius .box-radius.gray .txt,
.type-radius .box-radius.gray .title-sub{text-align: center;}
.type-radius .box-radius.gray>.box>.title-box{margin-top:5rem}
.type-radius .box-radius.gray>.box:first-child .title-box{margin-top:0}
.type-radius .box-radius.gray .title-box + .txt{font-size:1.4rem; color:#878F9C}
.type-radius .box-radius.gray .box-radius{padding:3rem; margin-top:2.4rem;}
.type-radius .box-radius.gray .title-sub{font-size:2rem; font-weight:600; margin-bottom:2rem;}
.type-radius .box-radius.gray .list-bu + .title-sub{border-top:.1rem solid #E7ECF3; margin-top: 3rem; padding-top: 3rem;}
.type-radius .box-radius.gray [class*='icon']::before{content:''; display: block; margin:0 auto 1.6rem; width:6.4rem; height: 6.4rem; background: url(../img/content/icon_esg.png) no-repeat 0 0/40.1rem auto;}

.type-radius .box-radius.type-lg.block .title-box{margin-top:0;}
.type-radius .box-radius.type-lg .tit-list{color:#464A4E; font-weight:600; font-size:1.6rem; margin-bottom:1rem}
.type-radius .box-radius.gray .list-bu + .tit-list{border-top:.1rem solid #E7ECF3; margin-top: 2rem; padding-top: 2rem;}

.type-radius .box-radius.type-sm .title-box{margin-top: 0;}
.type-radius .box-radius.type-sm .txt .br-txt{display: block;}
.type-radius .box-radius.type-sm .box-radius[class*='icon']{font-size:1.8rem; font-weight:600; text-align: center;}
.type-radius .box-radius.type-sm .box.flex{display:initial}
.type-radius .box-radius.type-sm .box-radius{margin-top:1.6rem;}
.type-radius .box-radius.type-sm .box-radius:first-child{margin-top:2.4rem;}
.type-radius .box-radius.type-sm .box-radius .sub{margin-top:.6rem; color:#878F9C; font-size:1.4rem; font-weight:400;}

/* box radius type blue */
.type-radius-blue .box-radius{padding:3rem; margin-top:1.6rem}
.type-radius-blue .box-radius:first-child{margin-top:0; }
.type-radius-blue .box-radius .title-m{color:#07439C; position: relative;}
.type-radius-blue .box-radius .title-m::before,
.type-radius-blue .box-radius .title-m::after{content:''; display: block;}
.type-radius-blue .box-radius .title-m::before{width: 8rem; min-width: 8rem; height: 8rem; margin-bottom:1.6rem; border-radius: 2rem; background-color: #F0F6FE;}
.type-radius-blue .box-radius .title-m::after{width: 3.6rem; height: 3.6rem; position: absolute; top:2.2rem; left: 2.2rem; background:url(../../common/img/content/icon_environment.png) no-repeat 0 0 / 16.5rem auto; }
.type-radius-blue .list-bu>li{margin-top:.4rem;}
.type-radius-blue .list-bu>li:first-child{margin-top:.6rem;}

/* diagram */
.diagram-area.type1{margin-top:1.6rem; padding:4rem 1rem}
.diagram-area.type1 .list-diagram>li{color:#fff; text-align: center; margin-top:.6rem}
.diagram-area.type1 .list-diagram>li:first-child{margin-top:0;}
.diagram-area.type1 .list-diagram>li::after {content:''; display: block; margin:0 auto; width:1.2rem; height: 2.4rem; background: url(../img/content/bg_diagram_arr.png) no-repeat 0 -.9rem/auto 3.3rem;}
.diagram-area.type1 .list-diagram>li:last-child::after{display: none;}
.diagram-area.type1 .list-diagram>li>*{display: block; padding:1rem 0}
.diagram-area.type1 .list-diagram>li>.tit{border-radius: 2rem 2rem 0 0;}
.diagram-area.type1 .list-diagram>li>.txt{border:.1rem solid #D5DBE6; border-top:0; border-radius: 0 0 2rem 2rem; background-color: #fff; color:#464A4E}

/* layer popup */
.layer-popup-wrap{position: fixed; bottom:-100%; z-index: 101;}
.layer-popup-wrap .layer-popup{width: 100%; height: 100%; position: fixed; bottom:0; left: 0; transform: translateY(100%); transition: all .4s ease-in-out;}
.layer-popup-wrap.block{bottom:0;}
.layer-popup-wrap.block .layer-popup{transform: translateY(0);}
.layer-popup{overflow-x: hidden; overflow-y: auto; max-height:100%;}
.layer-popup .layer-header{background-color:#222; padding:1.4rem 2rem; color:#fff; position: relative;}
.layer-popup .layer-header .btn-close{width:2.4rem; height: 2.4rem; padding:0; background: url(../../common/img/system/icon_24x24.png) no-repeat -48.4rem -4.6rem/77.6rem auto; position:absolute; top:1.9rem; right:2rem;}
.layer-popup .layer-header .title{font-size:2.4rem; font-weight:600; padding-right:3rem; line-height: 3.4rem;}
.layer-popup-wrap .layer-desc{background-color: #fff;}

/* search */
.box-radius.search-area{padding:2.4rem 2rem; margin-top:4rem}
.box-radius.search-area .selectbox, .box-radius.search-area .form-input {width: 100%;}
.box-radius.search-area .form-input{margin-top:.8rem}

/* list card */
.list-card{margin-top:2.4rem;}
.list-card>li{position: relative;  margin-top:1.6rem;}
.list-card>li>a:not([class*='btn-']){padding:2.4rem; height:16.4rem; display: flex; display: -ms-flexbox; flex-direction: column; -ms-flex-direction: column;}
.list-card>li .label{font-size:1.4rem; font-weight:600; color:#0958CE; display: block; margin-bottom:.8rem;}
.list-card>li .tit{font-size:1.8rem; line-height: 2.8rem;}
.list-card>li .date,
.list-card>li .info{font-size:1.4rem; margin-top:auto;}
.list-card>li .name{display:block; font-weight:600}
.list-card>li .btn-round.icon-download{position: absolute; right:2.4rem; bottom:2.4rem; width:4rem; height:4rem;}

/* list line */
.list-bg-line{border-top:.2rem solid #000; border-bottom:.1rem solid #000; margin-top:1.8rem;}
.list-bg-line>li{padding:2rem;}
.list-bg-line>li:nth-child(odd){background-color:#FAFAFD;}
.list-bg-line .num{margin-right:.4rem;}

.list-step{display:flex; display: -ms-flexbox; align-items: center; flex-wrap: wrap; -ms-flex-wrap: wrap;}
.list-step>li{border:.1rem solid #D5DBE6; border-radius:3rem; padding:3rem 0; text-align: center;}
.list-step>li::after{content:''; display: block; margin:auto auto 0; width:6.4rem; height:6.4rem; border-radius:2rem;}
.list-step .step{display:inline-block; background-color: #76ABF9; border-radius:2rem; padding:0 1rem; height:2.2rem; font-size:1.4rem; color:#fff; font-weight:600; line-height:2.2rem; text-transform: uppercase;}
.list-step .tit{display: block; font-size:1.8rem; font-weight:600; margin-top:.8rem;}
.list-step .sub{font-size:1.4rem; color:#878F9C;}

/* list thumbnail */
.list-thumbnail>li{overflow: hidden; margin-top:1.6rem;}
.list-thumbnail .thumbnail{display: block; position: relative; width: 100%; padding-bottom: 65.85%;}
.list-thumbnail .thumbnail img{position: absolute; width: 100%; height: 100%; object-fit: cover;}
.list-thumbnail .box{padding:2rem 2.4rem 2.4rem}
.list-thumbnail .box>.tit{font-size:2rem; font-weight:600; display: block; margin-bottom:2rem;}
.list-thumbnail .list-bu>li{display: flex; margin-top:.4rem;}
.list-thumbnail .list-bu>li:first-child{margin-top:0;}

/* details */
.news-notice-area .title-area {border-top:.2rem solid #222; border-bottom:.1rem solid #B7C0CF; padding:2rem 0; margin-top:4rem;}
.news-notice-area .title-area .title-box{margin:0;}
.news-notice-area .title-area .date{font-size:1.6rem; display: block; margin-top:1.2rem;}
.news-notice-area .details-area{font-size: 1.6rem; padding:2.4rem 0}
.news-notice-area .details-area + .btn-area{border-top:.1rem solid #B7C0CF;}
.news-notice-area .btn-area{text-align: center; width: 100%; padding-top:4.8rem;}
.news-notice-area .btn-area button{width: 100%;}

.news-notice-area .box-radius.file-download{background-color:#F0F3FA; padding:1.6rem 2rem; margin-bottom:2rem; border:0;}
.news-notice-area .file-download{display: flex; display: -ms-flexbox; align-items: center;}
.news-notice-area .file-download .tit{margin-right:1.6rem;}
.news-notice-area .file-download .file{font-size: 1.6rem;}
.news-notice-area .file-download .file::before{content:''; display: inline-block; vertical-align: middle; margin-right:.8rem; width: 3.2rem; height: 3.2rem; background: url(../img/system/icon_32x32.png) no-repeat -57.2rem 0/60.4rem auto;}

.news-notice-area .page-link{border-top:.1rem solid #B7C0CF; border-bottom:.1rem solid #B7C0CF}
.news-notice-area .page-link>a{display: -ms-flexbox; display: flex; align-items: center; padding:2rem 0}
.news-notice-area .page-link>a.page-next{border-top:.1rem solid #B7C0CF;}
.news-notice-area .page-link .label{min-width: 4.2rem; font-size:1.6rem}
.news-notice-area .page-link .page{color:#464A4E; width: 90%; font-size:1.6rem}
.news-notice-area .page-link .page::before{content:''; display: inline-block; vertical-align: middle; width: 2.4rem; height: 2.4rem; margin:0 2.4rem; background: url(../../common/img/system/icon_24x24.png) no-repeat -44rem 0/ 77.6rem auto; transform: rotate(180deg);}
.news-notice-area .page-link .page-next .page::before{transform: rotate(0);}

.news-notice-area .page-link .no-list{pointer-events: none;}
.news-notice-area .page-link .no-list .page{color:#878F9C}
.news-notice-area .page-link .no-list .page::before{background-position: -48.4rem 0}


/* content [s] */
/* main */
.content.main .btn-large.white{background-color: transparent; border-color: #fff; color:#fff; height: 5.2rem; padding:1.4rem 3.2rem; font-size:1.6rem;}
.content.main .btn-large.white::after{background-position: -8.8rem -4.6rem;}
.content.main .btn-large.icon-download::after{background-position:  -39.6rem -4.6rem}
.content.main [class*="visual"]{position: relative; height: 100vh; height: 100dvh; height: calc(var(--vh, 1vh) * 100); text-align: center; color:#fff;}

.content.main .section{scroll-snap-type: y mandatory;}
.content.main .section .title{font-size:4rem; line-height:4.8rem; font-weight:700; text-align: center; margin-bottom:1.6rem;}
.content.main .section>.txt,
.content.main .section>.inner>.txt{font-weight:600; text-align: center; color:#fff; font-size:1.6rem;}
.content.main .section .br-mo{display: block;}

.content.main .visual-wrapper{position: relative;}
.content.main .visual-wrapper .video-dim,
.content.main .visual-wrapper .video-cover{width: 100%; height: 100%; position: absolute; top:0; left: 50%; transform: translateX(-50%); z-index:1; will-change: transform; backface-visibility: hidden; pointer-events: none;}

.content.main .visual-wrapper .video{max-width: none; width: 100%; height: 100%; object-fit: cover; transform: translateZ(0); pointer-events: none;}
.content.main .visual-wrapper .btn-large.white.icon-next{position:absolute; bottom:6rem; left: 50%; transform: translateX(-50%); z-index: 3;}
.content.main .visual-wrapper .video-dim{z-index: 2;}

.content.main .product{padding:8rem 2rem 12.6rem; overflow: hidden; background-color: #fff;}
.content.main .product .txt{color:#000;}
.content.main .product .search-area .form-input.search{width:100%; margin:3.2rem 0 4rem;}
.content.main .product .category-area{overflow:visible}
.content.main .product .category-area .list-product li{margin-top:0; width: 33.5rem; height: 46rem; padding:3.2rem 2.4rem;}
.content.main .product .category-area .list-product .name{font-size:4.2rem; line-height: 5rem;}
.content.main .product .category-area .list-product .txt{font-size:1.6rem; font-weight: 400; margin-top:2.4rem; display: none; letter-spacing: -0.01rem; position: relative; z-index: 1;}
.content.main .product .category-area .list-product .thumbnail{width: 28.7rem; height: auto; right: 2.4rem; bottom:3.2rem;}

.content.main .product .category-area .swiper-slide .btn-trans{color:#000}
.content.main .product .category-area .swiper-slide .btn-trans.icon-veiw-details::after{background-position: -57.2rem -4.6rem;}
.content.main .product .category-area .swiper-slide-active{background: linear-gradient(153deg, #0E44C5 2.34%, #76ABF9 99.03%), linear-gradient(153deg, #0E44C5 2.34%, #2A66F6 99.03%); color:#fff; border-color: transparent; }
.content.main .product .category-area .swiper-slide-active .txt{color:#fff; display: block;}
.content.main .product .category-area .swiper-slide-active .btn-trans.icon-veiw-details{color: #fff;}
.content.main .product .category-area .swiper-slide-active .btn-trans.icon-veiw-details::after{background-position: -61.6rem -4.6rem;}

.content.main .product .category-area .swiper-scrollbar{background:#B7C0CF; height: .1rem; width: calc(100% - 5.5rem - 1.7rem); top:auto; bottom:-3.4rem;}
.content.main .product .category-area .swiper-scrollbar-drag{width:3rem; height:.5rem; border:3rem; background: #222; top:-.2rem}
.content.main .product .category-area .swiper-pagination{font-size:1.4rem; width:4.7rem; height:2.2rem; line-height:2.2rem; top:auto; left:auto; bottom:-4.6rem; right:0;   }
.content.main .product .category-area .swiper-pagination-current{color:#0958CE; font-weight:600;}

.content.main .sustainability{height: 61.1rem; position: relative; transition: all 1s ease;}
.content.main .sustainability .inner{ width:100%; text-align: center; position: absolute;}
.content.main .sustainability .inner.small{top:0; left:0; z-index: -1;}
.content.main .sustainability .inner.small .title{color:#0958CE; font-size:2.2rem; font-weight:600; line-height: 3rem; margin-bottom:1.6rem;}
.content.main .sustainability .inner.small .txt{font-size:4rem; color:#000; line-height: 4.8rem; font-weight:700;}

.content.main .sustainability .inner.small.off .title,
.content.main .sustainability .inner.small.off .txt{transition: all .5s ease}
.content.main .sustainability .inner.small.off .title{opacity: 0;}
.content.main .sustainability .inner.small.off .txt{opacity: 0;}

.content.main .sustainability .inner.small.on .title{opacity: 1; transition: all 1s ease-in-out}
.content.main .sustainability .inner.small.on .txt{opacity: 1; transition: all .8s ease-in-out}

.content.main .sustainability .inner.full{top:50%; transform: translateY(-50%); z-index: -1;}
.content.main .sustainability .inner.full .title{font-size:4rem; color:#fff; font-weight:700; line-height: 4.8rem; margin-bottom:1.6rem;}
.content.main .sustainability .inner.full .txt{color:#fff; font-size:1.6rem; font-weight: 600; line-height: 2.5rem;}
.content.main .sustainability .inner.full .btn-large{margin-top:6rem;}

.content.main .sustainability .inner.full.on{z-index: 1;}
.content.main .sustainability .inner.full.on .title{transform: scale(1); opacity: 1; transition: all 1s cubic-bezier(0.175, 0.885, 0.32, 1.275)}
.content.main .sustainability .inner.full.on .txt{transform: scale(1); opacity: 1; transition:all 1s .6s ease}
.content.main .sustainability .inner.full.on .btn-large{transform: scale(1); opacity: 1; transition:all 1.2s .8s ease}

.content.main .sustainability .inner.full.off .title,
.content.main .sustainability .inner.full.off .txt,
.content.main .sustainability .inner.full.off .btn-large{opacity:0; transition:all .5s ease-in-out; transform: scale(0);}

.content.main .sustainability .full-img{background: url(../img/content/main/img_sustainability.png) no-repeat 50% 0 / cover; width: 15.8rem; height: 22rem; position: absolute; top: 27.1rem; left: 50%; transform: translateX(-50%); z-index: -1; transition: all 2s cubic-bezier(0.175, 0.885, 0.32, 1.275)}
.content.main .sustainability.full{height: 100vh; height: 100dvh; height: calc(var(--vh, 1vh) * 100); display: flex; display: -ms-flexbox; align-items: center; justify-content: center;}
.content.main .sustainability.full .full-img{width: 100%; height:100%; top:0; margin:0; transition: all 2.5s ease-in-out}

.content.main .visual.global{padding:7.8rem 2rem; height: 76.8rem; background: url(../img/content/main/img_global.png) no-repeat 50% 0/cover}
.content.main .visual.global .count-area{margin-top:3.2rem;}
.content.main .visual.global .count-area .item{background-color: rgba(255, 255, 255, 0.15); backdrop-filter: blur(15px); -webkit-backdrop-filter: blur(15px); border-radius: 2rem; padding:2rem 2.4rem; height: 13.2rem; margin-top:.8rem; display: flex; display: -ms-flexbox; flex-direction: column; -ms-flex-direction: column;}
.content.main .visual.global .count-area .item:first-child{margin-top:0;}
.content.main .visual.global .count-area .tit{font-size:1.4rem; font-weight:600; text-align: left; margin-bottom:1.2rem;}
.content.main .visual.global .count-area .counter{font-size:4.8rem; font-weight:300; line-height:5.8rem;}
.content.main .visual.global .count-area .box{display: flex; display: -ms-flexbox; align-items: end; justify-content: space-between; height: 5.8rem; margin-top:auto;}
.content.main .visual.global .count-area .box .txt{font-size:1.4rem;}
.content.main .visual.global .count-area .box .txt>*{display: block;}
.content.main .visual.global .count-area .box .unit{text-align: right;}


.content.main .section.qna .download .box{background-color: #052E6B; color:#fff; text-align: center; padding:3.2rem 0;}
.content.main .section.qna .download .box:last-child{background-color: #0958CE;}
.content.main .section.qna .download .box .tit{font-size:2.4rem; font-weight:600; line-height:4.5rem;}
.content.main .section.qna .download .box .txt{font-weight:600; display: block; margin: .4rem 0 2rem;}

.content.main .section.qna .visual.qna{background: url(../img/content/main/img_qna.png) no-repeat 50% 0 / cover; display: flex; display: -ms-flexbox; align-items: center; justify-content: center;}
.content.main .section.qna .visual.qna .inner{text-align: center;}
.content.main .section.qna .visual.qna .txt{margin:1.6rem 0 6rem}

/* 개인정보처리방침 */
.privacy-cont .br-mo{display: block;}
.privacy-cont .title{font-size:2rem; line-height: 3.2rem; font-weight:600; margin-top:4rem;}
.privacy-cont p, .privacy-cont li{font-size:1.6rem; }
.privacy-cont .box-radius.gray{margin:2rem 0 6rem; padding:2.4rem 2rem}
.privacy-cont .title-section{margin-bottom: 2rem; font-size:2.4rem}
.privacy-cont .title-section.first{margin-top:4rem;}
.privacy-cont .title-section.top-line,
.privacy-cont .form-select-area{border-top:.1rem solid #D5DBE6; margin-top:4.8rem; padding-top:4.8rem;}
.privacy-cont .section-desc + .tbl-basic,
.privacy-cont .sub-desc + .tbl-basic{margin-top:3.2rem;}
.privacy-cont .tbl-basic th,
.privacy-cont .tbl-basic td{vertical-align: middle; padding:1.6rem 1rem}
.privacy-cont .tbl-basic.line-type td{border-left:.1rem solid #B7C0CF}
.privacy-cont .tbl-basic.line-type td.no-line{border-left:0;}

.privacy-cont .list-bu,
.privacy-cont .title-sub + .sub-desc{margin-left:2.4rem;}
.privacy-cont .list-bu li:first-child{margin-top:0}
.privacy-cont .list-bu li{color:#000;}
.privacy-cont .list-bu li::before{background-color:#000}
.privacy-cont .box-radius.gray + .title-section{margin-top:0;}
.privacy-cont .title-sub{font-size:1.8rem; font-weight:600; margin:3.2rem 0 1.6rem; display: flex; display: -ms-flexbox; }
.privacy-cont .title-sub>span{min-width: 2.4rem; width: 2.4rem;}
.privacy-cont .box-radius.gray .list-bu{margin-left:0;}
.privacy-cont .box-radius.gray .list-bu li{margin-top:1.6rem}
.privacy-cont .sub-desc>span,
.privacy-cont .section-desc>span{display: block; margin-top:1.6rem;}
.privacy-cont .sub-desc + .list-bu{margin-top:.8rem}
.privacy-cont .tbl-basic + .sub-desc{margin-top:1.6rem}
.privacy-cont .list-number>li{font-size:1.8rem; font-weight:600;}

.privacy-cont .form-select-area .current{font-size:1.6rem; font-weight:600;}
.privacy-cont .form-select-area .selectbox{width:100%; margin-top:2rem}

/* 이메일무단수신거부 */
.layer-popup-wrap.email-pop{width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.50); }
.layer-popup-wrap.email-pop .layer-popup{max-width:90%; height:48.4rem; border-radius: 2rem; box-shadow: 0 1rem 1rem 0 rgba(0, 0, 0, 0.10); left:50%; bottom:0; transform: translate(-50%, 100%); overflow: hidden;}
.layer-popup-wrap.email-pop.block .layer-popup{bottom:50%; transform: translate(-50%, 50%);}
.layer-popup-wrap.email-pop .layer-popup .layer-header{padding:1.4rem 2.4rem; line-height: 3rem;}
.layer-popup-wrap.email-pop .layer-desc {padding:4rem 2.4rem; font-size:1.6rem; overflow: hidden;}
.layer-popup-wrap.email-pop .layer-desc .txt{text-align: center;}
.layer-popup-wrap.email-pop .layer-desc .txt::before{content:''; display: block; margin:0 auto 3.2rem; width: 18rem; height:12rem; background: url(../../common/img/content/icon_etc.png) no-repeat 0 0/64rem auto;}
.layer-popup-wrap.email-pop .layer-desc .box-radius.gray{padding:1.2rem 0; font-size:1.6rem; font-weight:600; text-align:center; margin:2.4rem auto 0; width:100%; height:5rem;}
.layer-popup-wrap.email-pop .layer-desc .box-radius.gray .tit{margin-right:1.2rem}

/* 영상정보처리기기 운영·관리방침 */
.privacy-cont.image-proce .scroll-tbl{margin:4rem -2rem 0; padding:0 2rem; overflow-x: auto;}
.privacy-cont.image-proce .scroll-tbl .tbl-basic{width: 128rem;}
.privacy-cont.image-proce .list-bu{margin-left:0}
.privacy-cont.image-proce .section-desc + .list-bu{margin-top:.8rem}
.privacy-cont.image-proce .title-section + .list-bu{margin:0 0 4rem 0}
.privacy-cont.image-proce .section-desc + .tbl-basic{margin-top:4rem}

/* 오류안내 페이지 */
.wrapper.error .wrap-gnb,
.wrapper.error .util-area,
.wrapper.error .wrap-breadcrumb{display: none;}
.error-cont{padding-top:6rem; text-align: center;}
.error-cont .title{font-size:2.4rem; font-weight:600; line-height:3.3rem}
.error-cont .title::before{content:''; display: block; width:18rem; height:12rem; margin:0 auto 2rem; background: url(../../common/img/content/icon_etc.png) no-repeat -46rem 0/64rem auto;}
.error-cont .txt{margin:2rem 0 4.8rem; font-size:1.6rem;}
.error-cont .txt .br-mo{display: block;}
.error-cont .btn-large.blue{width:100%;}

/* 제품 */
.product-cont .br-mo,.product-cont .br-txt{display: block;}
.product-cont .summary-cont .info {padding-left:1.6rem; position:relative; font-size:1.6rem; line-height:2.5rem; font-weight:400;}
.product-cont .summary-cont .info::after {content:''; display:block; width:.4rem; height:100%; background-color: #222; position:absolute; left:0; top:0;}
.product-cont .summary-cont .info .in-txt{word-break: keep-all;}
.product-cont .summary-cont .btn-large{width:100%; margin-top:2.4rem }
.product-cont .category-area,
.product-cont .product-area{margin-top:4rem;}

/* 제품 카테고리 */
.category-area .list-product li{padding:3.2rem 3.2rem 2.4rem; position:relative; height:30rem; border-radius:2rem; overflow: hidden; margin-top:1.6rem; position: relative;}
.category-area .list-product li::after{content:''; display: block; width: 100%; height: 100%; border:.1rem solid #b7c0cf; position: absolute; top:0; left: 0; z-index: -1; border-radius: 2rem;}
.category-area .list-product li>a{display: -ms-flexbox; display: flex; flex-direction: column; -ms-flex-direction: column; height: 100%;}
.category-area .list-product li:first-child{margin-top:0;}
.category-area .list-product .name{font-size:3.2rem; font-weight:300; line-height:3.8rem; position:relative; z-index:1}
.category-area .list-product .name .br-txt{display: block;}
.category-area .list-product .thumbnail{display: block; width: 25rem; height: 23.5rem; position: absolute; right: 0; bottom:0;}
.category-area .list-product .btn-trans.icon-veiw-details{display: -ms-flexbox; display: flex; align-items: center; justify-content: left; margin-top:auto;}
.category-area .list-product.no-link li{background:#F7F7F7; padding:0; height: 24.5rem;}
.category-area .list-product.no-link .thumbnail{width: 100%; height: 100%; position: static;}
.category-area .list-product.no-link .thumbnail img{margin:0 auto; max-width: none; height: 100%;}

/* 제품 목록 */
.product-cont.list .btn-large.icon-plus::after{background-position: -26.4rem -4.6rem;}
.product-cont.list .btn-large.icon-plus:hover::after{background-position-x:-30.8rem;}
.product-area .item-summary{background-color: #F0F3FA; border:.1rem solid #B7C0CF; border-radius:2rem; padding:2.4rem;}
.product-area .item-summary + .item-summary{margin-top:1.6rem}
.product-area .item-summary .name{font-size:2rem; font-weight:600;}
.product-area .item-summary .thumbnail{border-radius: 1.6rem; border: 1px solid #D5DBE6; background: #FFF; display: block; margin:1.6rem 0; overflow: hidden; height:15.2rem;}
.product-area .item-summary .thumbnail img{width: 100%; height: 100%; object-fit: contain; margin:0 auto;}
.product-area .list-info dt{font-weight:600; font-size:1.6rem;}
.product-area .list-info dd{font-size:1.6rem; color:#464A4E; margin-top:.4rem;}
.product-area .list-info dd + dt{margin-top:1.2rem}
.product-area .item-summary .btn-large{width: 100%; margin-top:2.4rem;}

/* 제품 검색 팝업 */
[class*="layer-"].product-search .layer-header{height: 8.4rem;}
[class*="layer-"].product-search .layer-header .total{font-size:1.6rem;}
[class*="layer-"].product-search .layer-header .title{padding-right:0}
[class*="layer-"].product-search .layer-desc{min-height: calc(100% - 8.4rem)}
[class*="layer-"].product-search .result-area{background-color: #F7F7F7; position: relative;}
[class*="layer-"].product-search .result-area .btn-reset.icon-reset{position: absolute; bottom:1.6rem; right:2.4rem;}
[class*="layer-"].product-search .result-area .btn-reset.icon-reset::after{margin:0; background-position: -44rem -4.6rem; position: absolute; bottom:0; right:0;}
[class*="layer-"].product-search .list-result{display: flex; flex-wrap: wrap; -ms-flex-wrap: wrap; align-items: center; padding:.8rem 2rem; min-height:9.2rem;}
[class*="layer-"].product-search .list-result>li{display: flex; display: -ms-flexbox; align-items: center; margin:.8rem 2.4rem .8rem 0; cursor: pointer; font-size:1.4rem;} 
[class*="layer-"].product-search .list-result>li:last-child{margin-right:4.4rem}
[class*="layer-"].product-search .list-result .icon-close{width:1.6rem; height:1.6rem; background: url(../../common/img/system/icon_16x16.png) no-repeat 0 0/11.4rem auto; margin-left:.8rem;}
[class*="layer-"].product-search .selected-area{padding:2rem 2rem 6rem}
[class*="layer-"].product-search .selected-area .title{font-size:1.8rem; font-weight:600; padding-bottom:.4rem; border-bottom: .2rem solid #000; margin-bottom:2rem;}
[class*="layer-"].product-search .btn-large.icon-search{width:100%; margin-top:2rem;}
[class*="layer-"].product-search .btn-large.icon-search::after{background-position:-26.4rem 0;}

.accordion-area.feature{margin-bottom:4.8rem; padding-bottom:2rem; border-bottom:.1rem solid #D5DBE6;}
.accordion-area.feature .accordion{border:0; margin-top:2rem; padding:0;}
.accordion-area.feature .btn-summary{font-size:1.6rem; font-weight:600;}
.accordion-area.feature .btn-summary::after{width:3.2rem; height:3.2rem; background: url(../../common/img/system/icon_32x32.png) no-repeat -52rem 0/60.4rem auto;}
.accordion-area.feature .accordion.active .btn-summary::after{width:3.2rem; height:3.2rem; background: url(../../common/img/system/icon_32x32.png) no-repeat -46.8rem 0/60.4rem auto; margin-right:0;}

.accordion-area.feature .content-area .box-radius.gray{padding:2rem; margin-top:2rem; background-color: #F0F3FA; border-radius: 1.6rem;}
.accordion-area.feature .content-area .form-area{display: flex; display: -ms-flexbox; align-items: center; flex-wrap: wrap; -ms-flex-wrap: wrap;}
.accordion-area.feature .content-area .form-select.checkbox{width:50%; margin-top:2rem}
.accordion-area.feature .content-area .form-select.checkbox:nth-child(-n+2){margin-top:0;}
.accordion-area.feature .content-area .form-select.checkbox .label{color:#000}
.accordion-area.feature .content-area .form-select.checkbox .label::before{margin-right:.8rem; color:#000}
.accordion-area.feature .accordion.active .btn-summary{color:#0958CE; text-decoration: underline;}

[class*="layer-"].product-search .select-area .selectbox{width: 100%;}
[class*="layer-"].product-search .select-area .selectbox+.selectbox{margin-top:1.6rem;}

/* 제품 상세 */
.product-details-area{border-top:.2rem solid #222; border-bottom:.1rem solid #222; padding:3.2rem 0}
.product-info .thumbnail{border-radius:1.6rem; border: 1px solid #B7C0CF; background-color: #fff; height: 21.4rem; overflow: hidden; display: flex; display: -ms-flexbox; align-items: center; justify-content: center;} 
.product-info .thumbnail img{width: 100%; height: 100%; object-fit: contain; max-width: none;}
.product-info .category{display: flex; display: -ms-flexbox; align-items: center; flex-wrap: wrap; -ms-flex-wrap: wrap; margin:1.6rem 0;}
.product-info .category>a{display: inline-block; border-radius: 3.2rem; padding:.4rem 2rem; margin:.8rem 3.2rem 0 0; background-color: #FAFAFD; border:.1rem solid #D5DBE6; font-size:1.4rem; color:#464A4E; position:relative; pointer-events: none;}
.product-info .category>a::after{content:''; display: inline-block; vertical-align: middle; width: 2.4rem; height: 2.4rem; background: url(../../common/img/system/icon_24x24.png) no-repeat -66rem -4.6rem/77.6rem auto; position:absolute; top:0; bottom:0; right:-2.9rem; margin:auto 0;}
.product-info .category>a:last-child{margin-right:0;}
.product-info .category>a:last-child::after{display: none;}

.product-info .title-l{font-size:2.4rem; line-height: 3.3rem;}
.product-info .list-info{border-top:.1rem solid #D5DBE6; margin:3.2rem 0}
.product-info .list-info dl{border-bottom:.1rem solid #D5DBE6; display: flex; display: -ms-flexbox; padding:1.6rem 0; font-size:1.6rem;}
.product-info .list-info dt{font-weight:600; width: 11rem; min-width:11rem;}
.product-info .list-info dd .btn-area{margin:-.4rem; display: flex; display: -ms-flexbox; flex-wrap: wrap; -ms-flex-wrap: wrap;}
.product-info .list-info dd .btn-micro{padding:.5rem 1.6rem; margin:.4rem}

.product-question .selectbox{width: 100%;}
.product-question .btn-area{display: none;}

.product-details{border-radius: 2rem; border:.1rem solid #B7C0CF; padding:2rem; margin:4.8rem 0;}
.product-details .box{padding-bottom:2rem; margin-bottom: 2rem; border-bottom:.1rem solid #D5DBE6;}
.product-details .box:last-child{padding-bottom:0; margin-bottom:0; border-bottom:0;}
.product-details .box .tit{font-weight: 600; font-size:2rem; color:#0958CE; margin-bottom:1.6rem;}
.product-details .box .info dl{display: flex; display: -ms-flexbox; margin-top:1.2rem; font-size:1.6rem;}
.product-details .box .info dl:first-child{margin-top:0;}
.product-details .box .info dt{font-weight:600;  width: 54%; min-width: 54%; word-break: keep-all; word-wrap: break-word;}
.product-details .box .info dd{color:#464A4E; word-break: break-word;}

.product-details-area .swiper-area{position:relative;}
.product-details-area .swiper-area + .swiper-area{margin-top:4.8rem;}
.product-details-area .swiper-area .title-section{margin:0; position: absolute; top:0;}
.product-details-area .swiper {padding-top:6rem;}
.product-details-area .swiper .thumbnail{width: 100%; height:16rem; margin:0 auto; border-radius:2rem; border:.1rem solid #B7C0CF; display: flex; display: -ms-flexbox; align-items: center; justify-content: center; overflow: hidden; position: relative;}
.product-details-area .swiper .thumbnail img{height:100%; width: auto;}

.product-details-area .swiper .txt{display: block; font-size:1.6rem; margin-top:1.6rem; text-align: center;}
.product-details-area .swiper .swiper-pagination{width:6.7rem; height:4rem; line-height:4rem; top:0; right:6rem; left:auto; color:#464A4E; font-size:1.8rem;}
.product-details-area .swiper .swiper-pagination-current{color:#0958CE; font-weight:600; font-size:1.8rem;}
.product-details-area .swiper .swiper-button-next, 
.product-details-area .swiper .swiper-button-prev{width: 4rem; min-width: 4rem; height: 4rem; border-radius:4rem; border:.1rem solid #B7C0CF; top:0; margin:0;}
.product-details-area .swiper .swiper-button-next::after, 
.product-details-area .swiper .swiper-button-prev::after{width: 2.4rem; height: 2.4rem; font-size:0; background: url(../../common/img/system/icon_24x24.png) no-repeat 0 -4.6rem / 77.6rem auto;}
.product-details-area .swiper .swiper-button-prev{left:auto; right:13.7rem;}
.product-details-area .swiper .swiper-button-prev::after{background-position-x:-13.2rem;}
.product-details-area .swiper .swiper-button-next.swiper-button-disabled, 
.product-details-area .swiper .swiper-button-prev.swiper-button-disabled{opacity: 1; border-color:#B7C0CF;}
.product-details-area .swiper .swiper-button-next.swiper-button-disabled::after{background-position-x: -4.4rem;}
.product-details-area .swiper .swiper-button-prev.swiper-button-disabled::after{background-position-x: -17.6rem;}

.product-cont.details>.btn-area{margin-top: 3.2rem;}
.product-cont.details .btn-area .btn-large{width: 100%;}

/* 제품검색 결과 */
.product-cont.search .summary-cont .info{height:2.6rem;}
.product-cont.search .search-form{padding:2.4rem 2rem; margin-bottom:2rem;}
.product-cont.search .search-form .form-input.search{width:100%}
.product-cont.search .search-form .box-search::after{content: ''; display: block; width: 100%; height: .1rem; margin:2.4rem 0; background-color:#D5DBE6;}

.product-cont.search .search-form .accordion{border-top:0; padding:0; margin-top:2rem;}
.product-cont.search .search-form .btn-summary{font-weight:600}
.product-cont.search .search-form .box-radius{padding:1.6rem 2rem; border:0; margin-top:.8rem; border-radius: .8rem;}
.product-cont.search .search-form .box-radius>li{margin-top:1.2rem}
.product-cont.search .search-form .box-radius>li:first-child{margin-top:0}
.product-cont.search .search-form .box-radius>li .point-b{text-decoration: underline;}
.product-cont.search .search-form .accordion.active .summary-area .btn-summary::after{margin-right:0}

/* R&D */
.rnd-cont .box-radius{margin-top:1.6rem;}
.rnd-cont .box-radius.gray{padding:4rem 1rem; margin-top:4rem;}
.rnd-cont .box-radius.gray .top{display: block; margin:0 auto; width: 10rem; height:10rem; line-height: 10rem; border-radius: 10rem; background: linear-gradient(153deg, #0E44C5 2.34%, #76ABF9 99.03%), linear-gradient(153deg, #0E44C5 2.34%, #2A66F6 99.03%); color:#fff; font-size:1.6rem; font-weight:600; text-align: center;}
.rnd-cont .box-radius.gray .list-sub{display: flex; display: -ms-flexbox; align-items:stretch; justify-content: center; flex-wrap: wrap; -ms-flex-wrap: wrap; padding-top:2rem; position: relative;}
.rnd-cont .box-radius.gray .list-sub::before{content: ""; display: block; margin:0 auto; width: .1rem; height: 2rem; background:url(../../common/img/content/bg_dashed_line.png)no-repeat 0 0/.2rem auto; position: absolute; top:0; left: 50%; transform: translateX(-50%);}
.rnd-cont .box-radius.gray .list-sub>li{text-align: center; padding:1rem 0; border-radius: 2rem; color:#fff; font-weight: 600; font-size: 1.6rem; background-color:#878F9C;}
.rnd-cont .box-radius.gray .list-sub .sub1{width:calc(33.333% - .6rem)}
.rnd-cont .box-radius.gray .list-sub .sub1:nth-child(2){margin:0 .6rem;}
.rnd-cont .box-radius.gray .list-sub .sub2, .rnd-cont .box-radius.gray .list-sub .sub3{width:calc(50% - .4rem); margin-top:.8rem;}
.rnd-cont .box-radius.gray .list-sub .sub2{background-color: #464A4E;}
.rnd-cont .box-radius.gray .list-sub .sub3{background-color: #222; margin-left:.8rem}

.rnd-cont .box-radius[class*="icon"]{padding:3rem 2.6rem; display: flex; display: -ms-flexbox; align-items: center; justify-content: space-between; text-align: center;}
.rnd-cont .box-radius[class*="icon"]::before{content:""; display: block; width: 10rem; height:10rem; background: #F0F3FA url(../../common/img/content/rnd/icon_rnd.png) no-repeat 1.8rem 50% / 40.6rem auto; border-radius: 10rem;}
.rnd-cont .box-radius[class*="icon"] .tit{font-size:2rem; font-weight:600; margin-bottom:2.8rem; display: block; text-align: center;}
.rnd-cont .box-radius[class*="icon"] .btn-small.icon-next{font-weight:600; width:12.9rem; font-weight: 600;}
.rnd-cont .box-radius.icon2::before{background-position-x: -9.6rem;}
.rnd-cont .box-radius.icon3::before{background-position-x: -21rem;}
.rnd-cont .box-radius.icon4::before{background-position-x: -32.4rem;}

/* 제품설계 */
.product-design-cont .summary-desc + .title-section{margin-top:4rem;}
.product-design-cont .title-section{margin-top:3.6rem;}
.product-design-cont .list-step.type1::after{content:''; display: block; margin:1.6rem auto; width:3.8rem; height:3.8rem; background:#B7C0CF url(../../common/img/content/rnd/icon_arr_down.png) no-repeat 50% 50%/1.4rem auto; border-radius:10rem;}
.product-design-cont .list-step.type1>li,
.product-design-cont .list-step.type2>li{width:calc(50% - .4rem); margin-top:.8rem; font-size:0;}
.product-design-cont .list-step.type1 .step{display: block; width: 6.7rem; margin:0 auto;}

.product-design-cont .list-step.type1>li::after{background: url(../../common/img/content/rnd/icon_product.png) no-repeat 0 0/52rem auto; margin-top:1rem;}
.product-design-cont .list-step.type1>li.icon2::after{background-position-x: -11.4rem;}
.product-design-cont .list-step.type1>li.icon3::after{background-position-x: -22.8rem;}
.product-design-cont .list-step.type1>li.icon4::after{background-position-x: -34.2rem;}
.product-design-cont .list-step.type1>li.icon5::after{background-position-x: -45.6rem;}
.product-design-cont .list-step.type1>li:nth-child(even),
.product-design-cont .list-step.type2>li:nth-child(even){margin-left:.8rem;}
.product-design-cont .list-step.type1>li:nth-child(-n+2),
.product-design-cont .list-step.type2>li:nth-child(-n+2){margin-top:0;}
.product-design-cont .list-step.type1>li:nth-child(5){width: 100%;}

.product-design-cont .box-radius{border-radius:2rem; background-color: #F0F6FE; border-color:#458CF7; padding:1.6rem; display: flex; display: -ms-flexbox; align-items: center; justify-content: center;}
.product-design-cont .box-radius>li{padding:1rem 1.96rem; border-radius:2rem; color:#fff; font-size:1.6rem; font-weight:600; text-align:center; width:calc(33.333% - .5rem);}
.product-design-cont .box-radius>li:nth-child(1){background-color:#458CF7;}
.product-design-cont .box-radius>li:nth-child(2){background-color:#0958CE; margin:0 .8rem;}
.product-design-cont .box-radius>li:nth-child(3){background-color:#052E6B;}

.product-design-cont .list-step.type2>li{background-color: #FAFAFD; padding:4rem 0 2.6rem}
.product-design-cont .list-step.type2>li::after{background: url(../../common/img/content/rnd/icon_product_2.png) no-repeat 0 0/40.6rem auto; margin-top:1.8rem;}
.product-design-cont .list-step.type2>li.icon2::after{background-position-x: -11.4rem;}
.product-design-cont .list-step.type2>li.icon3::after{background-position-x: -22.8rem;}
.product-design-cont .list-step.type2>li.icon4::after{background-position-x: -34.2rem;}

/* 선행연구 */
.advanced-cont .summary-desc{word-break: keep-all;}
.advanced-cont .br-mo{display: block;}
.advanced-cont .box-area.virtual{margin:4rem 0 4.8rem}
.advanced-cont .box-area.virtual .box-radius{padding:3.2rem; margin-top:1.6rem; border-color: #B7C0CF;}
.advanced-cont .box-area.virtual .box-radius .tit{font-size:3.2rem; font-weight:300; line-height:3.8rem;}
.advanced-cont .box-area.virtual .box-radius .img{display: block; margin:1.7rem auto 0; width:27.2rem;}
.advanced-cont .summary-cont.type2{border-top:.1rem solid #D5DBE6; padding-top:3.2rem}
.advanced-cont .box-radius.gray{padding:4rem 1rem; margin-top:1.6rem;}
.advanced-cont .box-radius.tit .tit{display: block; height:4.9rem; line-height: 4.9rem; background-color: #878F9C; border-radius: 2rem 2rem 0 0; font-size:1.8rem; font-weight:600; color:#fff; text-align: center;}
.advanced-cont .box-radius.tit>.logo{display: flex; display: -ms-flexbox; align-items: center; justify-content: center; padding:3.4rem 1.6rem}
.advanced-cont .box-radius.tit>.logo .logo{width:50%;}
.advanced-cont .box-radius.tit>.logo .logo img{margin:0 auto;}
.advanced-cont .box-radius.tit>.logo .icon{ display: inline-block; min-width:2rem; width:2rem; height: 2rem; margin:0 1rem; background: url(../../common/img/content/rnd/icon_cross.png) no-repeat 0 0 / 100% auto;}

.advanced-cont .box-radius.dashed::before{content:""; display: block; height: 3rem; width: 100%; position: absolute; top:-3.2rem; left: 0; background: url(../../common/img/content/bg_diagram_arr.png) no-repeat 50% -1.7rem/1.2rem auto;}
.advanced-cont .box-radius.dashed::after{content:""; display: block; height: 6rem; width: 13.4rem; position: absolute; bottom:-8.4rem; left:50%; transform: translateX(-50%); background: url(../../common/img/content/icon_arr.png) no-repeat 0 0/100% auto;}
.advanced-cont .box-radius.dashed{border: 2px dashed #B7C0CF; background: #F0F6FE; padding: 1.6rem; margin:3rem 0 10.8rem; position: relative;}
.advanced-cont .box-radius.dashed li{border:0; padding:1rem 0; font-weight: 600; color:#fff; text-align: center;}
.advanced-cont .box-radius.dashed li:nth-child(1){background-color: #458CF7;}
.advanced-cont .box-radius.dashed li:nth-child(2){background-color: #07439C; margin-top:.8rem;}

.advanced-cont .box-area.product .box-radius{padding:3.2rem 0 0 3.2rem; height: 26.8rem; margin-top:1.6rem; position: relative; overflow: hidden;}
.advanced-cont .box-area.product .box-radius .tit{font-size:2rem; font-weight:600; color:#464A4E; display: block;}
.advanced-cont .box-area.product .box-radius .img{display:block; width:28.3rem; height:18rem; overflow: hidden; position: absolute; bottom:0; right:0; background: url(../../common/img/content/rnd/img_product_1.png) no-repeat 0 0/100% auto;}
.advanced-cont .box-area.product .box-radius .hdmi{background-image: url(../../common/img/content/rnd/img_product_2.png)}
.advanced-cont .box-area.product .box-radius .connector{background-image: url(../../common/img/content/rnd/img_product_3.png)}
.advanced-cont .box-area.product .box-radius .fakra{background-image: url(../../common/img/content/rnd/img_product_4.png)}
.advanced-cont .box-area.product .box-radius .ethernet{background-image: url(../../common/img/content/rnd/img_product_5.png)}

/* 금형기술 */
.tooling-cont .summary-desc{word-break: keep-all;}
.tooling-cont .box-radius.gray{padding:4rem 1rem; margin-top:1.6rem}
.tooling-cont .box-radius.gray.first{margin-top:4rem;}
.tooling-cont .list-box{display: flex; display: -ms-flexbox; align-items: center; flex-wrap: wrap; -ms-flex-wrap: wrap;position: relative;}
.tooling-cont .list-box::after{content:''; display: block; width:3rem; height:3rem; background:url(../../common/img/content/rnd/icon_arr_cross.png) no-repeat 0 0/100% auto; position:absolute; top:50%; left:50%; transform:translate(-50%, -50%)}

.tooling-cont .list-box>li{border-radius:2rem; font-size:1.4rem; color:#fff; font-weight:600; padding:2rem 0; line-height:2.2rem; width:calc(50% - 1.5rem); height:10rem; margin-top:3rem; text-align: center; word-break: keep-all; display: flex; display:-ms-flexbox; align-items: center; justify-content: center;}
.tooling-cont .list-box>li:nth-child(-n+2){margin-top:0;}
.tooling-cont .list-box>li:nth-child(even){margin-left:3rem;}
.tooling-cont .list-box .item1{background-color:#222;}
.tooling-cont .list-box .item2{background-color:#878F9C;}
.tooling-cont .list-box .item3{background-color:#07439C;}
.tooling-cont .list-box .item4{background-color:#E7ECF3; color:#464A4E}

.tooling-cont .list>li{border-radius:2rem; padding:1rem 2rem; color:#fff; font-weight:600; text-align:center; margin-top:3rem; position:relative}
.tooling-cont .list>li::after{content:''; display: block; width:1.2rem; height:2.4rem; background:url(../../common/img/content/bg_diagram_arr.png) no-repeat 0 100%/ 100% auto; position:absolute; bottom:-2.4rem; left:50%; transform:translateX(-50%)}
.tooling-cont .list>li:first-child{margin-top:0;}
.tooling-cont .list>li:last-child:after{display:none;}
.tooling-cont .list>li .br-mo{display: block;}
.tooling-cont .list .item1{background-color:#03193B}
.tooling-cont .list .item2{background-color:#07439C}
.tooling-cont .list .item3{background-color:#0958CE}
.tooling-cont .list .item4{background-color:#146EF5}
.tooling-cont .list .item5{background-color:#fff; border:.1rem solid #0958CE; color:#0958CE}

/* 신뢰성평가 */
.realibility-cont .br-mo{display: block;}
.realibility-cont .summary-desc{word-break: keep-all;}
.realibility-cont .list-thumbnail{margin-top:4rem;}
.realibility-cont .list-thumbnail .box{padding:2rem 3.2rem 3.2rem}
.realibility-cont .list-bu>li{color:#464A4E}
.realibility-cont .list-bu>li::before{background-color:#464A4E}

/* 인사말 */
.visual-area.ceo{margin:0 -2rem; height: 26rem; position: relative; margin-bottom:2.4rem;}
.visual-area.ceo img{position: absolute; bottom:0; right: 0; max-width:none; max-width: none; height: 26rem;}
.ceos-greetings-area{margin-top:4rem;}
.ceos-greetings-area>p{margin-top:1.6rem; font-size:1.6rem; word-break: keep-all;}
.ceos-greetings-area .box-sign{margin-top:4rem; display: flex; display: -ms-flexbox; align-items:flex-end;}
.ceos-greetings-area .box-sign .info>*{display: block;}
.ceos-greetings-area .box-sign .name{font-size:2rem; font-weight:600; margin-top:.4rem;}
.ceos-greetings-area .box-sign .sign{width: 18rem; height:5rem; margin-left:1.6rem;}

/* 경영이념 */
.philosophy-cont .br-mo{display: block;}
.philosophy-cont .visual-area{background: url(../../common/img/content/company/img_visual.png) no-repeat 50% 100% /cover; height:34rem; display:  flex; display: -ms-flexbox; align-items: center; justify-content: center; margin:4rem -2rem 6rem;}
.philosophy-cont .visual-area .txt{font-size:2.2rem; font-weight:600; line-height:3rem; color:#fff;}
.philosophy-cont .visual-area .logo{display: block; height: 6rem; width:15.5rem; margin:2rem auto 0}

.philosophy-cont .box-radius.gray{padding:3.2rem 0; margin-top:1.6rem;}
.philosophy-cont .box-radius.gray:first-child{margin-top:0;}
.philosophy-cont .box-radius.gray .title-l::before{content:''; display: block; width: 6.4rem; height: 6.4rem; margin:0 auto 1.6rem; background: url(../../common/img/content/company/icon_philosophy.png) no-repeat 0 0 / 63.4rem auto;}
.philosophy-cont .box-radius.gray .title-l{color:#0958CE; text-align:center; margin-bottom:1.2rem;}
.philosophy-cont .box-radius.gray .txt{font-size:1.6rem; text-align:center;}
.philosophy-cont>.title-l{text-align:center; color:#0958CE; margin:6rem 0 2rem}
.philosophy-cont .box-area.philosophy .title-l{font-size:2.2rem; color:#000}

.philosophy-cont .box-radius.gray .title-l.icon2::before{background-position-x: -11.4rem;}
.philosophy-cont .box-radius.gray .title-l.icon3::before{background-position-x: -34.2rem;}
.philosophy-cont .box-radius.gray .title-l.icon4::before{background-position-x: -57rem;}
.philosophy-cont .box-radius.gray .title-l.icon5::before{background-position-x: -22.8rem;}
.philosophy-cont .box-radius.gray .title-l.icon6::before{background-position-x: -45.6rem;}

/* 인권헌장 */
.human-cont > .title-section{font-size:2.4rem;}
.human-cont .title-cont + .title-section{margin-top:4rem;}
.human-cont > .box-radius{padding:2rem; word-break:keep-all; font-size:1.6rem;}
.human-cont .list-bg-line{border-bottom:0}
.human-cont .list-bg-line>li{border-bottom:.1rem solid #D5DBE6}
.human-cont .list-bg-line>li>.tit{font-size:1.8rem; display: block; margin-bottom:1.2rem;}
.human-cont .title-section + .txt-section{margin:2rem 0 2.4rem}
.human-cont .tbl-basic td{width:50%; vertical-align: middle;}
.human-cont .tbl-basic .br-mo{display: block;}

/* 윤리헌장 */
.charter-cont .title-cont .btn-large.icon-download{display: flex; display:-ms-flexbox; margin-top:2rem;}
.charter-cont .title-cont .btn-large.icon-download::after{background-position: -35.2rem -4.6rem;}
.charter-cont .summary-cont{word-break: keep-all;}
.charter-cont .box-radius.gray{margin-top:4rem; padding:2rem;}
.charter-cont .list-charter>li{display: flex; display:-ms-flexbox; align-items: center; word-break: keep-all; border-bottom:.1rem solid #D5DBE6; padding-bottom:1.6rem; margin-bottom:1.6rem;}
.charter-cont .list-charter>li:last-child{padding-bottom:0; margin-bottom:0; border-bottom:0;}
.charter-cont .list-charter .round{width:4.8rem; height: 4.8rem; border-radius: 10rem; background-color: #07439C; color:#fff; font-weight:600; flex:0 0 auto; text-align: center; line-height: 4.8rem; margin-right:1.6rem;}

/* 회사연혁 */
.history-cont{padding:0 0 12rem 2rem;}
.history-cont .title-cont{margin-bottom:2rem}
.history-area{overflow: hidden; position: relative;}

.time-line-btn, .time-line-btn .inner{height:5.8rem;}
.time-line-btn{position: sticky; top:6rem; left:0; width:calc(100% + 2rem); margin-left:-2rem; border-bottom:.1rem solid #D5DBE6; background-color: #fff; z-index: 4;}
.time-line-btn .inner{min-width: 100%; white-space: nowrap; overflow-x: auto; padding:0 2rem}
.time-line-btn a{color:#878F9C; font-weight:600; display: inline-flex; display: -ms-inline-flexbox; align-items: center; height: 100%; position: relative;}
.time-line-btn a::after{content:''; display: block; width: 0; height:.2rem; background-color: #222; position: absolute; bottom:0; left: 0; right: 0; transition: all .3s ease;}
.time-line-btn a + a{margin-left:2.4rem;}
.time-line-btn a.active{color:#222}
.time-line-btn a.active::after{width: 100%;}

.time-line{padding-top:6rem;}
.time-line:first-child{padding-top:4rem;}
.time-line .title .icon{position: relative;}
.time-line .title .txt{font-size:3.2rem; line-height:3.8rem;}
.time-line .title .year{font-size:3.2rem; line-height:4.8rem; font-weight:700; margin-top:.4rem;}
/* .time-line .title::before,.time-line .title::after{content:''; display: block; position: absolute; top:1.2rem; right:-7rem; z-index: 1;}
.time-line .title::before{width: 20rem; height:12.7rem; background: url(../../common/img/content/company/img_history_01.png) no-repeat 0 0/100% auto; z-index: 2;}
.time-line .title::after{width: 15rem; height:15rem; border-radius: 10rem; background-color: #FFCD95; top:0; right:-4.5rem;} */
.time-line .title .icon::before,.time-line .title .icon::after{content:''; display: block; position: absolute; top:1.2rem; right:-7rem; z-index: 1;}
.time-line .title .icon::before{width: 20rem; height:12.7rem; background: url(../../common/img/content/company/img_history_01.png) no-repeat 0 0/100% auto; z-index: 2;}
.time-line .title .icon::after{width: 15rem; height:15rem; border-radius: 10rem; background-color: #FFCD95; top:0; right:-4.5rem;}

.time-line.visual2 .title .icon::before{background-image: url(../../common/img/content/company/img_history_02.png)}
.time-line.visual2 .title .icon::after{background-color: #A2E6CD;}
.time-line.visual3 .title .icon::before{background-image: url(../../common/img/content/company/img_history_03.png)}
.time-line.visual3 .title .icon::after{background-color: #95ACFF;}
.time-line.visual4 .title .icon::before{background-image: url(../../common/img/content/company/img_history_04.png)}
.time-line.visual4 .title .icon::after{background-color: #F4E790;}

.history{position: relative; margin-top:3.2rem; padding:0 2rem 0 5.2rem;}
.history>.bar, .history>.bar .gauge{position: absolute; left:.8rem; width: .4rem;}
.history>.bar{top:2rem; height: calc(100% - 2rem);}
.history>.bar::before{content:''; position: absolute; top:0; left:.1rem; height: 100%; width: .2rem; background-color: #B7C0CF; z-index: 1;}
.history>.bar .gauge{top:0; left: 0; height: 0%; background-color: #0958CE; z-index: 2; transition: all .5s ease-in-out;}
.history::after{width:.4rem; background-color: #0958CE; left:.8rem; height: 50%;}

.history .box{margin-top:4rem; position: relative;}
.history .year{font-size:2.4rem; font-weight:600; margin-bottom:.8rem; display: block; line-height: 3.3rem;}
.history .year::before{content:''; display: block; width: 2rem; height: 2rem; background: url(../../common/img/content/company/icon_point.png) no-repeat 0 0/auto 100%; position: absolute; top:1.1rem; left: -5.2rem; z-index: 2;}
.history .list-hyphen>li{color: #000;}
.history .box.active .year{color:#0958CE}

/* 시스템 인증 */
.certificate-cont{margin-top:4rem;}
.certificate-cont>.selectbox{width: 100%; margin-bottom:2.4rem;}
.list-certificate>li{margin-top:4rem;}
.list-certificate>li:first-child{margin-top:0;}
.list-certificate .box-radius{text-align: center; padding:3.2rem;}
.list-certificate .quality .box-radius{background-color: #F0F3FA; border-color:#F0F3FA}
.list-certificate .environment .box-radius{background-color: #F5FCF8; border-color:#F5FCF8}
.list-certificate .safety .box-radius{background-color: #FEF7F7; border-color:#FEF7F7}

.list-certificate .label{font-size:1.4rem; font-weight:600; color:#0958CE}
.list-certificate .title{font-size:1.8rem; font-weight:600; display: block; line-height:2.8rem; margin:.4rem 0 1.2rem}
.list-certificate .thumbnail{display: block; margin:0 auto; width:12rem; height:16.1rem;}
.list-certificate .btn-area{margin:2.4rem auto 0; display: flex; display: -ms-flexbox; align-items: center; justify-content: center; flex-wrap: wrap; -ms-flex-wrap: wrap;  width: 27rem;}
.list-certificate .btn-area .btn-small{padding:.8rem 0; font-weight:600; min-width: 12.6rem;}
.list-certificate .btn-area .btn-small::after{background-position: -70.4rem 0;}
.list-certificate .btn-area .btn-small + .btn-small{margin-left:.8rem;}
.list-certificate .btn-area .btn-small:nth-child(3){margin-left:0; margin-top:.8rem;}

/* 제품인증 */
.certificate-marks-area .box-radius{padding:3.2rem 2rem; margin-top:1.6rem;}
.certificate-marks-area .box-radius .mark{display: block; margin:0 auto 2.4rem}
.certificate-marks-area .box-radius .txt{font-size:1.8rem; line-height:2.8rem;}
.certificate-marks-area .box-radius .txt .br-mo{display: block;} 
.mark-ket{margin-top:4rem}
.mark-ket .mark{width:14.2rem; height:3.8rem;}
.mark-ksa-qa .mark{width:10.9rem; height:10rem;}
.mark-ksa-qa .list-info{margin-top:2.4rem; font-size:1.6rem;}
.mark-ksa-qa .list-info + .list-info{margin-top:.8rem}
.mark-ksa-qa .list-info dt{font-weight:600; margin-bottom:.4rem;}
.mark-ksa-qa .list-info dd{color:#464A4E; word-break: keep-all;}

.symbol-round{margin:4.8rem 0;}
.symbol-round .box-radius{padding: 2rem 0;}
.symbol-round .mark{width:10rem; margin-bottom:2rem;}
.symbol-round .list-info{text-align:center;}
.symbol-round .list-info dt{font-weight:600; font-size:2rem; margin-bottom:.4rem;}
.symbol-round .list-info dd{font-size:1.4rem; color:#464A4E;}

.symbol-diagram .title-l{text-align: center; color:#0958CE; margin-bottom:1.2rem;}
.symbol-diagram .list-symbol{display: flex; display: -ms-flexbox; align-items: center; justify-content:center; background-color: #0958CE; border-radius: 10rem; height:15rem; padding:2.7rem 2.9rem; position: relative;}
.symbol-diagram .list-symbol>li{margin-left:1.2rem;}
.symbol-diagram .list-symbol>li:first-child{margin-left:0}
.symbol-diagram .list-symbol .mark{display: block; width: 6rem; height:6rem;}
.symbol-diagram .list-symbol .txt{color:#fff; font-weight:600; display: block; margin-top:.6rem; text-align: center;}
.symbol-diagram .list-symbol::after{content:''; display: block; width: 13rem; height: 6rem; position: absolute; bottom:-8.4rem; left: 50%; transform: translateX(-50%); background: url(../../common/img/content/icon_arr.png) no-repeat 0 0/100% auto;}
.symbol-diagram .box-diagram{margin-top:10.4rem;}

/* 회사소개 */
.compay-cont .summary-cont .br-mo{display: block;}
.compay-cont .news-notice-area .title-area .title-box{font-size:2.2rem;}
.compay-cont .tabs-area {margin-top:4rem}
.compay-cont .tbl-info.small{margin:2rem 0 .8rem; font-size:1.4rem; text-align:right}
.compay-cont .tbl-info-2{margin-top:.8rem; font-size:1.4rem; text-align:right}
.compay-cont .tab-content .scroll-tbl{overflow-y: hidden; overflow-x: auto; margin:0 -2rem; padding:0 2rem;}
.compay-cont .tab-content .tbl-basic .br-txt{display: block;}
.compay-cont .tab-content .tbl-basic tr.emphasis{background-color: #F5FCF8; font-weight:600;}
.compay-cont .tab-content .tbl-basic td.cnt{text-align: center; padding: 1.6rem 0;}
.compay-cont .tab-content .tbl-basic td{text-align: right; padding-left:2.4rem; padding-right:2.4rem; vertical-align: middle;}
.compay-cont .tab-content .tbl-basic{min-width:84rem}
.compay-cont .tab-content .tbl-basic th{width: 16.666%;}

/* 인재상 */
.identity-cont>.box-radius.gray{padding:4rem 1rem; margin-top:4rem;}
.identity-cont>.box-radius.gray .top{display: block; background-color: #222; color:#fff; padding:1rem 0; position: relative; margin-bottom:3rem}
.identity-cont>.box-radius.gray .top::after{content:''; display: block; width:100%; height:3rem; background: url(../../common/img/content/recruit/bg_mo.png) no-repeat 50% 0/auto 3rem; position:absolute; bottom:-3rem;}
.identity-cont>.box-radius.gray .top>*{display: block; text-align: center;}
.identity-cont>.box-radius.gray .top .sub{font-size:1.4rem;}
.identity-cont>.box-radius.gray .top b{font-size:1.8rem;}
.identity-cont .list-box{display: flex; display: -ms-flexbox;}
.identity-cont .list-box>li{width:calc(50% - .4rem);}
.identity-cont .list-box .box-radius{display: block; padding:2.6rem 0; height:14.9rem; font-size:1.8rem; font-weight:600; text-align: center;}
.identity-cont .list-box .box-radius::before{content:''; display: block; width:6.4rem; height:6.4rem; margin:0 auto .4rem; background: url(../img/content/recruit/icon_recruit_1.png) no-repeat -11.4rem 0/17.8rem auto;}
.identity-cont .list-box li:first-child{margin-right:.8rem; border-color: #0958CE;}
.identity-cont .list-box li:first-child .box-radius{border-color: #0958CE;}
.identity-cont .list-box li:first-child .box-radius::before{background-position: 0 0;}
.identity-cont .list-box li:first-child .list{border:.2rem dashed #458CF7; border-radius:2rem; background-color: #F0F6FE; padding:1.6rem; margin-top:1rem; position:relative;}
.identity-cont .list-box li:first-child .list::before{content:''; display: block; width:.2rem; height:1rem; position:absolute; top:-1rem; left:50%; transform:translateX(-50%); background: url(../../common/img/content/bg_dashed_line_b.png) no-repeat 0 0/100% auto;}

.identity-cont .list-box li .list>li{color:#fff; text-align: center; border-radius:2rem; background-color:#0958CE; padding:1rem 0; width:100%; height:6.8rem; margin-top:.8rem;}
.identity-cont .list-box li .list>li:first-child{margin-top:0;}
.identity-cont .list-box li .list>li:nth-child(2){background-color: #07439C;}
.identity-cont .list-box li .list>li .emphasis{display: block; font-weight:600}
.identity-cont .list-box li .list>li .txt{font-size:1.4rem;}
.identity-cont .txt-desc{margin-top:1.6rem; word-break: keep-all;}

/* 인사제도 */
.career-system-cont .br-mo{display:block;}
.career-system-cont .title-section{margin-top:3.6rem; margin-bottom:.8rem}
.career-system-cont .summary-desc + .title-section {margin-top:4rem;}
.career-system-cont .box-radius.diagram{padding:4rem 1rem; margin-top:1.6rem;}
.career-system-cont .box-radius.diagram .box-radius{padding:1.6rem 2rem}
.career-system-cont .box-radius.diagram .box-radius .tit{display: block; text-align:center; margin-bottom:1rem;}
.career-system-cont .box-radius.diagram .box-radius .list{display: flex; display: -ms-flexbox; align-items: stretch; justify-content: center;}
.career-system-cont .box-radius.diagram .box-radius .list>li{border-radius:2rem; color:#fff; font-weight:600; width:calc(33.333% - 2rem); margin-left:2rem; position:relative; text-align: center;}
.career-system-cont .box-radius.diagram .box-radius .list>li>span{display: inline-block; vertical-align: middle;}
.career-system-cont .box-radius.diagram .box-radius .list>li::before{content:''; display: block; width:1.6rem; height:1.2rem; background: url(../../common/img/content/recruit/icon_arr_r_1.png) no-repeat 100% 0/auto 1.2rem; position:absolute; right:-1.6rem; top:50%; transform: translateY(-50%);}
.career-system-cont .box-radius.diagram .box-radius .list>li:last-child::before{display:none;}
.career-system-cont .box-radius.diagram .box-radius .list>li:first-child{margin-left:0;}
.career-system-cont .box-radius.diagram .box-radius.black{border-color:#222; padding-bottom:2.6rem}
.career-system-cont .box-radius.diagram .box-radius.black .list>li{height:4.6rem; line-height: 4.6rem;}
.career-system-cont .box-radius.diagram .box-radius.black .list>li:nth-child(1){background-color:#878F9C;}
.career-system-cont .box-radius.diagram .box-radius.black .list>li:nth-child(2){background-color:#464A4E;}
.career-system-cont .box-radius.diagram .box-radius.black .list>li:nth-child(2)::before{background-image: url(../../common/img/content/recruit/icon_arr_r_2.png);}
.career-system-cont .box-radius.diagram .box-radius.black .list>li:nth-child(3){background-color:#222;}

.career-system-cont .box-radius.diagram .box-radius.black .list>li::after{content:''; width:1rem; height:4.8rem; display: block; position: absolute; bottom:-5.5rem; left:50%; transform: translateX(-50%); background: url(../../common/img/content/recruit/icon_arr_1.png) no-repeat 50% 50%/auto 4.6rem; z-index:1}

.career-system-cont .box-radius.diagram .box-radius.blue{border-color:#0958CE; background-color:#F0F6FE; margin-top:.6rem; padding:2.6rem 2rem 5.2rem; position: relative;}
.career-system-cont .box-radius.diagram .box-radius.blue .tit{color:#0958CE; position: absolute; bottom:0; left:50%; transform: translateX(-50%);}
.career-system-cont .box-radius.diagram .box-radius.blue .list>li{height:7.2rem; line-height:7.2rem;}
.career-system-cont .box-radius.diagram .box-radius.blue .list>li>span{line-height: 2.5rem;}
.career-system-cont .box-radius.diagram .box-radius.blue .list>li:nth-child(1){background-color:#458CF7;}
.career-system-cont .box-radius.diagram .box-radius.blue .list>li:nth-child(1)::before{background-image: url(../../common/img/content/recruit/icon_arr_r_3.png);}
.career-system-cont .box-radius.diagram .box-radius.blue .list>li:nth-child(2){background-color:#0958CE;}
.career-system-cont .box-radius.diagram .box-radius.blue .list>li:nth-child(2)::before{background-image: url(../../common/img/content/recruit/icon_arr_r_4.png);}
.career-system-cont .box-radius.diagram .box-radius.blue .list>li:nth-child(3){background-color:#052E6B;}

.career-system-cont .box-radius.icon-type{padding:1rem; margin-top:1.6rem;}
.career-system-cont .box-radius.icon-type .box-radius{padding:3rem 0; text-align: center; border-color: transparent; margin-top:.8rem}
.career-system-cont .box-radius.icon-type .box-radius:first-child{margin-top:0;}
.career-system-cont .box-radius.icon-type .box-radius .tit{font-size:1.8rem; color:#464A4E; font-weight:600; display: block; margin-bottom:.6rem}
.career-system-cont .box-radius.icon-type .box-radius .tit::before{content:''; display: block; margin:0 auto 2rem; width:6.4rem; height:6.4rem; border-radius: 2rem; background: #F0F6FE url(../../common/img/content/recruit/icon_recruit_2.png) no-repeat 1.4rem 1.4rem / 30.8rem auto;}
.career-system-cont .box-radius.icon-type .box-radius .txt{font-size:1.6rem; color:#878F9C}
.career-system-cont .box-radius.icon-type .box-radius .tit.icon2::before{background-position-x: -12.2rem;}
.career-system-cont .box-radius.icon-type .box-radius .tit.icon3::before{background-position-x: -25.8rem;}
.career-system-cont .list-num>li{display: flex; display: -ms-flexbox; align-items: stretch;}
.career-system-cont .list-num>li+li{margin-top:.4rem;}
.career-system-cont .list-num>li>.num{font-weight:600; min-width:1.2rem; width:1.2rem; margin-right:.6rem}

.career-system-cont .list-diagram>li{border-radius: 2rem; position:relative; margin-bottom:3rem; font-size:1.8rem; color:#fff; font-weight:600; text-align: center; padding:1rem 0}
.career-system-cont .list-diagram>li::after {content:''; display: block; margin:0 auto; width:1.2rem; height: 2.4rem; background: url(../img/content/bg_diagram_arr.png) no-repeat 0 100%/100% auto; position:absolute; bottom:-2.5rem; left:50%; transform: translateX(-50%);}
.career-system-cont .list-diagram>li:first-child{border:.1rem solid #0958CE; color:#0958CE; background-color: #fff;}
.career-system-cont .list-diagram>li:nth-child(2){background: linear-gradient(153deg, #0E44C5 2.34%, #76ABF9 99.03%), linear-gradient(153deg, #0E44C5 2.34%, #2A66F6 99.03%);}
.career-system-cont .list-diagram>li:nth-child(3){border: 2px dashed #B7C0CF; background: #F0F6FE; padding:1.6rem;display: flex; display: -ms-flexbox; align-items: stretch; margin-bottom:0;}
.career-system-cont .list-diagram>li:nth-child(3)>span{width:calc(33.333% - .8rem); display: block; padding:1rem 0; border-radius:2rem; font-size:1.6rem;}
.career-system-cont .list-diagram>li:nth-child(3)>span:first-child{background-color:#458CF7;}
.career-system-cont .list-diagram>li:nth-child(3)>span:nth-child(2){background-color:#0958CE; margin:0 1.6rem;}
.career-system-cont .list-diagram>li:nth-child(3)>span:nth-child(3){background-color:#052E6B;}
.career-system-cont .list-diagram>li:nth-child(3)::after{display: none;}

/* 인재육성 */
.training-cont .br-mo,
.training-cont .br-txt{display: block;}
.training-cont .sub-info{margin:4rem 0 1.6rem; font-size:1.8rem; font-weight:600}
.training-cont .icon-type{padding:1rem;}
.training-cont .icon-type>li{border-color:transparent; padding:3rem 0; margin-top:.8rem; text-align: center;}
.training-cont .icon-type>li .tit{display:block; font-size:1.8rem; font-weight:600; margin-bottom:.6rem;}
.training-cont .icon-type>li .tit::before{content:''; display: block; margin:0 auto 2rem; border-radius: 2rem; width:6.4rem; height:6.4rem; background: #F0F6FE url(../../common/img/content/recruit/icon_recruit_3.png) no-repeat 1.4rem 1.4rem/44.4rem auto;}
.training-cont .icon-type>li .txt{color:#878F9C; font-size:1.6rem}

.training-cont .icon-type>li .tit.icon2::before{background-position-x: -12.1rem;}
.training-cont .icon-type>li .tit.icon3::before{background-position-x: -25.8rem;}
.training-cont .icon-type>li .tit.icon4::before{background-position-x: -39.4rem;}
.training-cont .icon-type>li .tit.icon5::before{background-position: 1.4rem -4.2rem;}
.training-cont .icon-type>li .tit.icon6::before{background-position: -12.1rem -4.2rem;}
.training-cont .icon-type>li .tit.icon7::before{background-position: -25.8rem -4.2rem;}
.training-cont .icon-type>li .tit.icon8::before{background-position: -39.4rem -4.2rem;}

/* 복지제도 */
.employee-cont .br-mo,
.employee-cont .br-txt{display: block;}
.employee-cont .sub-info{margin:3.6rem 0 1.6rem; font-size:1.8rem; font-weight:600}
.employee-cont .box-radius.gray{padding:4rem 1rem;}
.employee-cont .box-radius.gray + .box-radius.gray{margin-top:1.6rem;}
.employee-cont .box-radius.gray .title-section{margin:0 0 2rem; text-align: center;}
.employee-cont .list-icon{display: flex; display: -ms-flexbox; align-items: stretch; flex-wrap: wrap; -ms-flex-wrap: wrap;}
.employee-cont .list-icon>li{width:calc(50% - .4rem); margin-top:.8rem; text-align: center; padding:3rem 0; border-color:transparent}
.employee-cont .list-icon>li:nth-child(even){margin-left:.8rem}
.employee-cont .list-icon>li:nth-child(-n+2){margin-top:0}
.employee-cont .list-icon>li .txt{color:#464A4E; font-weight:600;}
.employee-cont .list-icon>li .txt::before{content:''; display: block; margin:0 auto 2rem; border-radius: 2rem; width:6.4rem; height:6.4rem; background: #F0F6FE url(../../common/img/content/recruit/icon_recruit_4.png) no-repeat 1.4rem 1.4rem/85.2rem auto;}

.employee-cont .list-icon>li .txt.icon2::before{background-position-x: -12.1rem;}
.employee-cont .list-icon>li .txt.icon3::before{background-position-x: -25.8rem;}
.employee-cont .list-icon>li .txt.icon4::before{background-position-x: -39.4rem;}
.employee-cont .list-icon>li .txt.icon5::before{background-position-x: -53rem}
.employee-cont .list-icon>li .txt.icon6::before{background-position-x: -66.6rem}
.employee-cont .list-icon>li .txt.icon7::before{background-position-x: -80.2rem}
.employee-cont .list-icon>li .txt.icon8::before{background-position: 1.4rem -4.4rem}
.employee-cont .list-icon>li .txt.icon9::before{background-position: -12.1rem -4.4rem}
.employee-cont .list-icon>li .txt.icon10::before{background-position: -25.8rem -4.4rem}
.employee-cont .list-icon>li .txt.icon11::before{background-position: -39.4rem -4.4rem}
.employee-cont .list-icon>li .txt.icon12::before{background-position: -53rem -4.4rem}
.employee-cont .list-icon>li .txt.icon13::before{background-position: -66.6rem -4.4rem}
.employee-cont .list-icon>li .txt.icon14::before{background-position: -80.2rem -4.4rem}

/* 채용절차 */
.job-cont .br-mo,
.job-cont .br-txt{display:block}
.job-cont .list-box{margin-top:1.6rem;}
.job-cont .list-box>li{padding:3rem; margin-top:.8rem}
.job-cont .list-box>li:first-child{margin-top:0;}
.job-cont .list-box .tit{font-size:2.2rem; font-weight:600; display: block; margin-bottom:1rem;}
.job-cont .list-box .txt{color:#878F9C; font-size:1.6rem;}
.job-cont .list-step.basic>li{width:calc(50% - .8rem); margin-top:.8rem; height:21.5rem; display:flex; display: -ms-flexbox; flex-direction: column; -ms-flex-direction: column;}
.job-cont .list-step.basic>li::after{content:''; display: block; margin:auto auto 0; width:6.4rem; height:6.4rem; min-height:6.4rem; background: url(../../common/img/content/recruit/icon_recruit_5.png) no-repeat 0 -1.2rem/63.4rem auto;}

.job-cont .list-step .step{width:6.7rem; margin:0 auto;}
.job-cont .list-step.basic>li.icon2::after{background-position-x: -11.4rem;}
.job-cont .list-step.basic>li.icon3::after{background-position-x: -22.8rem;}
.job-cont .list-step.basic>li.icon4::after{background-position-x: -34.2rem;}
.job-cont .list-step.basic>li.icon5::after{background-position-x: -45.6rem;}
.job-cont .list-step.basic>li.icon6::after{background-position-x: -57rem;}
.job-cont .list-step.basic>li:nth-child(-n+2){margin-top:0;}
.job-cont .list-step.basic>li:nth-child(even){margin-left:.8rem}
.job-cont .list-step.basic>li .txt{color:#878F9C; font-size:1.4rem}

.job-cont .list-step-box{margin-top:1.6rem; border-bottom:.1rem solid #D5DBE6;}
.job-cont .list-step-box>li{border-top:.1rem solid #D5DBE6; padding:3rem; text-align: left;}
.job-cont .list-step-box>li:nth-child(even){background-color: #FAFAFD;}
.job-cont .list-step-box>li .step{color:#0958CE; display: block; font-weight:600; font-size:1.4rem; text-transform: uppercase;}
.job-cont .list-step-box>li .tit{font-size:2.2rem; font-weight:600; line-height:3rem; margin:.6rem 0 1rem; display: block;}
.job-cont .list-step-box>li .txt{color:#878F9C; font-size:1.6rem; margin-bottom:2rem;}
.job-cont .list-step-box>li .badge{border:.1rem solid #146EF5; color:#146EF5; font-weight:600; border-radius:.6rem; background-color: #fff; font-size:1.4rem; width:4.9rem; height:2.6rem; line-height:2.4rem; text-align: center; margin-right:.6rem}
.job-cont .list-step-box>li .badge.gray{border-color:#464A4E; color:#464A4E}
.job-cont .list-bu{margin-top:1.6rem}
.job-cont .list-bu>li{color:#464A4E; margin-top:.4rem;}
.job-cont .list-bu>li:first-child{margin-top:0;}
.job-cont .list-bu>li::before{background-color: #464A4E;}
.job-cont .box-radius.link-area{padding:3rem;}
.job-cont .box-radius.link-area>li{display: flex; display: -ms-flexbox; align-items: center; margin-top:.4rem}
.job-cont .box-radius.link-area:first-child>li:first-child{margin-top:0;}
.job-cont .box-radius.link-area .tit{width:7.2rem; min-width: 7.2rem; font-weight:600; font-size:1.6rem;}
.job-cont .box-radius.link-area .link{color:#878F9C}

.job-cont .box-radius.info{padding:3rem;}
.job-cont .sub-info{margin:.8rem 0 1.6rem}

/* 지배구조 */
.governance-area .tab-content .scroll-tbl{margin:0 -2rem;}
.governance-area .tab-content.tab1 .scroll-tbl{padding:0 2rem;}
.governance-area .tab-content.tab1 .tbl-basic{min-width:84rem;}
.governance-area .tab-content.tab2 .scroll-tbl{padding:0; padding-left:2rem}
.governance-area .tab-content.tab2 .inner{overflow-x: auto; padding-right:2rem;}
.governance-area .tab-content.tab2 .inner img{/*max-width: none;*/ width: 128rem;}

/* 재무정보 */
.balance-sheet-area .tab-buttons{margin-bottom:0;}
.balance-sheet-area .tab-content .info{padding-left:2rem; position:relative; font-size:1.6rem; line-height:2.5rem; margin-top:4rem;}
.balance-sheet-area .tab-content .info::after {content:''; display:block; width:.4rem; height:100%; background-color: #222; position:absolute; left:0; top:0;}
.balance-sheet-area .tab-content .info .tit{display: block; font-size:2.2rem; margin-bottom:.8rem;}
.balance-sheet-area .tab-content .tbl-basic{min-width:68.8rem; table-layout: fixed;}
.balance-sheet-area .tab-content .tbl-basic td{padding-left:0}
.balance-sheet-area .tab-content .tbl-basic td.cnt{color:#000}

.balance-sheet-area .tab-content.tab3 .box-area{margin-top:3.2rem}
.balance-sheet-area .tab-content.tab3 .box-radius{padding:2.4rem 2.65rem; text-align: center; height:18rem; margin-top:1.6rem; display: flex; display: -ms-flexbox; align-items: center; justify-content: center;}
.balance-sheet-area .tab-content.tab3 .box-radius::before{content:''; display: block; margin-right:2.4rem; min-width: 10rem; width: 10rem; height: 10rem; border-radius: 10rem; background:#F0F3FA url(../../common/img/content/company/icon_balance_shieet.png) no-repeat 1.8rem 1.8rem/40.6rem auto;}
.balance-sheet-area .tab-content.tab3 .box-radius.icon2::before{background-position:-9.6rem 1.8rem;}
.balance-sheet-area .tab-content.tab3 .box-radius.icon3::before{background-position:-21rem 1.8rem;}
.balance-sheet-area .tab-content.tab3 .box-radius.icon4::before{background-position:-32.4rem 1.8rem;}
.balance-sheet-area .tab-content.tab3 .box-radius .tit{font-weight:600; font-size:2rem; line-height:3.2rem; margin-bottom:1.2rem;}
.balance-sheet-area .tab-content.tab3 .box-radius .btn-small{font-weight:600; min-width: 15.8rem; width: 15.8rem; text-align: center; display: flex; margin-top:.8rem;}

/* 주가정보 */
.stock-info-area{margin-top:4rem}
.stock-info-area .stock-up .number,
.stock-info-area .stock-down .number{background: url(../../common/img/content/company/icon_down_16.png) no-repeat 0 50%/1.6rem auto; padding-left:2rem; color:#0958CE;}
.stock-info-area .stock-up .number{background-image: url(../../common/img/content/company/icon_up_16.png); color:#F23F3F}
.stock-info-area .percent.down,.stock-current-info  .box-radius.gray .num.down{color:#0958CE;}
.stock-info-area .percent.up,.stock-current-info  .box-radius.gray .num.up{color:#F23F3F;}

.stock-info-area .stock-name{font-size:2.2rem}
.stock-info-area .stock-name>span{color:#464A4E; font-size:1.8rem;}

.stock-info-area .scroll-tbl{overflow-x: auto; margin:0 -2rem; padding:0 2rem}
.stock-info-area .scroll-tbl .tbl-basic{min-width:84rem;}

.stock-current-area{margin-top:3.2rem;}
.stock-current-info .emphasis{display: flex; display: -ms-flexbox; align-items: center;}
.stock-current-info .emphasis dt{font-size:1.6rem; margin-right:2rem; }
.stock-current-info .emphasis .stock-up .number,
.stock-current-info .emphasis .stock-down .number{font-size:4rem; font-weight:700; line-height:4.8rem; padding-left:3.4rem; background-size: 2.4rem auto;}
.stock-current-info .emphasis .stock-up .number{background-image: url(../../common/img/content/company/icon_up.png);}
.stock-current-info .emphasis .stock-down .number{background-image: url(../../common/img/content/company/icon_down.png);}

.stock-current-info .current-info{display: flex; display: -ms-flexbox; align-items: center; margin:1.2rem 0 2rem;}
.stock-current-info .current-info>li+li{position: relative;padding-left:4.9rem;}
.stock-current-info .current-info>li+li::before{content:''; display:block; position: absolute; top:50%; left:2.4rem; transform: translateY(-50%); width:.1rem; height:1.6rem; background-color: #D5DBE6;}

.stock-current-info .current-info>li>*{display:inline-block}
.stock-current-info .current-info .label{margin-right:2rem; font-size:1.6rem}
.stock-current-info .current-info .percent,.stock-current-info .current-info .number{font-weight:600; font-size:1.6rem}
.stock-current-info .box .tbl-basic td{width:25%}

.stock-current-info .box.flex{margin:2rem 0 4rem}
.stock-current-info .box.flex .box-radius{width:calc(50% - .8rem); margin-left:1.6rem;}
.stock-current-info .box.flex .box-radius:first-child{margin-left:0;}
.stock-current-info .box-radius.gray{padding:2.4rem 1.2rem}
.stock-current-info .box-radius.gray .tit>b{font-size:1.8rem; font-weight:600; margin-right:.8rem; vertical-align: middle;}
.stock-current-info .box-radius.gray .tit>span{font-size:1.4rem; color:#878F9C; vertical-align: middle;}
.stock-current-info .box-radius.gray .num{display: block; font-size:2.2rem; font-weight:600; text-align: center; margin:1.7rem 0 .4rem; line-height:3rem}
.stock-current-info .box-radius.gray .num::before{content:''; display: block; margin:0 auto 1.2rem; width:5rem; height:4rem; background: url(../../common/img/content/company/icon_arr_down.png) no-repeat 0 0/100% auto;}
.stock-current-info .box-radius.gray .num.up::before{background-image: url(../../common/img/content/company/icon_arr_up.png);}

.stock-current-info .box-radius.gray .stock{text-align:center}
.stock-current-info .box-radius.gray .number{color:#000; font-size:1.6rem}

.stock-current-area .scroll-tbl .tbl-basic td{width:12.5%; text-align: right; padding:1.6rem .8rem}
.stock-current-area .scroll-tbl .tbl-basic td:first-child{text-align: center;}

/* 공시자료 */
.disclosure-area{margin-top:4rem;}
.disclosure-area .sub-info{font-size:1.4rem; text-align:right}
.disclosure-area .list-card{margin-top:.8rem;}
.disclosure-area .list-card>li:first-child{margin-top:0}
.disclosure-area .list-card .btn-round.blue.icon-download::after{background-position:-75rem 0}

/* ir게시판 */
.list-card.board>li>a{height:18.8rem;}

/* 사업장 */
.compay-cont .list-thumbnail{margin-top:4rem;}
.compay-cont .list-thumbnail .list-bu>li::before{background-color:#000}
.compay-cont .list-thumbnail .list-bu .tit{color:#000; width: 4.7rem; min-width: 4.7rem; margin-right:2rem; font-weight:600; text-transform: uppercase;}
.compay-cont .list-thumbnail .list-bu .tit.mail{text-transform:none;}
.compay-cont .list-thumbnail .list-bu .txt{color:#464A4E}

/* 유통망 */
.compay-cont .network-cont{margin-top:4rem;}
.compay-cont .network-cont>.selectbox {width:100%; margin-bottom:2.4rem;}

.list-network>li{padding:2.4rem; margin-bottom:1.6rem;}
.list-network>li:last-child{margin-bottom:0;}
.list-network .label{font-size:1.4rem; font-weight:600;}
.list-network .label::after{content:''; display: inline-block; margin-left:.4rem; width: 1.6rem; height: 1.6rem; vertical-align: middle; border-radius: 10rem;}
.list-network .agency .label{color:#0958CE}
.list-network .agency .label::after{background-color:#0958CE}
.list-network .distributor .label{color:#F2893F}
.list-network .distributor .label::after{background-color:#F2893F}
.list-network .title{font-size:2rem; font-weight:600; display: block; margin:.8rem 0 2.4rem;}
.list-network .list-bu>li{display:flex; margin-top:.4rem;}
.list-network .list-bu>li:first-child{margin-top:0}
.list-network .list-bu>li::before{background-color:#000}
.list-network .list-bu .tit{width: 4.7rem; min-width: 4.7rem; margin-right:2rem; color:#000; font-weight:600;}
.list-network .list-bu .txt{color:#464A4E; word-break: keep-all; word-wrap: break-word; overflow-wrap: anywhere;}

/* 국외 유통망 */
.network-cont > .title-section{font-size:2.2rem; line-height:3rem; padding:1rem 0; margin:0 0 2.4rem}
.list-network + .title-section{margin-top:4.8rem}
.list-network.oversea .label{color:#0958CE; position: relative; display: block;}
.list-network.oversea .label::after{content:''; display:block; width:3.2rem; height:3.2rem; border-radius: 10rem; background: no-repeat 0 0/100% auto; position: absolute; top:0; right:0}
.list-network.oversea .label.china::after{background-image: url(../../common/img/content/company/flag/china.png);}
.list-network.oversea .label.hongkong::after{background-image: url(../../common/img/content/company/flag/hongkong.png);}
.list-network.oversea .label.usa::after{background-image: url(../../common/img/content/company/flag/usa.png);}
.list-network.oversea .label.slovakia::after{background-image: url(../../common/img/content/company/flag/slovakia.png);}
.list-network.oversea .label.india::after{background-image: url(../../common/img/content/company/flag/india.png);}
.list-network.oversea .label.netherlands::after{background-image: url(../../common/img/content/company/flag/netherlands.png);}
.list-network.oversea .label.russia::after{background-image: url(../../common/img/content/company/flag/russia.png);}
.list-network.oversea .label.serbia::after{background-image: url(../../common/img/content/company/flag/serbia.png);}
.list-network.oversea .label.vietnam::after{background-image: url(../../common/img/content/company/flag/vietnam.png);}

.list-network.oversea .list-bu .tit{width:6.3rem; min-width:6.3rem}
.list-network.oversea .list-bu .txt>span{display: block;}

/* ESG 경영 */
.sustainability-cont .summary-cont .br-txt{display: initial;}
.sustainability-cont .summary-cont .br-txt.mo{display: block;}

.esg-area .box-radius.type-lg .list-bu>li{margin-top: .4rem;}
.esg-area .box-radius.type-lg .list-bu>li:first-child{margin-top: 0;}

.esg-area .box-radius.first{padding:6rem 0; text-align: center;}
.esg-area .box-radius.first .title-box{margin:0}
.esg-area .box-radius.first .title-box .point-b{display: block;}
.esg-area .box-radius.first .txt{margin-top:.8rem}

.esg-area .box-radius.gray .icon2::before {background-position: -8.4rem 0;}
.esg-area .box-radius.gray .icon3::before {background-position: -16.8rem 0;}
.esg-area .box-radius.gray .icon4::before {background-position: -25.2rem 0;}
.esg-area .box-radius.gray .icon5::before {background-position: -33.6rem 0;}
.esg-area .box-radius.gray .icon6::before {background-position: 0 -8.4rem;}
.esg-area .box-radius.gray .icon7::before {background-position: -8.4rem -8.4rem;}
.esg-area .box-radius.gray .icon8::before {background-position: -16.8rem -8.4rem;}
.esg-area .box-radius.gray .icon9::before {background-position: -25.2rem -8.4rem;}

/* 지속가능보고서 */
.sustainability-cont .pdf-area{margin-top:4rem;}
.sustainability-cont .pdf-area>.box-radius.gray{padding:4.6rem 2rem; text-align: center;}
.sustainability-cont .pdf-area>.box-radius.gray .title-l{font-size:2.4rem;}
.sustainability-cont .pdf-area .point-b.year{display: block; font-size: 1.8rem; line-height: 2.8rem;}
.sustainability-cont .pdf-area .box-visual{width:25.9rem; margin:2.6rem auto 3rem; background-color:#fff; box-shadow: .6rem .4rem .8rem 0 rgba(0, 0, 0, 0.15); padding:1rem;}
.sustainability-cont .pdf-area .btn-area{display: -ms-flexbox; display: flex; align-items: center; justify-content: center;}
.sustainability-cont .pdf-area>.box-radius.gray .icon-download{font-size:1.6rem; font-weight:600; display: inline-flex; align-items: center;}
.sustainability-cont .pdf-area>.box-radius.gray .icon-download::after{content:''; display: inline-block; width: 4rem; min-width: 4rem; height: 4rem; border-radius: 10rem; background:#0958CE url(../img/system/icon_24x24.png) no-repeat -38.8rem -4rem/77.6rem auto; margin-left:.8rem;}
.sustainability-cont .pdf-area>.box-radius.gray .icon-download + .icon-download{margin-left:2.3rem;}

/* ESG평가 */
.sustainability-cont>.title-section{font-size:2.2rem}
.evaluation-area>.box-radius.gray{padding:2.6rem; margin-top:1.6rem;}
.evaluation-area>.box-radius.gray .logo{border-radius: 1.6rem; background-color: #fff; min-width:100%; height: 18rem; display: -ms-flexbox; display: flex; align-items: center; justify-content: center;}
.evaluation-area>.box-radius.gray>*{display: block;}
.evaluation-area>.box-radius.gray .logo img{width:18rem;}
.evaluation-area>.box-radius.gray:first-child .logo img{width:16.5rem;}
.evaluation-area>.box-radius.gray .txt{font-size:1.8rem; font-weight:600; margin-top:1.6rem;}
.evaluation-area>.box-radius.gray .sub{font-size:1.4rem; margin-top:.4rem; color:#464A4E}

/* 환경경영 */
.environment-cont>.title-section{font-size:2.2rem; margin-bottom:1.6rem}
.environment-cont .box-radius.gray{padding:4rem 1rem; margin-top:1.6rem;}
.environment-cont .list-diagram>li{display: flex; align-items: center; justify-content: center; font-size:1.6rem; color:#fff; font-weight:600; border-radius:2rem; padding:1rem 0; margin-bottom:1rem; position: relative;}
.environment-cont .list-diagram>li::after{content:''; width:.2rem; height:1rem; position: absolute; bottom:-1rem; left:50%; transform: translateX(-50%); background: url(../../common/img/content/bg_dashed_line.png) no-repeat 0 100%/100% auto;}
.environment-cont .list-diagram>li:first-child{width:10rem; height:10rem; margin:0 auto 1rem; border-radius: 8rem; background: linear-gradient(153deg, #0E44C5 2.34%, #76ABF9 99.03%), linear-gradient(153deg, #0E44C5 2.34%, #2A66F6 99.03%); font-size:1.8rem;}
.environment-cont .list-diagram>li:nth-child(2){background-color: #000;}
.environment-cont .list-diagram>li:nth-child(3){background-color: #B7C0CF;}

.environment-cont .diagram .box-area .box-radius{padding:2rem 1.6rem 1.6rem; text-align: center; border-color:#0958CE; margin-top:.8rem;}
.environment-cont .diagram .box-area .box-radius:first-child{margin-top:0;}
.environment-cont .diagram .box-area .tit{font-weight:600; color:#0958CE; margin-bottom:.8rem}
.environment-cont .diagram .box-area .box{display: -ms-flexbox; display: flex; align-items: center;  -ms-flex-wrap: wrap; flex-wrap: wrap;}
.environment-cont .diagram .box-area .box>span{font-size:1.6rem; color:#464A4E; background-color: #F0F3FA; width:calc(50% - .3rem); height: 4.6rem; line-height: 4.6rem; border-radius: 1.6rem;}
.environment-cont .diagram .box-area .box>span+span{margin-left:.6rem;}
.environment-cont .diagram .box-area .box>span.full{width: 100%; margin-top:.6rem; margin-left: 0;}
.environment-cont .graph-area{margin:0 -2rem;}
.environment-cont .graph-area .scroll-x{max-width: 100%; overflow-y: hidden; overflow-x: auto;padding:0 2rem;}
.environment-cont .graph-area .box-radius{width:128rem; padding:10rem 5.5rem;}
.environment-cont .graph-area .box-radius>img{width: 118.5rem;}
.environment-cont .type-radius-blue .box-radius .title-m::after{background:url(../../common/img/content/icon_environment.png) no-repeat 0 0 / 16.5rem auto;}
.environment-cont .type-radius-blue .box-radius.icon-2 .title-m::after{background-position-x:-4.3rem;}
.environment-cont .type-radius-blue .box-radius.icon-3 .title-m::after{background-position-x:-8.6rem;}
.environment-cont .type-radius-blue .box-radius.icon-4 .title-m::after{background-position-x:-12.9rem;}

.environment-cont .scroll-tbl{overflow-y: hidden; overflow-x: auto; margin:0 -2rem; padding:0 2rem;}
.environment-cont .title-section + .tbl-info{margin-top:-1.2rem}
.environment-cont .tbl-basic{min-width:68.8rem;}
.environment-cont .tbl-basic tbody th.left{min-width: 20rem;}
.environment-cont .tbl-basic tbody th:nth-child(2),
.environment-cont .tbl-basic tbody td{min-width: 9.7rem; width: 21.6rem;}
.environment-cont .tbl-basic.type-2 thead th,
.environment-cont .tbl-basic.type-2 thead th:first-child{width: 25%;}

/* 안전경영 */
.safety-cont .type-radius .box-radius[class*="type-"] [class*='icon']::before{background: url(../img/content/icon_safety_01.png) no-repeat 0 0/21.2rem auto;}
.safety-cont .type-radius .box-radius.type-sm .box .box-radius{padding:3rem 0}
.safety-cont .type-radius .box-radius.type-sm .icon2::before{background-position: -7.4rem 0;}
.safety-cont .type-radius .box-radius.type-sm .icon3::before{background-position: -14.8rem 0;}
.safety-cont .type-radius .box-radius.type-lg{margin-top:1.6rem}
.safety-cont .type-radius .box-radius.type-lg .list-bu>li{letter-spacing: -.02rem;}

.safety-cont .type-radius .box-radius.type-lg .icon1::before{background-position: 0 -7.4rem;}
.safety-cont .type-radius .box-radius.type-lg .icon2::before{background-position: -7.4rem -7.4rem;}
.safety-cont .type-radius .box-radius.type-lg .icon3::before{background-position: -14.8rem -7.4rem;}
.safety-cont .diagram-area{overflow-x: auto; margin:1.6rem -2rem 0; padding:0 2rem;}
.safety-cont .diagram-area .inner{position: relative; background-color:#FAFAFD; border-radius:2rem; overflow: hidden; min-width: 68.8rem;}
.safety-cont .diagram-area .diagram{width: 34rem; height:34rem; position: absolute; top:47%; left:50%; transform: translate(-50%, -50%); z-index: 1;}
.safety-cont .diagram-area .box-area{display: -ms-flexbox; display: flex;  -ms-flex-wrap: wrap; flex-wrap: wrap;}
.safety-cont .diagram-area .box{width: 50%; min-width:50%; min-height: 47.5rem; padding:4rem;}
.safety-cont .diagram-area .box:nth-child(1), .safety-cont .diagram-area .box:nth-child(4){background-color: #F0F3FA;}
.safety-cont .diagram-area .box:nth-child(3), .safety-cont .diagram-area .box:nth-child(4){padding-top:20rem;}
.safety-cont .diagram-area .box .tit{font-weight: 600; font-size:1.8rem;}
.safety-cont .diagram-area .box .txt-bu + .tit,
.safety-cont .diagram-area .box .tit + .tit,
.safety-cont .diagram-area .box .list-bu + .tit{margin-top: 1rem;}
.safety-cont .diagram-area .box .txt-bu,
.safety-cont .diagram-area .box .list-bu>li{margin-top:.8rem;}
.safety-cont .type-radius-blue .box-radius .title-m::after{background:url(../../common/img/content/icon_safety_02.png) no-repeat 0 0 /12.8rem auto;}
.safety-cont .type-radius-blue .box-radius.icon2 .title-m::after{background-position: -4.6rem 0;}
.safety-cont .type-radius-blue .box-radius.icon3 .title-m::after{background-position: -9.2rem 0;}
.safety-cont .type-radius-blue .box-radius.icon4 .title-m::after{background-position: 0 -4.6rem;}
.safety-cont .type-radius-blue .box-radius.icon5 .title-m::after{background-position: -4.6rem -4.6rem;}
.safety-cont .type-radius-blue .box-radius.icon6 .title-m::after{background-position: -9.2rem -4.6rem;}
.safety-cont .tbl-basic th, .safety-cont .tbl-basic td{vertical-align: middle;}
.safety-cont .title-section + .tbl-info{margin-top:-1.2rem}

/* 인권경영 */
.ethical-cont .title-section + .txt-section{margin-top:-1.2rem}
.ethical-cont .diagram-area.type1 .list-diagram>li:nth-child(1) .tit{border-radius: 2rem; background-color: #222;}
.ethical-cont .diagram-area.type1 .list-diagram>li:nth-child(2) .tit{background-color: #052E6B;}
.ethical-cont .diagram-area.type1 .list-diagram>li:nth-child(3) .tit{background-color: #07439C;}
.ethical-cont .diagram-area.type1 .list-diagram>li:nth-child(4) .tit{background-color: #0958CE;}

/* 윤리경영 */
.ethical-cont .ethical-area{padding:2rem; margin-top:1.8rem}
.ethical-cont .ethical-area .semi-bold{font-size:1.8rem}
.ethical-cont .ethical-area .list-bu>li{color:#000; margin-top:1.2rem;}
.ethical-cont .ethical-area .list-bu>li::before{background-color: #000;}

.ethical-cont .diagram-area.type2 .box-radius.gray{padding:4rem 1rem; margin-top:1.6rem}
.ethical-cont .diagram-area.type2 .list-type1 .teams,
.ethical-cont .diagram-area.type2 .box-radius.gray .full>span,
.ethical-cont .diagram-area.type2 .list-type2>li{display: block; border-radius: 2rem; padding: 1rem 0; color:#fff; font-weight:600; text-align: center;}
.ethical-cont .diagram-area.type2 .list-type1>li .arrow,
.ethical-cont .diagram-area.type2 .list-type2{display: -ms-flexbox; display: flex; align-items: center; justify-content: center;}
.ethical-cont .diagram-area.type2 .list-type1>li .arrow>span{width: calc(50% - 3rem); color:#464A4E; font-size:1.6rem}
.ethical-cont .diagram-area.type2 .list-type1>li .arrow>span:first-child{text-align: right;}
.ethical-cont .diagram-area.type2 .list-type1>li .arrow .arr{width:6rem; height: 4rem; background: url(../../common/img/content/ethical-diagram/bg_diagram_arr_2.png) no-repeat 50% 0/auto 4rem;}
.ethical-cont .diagram-area.type2 .list-type1>li:first-child{margin-top:0}
.ethical-cont .diagram-area.type2 .box-radius.gray .full>span,
.ethical-cont .diagram-area.type2 .list-type1>li:nth-child(1) .teams{background-color: #000;}
.ethical-cont .diagram-area.type2 .list-type1>li:nth-child(2) .teams{background-color: #464A4E;}
.ethical-cont .diagram-area.type2 .list-type1>li:nth-child(3) .teams{background-color: #07439C;}
.ethical-cont .diagram-area.type2 .list-type1>li:nth-child(4) .teams{background-color: #fff; border:.1rem solid #0958CE; color:#0958CE;}
.ethical-cont .diagram-area.type2 .full::after{content: ''; display: block; width: 100%; height: 4rem; background: url(../../common/img/content/ethical-diagram/bg_diagram_m.png) no-repeat center /contain;}
.ethical-cont .diagram-area.type2 .list-type2>li{width: calc(50% - .8rem);}
.ethical-cont .diagram-area.type2 .list-type2>li:nth-child(1){background-color: #07439C; margin-right:1.6rem}
.ethical-cont .diagram-area.type2 .list-type2>li:nth-child(2){background-color: #E7ECF3; color:#464A4E;}

/* 윤리경영활동 */
.ethical-cont .box-radius.gray.txt-area{padding:2rem; font-size:1.6rem}
.ethical-cont .type-radius-blue.type1 .box-radius .title-m::after{background:url(../../common/img/content/icon_ethical.png) no-repeat 0 0/12.8rem auto;}
.ethical-cont .type-radius-blue.type1 .box-radius.icon2 .title-m::after{background-position: -4.6rem 0;}
.ethical-cont .type-radius-blue.type1 .box-radius.icon3 .title-m::after{background-position: -9.2rem 0;}
.ethical-cont .diagram-area.type3{padding:4rem 1rem}
.ethical-cont .diagram-area.type3 .box::after{content:''; display: block; margin:0 auto; width:1.2rem; height: 3rem; background: url(../../common/img/content/bg_diagram_arr.png) no-repeat 0 -1.6rem / auto 4rem;}
.ethical-cont .diagram-area.type3 .box:last-child:after{display: none;}
.ethical-cont .diagram-area.type3 .tit{border-radius: 2rem 2rem 0 0; height: 9.9rem; padding:1.6rem 0; background-color: #B7C0CF; display: -ms-flexbox; display: flex; flex-direction: column; align-items: center; justify-content:center; color:#fff; font-weight:600; font-size:1.8rem;}
.ethical-cont .diagram-area.type3 .tit::before{content:''; display: block; margin-bottom:.2rem; width:3.6rem; height: 3.6rem; background: url(../../common/img/content/ethical-diagram/icon_process.png) no-repeat 0 0/15.9rem auto;}
.ethical-cont .diagram-area.type3 .list-bu{border-radius: 0 0 2rem 2rem; border:.1rem solid #D5DBE6; border-top:0; background-color: #fff; padding:1rem 2rem 1.6rem;}
.ethical-cont .diagram-area.type3 .list-bu>li{color:#464A4E; font-size:1.6rem;}
.ethical-cont .diagram-area.type3 .list-bu>li + li{margin-top:.4rem;}
.ethical-cont .diagram-area.type3 .list-bu>li::before{background-color: #000;}
.ethical-cont .diagram-area.type3 .box:nth-child(2) .tit{background-color:#878F9C}
.ethical-cont .diagram-area.type3 .box:nth-child(2) .tit::before{background-position:-4.1rem 0}
.ethical-cont .diagram-area.type3 .box:nth-child(3) .tit{background-color:#07439C}
.ethical-cont .diagram-area.type3 .box:nth-child(3) .tit::before{background-position:-8.2rem 0}
.ethical-cont .diagram-area.type3 .box:nth-child(4) .tit{background-color:#052E6B}
.ethical-cont .diagram-area.type3 .box:nth-child(4) .tit::before{background-position:-12.3rem}

/* 공급망 관리정책 */
.supply-chain-cont .title-section + .txt-section{margin-top:-1.2rem}
.supply-chain-cont .txt-section + .pdf-area {margin-top:4rem}

/* 협력사 소통 */
.supply-chain-cont .type-radius-blue .box-radius .title-m::after{background-image: url(../../common/img/content/supply_chain/icon_supply_chain.png); background-size: 17.4rem auto;}
.supply-chain-cont .type-radius-blue .icon2 .title-m::after{background-position-x: -4.6rem;}
.supply-chain-cont .type-radius-blue .icon3 .title-m::after{background-position-x: -9.2rem;}
.supply-chain-cont .type-radius-blue .icon4 .title-m::after{background-position-x: -13.8rem;}

/* 분쟁광물 관리 */
.supply-chain-cont .diagram-area .box-radius.gray{padding:4rem 1rem}
.supply-chain-cont .diagram-area .br-txt, .supply-chain-cont .diagram-area .br-mo{display: block;}
.supply-chain-cont .diagram-area .list-diagram .txt{display: -ms-flexbox; display: flex; flex-direction: column; -ms-flex-direction: column; align-items: center; justify-content: center; border-radius: 2rem; padding: 1rem 0; font-weight:600; color:#fff;}
.supply-chain-cont .diagram-area .list-diagram li::after{content: ''; display: block; margin:0 auto; width: .2rem; height: 1rem; background: url(../../common/img/content/bg_dashed_line.png) no-repeat 0 0/auto 2rem;}
.supply-chain-cont .diagram-area .box-radius.gray>.list-diagram li:last-child::after,
.supply-chain-cont .diagram-area .box-radius.dashed .list-diagram li:first-child::after,
.supply-chain-cont .diagram-area .box-area .list-diagram>li::after{width:1.2rem; height:3rem; background: url(../img/content/bg_diagram_arr.png) no-repeat 0 -1.8rem/1.2rem auto;}

.supply-chain-cont .diagram-area .box-radius.gray>.list-diagram li:nth-child(1) .txt{background-color: #000;}
.supply-chain-cont .diagram-area .box-radius.gray>.list-diagram li:nth-child(2) .txt{background-color: #464A4E;}
.supply-chain-cont .diagram-area .box-radius.gray>.list-diagram li:nth-child(3) .txt{background-color: #878F9C;}
.supply-chain-cont .diagram-area .box-radius.gray>.list-diagram li:nth-child(4) .txt{background-color: #B7C0CF; color:#464A4E}
.supply-chain-cont .diagram-area .box-radius.gray>.list-diagram li:nth-child(5) .txt{background-color: #D5DBE6; color:#464A4E}

.supply-chain-cont .diagram-area .box-radius.dashed{border: 2px dashed #B7C0CF; background: #F0F6FE; padding: 1.6rem;}
.supply-chain-cont .diagram-area .box-radius.dashed .list-diagram li:first-child::after{background-image: url(../../common/img/content/bg_diagram_arr_b.png);}
.supply-chain-cont .diagram-area .box-radius.dashed .list-diagram li:last-child::after{display: none;}
.supply-chain-cont .diagram-area .box-radius.dashed .list-diagram li:nth-child(1) .txt{background-color: #458CF7;}
.supply-chain-cont .diagram-area .box-radius.dashed .list-diagram li:nth-child(2) .txt{background-color: #07439C;}

.supply-chain-cont .diagram-area .box-area::before{content:''; display: block; width: 100%; height: 3rem; background:url(../../common/img/content/supply_chain/bg_line_mo.png) no-repeat center /contain;}
.supply-chain-cont .diagram-area .box-area{display: -ms-flexbox; display: flex; justify-content: space-between; -ms-flex-wrap: wrap; flex-wrap: wrap;}
.supply-chain-cont .diagram-area .box-area .list-diagram{width: calc(50% - .8rem);}
.supply-chain-cont .diagram-area .box-area .list-diagram>li .txt{color:#0958CE; border:.1rem solid #0958CE; background-color: #fff;}
.supply-chain-cont .diagram-area .box-area .list-diagram>li:last-child .txt{color:#fff; border:0; background-color: #052E6B; height:9.8rem;}
.supply-chain-cont .diagram-area .box-area .list-diagram>li:last-child::after{display: none;}
.supply-chain-cont .diagram-area .box-area .list-diagram + .list-diagram {display: -ms-flexbox; display: flex; flex-direction: column; -ms-flex-direction: column;}
.supply-chain-cont .diagram-area .box-area .list-diagram + .list-diagram>li:first-child::after{background: url(../../common/img/content/supply_chain/bg_arr.png) no-repeat 0 100%/ 100% auto; height: 13.2rem;}
.supply-chain-cont .diagram-area .box-area .list-diagram + .list-diagram>li:last-child{margin-top:auto;}

/* 추진체계 */
.social-cont .title-section + .txt-section{margin-top:-1.2rem}
.social-cont .type-radius .type-lg{margin-top:4rem; display: block;}
.social-cont .type-radius .type-lg .box-radius{padding:3rem 0;}
.social-cont .type-radius .type-lg .info{text-align: center;}
.social-cont .type-radius .title-sub .block{font-size:1.6rem; font-weight:400;}
.social-cont .type-radius .title-sub .emphosis{font-size:1.8rem;}
.social-cont .type-radius .box-radius.gray .title-sub::before{background-size:6.4rem auto;}
.social-cont .type-radius .icon1.title-sub::before{background-image:url(../../common/img/content/social/icon_type1_1.png);}
.social-cont .type-radius .icon2.title-sub::before{background-image:url(../../common/img/content/social/icon_type1_2.png);}
.social-cont .type-radius .icon3.title-sub::before{background-image:url(../../common/img/content/social/icon_type1_3.png);}

.social-cont .type-radius-blue.type2 .title-m{display: -ms-flexbox; display: flex; align-items: center;}
.social-cont .type-radius-blue.type2 .title-m .br-pc{display: none;}
.social-cont .type-radius-blue.type2 .title-m .br-mo{display: block;}
 
.social-cont .type-radius-blue.type2 .title-m::before{margin:0 2rem 0 0}
.social-cont .type-radius-blue.type2 .box-radius .title-m::after{background: url(../../common/img/content/social/icon_type2.png); background-size: 21.6rem auto;}
.social-cont .type-radius-blue.type2 .icon2 .title-m::after{background-position-x: -4.5rem;}
.social-cont .type-radius-blue.type2 .icon3 .title-m::after{background-position-x: -9rem;}
.social-cont .type-radius-blue.type2 .icon4 .title-m::after{background-position-x: -13.5rem;}
.social-cont .type-radius-blue.type2 .icon5 .title-m::after{background-position-x: -18rem;}

.social-cont .txt-section.num{padding-left:2rem; position: relative;}
.social-cont .txt-section.num>b{position:absolute; top:0; left: 0;}
.social-cont .diagram-area.type1{padding:5rem 1rem}
.social-cont .diagram-area.type1 + .txt-section{margin-top:2rem}
.social-cont .diagram-area.type1 .list-diagram>li:nth-child(1) .tit{background-color: #458CF7;}
.social-cont .diagram-area.type1 .list-diagram>li:nth-child(2) .tit{background-color: #0958CE;}
.social-cont .diagram-area.type1 .list-diagram>li:nth-child(3) .tit{background-color: #052E6B;}
.social-cont .diagram-area.type1 .list-diagram .tit{font-size:1.8rem;}
.social-cont .diagram-area.type1 .list-diagram .tit .date{font-size:1.4rem; font-weight: 400; display: block; text-align: center;}
.social-cont .diagram-area.type1 .list-diagram .txt {padding:1rem 2.6rem 1.6rem}
.social-cont .diagram-area.type1 .list-diagram .emphasis{font-size:1.8rem; color:#000}

.social-cont .diagram-area.type1 .list-diagram.align-l .txt{text-align: left;}
.social-cont .diagram-area.type1 .list-diagram.align-l .list-bu{margin-top:1rem}
.social-cont .diagram-area.type1 .list-diagram.align-l .list-bu li{color:#464A4E; margin-top:.4rem}
.social-cont .diagram-area.type1 .list-diagram.align-l .list-bu li::before{background-color:#000}

/* 사회공헌활동 */
.social-cont .box-area.active .box-radius{overflow: hidden;}
.social-cont .box-area.active .thumbnail{display: block; position: relative; width: 100%; padding-bottom: 65.67%;}
.social-cont .box-area.active .thumbnail img{position: absolute; width: 100%; height: 100%; object-fit: cover;}
.social-cont .box-area.active .box-radius{margin-top:1.6rem;}
.social-cont .box-area.active .box-radius .box{padding:2.4rem 2.4rem 3.2rem;}
.social-cont .box-area.active .box .tit{font-size:2rem;}
.social-cont .box-area.active .box .txt{font-size:1.6rem; color:#464A4E; margin-top:1.2rem;}

/* Q&A */
.customer-cont>.title-section{font-size:2.4rem;}
.customer-cont .summary-cont .br-txt,
.customer-cont .summary-desc .br-txt{display: block;}
.customer-cont .box-radius.terms{border-color:#D5DBE6; height: 30rem; margin-top:1.2rem;}
.customer-cont .box-radius.terms>.scroll{overflow-y: auto; height: 27.4rem; margin:2rem .8rem 0 2rem; padding-right:1.2rem}
.customer-cont .box-radius .terms-of-use{font-size:1.6rem;}
.customer-cont .terms-of-use h5,.customer-cont .terms-of-use h6, .customer-cont .terms-of-use dt{font-weight: 600;}
.customer-cont .terms-of-use h5{font-size:1.8rem; margin-bottom:1.6rem}
.customer-cont .terms-of-use>ul,.customer-cont .terms-of-use>dl{margin:.8rem 0 2.4rem; color:#464A4E}
.customer-cont .terms-of-use>p + dl{margin-top:2.4rem}
.customer-cont .terms-of-use li ul{margin-left:2rem;}
.customer-cont .agree-area{display: -ms-flexbox; display: flex; justify-content: right; font-size:1.6rem; margin-top:2rem;}
.customer-cont .btn-area.line-t{margin-top:3.2rem; border-top:.1rem solid #B7C0CF}
.customer-cont .btn-area.foot {padding-top:4.8rem;}
.customer-cont .btn-area.foot [class*="btn-"]{width: 100%;}
.customer-cont .btn-area.foot [class*="btn-"] + [class*="btn-"] {margin-top:.8rem;}
.customer-cont .box-radius.info{padding:2rem; margin:4rem 0 2rem;}


.customer-cont .reception-area{text-align: center; margin-top:4rem;}
.customer-cont .reception-area .title-l{margin-bottom:2rem; font-size:2.4rem;}
.customer-cont .reception-area .title-l>span{display: block;}
.customer-cont .reception-area .title-l::before{content: ''; display: block; width:18rem; height: 12rem; margin:0 auto 2rem; background: url(.././img/content/icon_etc.png) no-repeat -23rem 0/64rem auto;}
.customer-cont .reception-area .sub{color:#464A4E;}

/* FAQ */
.customer-cont .search-faq{padding:2.4rem 2rem; margin:4rem 0 2.4rem;}
.customer-cont .search-faq .selectbox{width: 100%;}
.customer-cont .search-faq .form-input.search,
.customer-cont .search-faq .form-input.search .textfield{width: 100%; min-width:auto;}
.customer-cont .search-faq .selectbox + .form-input.search{margin-top:.8rem}

.accordion-area.faq .accordion.active + .accordion{border-top:0;}
.accordion-area.faq .accordion .summary-area .icon-q{display: inline-flex; align-items: center; justify-content: center; font-size:1.6rem; font-weight:600; color:#fff; background-color:#222; width: 3.2rem; flex-basis:3.2rem; height: 3.2rem; border-radius: 10rem; margin-right:1.2rem;}
.accordion-area.faq .accordion .content-area{padding:.8rem 3.3rem 0 4.4rem}
.accordion-area.faq .accordion.active{border:.1rem solid #222; border-radius:2rem;}
.accordion-area.faq .accordion + .accordion.active{margin-top:-.4rem;}

.accordion-area.faq .content-area .file-download{margin-top:.8rem;}
.accordion-area.faq .content-area .file-download a{display: -ms-flexbox; display: flex; align-items: center;}
.accordion-area.faq .content-area .file-download a::before{content:''; display:block; margin-right:.8rem; width: 3.2rem; height: 3.2rem; background: url(../img/system/icon_32x32.png) no-repeat -57.2rem 0/60.4rem auto;}

/* News & Notice */
.list-news-notice>li>a:not(.btn-small){border:.1rem solid #B7C0CF; border-radius: 2rem; padding:3.2rem; height: 30.8rem; display: flex; display: -ms-flexbox; flex-direction: column; -ms-flex-direction: column;}
.list-news-notice>li{margin-top:1.6rem; height: 30.8rem; position: relative;}
.list-news-notice>li:first-child{margin-top:0;}
.list-news-notice .label{font-size:1.4rem; color:#0958CE; font-weight: 600;}
.list-news-notice .title-box{display:-webkit-box; margin-top:2.4rem;}
.list-news-notice .news-info{font-size:1.6rem; margin:1.2rem 0 2.4rem; -webkit-line-clamp:2; line-clamp:2}
.list-news-notice .date{font-size:1.4rem; margin-top:auto;}
.list-news-notice .btn-small.icon-download{position: absolute; width: 4rem; min-width: auto; height: 4rem; right:3.2rem; bottom:3.2rem;}
.list-news-notice .btn-small.icon-download::after{content:''; display: inline-block; width: 4rem; min-width: 4rem; height: 4rem; border-radius: 10rem; background:#0958CE url(../img/system/icon_24x24.png) no-repeat -38.8rem -4rem/77.6rem auto; margin-left:0;}

/* 신고·제보 채널 */
.form-area.information .list-form.table .tit{word-break: keep-all;}
.form-area.information .list-form.table .info .form-select{display: -ms-flexbox; display: flex; margin-top:2rem}
.form-area.information .list-form.table .info .form-select:first-child{margin-top:0;}
.form-area.information .list-form.table .form-select.radiobox .label::before{margin-right:.8rem}

/* mobile 360 */
@media (max-width: 374px) {
    /* main */
    .content.main .product .category-area .list-product .br-mo{display: initial;}
    .content.main .product .category-area .list-product li{width:32rem}

    /* title */
    .content .summary-cont .br-mo,
    .content .summary-cont .br-txt,
    .content .summary-cont .point-b,
    .content .summary-cont .br-tbl{display: initial}

    /* 환경경영 */
    .environment-cont .diagram-ir{background-size: 30rem auto;}

    /* 제품상세 */
    .product-info .list-info dd .btn-micro{padding:.5rem 1.3rem;}
    .product-details-area .swiper .swiper-pagination{right:5.5rem}
    .product-details-area .swiper .swiper-button-prev{right:12.6rem}
}

/* mobile */
@media (max-width: 712px) {
    /* 이메일수신거부 */
    .layer-popup-wrap.email-pop .layer-desc{display: flex; flex-direction: column; height: 42.7rem;}
    .layer-popup-wrap.email-pop .layer-desc .box-radius.gray{margin-top:auto}
    
    /* 지배구조 */
	.governance-area .tab-content.tab2 .inner img{max-width: none; width: 128rem;}
}

/* tablet & pc */
@media (min-width: 712px) {
    /* common [s] */
    .no-data{height: 22rem; margin-top:4.8rem}

    .list-form>li>.info .selectbox{width: calc(33.333% - .6rem);}
    .list-form>li>.info .selectbox + .selectbox{margin:0 0 0 .8rem}

    /* table */
    .tbl-info{font-size:1.8rem;}

    /* pdf download */
    .txt-section + .pdf-area {margin-top:2.8rem}
    .pdf-area .title-section + .box-radius.pdf{margin-top:1.6rem;}
    .pdf-area .box-radius.pdf{padding:3.2rem 4rem; display: -ms-flexbox; display: flex; align-items: center; justify-content: space-between;}
    .pdf-area .box-radius.pdf + .box-radius.pdf{margin-top:1.6rem;}
    .pdf-area .box-radius.pdf .title{font-size:2rem; font-weight: 600; line-height: 3.2rem; margin-bottom:0;}
    
    /* box radius type */
    .type-radius .box-radius.gray .box .box-radius[class*='icon']{font-size:2rem}
    .type-radius .box-radius.gray .box-radius{padding:4rem 3.9rem}
    .type-radius .box-radius.gray .list-bu + .title-sub{padding-top: 3.6rem; margin-top: 3.6rem;}
    .type-radius .box-radius.type-lg .title-sub + .tit-list{margin-top:3rem}
    .type-radius .box-radius.type-sm>.txt .br-txt{display: initial;}
    .type-radius .box-radius.type-sm .title-sub{margin-bottom:3rem;}
    .type-radius .box-radius.type-sm .box.flex{display: -ms-flexbox; display: flex; width: 100%;}
    .type-radius .box-radius.type-sm .box.flex .box-radius{padding:4rem 0;}

    /* box radius blue */
    .type-radius-blue{display:flex; display: -ms-flexbox; -ms-flex-wrap: wrap; flex-wrap: wrap;}
    .type-radius-blue .box-radius .title-m::before{margin-bottom:2rem;}
    .type-radius-blue .list-bu>li:first-child{margin-top:1rem;}
    .type-radius-blue .box-radius{padding:4rem;}

    /* diagram */
    .diagram-area.type1 .list-diagram>li .tit{padding:1.4rem 0}
    .diagram-area.type1 .list-diagram>li .txt{padding:1.6rem 0 2rem}

    /* layer popup */
    .layer-popup .layer-header{display: flex; display: -ms-flexbox; align-items: center;}

    /* search */
    .box-radius.search-area .inner{display: flex; display: -ms-flexbox; align-items: center;}
    .box-radius.search-area .selectbox{width:16rem}
    .box-radius.search-area .form-input {width:calc(100% - 16rem); margin:0 0 0 .8rem}

    /* list */
    .list-step>li{padding:4rem 0 2.6rem;}
    .list-step .tit{font-size:2rem; margin-top:1rem;}

    /* list thumbnail */
    .list-thumbnail{display: flex; display: -ms-flexbox; flex-wrap: wrap; -ms-flex-wrap: wrap;}

    /* details */
    .news-notice-area .page-link .page::before{margin:0 3.2rem}
    .news-notice-area .btn-area button{width: 20rem; min-width: 20rem;}
    
    /* content [s] */
    /* main */
    .content.main .section .br-mo{display: initial;}
    .content.main .section .title{margin-bottom:2.4rem;}
    .content.main .section>.txt,
    .content.main .section>.inner>.txt{font-size:2rem; line-height:3.2rem;}
    
    .content.main .sustainability .inner.full .txt{font-size:2rem; line-height: 3.2rem;}
    .content.main .sustainability .inner.small .title{font-size:2.4rem; line-height:3.3rem;}

    .content.main .visual.global{height: 100vh; height: 100dvh; height: calc(var(--vh, 1vh) * 100);}
    .content.main .visual.global .count-area{margin-top:6rem;}
    .content.main .visual.global .count-area .counter{font-size:8rem; line-height: 9.6rem;}
    .content.main .visual.global .count-area .box .date{margin-bottom: 1.9rem;}
    
    .content.main .section.qna .download{display: flex; display: -ms-flexbox;}
    .content.main .section.qna .download>.box{width: 50%; padding:5.6rem 0;}
    .content.main .section.qna .download .box .tit{font-size:3.2rem;}
    .content.main .section.qna .download .box .txt{margin:.8rem 0 3.2rem; font-size:2rem;}
    .content.main .section.qna .visual.qna .inner>.txt{margin-bottom:8rem; font-size:2rem}

    /* 개인정보처리방침 */
    .privacy-cont .br-mo{display: initial;}
    .privacy-cont .title-section{font-size:2.8rem;}
    .privacy-cont .title-sub{margin:4rem 0 1.6rem}
    .privacy-cont .box-radius.gray{padding:3.2rem;}
    .privacy-cont .form-select-area .selectbox{width:50rem; display: block;}
    .privacy-cont .section-desc + .tbl-basic, .privacy-cont .sub-desc + .tbl-basic{margin-top:4rem;}

    /* 이메일무단수신거부 */
    .layer-popup-wrap.email-pop .layer-popup{max-width:60rem; height:47rem;}
    .layer-popup-wrap.email-pop .layer-popup .layer-header{padding:1.8rem 3.2rem}
    .layer-popup-wrap.email-pop .layer-desc {padding:4rem}
    .layer-popup-wrap.email-pop .layer-desc .br-txt{display: block;}
    .layer-popup-wrap.email-pop .layer-desc .box-radius.gray{padding:1.2rem 0; margin:4rem auto 0; width:40rem; height:5rem;}

    /* 오류안내 페이지 */
    .error-cont{padding-top:18rem}
    .error-cont .title{font-size:3.2rem}
    .error-cont .txt .br-mo{display: initial;}
    .error-cont .txt .br-tbl{display: block;}
    .error-cont .btn-large.blue{width:20rem; margin:0 auto}

    /* 제품 */
    .product-cont .br-mo{display: initial;}
    .product-cont .summary-cont {display: -ms-flexbox; display: flex; align-items: center; justify-content: space-between;}
    .product-cont .summary-cont .info {min-height:5.8rem; font-size:1.8rem; line-height:2.8rem}
    .product-cont .summary-cont .btn-large{width:15.2rem; min-width:15.2rem; margin-top:0; position:static}
    .product-details-area .swiper .swiper-pagination{right:7rem;}
    .product-details-area .swiper .swiper-button-prev{right:15.7rem;}
    
    /* 제품 카테고리 */
    .product-cont .list-product,
    .product-cont.list .product-area{display: flex; display: -ms-flexbox; -ms-flex-wrap: wrap; flex-wrap: wrap;}

    /* 제품 검색 팝업 */
    [class*="layer-"].product-search .layer-header{height: 7rem;}
    [class*="layer-"].product-search .layer-header .total{font-size:1.8rem; position: relative; padding-left:2.4rem}
    [class*="layer-"].product-search .layer-header .total::before{content:''; display: block; width: .1rem; height:1.2rem; background-color: #fff; position:absolute; top:50%; transform: translateY(-50%); left:1.2rem;}
    [class*="layer-"].product-search .layer-desc{min-height: calc(100% - 7rem)}
    [class*="layer-"].product-search .selected-area{padding:2rem 2rem 6rem}

    /* 제품 상세 */
    .product-question .selectbox{display: none;}
    .product-question .btn-area{display: flex; display: -ms-flexbox; align-items: center; justify-content: center;}
    .product-question .btn-area .btn-large + .btn-large{margin-left:1.6rem;}
    .product-info .category>a{margin:0 4rem 0 0; padding:.8rem 2rem;}
    .product-info .category>a::after{width: 3.2rem; height: 3.2rem; background: url(../../common/img/system/icon_32x32.png) no-repeat -20.8rem 0/60.4rem auto; position:absolute; top:0; bottom:0; right:-3.7rem; margin:auto 0;}
    .product-info .title-l{font-size:3.2rem; line-height: 4.4rem;}
    .product-info .list-info dt{width: 15rem;}
    .product-details{padding:4rem; margin:6rem 0;}
    .product-cont.details .btn-area{text-align: center;}
    .product-cont.details .product-question .btn-area .btn-large{width: 15.6rem;}
    .product-cont.details > .btn-area .btn-large{width: 20rem;}

    /* 제품검색 결과 */
    .product-cont.search .summary-cont .info{height:2.9rem; min-height: auto;}
    .product-cont.search .search-form .box-radius{padding:1.6rem 2.4rem; display: flex; display: -ms-flexbox; align-items: center; flex-wrap: wrap; -ms-flex-wrap: wrap;}
    .product-cont.search .search-form .box-radius li{margin-top:0; margin-right:4rem;}
    .product-cont.search .search-form .box-radius li:last-child{margin-right:0;}

    /* R&D */
    .rnd-cont .summary-desc .br-txt{display: block;}
    .rnd-cont .box-radius.gray .top{width:14rem; height:14rem; font-size:2rem; line-height: 14rem;}
    .rnd-cont .box-radius.gray .list-sub{padding-top:4rem; margin:0 auto}
    .rnd-cont .box-radius.gray .list-sub::before{width:100%; height:4rem;}
    .rnd-cont .box-radius.gray .list-sub>li[class*="sub"]{padding:1.4rem 0; font-size:1.8rem;}
    .rnd-cont .box-radius.gray .list-sub>li[class*="sub"]:first-child{margin-left:0;}
    .rnd-cont .box-radius.gray .list-sub>li[class*="sub"]{margin-top:0;}
    .rnd-cont .box-radius.gray .list-sub .sub1:nth-child(2){margin-right:0}
    .rnd-cont .box-area{display: flex; display: -ms-flexbox; align-items:stretch; flex-wrap: wrap; -ms-flex-wrap: wrap; margin-top:3rem;}

    /* 제품설계 */
    .product-design-cont .box-radius{padding:2.4rem;}
    .product-design-cont .box-radius>li{width:calc(33.333% - 4rem); padding:1.4rem 0; font-size:1.8rem;}
    .product-design-cont .box-radius>li:nth-child(2){margin:0 4rem; position: relative;}
    .product-design-cont .box-radius>li:nth-child(2)::after,
    .product-design-cont .box-radius>li:nth-child(2)::before{content:''; display: block; width:2rem; height:2rem; background: url(../../common/img/content/rnd/icon_pluse.png) no-repeat 0 0/2rem auto; position: absolute; top:50%; transform: translateY(-50%);}
    .product-design-cont .box-radius>li:nth-child(2)::before{left:-3rem;}   
    .product-design-cont .box-radius>li:nth-child(2)::after{right:-3rem;}
    .product-design-cont .list-step.type1>li{padding:4rem 0 4.4rem;}
    .product-design-cont .list-step.type1>li::after{margin-top:1.8rem}
    .product-design-cont .list-step.type2>li{width:calc(25%)}

    /* 선행연구 */
    .advanced-cont .br-mo{display: initial;}
    .advanced-cont .box-area.virtual,
    .advanced-cont .box-radius.dashed .list,
    .advanced-cont .box-area.product{display: flex; display:-ms-flexbox; flex-wrap: wrap; -ms-flex-wrap: wrap;}
    .advanced-cont .box-radius.dashed .list>li{height:5.7rem; line-height: 5.7rem; padding:0;}
    .advanced-cont .box-radius.tit>.logo{padding:3rem;}
    .advanced-cont .box-radius.tit>.logo .logo{width:22rem;}
    .advanced-cont .box-radius.tit>.logo .icon{width:3rem; height:3rem; margin:0 2rem;}
    .advanced-cont .box-radius.dashed::before{height:4rem; top:-4.2rem; background-position-y: -1rem;}
    .advanced-cont .box-radius.dashed{margin:4rem 0 12rem; padding:2rem;}
    .advanced-cont .box-radius.dashed .list>li{width:calc(50% - .8rem)}
    .advanced-cont .box-radius.dashed .list>li:nth-child(2){margin:0 0 0 1.6rem;}

    /* 금형기술 */
    .tooling-cont .list>li .br-mo{display: initial;}
    .tooling-cont .list-box>li{font-size:2rem; padding:2.4rem 2rem; line-height:3.2rem; height:17rem;}
    .tooling-cont .list-box::after{width:4.2rem; height:4.2rem;}
    .tooling-cont .list>li{padding:1.4rem 0}

    /* 신뢰성평가 */
    .realibility-cont .br-mo{display: initial;}

    /* 경영이념 */
    .philosophy-cont .summary-cont .br-mo{display: initial;}
    .philosophy-cont .visual-area .txt{font-size:2.8rem;}
    .philosophy-cont .box-area{display: flex; display: -ms-flexbox; flex-wrap:wrap; -ms-flex-wrap: wrap;}
    .philosophy-cont .box-area .box-radius{width:calc(50% - .8rem); margin-top:0;}
    .philosophy-cont .box-area .box-radius:nth-child(even){margin-left:1.6rem}
    .philosophy-cont .box-area.philosophy .title-l{font-size:2.4rem; line-height:3.3rem;}

    /* 인권헌장 */
    .human-cont .title-section{font-size:2.8rem;}
    .human-cont > .box-radius,.human-cont .list-bg-line>li{padding:3.2rem 4rem}
    .human-cont .list-bg-line>li>.tit{font-size:2rem}
    .human-cont .list-bg-line>li>.txt, .human-cont .title-section + .txt-section{font-size:1.6rem}
    .human-cont .tbl-basic .br-mo{display: initial;}
    .human-cont .tbl-basic .br-txt{display: block;}

    /* 윤리헌장 */
    .charter-cont .title-cont{display: flex; display: -ms-flexbox; align-items: center; justify-content: space-between;}
    .charter-cont .title-cont .btn-large.icon-download{display: inline-flex; margin:0; width:21.1rem}
    .charter-cont .box-radius.gray{padding:4.8rem;}
    .charter-cont .list-charter>li{padding-bottom:2rem; margin-bottom:2rem;}
  
    /* 회사연혁 */
    .history-area{overflow: visible;}
    .time-line{display: table; width: 100%;}
    .history{display: table-cell;}
    .time-line .visual-box{width:100%; position:sticky; transition: all .6s ease-in-out;}

    .time-line-btn{top:8rem;}
    .time-line-btn,.time-line-btn .inner{height:6.1rem}
    .time-line-btn .inner a{height:100%}
    .time-line-btn .inner a+a{margin-left:4rem;}

    .time-line .title .icon::after,
    .time-line .title .icon::before{top:13rem; right:auto; left:0;}
    .time-line .title .icon::after{border-radius: 20rem;}
    
    .time-line .history{width:50%}
    .time-line .history{margin-top:0}
    .time-line .history .box{margin-top:0}
    .time-line .history .box + .box{margin-top:4rem;}

    /* 제품인증 */
    .certificate-marks-area .box-radius .mark{margin:0; flex: 0 0 auto}
    .certificate-marks-area .box-radius .mark img{margin:0 auto;}
    .certificate-marks-area .box-radius .txt .br-mo{display: initial;} 
    .certificate-marks-area .box-radius[class*="mark-"],
    .box-area.symbol-round,
    .mark-ksa-qa .list-info{display: flex; display: -ms-flexbox;}
    .mark-ksa-qa .list-info dt{width: 12rem; min-width: 12rem;}
    .box-area.symbol-round{flex-wrap:wrap; -ms-flex-wrap: wrap; justify-content: center;}
    .box-area.symbol-round .mark{width:12rem; margin:0 auto 2.4rem;}
    .symbol-round .list-info dt{margin-bottom:1.2rem;}

    /* 시스템 인증 */
    .certificate-cont>.selectbox{width: 32rem;}
    .list-certificate{display: flex; display: -ms-flexbox; flex-wrap: wrap; -ms-flex-wrap: wrap;}

    /* 회사소개 */
    .compay-cont .summary-cont .br-mo{display: initial;}
    .compay-cont .list-card{display: flex; display: -ms-flexbox; align-items: center; flex-wrap: wrap; -ms-flex-wrap: wrap;}
    .compay-cont .news-notice-area .title-area .title-box{font-size:2.4rem;}

    /* 인재상 */
    .identity-cont .br-mo{display: initial;}
    .identity-cont>.box-radius.gray .top{margin:0 auto 4rem; height:8.6rem; padding:1.4rem 0;}
    .identity-cont>.box-radius.gray .top::after{height:4rem; bottom: -4rem; background-size: auto 4rem;}
    .identity-cont>.box-radius.gray .top .sub{font-size:1.6rem}
    .identity-cont>.box-radius.gray .top b{font-size:2rem;}
    .identity-cont .list-box li{width:calc(50% - 1.2rem)}
    .identity-cont .list-box li:first-child{margin-right:2.4rem}
    .identity-cont .list-box li:first-child .list{margin-top:2rem; padding:2rem}
    .identity-cont .list-box li:first-child .list::before{top:-2rem; height:2rem;}
    .identity-cont .list-box li .list>li{margin-top:1.6rem; padding:1.4rem 0; height:7.9rem}
    .identity-cont .txt-desc{margin-top:2rem}

    /* 인사제도 */
    .career-system-cont .br-mo{display: initial;}
    .career-system-cont .box-radius.diagram{margin-top:2rem;}
    .career-system-cont .box-radius.diagram .box-radius,
    .career-system-cont .box-radius.diagram .box-radius.blue{display: flex; display: -ms-flexbox; align-items: center;}
    .career-system-cont .box-radius.diagram .box-radius .list{flex: 1;}
    .career-system-cont .box-radius.diagram .box-radius .tit, 
    .career-system-cont .box-radius.diagram .box-radius .txt,
    .career-system-cont .box-radius.icon-type .box-radius .tit,
    .career-system-cont .list-diagram>li,
    .career-system-cont .list-diagram>li:nth-child(3)>span{font-size:2rem}
    .career-system-cont .box-radius.diagram .box-radius .tit{margin: 0 3rem 0 0; font-size:2rem;}
    
    .career-system-cont .box-radius.diagram .box-radius.black .list>li,
    .career-system-cont .box-radius.diagram .box-radius.blue .list>li{height: 6rem; padding:0; line-height:6rem;}
    .career-system-cont .box-radius.diagram .box-radius.blue .tit{position: static; transform:translateX(0)}
    
    .career-system-cont .list-diagram>li{margin-bottom:4rem; padding:1.4rem 0}
    .career-system-cont .list-diagram>li:nth-child(3){padding:2rem}
    .career-system-cont .list-diagram>li::after{height:3rem; bottom:-3.2rem;}
    .career-system-cont .box-radius.icon-type{padding:2.6rem; display: flex; display: -ms-flexbox; align-items: stretch;}
    .career-system-cont .box-radius.icon-type>li:first-child{margin-left:0;}
    .career-system-cont .box-radius.icon-type .box-radius{margin-top:0}
    .career-system-cont .box-radius.icon-type .box-radius.full{width:100%;}
    .career-system-cont .list-num>li>.num{margin-right:1rem;}
    .career-system-cont .list-diagram>li:nth-child(3)>span{height:6rem; padding: 0; line-height: 6rem;}

    /* 인재육성 */
    .training-cont .br-mo{display:initial;}
    .training-cont .box-radius.icon-type{display: flex; display: -ms-flexbox; align-items: stretch; flex-wrap: wrap; -ms-flex-wrap: wrap;}
    .training-cont .box-radius.icon-type>li{padding:4rem 0}
    .training-cont .box-radius.icon-type>li .tit{font-size:2rem; margin-bottom:1rem}

    /* 복지제도 */
    .employee-cont .br-mo{display: initial;}
    .employee-cont .box-radius.gray .title-section{font-size:2.4rem}
    .employee-cont .box-radius.gray + .box-radius.gray{margin-top:3rem}
    .employee-cont .list-icon>li .txt{font-size:2rem}

    /* 채용절차 */
    .job-cont .summary-cont .br-mo,.job-cont .summary-desc .br-mo{display: initial;}
    .job-cont .list-box,
    .job-cont .list-step-box,
    .job-cont .box-radius.link-area{display: flex; display: -ms-flexbox;}
    .job-cont .list-box>li{width:calc(50% - .8rem); margin-left:1.6rem; margin-top:0;}
    .job-cont .list-box>li:first-child{margin-left:0;}
    .job-cont .list-box>li .tit{font-size:2.4rem; margin-bottom:1.6rem;}

    .job-cont .list-step-box,
    .job-cont .box-radius.link-area{flex-wrap: wrap; -ms-flex-wrap: wrap; margin-top:3rem;}
    .job-cont .list-step-box{margin-top:3rem;}
    .job-cont .list-step-box>li{width:50%; display:flex; display: -ms-flexbox; flex-direction: column; -ms-flex-direction: column;}
    .job-cont .list-step-box>li:nth-child(even){background-color: #fff;}
    .job-cont .list-step-box>li:nth-child(2),
    .job-cont .list-step-box>li:nth-child(3),
    .job-cont .list-step-box>li:nth-child(6){background-color: #FAFAFD;}
    .job-cont .list-step-box>li .tit{font-size:2.4rem; margin:1rem 0 1.6rem}
    .job-cont .list-step-box>li .flex{margin-top:auto;}
    .job-cont .list-bu{margin-top:2rem}

    .job-cont .box-radius.info{font-size:1.6rem}
    .job-cont .sub-info{margin:1rem 0 2rem}

    /* 지배구조 */
    .governance-area .tab-content.tab2 .tbl-info{font-size:2.4rem;}

    /* 재무정보 */
    .balance-sheet-area .tab-content .scroll-tbl{padding:0; margin:0; overflow: hidden;}
    .balance-sheet-area .tab-content .tbl-basic{min-width:100%}
    .balance-sheet-area .tab-content .info .tit{font-size:2.4rem;}
    .balance-sheet-area .tab-content.tab3 .box-area{display:flex; display: -ms-flexbox; flex-wrap: wrap; -ms-flex-wrap: wrap;}

    /* 주가정보 */
    .stock-current-info .box .inner{display: flex; display: -ms-flexbox; align-items: center; justify-content: space-between;}
    .stock-current-info .current-info{margin:0}
    .stock-info-area .stock-name{font-size:2.4rem;}
    .stock-info-area .stock-name>span{font-size:2.2rem}
    .stock-current-info .box-radius.gray{padding:2.4rem 3.2rem}
    .stock-current-info .box-radius.gray .num{font-size:2.4rem; line-height:3.3rem}

    /* 유통망 */
    .compay-cont .network-cont>.selectbox{width:16rem;}
    .list-network{display:flex; display:-ms-flexbox; flex-wrap: wrap; -ms-flex-wrap: wrap; align-items: stretch;}

    /* 국외 유통망 */
    .network-cont > .title-section{font-size:3.2rem; line-height:4.4rem}
    
    /* ESG 경영 */
    .sustainability-cont .summary-cont .br-txt.mo{display: initial;}
    .sustainability-cont .esg-area{padding-top:0;}
    .esg-area .box-radius.first .title-box{font-size:3.2rem; line-height: 4.4rem;}
    .esg-area .box-radius.first .txt{margin-top:1.6rem; font-size:2rem}

    /* 지속가능보고서 */
    .sustainability-cont .pdf-area>.box-radius.gray{padding:8rem 0}
    .sustainability-cont .pdf-area>.box-radius.gray .title-l{font-size:3.2rem;}
    .sustainability-cont .pdf-area .point-b.year{font-size: 2.4rem; margin-bottom:.6rem; line-height: 3.3rem;}
    .sustainability-cont .pdf-area .box-visual{width:48.7rem; padding:2rem;}
    .sustainability-cont .pdf-area>.box-radius.gray .icon-download{font-size:1.8rem;}
    .sustainability-cont .pdf-area>.box-radius.gray .icon-download + .icon-download{margin-left:7.2rem; position: relative;}
    .sustainability-cont .pdf-area>.box-radius.gray .icon-download + .icon-download::before{content:''; width: .1rem; height: 2.6rem; background-color: #B7C0CF; position: absolute; left:-3.6rem; top:0; bottom:0; margin:auto;}

    /* ESG평가 */
    .sustainability-cont>.title-section{font-size:2.8rem}
    .evaluation-area{display: -ms-flexbox; display: flex; align-items: center; -ms-flex-wrap: wrap; flex-wrap: wrap;}
    .evaluation-area>.box-radius.gray:nth-child(-n+2){margin-top:0}
    .evaluation-area>.box-radius.gray .txt{font-size:2rem; line-height: 3.2rem; margin-top:2rem;}

    /* 환경경영 */
    .environment-cont>.title-section{font-size:2.8rem; margin-bottom:2rem;}
    .environment-cont .list-diagram>li{padding:1.4rem 0; width:27.5rem; margin:0 auto 2rem; font-size:1.8rem}
    .environment-cont .list-diagram>li::after{height:2rem; bottom:-2rem;}
    .environment-cont .list-diagram>li:first-child{width:12rem; height:12rem; margin:0 auto 2rem; font-size:2rem;}

    .environment-cont .diagram .box-area{display: -ms-flexbox; display: flex; justify-content: center; padding-top:2rem;}
    .environment-cont .diagram .box-area .tit{margin-bottom:1.6rem}
    .environment-cont .diagram .box-area .box{display: initial;}
    .environment-cont .diagram .box-area .box>span{display: block; width: 100%; height: 3.8rem; line-height: 3.8rem;}
    .environment-cont .scroll-tbl{margin:0; padding:0;}
    .environment-cont .scroll-tbl .tbl-basic{width:100%;}

    /* 안전경영 */
    .safety-cont .type-radius .box-radius.type-lg,.safety-cont .diagram-area{margin-top:3rem;}
    .safety-cont .diagram-area{overflow-x: hidden; margin:3rem 0 0; padding:0;}

    /* 인권경영 */
    .ethical-cont .list-bg-line{margin-top:2.2rem;}
    .ethical-cont .list-bg-line>li{padding:3.2rem 4rem;}
    
    /* 윤리경영 */
    .ethical-cont .box-radius.ethical-area{padding:3.2rem 4rem; margin-top:2rem;}
    .ethical-cont .ethical-area .semi-bold{font-size:2rem}
    .ethical-cont .diagram-area.type2{display: -ms-flexbox; display: flex;}
    .ethical-cont .diagram-area.type2 .box-radius.gray{display: -ms-flexbox; display: flex; flex-direction: column; -ms-flex-direction: column; justify-content: center;}
    .ethical-cont .diagram-area.type2 .list-type1>li .arrow .arr{height: 5rem; background-size: auto 5rem;}
    .ethical-cont .diagram-area.type2 .list-type1 .teams, .ethical-cont .diagram-area.type2 .box-radius.gray .full>span, .ethical-cont .diagram-area.type2 .list-type2>li{padding:1.4rem 0}

    /* 윤리경영활동 */
    .ethical-cont .box-radius.gray.txt-area{padding:3.2rem 4rem;}
    .ethical-cont .diagram-area.type3 .tit::before{margin-bottom:.4rem;}
    .ethical-cont .diagram-area.type3 .list-bu{padding:1.6rem 3rem 2rem}

    /* 분쟁광물 관리 */
    .supply-chain-cont .diagram-area .br-mo{display:none}
    .supply-chain-cont .diagram-area .br-tbl{display:block}
    .supply-chain-cont .diagram-area .box-radius.gray>.list-diagram li:last-child::after, 
    .supply-chain-cont .diagram-area .box-radius.dashed .list-diagram li:first-child::after, 
    .supply-chain-cont .diagram-area .box-area .list-diagram>li::after{height: 4rem; background-position-y: -1rem;}
    .supply-chain-cont .diagram-area .list-diagram .txt{padding:1.4rem 0;}
    .supply-chain-cont .diagram-area .list-diagram li::after{height:2rem;}
    .supply-chain-cont .diagram-area>.box-radius.gray>.list-diagram>li{width: 28.2rem; margin: 0 auto;}
    .supply-chain-cont .diagram-area .box-radius.dashed{padding:2rem;}

    /* 추진체계 */
    .social-cont .type-radius .type-lg .box-area{display: -ms-flexbox; display: flex;}
    .social-cont .type-radius .type-lg .box-radius{padding:4rem 1rem;}
    .social-cont .type-radius-blue.type2 .title-m{display: initial;}
    .social-cont .type-radius-blue.type2 .title-m::before{margin:0 0 2rem 0}
    .social-cont .diagram-area.type1 .list-diagram .tit{font-size:2rem; padding:1.6rem 0;}
    .social-cont .diagram-area.type1 .list-diagram .tit .date{font-size:1.6rem}
    .social-cont .diagram-area.type1 .list-diagram .txt{padding:1.6rem 3rem 2rem}

    /* 사회공헌활동 */
    .social-cont .box-area.active{display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap;}

    /* Q&A */
    .customer-cont>.title-section{font-size:2.8rem;}
    .customer-cont .summary-cont .br-txt{display: initial;}
    .customer-cont .box-radius.terms>.scroll{height: 26rem; margin:3.2rem .8rem 0 3.2rem; padding-right:1.2rem}
    .customer-cont .box-radius .terms-of-use h5{font-size:2rem;}
    .customer-cont .btn-area.line-t{margin-top:4rem;}
    .customer-cont .btn-area.foot {display: -ms-flexbox; display: flex; align-items: center; justify-content: center;}
    .customer-cont .btn-area.foot [class*="btn-"]{width: 20rem;}
    .customer-cont .btn-area.foot [class*="btn-"] + [class*="btn-"] {margin:0 0 0 .8rem;}
    .customer-cont .box-radius.info{margin-top:4.8rem}
    .customer-cont .list-form>li>.tit{padding:1.6rem 2rem;}
    .customer-cont .list-form>li>.info{display: flex; display: -ms-flexbox;}
    .customer-cont .reception-area .title-l{font-size:3.2rem;}
    .customer-cont .reception-area .title-l>span{display: initial}

    /* FAQ */
    .customer-cont .search-faq{display: -ms-flexbox; display: flex; align-items: center;}
    .customer-cont .search-faq .selectbox{width: 16rem;}
    .customer-cont .search-faq .selectbox + .form-input.search{margin-left:.8rem; margin-top:0;}
    .customer-cont .accordion-area.faq .content-area .file-download{margin-top:1.2rem;}

    /* News & Notice */
    .list-news-notice{display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap;}

    /* 신고·제보 채널 */
    .form-area.information .list-form.table>li>.info{padding:1.6rem 2rem; display: block;}


}

/* tablet */
@media (min-width: 712px) and (max-width: 1199px) {
    /* common [s] */
    .tbl-info{margin:4.8rem 0 2rem}
    .content .br-tbl{display: block;}

    /* box radius type */
    .type-radius .box-radius.gray{padding:6rem 4rem}
    .type-radius .box-radius.gray>.box>.title-box{margin-top:6rem}
    .type-radius .box-radius.gray .box-radius{margin-top:3rem;}
    .type-radius .box-radius.type-sm .box-radius{width: calc(33.333% - 1.06rem); height: 21.8rem; margin-top:3rem;}
    .type-radius .box-radius.type-sm .box-radius:first-child{margin-top:3rem}
    .type-radius .box-radius.type-sm .box-radius:nth-child(3n+2){margin:3rem 1.6rem 0;}
    
    /* box radius type blue */
    .type-radius-blue .box-radius{width: calc(50% - 1.2rem); height: 33.4rem; margin:2.4rem 0 0 2.4rem; padding:4rem;}
    .type-radius-blue .box-radius:nth-child(odd){margin-left:0}
    .type-radius-blue .box-radius:nth-child(-n+2){margin-top:0;}

    /* diagram */
    .diagram-area.type1{margin-top:2rem; padding:5rem 10rem}
    .diagram-area.type1 .list-diagram>li::after{height: 3rem; background-position-y:-.3rem;}

    /* layer popup */
    .layer-popup .layer-header{padding:1.8rem 4rem;}
    .layer-popup .layer-header .btn-close{top:2.3rem; right:4rem;}

    /* search */
    .box-radius.search-area{margin-top:4.8rem}

    /* details */
    .news-notice-area .title-area {padding:2.4rem 0; margin-top:4.8rem;}
    .news-notice-area .details-area{padding:3.2rem 0}


    /* content [s] */
    /* main */
    .content.main .section .br-tbl{display: block;}
    .content.main .section .title{font-size:5.2rem; line-height: 6.2rem;}

    .content.main .product{padding:12rem 4.1rem 18.6rem;}
    .content.main .product .search-area .form-input.search{margin:4rem 0 6rem;}
    .content.main .product .category-area .swiper-scrollbar{bottom:-5.3rem;}
    .content.main .product .category-area .swiper-scrollbar-drag{width:6.8rem !important;}
    .content.main .product .category-area .swiper-pagination{font-size:1.4rem; width:4.7rem; height: 2.6rem; line-height: 2.6rem; top:auto; left:auto; bottom:-6.6rem; right:0;}
    .content.main .product .category-area .swiper-pagination-current{color:#0958CE; font-weight:600;}

    .content.main .sustainability{height:67.8rem;}
    .content.main .sustainability .inner.small .txt{font-size:5.2rem; line-height:6.2rem}
    .content.main .sustainability .inner.full .title{font-size:5.2rem; margin-bottom:2.4rem;}
    .content.main .sustainability .inner.full .inner .txt{font-size:2rem; line-height:3.2rem;}
    .content.main .sustainability .inner.full .btn-large.white{margin-top:8rem;}
    .content.main .sustainability .full-img{top:26.2rem; width:51.2rem; height:25.6rem;}
    .content.main .section.qna .visual.qna{height: 74.4rem;}

    .content.main .visual.global{padding:10rem 4rem}
    .content.main .visual.global .count-area .item{margin-top:1.2rem; height: 18.5rem; padding:2.4rem 6rem;}
    .content.main .visual.global .count-area .tit,
    .content.main .visual.global .count-area .box .unit{font-size:1.8rem;}


    /* 개인정보처리방침 */
    .privacy-cont .title{margin-top:4.8rem}
    .privacy-cont .box-radius.gray{padding:3.2rem;}

    /* 오류안내 페이지 */
    .error-cont .txt{margin-bottom:4.8rem}
    .error-cont .btn-large.blue{margin-bottom:9.2rem;}

    /* 제품 */
    .product-cont .category-area, .product-cont.list .product-area{margin-top:4.8rem;}
    .product-cont .list-product li, .product-cont.list .product-area .item-summary{width: calc(50% - .8rem); margin-left:1.6rem;}
    .product-cont .list-product li:nth-child(-n+2),
    .product-cont.list .product-area .item-summary:nth-child(-n+2){margin-top:0;}
    .product-cont .list-product li:nth-child(odd), .product-cont.list .product-area .item-summary:nth-child(odd){margin-left:0;}

    /* 제품 검색 팝업 */
    [class*="layer-"].product-search .selected-area{padding:2rem 2rem 6rem}

    /* 제품 상세 */
    .product-details-area{padding:4.8rem 0}
    .product-info .thumbnail{height:32rem;}
    .product-info .category{margin-top:4rem}
    .product-details .box .info dt{width: 50%; min-width: 50%;}
    .product-cont.details>.btn-area{margin-top: 4.8rem;}

    /* 제품검색 결과 */
    .product-cont.search .search-form{padding:3.2rem;}
    .product-cont.search .search-form .box-search::after{margin:3.2rem 0;}

    /* R&D */
    .rnd-cont .summary-desc .br-tbl{display: block;}
    .rnd-cont .box-radius.gray{padding: 5rem 3rem;}
    .rnd-cont .box-radius.gray .list-sub{max-width: 62.8rem;}
    .rnd-cont .box-radius.gray .list-sub::before{background: url(../../common/img/content/rnd/bg_tbl.png) no-repeat 50% 0 / auto 100%;}
    .rnd-cont .box-radius.gray .list-sub>li[class*="sub"]{margin-left:.8rem; width:calc(20% - .64rem);}
    .rnd-cont .box-area .box-radius{width: calc(50% - .8rem); margin-top:1.6rem;}
    .rnd-cont .box-area .box-radius:nth-child(even){margin-left:1.6rem;}

    /* 제품설계 */
    .product-design-cont .title-section,
    .product-design-cont .summary-desc + .title-section{margin-top:4.8rem;}
    .product-design-cont .list-step.type1>li{width:calc(33.333% - 1.1rem); margin:0}
    .product-design-cont .list-step.type1>li:nth-child(2){margin:0 1.6rem;}
    .product-design-cont .list-step.type1>li:nth-child(4),
    .product-design-cont .list-step.type1>li:nth-child(5){width: calc(50% - .8rem); margin-top:1.6rem; margin-left:0;}
    .product-design-cont .list-step.type1>li:nth-child(5){margin-left:1.6rem}
    .product-design-cont .list-step.type2>li, .product-design-cont .list-step.type2>li:nth-child(even){width:calc(25% - 1.2rem); margin-left:1.6rem; margin-top:0;}
    .product-design-cont .list-step.type2>li:first-child{margin-left:0;}

    /* 선행연구 */
    .advanced-cont .br-tbl{display: block;}
    .advanced-cont .box-area.virtual{margin-top:4.8rem;}
    .advanced-cont .box-area.virtual .box-radius{width:calc(50% - 1.6rem); margin-top:1.6rem;}
    .advanced-cont .box-area.virtual .box-radius:nth-child(-n+2){margin-top:0;}
    .advanced-cont .box-area.virtual .box-radius:nth-child(even){margin-left:1.6rem;}

    .advanced-cont .box-radius.gray{margin-top:2.8rem; padding:5rem 3rem;}
    .advanced-cont .box-area.product .box-radius{width:calc(50% - .8rem)}
    .advanced-cont .box-radius.dashed::after{bottom:-9rem;}
    .advanced-cont .box-area.product .box-radius{height:26.8rem}
    .advanced-cont .box-area.product .box-radius:nth-child(-n+2){margin-top:0;}
    .advanced-cont .box-area.product .box-radius:nth-child(even){margin-left:1.6rem}
    .advanced-cont .box-area.product .box-radius .img{width:27.4rem}

    /* 금형기술 */
    .tooling-cont .box-radius.first{margin-top:4.8rem;}
    .tooling-cont .box-radius.gray{padding:5rem 10rem;}
    .tooling-cont .list-box>li{width:calc(50% - 2.1rem); margin-top:4.2rem;}
    .tooling-cont .list-box>li:nth-child(even){margin-left:4.2rem;}

    /* 신뢰성평가 */
    .realibility-cont .list-thumbnail{margin-top:4.8rem}
    .realibility-cont .list-thumbnail>li{width:calc(50% - .8rem); margin-top:1.6rem;}
    .realibility-cont .list-thumbnail>li:nth-child(even){margin-left:1.6rem}
    .realibility-cont .list-thumbnail>li:nth-child(-n+2){margin-top:0}

    /* 인사말 */
    .visual-area.ceo{margin:0 -4rem; height: 45rem; margin-bottom:3.2rem;}
    .visual-area.ceo img{height: 45rem;}
    .ceos-greetings-area .box-sign .sign{margin-left:4rem;}
    
    /* 경영이념 */
    .philosophy-cont .visual-area{margin:4.8rem -4rem 8rem}
    .philosophy-cont .visual-area .logo{width:20.6rem; height:8rem;}
    .philosophy-cont>.title-l{margin-bottom:4rem}
    .philosophy-cont .box-area.philosophy .box-radius{margin-top:1.6rem;}
    .philosophy-cont .box-area.philosophy .box-radius:nth-child(-n+2){margin-top:0}

    /* 인권헌장 */
    .human-cont .title-cont + .title-section{margin-top:4.8rem}
    .human-cont .title-section + .txt-section{margin-bottom:3.2rem;}
    .human-cont .tbl-basic .br-tbl{display: block;}

    /* 윤리헌장 */
    .charter-cont .box-radius.gray{margin-top:4.8rem;}

    /* 회사연혁 */
    .history-cont{padding: 0 4rem 12rem;}
    .history-cont .title-cont{margin-bottom:2.4rem}
    .time-line-btn{margin:0 -4rem; width: calc(100% + 8rem); height:6.1rem; top:8rem; }
    .time-line-btn .inner{height:6.1rem}
    .time-line{padding-top:8rem;}
    .time-line:first-child{padding-top:4.8rem;}
 
    .time-line .visual-box{height:37rem; top:18.8rem}
    .time-line .title .icon{width:33rem; height:24rem; margin-top:4rem}
    .time-line .title .icon::before{width:33rem; height:21rem; top:1.7rem}
    .time-line .title .icon::after{width:24rem; height:24rem; top:0; left:4.6rem;}
    .time-line .title .year{font-size:4rem;}

    /* 제품인증 */
    .certificate-marks-area .box-radius[class*="mark-"]{padding:4rem 0; align-items: center;}
    .certificate-marks-area .box-radius[class*="mark-"] .mark{width:22.2rem}
    .certificate-marks-area .box-radius .txt{font-size:2rem;}
    .mark-ket .mark img{width:13rem; height:3.5rem;}
    .mark-ksa-qa .mark img{width:14.3rem; height:13rem}
    
    .box-area.symbol-round{ margin:6rem 0 8rem; justify-content: center;}
    .box-area.symbol-round .box-radius.gray{width:calc(33.333% - 1.6rem); min-height:33.4rem; margin:1.6rem 0 0 1.6rem; padding:4rem 0}
    .box-area.symbol-round .box-radius.gray:first-child{margin-left:0;}
    .symbol-diagram .list-symbol>li{margin-left:6rem;}
    .symbol-diagram .list-symbol::after{bottom:-9.2rem}
    .symbol-diagram .box-diagram{margin-top:13.2rem;}

    /* 시스템 인증 */
    .certificate-cont{margin-top:4.8rem;}
    .list-certificate{margin:0 -.8rem}
    .list-certificate>li{width: calc(50% - 1.6rem);}
    .list-certificate>li:nth-child(-n+2){margin-top:0;}
    .list-certificate>li{margin:0 .8rem 4rem;}
    .list-certificate>li:nth-last-child(-n+2) {margin-bottom:0}

    /* 회사소개 */
    .list-card>li{width:calc(50% - .8rem); margin-top:1.6rem}
    .list-card>li:nth-child(-n+2){margin-top:0;}
    .list-card>li:nth-child(even){margin-left:1.6rem;}

    /* 인재상 */
    .identity-cont>.box-radius.gray{padding:5rem 3rem; margin-top:4.8rem}
    .identity-cont>.box-radius.gray .top{width:33rem;}
    .identity-cont>.box-radius.gray .top::after{background-image: url(../../common/img/content/recruit/bg_tbl.png);}
    .identity-cont>.box-radius.gray .identity-cont>.box-radius.gray,
    .identity-cont>.box-radius.gray .list-box{width:62.8rem; margin:0 auto;}
    .identity-cont .list-box .box-radius{height:16.2rem; padding:3rem 0}
    .identity-cont .list-box .box-radius::before{margin-bottom:.6rem}
    .identity-cont .txt-desc .br-tbl{display: block;}

    /* 인사제도 */
    .career-system-cont .title-section,
    .career-system-cont .summary-desc + .title-section{margin-top:4.8rem}
    .career-system-cont .box-radius.diagram{padding:5rem 3rem}
    .career-system-cont .box-radius.diagram .box-radius,
    .career-system-cont .box-radius.diagram .box-radius.blue{padding:3.4rem 5rem}
    .career-system-cont .box-radius.diagram .box-radius .list>li{width:calc(33.333% - 4rem); margin-left:4rem;}
    .career-system-cont .box-radius.diagram .box-radius .list>li::before{width:3.5rem; right:-3.5rem}
    .career-system-cont .box-radius.icon-type>li{width:calc(33.333% - 1.06rem); margin-left:1.6rem;}
    .career-system-cont .list-num{margin-top:1.6rem;}
    
    /* 인재육성 */
    .training-cont .sub-info{margin:4.8rem 0 2rem; font-size:2rem}
    .training-cont .box-radius.icon-type{padding:2.6rem}
    .training-cont .box-radius.icon-type>li{width:calc(50% - .8rem); margin-top:1.6rem}
    .training-cont .box-radius.icon-type>li:nth-child(even){margin-left:1.6rem}
    .training-cont .box-radius.icon-type>li:nth-child(-n+2){margin-top:0}

    /* 복지제도 */
    .employee-cont .sub-info{margin:4.8rem 0 2rem; font-size:2rem}
    .employee-cont .box-radius.gray{padding:5rem 2.6rem 2.6rem}
    .employee-cont .box-radius.gray .title-section{margin-bottom:3rem}
    .employee-cont .list-icon>li{margin-top:1.6rem; width:calc(50% - .8rem); padding:4rem 0}
    .employee-cont .list-icon>li:nth-child(even){ margin-left:1.6rem}

    /* 채용절차 */
    .job-cont .list-box>li{padding:3.6rem;}
    .job-cont .list-step-box>li{padding:3.6rem;}
    .job-cont .list-box .tit{margin-bottom:1.6rem}
    .job-cont .list-box .txt{font-size:1.6rem}
    
    .job-cont .list-step.basic>li{padding:4rem 0 4.4rem; height:25.2rem;}
    .job-cont .list-step.basic>li,
    .job-cont .list-step.basic>li:nth-child(even),
    .job-cont .list-step.basic>li:nth-child(-n+2){width:calc(33.333% - 1.6rem); margin: 1.6rem 0 0;}
    .job-cont .list-step.basic>li:nth-child(3n+2){margin-left:1.6rem; margin-right:1.6rem;}

    .job-cont .list-step-box{flex-wrap: wrap; -ms-flex-wrap: wrap;}
    .job-cont .list-step-box>li{width:50%;}
    .job-cont .list-step-box>li:nth-child(even){background-color: #fff;}
    .job-cont .list-step-box>li:nth-child(2),
    .job-cont .list-step-box>li:nth-child(3),
    .job-cont .list-step-box>li:nth-child(6){background-color: #FAFAFD;}
    
    .job-cont .box-radius.link-area{padding:3.6rem;}
    .job-cont .box-radius.link-area>li{width:50%}
    .job-cont .box-radius.link-area>li:nth-child(2){order: 3;}
    .job-cont .box-radius.link-area>li:nth-child(3){order: 5;}
    .job-cont .box-radius.link-area>li:nth-child(4){order: 2;}
    .job-cont .box-radius.link-area>li:nth-child(5){order: 4;}
    .job-cont .box-radius.link-area>li:nth-child(6){order: 6;}

    .job-cont .box-radius.info{padding:3.6rem}
    .job-cont .box-radius.info .br-mo{display:initial}
    .job-cont .sub-info{margin:1rem 0 2rem}

    /* 지배구조 */
    .compay-cont .tabs-area {margin-top:4.8rem}
    .compay-cont .tab-content .scroll-tbl{margin:0 -4rem; padding:0 4rem;}

    .governance-area .tab-content .scroll-tbl{margin:0 -4rem;}
    .governance-area .tab-content.tab1 .scroll-tbl{padding:0 4rem;}
    .governance-area .tab-content.tab2 .scroll-tbl{padding:0; padding-left:4rem}
    .governance-area .tab-content.tab2 .inner{overflow-x: auto; padding-right:4rem;}

    /* 재무정보 */
    .balance-sheet-area .tab-content.tab2 .scroll-tbl{overflow: hidden; margin:0; padding:0;}
    .balance-sheet-area .tab-content.tab2 .tbl-basic{width:100%; min-width: 100%;}
    .balance-sheet-area .tab-content .info{margin-top:4.8rem;}
    .balance-sheet-area .tab-content.tab3 .box-radius{width:calc(50% - .8rem);}
    .balance-sheet-area .tab-content.tab3 .box-radius:nth-child(even){margin-left:1.6rem;}
    .balance-sheet-area .tab-content.tab3 .box-radius:nth-child(-n+2){margin-top:0;}

    /* 주가정보 */
    .stock-info-area{margin-top:4.8rem;}
    .stock-current-info .box .inner{margin:3.2rem 0 2rem}
    .stock-current-info .box.flex{margin-bottom:4.8rem}
    .stock-info-area .scroll-tbl{margin:0 -4rem; padding: 0 4rem;}

    /* 사업장 */
    .compay-cont .list-thumbnail{margin-top:4.8rem;}
    .compay-cont .list-thumbnail>li{width: calc(50% - .8rem); margin-left:1.6rem; min-height: 45rem;}
    .compay-cont .list-thumbnail>li:nth-child(-n+2){margin-top:0;}
    .compay-cont .list-thumbnail>li:nth-child(odd){margin-left:0;}

    /* 유통망 */
    .list-network{margin: 0 -.8rem}
    .list-network>li{width:calc(50% - 1.6rem); min-height:27.6rem; margin:0 .8rem 1.6rem}
    .list-network>li:nth-last-child(-n+2){margin-bottom:0;}
    

    /* 국외 유통망 */
    .compay-cont .network-cont{margin-top:4.8rem;}
    .network-cont > .title-section{margin-bottom:1.6rem;}
    .list-network + .title-section{margin-top:6rem}
    .list-network.oversea>li{min-height:36rem; margin:1.6rem .8rem 0}
            
    /* ESG 경영 */
    .esg-area .box-radius.first{padding:8rem 0}
    .esg-area.type-radius .box-radius.type-sm .box-radius .point-b{display: block;}

    /* 지속가능보고서 */
    .sustainability-cont .pdf-area{margin-top:4.8rem;}
    .sustainability-cont .pdf-area .box-visual{margin:3rem auto 4rem;}
    .sustainability-cont .pdf-area .title-box{margin:4.8rem 0 2rem;}
    
    /* ESG평가 */
    .sustainability-cont>.title-section{margin-bottom:1.6rem}
    .evaluation-area>.box-radius.gray{min-width: calc(50% - .8rem); margin:1.6rem 1.6rem 0 0; padding:3.2rem;}
    .evaluation-area>.box-radius.gray:nth-child(even){margin-right:0;}

    /* 환경경영 */
    .environment-cont .summary-cont .br-txt{display: initial;}
    .environment-cont>.box-radius.gray{padding:5rem 3rem;}
    .environment-cont .diagram .box-area{background: url(../img/content/environment-diagram/bg_line_tbl.png) no-repeat 50% 0/48.3rem auto;}
    .environment-cont .diagram .box-area .box-radius{width: 14.5rem; margin:0 0 0 1.6rem;}
    .environment-cont .diagram .box-area .box-radius:first-child{margin-left:0;}
    .environment-cont .diagram .box-area .tit{margin-bottom:1.6rem}
    .environment-cont .diagram .box-area .box>span+span{margin: .6rem 0 0;}
    .environment-cont .graph-area{margin:0 -4rem;}
    .environment-cont .graph-area .scroll-x{padding:0 4rem;}

    /* 안전경영 */
    .safety-cont .type-radius .box-radius.type-sm .box.flex{display: initial;}
    .safety-cont .type-radius .box-radius.type-sm .box-radius{width: auto; height: 22rem; margin-top:1.6rem;}
    .safety-cont .type-radius .box-radius.type-sm .box-radius:first-child{margin-top:3rem}
    .safety-cont .type-radius .box-radius.type-sm .box-radius:nth-child(3n+2){margin:1.6rem 0;}

    /* 인권경영 */
    .ethical-cont .diagram-area.type1{padding:5rem 10rem}
    .ethical-cont .diagram-area.type1 .list-diagram>li{margin-top:1rem}
    
    /* 윤리경영 */
    .ethical-cont .diagram-area.type2 .box-radius.gray{width: calc(50% - .8rem); padding:5rem 3rem}
    .ethical-cont .diagram-area.type2 .box-radius.gray:nth-child(1){margin-right:1.6rem;}
    .ethical-cont .diagram-area.type2 .full::after{height: 5rem; background-image: url(../../common/img/content/ethical-diagram/bg_diagram_tbl.png);}

    /* 윤리경영활동 */
    .ethical-cont .diagram-area.type3{padding:5rem 10rem}
    .ethical-cont .diagram-area.type3 .box::after{height: 4rem; background-position-y:-1rem;}
    .ethical-cont .diagram-area.type3 .tit{padding:2rem 0; height: 11.2rem; font-size:2.2rem;}
    
    /* 공급망 관리정책 */
    .supply-chain-cont .txt-section + .pdf-area {margin-top:4.8rem}
    
    /* 협력사 소통 */
    .supply-chain-cont .type-radius-blue .box-radius{height:27.8rem;}

    /* 분쟁광물 관리 */
    .supply-chain-cont .diagram-area .box-radius.gray{padding:5rem 10rem}
    .supply-chain-cont .diagram-area .box-area::before{background-image: url(../../common/img/content/supply_chain/bg_line_pc.png); height: 4rem;}
    .supply-chain-cont .diagram-area .box-area .list-diagram + .list-diagram>li:first-child::after{height: 15.6rem;}

    /* 추진체계 */
    .social-cont .type-radius .box-radius.gray{padding:6rem 3rem 4rem}
    .social-cont .type-radius-blue.type2 .title-m .br-mo{display: none;}
    .social-cont .type-radius .type-lg{margin-top:4.8rem;}
    .social-cont .type-radius .type-lg .box-area .box-radius{width:calc(50% - .8rem)}
    .social-cont .type-radius .type-lg .box-area .box-radius + .box-radius{margin-left:1.6rem}
    .social-cont .type-radius-blue.type2 .box-radius{height:21.2rem;}
    .social-cont .diagram-area.type1{padding:5rem 10rem}
    .social-cont .diagram-area.type1 + .txt-section{margin-top:3.6rem}
    .social-cont .diagram-area.type1 .list-diagram{width:48.8rem; margin:0 auto;}

    /* 사회공헌활동 */
    .social-cont .box-area.active .box-radius{width: calc(50% - .8rem); min-height:42.4rem; margin:1.6rem 0 0 1.6rem}
    .social-cont .box-area.active .box-radius:nth-child(odd){margin-left:0;}
    .social-cont .box-area.active .box-radius:nth-child(-n+2){margin-top:0;}

    /* Q&A */
    .customer-cont .reception-area{margin-top:4.8rem}
    .list-form>li>.tit{flex-basis: 12rem; min-width: 12rem; width: 12rem;}

    /* FAQ */
    .customer-cont .search-faq{margin-top:4.8rem;}

    /* News & Notice */
    .list-news-notice .title-box{font-size:2.2rem}
    .list-news-notice>li{width: calc(50% - 1.6rem); min-width: calc(50% - 1.6rem);}
    .list-news-notice>li:nth-child(-n+2){margin-top:0}
    .list-news-notice>li:nth-child(even){margin-left:1.6rem;}

    /* 신고·제보 채널 */
    .form-area.information .list-form.table>li>.tit{width:12rem; padding:1.6rem 0 1.6rem 2rem;}
}

/* pc */
@media (min-width: 1200px) {
    /* common [s] */
    .no-data{height: 22rem; margin-top:6rem}
    .tbl-info{margin:6rem 0 2rem}
    .txt-section + .pdf-area {margin-top:2rem}

    /* box radius style */
    .type-radius .box-radius.gray{display: -ms-flexbox; display: flex; align-items: center; justify-content: center; padding:8rem 6rem;}
    .type-radius .box-radius.gray .title-sub{margin-bottom:3rem}
    .type-radius .box-radius.gray .list-bu + .title-sub{margin-top: 6.6rem;}
    .type-radius .box-radius.gray>.box,
    .type-radius .box-radius.gray>.box.flex .box-radius,
    .type-radius .box-radius.type-lg.block .box{width: calc(33.333% - 1.6rem);}
    .type-radius .box-radius.gray>.box>.title-box,
    .type-radius .box-radius.gray.block .title-box{margin-top:0;}
    .type-radius .box-radius.gray .box-radius{margin-top:4rem;}
    .type-radius .box-radius.type-lg>.box:nth-child(3n+2){margin:0 2.4rem;}
    .type-radius .box-radius.type-lg.block .box{margin-top:4rem;}
    .type-radius .box-radius.type-lg.block .box-area{display: -ms-flexbox; display: flex;}
    .type-radius .box-radius.type-lg.block .box-radius {margin-top:0;}
    .type-radius .box-radius.type-sm{display: block;}
    .type-radius .box-radius.type-sm .box-radius{height: 19.2rem;}
    .type-radius .box-radius.type-sm .box-radius:first-child,
    .type-radius .box-radius.type-lg.block .box{margin-top:4rem;}
    .type-radius .box-radius.type-sm .box-radius:nth-child(3n+2),
    .type-radius .box-radius.type-lg.block .box:nth-child(3n+2){margin:4rem 2.4rem 0;}

    /* box radius type blue */
    .type-radius-blue .box-radius{width: calc(25% - 1.8rem); height: 36rem; margin: 2.4rem 2.4rem 0 0; padding:4rem;}
    .type-radius-blue .box-radius:nth-child(4n+4){margin-right:0}
    .type-radius-blue .box-radius:nth-child(-n+4){margin-top:0}
    .type-radius-blue .box-radius .list-bu>li .br-txt{display: block;}

    /* diagram */
    .diagram-area.type1{padding:10rem}
    .diagram-area.type1 .list-diagram{display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap;}
    .diagram-area.type1 .list-diagram>li{width: calc(33.333% - 2.69rem); margin-top:0; margin-right:4rem; position: relative;}
    .diagram-area.type1 .list-diagram>li:last-child{margin-right: 0;}
    .diagram-area.type1 .list-diagram>li::after{position: absolute; top:33.3%; right: -2.5rem; transform: rotate(270deg); height: 3.8rem; background-position: 0 0;}

    /* layer popup */
    .layer-popup-wrap{width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.50); }
    .layer-popup-wrap .layer-popup{width: 128rem; height: 79.5rem; border-radius: 2rem; box-shadow: 0 1rem 1rem 0 rgba(0, 0, 0, 0.10); left:50%; bottom:0; transform: translate(-50%, 100%); overflow: hidden;}
    .layer-popup-wrap.block .layer-popup{bottom:50%; transform: translate(-50%, 50%);}
    .layer-popup .layer-header{height: 7rem;}
    .layer-popup .layer-desc{max-height:calc(100% - 6.7rem); overflow-y: auto;}

    /* search */
    .box-radius.search-area{margin-top:6rem; padding: 3.2rem 0}
    .box-radius.search-area .inner{width: 66.8rem; margin:0 auto}

    /* list card */
    .list-card{margin-top:4rem;}
    .list-card>li{width: calc(33.333% - 1.6rem); margin-top:2.4rem; height:22rem; position: relative;}
    .list-card>li:nth-child(-n+3){margin-top:0}
    .list-card>li:nth-child(3n+2){margin-left:2.4rem; margin-right:2.4rem;}
    .list-card>li>a:not([class*='btn-']){padding:4rem; height:22rem}
    .list-card>li .tit{font-size:2rem; line-height:3.2rem;}
    .list-card > li .btn-round.icon-download{right:4rem; bottom:4rem;}
    .list-card>li:hover{color: #fff; border:0; background: linear-gradient(153deg, #0E44C5 2.34%, #76ABF9 99.03%), linear-gradient(153deg, #0E44C5 2.34%, #2A66F6 99.03%); box-shadow: 3rem 3rem 4rem 0 rgba(0, 0, 0, 0.20); z-index: 1;}
    .list-card>li:hover .label{color:#fff}
    .list-card>li:hover .btn-round.icon-download{background:#fff;}
    .list-card>li:hover .btn-round.icon-download::after{background-position-x:-35.2rem;}

    /* list thumbnail */
    .list-thumbnail .box{padding:2rem 3.2rem 3.2rem}

    /* details */
    .news-notice-area .title-area {padding:3.2rem 0; margin-top:6rem; display: -ms-flexbox; display: flex; align-items: center; justify-content: space-between;}
    .news-notice-area .title-area .date{margin:0;}
    .news-notice-area .details-area{padding:4rem 0}
    .news-notice-area .btn-area{margin-top:6rem;}
    .news-notice-area .box-radius.file-download{padding:1.6rem 4rem;}
    .news-notice-area .page-link>a{padding:2rem 4rem}


    /* content [s] */
    /* main */
    .content.main .section .title{font-size:6rem; line-height:7.2rem;}
    .content.main .section .br-tbl{display: initial;}
    .content.main .section.product .br-mo,
    .content.main .section .br-pc{display: block;}

    .content.main .visual-wrapper .video-dim,
    .content.main .visual-wrapper .video-cover{width: 100.1%; height: 100%; position: absolute; top:0; left: 50%; transform: translateX(-50%); z-index:1; will-change: transform; backface-visibility: hidden; pointer-events: none;}

    .content.main .product {max-width: 128rem; margin:0 auto; padding:16rem 0; overflow: visible;}
    .content.main .product .search-area{width:80rem; margin:0 auto}
    .content.main .product .search-area .form-input.search{ margin:4rem auto 8rem}
    .content.main .product .category-area .list-product{flex-wrap: wrap; -ms-flex-wrap: wrap; max-width: 128rem; margin:0 auto;}
    .content.main .product .category-area .list-product li{max-width: 46rem; width: calc(33.333% - 1.6rem); min-width: auto; height: 36rem; margin:1.6rem 0 0; padding:3.2rem;}
    .content.main .product .category-area .list-product li:nth-child(-n+3){margin-top:0;}
    .content.main .product .category-area .list-product li:nth-child(3n+2){margin-left:1.6rem; margin-right:1.6rem;}
    .content.main .product .category-area .list-product .txt{margin-top:3.2rem;}
    .content.main .product .category-area .list-product .thumbnail{width: 100%; height: 26rem; right:0; bottom:0;}
    .content.main .product .category-area .list-product li .name .br-pc{display: initial;}
    .content.main .product .category-area .list-product li .txt .br-mo{display: initial;}
    .content.main .product .category-area .list-product li .txt .br-pc{display: block;}

    .content.main .product .category-area .swiper-slide:hover{background: #fff; color:#000; box-shadow: none; border-color:#B7C0CF; padding:0; position: relative; overflow: visible; z-index: 2;}
    .content.main .product .category-area .swiper-slide:hover>a{background: linear-gradient(153deg, #0E44C5 2.34%, #76ABF9 99.03%), linear-gradient(153deg, #0E44C5 2.34%, #2A66F6 99.03%); color:#fff; box-shadow: 3rem 3rem 4rem 0 rgba(0, 0, 0, 0.20); padding:4rem; position: absolute; top:-.1rem; width: 46rem; height:39.8rem; border-radius: 2rem; z-index: 1;}
    .content.main .product .category-area .swiper-slide:nth-child(3n+2):hover>a{left:50%; transform: translateX(-50%);}
    .content.main .product .category-area .swiper-slide:nth-child(3n):hover>a{left:auto; right:0;}
    .content.main .product .category-area .swiper-slide:nth-child(4):hover>a{top:50%; transform: translateY(-50%);}
    .content.main .product .category-area .swiper-slide:nth-child(5):hover>a{top:50%; left:50%; transform: translate(-50%, -50%);}
    .content.main .product .category-area .swiper-slide:nth-child(6):hover>a{top:50%; transform: translateY(-50%);}
    .content.main .product .category-area .swiper-slide:nth-child(7):hover>a{top:auto; bottom:-.1rem;}
    .content.main .product .category-area .swiper-slide:nth-child(8):hover>a{top:auto; bottom:-.1rem;}
    .content.main .product .category-area .swiper-slide:nth-child(9):hover>a{top:auto; bottom:-.1rem;}
    .content.main .product .category-area .list-product li:hover .name{letter-spacing: -.01rem;}
    .content.main .product .category-area .list-product li:hover .txt{display: block; color:#fff}
    .content.main .product .category-area .list-product li:hover .thumbnail{display: none;}
    .content.main .product .category-area .swiper-slide:hover .btn-trans.icon-veiw-details{color: #fff;}
    .content.main .product .category-area .swiper-slide:hover .btn-trans.icon-veiw-details::after{background-position: -61.6rem -4.6rem;}
    .content.main .product .category-area .swiper-scrollbar,
    .content.main .product .category-area .swiper-pagination{display: none;}

    .content.main .sustainability{height:68.4rem}
    .content.main .sustainability .inner.small .txt{font-size:6rem; line-height: 7.2rem;}
    .content.main .sustainability .inner.full .btn-large.white{margin-top:8rem;}
    .content.main .sustainability .full-img{width:62.7rem; height:31.4rem; top:19.2rem;}
    .content.main .section.sustainability .inner.full .title{font-size:6rem; line-height:7.2rem; margin-bottom:2.4rem;}
    .content.main .sustainability.full .full-img{width: 100.1%; height:100%; top:0; margin:0;}

    .content.main .visual.global{height:96rem; padding:29rem 0 20.2rem;}
    .content.main .visual.global .count-area{display: flex; display: -ms-flexbox; align-items:center; max-width: 128rem; margin:12rem auto 0;}
    .content.main .visual.global .count-area .item{width: calc(33.333% - 2.4rem); height: 18.8rem; }
    .content.main .visual.global .count-area .item:nth-child(3n+2){margin-left:2.4rem; margin-right:2.4rem;}
    .content.main .visual.global .count-area .tit,.content.main .visual.global .count-area .unit{font-size:2rem;}

    .content.main .section.download .box .tit{font-size:3.2rem;}
    .content.main .section.download .box .txt{font-size:2rem;}

    .content.main .visual.qna{height: 68rem;}

    /* 개인정보처리방침 */
    .privacy-cont .title{margin-top:6rem}
    .privacy-cont .box-radius.gray{margin-bottom:8rem}
    .privacy-cont .title-section.top-line, .privacy-cont .form-select-area{margin-top:6rem; padding-top:6rem;}
    .privacy-cont .box-radius.gray .list-bu{display: flex; display: -ms-flexbox; flex-wrap: wrap; -ms-flex-wrap: wrap;}
    .privacy-cont .box-radius.gray .list-bu>li{width:50%}
    .privacy-cont .box-radius.gray .list-bu>li:first-child{margin-top:0}
    .privacy-cont .box-radius.gray .list-bu>li:nth-child(2){order: 3;}
    .privacy-cont .box-radius.gray .list-bu>li:nth-child(3){order: 5;}
    .privacy-cont .box-radius.gray .list-bu>li:nth-child(4){order: 7;}
    .privacy-cont .box-radius.gray .list-bu>li:nth-child(5){order: 9;}
    .privacy-cont .box-radius.gray .list-bu>li:nth-child(6){order: 2; margin-top:0;}
    .privacy-cont .box-radius.gray .list-bu>li:nth-child(7){order: 4;}
    .privacy-cont .box-radius.gray .list-bu>li:nth-child(8){order: 6;}
    .privacy-cont .box-radius.gray .list-bu>li:nth-child(9){order: 8;}

    .privacy-cont .box-radius.gray .list-bu.v1>li:nth-child(6){order: 11; margin-top:1.6rem}
    .privacy-cont .box-radius.gray .list-bu.v1>li:nth-child(7){order: 2; margin-top:0}
    .privacy-cont .box-radius.gray .list-bu.v1>li:nth-child(8){order: 4;}
    .privacy-cont .box-radius.gray .list-bu.v1>li:nth-child(9){order: 6;}
    .privacy-cont .box-radius.gray .list-bu.v1>li:nth-child(10){order: 8;}
    .privacy-cont .box-radius.gray .list-bu.v1>li:nth-child(11){order: 10;}

    /* 영상정보처리기기 운영·관리방침 */
    .privacy-cont.image-proce .br-pc{display: block;}

    /* 오류안내 페이지 */
    .error-cont .txt{margin-bottom:6rem}

    /* 제품 */
    .product-cont .br-pc{display: block;}
    .product-cont .summary-cont .info {display: inline-flex; align-items: center;}
    .category-area .list-product li, .product-area .item-summary{margin-top:2.4rem; width: calc(33.333% - 1.6rem);}
    .category-area .list-product li:nth-child(-n+3), .product-area .item-summary:nth-child(-n+3){margin-top:0;}
    .category-area .list-product li:nth-child(3n+2), .product-area .item-summary:nth-child(3n+2){margin-left:2.4rem; margin-right:2.4rem;}
    
    /* 제품 카테고리 */
    .product-cont .category-area{margin-top:6rem;}
    .category-area .list-product li{padding:4rem 3.3rem 4rem 4rem; height:40rem; margin-top:2.4rem; width: calc(33.333% - 2.4rem); min-width: 41rem; position: relative;}
    .category-area .list-product li:nth-child(-n+3){margin-top:0;}
    .category-area .list-product li:nth-child(3n+2){margin-left:2.4rem; margin-right:2.4rem;}
    .category-area .list-product .name{font-size:4.2rem; line-height:5rem}
    .category-area .list-product .thumbnail{display: block; width: 34rem; height: 32rem;}

    .category-area .list-product.no-link li{height: 30rem; border:0; position: relative;}
    .category-area .list-product.no-link .thumbnail{height: 100%;}
    .category-area .list-product.no-link .thumbnail img{position: absolute;}

    .category-area .list-product li:hover {background: linear-gradient(153deg, #0E44C5 2.34%, #76ABF9 99.03%), linear-gradient(153deg, #0E44C5 2.34%, #2A66F6 99.03%); box-shadow: 3rem 3rem 4rem 0 rgba(0, 0, 0, .20); color: #fff; z-index: 1;}
    .category-area .list-product li:hover::after{display: none;}
    .category-area .list-product li:hover .btn-trans.icon-veiw-details{color: #fff;}
    .category-area .list-product li:hover .btn-trans.icon-veiw-details::after{background-position: -61.6rem -4.6rem;}

    .category-area .list-product.no-link li::after{content:''; display: block; width:100%; height:100%; border:.1rem solid #B7C0CF;  border-radius: 2rem; position: absolute; top:0; left:0; z-index: 1;}
    .category-area .list-product.no-link li:hover::after{border:.2rem solid #0958CE;}

    /* 제품 목록 */
    .product-cont.list .info{display: initial;}
    .product-area .item-summary{background-color: #fff; padding:3.2rem; position: relative;}
    .product-area .item-summary .btn-large{background-color: #fff; border:.1rem solid #222; color:#000}
    .product-area .item-summary:hover{background-color: #F0F3FA; box-shadow: 3rem 3rem 4rem 0 rgba(0, 0, 0, .20); z-index: 1;}
    .product-area .item-summary:hover .btn-large{background-color: #0958CE; border-color:#0958CE; color:#fff}
    .product-area .item-summary .thumbnail{height: 18.2rem;}
    
    /* 제품 검색 팝업 */
    [class*="layer-"].product-search .list-result{min-height:5rem}
    [class*="layer-"].product-search .selected-area{padding:2rem 3.2rem 3.2rem} 
    
    .accordion-area.feature{height:43.6rem; position: relative; margin-bottom:2.4rem}
    .accordion-area.feature .accordion{display: flex;}
    .accordion-area.feature .summary-area{width: 30.6rem;}
    .accordion-area.feature .accordion .btn-summary::after{transform: rotate(270deg); transition: none;}
    .accordion-area.feature .content-area{position:absolute;top:0; right:0; width: 88.6rem; height:41.6rem; z-index: 1;}
    .accordion-area.feature .content-area .box-radius.gray{margin-top:0; height: 41.6rem;}
    .accordion-area.feature .content-area .form-area{height: 30rem; overflow-y: auto; display: block; font-size:0; position: relative;}
    .accordion-area.feature .content-area .form-area::-webkit-scrollbar{background-color: #D5DBE6; width: .6rem;}
    .accordion-area.feature .content-area .form-area::-webkit-scrollbar-thumb{background-color: #464A4E;}
    .accordion-area.feature .content-area .form-select.checkbox{margin:2rem 0 0; width:25%;}
    .accordion-area.feature .content-area .form-select.checkbox:nth-child(-n+4){margin-top:0;}
    .accordion-area.feature .content-area .form-select .label{align-items: normal; font-size:1.6rem;}
    
    [class*="layer-"].product-search .btn-large.icon-search{margin-top:0; min-width: auto; width:12.4rem; height:5.2rem; background-color: transparent; color:#000; border:.1rem solid #000;}
    [class*="layer-"].product-search .btn-large.icon-search::after{ background-position-x: -8.8rem;}
    [class*="layer-"].product-search .box-radius.gray .btn-large.icon-search{position:absolute; right:3.6rem; bottom:2rem;}

    [class*="layer-"].product-search .box.application{display: flex; display: -ms-flexbox; align-items: center; width: 100%;}
    [class*="layer-"].product-search .select-area{display: flex; display: -ms-flexbox; align-items: center; width: calc(100% - 12.4rem);}
    [class*="layer-"].product-search .select-area .selectbox{margin-right:1rem;}
    [class*="layer-"].product-search .select-area .selectbox+.selectbox{margin-top:0}

    /* 제품 상세 */
    .product-details-area{padding:6rem 0 6rem}
    .product-info{display: flex;}
    .product-info .thumbnail{width:50rem; min-width:50rem; height:32rem; margin-right:4.8rem;}
    .product-info .info-area{flex:1 0 0}
    .product-info .category{margin-top:0}
    .product-info .list-info{margin-bottom:4rem;}
    .product-question .btn-area{border-top:.1rem solid #D5DBE6; padding-top:4rem;}
    .product-details{padding:4rem 4.8rem;}
    .product-details > .box{display: flex; align-items: center;}
    .product-details .box .tit{font-size:2.4rem; width: 36rem; min-width: 36rem; margin:0 8rem 0 0; text-align: center;}
    .product-details .box .info dl{font-size:1.8rem;}
    .product-details .box .info dt{width: 30rem; min-width: 30rem;}
    .product-details-area .swiper .thumbnail{width:100%; height: 19.3rem;}
    .product-cont.details>.btn-area{margin-top: 6rem;}

    /* 제품검색 결과 */
    .product-cont.search .search-form{padding:3.2rem; display: flex; display: -ms-flexbox; align-items: stretch;}
    .product-cont.search .search-form>div{width:50%}
    .product-cont.search .search-form .box-search::after{display: none;}
    .product-cont.search .search-form .box-search{padding-right:3.2rem; margin-right:3.2rem; border-right:.1rem solid #D5DBE6; display: flex; display: -ms-flexbox; align-items: center;}
    .product-cont.search .search-form .accordion{margin-top:1.2rem;}
    .product-cont.search .search-form .accordion:first-child{margin-top:0;}

    /* R&D */
    .rnd-cont .summary-desc .br-pc{display: block;}
    .rnd-cont .box-radius.gray{padding: 10rem 10.2rem;}
    .rnd-cont .box-radius.gray .list-sub{padding-top:4rem; max-width: 107.3rem; margin:0 auto}
    .rnd-cont .box-radius.gray .list-sub::before{width:100%; height:4rem; background: url(../../common/img/content/rnd/bg_pc.png) no-repeat 50% 0 / auto 100%;}
    .rnd-cont .box-radius.gray .list-sub>li[class*="sub"]{margin-left:2.4rem; padding:1.4rem 0; width:calc(20% - 1.6rem); font-size:1.8rem;}
    .rnd-cont .box-radius.gray .list-sub>li[class*="sub"]:first-child{margin-left:0;}
    .rnd-cont .box-area .box-radius{width: calc(33.333% - 12.5rem); height: 26.8rem; margin-left:2.4rem; flex-direction: column; padding:7.6rem 3.2rem 3.2rem; position: relative;}
    .rnd-cont .box-area .box-radius:first-child{margin-left:0}
    .rnd-cont .box-area .box-radius .tit{position: absolute; top:3.2rem; left:50%; transform: translateX(-50%); width:100%}

    /* 제품설계 */
    .product-design-cont .title-section,
    .product-design-cont .summary-desc + .title-section{margin-top:6rem;}
    .product-design-cont .br-pc{display:block;}
    .product-design-cont .list-step>li{position: relative;}
    .product-design-cont .list-step>li::before{content:''; display: block; width: 3.2rem; height: 3.2rem; background: url(../../common/img/system/icon_32x32.png) no-repeat -25.6rem 0/60.4rem auto; position: absolute; top:50%; transform: translateY(-50%); left: -3.5rem;}
    .product-design-cont .list-step>li:first-child::before{display: none;}
    .product-design-cont .list-step.type1>li,
    .product-design-cont .list-step.type1>li:nth-child(even),
    .product-design-cont .list-step.type1>li:nth-child(5){width:calc(20% - 2.56rem); margin-left:3.2rem; margin-top:0;}
    .product-design-cont .list-step.type1>li:first-child{margin-left:0;}
    .product-design-cont .box-radius>li{width:22.5rem;}
    .product-design-cont .box-radius + .title-section{border-top:.1rem solid #D5DBE6; padding-top:6rem;}
    
    .product-design-cont .list-step.type2>li,
    .product-design-cont .list-step.type2>li:nth-child(even){width:calc(25% - 2.4rem); height:23rem; margin-left:3.2rem; margin-top:0;}
    .product-design-cont .list-step.type2>li:first-child{margin-left:0}

    /* 선행연구 */
    .advanced-cont .box-area.virtual{margin:6rem 0}
    .advanced-cont .box-area.virtual .box-radius{width:calc(33.333% - 2.4rem); margin-top:2.4rem; padding:4rem;}
    .advanced-cont .box-area.virtual .box-radius:nth-child(-n+3){margin-top:0}
    .advanced-cont .box-area.virtual .box-radius:nth-child(3n+2){margin-left:2.4rem; margin-right:2.4rem;}
    .advanced-cont .box-area.virtual .box-radius .img{margin-top:5rem;}
    .advanced-cont .summary-cont.type2{padding-top:6rem;}
    .advanced-cont .box-radius.gray{margin-top:2rem; padding:8rem;}
    .advanced-cont .box-radius.tit, .advanced-cont .box-radius.dashed{width:66.6rem; margin-left: auto; margin-right:auto;}
    .advanced-cont .box-radius.dashed{margin-bottom:13.2rem;}
    .advanced-cont .box-radius.dashed::after{bottom:-9.6rem}
    .advanced-cont .box-area.product .box-radius{width:calc(20% - 1.6rem); margin-left:1.6rem; margin-top:0;}
    .advanced-cont .box-area.product .box-radius:first-child{margin-left:0;}
    .advanced-cont .box-area.product .box-radius .img{width:18rem; height:18rem;}
    .advanced-cont .box-area.product .box-radius .USB{background-image: url(../../common/img/content/rnd/img_product_l_1.png)}
    .advanced-cont .box-area.product .box-radius .hdmi{background-image: url(../../common/img/content/rnd/img_product_l_2.png)}
    .advanced-cont .box-area.product .box-radius .connector{background-image: url(../../common/img/content/rnd/img_product_l_3.png)}
    .advanced-cont .box-area.product .box-radius .fakra{background-image: url(../../common/img/content/rnd/img_product_l_4.png)}
    .advanced-cont .box-area.product .box-radius .ethernet{background-image: url(../../common/img/content/rnd/img_product_l_5.png)}

    /* 금형기술 */
    .tooling-cont .box-area{display: flex; display: -ms-flexbox; align-items: stretch; margin-top:6rem}
    .tooling-cont .box-radius.gray{width:calc(50% - 1.2rem); margin-top:0;}
    .tooling-cont .box-radius.gray.first{margin-top:0; margin-right:2.4rem;  display: flex; display: -ms-flexbox; align-items: center;}
    .tooling-cont .box-radius.gray{padding:10rem;}
    .tooling-cont .list-box>li{width:calc(50% - 2.5rem); margin-top:5rem; padding:2.4rem 1.8rem}
    .tooling-cont .list-box>li:nth-child(even){margin-left:5rem;}

    .tooling-cont .list>li{margin-top:2.4rem;}
    .tooling-cont .list>li::after{height:2rem; bottom:-2rem;}

    /* 신뢰성평가 */
    .realibility-cont .list-thumbnail{margin-top:6rem}
    .realibility-cont .list-thumbnail>li{width:calc(33.333% - 2.4rem); margin-top:2.4rem;}
    .realibility-cont .list-thumbnail>li:nth-child(3n+2){margin-left:2.4rem; margin-right:2.4rem;}
    .realibility-cont .list-thumbnail>li:nth-child(-n+3){margin-top:0}

    /* 인사말 */
    .compay-cont.ceo{max-width: 198rem; overflow-x: hidden;}
    .compay-cont.ceo>.inner{width:128rem; margin:0 auto;}
    .visual-area.ceo{margin:0; min-width:63.4rem; height: 68.4rem; float: right;}
    .visual-area.ceo img{height: 68.4rem; right: auto; left:-14.2rem;}
    .ceos-greetings-area{width:64.6rem; margin-top:6rem;}
    .ceos-greetings-area .br-pc{display: block;}
    .ceos-greetings-area .box-sign .sign{margin-left:4rem;}

    /* 경영이념 */
    .philosophy-cont{max-width: none;}
    .philosophy-cont>*{max-width: 128rem; margin-left:auto; margin-right:auto;}
    .philosophy-cont .visual-area{margin:6rem 0 12rem; max-width: none;}
    .philosophy-cont .box-radius.gray{padding: 4.8rem 0; width:calc(50% - 2.4rem)}
    .philosophy-cont .box-radius.gray:nth-child(even){margin-left:2.4rem;}
    .philosophy-cont .box-radius.gray .txt{font-size:1.8rem;}
    .philosophy-cont .box-radius.gray .br-mo{display: initial;}
    .philosophy-cont .box-radius.gray .br-pc{display: block;}
    .philosophy-cont>.title-l{margin:10rem auto 4rem;}
    .philosophy-cont .box-area.philosophy .box-radius.gray{width:calc(25% - 1.8rem); margin-left:2.4rem; padding:4.8rem 0}
    .philosophy-cont .box-area.philosophy .box-radius.gray:first-child{margin-left:0;}
    .philosophy-cont .box-area.philosophy .box-radius.gray .br-mo{display: block;}

    /* 인권헌장 */
    .human-cont .list-bg-line+.title-section{margin-top:10rem}
    .human-cont .txt-section{margin-bottom:4rem}

    /* 윤리헌장 */
    .charter-cont .title-cont .btn-large.icon-download:hover::after{background-position: -39.6rem -4.6rem;}

    /* 윤리헌장 */
    .charter-cont .box-radius.gray{margin-top:6rem;}
 
    /* 회사연혁 */
    .history-cont{max-width:none}
    .time-line-btn{width:100%; margin:0; top:14rem;}
    .history-cont .title-cont{margin:10rem auto 4rem; max-width: 128rem;}
    .time-line-btn .inner{max-width: 128rem; min-width:auto; margin:0 auto;}

    .history-area{max-width: 128rem; margin:0 auto;}
    .time-line{padding-top:12rem;}
    .time-line:first-child{margin-top:6rem;}

    .time-line .visual-box{height:65.8rem; top:26rem;}
    .time-line .title .icon{width:55rem; height:40rem; margin-top:6rem;}
    .time-line .title .icon::after, 
    .time-line .title .icon::before{left: 0; top:0; transform: translateX(0);}
    .time-line .title .icon::before{width:55rem; height:35rem; top:2.8rem}
    .time-line .title .icon::after{width:40rem; height:40rem; left:7.5rem}
    .time-line .title .tit{font-size:4.2rem; line-height:5rem;}
    .time-line .title .year{font-size:6rem; line-height:7.2rem; margin-top:1.6rem;}

    .history{padding: 0 0 0 9rem}
    .history .box + .box{margin-top:6rem}
    .history .box .year{font-size:3.2rem; margin-bottom:1.6rem;}
    .history .year::before{left:-9rem;}

    /* 제품인증 */
    .certificate-marks-area .box-radius[class*="mark-"] .mark{margin:0; width:50rem}
    .certificate-marks-area .box-radius .mark img{margin:0 auto;}
    .certificate-marks-area .box-radius .txt{font-size:2.4rem; line-height:3.3rem;}

    .box-radius.mark-ket{padding:7.7rem 0;}
    .mark-ket .mark img{width:26rem; height:7rem;}
    .box-radius.mark-ksa-qa{padding:4rem 0}
    .mark-ksa-qa .mark{width: 26rem; height: 13rem;}
    .mark-ksa-qa .mark img{width: 14rem;}

    .symbol-round{margin:10rem 0}
    .symbol-round .box-radius{width:calc(20% - 1.6rem); margin-left:2rem; padding:4rem 0}
    .symbol-round .box-radius:first-child{margin-left:0;}
    .symbol-diagram .list-symbol{width:60rem; margin:0 auto;}
    .symbol-diagram .list-symbol > li{margin-left:6rem;}
    .symbol-diagram .box-diagram{margin-top:13.2rem;}

    /* 시스템 인증 */
    .certificate-cont{margin-top:6rem;}
    .list-certificate{margin:0 -2rem}
    .list-certificate>li{width: calc(33.333% - 4rem); margin:0 2rem 6rem}
    .list-certificate>li:nth-last-child(-n+3){margin-bottom:0;}

    .list-certificate .label{font-size:1.6rem;}
    .list-certificate .title{font-size:2rem; margin-bottom:2.4rem}
    .list-certificate .thumbnail{width:16.8rem; height:22.5rem;}

    .list-certificate .btn-area{width: auto;}
    .list-certificate .btn-area .btn-small{width:calc(33.333% - .8rem); min-width: auto;}
    .list-certificate .btn-area .btn-small:hover::after{background-position: -75rem 0;}
    .list-certificate .btn-area .btn-small:nth-child(3),.list-certificate .btn-area .btn-small{margin-top:0;}
    .list-certificate .btn-area .btn-small:nth-child(3){margin-left:.8rem;}

    /* 인재상 */
    .identity-cont>.box-radius.gray{margin-top:6rem; padding:10rem}
    .identity-cont>.box-radius.gray .top{width:55.6rem}
    .identity-cont>.box-radius.gray .top::after{background-image: url(../../common/img/content/recruit/bg_pc.png);}
    .identity-cont .list-box li:first-child .list{display: flex; display: -ms-flexbox; align-items: center;}
    .identity-cont .list-box li:first-child .list>li{margin-top:0; width:calc(33.333 - 1.6rem); margin-right:1.6rem;}
    .identity-cont .list-box li:first-child .list>li:last-child{margin-right:0}
    .identity-cont .txt-desc .br-pc{display: block;}

    /* 인사제도 */
    .career-system-cont .br-pc{display: block;}
    .career-system-cont .title-section,
    .career-system-cont .summary-desc + .title-section{margin-top:6rem;}
    .career-system-cont .box-radius.diagram{padding:10rem}
    .career-system-cont .box-radius.diagram .box-radius.black,
    .career-system-cont .box-radius.diagram .box-radius.blue{padding:4rem 10rem}
    .career-system-cont .box-radius.diagram .box-radius .tit{margin:0 4.6rem 0 0}
    .career-system-cont .box-radius.diagram .box-radius .list>li{margin-left:4.6rem; width:calc(33.333% - 4.6rem)}
    .career-system-cont .box-radius.diagram .box-radius .list>li::before{width:4rem; right:-4rem;}
    .career-system-cont .box-radius.diagram .box-radius.black .list>li::after{height:5rem; background-size: auto 4.8rem; bottom:-7rem}
    .career-system-cont .box-radius.icon-type{padding:4rem;}
    .career-system-cont .box-radius.icon-type>li{width:calc(33.333% - 1.6rem); margin-left:2.4rem}
    .career-system-cont .list-diagram{width:58.5rem; margin:0 auto;}

    /* 인재육성 */
    .training-cont .br-pc{display: block;}
    .training-cont .sub-info{margin:6rem 0 2rem; font-size:2.4rem;}
    .training-cont .box-radius.icon-type{padding:5.2rem 4rem;}
    .training-cont .box-radius.icon-type>li{width:calc(25% - 1.8rem); margin:2.4rem 2.4rem 0 0; height:28.7rem}
    .training-cont .box-radius.icon-type>li:nth-child(4n+4){margin-right:0;}
    .training-cont .box-radius.icon-type>li:nth-child(-n+4){margin-top:0}

    /* 복지제도 */
    .employee-cont .br-txt{display:initial}
    .employee-cont .sub-info{margin:6rem 0 2.5rem; font-size:2.4rem}
    .employee-cont .box-radius.gray{padding:6rem 4rem 4rem}
    .employee-cont .box-radius.gray .title-section{margin-bottom:4rem}
    .employee-cont .list-icon>li{margin-top:1.6rem; width:calc(33.333% - 1.6rem); padding:4rem 0; margin-top:2.4rem; height:19.6rem}
    .employee-cont .list-icon>li:nth-child(even){margin-left:0}
    .employee-cont .list-icon>li:nth-child(3n+2){margin-left:2.4rem; margin-right:2.4rem;}
    .employee-cont .list-icon>li:nth-child(-n+3){margin-top:0}

    .employee-cont .list-icon.col-4>li{width:calc(25% - 2.4rem); margin-left:2.4rem;}
    .employee-cont .list-icon.col-4>li:nth-child(-n+4){margin-top:0}
    .employee-cont .list-icon.col-4>li:nth-child(3n+2){ margin-right:0;}
    .employee-cont .list-icon.col-4>li:nth-child(1),
    .employee-cont .list-icon.col-4>li:nth-child(5){margin-left:0}

    /* 채용절차 */
    .job-cont .br-txt,
    .job-cont .br-mo{display: initial;}
    .job-cont .br-pc{display: block;}
    .job-cont .list-box>li{padding:4rem; margin-left:2.4rem;}
    .job-cont .list-step.basic>li:nth-child(even),
    .job-cont .list-step.basic>li{width:calc(16.666% - 2.7rem); margin-left:3.2rem; margin-top:0; height: 25.2rem; position: relative;}
    .job-cont .list-step.basic>li:first-child{margin-left:0;}
    .job-cont .list-step.basic>li:first-child::before{display: none;}
    .job-cont .list-step.basic>li::before{content:''; display: block; width: 3.2rem; height: 3.2rem; background: url(../../common/img/system/icon_32x32.png) no-repeat -25.6rem 0/60.4rem auto; position: absolute; top:50%; transform: translateY(-50%); left: -3.6rem;}
    .job-cont .list-step-box>li,.job-cont .box-radius.link{padding:4rem;}
    .job-cont .box-radius.info{padding:4rem}
    .job-cont .box-radius.link-area>li{width:33.333%}
    .job-cont .box-radius.link-area>li:nth-child(2){order:4}
    .job-cont .box-radius.link-area>li:nth-child(3){order:2}
    .job-cont .box-radius.link-area>li:nth-child(4){order:5}
    .job-cont .box-radius.link-area>li:nth-child(5){order:3}
    .job-cont .box-radius.link-area>li:nth-child(6){order:6}

    /* 지배구조 */
    .compay-cont .tabs-area {margin-top:6rem}
    .compay-cont .tab-content .scroll-tbl{overflow: hidden; margin:0; padding:0;}
    .compay-cont .tbl-basic{width:100%}
    .compay-cont .tab-content.tab1 .tbl-basic .br-txt{display: initial;}
    .compay-cont .tab-content.tab1 .tbl-basic th{width: 15.2%;}
    .compay-cont .tab-content.tab1 .tbl-basic td{text-align: right; padding-left:2.4rem; padding-right:2.4rem;}
    .compay-cont .tab-content.tab1 .tbl-basic td:first-child{text-align: center;}
    .compay-cont .tab-content .tbl-basic th:first-child{width:24%;}
    .compay-cont .tab-content .tbl-basic th{width:15.2%}

    .governance-area .tab-content .scroll-tbl .inner{overflow: hidden; margin:0; padding:0;}

    /* 주가정보 */
    .stock-info-area{margin-top:6rem;}
    .stock-current-area{margin-top:4rem}
    .stock-current-info{display: flex; display: -ms-flexbox; align-items: center; justify-content: space-between; margin-bottom:6rem}
    .stock-current-info .box{width: 70rem;}
    .stock-current-info .box.flex{width: 49.6rem; margin:0}
    .stock-current-info .box .inner{margin-bottom:3.2rem}
    .stock-current-info .emphasis .stock-up .number, .stock-current-info .emphasis .stock-down .number{font-size:5.2rem; line-height:6.2rem}
    .stock-info-area .scroll-tbl{overflow: hidden; margin:0; padding:0;}
    .stock-info-area .scroll-tbl .tbl-basic{width:100%}
    .stock-current-area .scroll-tbl .tbl-basic td{padding:1.6rem 2.4rem}

    /* 재무정보 */
    .balance-sheet-area .tbl-info.small{margin-top:2.4rem}
    .balance-sheet-area .tab-content .info{margin-top:6rem;}
    .balance-sheet-area .tab-content.tab3 .box-area{margin-top:4rem}
    .balance-sheet-area .tab-content.tab3 .box-radius{width: calc(25% - 1.8rem); margin-left:2.4rem; margin-top:0; display: initial; height: 31.6rem; position: relative; padding-top:7.6rem;}
    .balance-sheet-area .tab-content.tab3 .box-radius:first-child{margin-left:0;}
    .balance-sheet-area .tab-content.tab3 .box-radius::before,
    .balance-sheet-area .tab-content.tab3 .box-radius .btn-small{margin:0 auto}
    .balance-sheet-area .tab-content.tab3 .box-radius::before{margin-bottom:2rem;}
    .balance-sheet-area .tab-content.tab3 .box-radius .btn-small{margin-top:.8rem;}
    .balance-sheet-area .tab-content.tab3 .box-radius .tit{position: absolute; top:3.2rem; left: 50%; transform: translateX(-50%);}

    /* 공시자료 */
    .disclosure-area .list-card>li:hover .btn-round.blue.icon-download::after{background-position:-70.4rem 0}
    .disclosure-area .list-card>li:nth-child(-n+3){margin-top:0}

    /* ir게시판 */
    .list-card.board>li>a{height:22rem;}
    .list-card.board>li .btn-small.icon-download{height:22rem;}

    /* 사업장 */
    .compay-cont .list-thumbnail{margin-top:6rem;}
    .compay-cont .list-thumbnail>li{width: calc(33.333% - 1.6rem); min-height:54.6rem; margin-left:0; margin-top:2.4rem}
    .compay-cont .list-thumbnail>li:nth-child(-n+3){margin-top:0;}
    .compay-cont .list-thumbnail>li:nth-child(3n+2){margin-left:2.4rem; margin-right:2.4rem}

    /* 유통망 */
    .compay-cont .network-cont{margin-top:6rem;}
    .list-network{margin:-1.2rem -1.2rem 0}
    .list-network>li,
    .list-network>li:last-child{padding:4rem; min-height:31.6rem; width:calc(33.333% - 2.4rem); margin:1.2rem 1.2rem}

    /* 국외 유통망 */
    .network-cont > .title-section{margin-bottom:1.6rem;}
    .list-network + .title-section{margin-top:10rem}
    .list-network.oversea>li{height: auto; margin:2.4rem 1.2rem 0}
    .list-network.oversea .title.min{width:88%}

    /* ESG 경영 */
    .sustainability-cont .summary-cont .br-txt{display: block;}
    .esg-area .box-radius.first{padding:10rem 0}
    .esg-area .box-radius.first .title-box .point-b{display: initial;}
    .esg-area.type-radius .box-radius.type-lg .box:first-child .list-bu + .title-sub{margin-top: 4rem;}

    /* 지속가능보고서 */
    .sustainability-cont .summary-cont .point-b.br-txt,
    .sustainability-cont .summary-desc .br-txt{display: block;}
    .sustainability-cont .type-radius .box-radius.type-lg .box-radius{height: 57.8rem;}
    .sustainability-cont .pdf-area{margin-top:6rem;}
    .sustainability-cont .pdf-area .box-visual{margin:3.6rem auto 5rem;}

    /* ESG평가 */
    .sustainability-cont>.title-cont.title{margin-top:10rem;}
    .evaluation-area>.box-radius.gray{width:calc(33.333% - 1.6rem); margin-top:2rem; height: 33.2rem;}
    .evaluation-area>.box-radius.gray:nth-child(3n+2){margin:2rem 2.4rem 0}
    .evaluation-area>.box-radius.gray:nth-child(-n+3){margin-top:0}

    /* 환경경영 */
    .environment-cont>.box-radius.gray{padding:10rem;}
    .environment-cont .summary-cont .br-txt,
    .environment-cont .summary-cont .br-tbl{display: initial;}
    .environment-cont .diagram .box-area{background: url(../img/content/environment-diagram/bg_line_pc.png) no-repeat 50% 0/67.2rem auto;}
    .environment-cont .diagram .box-area .box-radius{min-width: 20rem; width: 20rem; margin:0 0 0 2.4rem; padding:2.4rem 2rem 2rem}
    .environment-cont .diagram .box-area .box-radius:first-child{margin-left:0;}
    .environment-cont .diagram .box-area .tit{margin-bottom:1.6rem}
    .environment-cont .diagram .box-area .box{display: initial;}
    .environment-cont .diagram .box-area .box>span{display: block; width: 100%; height: 3.8rem; line-height: 3.8rem;}
    .environment-cont .diagram .box-area .box>span+span{margin: .8rem 0 0;}
    .environment-cont .graph-area .scroll-x{padding:0; overflow: hidden;}

    /* 안전경영 */
    .safety-cont .type-radius .box-radius.type-sm .box-radius{height: 22rem;}
    .safety-cont .type-radius .box-radius.type-lg .box-radius{height: 46.8rem;}
    .safety-cont .diagram-area .diagram{top:22rem; transform: translate(-50%,0);}
    .safety-cont .diagram-area .box{min-height: 39.1rem;}
    .safety-cont .diagram-area .box:nth-child(odd){padding:10rem 22rem 7rem 10rem}
    .safety-cont .diagram-area .box:nth-child(even){padding:10rem 10rem 7rem 22rem}
    .safety-cont .diagram-area .box:nth-child(1), .safety-cont .diagram-area .box:nth-child(4){background-color: #F0F3FA;}
    .safety-cont .diagram-area .box:nth-child(3), .safety-cont .diagram-area .box:nth-child(4){padding-top:7rem; padding-bottom:10rem; height: 47rem;}

    .safety-cont .diagram-area .box .txt-bu + .tit,
    .safety-cont .diagram-area .box .list-bu + .tit,
    .safety-cont .diagram-area .box .tit + .tit{margin-top: 1.6rem;}

    .safety-cont .type-radius-blue .box-radius{width: calc(33.333% - 1.8rem); height:33.8rem;}
    .safety-cont .type-radius-blue .box-radius:nth-child(3n){margin-right:0;}
    .safety-cont .type-radius-blue .box-radius:nth-child(-n+3){margin-top:0; height: 30.8rem;}
    .safety-cont .type-radius-blue .box-radius:nth-child(4){margin-top:2.4rem; margin-right:2.4rem}

    /* 인권경영 */
    .ethical-cont .diagram-area.type1 .list-diagram>li:first-child{width:100%;}
    .ethical-cont .diagram-area.type1 .list-diagram>li:first-child .tit{width: 32.6rem;}
    .ethical-cont .diagram-area.type1 .list-diagram>li:first-child::after{width: 32.6rem; background-position: 50% -.9rem; background-size: 1.2rem auto; margin:0; position:static; transform: rotate(0);}
    .ethical-cont .diagram-area.type1 .list-diagram>li:first-child{margin-right:0}

    /* 윤리경영 */
    .ethical-cont .txt-section .br-pc,
    .ethical-cont .ethical-area .semi-bold .br-pc{display: block;}
    .ethical-cont .diagram-area.type2 .box-radius.gray{width: calc(50% - 1.2rem); padding:10rem;}
    .ethical-cont .diagram-area.type2 .box-radius.gray:nth-child(1){margin-right:2.4rem;}

    /* 윤리경영활동 */
    .ethical-cont .diagram-area.type3{padding:10rem}
    .ethical-cont .diagram-area.type3 {display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap;}
    .ethical-cont .diagram-area.type3 .box{width:calc(50% - 2.5rem); margin:5rem 5rem 0 0; position: relative;}
    .ethical-cont .diagram-area.type3 .box::after{position: absolute; top:9.8rem; right:-2.5rem; height: 4rem; background-position-y:0; transform: rotate(270deg);}
    .ethical-cont .diagram-area.type3 .box:nth-child(2)::after{background: url(../../common/img/content/ethical-diagram/bg_diagram_arr_3.png) no-repeat 0 0/ 100% auto; width: 5.8rem; height: 5.8rem; transform: rotate(0); top: auto; right: auto; left: -5.3rem; bottom:-5.4rem;}
    .ethical-cont .diagram-area.type3 .box:nth-child(even){margin-right:0;}
    .ethical-cont .diagram-area.type3 .box:nth-child(-n+2){margin-top:0;}
    .ethical-cont .diagram-area.type3 .list-bu{height: 14.4rem;}
    .ethical-cont .type-radius-blue.type1 .box-radius{width:41.0rem; height: 33.8rem;}
    .ethical-cont .type-radius-blue.type1 .box-radius:last-child{margin-right:0;}
    .ethical-cont .box-radius.gray.txt-area .br-txt{display: block;}
    
    /* 공급망 관리정책 */
    .supply-chain-cont .txt-section + .pdf-area {margin-top:6rem}
    
    /* 협력사 소통 */
    .supply-chain-cont .type-radius-blue .box-radius{height:30.4rem; padding:4rem 3.7rem 4rem}

    /* 분쟁광물 관리 */
    .supply-chain-cont .diagram-area .box-radius.gray{padding:10rem}
    .supply-chain-cont .diagram-area .box-radius.dashed,
    .supply-chain-cont .diagram-area .box-area{width: 58.8rem; margin:0 auto;}
    .supply-chain-cont .diagram-area .box-area::before{background-image: url(../../common/img/content/supply_chain/bg_line_pc.png); height: 5rem;}
    .supply-chain-cont .diagram-area .box-area .list-diagram>li:first-child .txt,
    .supply-chain-cont .diagram-area .box-area .list-diagram>li:last-child .txt{height:8.6rem}

    /* 추진체계 */
    .social-cont .type-radius .box-radius.gray{padding:8rem 5rem 6rem}
    .social-cont .type-radius .box-radius.gray .title-sub{margin-bottom:0;}
    .social-cont .type-radius .box-radius.type-lg>.box:nth-child(3n+2){margin:0;}
    .social-cont .type-radius .type-lg{margin-top:6rem; display: block;}
    .social-cont .type-radius .type-lg .box + .box .title-box{margin-top:6rem;}
    .social-cont .type-radius .type-lg .box{width: 100%; }
    .social-cont .type-radius .type-lg .box-area .box-radius{width:calc(50% - 1.2rem)}
    .social-cont .type-radius .type-lg .box-area .box-radius + .box-radius{margin-left:2.4rem}
    .social-cont .type-radius .title-sub .emphosis{font-size:2rem}
    .social-cont .type-radius .title-sub .block{font-size:1.8rem;}
    .social-cont .type-radius-blue.type2 .box-radius{width: calc(20% - 1.92rem); height:24.4rem; margin:0 0 0 2.4rem}
    .social-cont .type-radius-blue.type2 .box-radius:first-child{margin-left:0;}
    .social-cont .type-radius-blue.type2 .box-radius .br-txt{display: block;}

    .social-cont .diagram-area.type1{padding:5rem 10rem}
    .social-cont .diagram-area.type1 + .txt-section{margin-top:4rem}
    .social-cont .diagram-area.type1 .list-diagram>li .txt{height:6.2rem}
    .social-cont .diagram-area.type1 .list-diagram.align-l>li .txt{height:12.4rem}
    .social-cont .diagram-area.type1 .list-diagram>li::after{top:41.4%}

    /* 사회공헌활동 */
    .social-cont .box-area.active .box-radius{width: calc(33.333% - 2.4rem); height:48.2rem; margin-top:2.4rem}
    .social-cont .box-area.active .box-radius:nth-child(-n+3){margin-top:0;}
    .social-cont .box-area.active .box-radius:nth-child(3n+2){margin-left:2.4rem; margin-right:2.4rem}
    .social-cont .box-area.active .box .br-txt{display: block;}

    /* Q&A */
    .customer-cont .reception-area{margin-top:6rem}
    .customer-cont .summary-desc .br-txt{display: initial;}
    .customer-cont .box-radius.gray.info .br-txt{display: block;}
    .customer-cont .btn-area.foot {padding-top:6rem}
    .customer-cont .box-radius.info{padding:2.4rem 4rem; margin-top:6rem}
    .customer-cont .list-form>li>.info{padding:1.6rem 2rem}
    .customer-cont .list-form>li>.tit{flex-basis: 20rem; min-width: 20rem; width: 20rem; padding:1.6rem 2rem;}

    /* FAQ */
    .customer-cont .search-faq{margin:6rem 0 4rem; justify-content: center;}
    .customer-cont .search-faq .form-input.search, .customer-cont .search-faq .form-input.search .textfield{width: 50rem; min-width:auto;}

    /* News & Notice */
    .list-news-notice>li>a:not(.btn-small){height:41rem; padding:4rem;}
    .list-news-notice>li{width: calc(33.333% - 1.6rem); margin-top:2.4rem; height:41rem}
    .list-news-notice>li:nth-child(-n+3){margin-top:0}
    .list-news-notice>li:nth-child(3n+2){margin-left:2.4rem; margin-right:2.4rem;}

    .list-news-notice>li:hover a:not(.btn-small){font-weight:600; color: #fff; border:0; background: linear-gradient(153deg, #0E44C5 2.34%, #76ABF9 99.03%), linear-gradient(153deg, #0E44C5 2.34%, #2A66F6 99.03%); box-shadow: 3rem 3rem 4rem 0 rgba(0, 0, 0, 0.20);}
    .list-news-notice>li:hover .label{color:#fff;}
    .list-news-notice>li:hover .btn-small.icon-download::after{background:#fff url(../img/system/icon_24x24.png) no-repeat -34.4rem -4rem/77.6rem auto;}

    .list-news-notice .title-box{margin-top:4.8rem;}
    .list-news-notice .news-info{-webkit-line-clamp:3; line-clamp:3; margin-top:1.6rem;}

    /* 신고·제보 채널 */
    .form-area.information .list-form.table>li>.tit{padding:1.6rem 0 1.6rem 2rem}
    .form-area.information .list-form.table>li>.info{display: flex; display: -ms-flexbox; flex-wrap: wrap; -ms-flex-wrap: wrap;}
    .form-area.information .list-form.table>li:first-child .info{padding-top:0; padding-right:0}
    .form-area.information .list-form.table .info .form-select:first-child,
    .form-area.information .list-form.table .info .form-select{display: inline-flex; margin-top:1.6rem; margin-right:4rem;}
    .form-area.information .list-form.table .info .form-select:last-child{margin-right:0;}
}