/* ---common--- */
#container {padding-bottom: 250px;}
#container.pb0 {padding-bottom: 0;}


/* 서브 배경 */
.sub_top {position: relative;}
.sub_top h2 {position: relative; margin-top: 240px; font-size: 60px; font-weight: 800; transition: all .5s ease-in; z-index: 10;}
.sub_top .sub_txt {position: relative; margin-top: 60px; font-size: 32px; transition: all .5s ease-in; z-index: 10;}
.sub_top nav {position: absolute; right: 0; top: 68px; z-index: 10;}
.sub_top nav a {display: inline-block; position: relative; padding: 0 15px; font-size: 16px; vertical-align: middle; transition: all .5s ease-in;}
.sub_top nav a:hover, .sub_top nav a:focus, .sub_top nav a:active {text-decoration: none;}
.sub_top nav a:after {content: ''; position: absolute; top: 7px; right: -7px; width: 8px; height: 12px; background: url(../img/icon_arrow0201.png) no-repeat; transition: all .5s ease-in;}
.sub_top nav a:last-child {font-weight: bold;}
.sub_top nav a:last-child:after {display: none;}
.sub_top .bg {margin-top: 60px; height: 395px;}

.slide_bg {height: 740px;}
.slide_bg .bg {position: absolute; left: 0; top: -200px; width: 100%; height: 880px;}
.slide_bg .bg em {position: absolute; left: 0; top: 0; width: 100%; height: 490px; background-color: #fff; transition: height .3s ease-in;}
.slide_bg.full nav a, .slide_bg.full h2, .slide_bg.full .sub_txt {color: #fff;}
.slide_bg.full nav a:after {background: url(../img/icon_arrow0202.png);}
.slide_bg.full .bg em {height: 0;}

.sub_top .tab {display: flex; width: 100%; transform: translateY(455px);}
.sub_top .tab a {display: block; height: 60px; font-size: 20px; color: #fff; font-weight: 300; line-height: 60px; text-align: center;}
.sub_top .tab a:hover, .sub_top .tab a:focus {text-decoration: none; background-color: rgba(255,255,255,.2);}
.sub_top .tab a.active {color: #000; font-weight: 500; background-color: #fff;}
.sub_top .tab.tab02 a {width: 50%;}
.sub_top .tab.tab04 a {width: 25%;}
.sub_top .tab.tab05 a {width: 20%;}


/* 탭 */
.tab_area [id^="tab_cont"] {display: none}
.tab_area [id^="tab_content"].active {display: block}


/* pager */
.pager {margin-top: 50px; text-align: center;}
.pager li {display: inline-block;   text-align: center;    vertical-align: middle;}
.board_list .pager li {margin: 0 10px;}
.pager li a {display: inline-block; position: relative;    padding: 0 11px; font-size: 16px;}
.pager li.active a, .pager li:hover a, .pager li:focus a {font-weight: bold; text-decoration: none;}
.pager li.active a:after, .pager li:hover a:after, .pager li:focus a:after {content: ''; position: absolute; left: 50%; bottom: -9px;  width: calc(100% - 22px); height: 1px; background-color: #000; transform: translateX(-50%); -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%);}

.pager li[class^="btn_"] {margin-top: -4px; width: 23px; height: 18px; background: url(../img/btn_pager.png) no-repeat;}
.pager li[class^="btn_"] a {display: block; width: 100%; height: 100%; font-size: 0;}
.pager li[class^="btn_"] a:after {display: none;}
.pager li.btn_prev {margin-right: 50px; background-position: 0 -28px;}
.pager li.btn_prev.disable {background-position: 0 0;}
.pager li.btn_next {margin-left: 50px;  background-position: -33px -28px;}
.pager li.btn_next.disable {background-position: -35px 0;}


/* 버튼 */
.btn {display: inline-block; width: 175px; height: 50px; font-size: 18px; color: #fff; text-align: center; line-height: 50px; background-color: #000;}
.btn:hover, .btn:focus, .btn:active {color: #fff; text-decoration: none; background-color: #2d2d2d;}


/* 타이틀 */
.h3_tit {font-size: 32px; font-weight: 700;}


/* 컴포넌트 */
.wrap_ck {position: relative;}
.wrap_ck input {margin-right: 10px; width: 30px; height: 30px; border: 4px solid #d1d1d1; vertical-align: middle; appearance: none; -webkit-appearance: none; -moz-appearance: none;  box-sizing: border-box;}
.wrap_ck input:checked::before {content: ''; position: absolute; left: 0; top: 0; width: 30px; height: 30px; background: url(../img/icon_ck.jpg) no-repeat;}
/* .wrap_ck input:focus, .wrap_ck input:active {border-color: #000;} */
.wrap_ck label {font-size: 18px; vertical-align: top;}


/* ---제품소개--- */
section[class^='sub01'] .bg {margin-top: 140px; height: 750px;}
section[class^='sub01'] .cont_top {position: relative; padding-top: 265px; margin-top: -750px; height: 750px; box-sizing: border-box;}
section[class^='sub01'] .layout {height: 100%;}
section[class^='sub01'] .cont_top .exp {position: absolute; left: 0; top: -190px; width: 600px; font-size: 32px; font-weight: 700; color: #fff; letter-spacing: -1.5px; word-break: keep-all;}
section[class^='sub01'] .cont_top .btns {position: relative; animation-delay: 0.5s;}
section[class^='sub01'] .cont_top .btns li {position: relative; width: 400px;}
section[class^='sub01'] .cont_top .btns li a {display: block;  padding: 15px 0; width: 100%; font-size: 20px; font-weight: 700; color: #fff; border-bottom: 1px solid #fff;}
section[class^='sub01'] .cont_top .btns li a:hover, section[class^='sub01'] .cont_top .btns li a:focus {text-decoration: none;}
section[class^='sub01'] .cont_top .btns li:after {content: ''; position: absolute; right: 0; top: 50%; background: url(../img/product_btn.png) no-repeat; z-index: -1;}
section[class^='sub01'] .cont_top .btns .li01:after {margin-top: -12px; width: 24px; height: 21px; background-position: 0 0;}
section[class^='sub01'] .cont_top .btns .li02:after {margin-top: -12px; width: 27px; height: 24px; background-position: 0 -31px;}
section[class^='sub01'] .cont_top .btns .li03:after {margin-top: -10px; width: 21px; height: 23px; background-position: 0 -65px;}
section[class^='sub01'] .cont_top .btns .li04:after {margin-top: -10px; width: 30px; height: 22px; background-position: 0 -98px;}
section[class^='sub01'] .cont_top .info {position: absolute; left: 0; bottom: 120px; display: flex;}
section[class^='sub01'] .cont_top .info li {position: relative; display: flex; color: #fff; box-sizing: border-box; opacity: 0;}
section[class^='sub01'] .cont_top .info li:nth-of-type(2) {animation-delay: 0.5s;}
section[class^='sub01'] .cont_top .info li:nth-of-type(3) {animation-delay: 1s;}
section[class^='sub01'] .cont_top .info .li01, section[class^='sub01'] .cont_top .info .li02 {width: 450px;}
section[class^='sub01'] .cont_top .info .li03 {width: 370px;}
section[class^='sub01'] .cont_top .info li i {flex-shrink: 0; display: block; margin-right: 20px; width: 100px; height: 100px; border-radius: 50%;}
section[class^='sub01'] .cont_top .info .li01 i {background: url(../img/icon_product_info01.png) #fff no-repeat;}
section[class^='sub01'] .cont_top .info .li02 i {background: url(../img/icon_product_info02.png) #fff no-repeat;}
section[class^='sub01'] .cont_top .info .li03 i {background: url(../img/icon_product_info03.png) #fff no-repeat;}
section[class^='sub01'] .cont_top .info li strong {display: block; margin: 5px 0; font-size: 18px; font-weight: 500; letter-spacing: 0.5px;}
section[class^='sub01'] .cont_top .info li p {font-size: 16px; font-weight: 300;}
section[class^='sub01'] .cont_top .product {content: ''; position: absolute; right: 0; top: -345px; width: 640px; height: 530px; animation-delay: 0.5s;}

section[class^='sub01'] .cont_bottom {padding-top: 220px;}
section[class^='sub01'] .anchor {position: absolute; top: -105px; display: flex; justify-content: center; width: 100%;}
section[class^='sub01'] .anchor a {position: relative; padding: 30px 15px; font-size: 18px; text-decoration: none;}
section[class^='sub01'] .anchor a:hover,section[class^='sub01'] .anchor a.active {font-weight: 700;}
section[class^='sub01'] .anchor a.active:after, section[class^='sub01'] .anchor a:hover:after {content: ''; position: absolute; left: 50%; bottom: 24px; width: 4px; height: 4px; background-color: #000; border-radius: 50%;}
section[class^='sub01'] .anchor.fixed {position: fixed; left: 0; top: 100px; margin-top: 0; width: 100%; background-color: #fff; z-index: 50;}

section[class^='sub01'] .cont_bottom .box {display: flex; padding: 50px 0; border-bottom: 1px solid #000;}
section[class^='sub01'] .cont_bottom #pduct01 {border-top: 1px solid #000;}
section[class^='sub01'] .cont_bottom .box .left {width: 400px;}
section[class^='sub01'] .cont_bottom .box .left .swiper {width: 100%; height: 310px;}
section[class^='sub01'] .cont_bottom .box .left .swiper-slide img {width: 100%; height: 100%;}
section[class^='sub01'] .cont_bottom .box .left .swiper-button-prev {left: 0; top: auto; bottom: 0; width: 42px; height: 42px; background: url(../img/btn_prev3.jpg) no-repeat;}
section[class^='sub01'] .cont_bottom .box .left .swiper-button-next {left: 43px; right: auto; top: auto; bottom: 0; width: 42px; height: 42px; background: url(../img/btn_next3.png) no-repeat;}
section[class^='sub01'] .cont_bottom .box .left .swiper-button-prev:after, section[class^='sub01'] .cont_bottom .box .left .swiper-button-next:after {display: none;}
section[class^='sub01'] .cont_bottom .box .right {position: relative; padding-left: 80px; width: calc(100% - 400px); box-sizing: border-box;}
section[class^='sub01'] .cont_bottom .box .right .btn_dw {position: absolute; right: 0; top: 0; width: 175px; height: 50px; font-size: 18px; text-align: center; line-height: 50px; color: #fff; background-color: #000; font-weight: 700;}
section[class^='sub01'] .cont_bottom .box .right .btn_dw:hover, section[class^='sub01'] .cont_bottom .box .right .btn_dw:focus {text-decoration: none;}
section[class^='sub01'] .cont_bottom .box .right .name {margin-bottom: 35px; font-size: 32px; font-weight: 700;}
section[class^='sub01'] .cont_bottom .box .right p {margin-bottom: 5px; width: 90%; font-size: 18px; word-break: keep-all;}
section[class^='sub01'] .cont_bottom .box .right strong {font-size: 20px;}
section[class^='sub01'] .cont_bottom .box .right ul li {position: relative; padding-left: 10px; font-size: 18px;}
section[class^='sub01'] .cont_bottom .box .right ul li:before {content: ''; position: absolute; left: 0; top: 13px; width: 2px; height: 2px; background-color: #000; border-radius: 50%;}
section[class^='sub01'] .cont_bottom .box .right dl {margin-top: 20px; width: 90%;}
section[class^='sub01'] .cont_bottom .box .right dl:last-child {margin-bottom: 0;}
section[class^='sub01'] .cont_bottom .box .right dl dt {margin-bottom: 5px; font-size: 20px; font-weight: 700;}
section[class^='sub01'] .cont_bottom .box .right dl dd {font-size: 18px; word-break: keep-all;}


/* 디스플레이 */
.sub0101 .bg {background: url(../img/bg_sub0101.jpg) no-repeat 50%;}
.sub0101 .cont_top .product {background: url(../img/bg_sub0101_after.jpg) no-repeat;}

/* 생활가전 */
.sub0102 .bg {background: url(../img/bg_sub0102.jpg) no-repeat 50%;}
.sub0102 .cont_top .product {background: url(../img/bg_sub0102_after.jpg) no-repeat;}

/* 스마트폰 */
.sub0103 .bg {background: url(../img/bg_sub0103.jpg) no-repeat 50%;}
.sub0103 .cont_top .product {background: url(../img/bg_sub0103_after.jpg) no-repeat;}
.sub0103 .cont_top .info .li02 i {background: url(../img/icon_product_info03.png) #fff no-repeat 50%/cover !important;}
.sub0103 .cont_top .info .li03 i {background: url(../img/icon_product_info04.png) #fff no-repeat 50%/cover !important;}

/* 태양광 모듈 */
.sub0104 .bg {height: 575px !important; background: url(../img/bg_sub0104.jpg) no-repeat 50%;}
.sub0104 .cont_top {margin-top: -575px !important; height: 575px !important;}
.sub0104 .cont_top .product {background: url(../img/bg_sub0104_after.jpg) no-repeat;}

.cont_acc {padding-top: 120px;}
.cont_acc dd {position: relative; padding: 35px 40px; background-color: #f7f7f7;}
.cont_acc dd > p {margin-bottom: 25px; width: 80%; font-size: 18px; word-break: keep-all;}
.cont_acc dd > p:last-child {margin-bottom: 0;}
.cont_acc dd .cont {display: inline-block; width: 630px; vertical-align: top;}
.cont_acc dd .cont p {margin-bottom: 25px; font-size: 18px; word-break: keep-all;}
.cont_acc dd .cont p:last-child {margin-bottom: 0;}
.cont_acc dd .cont + img {display: inline-block; padding-left: 165px; width: 400px; height: 255px;}
.cont_acc dd table {width: 100%; border-top: 2px solid #000;}
.cont_acc dd table thead tr {border-bottom: 1px solid #000;}
.cont_acc dd table tr th {padding: 16px 0; font-size: 18px; background-color: #fff;}
.cont_acc dd table tbody tr {border-bottom: 1px solid #d1d1d1;}
.cont_acc dd table tr td {padding: 16px 0; font-size: 18px; text-align: center; background-color: #f7f7f7;}
.cont_acc .acc03 dd {padding: 40px 50px;}
.cont_acc .acc03 dd ul {display: flex; flex-wrap: wrap; justify-content: center; gap: 40px 0;}
.cont_acc .acc03 dd ul li {display: flex; align-items: center; margin-bottom: 0; width: 33.3%; font-size: 20px; font-weight: 700;}
.cont_acc .acc03 dd ul li:before {content: ''; position: relative; display: block; margin-right: 20px; width: 100px; height: 100px; background: url(../img/solar_icon.png) no-repeat 50%/cover}
.cont_acc .acc03 dd ul .li01:before {background-position: 0 0;}
.cont_acc .acc03 dd ul .li02:before {background-position: 0 -100px;}
.cont_acc .acc03 dd ul .li03:before {background-position: 0 -200px;}
.cont_acc .acc03 dd ul .li04:before {background-position: 0 -300px;}
.cont_acc .acc03 dd ul .li05:before {background-position: 0 -400px;}
.cont_acc .acc03 dd ul .li06:before {background-position: 0 -500px;}
.cont_acc .acc06 dd {padding: 50px 40px;}
.cont_acc .acc06 dd strong {display: block; font-size: 24px; text-align: center;}
.cont_acc .acc06 dd > ul {display: flex; flex-wrap: wrap; gap: 55px 45px; padding-top: 30px; margin-top: 15px; border-top: 1px solid #000;}
.cont_acc .acc06 dd > ul + strong {margin-top: 100px;}
.cont_acc .acc06 dd ul > li {margin-bottom: 0; width: 370px;}
.cont_acc .acc06 dd ul > li .img {width: 100%; height: 200px;}
.cont_acc .acc06 dd ul > li .img > span {display: block; width: 100%; height: 100%;}
.cont_acc .acc06 dd ul .li01 .img > span {background: url(../img/solar_result01.jpg) no-repeat 50%;}
.cont_acc .acc06 dd ul .li02 .img > span {background: url(../img/solar_result02.jpg) no-repeat 50%;}
.cont_acc .acc06 dd ul .li03 .img > span {background: url(../img/solar_result03.jpg) no-repeat 50%;}
.cont_acc .acc06 dd ul .li04 .img > span {background: url(../img/solar_result04.jpg) no-repeat 50%;}
.cont_acc .acc06 dd ul .li05 .img > span {background: url(../img/solar_result05.jpg) no-repeat 50%;}
.cont_acc .acc06 dd ul .li06 .img > span {background: url(../img/solar_result06.jpg) no-repeat 50%;}
.cont_acc .acc06 dd ul .li07 .img > span {background: url(../img/solar_result07.jpg) no-repeat 50%;}
.cont_acc .acc06 dd ul .li08 .img > span {background: url(../img/solar_result08.jpg) no-repeat 50%;}
.cont_acc .acc06 dd ul li .txt {padding: 20px 30px; margin-top: -40px; width: 250px; background-color: #f7f7f7;}
.cont_acc .acc06 dd ul li .txt p {margin-bottom: 15px; font-size: 24px; font-weight: 700;}
.cont_acc .acc06 dd ul li .txt ul li {margin-bottom: 5px; font-size: 18px;}
.cont_acc .acc06 dd ul li .txt ul li span {display: inline-block; margin-right: 20px; font-weight: 700;}
.sub0104 .btn {display: block; margin: 60px auto 0;}

/* LED 솔루션 */
.sub0105 .bg {background: url(../img/bg_sub0105.jpg) no-repeat 50%;}
.sub0105 .cont_top .product {background: url(../img/bg_sub0105_after.jpg) no-repeat;}
.sub0105 .cont_top .info .li02 i {background: url(../img/icon_product_info05.png) #fff no-repeat 50%/cover !important;}

/* 자동차 전장 */
.sub0106 .bg {background: url(../img/bg_sub0106.jpg) no-repeat 50%;}
.sub0106 .cont_top .product {background: url(../img/bg_sub0106_after.jpg) no-repeat;}


/* 반도체부품 */
.sub0107 .bg {background: url(../img/bg_sub0107.jpg) no-repeat 50%;}
.sub0107 .cont_top .product {background: url(../img/bg_sub0107_after.jpg) no-repeat;}
.sub0107 .cont_top .info .li02 i {background: url(../img/icon_product_info05.png) #fff no-repeat 50%/cover !important;}


/* ---회사소개--- */
div.animate__animated {opacity: 0;}


/* 한솔테크닉스 */
.sub0201 .h3_tit {margin-bottom: 50px; font-size: 36px; font-weight: 700; word-break: keep-all; opacity: 0;}

.sub0201 .video {margin-top: 100px; height: 730px;}
.sub0201 .video .video_thum {padding-top: 195px; height: 100%; color: #fff; text-align: center; background: url(../img/video_thum.jpg) no-repeat 50%/cover; box-sizing: border-box;}
.sub0201 .video .video_thum p {margin-bottom: 30px; font-size: 24px; font-weight: 300;}
.sub0201 .video .video_thum strong {display: block; font-size: 42px;}
.sub0201 .video .video_thum strong:after {content: ''; display: block; margin: 50px auto 0; width: 73px; height: 73px; background: url(../img/btn_play.png) no-repeat; cursor: pointer;}
.sub0201 .video .video_player {display: none; width: 100%; height: 100%;}
.sub0201 .video .video_player iframe {width: 100%; height: 100%;}

.sub0201 .slide {padding-top: 150px; background-color: #f0f0f0;}
.sub0201 .slide .layout {padding: 0 0 0 20px; width: auto;}
.sub0201 .slide .h3_tit {margin: 0 auto; width: 1280px;}
.sub0201 .slide .product {padding-top: 50px; margin-left: -100px;}
.sub0201 .slide .product .swiper-slide {padding: 50px; box-sizing: border-box; height: 400px;}
.sub0201 .slide .product .swiper-slide:after {content: ''; position: absolute; right: 50px; bottom: 50px; background: url(../img/intro_product.png) no-repeat; opacity: .45; transition: opacity .3s; -webkit-transition: opacity .3s; -moz-transition: opacity .3s;}
.sub0201 .slide .product .swiper-slide:hover:after {opacity: 1;}
.sub0201 .slide .product .box01 {background: linear-gradient(to bottom, #d0ecf1, #9fd3de);}
.sub0201 .slide .product .box02 {background-color: #fff;}
.sub0201 .slide .product .box03 {background: linear-gradient(to bottom, #dbf2ea, #b2e2d2);}
.sub0201 .slide .product .box04 {background-color: #fff;}
/* .sub0201 .slide .product .box05 {background: linear-gradient(to bottom, #eae2f8, #c2ace2);} */
.sub0201 .slide .product .box05 {background: linear-gradient(to bottom, #e8f0f4, #c5dce8);}
.sub0201 .slide .product .box06 {background-color: #fff;}
.sub0201 .slide .product .box07 {background: linear-gradient(to bottom, #dbdef2, #b4bce5);}
.sub0201 .slide .product .box01:after {width: 100px; height: 85px; background-position: 0 0;}
.sub0201 .slide .product .box02:after {width: 110px; height: 112px; background-position: 0 -94px;}
.sub0201 .slide .product .box03:after {width: 70px; height: 113px; background-position: 0 -216px;}
.sub0201 .slide .product .box04:after {width: 108px; height: 101px; background-position: 0 -339px;}
/* .sub0201 .slide .product .box04:after {width: 104px; height: 104px; background-position: 0 -450px;} */
/* .sub0201 .slide .product .box05:after {width: 104px; height: 104px; background-position: 0 -450px;} */
.sub0201 .slide .product .box05:after {width: 127px; height: 80px; background-position: 0 -564px;}
/* .sub0201 .slide .product .box06:after {width: 127px; height: 80px; background-position: 0 -564px;}
.sub0201 .slide .product .box07:after {width: 106px; height: 109px; background-position: 0 -654px;} */
.sub0201 .slide .product .box07:after {width: 127px; height: 80px; background-position: 0 -564px;}
.sub0201 .slide .product .box06:after {right: 25px; bottom: 35px; width: 106px; height: 109px; background-position: 0 -654px;}
.sub0201 .slide .product .swiper-slide em {display: block; margin-bottom: 20px; font-size: 32px; font-weight: 700;}
.sub0201 .slide .product .swiper-slide p {font-size: 18px; letter-spacing: -1px; word-break: keep-all;}
.sub0201 .slide .product .swiper-slide p br {display: none;}
.sub0201 .slide .product .swiper-slide a {position: absolute; left: 50px; bottom: 50px; width: 50px; height: 50px; font-size: 0; background: url(../img/btn_link.png) #fff no-repeat 50%; border-radius: 50%;}
.sub0201 .slide .product .box02 a, .sub0201 .slide .product .box04 a, .sub0201 .slide .product .box06 a {background-color: #f0f0f0;}
.sub0201 .slide .product .wrap_btn {margin: 0 auto; width: 1280px; transform: translateY(-428px); -webkit-transform: translateY(-428px); -moz-transform: translateY(-428px);}
.sub0201 .slide .product .wrap_btn div[class^='swiper-button'] { width: 10px; height: 20px;}
.sub0201 .slide .product .wrap_btn .swiper-button-prev {left: auto; right: 60px; background: url(../img/btn_prev.png) no-repeat 0 -30px;}
.sub0201 .slide .product .wrap_btn .swiper-button-next {background: url(../img/btn_next.png) no-repeat 0 -30px;}
.sub0201 .slide .product .wrap_btn div[class^='swiper-button']:after {display: none;}

.sub0201 .dept {padding-top: 150px;}
.sub0201 .dept .wrap_box {display: flex; gap: 20px;}
.sub0201 .dept .wrap_box div {flex-shrink: 0; position: relative; width: calc((100% - 80px) / 5); height: 500px; color: #fff; box-sizing: border-box;}
.sub0201 .dept .wrap_box .box01 {background: url(../img/dept01.jpg) no-repeat -355px 0/cover;}
.sub0201 .dept .wrap_box .box02 {background: linear-gradient(rgba(0,0,0,0.3), rgba(0,0,0,0.3)), url(../img/dept05.png) no-repeat center/cover;}
.sub0201 .dept .wrap_box .box03 {background: url(../img/dept06.png) no-repeat center/cover;}
.sub0201 .dept .wrap_box .box04 {background: url(../img/dept02.jpg) no-repeat center/cover;}
.sub0201 .dept .wrap_box .box05 {background: url(../img/dept03.jpg) no-repeat center/cover;}
.sub0201 .dept .wrap_box div strong {position: absolute; left: 30px; right: 30px; top: 300px; font-size: 24px; line-height: 1.3; text-shadow: 0 1px 3px rgba(0,0,0,1);}
.sub0201 .dept .wrap_box div p {position: absolute; left: 30px; right: 30px; top: 370px; font-size: 16px; line-height: 1.6; word-break: keep-all; text-shadow: 0 1px 2px rgba(0,0,0,1);}

.sub0201 .data {padding-top: 150px;}
.sub0201 .data .wrap_data {display: flex; gap: 30px;}
.sub0201 .data .wrap_data a {display: flex; justify-content: center; align-items: center; width: calc((100% - 30px) / 2); height: 125px; font-size: 20px; background-color: #f0f0f0; border: 4px solid transparent; box-sizing: border-box;}
.sub0201 .data .wrap_data a span {margin-right: 10px; font-size: 28px; font-weight: 700;}
.sub0201 .data .wrap_data a:after {content: ''; display: block; margin-left: 20px; width: 64px; height: 64px; background: url(../img/btn_dw2.png) #cbcbcb no-repeat 50%/cover; border-radius: 50%;}
.sub0201 .data .wrap_data a:first-child:hover, .sub0201 .data .wrap_data a:first-child:focus {color: #149ebb; text-decoration: none; border-color: #149ebb;}
.sub0201 .data .wrap_data a:first-child:hover:after, .sub0201 .data .wrap_data a:first-child:focus:after {background-color: #149ebb;}
.sub0201 .data .wrap_data a:last-child:hover, .sub0201 .data .wrap_data a:last-child:focus {color: #31b68f; text-decoration: none; border-color: #31b68f;}
.sub0201 .data .wrap_data a:last-child:hover:after, .sub0201 .data .wrap_data a:last-child:focus:after {background-color: #31b68f;}


/* 비전 및 이념 */
.sub0203 .sub_top .layout:after {content: ''; position: absolute; bottom: -446px; right: 0; width: 450px; height: 475px; background: url(../img/human.png) no-repeat; z-index: 10;}
.sub0203 .bg {height: 880px; background: url(../img/bg_sub0203.jpg) no-repeat;}
.sub0203 .h3_tit {position: absolute; left: 0; top: 0;}

.vision {padding: 110px 0 120px;}
.vision .layout {padding-left: 450px;}
.vision strong {display: block; margin-bottom: 35px; font-size: 24px;}
.vision p {margin-bottom: 30px; font-size: 20px;}
.vision img { width: 500px; aspect-ratio: 500 / 430; object-fit: cover; }

@media screen and (max-width: 500px) {
    .vision img {width: 100%; }
}


.principle {position: relative; padding-top: 120px; overflow: hidden;}
.principle:before {content: ''; position: absolute; left: -320px; top: 0; width: 3000px; height: 530px; background-color: #f7f7f7;}
.principle ul {display: flex; gap: 40px; flex-wrap: wrap; margin-left: 450px;}
.principle ul li {padding: 30px 0 25px; width: calc((100% - 40px) / 2); border-top: 4px solid #000; border-bottom: 1px solid #000;}
.principle ul li strong {display: block; font-size: 24px; text-align: center;}
.principle ul li p {margin-top: 10px; font-size: 18px; text-align: center;}
.principle dl {display: flex; position: relative; flex-wrap: wrap; gap: 25px 20px; margin: 620px auto 0; width: 1000px;}
.principle dl:before {content: ''; position: absolute; left: 50%; top: -391px; margin-left: -649px; width: 1298px; height: 391px; background: url(../img/field_v2.png) no-repeat;}
.principle dl dt {flex-shrink: 0; width: 100%; height: 60px; font-size: 18px; color: #fff; font-weight: bold; text-align: center; line-height: 60px; border-radius: 50px; background: linear-gradient(to right, #159fba, #31b690);}
.principle dl dd {position: relative; flex-shrink: 0; width: calc((100% - 60px) / 4); height: 60px; font-size: 20px; line-height: 60px; text-align: center; border: 1px solid #d1d1d1; border-radius: 50px; box-sizing: border-box;}
.principle dl dd:before {content: ''; position: absolute; left: 50%; top: -25px; width: 1px; height: 24px; border: 1px dashed #d1d1d1; box-sizing: border-box;}


/* 연혁 */
.history {margin-top: 60px;}
.history .section {padding: 120px 0;}
.history .section:first-child {padding-top: 0;}
.history .section:last-child {padding-bottom: 0;}
.history .section:nth-of-type(2) {background-color: #f7f7f7;}
.history .section .layout {display: flex;}
.history .section .layout > div:first-child {width: 500px;}
.history .section .layout > div:last-child {width: calc(100% - 500px);}
.history .section:nth-child(odd) .txt {padding-left: 145px;}
.history .section .txt strong {display: block; margin-bottom: 70px; font-size: 80px; font-weight: 900; line-height: 1; opacity: 0; transform: translate(0, 100px); transition: all 0.5s ease;}
.history .section .txt strong.active {opacity: 1; transform: translate(0,0)}
.history .section .txt ul li {position: relative; padding-left: 125px; margin-bottom: 30px; font-size: 18px; word-break: keep-all; opacity: 0; transform: translate(0, 100px); transition: all 0.5s ease;}
.history .section .txt ul li.active {opacity: 1; transform: translate(0,0)}
.history .section .txt ul li:last-child {margin-bottom: 0;}
.history .section .txt ul li span {position: absolute; left: 0; top: -5px; font-size: 24px; font-weight: 900;}
.history .section .img > div {opacity: 0; transform: translate(0, 100px); transition: all 0.5s ease;}
.history .section .img > div.active {opacity: 1; transform: translate(0,0)}
.history .img01 {width: 500px; height: 600px; background: url(../img/history_img01.jpg) no-repeat;}
.history .img02 {margin: 0 0 22px 42px; width: 680px; height: 360px; background: url(../img/history_img02.jpg) no-repeat;}
.history .img03 {margin-left: 102px; width: 680px; height: 260px; background: url(../img/history_img03.jpg) no-repeat;}
.history .img04 {width: 500px; height: 710px; background: url(../img/history_img04.jpg) no-repeat;}

.history .section:nth-of-type(1) .txt ul li:nth-of-type(1) {animation-duration: 300ms;} 
.history .section:nth-of-type(1) .txt ul li:nth-of-type(2) {animation-delay: 0.5s; animation-duration: 300ms;}
.history .section:nth-of-type(1) .txt ul li:nth-of-type(3) {animation-delay: 1s; animation-duration: 300ms;}


/* ceo 인사말 */
.ceo {margin-top: 80px;}
.ceo .layout {zoom: 1}
.ceo .layout:after {content: ''; display: block; clear: both;}
.ceo .bg {padding-top: 100px; width: 100%; height: 295px; background: url(../img/bg_sub0205.jpg) no-repeat 50%/cover; box-sizing: border-box;}
.ceo .bg strong {display: block; margin: 0 auto; width: 1280px; font-size: 36px; font-weight: 700; color: #ffff;}
.ceo .img {display: block; float: right; margin-top: -175px; animation-delay: 0.5s;}
.ceo .img i {display: block; width: 650px; height: 640px; background: url(../img/ceo.jpg) no-repeat;}
.ceo .img p {margin-top: 40px; font-size: 22px; text-align: right;}
.ceo .img p span {display: inline-block; margin-left: 15px; width: 80px; height: 33px; font-size: 0; vertical-align: bottom; background: url(../img/ceo_sign.png) no-repeat;}
.ceo .cont {float: left; margin-top: 70px; width: 520px; animation-delay: 1s; opacity: 1;}
.ceo ul li {margin-bottom: 30px; font-size: 20px; word-break: keep-all;}
.ceo ul li:last-child {display: none;}



/* 사업장소개 */
.sub0206 .bg {background: url(../img/bg_sub0206.jpg) no-repeat 50%;}

.factory {padding-top: 120px;}
.factory dl {margin-bottom: 75px;}
.factory dl:last-child {margin-bottom: 0;}
.factory dl dt {width: 100%; height: 540px; background-color: #ccc;}
.factory dl dt .img {width: 100%; height: 100%;}
.factory dl.head .img {background: url(../img/factory_head.jpg) no-repeat 50%/cover;}
.factory dl.suwon .img {background: url(../img/factory_suwon.jpg) no-repeat 50%/cover;}
.factory dl.jincheon .img {background: url(../img/factory_jin.jpg) no-repeat 100%/cover;}
.factory dl.ochang .img {background: url(../img/factory_ochang.jpg) no-repeat 50%/cover;}
.factory dl.iones .img {background: url(../img/factory_iones.jpg) no-repeat 50%/cover;}
.factory dl.thai .img {background: url(../img/factory_thai.jpg) no-repeat 50%/cover;}
.factory dl.hanoi .img {background: url(../img/factory_hanoi.jpg) no-repeat 50%/cover;}
.factory dl.hochiminh .img {background: url(../img/factory_hochiminh.jpg) no-repeat 50%/cover;}
.factory dl.china .img {background: url(../img/factory_china.jpg) no-repeat 50%/cover;}

.factory dl dd {position: relative; display: flex; margin-top: -100px; width: 1145px; min-height: 180px; background-color: #fff; box-sizing: border-box;}
.factory dl dd strong {display: block; padding: 45px 50px; width: 440px; font-size: 32px; font-weight: 700; line-height: 1; box-sizing: border-box;}
.factory dl dd ul {padding: 45px 50px; width: calc(100% - 440px); box-sizing: border-box;}
.factory dl dd ul li {position: relative; padding-left: 110px; margin-bottom: 25px; font-size: 20px; word-break: keep-all; text-decoration: none;}
.factory dl dd ul li:last-child {margin-bottom: 0;}
.factory dl dd ul li span {position: absolute; left: 0; top: 0; font-weight: 700;}
.factory dl dd .btn {position: absolute; left: 50px; top: 128px; width: 175px; height: 50px; font-size: 18px; font-weight: 500; color: #fff; line-height: 50px; text-align: center; background-color: #000;}
.factory dl dd .btn:hover, .factory dl dd .btn:focus {text-decoration: none; background-color: #2d2d2d;}
.factory dl dd .btn:after {content: ''; display: inline-block; margin: -5px 0 0 10px; width: 20px; height: 23px; background: url(../img/icon_location.png) no-repeat; vertical-align: middle;}




/* ---지속가능경영--- */
/* 환경안전경영 */
.sub0301 .bg {background: url(../img/bg_sub0301.jpg) no-repeat 50%;}

.policy {padding-top: 110px;}
.policy .layout {padding-left: 440px;}
.policy .h3_tit {position: absolute; left: 0; top: 0;}
.policy p {margin-bottom: 30px; font-size: 20px; word-break: keep-all;}
.policy .wrap_dl {padding: 35px 0 35px 40px; margin-top: 60px; border-top: 1px solid #000; border-bottom: 1px solid #000;}
.policy .wrap_dl dl {margin-bottom: 20px;}
.policy .wrap_dl dl:last-child {margin-bottom: 0;}
.policy .wrap_dl dl dt {margin-bottom: 5px; font-size: 18px; font-weight: 700;}
.policy .wrap_dl dl dd {font-size: 18px; word-break: keep-all;}
.policy .h3_tit button {width: 36px; height: 36px; font-size: 0; background: url(../img/icon_arrow03.png) #cbcbcb no-repeat; border-radius: 50%; transform: translateY(-3px);}

.goal {padding: 110px 0 120px;}
.goal .layout {padding-left: 440px;}
.goal .h3_tit {position: absolute; left: 0; top: 0;}
.goal p {margin-bottom: 30px; font-size: 20px; word-break: keep-all;}
.goal .img {width: 858px; height: 238px; font-size: 0; background: url(../img/goal.png) no-repeat; transform: translateY(-20px);}
.goal .s_img {margin-top: 50px; width: 840px; height: 425px; font-size: 0; background: url(../img/safe_goal.png) no-repeat;}
.goal.safe button {width: 36px; height: 36px; font-size: 0; background: url(../img/icon_arrow03.png) #cbcbcb no-repeat; border-radius: 50%;}
.goal.safe button:hover, .policy.safe button:focus {background-color: #b3b3b3;}

.plan {padding: 110px 0 120px; background-color: #f7f7f7;}
.plan .h3_tit {margin-bottom: 55px;}
.plan .wrap_dl {display: flex; gap: 40px; flex-wrap: wrap;}
.plan .wrap_dl dl {width: calc((100% - 40px) / 2); box-shadow: 5px 5px 10px rgba(0,0,0,.05);}
.plan .wrap_dl dl dt {width: 100%; height: 300px;}
.plan .wrap_dl dl dt img {width: 100%; height: 100%;}
.plan .wrap_dl dl dd {position: relative; padding: 35px 40px; height: 200px; box-sizing: border-box; background-color: #fff;}
.plan .wrap_dl dl dd strong {display: block; font-size: 20px;}
.plan .wrap_dl dl dd ul {position: absolute; left: 40px; bottom: 35px; width: calc(100% - 80px); font-size: 18px; word-break: keep-all;}
.plan .h3_tit button {width: 36px; height: 36px; font-size: 0; background: url(../img/icon_arrow03.png) #cbcbcb no-repeat; border-radius: 50%; transform: translateY(-3px);}

.organizion {padding: 110px 0 120px;}
.organizion .img {display: block; margin: 55px auto 0; width: 1280px; height: 503px; font-size: 0; background: url(../img/orgnizion.jpg) no-repeat;}

.action {padding-top: 110px; background-color: #f7f7f7;}
.action .layout {padding-left: 440px;}
.action .h3_tit {position: absolute; left: 0; top: 0;}
.action p {font-size: 20px; word-break: keep-all;}

.neutrality {padding: 110px 0 120px; background-color: #f7f7f7;}
.neutrality .h3_tit button {width: 36px; height: 36px; font-size: 0; background: url(../img/icon_arrow03.png) #cbcbcb no-repeat; border-radius: 50%; transform: translateY(-3px);}
.neutrality .layout > p {margin: 20px 0; font-size: 20px; word-break: keep-all;}
.neutrality h4 {text-align: center; font-size: 30px; font-weight: 600; transform: translateY(60px);}
.neutrality h4 .roadmap_btn {display: inline-block; width: 36px; height: 36px; font-size: 0; background: url(../img/icon_arrow03.png) #cbcbcb no-repeat; border-radius: 50%;}
.neutrality .img {display: block; margin: 5px auto 55px auto; width: 1100px; height: 640px; font-size: 0; background: url(../img/neutrality.png) no-repeat 50%; background-size: contain;}
.neutrality .table table {background-color: #fff;}
.neutrality .table table tr td {padding: 16px 10px; word-break: keep-all;}
.neutrality .table table tr td.ta_l {text-align: left;}
.neutrality .table table tr td p {position: relative; padding-left: 10px;}
.neutrality .table table tr td p:before {content: ''; position: absolute; left: 0; top: 13px; width: 2px; height: 2px; background-color: #000; border-radius: 50%;}
.neutrality .img + .table {margin-bottom: 120px;}
.neutrality .img + .table table tr td {text-align: left; word-break: keep-all;}


.purchase {padding: 110px 0 250px; }
.purchase .layout {padding-left: 440px;}
.purchase .h3_tit {position: absolute; left: 0; top: 0;}
.purchase p {font-size: 20px; word-break: keep-all;}
.purchase ul {padding: 35px 40px; margin-top: 60px; border-top: 1px solid #000; border-bottom: 1px solid #000;}
.purchase ul li {position: relative; padding-left: 30px; margin-bottom: 15px; font-size: 18px; word-break: keep-all;}
.purchase ul li:last-child {margin-bottom: 0;}
.purchase ul li span {position: absolute; left: 0; top: 0; font-weight: 700;}

.policy.safe {padding-bottom: 110px;}
.policy.safe p {margin-bottom: 0;}
.policy.safe button {width: 36px; height: 36px; font-size: 0; background: url(../img/icon_arrow03.png) #cbcbcb no-repeat; border-radius: 50%;}
.policy.safe button:hover, .policy.safe button:focus {background-color: #b3b3b3;}

.goal.safe {background-color: #f7f7f7;}
.system {padding-top: 110px;}
.system .layout {padding-left: 440px;}
.system .h3_tit {position: absolute; left: 0; top: 0;}
.system p {margin-bottom: 20px; font-size: 20px; word-break: keep-all;} 
.system .img {margin-top: 50px; width: 787px; height: 399px; background: url(../img/system.png) no-repeat; font-size: 0;}


/* 사회책임경영 */
.sub0302 .bg {background: url(../img/bg_sub0302.jpg) no-repeat 50%;}
.sub0302 #tab_content5 dl:nth-child(4) .popup_btns {display: flex; gap: 10px; transform: translate(-50px, 10px);}
.sub0302 #tab_content5 dl:nth-child(4) .popup_btns li {width: 90px; aspect-ratio: 90 / 40; cursor: pointer; font-size: 0; color: transparent;}
.sub0302 #tab_content5 dl:nth-child(4) .popup_btns li:nth-child(1) {background: url(../img/tab5_popup_btn1.svg) no-repeat center/contain;}
.sub0302 #tab_content5 dl:nth-child(4) .popup_btns li:nth-child(2) {background: url(../img/tab5_popup_btn2.svg) no-repeat center/contain;}
.sub0302 #tab_content5 dl:nth-child(4) .popup_btns li:nth-child(3) {background: url(../img/tab5_popup_btn3.svg) no-repeat center/contain;}

.info_top {padding: 110px 0;}
.info_top .h3_tit {position: absolute; left: 0; top: 0;}
.info_top .layout {padding-left: 440px;}
.info_top p {margin-bottom: 20px; font-size: 20px; word-break: keep-all;}
.info_top p:last-child {margin-top: 0;}

.info_cont {padding: 120px 0 230px; background-color: #f7f7f7;}
.info_cont .tabs {display: flex; gap: 20px; margin-bottom: 40px;}
.info_cont .tabs li {width: calc((100% - 80px) / 5); height: 60px;}
.info_cont .tabs li a {display: block; width: 100%; height: 100%; font-size: 20px; text-align: center; line-height: 60px; border: 1px solid transparent; border-radius: 50px; background-color: #fff;}
.info_cont .tabs li.active a {color: #fff; font-weight: 500; background-color: #000;}
.info_cont .tabs li a:hover, .info_cont .tabs li a:focus, .info_cont .tabs li a:active {border-color: #d1d1d1; text-decoration: none;}
.info_cont .tabs li.active a:hover, .info_cont .tabs li.active a:focus {border-color: transparent;}

.info_cont dl {display: flex; border-bottom: 1px solid #1b1b1b;}
.info_cont dl dt {position: relative; padding: 35px 0 35px 50px; width: 440px; flex-shrink: 0; font-size: 24px; font-weight: 500; box-sizing: border-box;}
.info_cont dl dt span {position: absolute; left: 0; top: 35px; font-size: 32px; font-weight: 700; line-height: 1;}
.info_cont dl dd {padding: 40px 0; width: calc(100% - 440px);}
.info_cont dl dd p {margin-bottom: 15px; font-size: 18px; word-break: keep-all;}
.info_cont dl dd ul {padding-right: 50px; margin: 0 0 15px 20px;}
.info_cont dl dd ul li {position: relative; padding-left: 13px; margin-bottom: 10px; font-size: 16px; word-break: keep-all;}
.info_cont dl dd ul li:last-child {margin-bottom: 0;}
.info_cont dl dd ul li:before {content: ''; position: absolute; left: 0; top: 12px; width: 3px; height: 3px; background-color: #000;}

.cogrowth_top {padding: 110px 0 120px;}
.cogrowth_top .layout {padding-left: 440px;}
.cogrowth_top .h3_tit {position: absolute; left: 0; top: 0;}
.cogrowth_top a {position: absolute; left: 0; bottom: 0px; padding-bottom: 15px; width: 300px; border-bottom: 1px solid #d1d1d1; font-size: 20px; font-weight: bold;}
.cogrowth_top a:hover, .cogrowth_top a:focus {text-decoration: none;}
.cogrowth_top a:after {content: ''; position: absolute; right: 0; bottom: 13px; width: 36px; height: 36px; background: url(../img/icon_arrow03.png) #cbcbcb no-repeat; border-radius: 50%;}
.cogrowth_top a:hover:after, .cogrowth_top a:focus:after {background-color: #b3b3b3;}
.cogrowth_top .img {width: 858px; height: 406px; font-size: 0; background: url(../img/cogrowth01.png) no-repeat;}

.cogrowth_info {padding: 120px 0; background-color: #f7f7f7;}
.cogrowth_info .layout {padding-left: 440px;}
.cogrowth_info .h3_tit {position: absolute; left: 0; top: 0;}
.cogrowth_info p {display: none;}
.cogrowth_info .img {width: 841px; height: 847px; font-size: 0; background: url(../img/cogrowth02.png) no-repeat;}

.cogrowth_activity {padding: 120px 0;}
.cogrowth_activity .layout, .cogrowth_practice .layout  {padding-left: 440px;}
.cogrowth_activity .h3_tit, .cogrowth_practice .h3_tit {position: absolute; left: 0; top: 0;}

.accordion {border-bottom: 1px solid #000;}
.accordion:nth-of-type(1) {border-top: 4px solid #000;}
.accordion > dt {position: relative; padding: 22px 40px; font-size: 24px; font-weight: bold; cursor: pointer;}
.accordion > dt:before {content: ''; position: absolute; right: 40px; top: 40px; width: 20px; height: 2px; background-color: #000;}
.accordion > dt:after {content: ''; position: absolute; right: 49px; top: 32px; width: 2px; height: 20px; background-color: #000; transition: all .3s;}
.accordion > dd {display: none; padding: 35px 40px; background-color: #f7f7f7;}
.accordion > dd > dl {margin-bottom: 30px;}
.accordion > dd > dl:last-child {margin-bottom: 0;}
.accordion > dd > dl dt {margin-bottom: 5px; font-size: 18px; font-weight: bold;}
.accordion > dd > dl dt span {display: inline-block; margin-right: 10px;}
.accordion > dd > dl dd {padding-left: 30px; margin-bottom: 5px; font-size: 18px;}
.accordion > dd ul li {margin-bottom: 30px; font-size: 18px;}
.accordion > dd ul li:last-child {margin-bottom: 0;}
.accordion > dd ul li span {display: inline-block; margin-right: 10px; font-weight: bold;}
.accordion.active > dt:after {display: none;}
.accordion.active > dd {display: block;}

.rights {padding-top: 120px;}
.rights .tabs {display: flex; gap: 20px; justify-content: center; margin-bottom: 40px;}
.rights .tabs li {width: 240px;; height: 60px; border: 1px solid transparent;}
.rights .tabs li a {display: block; width: 100%; height: 100%; font-size: 20px; text-align: center; line-height: 60px; border: 1px solid transparent; border-radius: 50px; background-color: #f7f7f7;}
.rights .tabs li.active a {color: #fff; font-weight: 500; background-color: #000;}
.rights .tabs li a:hover, .info_cont .tabs li a:focus, .info_cont .tabs li a:active {border-color: #d1d1d1; text-decoration: none;}
.rights .tabs li.active a:hover, .rights .tabs li.active a:focus, .rights {border-color: transparent; text-decoration: none;}

.rights #tab_content1 {padding-bottom: 130px;}
.rights #tab_content1 .info_cont {padding: 0; background-color: #fff;}
.rights #tab_content1 .info_cont .layout {padding-left: 440px;}
.rights #tab_content1 .info_cont .h3_tit {position: absolute; left: 0; top: 0;}
.rights #tab_content1 .info_cont .cont {padding: 120px 0;}
.rights #tab_content1 .info_cont .cont:nth-of-type(even) {background-color: #fff;}
.rights #tab_content1 .info_cont .cont:nth-of-type(odd) {background-color: #f7f7f7;}
.rights #tab_content1 .info_cont dl {display: block; padding: 35px 0;}
.rights #tab_content1 .info_cont dl:nth-of-type(1) {padding-top: 0;}
.rights #tab_content1 .info_cont dl dt {padding: 0; width: 100%; font-weight: 700;}
.rights #tab_content1 .info_cont dl dd {padding: 0; margin: 15px 0 0; width: 100%;}
.rights .info_cont table {width: 100%; border-top: 2px solid #1b1b1b;}
.rights .info_cont table tr {border-bottom: 1px solid #d1d1d1;}
.rights .info_cont table tr th {padding: 25px 0; font-size: 20px; background-color: #f7f7f7;}
.rights .info_cont table tr td {padding: 25px 0; font-size: 20px; text-align: center;}

.rights #tab_content2  {padding-bottom: 250px;}
.rights #tab_content2 .info_top .layout > div {position: relative;}
.rights #tab_content2 .info_top .layout > div:nth-of-type(1) {margin-bottom: 100px;}
.rights #tab_content2 .info_top .layout > div .h3_tit {left: -440px;}
.rights #tab_content2 .info_top .layout dl {margin-top: 50px;}
.rights #tab_content2 .info_top .layout dl:nth-of-type(1) {margin-top: 0;}
.rights #tab_content2 .info_top dl dt {margin-bottom: 15px; font-size: 20px; font-weight: 700;}
.rights #tab_content2 .info_top dl dd {padding-left: 20px; margin-bottom: 15px; font-size: 18px;}
.rights #tab_content2 .info_top dl dd:last-child {margin-bottom: 0;}
.rights #tab_content2 .info_top dl dd:before {content: ''; display: inline-block; margin: -3px 10px 0 0; width: 3px; height: 3px; background-color: #000; vertical-align: middle;}
.rights #tab_content2 .info_top dl dd span {display: block; padding-left: 15px; color: #149ebb;}
.rights #tab_content2 .info_cont {padding: 0; background-color: #fff;}
.rights #tab_content2 .info_cont .layout {padding-left: 440px;}
.rights #tab_content2 .info_cont .h3_tit {position: absolute; left: 0; top: 0}
.rights #tab_content2 .info_cont .cont {padding-top: 120px;}
.rights #tab_content2 .info_cont .cont:first-child {padding: 120px 0; background-color: #f7f7f7;}
.rights #tab_content2 .info_cont .abuse_step {width: 840px; height: 1384px; font-size: 0; background: url(../img/absue_step.png) no-repeat;}
.rights #tab_content2 .info_cont dl {display: block; padding: 35px 0;}
.rights #tab_content2 .info_cont dl:nth-of-type(1) {padding-top: 0;}
.rights #tab_content2 .info_cont dl dt {padding: 0; width: 100%;  font-size: 20px; font-weight: 700; word-break: keep-all;}
.rights #tab_content2 .info_cont dl dd {padding: 0; margin: 15px 0 0; width: 100%;}
.rights #tab_content2 .info_cont dl dd ul li {font-size: 20px; letter-spacing: -1.5px;}

.rights #tab_content3 .info_top ul li {margin-bottom: 20px; font-size: 20px;}
.rights #tab_content3 .info_top ul li:last-child {margin-bottom: 0;}
.rights #tab_content3 .info_top ul li:before {content: ''; display: inline-block; margin: -3px 10px 0 0; width: 3px; height: 3px; vertical-align: middle; background-color: #000;}



.mineral_top {padding: 110px 0;}
.mineral_top .layout {padding-left: 440px;}
.mineral_top .h3_tit {position: absolute; left: 0; top: 0;}
.mineral_top p {margin-bottom: 20px; font-size: 20px; word-break: keep-all;}
.mineral_top p em {color: #149ebb;}

.mineral_policy .layout {padding-left: 440px;}
.mineral_policy .h3_tit {position: absolute; left: 0; top: 0;}
.mineral_policy ul li {position: relative; padding-left: 15px; margin-bottom: 25px; font-size: 20px; letter-spacing: -1.3px; word-break: keep-all;}
.mineral_policy ul li:before {content: ''; position: absolute; left: 0; top: 14px; width: 3px; height: 3px; background-color: #000;}
.mineral_policy ul li em {color: #149ebb;}
.mineral_policy p {font-size: 20px; word-break: keep-all;}


/* 지속가능경영보고서 */
.sub0304 .bg {background: url(../img/bg_sub0304.jpg) no-repeat 50%;}
.sub0304 .sub_top strong {display: none;}
.sub0304 .sub_top .sub_txt {width: 60%; font-size: 20px; word-break: keep-all;}

.report_top {position: relative; padding: 110px 0 120px; background-color: #c4dfd6;}
.report_top:after {content: ''; position: absolute; right: 0; bottom: -6px; width: 1250px; height: 261px; background: url(../img/txt_hansol.png) no-repeat;}
.report_top .layout {padding-left: 440px;}
.report_top img {position: absolute; left: 0; top: 0;}
.report_top .h3_tit {margin-bottom: 30px;}
.report_top p {font-size: 20px; word-break: keep-all;}
.report_top a {position: relative; padding-bottom: 15px; width: 400px; font-size: 20px; font-weight: 700; border-bottom: 1px solid #000; z-index: 10;}
.report_top a:hover, .report_top a:focus {text-decoration: none;}
.report_top a:after {content: ''; position: absolute; right: 0; bottom: 15px; width: 24px; height: 21px; background: url(../img/btn_dw.png) no-repeat;}
.report_top .btn_dw_wrap {display: flex; gap: 40px; margin-top: 155px;}

.report_bottom {padding-top: 100px;}
.report_bottom ul {display: flex; flex-wrap: wrap; gap: 30px 40px;}
.report_bottom ul li {flex-shrink: 0; width: calc((100% - 80px) / 3);}
.report_bottom ul li a {position: relative; padding: 15px 0; display: block; width: 400px; font-size: 20px; font-weight: 700; border-bottom: 1px solid #000; z-index: 10;}
.report_bottom ul li a:hover, .report_bottom ul li a:focus {text-decoration: none;}
.report_bottom ul li a:after {content: ''; position: absolute; right: 0; bottom: 15px; width: 24px; height: 21px; background: url(../img/btn_dw.png) no-repeat;}


/* ---투자정보--- */
/* 재무정보 */
.sub0401 .bg {background: url(../img/bg_sub0401.jpg) no-repeat 50%;}

.finance .h3_tit {margin-top: 120px;}
.finance .table p {margin-bottom: 15px; font-size: 16px; text-align: right;}
.table table {width: 100%; border-top: 2px solid #1b1b1b;}
.table table thead tr {border-bottom: 1px solid #1b1b1b;}
.table table tbody tr {border-bottom: 1px solid #d1d1d1;}
.table table tr th {padding: 16px 0; font-size: 18px; border-right: 1px solid #1b1b1b;}
.table table tr th:last-child, .table table tbody tr th {border-right: none;}
.table table tr td {padding: 16px 0; font-size: 18px; text-align: center;}
.finance table tr td {padding: 0 10px; text-align: right;}


/* 주식정보 */
.sub0402 .bg {background: url(../img/bg_sub0402.jpg) no-repeat 50%;}
.sub0402 .anchor {display: flex; justify-content: center;}
.sub0402 .anchor.fixed {position: fixed; left: 0; top: 100px; width: 100%; background-color: #fff; z-index: 50;}
.sub0402 .anchor a {position: relative; padding: 30px 15px; font-size: 18px;}
.sub0402 .anchor a:hover, .sub0402 .anchor a:focus, .sub0402 .anchor a.active {font-weight: 700; text-decoration: none;}
.sub0402 .anchor a.active:after, .sub0402 .anchor a:hover:after, .sub0402 .anchor a:focus:after {content: ''; position: absolute; left: 50%; bottom: 24px; width: 4px; height: 4px; background-color: #000; border-radius: 50%;}
.sub0402 .h3_tit {padding-top: 120px; margin-bottom: 25px;}
.sub0402 table tr th, .sub0402 table tr td {border-right: 1px solid #000;}
.sub0402 table tr th:last-child, .sub0402 table tr td:last-child {border-right: none;}

.stock {padding-top: 100px;} 
.stock .hansol {display: inline-block; margin-right: 35px; width: calc((100% - 40px) / 2); border-top: 2px solid #1b1b1b; vertical-align: top;}
.stock .hansol .header {display: flex; align-items: center; padding: 22px 50px; background-color: #f7f7f7; border-bottom: 1px solid #d1d1d1; zoom: 1}
.stock .hansol .header p {width: 50%; font-size: 24px; font-weight: 500;}
.stock .hansol .header span {width: 50%; font-size: 18px; text-align: right;}
.stock .hansol .stock_price {display: flex; align-items: center; justify-content: center; height: 137px; border-bottom: 1px solid #d1d1d1;}
.stock .hansol .stock_price span {display: block; margin-right: 60px; width: 84px; height: 40px; font-size: 24px; font-weight: 700; color: #fff; text-align: center; line-height: 38px; background-color: #000;}
.stock .hansol .stock_price p {font-size: 50px; font-weight: 700;}
.stock .hansol .bottom {display: flex; height: 80px; background-color: #f7f7f7; border-bottom: 1px solid #d1d1d1;}
.stock .hansol .bottom > div {display: flex; align-items: center; padding: 0 50px; width: 50%; box-sizing: border-box;}
.stock .hansol .bottom > div:first-child {border-right: 1px solid #d1d1d1;}
.stock .hansol .bottom > div span {width: 50%; font-size: 20px;}
.stock .hansol .bottom > div p {width: 50%; font-size: 20px; text-align: right;}

.stock .m_scroll {display: inline-block; width: calc((100% - 40px) / 2); border-top: 2px solid #1b1b1b; vertical-align: top;}
.stock .info div[class^='row'] {display: flex; flex-wrap: wrap;}
.stock .info div[class^='row'] > div {display: flex; align-items: center; padding: 0 30px; height: 60px; border-bottom: 1px solid #d1d1d1; border-right: 1px solid #d1d1d1; box-sizing: border-box;}
.stock .info div[class^='row'] > div span {width: 50%; font-size: 20px;}
.stock .info div[class^='row'] > div p {width: 50%; font-size: 20px; font-weight: bold; text-align: right;}
.stock .info .row3 {background-color: #f7f7f7;}
.stock .info .row3 > div {width: 33.3%;}
.stock .info .row3 > div:nth-child(3n+3) {border-right: none;}
.stock .info .row2 > div {width: 50%;}
.stock .info .row2 > div:nth-child(even) {border-right: none;}
.price table td {font-weight: 700;}
.date {padding-bottom: 120px;}
.dividend {padding-bottom: 250px; background-color: #f7f7f7;}
.dividend h4 {font-size: 24px; font-weight: 700;}
.dividend .table:nth-of-type(1) {margin-bottom: 75px;}
.dividend .table > p {margin-bottom: 10px; font-size: 16px; text-align: right;}
.dividend table tbody tr th {border-right: 1px solid #000;}
.dividend table tbody tr td {padding: 0 10px; text-align: right; }

/* 색상코드 */
.down {color: #5666c7}
.up {color: #c34141;}


/* 공시정보 */
.sub0403 .bg {background: url(../img/bg_sub0403.jpg) no-repeat 50%;}
.announcement {padding-top: 120px;}
.announcement dl {font-size: 18px; text-align: center; border-top: 2px solid #000;}
.announcement dl .tit {width: 60%; font-weight: 700;}
.announcement dl .writer {width: 20%;}
.announcement dl .date {padding-bottom: 0; width: 20%;}
.announcement dl dt {display: flex; padding: 16px 0; border-bottom: 1px solid #000;}
.announcement dl dt p {font-weight: 700;}
.announcement dl dd {display: flex; padding: 16px 0; border-bottom: 1px solid #d1d1d1;}
.announcement dl dd .tit {padding-left: 80px; text-align: left; box-sizing: border-box;}


/* 전자공고 */
.sub0404 .bg {background: url(../img/bg_sub0404.jpg) no-repeat 50%;}
.ir {padding-top: 120px;}
.ir table {width: 100%; border-top: 2px solid #000;}
.ir tr {border-bottom: 1px solid #d1d1d1;}
.ir tr td {padding: 16px 0; font-size: 18px; font-weight: 700;}
.ir tr td:first-child {color: #b3b3b3; text-align: center;}
.ir tr td .btn_dw {display: block; width: 24px; height: 21px; font-size: 0; background: url(../img/btn_dw.png) no-repeat;}


/* ---인재채용--- */
/* 인재상 */
.sub05 .bg {background: url(../img/bg_sub05.jpg) no-repeat 50%;}

.sub05 .type01 {padding-top: 110px}
.sub05 .type01 .layout > div {position: relative; padding-left: 440px; margin-bottom: 120px;}
.sub05 .type01 .layout > div .h3_tit {position: absolute; left: 0; top: 0;}
.sub05 .type01 .layout > div p {font-size: 20px; word-break: keep-all;}
.sub05 .type01 .accordion p {font-size: 18px;}
.sub05 .type01 .accordion > dd {padding: 30px 40px;}
.sub05 .type01 .principle {padding-top: 0; margin-top: 30px; font-size: 0; width: 497px; height: 430px; background: url(../img/principle.jpg) no-repeat;}
.sub05 .type01 .principle::before {display: none;}

.sub05 .type02 {padding: 120px 0; background-color: #f7f7f7;}
.sub05 .type02 .layout {padding-left: 440px;}
.sub05 .type02 .h3_tit {position: absolute; left: 0; top: 0;}
.sub05 .type02 dl {display: flex; border-top: 1px solid #000;}
.sub05 .type02 dl dt {padding-top: 35px; width: 200px; font-size: 24px; font-weight: 700;}
.sub05 .type02 dl dd {padding: 45px 10px 40px 40px; width: calc(100% - 200px); box-sizing: border-box;}
.sub05 .type02 dl dd strong {font-size: 18px;}
.sub05 .type02 dl dd p {margin-top: 15px; font-size: 18px; word-break: keep-all;}

.sub05 .type03 {padding-top: 120px;}
.sub05 .type03 .layout {padding-left: 440px;}
.sub05 .type03 .h3_tit {position: absolute; left: 0; top: 0;}
.sub05 .type03 dl {display: flex; border-bottom: 1px solid #000;}
.sub05 .type03 dl:nth-of-type(1) {border-top: 1px solid #000;}
.sub05 .type03 dl dt {padding-top: 35px; width: 200px; font-size: 24px; font-weight: 700;}
.sub05 .type03 dl dd {padding: 45px 10px 45px 40px; width: calc(100% - 200px); box-sizing: border-box;}
.sub05 .type03 dl dd strong {font-size: 18px;}
.sub05 .type03 dl dd p {margin-top: 15px; font-size: 18px; word-break: keep-all;}
.sub05 .type03 .domain {display: flex; margin-top: 80px;}
.sub05 .type03 .domain img {flex-shrink: 0; width: 370px; height: 100%;}
.sub05 .type03 .domain ul {margin-left: 70px; width: calc(100% - 440px);}
.sub05 .type03 .domain ul li {padding: 25px 0; font-size: 18px; border-bottom: 1px solid #d1d1d1;}
.sub05 .type03 .domain ul li:first-child {padding-top: 0;}
.sub05 .type03 .domain ul .li01 strong {color: #40b896;}
.sub05 .type03 .domain ul .li02 strong {color: #27a8b7;}
.sub05 .type03 .domain ul .li03 strong {color: #2186bd;}
.sub05 .type03 .domain ul .li04 strong {color: #2d69bd;}
.sub05 .type03 .domain ul .li05 strong {color: #7c5ac3;}
.sub05 .type03 .domain ul li p {margin-top: 5px; word-break: keep-all;}


/* 인사제도 */
.promotion {padding: 110px 0;}
.promotion .h3_tit {margin-bottom: 45px;}
.promotion dl {margin-top: 50px;}
.promotion .clear {zoom : 1}
.promotion .clear:after {content: ''; display: block; clear: both;}
.promotion .left {float: left;}
.promotion .right {float: right;}
.promotion dl:nth-of-type(1) {margin-top: 0;}
.promotion dl dt {margin-bottom: 15px; font-size: 20px; font-weight: 700;}
.promotion dl dd {margin-bottom: 35px; font-size: 20px;}
.promotion dl dd:last-child {margin-bottom: 0;}
.promotion dl dd p {margin-bottom: 10px;}
.promotion dl dd ul {margin-top: 15px;}
.promotion dl dd ul li {display: inline-block; position: relative; margin-right: 60px; width: 120px; height: 120px; font-size: 18px; font-weight: 700; text-align: center; line-height: 120px; border: 1px solid #149ebb; border-radius: 50%; box-shadow: 0 0 20px rgba(20,158,187,.16);}
.promotion dl dd ul li:last-child {margin-right: 0;}
.promotion dl dd ul li:after {content: ''; position: absolute; right: -40px; top: 50%; margin-top: -18px; width: 19px; height: 36px; background: url(../img/icon_arrow04.png) no-repeat;}
.promotion dl dd ul li:last-child:after {display: none;}

.promote {padding: 110px 0 120px; background-color: #f7f7f7;}
.promote .h3_tit {margin-bottom: 55px;}
.promote .img {width: 1280px; height: 641px; font-size: 0; background: url(../img/promote.png) no-repeat;}
.promote ul {margin-top: 40px; text-align: center;}
.promote ul li {display: inline-block; position: relative; padding-top: 65px; margin-right: 50px; width: 260px; height: 260px; text-align: center; border: 1px solid #41bb98; border-radius: 50%; background-color: #fff; box-shadow: 0 0 20px rgba(20,158,187,.16); box-sizing: border-box; vertical-align: middle;}
.promote ul li:last-child {margin-right: 0;}
.promote ul li:after {content: ''; position: absolute; right: -36px; top: 50%; margin-top: -10px; width: 20px; height: 20px; background: url(../img/icon_plus03.png) no-repeat;}
.promote ul li:last-child:after {display: none;}
.promote ul li span {display: block; margin-bottom: 10px; font-size: 20px; font-weight: 700; color: #31b68f;}
.promote ul li .cont {display: flex; flex-direction: column; justify-content: center; height: 100px;}
.promote ul li p {margin-bottom: 10px; font-size: 18px;}
.promote ul li p:last-child {margin-bottom: 0;}

.programe {padding: 110px 0 120px;}
.programe .h3_tit {margin-bottom: 55px;}

.walfare {padding: 110px 0 0;}
.walfare .h3_tit {margin-bottom: 45px;}
.walfare p {font-size: 20px; word-break: keep-all;}
.walfare dl {margin-top: 50px; border-bottom: 1px solid #000;}
.walfare dl.row-2 {display: inline-block; width: 50%; vertical-align: top;}
.walfare dl:last-child {margin-left: -3px;}
.walfare dl dt {margin-bottom: 25px; font-size: 20px; font-weight: 700;}
.walfare dl dd {height: 160px;}
.walfare dl dd ul {display: flex; padding: 0 30px;}
.walfare dl dd ul li {display: flex; flex-direction: column; flex-shrink: 0; position: relative; padding: 25px 0 0 90px; width: 25%; box-sizing: border-box;}
.walfare dl.row-2 dd ul li {width: 50%;}
.walfare dl dd ul li:before {content: ''; position: absolute; left: 0; top: 0; width: 70px; height: 70px; background: url(../img/walfare.png) no-repeat;}
.walfare dl dd ul .li01:before {background-position: 0 0;}
.walfare dl dd ul .li02:before {background-position: 0 -70px;}
.walfare dl dd ul .li03:before {background-position: 0 -140px;}
.walfare dl dd ul .li04:before {background-position: 0 -210px;}
.walfare dl dd ul .li05:before {background-position: 0 -280px;}
.walfare dl dd ul .li06:before {background-position: 0 -350px;}
.walfare dl dd ul .li07:before {background-position: 0 -420px;}
.walfare dl dd ul .li08:before {background-position: 0 -490px;}
.walfare dl dd ul .li09:before {background-position: 0 -560px;}
.walfare dl dd ul .li10:before {background-position: 0 -630px;}
.walfare dl dd ul .li11:before {background-position: 0 -700px;}
.walfare dl dd ul .li12:before {background-position: 0 -770px;}
.walfare dl dd ul li strong {display: block; margin-bottom: 5px; font-size: 16px;}
.walfare dl dd ul li p {font-size: 16px;}



/* 채용안내 */
.recruit_info {padding-top: 120px;}
.recruit_info .layout {padding-left: 440px;}
.recruit_info .h3_tit {position: absolute; left: 0; top: 0;}
.recruit_info .step dl {position: relative; padding-left: 220px; margin-bottom: 110px;}
.recruit_info .step .step04 {margin-bottom: 140px;}
.recruit_info .step dl:last-child {margin-bottom: 0;}
.recruit_info .step dl:before {content: ''; position: absolute; left: 0; top: -25px; width: 180px; height: 180px;}
.recruit_info .step .step01:before {background: url(../img/icon_step01.png) #f7f7f7 no-repeat 50%; border-radius: 50%;}
.recruit_info .step .step02:before {background: url(../img/icon_step02.png) #f7f7f7 no-repeat 50%; border-radius: 50%;}
.recruit_info .step .step03:before {background: url(../img/icon_step03.png) #f7f7f7 no-repeat 50%; border-radius: 50%;}
.recruit_info .step .step04:before {background: url(../img/icon_step04.png) #f7f7f7 no-repeat 50%; border-radius: 50%;}
.recruit_info .step .step05:before {top: -24px; left: -8px; width: 198px; height: 198px; background: url(../img/icon_step05.png) no-repeat 50%; border-radius: 50%;}
.recruit_info .step dl dt {margin-bottom: 10px; font-size: 24px; font-weight: 700;}
.recruit_info .step .step05 dt {color: #159eba;}
.recruit_info .step dl dd {font-size: 20px; line-height: 1.8; word-break: keep-all;}


/* 채용공고 */
.recruit {padding-top: 120px;}
.recruit .tab {text-align: center;}
.recruit .tab li {display: inline-block; margin-right: 20px; width: 140px; height: 60px; font-size: 20px; text-align: center; line-height: 60px; vertical-align: middle; background-color: #f7f7f7; border-radius: 50px; cursor: pointer; overflow: hidden;}
.recruit .tab li:last-child {margin-right: 0;}
.recruit .tab li a {display: block; width: 100%; height: 100%;}
.recruit .tab li.active a, .recruit .tab li:hover a, .recruit .tab li:focus a {color: #fff; font-weight: 700; background-color: #000; text-decoration: none;}

.recruit .list {display: flex; flex-wrap: wrap; gap: 20px; margin-top: 70px;}
.recruit .list > p {width: 100%; font-size: 18px; font-weight: bold; text-align: center;}
.recruit .list a {position: relative; padding: 3px; width: calc((100% - 60px) / 4); border: 1px solid #e3e3e3; text-decoration: none; background-color: #fff; box-sizing: border-box;}
.recruit .list a .cont {padding: 27px; width: 100%; height: 100%; background-color: #fff; box-sizing: border-box;}
.recruit .list a:hover {border-color: transparent; background: linear-gradient(to right bottom, #31b590, #149ebb);}
.recruit .list a em {font-size: 16px; color: #31b68f;}
.recruit .list a .tit {margin-top: 10px; font-size: 20px; font-weight: 700; overflow: hidden; text-overflow: ellipsis; word-wrap: break-word; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; line-height: 1.2em; height: 2.4em; word-break: keep-all;}
.recruit .list a ul {margin-top: 25px;}
.recruit .list a ul li {margin-bottom: 10px; font-size: 14px;}
.recruit .list a ul li b {display: block;}
.recruit .list a span {display: block; margin: 15px 0 0 auto; width: 86px; height: 36px; font-size: 16px; text-align: center; line-height: 35px; border-radius: 50px;}
.recruit .list a span.done {background-color: #d1d1d1;}
.recruit .list a span.now {color: #fff; background-color: #149ebb;}
.recruit .list a span.before {color: #149ebb; border: 1px solid #149ebb;}


/* ---소식--- */
/* 소식 */
.board_list .top {margin-top: 60px; zoom: 1}
.board_list .top:after {content: ''; display: block; clear: both;}
.board_list .top .wrap_sch {float: right; padding: 0 20px; width: 300px; height: 50px; border: 1px solid #d1d1d1; box-sizing: border-box;}
.board_list .top .wrap_sch input {display: inline-block; padding-right: 10px; width: calc(100% - 28px); height: 47px; font-size: 18px; border: none; box-sizing: border-box;}
.board_list .top .wrap_sch input::placeholder {color: #b3b3b3;}
.board_list .top .wrap_sch:hover, .board_list .top .wrap_sch:focus-within {border-color: #000;}
.board_list .top .wrap_sch.disable {background-color: #ececec; border-color: #ececec;}
.board_list .top .wrap_sch.disable input {background-color: #ececec;}
.board_list .top .wrap_sch.disable button {background: url(../img/btn_sch_disable.png) no-repeat;}


.board_list .top .wrap_sch button {display: inline-block; width: 24px; height: 24px; font-size: 0; background: url(../img/btn_sch.png) no-repeat;}
.board_list .top .cnt {float: left; margin-top: 26px; font-size: 16px;}

.board_list .list {margin-top: 20px; border-top: 2px solid #000;}
.board_list .list li {display: flex; align-items: center; padding: 35px 40px; border-bottom: 1px solid #000;}
.board_list .list li span {display: block; width: 45px; font-size: 20px; font-weight: bold; color: #000; text-align: center;}
.board_list .list li .tit {display: block; padding: 0 40px;width: calc(100% - 135px); font-size: 20px; font-weight: 500; box-sizing: border-box;  overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.board_list .list li .icon_file {display: inline-block; margin-left: 20px; width: 18px; height: 19px; font-size: 0; vertical-align: middle; background: url(../img/icon_file.png) no-repeat;}
.board_list .list li .date {display: block; padding-bottom: 0; width: 95px; font-size: 18px; color: #a4a4a4;}
.board_list .list li.fixed span {width: 42px; height: 22px; font-size: 16px; font-weight: 400; color: #fff; line-height: 21px; background-color: #000;}

/* 240402 추가*/
.board_view .view .cont .iframe_box{position: relative; width: 100%; height: auto; padding-bottom: 56.25%;}
.board_view .view .cont .iframe_box iframe{position: absolute; width: 100%; height: 100%;}


/* 갤러리형 */ 
.board_list .gallery {display: flex; flex-wrap: wrap; gap: 45px 28px; margin-top: 20px;}
.board_list .gallery li {width: calc((100% - 84px) / 4);}
.board_list .gallery li a {display: block; width: 100%; text-decoration: none;}
.board_list .gallery li a img {width: 100%; height: 190px;}
.board_list .gallery li .tit {display: -webkit-box; margin-top: 15px; height: 3em; font-size: 20px; font-weight: bold; line-height: 1.5em; overflow: hidden; text-overflow: ellipsis; word-wrap: break-word; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.board_list .gallery li .tit:hover {text-decoration: underline;}
.board_list .gallery li .date {padding-bottom: 0; margin-top: 15px; font-size: 18px; color: #a4a4a4;}

.board_view .view {margin-top: 60px; border-top: 2px solid #000}
.board_view .view .header {display: flex; position: relative; padding: 35px 40px; border-bottom: 1px solid #000;}
.board_view .view .header span {flex-shrink: 0; margin-right: 40px; font-size: 18px; color: #b3b3b3;}
.board_view .view .header span.fixed {margin-top: 5px; width: 42px; height: 22px; font-size: 16px; color: #fff; text-align: center; line-height: 21px; background-color: #000;}
.board_view .view .header .tit {padding-right: 100px; font-size: 20px; font-weight: 500;}
.board_view .view .header .tit .icon_file {display: inline-block; margin-left: 20px; width: 18px; height: 19px; background: url(../img/icon_file.png) no-repeat; vertical-align: middle;}
.board_view .view .header .date {position: absolute; right: 40px; top: 36px; font-size: 18px;}
.board_view .view .file {padding: 15px 40px; background-color: #f7f7f7; font-size: 16px;}
.board_view .view .file p {display: inline-block;}
.board_view .view .file p:before {content: ''; display: inline-block; margin-right: 10px; width: 18px; height: 19px; background: url(../img/icon_file.png) no-repeat; vertical-align: middle;}
.board_view .view .cont {padding: 40px; background-color: #fff; border-bottom: 1px solid #d1d1d1;}
.board_view .view .cont p {font-size: 16px;}
.board_view .view .cont img {max-width: 100%;}
.board_view .view .cont .point {color: #149ebb;}
.board_view .view .pager {margin: 0;}
.board_view .view .pager li {display: flex; align-items: center; position: relative; padding: 18px 152px 18px 40px; width: 100%; font-size: 16px; text-align: left; border-bottom: 1px solid #d1d1d1; box-sizing: border-box;}
.board_view .view .pager li span {flex-shrink: 0; display: block; margin-right: 40px; font-size: 16px; font-weight: 500;}
.board_view .view .pager li span:before {content: ''; display: inline-block; margin: -4px 10px 0 0; width: 23px; height: 18px; background: url(../img/btn_pager.png) no-repeat; vertical-align: middle;}
.board_view .view .pager li .prev:before {background-position: 0 -28px;}
.board_view .view .pager li .next:before {background-position: -33px -28px;}
.board_view .view .pager li.disable {color: #d1d1d1;}
.board_view .view .pager li.disable .prev:before {background-position: 0 0;}
.board_view .view .pager li.disable .next:before {background-position: -35px 0;}
.board_view .view .pager li .date {position: absolute; right: 40px; top: 17px; padding-bottom: 0; font-size: 16px;}
.board_view .view .pager a {padding-bottom: 0; text-decoration: none;}
.board_view .view .pager li:hover a, .board_view .view .pager li:focus a, .board_view .view .pager li:active a {text-decoration: none; font-weight: normal; border-bottom: none;}
.board_view .view .pager li:hover a:after, .board_view .view .pager li:focus a:after, .board_view .view .pager li:active a:after {display: none;}
.board_view .wrap_btn {margin-top: 60px; text-align: center;}


/* 오픈이노베이션 */
.innovation {padding-top: 95px; margin-top: 60px; width: 100%; height: 1200px; color: #fff; text-align: center; background: url(../img/innovation.jpg) no-repeat 50% top; background-size: cover; box-sizing: border-box;}
.innovation strong {display: block; font-size: 32px;}
.innovation p {margin-top: 15px; font-size: 20px;}
.innovation .swiper-container {position: relative; margin: 60px auto 0; width: 100%; overflow: hidden; z-index: 1}
.innovation .swiper-container-3d {-webkit-perspective: 1200px; -o-perspective: 1200px; perspective: 1200px;}
.innovation .swiper-wrapper {position: relative; width: 100%; height: 100%;  z-index: 1; display: -webkit-box;  display: -ms-flexbox; display: flex;  -webkit-transition-property: -webkit-transform; transition-property: -webkit-transform; transition-property: transform; transition-property: transform, -webkit-transform;  box-sizing: content-box;}
.innovation .swiper-slide { -webkit-flex-shrink: 0; -ms-flex: 0 0 auto; -ms-flex-negative: 0; flex-shrink: 0; width: 100%; height: 100%; position: relative;}
.innovation .swiper-slide {padding: 0 15px; width: 1000px; height: 560px;}
.innovation .swiper-slide iframe {display: block; margin: auto; width: 100%; height: 100%;}
.innovation .swiper-button-prev, .innovation .swiper-button-next {top: 20px; width: 150px; height: 100%;}
.innovation .swiper-button-prev:after, .innovation .swiper-button-next:after {display: none;}
.innovation .swiper-button-prev {left: 0px; background: url(../img/btn_prev2.png) no-repeat 47px 50%;}
.innovation .swiper-button-next {right: 0px; background: url(../img/btn_next2.png) no-repeat 47px 50%;}
.innovation .swiper-container-3d .swiper-slide-shadow-left {background-image: linear-gradient(to left,rgba(0,0,0,.7),rgba(0,0,0,.7));}
.innovation .swiper-container-3d .swiper-slide-shadow-right {background-image: linear-gradient(to left,rgba(0,0,0,.7),rgba(0,0,0,.7));}
.innovation .ytp-pause-overlay {display: none !important;}
.innovation .bottom_txt {display: inline-block; position: relative; margin-top: 95px; font-size: 24px;  font-weight: 700; user-select: none;}
.innovation .bottom_txt:before {content: ''; position: absolute; top: -80px; left: 50%; margin-left: -228px; width: 456px; height: 64px; background: url(../img/bottom_txt_bg.png) no-repeat;}
.innovation .bottom_txt span {background: linear-gradient(to right, #149ebb, #31b690); -webkit-background-clip: text;  -webkit-text-fill-color: transparent;}
.innovation + .board_list .top {margin-top: 50px;}
.innovation .btn {display: block; margin: 60px auto 0; color: #000; background-color: #fff;}



/* 개인정보처리방침 */
.privacy .h3_tit {margin: 60px 0 65px; font-weight: normal;}
.privacy .accordion dd p {margin-bottom: 30px; font-size: 18px;}
.privacy .accordion dd ul {margin-bottom: 30px;}
.privacy .accordion dd ul li {margin-bottom: 0; word-break: keep-all;}
.privacy .accordion dd .icons {display: flex; flex-wrap: wrap; gap: 10px; margin-bottom: 10px;}
.privacy .accordion dd .icons li {display: flex; flex-direction: column; justify-content: center; padding: 15px; width: calc((100% - 20px) / 3); height: 195px; background-color: #fff; box-sizing: border-box;}
.privacy .accordion dd .icons li span {display: block; text-align: center;}
.privacy .accordion dd .icons li i {display: block; margin: 0 auto; width: 70px; height: 80px; font-size: 0;}
.privacy .accordion dd .icons li .icon01 {background: url(../img/privacy_icon01.png) no-repeat 50%;}
.privacy .accordion dd .icons li .icon02 {background: url(../img/privacy_icon02.png) no-repeat 50%;}
.privacy .accordion dd .icons li .icon03 {background: url(../img/privacy_icon03.png) no-repeat 50%;}
.privacy .accordion dd .icons li .icon04 {background: url(../img/privacy_icon04.png) no-repeat 50%;}
.privacy .accordion dd .icons li .icon05 {background: url(../img/privacy_icon05.png) no-repeat 50%;}
.privacy .accordion dd .icons li .icon06 {background: url(../img/privacy_icon06.png) no-repeat 50%;}
.privacy .accordion dd .icons li p {margin: 10px 0 0; padding: 0 10px; font-size: 16px; text-align: center;}
.privacy .accordion dd .icons + .exp {font-size: 14px; text-align: right;}
.privacy .accordion dd > dl > dt {display: flex; align-items: center; gap: 10px;}
.privacy .accordion dd > dl > dt > i {width: 30px; height: 30px; font-size: 0;}
.privacy .accordion dd > dl > dt .icon01 {background: url(../img/privacy_icon01.png) no-repeat 50%; background-size: contain;}
.privacy .accordion dd > dl > dt .icon02 {background: url(../img/privacy_icon02.png) no-repeat 50%; background-size: contain;}
.privacy .accordion dd > dl > dt .icon03 {background: url(../img/privacy_icon03.png) no-repeat 50%; background-size: contain;}
.privacy .accordion dd > dl > dt .icon04 {background: url(../img/privacy_icon04.png) no-repeat 50%; background-size: contain;}
.privacy .accordion dd > dl > dt .icon05 {background: url(../img/privacy_icon05.png) no-repeat 50%; background-size: contain;}
.privacy .accordion dd > dl > dt .icon06 {background: url(../img/privacy_icon06.png) no-repeat 50%; background-size: contain;}
.privacy .accordion dd > dl > dd {padding-left: 0;}
.privacy .accordion dd > dl > dd > p {margin-bottom: 0px;}
.privacy .accordion dd > dl > dd > p + ul {margin: 10px 0;}



/* 문의하기 */
.inquiry {margin-top: 60px;}
.inquiry .banner {display: flex; align-items: center; padding: 0 155px 0 160px; width: 100%; height: 120px; background: linear-gradient(to right,#149eba,#31b68f); box-sizing: border-box;}
.inquiry .banner li {display: flex; flex-shrink: 0; align-items: center; font-size: 20px; color: #fff;}
.inquiry .banner li:first-child {margin-right: 150px;}
.inquiry .banner li:before {content: ''; display: block; margin-right: 20px; width: 64px; height: 64px; border-radius: 50%;}
.inquiry .banner li:first-child:before {background: url(../img/icon_inquiry01.png) #45b4c5 no-repeat 50%;}
.inquiry .banner li:last-child:before {background: url(../img/icon_inquiry02.png) #50bdb6 no-repeat 50%;}
.inquiry .banner li a {margin-left: 10px; font-size: 28px; font-weight: 700; color: #fff; text-decoration: none; border-bottom: none;}

.inquiry .wrap_input {margin-top: 80px;}
.inquiry .wrap_input .tit {position: relative; padding-bottom: 15px; font-size: 20px; font-weight: 700; border-bottom: 2px solid #000;}
.inquiry .wrap_input .tit span {position: absolute; right: 0; bottom: 15px; font-size: 16px; font-weight: normal;}
.inquiry .wrap_input em.must {display: inline-block; margin-right: 5px; width: 6px; height: 6px; background-color: #149ebb; border-radius: 50%; vertical-align: super;}
.inquiry .wrap_input dl {margin-top: 40px;}
.inquiry .wrap_input dl dt {margin-bottom: 15px; font-size: 18px;}
.inquiry .wrap_input dl dt .must {margin-left: 5px;}
.inquiry .wrap_input dl dt span {margin-left: 10px; font-size: 16px; color: #149ebb; vertical-align: text-bottom;}
.inquiry .wrap_input dl dd .msg {display: none; margin-top: 5px; font-size: 16px; color: #e73030;}
.inquiry .wrap_input dl.error dd .msg {display: block;}

.inquiry .wrap_input dl dd input[type="text"] {padding: 0 20px; width: 620px; height: 50px; font-size: 18px; border: 1px solid #d1d1d1; box-sizing: border-box;}
.inquiry .wrap_input dl dd input.wid100 {width: 100%;}
.inquiry .wrap_input dl dd input::placeholder {color: #d1d1d1;}
.inquiry .wrap_input dl dd input:hover, .inquiry .wrap_input dl dd input:active, .inquiry .wrap_input dl dd input:focus {border-color: #000;}
.inquiry .wrap_input dl.error dd input {border-color: #e73030; background-color: #fff7f7;}

.inquiry .wrap_input dl dd .select {position: relative; padding: 0 20px; width: 620px; height: 50px; border: 1px solid #d1d1d1; font-size: 18px; cursor: pointer;}
.inquiry .wrap_input dl dd .select:after {content: ''; position: absolute; right: 20px; top: 20px; width: 14px; height: 8px; background: url(../img/icon_select.png) no-repeat;}
.inquiry .wrap_input dl dd .select span {line-height: 50px;}
.inquiry .wrap_input dl dd .select ul {display: none; position: absolute; left: -1px; top: 56px; width: 100%; border: 1px solid #d1d1d1; box-shadow: 0 0 10px rgba(0,0,0,.06); z-index: 10;}
.inquiry .wrap_input dl dd .select ul li {padding: 0 20px; width: 100%; height: 50px; line-height: 50px; background-color: #fff; box-sizing: border-box;}
.inquiry .wrap_input dl dd .select ul li:hover {background-color: #f7f7f7;}
.inquiry .wrap_input dl dd .select.active {border-color: #000;}
.inquiry .wrap_input dl dd .select.active:after {transform: rotate(180deg);}
.inquiry .wrap_input dl dd .select.active ul {display: block;}
.inquiry .wrap_input dl dd .select:hover {border-color: #000;}
.inquiry .wrap_input dl.error dd .select {border-color: #e73030; background-color: #fff7f7;}
.inquiry .wrap_input .textarea {padding: 15px 20px; width: 100%; height: 300px; font-size: 18px; border: 1px solid #d1d1d1; box-sizing: border-box;}
.inquiry .wrap_input .textarea textarea {padding: 0 30px 25px 0; width: 100%; height: calc(100% - 23px); border: none; resize: none; box-sizing: border-box;}
.inquiry .wrap_input .textarea textarea::placeholder {color: #d1d1d1;}
.inquiry .wrap_input .textarea textarea::-webkit-scrollbar {width: 6px; background-color: #fff;}
.inquiry .wrap_input .textarea textarea::-webkit-scrollbar-thumb {background-color: #b3b3b3; border-radius: 5px;}
.inquiry .wrap_input .textarea:focus-within {border-color: #000;}
.inquiry .wrap_input .error .textarea {border-color: #e73030; background-color: #fff7f7;}
.inquiry .wrap_input .error .textarea textarea {background-color: #fff7f7;}
.inquiry .wrap_input .textarea .cnt {font-size: 16px;}
.inquiry .wrap_input .textarea .cnt span {color: #b3b3b3;}
.inquiry .wrap_input .file {position: relative; margin-top: 20px; width: 100%; height: 50px; font-size: 18px; line-height: 50px; border: 1px solid #d1d1d1; background-color: #fff; box-sizing: border-box;}
.inquiry .wrap_input .file:first-child {margin-top: 0;}
.inquiry .wrap_input .file:hover, .inquiry .wrap_input .file:focus, .inquiry .wrap_input .file:active {border-color: #000;}
.inquiry .wrap_input dl dd .file input {width: 100%; height: 100%; border: none;}
.inquiry .wrap_input .file_input_textbox {position: absolute; left: 0; top: 0; width: 100%; color: #b3b3b3; border: none; background-color: transparent;}
.inquiry .wrap_input .file_input_div {position:relative; width: 100%; height: 100%;overflow:hidden;}
.inquiry .wrap_input .file_btn {position: absolute; top: 15px; right: 20px; width: 18px; height: 19px; font-size: 0; background: url(../img/icon_file.png) no-repeat; background-size: contain;}
.inquiry .wrap_input .file_input_hidden {position:absolute; left:0px; top:0px; opacity:0; filter: alpha(opacity=0); cursor:pointer;}
.inquiry .wrap_input .file.error {border-color: #e73030; background-color: #fff7f7;}
.inquiry .wrap_input .file.error .file_btn {top: 18px; width: 12px; height: 12px; background: url(../img/icon_x.png) no-repeat;}
.inquiry .wrap_input .file.error + .msg {display: block;}
.inquiry .wrap_input .file.haveFile {background-color: #f7f7f7;}
.inquiry .wrap_input .file.haveFile .file_btn {top: 18px; width: 12px; height: 12px; background: url(../img/icon_x.png) no-repeat;}
.inquiry .wrap_input .file.disable {background-color: #ececec; border: none;}
.inquiry .wrap_input .file.disable:hover, .inquiry .wrap_input .file.disable:focus, .inquiry .wrap_input .file.disable:active {border: none}
.inquiry .wrap_input .file.file.disable .file_btn {background: url(../img/icon_file02.png) no-repeat; background-size: contain;}

.inquiry .wrap_input .terms {padding: 15px 20px; margin-top: 40px; background-color: #f7f7f7;}
.inquiry .wrap_input .terms dl {margin: 0 0 15px;}
.inquiry .wrap_input .terms dl:last-child {margin-bottom: 0;}
.inquiry .wrap_input .terms dl dt {margin-bottom: 0; font-size: 16px; font-weight: 700;}
.inquiry .wrap_input .terms dl dd {margin-bottom: 0; font-size: 16px;}
.inquiry .wrap_input .wrap_ck {margin-top: 30px;}
.inquiry .wrap_input .wrap_btn {margin-top: 90px; text-align: center;}

.inquiry .wrap_input dl.disable dt {color: #b3b3b3;}
.inquiry .wrap_input dl.disable dd .select {color: #b3b3b3; background-color: #ececec;}
.inquiry .wrap_input dl.disable dd .select:after {background: url(../img/icon_select_disable.png) no-repeat;}
.inquiry .wrap_input dl.disable dd input {color: #b3b3b3; background-color: #ececec; border-color: transparent;}
.inquiry .wrap_input dl.disable dd input:hover, .inquiry .wrap_input dl.disable dd input:focus, .inquiry .wrap_input dl.disable dd input:active {border-color: transparent;}
.inquiry .wrap_input dl.disable dt .must {background-color: #b3b3b3;}

.inquiry .done {padding-top: 70px; margin-top: 60px; text-align: center; border-top: 2px solid #000;}
.inquiry .done strong {display: block; margin-bottom: 20px; font-size: 32px; font-weight: 700;}
.inquiry .done .txt {font-size: 20px;}
.inquiry .done .call {display: flex; align-items: center; justify-content: center; margin: 45px 0 80px; width: 100%; height: 120px; font-size: 20px; background-color: #f7f7f7;}
.inquiry .done .call:before {content: ''; display: block; margin-right: 20px; width: 64px; height: 64px; background: url(../img/icon_inquiry03.png) #fff no-repeat; border-radius: 50%;}
.inquiry .done .call span {display: block; margin-left: 10px; font-size: 28px; font-weight: 900;}


/* 준비페이지 */
.ready {padding-top: 240px; text-align: center;}
.ready strong {display: block; font-size: 60px; font-weight: 900; line-height: 1;}
.ready strong:before {content: ''; display: block; margin: 0 auto 45px; width: 101px; height: 101px; background: url(../img/icon_alert.png) no-repeat 50%/contain;}
.ready p {margin-top: 35px; font-size: 18px; line-height: 1.6;}


/* 에러 페이지 */
.error a {margin-right: 20px;}



@media screen and (max-width: 1280px) {

    /* common */
    #container {padding-bottom: 150px;}

    /* 서브 배경 */
    .sub_top {position: relative; margin-top: 60px; height: 195px;}
    .sub_top h2 {padding-top: 84px; margin-top: 0; font-size: 30px; color: #fff; text-align: center;}
    .sub_top nav {display: none;}
    .sub_top .bg {position: absolute; left: 0; top: 0; margin-top: 0; width: 100%; height: 100%; background-size: cover; z-index: -1;}
    
    .sub_top.no_bg {height: 160px;}
    .sub_top.no_bg h2 {color: #000;}
    .slide_bg .bg em {display: none;}

    .sub_top.tab_bg h2 {padding-top: 75px;}
    .sub_top.tab_bg .layout {padding: 0;}
    .sub_top .tab {transform: translateY(25px);}
    .sub_top .tab a {height: 50px; font-size: 16px; line-height: 50px;}
    .sub_top .tab a:hover, .sub_top .tab a:focus, .sub_top .tab a.active {color: #fff; background-color: transparent; border-bottom: 7px solid #fff; box-sizing: border-box;}
    .sub_top .tab.tab04, .sub_top .tab.tab05 {overflow-x: scroll;}
    .sub_top .tab.tab04 a, .sub_top .tab.tab05 a {flex-shrink: 0; width: 110px;}


    /* pager */
    .pager {margin-top: 30px;}
    /* .pager li {width: 37px;} */
    .pager li a {font-size: 13px;}
    .pager li:hover a:after, .pager li:focus a:after {bottom: -7px;}
    .pager li[class^="btn_"] {width: 17px; height: 13px; background: url(../img/mobile/btn_pager.png) no-repeat; background-size: 50px 50px;}
    .pager li.btn_prev {margin-right: 30px; background-position: 0 0;}
    .pager li.btn_prev.disable {background-position: 0 -17px;}
    .pager li.btn_next {margin-left: 30px; background-position: -22px 0}
    .pager li.btn_next.disable {background-position: -22px -17px;}

    /* 버튼 */
    .btn {width: 200px; height: 45px; font-size: 15px; line-height: 45px;}

    /* 타이틀 */
    h3.h3_tit {font-size: 21px; text-align: center;}
    
    /* 컴포넌트 */
    .wrap_ck {padding-left: 40px;}
    .wrap_ck input {position: absolute; left: 0; top: 0; width: 25px; height: 25px; border-width: 3px;}
    .wrap_ck input:checked::before {top: -3px; left: -3px; width: 25px; height: 25px; background-size: contain;}
    .wrap_ck label {font-size: 16px; word-break: keep-all;}


    /* 기타 */
    .m_scroll {overflow-x: scroll;}


    /* ---제품소개--- */
    section[class^='sub01'] .bg {margin-top: 0; height: 195px;}
    .sub0101 .sub_top .layout:after {display: none;}
    section[class^='sub01'] .cont_top {padding-top: 75px; margin-top: 0; height: auto;}
    section[class^='sub01'] .cont_top .layout {padding: 0;}
    section[class^='sub01'] .cont_top .exp {position: relative; top: auto; padding: 0 20px; margin-bottom: 30px; width: 100%; font-size: 21px; color: #000; box-sizing: border-box;}
    section[class^='sub01'] .cont_top .btns li {margin: 0 auto; width: calc(100% - 40px);}
    section[class^='sub01'] .cont_top .btns li:after {top: auto; bottom: 17px; background: url(../img/mobile/product_btn.png) no-repeat; background-size: 30px 100px;}
    section[class^='sub01'] .cont_top .btns .li01:after {margin-top: 0; width: 22px; height: 19px;}
    section[class^='sub01'] .cont_top .btns .li02:after {margin-top: 0; width: 21px; height: 19px; background-position: 0 -23.5px;}
    section[class^='sub01'] .cont_top .btns .li03:after {margin-top: 0; width: 19px; height: 20px; background-position: 0 -47.5px;}
    section[class^='sub01'] .cont_top .btns .li04:after {margin-top: 0; width: 25px; height: 18px; background-position: 0 -72.5px;}
    section[class^='sub01'] .cont_top .btns li a {padding: 20px 0 15px; font-size: 16px; color: #000; border-bottom-color: #000;}
    section[class^='sub01'] .cont_top .product {display: none;}
    section[class^='sub01'] .cont_top .info {position: relative; bottom: auto; display: block; padding: 50px 20px; margin-top: 50px; background-color: #f7f7f7;}
    section[class^='sub01'] .cont_top .info li {margin-bottom: 20px; width: 100% !important; color: #000;}
    section[class^='sub01'] .cont_top .info li:last-child {margin-bottom: 0;}
    section[class^='sub01'] .cont_top .info li i {flex-shrink: 0; margin-top: -4px; width: 60px; height: 60px;}
    section[class^='sub01'] .cont_top .info .li01 i, section[class^='sub01'] .cont_top .info .li02 i, section[class^='sub01'] .cont_top .info .li03 i, section[class^='sub01'] .cont_top .info .li04 i, section[class^='sub01'] .cont_top .info .li05 i {background-size: cover;}
    section[class^='sub01'] .cont_top .info li strong {margin: 0; font-size: 15px;}
    section[class^='sub01'] .cont_top .info li p {font-size: 15px; font-weight: 400; word-break: keep-all;}
    section[class^='sub01'] .cont_top .info li p br {display: none;}
    section[class^='sub01'] .cont_bottom {padding-top: 130px;}

    section[class^='sub01'] .anchor {top: -85px; left: 0;}
    section[class^='sub01'] .anchor.fixed {top: 60px;}
    section[class^='sub01'] .anchor a {font-size: 13px;}
    section[class^='sub01'] .anchor a:hover, section[class^='sub01'] .anchor a:focus {font-weight: normal;}
    section[class^='sub01'] .anchor a.active {font-weight: 700;}
    section[class^='sub01'] .anchor a:hover:after, section[class^='sub01'] .anchor a:focus:after {display: none;}
    section[class^='sub01'] .anchor a.active:after {display: block;}

    section[class^='sub01'] .cont_bottom .box {display: block; padding: 30px 0;}
    section[class^='sub01'] .cont_bottom .box .left {width: 100%;}
    section[class^='sub01'] .cont_bottom .box .left .swiper-button-prev, section[class^='sub01'] .cont_bottom .box .left .swiper-button-next {width: 35px; height: 35px; background-size: cover;}
    section[class^='sub01'] .cont_bottom .box .left .swiper-button-next {left: 38px;}
    section[class^='sub01'] .cont_bottom .box .right {padding-left: 0; width: 100%;}
    section[class^='sub01'] .cont_bottom .box .left .swiper {height: auto;}
    section[class^='sub01'] .swiper-slide:before {content: ''; display: block; padding-top: 78%;}
    section[class^='sub01'] .swiper-slide img {position: absolute; left: 0; top: 0; right: 0; bottom: 0;}
    section[class^='sub01'] .cont_bottom .box .right {padding-top: 35px;}
    section[class^='sub01'] .cont_bottom .box .right .btn_dw {top: 27px; width: 45px; height: 45px; font-size: 0; background: url(../img/mobile/btn_dw2.png) #000 no-repeat; background-size: contain; border-radius: 50%;}
    section[class^='sub01'] .cont_bottom .box .right .name {margin-bottom: 20px; font-size: 21px;}
    section[class^='sub01'] .cont_bottom .box .right p {font-size: 15px; word-break: keep-all;}
    section[class^='sub01'] .cont_bottom .box .right strong {font-size: 15px;}
    section[class^='sub01'] .cont_bottom .box .right ul li {font-size: 15px;}
    section[class^='sub01'] .cont_bottom .box .right ul li:before {top: 11px;}

    section[class^='sub01'] .cont_bottom .box .right dl dt {font-size: 15px;}
    section[class^='sub01'] .cont_bottom .box .right dl dd {font-size: 15px;}


    /* 디스플레이~자동차 전장 */
    .sub0101 .bg {background: url(../img/mobile/bg_sub0101.jpg) no-repeat 50%/cover;}
    .sub0102 .bg {background: url(../img/mobile/bg_sub0102.jpg) no-repeat 50%/cover;}
    .sub0103 .bg {background: url(../img/mobile/bg_sub0103.jpg) no-repeat 50%/cover;}
    .sub0105 .bg {background: url(../img/mobile/bg_sub0105.jpg) no-repeat 50%/cover;}
    .sub0106 .bg {background: url(../img/mobile/bg_sub0106.jpg) no-repeat 50%/cover;}
    .sub0107 .bg {background: url(../img/mobile/bg_sub0107.jpg) no-repeat 50%/cover;}
    
    .sub0104 .bg {height: 195px !important; background: url(../img/mobile/bg_sub0104.jpg) no-repeat 50%/cover;}
    .sub0104 .cont_top {padding-bottom: 80px; margin-top: 0 !important; height: auto !important; background-color: #f7f7f7;}
    .cont_acc {padding-top: 80px;}
    .cont_acc .accordion > dt:before {right: 20px;}
    .cont_acc .accordion > dt:after {top: 21px; right: 26px;}
    .cont_acc dd > p {margin-bottom: 20px; font-size: 13px;}
    .cont_acc dd .cont {display: block; width: 100%;}
    .cont_acc dd .cont p {margin-bottom: 20px; font-size: 13px;}
    .cont_acc dd .cont + img {display: block; padding-left: 0; margin-top: 20px; width: 100%; height: auto;}
    .cont_acc dd table tr th {padding: 13px 5px; font-size: 15px;}
    .cont_acc dd table tr td {padding: 13px 5px; font-size: 15px;}

    .cont_acc .acc03 dd {padding: 30px 20px;}
    .cont_acc .acc03 dd ul {flex-direction: column; gap: 20px 0;}
    .cont_acc .acc03 dd ul li {width: 100%; font-size: 15px;}
    .cont_acc .acc03 dd ul li:before {margin-right: 15px; width: 60px; height: 60px;}
    .cont_acc .acc03 dd ul .li02:before {background-position: 0 -60px;}
    .cont_acc .acc03 dd ul .li03:before {background-position: 0 -120px;}
    .cont_acc .acc03 dd ul .li04:before {background-position: 0 -180px;}
    .cont_acc .acc03 dd ul .li05:before {background-position: 0 -240px;}
    .cont_acc .acc03 dd ul .li06:before {background-position: 0 -300px;}
    .cont_acc .acc06 dd {padding: 25px 20px;}
    .cont_acc .acc06 dd strong {display: none;}
    .cont_acc .acc06 dd > ul {gap: 40px 0; padding-top: 0; margin-top: 0; border-top: 0;}
    .cont_acc .acc06 dd > ul .li06 {margin-top: 40px;}
    .cont_acc .acc06 dd ul > li .img {position: relative; height: auto;}
    .cont_acc .acc06 dd ul > li .img:before {content: ''; display: block; padding-top: 56%;}
    .cont_acc .acc06 dd ul > li .img > span {position: absolute; left: 0; top: 0; right: 0; bottom: 0;}
    .cont_acc .acc06 dd ul .li01 .img > span {background: url(../img/mobile/solar_result01.jpg) no-repeat 50%/cover;}
    .cont_acc .acc06 dd ul .li02 .img > span {background: url(../img/mobile/solar_result02.jpg) no-repeat 50%/cover;}
    .cont_acc .acc06 dd ul .li03 .img > span {background: url(../img/mobile/solar_result03.jpg) no-repeat 50%/cover;}
    .cont_acc .acc06 dd ul .li04 .img > span {background: url(../img/mobile/solar_result04.jpg) no-repeat 50%/cover;}
    .cont_acc .acc06 dd ul .li05 .img > span {background: url(../img/mobile/solar_result05.jpg) no-repeat 50%/cover;}
    .cont_acc .acc06 dd ul .li06 .img > span {background: url(../img/mobile/solar_result06.jpg) no-repeat 50%/cover;}
    .cont_acc .acc06 dd ul .li07 .img > span {background: url(../img/mobile/solar_result07.jpg) no-repeat 50%/cover;}
    .cont_acc .acc06 dd ul .li08 .img > span {background: url(../img/mobile/solar_result08.jpg) no-repeat 50%/cover;}
    .cont_acc .acc06 dd ul li .txt {margin-top: 20px; padding: 0;}
    .cont_acc .acc06 dd ul li .txt p {margin-bottom: 20px; font-size: 21px;}
    .cont_acc .acc06 dd ul li .txt ul li {margin-bottom: 10px; font-size: 16px;}
    .cont_acc .acc06 dd ul li .txt ul li span {display: block; margin: 0;}
    .sub0104 .btn {margin-top: 40px;}



    /* ---회사소개--- */
    /* 한솔테크닉스 */
    .sub0201 .h3_tit {margin-bottom: 25px; font-size: 21px; text-align: left;}

    .sub0201 .video {position: relative; margin-top: 0px; height: auto;}
    .sub0201 .video:before {content: ''; display: block; padding-top: 60%;}
    .sub0201 .video .video_thum {display: flex; flex-direction: column; align-items: center; justify-content: center; position: absolute; left: 0; top: 0; right: 0; bottom: 0; padding-top: 0;}
    .sub0201 .video .video_thum p {display: none;}
    .sub0201 .video .video_thum strong {padding: 0 20px; font-size: 13px; font-weight: 400; word-break: keep-all;}
    .sub0201 .video .video_thum strong:after {margin-top: 15px; width: 50px; height: 50px; background-size: cover;}
    .sub0201 .video .video_player {position: absolute; left: 0; top: 0; right: 0; bottom: 0; }

    .sub0201 .slide {padding-top: 70px;}
    .sub0201 .slide .h3_tit {width: auto;}
    .sub0201 .slide .product {padding-top: 60px; margin: -35px 0 0; -webkit-text-size-adjust: none;}
    .sub0201 .slide .product .swiper-slide {padding: 25px; width: auto; height: auto; min-height: 250px;}
    .sub0201 .slide .product .swiper-slide em {font-size: 18px;}
    .sub0201 .slide .product .swiper-slide p {margin-top: 15px; font-size: 13px; letter-spacing: -1px; word-break: keep-all;}
    .sub0201 .slide .product .swiper-slide a {bottom: 25px; left: 25px; width: 35px; height: 35px; background-size: cover;}
    .sub0201 .slide .product .swiper-slide:after {bottom: 25px; right: 25px; background-size: 75px 400px;}
    .sub0201 .slide .product .box01:after {width: 50px; height: 42.5px; background-position: 0 0;}
    .sub0201 .slide .product .box02:after {width: 55px; height: 56px; background-position: 0 -47px;}
    .sub0201 .slide .product .box03:after {width: 36px; height: 56.5px; background-position: 0 -108px;}
    .sub0201 .slide .product .box04:after {width: 54px; height: 51.5px; background-position: 0 -169px;}
    /* .sub0201 .slide .product .box04:after {width: 52px; height: 52px; background-position: 0 -225px;} */
    /* .sub0201 .slide .product .box05:after {width: 52px; height: 52px; background-position: 0 -225px;} */
    .sub0201 .slide .product .box05:after {width: 63.5px; height: 40px; background-position: 0 -282px;}
    /* .sub0201 .slide .product .box06:after {width: 63.5px; height: 40px; background-position: 0 -282px;} */
    .sub0201 .slide .product .box06:after {width: 53px; height: 54px; background-position: 0 -327px;}
    /* .sub0201 .slide .product .box07:after {width: 53px; height: 54px; background-position: 0 -327px;} */
    .sub0201 .slide .product .box07:after {width: 63.5px; height: 40px; background-position: 0 -282px;}
    .sub0201 .slide .product .wrap_btn {position: absolute; right: 0; top: 35px; width: auto; transform: translateY(0); -webkit-transform: translateY(0); -moz-transform: translateY(0);}

    .sub0201 .dept {padding-top: 75px;}
    .sub0201 .dept .wrap_box {flex-direction: column; gap: 20px;}
    .sub0201 .dept .wrap_box div {position: relative; width: 100%; height: 200px;}
    .sub0201 .dept .wrap_box .box01 {background-position: center;}
    .sub0201 .dept .wrap_box div strong {position: absolute; left: 25px; right: 25px; top: 110px; font-size: 18px; line-height: 1.3; text-shadow: 0 1px 3px rgba(0,0,0,1);}
    .sub0201 .dept .wrap_box div strong br {display: none;}
    .sub0201 .dept .wrap_box div p {position: absolute; left: 25px; right: 25px; top: 145px; height: auto; font-size: 13px; line-height: 1.5; word-break: keep-all; text-shadow: 0 1px 2px rgba(0,0,0,1);}

    .sub0201 .data {padding-top: 75px;}
    .sub0201 .data .wrap_data {gap: 20px; flex-direction: column;}
    .sub0201 .data .wrap_data a {width: 100%; height: 75px; font-size: 18px; border-width: 2px;}
    .sub0201 .data .wrap_data a span {font-size: 18px;}
    .sub0201 .data .wrap_data a:after {width: 45px; height: 45px; background: url(../img/mobile/btn_dw2.png) #cbcbcb no-repeat 50%/cover;}


    /* 비전 및 이념 */
    .sub0203 .bg {background: url(../img/mobile/bg_sub0203.jpg) no-repeat 50%; background-size: cover;}
    .sub0203 .sub_top .layout:after {display: none;}
    .sub0203 .sub_top .sub_txt {margin-top: 145px; font-size: 21px; font-weight: 700; color: #000;}
    .sub0203 .slide_bg.active .sub_txt {color: #000;}
    .sub0203 .sub_top .sub_txt br {display: none;}
    .sub0203 .h3_tit {position: relative; margin-bottom: 25px;}
    .sub0203 .h3_tit br {display: none;}
    .sub0203 .layout { width: 100%; padding: 0 20px; }

    .vision {padding: 280px 0 80px;}
    .vision .layout {padding-left: 20px;}
    .vision strong {margin-bottom: 10px; font-size: 18px; text-align: left;}
    .vision p {margin-bottom: 15px; font-size: 18px; word-break: keep-all;}
    .vision p br {display: none;}
    .vision img { display: block; margin: 30px auto 0; }
    /* .vision img {width: 100%;} */
    .principle {padding-top: 75px;}
    .principle:before {height: 658px;}
    .principle ul {gap: 25px; margin-left: 0;}
    .principle ul li {flex-shrink: 0; padding: 20px 0; width: 100%; border-top-width: 3px;}
    .principle ul li strong {margin-bottom: 10px; font-size: 15px; text-align: left;}
    .principle ul li p {font-size: 15px; text-align: left;}
    .principle dl {gap: 15px 18px; justify-content: center; margin-top: 390px; width: 100%;}
    .principle dl:before {left: 50%; top: -235px; margin-left: -174px; width: 348px; height: 236px; background: url(../img/mobile/field_mobile_v2.png) no-repeat; background-size: contain;}
    .principle dl dt {width: calc(100% - 36px); height: 40px; font-size: 15px; line-height: 40px;}
    .principle dl dd {width: calc((100% - 54px) / 2); height: 40px; font-size: 15px; line-height: 40px;}
    .principle dl dd:before {top: -14px; height: 14px;}


    /* 연혁 */
    .history {margin-top: 0;}
    .history .section {padding: 80px 0;}
    .history .section .layout {flex-direction: column;}
    .history .section:nth-of-type(2) .layout {flex-direction: column-reverse;}
    .history .section .layout > div:first-child, .history .section .layout > div:last-child {width: 100%;}
    .history .section:nth-child(odd) .txt {padding-left: 0;}
    .history .section .txt {margin-top: 35px;}
    .history .section .txt strong {margin-bottom: 25px; font-size: 40px;}
    .history .section .txt ul li {padding-left: 90px; margin-bottom: 25px; font-size: 13px;}
    .history .section .txt ul li span {top: -2px; font-size: 16px;}
    .history .img01 {width: 100%; height: 196px; background: url(../img/mobile/history_img01.jpg) no-repeat 50%/cover;}
    .history .img02 {margin: 0; width: 100%; height: 196px; background: url(../img/mobile/history_img02.jpg) no-repeat 50%/cover;}
    .history .img03 {display: none;}
    .history .img04 {width: 100%; height: 196px; background: url(../img/mobile/history_img03.jpg) no-repeat 50%/cover;}

    .history .section:nth-of-type(1) .txt ul li:nth-of-type(2), .history .section:nth-of-type(1) .txt ul li:nth-of-type(3)  {animation-delay: 0s; animation-duration: 600ms}


    /* ceo 인사말 */
    .ceo {margin-top: 0;}
    .ceo .bg {padding-top: 30px; height: 140px; background: url(../img/mobile/bg_sub0205.jpg) no-repeat 50%/cover;}
    .ceo .bg strong {padding: 0 40px; width: 100%; font-size: 21px; box-sizing: border-box;}
    .ceo .img {margin: -30px -20px 0 0; width: 334px; height: 200px;}
    .ceo .img i {width: 334px; height: 200px; background: url(../img/mobile/ceo.jpg) no-repeat; background-size: contain;}
    .ceo .img p {display: none;}
    .ceo .cont {margin-top: 50px; width: 100%;}
    .ceo ul li {margin-bottom: 20px; font-size: 16px;}
    .ceo ul li br {display: none;}
    .ceo ul li:last-child {display: block;}
    .ceo ul li .sign {display: inline-block; margin-left: 10px; width: 60px; height: 25px; vertical-align: bottom; background: url(../img/mobile/ceo_sign.png) no-repeat; background-size: contain; font-size: 0;}


    /* 사업장소개 */
    .factory {padding-top: 80px;}
    .factory dl {margin-bottom: 80px;}
    .factory dl dt {position: relative; width: 100%; height: auto;}
    .factory dl dt:before {content: ''; display: block; padding-top: 63%;}
    .factory dl dt .img {position: absolute; left: 0; top: 0; bottom: 0; right: 0;}
    .factory dl.head .img {background: url(../img/mobile/factory_head.jpg) no-repeat 50%/cover;}
    .factory dl.suwon .img {background: url(../img/mobile/factory_suwon.jpg) no-repeat 50%/cover;}
    .factory dl.ochang .img {background: url(../img/mobile/factory_ochang.jpg) no-repeat 50%/cover;}
    .factory dl.iones .img {background: url(../img/mobile/factory_iones.jpg) no-repeat 50%/cover;}
    .factory dl.thai .img {background: url(../img/mobile/factory_thai.jpg) no-repeat 50%/cover;}
    .factory dl.hanoi .img {background: url(../img/mobile/factory_hanoi.jpg) no-repeat 50%/cover;}
    .factory dl.hochiminh .img {background: url(../img/mobile/factory_hochiminh.jpg) no-repeat 50%/cover;}
    .factory dl.china .img {background: url(../img/mobile/factory_china.jpg) no-repeat 50%/cover;}
    .factory dl dd {display: block; margin-top: 30px; width: 100%; min-height: auto;}
    .factory dl dd strong {padding: 0; margin-bottom: 25px; width: 100%; font-size: 21px;}
    .factory dl dd ul {padding: 0; width: 100%;}
    .factory dl dd ul li {margin-bottom: 20px; padding-left: 0; font-size: 16px;}
    .factory dl dd ul li span {position: relative; display: block; margin-bottom: 5px;}
    .factory dl dd ul li a {text-decoration: none; cursor: none;}
    .factory dl dd .btn {display: block; position: relative; left: auto; top: auto; margin: 30px auto 0; width: 200px; height: 45px; font-size: 15px; line-height: 45px;}
    .factory dl dd .btn:after {margin-top: -4px; width: 17px; height: 20px; background: url(../img/mobile/icon_location.png) no-repeat; background-size: contain;}


    /* ---지속가능경영--- */
    /* 환경안전경영 */
    .policy {padding-top: 75px;}
    .policy .layout {padding-left: 20px;}
    .policy .h3_tit {position: relative; margin-bottom: 25px;}
    .policy.safe button,
    .goal.safe button {margin: -6px 0 0 15px;}
    .policy p {margin-bottom: 12px; font-size: 16px;}
    .policy .wrap_dl {padding: 20px 0; margin-top: 25px;}
    .policy .wrap_dl dl {margin-bottom: 20px;}
    .policy .wrap_dl dl dt {font-size: 15px;}
    .policy .wrap_dl dl dd {font-size: 15px;}

    .goal {padding: 75px 0 80px;}
    .goal .layout {padding-left: 20px;}
    .goal .h3_tit {position: relative; margin-bottom: 25px;}
    .goal p {font-size: 16px;}
    .goal .img {margin: 0 auto; width: 314px; height: 314px; background: url(../img/mobile/plan.png) no-repeat; background-size: contain;}

    .plan {padding: 75px 0 80px;}
    .plan .h3_tit {margin-bottom: 25px;}
    .plan .wrap_dl {gap: 20px}
    .plan .wrap_dl dl {width: 100%;}
    .plan .wrap_dl dl dt {height: 150px;}
    .plan .wrap_dl dl dd {padding: 25px 20px; height: auto;}
    .plan .wrap_dl dl dd strong {margin-bottom: 10px; font-size: 16px; word-break: keep-all;}
    .plan .wrap_dl dl dd ul {position: relative; left: auto; bottom: auto; width: 100%; font-size: 15px;}

    .guide {padding: 75px 0 150px;}
    .guide .layout {padding-left: 20px;}
    .guide .h3_tit {position: relative; margin-bottom: 25px;}
    .guide p {font-size: 16px;}
    .guide ul {padding: 20px 0; margin-top: 25px;}
    .guide ul li {padding-left: 25px; margin-bottom: 15px; font-size: 15px;}

    .organizion {padding: 75px 0 80px;}
    .organizion .img {margin: 25px auto 0; width: 300px; height: 657.5px; background: url(../img/mobile/organization.png) no-repeat; background-size: contain;}

    .action {padding: 75px 0 0;}
    .action .layout {padding-left: 20px;}
    .action .h3_tit {position: relative; margin-bottom: 25px;}
    .action p {font-size: 16px;}

    .strategy {padding: 75px 0 150px;}
    .strategy .layout {padding-left: 20px;}
    .strategy .h3_tit {position: relative; margin-bottom: 25px;}
    .strategy p {font-size: 16px;}
    .strategy .h3_tit + ul {padding: 20px 0; margin-top: 25px;}
    .strategy .h3_tit + ul > li {padding-left: 25px; margin-bottom: 15px; font-size: 15px;}

    .neutrality {padding: 75px 0 80px;}
    .neutrality .layout > p {font-size: 16px;}
    .neutrality .m_scroll {overflow-x: scroll;}
    .neutrality h4 {font-size: 20px; transform: translateY(170px);}
    .neutrality .img {margin: 25px auto 0; width: 100%;}
    .neutrality .table {margin-bottom: 0;}
    .neutrality .table table {width: 800px;}
    .neutrality .m_scroll .table table {width: 600px;}
    .neutrality .m_scroll .table {margin-bottom: 85px;}
    .neutrality .m_scroll ~ .table {overflow-x: scroll;}

    .purchase {padding: 75px 0 150px;}
    .purchase .layout {padding-left: 20px;}
    .purchase .h3_tit {position: relative; margin-bottom: 25px;}
    .purchase p {font-size: 16px;}
    .purchase ul {padding: 20px 0; margin-top: 25px;}
    .purchase ul li {padding-left: 25px; margin-bottom: 15px; font-size: 15px;}

    .policy.safe {padding-bottom: 75px;}
    .goal .s_img {margin: 20px auto 0; width: 335px; height: 245px; background: url(../img/mobile/safe_goal.png) no-repeat; background-size: contain;}

    .system {padding-top: 75px;}
    .system .layout {padding-left: 20px;}
    .system .h3_tit {position: relative; margin-bottom: 25px;}
    .system p {margin-bottom: 12px; font-size: 16px;}
    .system .img {margin: 35px auto 0; width: 253px; height: 615px; background: url(../img/mobile/system.png) no-repeat; background-size: contain;}


    /* 사회책임경영 */
    .sub0302 .bg {background: url(../img/mobile/bg_sub0302.jpg) no-repeat 50%/cover;}
    .sub0302 #tab_content5 dl:nth-child(4) .popup_btns {display: flex; gap: 10px; margin-bottom: 15px; transform: translate(0, 10px);}

    .info_top {padding: 75px 0;}
    .info_top .layout {padding-left: 20px;}
    .info_top .h3_tit {position: relative; margin-bottom: 25px;}
    .info_top p {font-size: 16px;}
    .info_cont {padding: 80px 0 135px;}
    .info_cont .tabs {flex-wrap: wrap; gap: 13px 20px; margin-bottom: 25px;}
    .info_cont .tabs li {width: calc((100% - 20px) / 2); height: 40px;}
    .info_cont .tabs li a {font-size: 13px; line-height: 40px; border-radius: 20px;}
    .info_cont dl {flex-direction: column; padding: 25px 0;}
    .info_cont dl dt {padding: 0 0 0 25px; margin-bottom: 5px; width: 100%; font-size: 15px;}
    .info_cont dl dt span {top: 4px; font-size: 15px;}
    .info_cont dl dt br {display: none;}
    .info_cont dl dd {padding: 0; width: 100%;}
    .info_cont dl dd p {margin-bottom: 15px; font-size: 15px;}
    .info_cont dl dd p:last-child {margin-bottom: 0;}
    .info_cont dl dd ul {padding-right: 0; margin: 0 0 15px 0;}
    .info_cont dl dd ul li {padding-left: 8px; font-size: 15px;}
    .info_cont dl dd ul li:before {top: 10px;}

    .cogrowth_top {padding: 75px 0 80px;}
    .cogrowth_top .layout {padding-left: 20px;}
    .cogrowth_top .h3_tit {position: relative; margin-bottom: 15px; text-align: left;}
    .cogrowth_top a {position: relative; bottom: auto; display: block; padding: 15px 0; width: 100%; font-size: 16px;}
    .cogrowth_top a:after {bottom: 10px; width: 35px; height: 35px; background: url(../img/mobile/icon_arrow03.png) #cbcbcb  no-repeat 50%/cover;}
    .cogrowth_top .img {margin: 62.5px auto 0; width: 331.5px; height: 405px; background: url(../img/mobile/cogrowth01.png) no-repeat; background-size: contain;}

    .cogrowth_info {padding: 75px 0 80px;}
    .cogrowth_info .layout {padding-left: 20px;}
    .cogrowth_info .h3_tit {position: relative; margin-bottom: 20px;}
    .cogrowth_info p {display: block; font-size: 16px; word-break: keep-all;}
    .cogrowth_info .img {margin: 35px auto 0; width: 335px; height: 723px; background: url(../img/mobile/cogrowth02.png) no-repeat; background-size: contain;}

    .cogrowth_activity {padding: 75px 0 80px;}
    .cogrowth_activity .layout, .cogrowth_practice .layout {padding-left: 20px;}
    .cogrowth_activity .h3_tit, .cogrowth_practice .h3_tit {position: relative; margin-bottom: 20px;}
    .cogrowth_activity .h3_tit br, .cogrowth_practice .h3_tit br {display: none;}
    .accordion:nth-of-type(1) {border-top-width: 2px;}
    .accordion > dt {padding: 16px 20px; font-size: 16px;}
    .accordion > dt:before {top: 27px; width: 15px; height: 2px;}
    .accordion > dt:after {top: 20px; right: 46.5px; width: 2px; height: 15px;}
    .accordion > dd {padding: 20px;}
    .accordion > dd > dl {margin-bottom: 20px;}
    .accordion > dd > dl dt {font-size: 13px; word-break: keep-all;}
    .accordion > dd > dl dd {padding-left: 25px; font-size: 13px;}
    .accordion > dd ul li {margin-bottom: 20px; font-size: 13px;}

    .rights {padding-top: 80px;}
    .rights .tabs {flex-wrap: wrap; gap: 13px 20px; justify-content: start; margin: 0 auto; width: calc(100% - 40px);}
    .rights .tabs li {width: calc((100% - 20px) / 2); height: 40px; box-sizing: border-box;}
    .rights .tabs li a {font-size: 13px; line-height: 40px; border-radius: 20px;}
    .rights .h3_tit br {display: none;}
    .rights #tab_content1 {padding-bottom: 150px;}
    .rights #tab_content1 .info_top {padding-top: 50px;}
    .rights #tab_content1 .info_cont .layout {padding-left: 20px;}
    .rights #tab_content1 .info_cont .h3_tit {position: relative; margin-bottom: 50px;}
    .rights #tab_content1 .info_cont .cont {padding: 75px 0;}
    .rights .info_cont table tr th {padding: 13px 0; font-size: 15px;}
    .rights .info_cont table tr td {padding: 13px 5px; font-size: 15px; word-break: keep-all;}
    .rights .info_cont table colgroup col:first-child {width: 40% !important;}
    .rights #tab_content2 {padding-bottom: 150px;}
    .rights #tab_content2 .info_top .layout > div:nth-of-type(1) {margin-bottom: 50px;}
    .rights #tab_content2 .info_top .layout > div .h3_tit {left: auto;}
    .rights #tab_content2 .info_top {padding-top: 50px;}
    .rights #tab_content2 .info_cont .cont {padding-top: 75px;}
    .rights #tab_content2 .info_cont .cont:first-child {padding: 75px 0;}
    .rights #tab_content2 .info_cont .layout {padding-left: 20px;}
    .rights #tab_content2 .info_cont .h3_tit {position: relative; margin-bottom: 25px;}
    .rights #tab_content2 .info_cont .abuse_step {margin: 0 auto; width: 335px; height: 1270px; background: url(../img/mobile/abuse_step.png) no-repeat; background-size: contain;}
    .rights #tab_content2 .info_top dl dt {font-size: 16px;}
    .rights #tab_content2 .info_top dl dd {padding-left: 10px; margin-bottom: 5px; font-size: 16px;}
    .rights #tab_content2 .info_top dl dd span {padding-left: 10px;}
    .rights #tab_content2 .info_cont dl dt {font-size: 16px;}
    .rights #tab_content2 .info_cont dl dd ul li {font-size: 14px;}
    .rights #tab_content3 .info_top ul li {font-size: 16px;}
    .rights #tab_content3 .info_cont dl:nth-of-type(1) {padding-top: 0;}

    .mineral_top {padding: 75px 0;}
    .mineral_top .layout {padding-left: 20px;}
    .mineral_top .h3_tit {position: relative; margin-bottom: 25px;}
    .mineral_top p {font-size: 16px;}
    .mineral_policy .layout {padding-left: 20px;}
    .mineral_policy .h3_tit {position: relative; margin-bottom: 25px;}
    .mineral_policy ul li {font-size: 16px;}
    .mineral_policy ul li:before {top: 11px;}
    .mineral_policy p {font-size: 16px;}


    /* 지속가능경영보고서 */
    .sub0304 .sub_top strong {display: block; margin-top: 110px; font-size: 21px; text-align: center;}
    .sub0304 .sub_top .sub_txt {margin-top: 25px; width: 100%; font-size: 16px; color: #000;}
 
    .report_top {padding: 80px 0; margin-top: 370px;}
    .report_top:after {right: 50%; margin-right: -187.5px; width: 375px; height: 79px; background: url(../img/mobile/txt_hansol.png) no-repeat 50%/contain;}
    .report_top .layout {padding-left: 20px;}
    .report_top img {position: relative; display: block; margin: 0 auto; width: 60%;}
    .report_top .h3_tit {margin: 40px 0 10px; font-size: 16px; text-align: left;}
    .report_top p {font-size: 15px;}
    .report_top a {margin-top: 45px; width: 100%; font-size: 16px;}
    .report_top a:after {width: 22px; height: 18.5px; background: url(../img/mobile/btn_dw.png) no-repeat 50%/cover;}
    .report_bottom {padding-top: 75px;}
    .report_bottom ul {gap: 25px;}
    .report_bottom ul li {width: 100%;}
    .report_bottom ul li a {padding: 10px 0; width: 100%; font-size: 16px;}
    .report_bottom ul li a:after {width: 22px; height: 18.5px; background: url(../img/mobile/btn_dw.png) no-repeat 50%/cover;}


    /* ---투자정보--- */
    /* 재무정보 */
    .finance .h3_tit {margin-top: 80px;}
    .finance .table p {margin-bottom: 10px; font-size: 13px;}
    .table table {width: 600px;}
    .table table tr th {padding: 8.5px 0; font-size: 15px;}
    .table table tr td {padding: 8.5px 0; font-size: 15px;}


    /* 주식정보 */
    .sub0402 .bg {background: url(../img/mobile/bg_sub0402.jpg) no-repeat 50%/cover;}
    .sub0402 .h3_tit {padding-top: 80px;}
    .sub0402 .anchor {top: -85px; left: 0;}
    .sub0402 .anchor.fixed {top: 60px;}
    .sub0402 .anchor a {font-size: 13px;}
    .sub0402 .anchor a:hover, .sub0402 .anchor a:focus {font-weight: normal;}
    .sub0402 .anchor a.active {font-weight: 700;}
    .sub0402 .anchor a:hover:after, .sub0402 .anchor a:focus:after {display: none;}
    .sub0402 .anchor a.active:after {display: block;}

    .stock {padding-top: 80px;}
    .stock .hansol {display: block; margin: 0 auto; width: 100%;}
    .stock .hansol .header {padding: 13px 15px;}
    .stock .hansol .header p {font-size: 16px;}
    .stock .hansol .header span {font-size: 13px;}
    .stock .hansol .stock_price {height: 77.5px;}
    .stock .hansol .stock_price span {margin-right: 25px; width: 50px; height: 20px; font-size: 13px; font-weight: 500; line-height: 20px;}
    .stock .hansol .stock_price p {font-size: 30px;}
    .stock .hansol .bottom {height: 50px;}
    .stock .hansol .bottom > div {padding: 0 15px;}
    .stock .hansol .bottom > div p, .stock .hansol .bottom > div span {font-size: 15px;}
    .stock .m_scroll {display: block; margin-top: 45px; width: 100%;}
    .stock .m_scroll .info {width: 480px;}
    .stock .info div[class^='row'] > div {padding: 0 15px; height: 40px;}
    .stock .info div[class^='row'] > div span, .stock .info div[class^='row'] > div p {font-size: 15px;}
    .price .table table {width: 100%;}
    .contract table {width: 660px;}
    .date {padding-bottom: 80px;}
    .date table {width: 880px;}
    .dividend {padding-bottom: 150px;}
    .dividend h4 {font-size: 18px;}
    .dividend .table > p {font-size: 13px;}
    .dividend table {width: 700px;}
    

    /* 공시정보 */
    .sub0403 .bg {background: url(../img/mobile/bg_sub0403.jpg) no-repeat 50%/cover;}
    .announcement {padding-top: 80px;}
    .announcement dl {font-size: 15px; text-align: left;}
    .announcement dl dt {display: none;}
    .announcement dl dd {display: block; padding: 20px 0;}
    .announcement dl .tit {display: block; margin-bottom: 5px; width: 100%;}
    .announcement dl .writer {display: inline-block; margin-right: 10px; width: auto; font-size: 13px; font-weight: 500; color: #b3b3b3;}
    .announcement dl .date {display: inline-block; width: auto; font-size: 13px;}
    .announcement dl dd .tit {padding-left: 0;}
    

    /* ir */
    .sub0404 .bg {background: url(../img/mobile/bg_sub0404.jpg) no-repeat 50%/cover;}
    .ir {padding-top: 80px;}
    .ir tr td {padding: 23px 10px 23px 0; font-size: 15px;}
    .ir tr td:first-child {display: none;}


    /* ---인재채용--- */
    /* 인재상 */
    .sub05 .type01 {padding-top: 75px;}
    .sub05 .type01 .layout > div {padding-left: 0; margin-bottom: 80px;}
    .sub05 .type01 .layout > div .h3_tit {position: relative; margin-bottom: 20px;}
    .sub05 .type01 .layout > div p {font-size: 16px;}
    .sub05 .type01 .accordion > dd {padding: 20px;}
    .sub05 .type01 .accordion p {font-size: 13px;}
    .sub05 .type01 .principle {margin: 15px auto 0; width: 305.5px; height: 263.5px; background: url(../img/mobile/principle.jpg) no-repeat; background-size: contain;}

    .sub05 .type02 {padding: 80px 0;}
    .sub05 .type02 .layout {padding-left: 20px;}
    .sub05 .type02 .h3_tit {position: relative; margin-bottom: 20px;}
    .sub05 .type02 dl {display: block; padding: 25px 0;}
    .sub05 .type02 dl dt {padding-top: 0; width: 100%; font-size: 17px;}
    .sub05 .type02 dl dd {padding: 0; margin-top: 15px; width: 100%; height: auto}
    .sub05 .type02 dl dd strong {font-size: 15px;}
    .sub05 .type02 dl dd p {margin-top: 5px; font-size: 15px;}

    .sub05 .type03 {padding-top: 80px;}
    .sub05 .type03 .layout {padding-left: 20px;}
    .sub05 .type03 .h3_tit {position: relative; margin-bottom: 20px;}
    .sub05 .type03 dl {display: block; padding: 25px 0;}
    .sub05 .type03 dl dt {padding-top: 0; width: 100%; font-size: 17px;}
    .sub05 .type03 dl dd {padding: 0; margin-top: 15px; width: 100%; height: auto}
    .sub05 .type03 dl dd strong {font-size: 15px;}
    .sub05 .type03 dl dd p {margin-top: 5px; font-size: 15px;}
    .sub05 .type03 .domain {display: block;}
    .sub05 .type03 .domain img {margin-bottom: 40px; width: 100%; height: auto;}
    .sub05 .type03 .domain ul {margin-left: 0; width: 100%;}
    .sub05 .type03 .domain ul li {padding: 15px 15px 15px 0; font-size: 15px; box-sizing: border-box;}


    /* 인사제도 */
    .promotion {padding: 75px 0;}
    .promotion .layout {padding-left: 20px;}
    .promotion .h3_tit {position: relative; margin-bottom: 25px;}
    .promotion dl {margin-top: 30px;}
    .promotion dl:nth-of-type(1) {margin-top: 0;}
    .promotion dl dt {margin-bottom: 15px; font-size: 15px; font-weight: 700;}
    .promotion dl dd {margin-bottom: 30px; font-size: 15px;}
    .promotion dl dd:last-child {margin-bottom: 0;}
    .promotion dl dd p {margin-bottom: 5px;}
    .promotion dl dd ul li {margin-right: 27px; width: 90px; height: 90px; font-size: 15px; line-height: 90px;}
    .promotion dl dd ul li:after {right: -21px; margin-top: -13px; width: 14px; height: 27px; background: url(../img/mobile/icon_arrow01.png) no-repeat; background-size: contain;}

    .promote {padding: 75px 0 80px;}
    .promote .h3_tit {margin-bottom: 25px;}
    .promote .img {margin: 0 auto; width: 335px; height: 663.5px; background: url(../img/mobile/promote.png) no-repeat 50%/contain;}
    .promote ul {display: flex; position: relative; flex-wrap: wrap; gap: 15px; justify-content: center; align-items: center;  margin-top: 25px;}
    .promote ul:after {content: ''; position: absolute; left: 50%; top: 50%; margin: -14px 0 0 -14px; width: 28px; height: 28px; background: url(../img/icon_plus03.png) no-repeat; background-size: cover;} 
    .promote ul li {padding-top: 25px; margin-right: 0px; width: 140px; height: 140px;}
    .promote ul li:after {display: none;}
    .promote ul li span {font-size: 13px;}
    .promote ul li .cont {height: auto}
    .promote ul li .cont p {margin-bottom: 5px; font-size: 12px;}

    .programe {padding: 75px 0 80px;}
    .programe .h3_tit {margin-bottom: 25px;}

    .walfare {padding: 75px 0 0;}
    .walfare .layout {padding-left: 20px;}
    .walfare .h3_tit {position: relative; margin-bottom: 25px;}
    .walfare p {font-size: 16px;}
    .walfare dl {margin-top: 30px;}
    .walfare dl.row-2 {width: 100%;}
    .walfare dl dd {padding-bottom: 30px; height: auto;}
    .walfare dl dt {margin-bottom: 15px; font-size: 15px;}
    .walfare dl dd ul {display: block; padding: 0;}
    .walfare dl dd ul li {justify-content: center; padding: 0 0 0 75px; margin-bottom: 15px; width: 100%; height: auto; min-height: 60px;}
    .walfare dl.row-2 dd ul li {width: 100%;}
    .walfare dl dd ul li:last-child {margin-bottom: 0;}
    .walfare dl dd ul li:before {width: 60px; height: 60px; background: url(../img/mobile/walfare.png) no-repeat; background-size: 60px 750px;}
    .walfare dl dd ul .li02:before {background-position: 0 -60px;}
    .walfare dl dd ul .li03:before {background-position: 0 -120px;}
    .walfare dl dd ul .li04:before {background-position: 0 -180px;}
    .walfare dl dd ul .li05:before {background-position: 0 -240px;}
    .walfare dl dd ul .li06:before {background-position: 0 -300px;}
    .walfare dl dd ul .li07:before {background-position: 0 -360px;}
    .walfare dl dd ul .li08:before {background-position: 0 -420px;}
    .walfare dl dd ul .li09:before {background-position: 0 -480px;}
    .walfare dl dd ul .li10:before {background-position: 0 -540px;}
    .walfare dl dd ul .li11:before {background-position: 0 -600px;}
    .walfare dl dd ul .li12:before {background-position: 0 -660px;}
    .walfare dl dd ul li strong {margin-bottom: 0; font-size: 15px;}
    .walfare dl dd ul li p {font-size: 15px; word-break: keep-all;}
    .walfare dl dd ul li p br {display: none;}



    /* 채용안내 */
    .recruit_info {padding-top: 80px;}
    .recruit_info .layout {padding-left: 20px;}
    .recruit_info .h3_tit {position: relative; left: auto; top: auto; margin-bottom: 60px;}
    .recruit_info .step dl {padding-left: 0; margin-bottom: 40px;}
    .recruit_info .step .step04 {margin-bottom: 40px;}
    .recruit_info .step dl:before {top: -15px; width: 60px; height: 60px;}
    .recruit_info .step .step01::before, .recruit_info .step .step02::before, .recruit_info .step .step03::before, .recruit_info .step .step04::before {background-size: cover;}
    .recruit_info .step .step05:before {top: -18px; width: 69px; height: 69px; background: url(../img/mobile/icon_step05.png) no-repeat 50%/contain;}
    .recruit_info .step dl dt {padding-left: 75px; margin-bottom: 30px; font-size: 17px;}
    .recruit_info .step dl dd {font-size: 15px; line-height: 1.6;}


    /* 채용공고 */
    .recruit {padding-top: 80px;}
    .recruit .tab li {width: calc((100% - 70px) / 4); height: 40px; font-size: 13px; line-height: 40px;}
    .recruit .tab li.active, .recruit .tab li:hover, .recruit .tab li:focus {font-weight: normal;}
    .recruit .list {margin-top: 50px; flex-wrap: nowrap; flex-direction: column; gap: 15px;}
    .recruit .list > p {font-size: 13px;}
    .recruit .list a {padding: 2px; width: 100%;}
    .recruit .list a .cont {width: 100%; padding: 23px 13px;}
    .recruit .list a em {font-size: 13px;}
    .recruit .list a .tit {width: 75%; font-size: 16px;}
    .recruit .list a ul {margin-top: 15px;}
    .recruit .list a ul li {display: block; margin-bottom: 10px; font-size: 13px;}
    .recruit .list a ul li:last-child {margin-bottom: 0;}
    .recruit .list a ul li b {display: inline-block; margin-right: 10px;}
    .recruit .list a span {position: absolute; top: 50%; right: 15px; margin-top: -15px; width: 65px; height: 30px; font-size: 13px; line-height: 29px;}



    /* ---소식--- */
    /* 소식 */
    .board_list .top {margin-top: 0;}
    .board_list .top .wrap_sch {float: none; padding: 0 15px; width: 100%; height: 45px;}
    .board_list .top .wrap_sch input {height: 43px; font-size: 15px;}
    .board_list .top .wrap_sch button {width: 23px; height: 23px; background-size: contain;}
    .board_list .top .cnt {float: none; margin-top: 25px; font-size: 13px;}

    .board_list .list {margin-top: 15px;}
    .board_list .list li {display: block; padding: 25px 0;}
    .board_list .list li span {display: inline-block; width: auto; font-size: 15px; font-weight: 500; vertical-align: middle;}
    .board_list .list li.fixed span {width: 35px; height: 20px; font-size: 13px; line-height: 20px;}
    .board_list .list li .tit {display: inline-block; padding: 0 10px; width: calc(100% - 40px); font-size: 16px; vertical-align: middle;}
    .board_list .list li .icon_file {margin-left: 10px; width: 15px; height: 14px; background-size: contain;}
    .board_list .list li .date {margin-top: 10px; width: 100%; font-size: 13px;}
    .board_list .pager li {margin: 0 7px;}


    /* 갤러리형 */
    .board_list .gallery {flex-direction: column; gap: 25px 0;}
    .board_list .gallery li {width: 100%;}
    .board_list .gallery li .tit {height: auto; max-height: 3em; font-size: 16px;}
    .board_list .gallery li a img {height: auto; min-height: 210px;}
    .board_list .gallery li .date {margin-top: 10px; font-size: 15px;}

    .board_view .view {margin-top: 15px;}
    .board_view .view .header {display: block; padding: 17px 0;}
    .board_view .view .header span {display: inline-block; margin: 0 10px 0 0; font-size: 16px; vertical-align: middle;}
    .board_view .view .header span.fixed {width: 35px; height: 20px; font-size: 13px; line-height: 20px;}
    .board_view .view .header .tit {display: inline-block; padding-right: 0; font-size: 16px; vertical-align: middle;}
    .board_view .view .header .tit .icon_file {margin: -4px 0 0 10px; width: 14px; height: 14px; background-size: contain;}
    .board_view .view .header .date {position: relative; right: auto; top: auto; padding-bottom: 0; margin-top: 15px; width: 100%; font-size: 13px;}
    .board_view .view .file {padding: 13px 15px; font-size: 13px;}
    .board_view .view .file p:before {margin-right: 5px; width: 14px; height: 14px; background-size: contain;}
    .board_view .view .cont {padding: 25px 0;}
    .board_view .view .cont p {font-size: 15px;}
    .board_view .view .cont img {width: 100%; height: 100% !important;}
    .board_view .view .pager li {align-items: start; padding: 20px 13px 20px 0; font-size: 13px;}
    .board_view .view .pager li span {margin-right: 13px; font-size: 13px;}
    .board_view .view .pager li span:before {width: 17px; height: 13px; background: url(../img/mobile/btn_pager.png) no-repeat; background-size: 50px 50px;}
    .board_view .view .pager li .prev:before {background-position: 0 0;}
    .board_view .view .pager li.disable .prev:before {background-position: 0 -17px;}
    .board_view .view .pager li .next:before {background-position: -22px 0;}
    .board_view .view .pager li.disable .next:before {background-position: -22px -17px;}
    .board_view .view .pager li .date {display: none;}
    .board_view .wrap_btn {margin: 40px auto 150px;}


    /* 오픈이노베이션 */
    .innovation {padding-top: 70px; margin-top: 0; height: auto; min-height: 617px; max-height: 750px; background: url(../img/mobile/innovation.jpg) no-repeat 50%/cover;}
    .innovation .layout {padding: 0 10px;}
    .innovation strong {font-size: 16px; word-break: keep-all;}
    .innovation p {margin-top: 20px; font-size: 13px; word-break: keep-all;}
    .innovation .swiper-container {margin-top: 25px;}
    .innovation .swiper-slide {position: relative; padding: 0; width: calc(100% - 70px); height: auto;}
    .innovation .swiper-slide:before {content: ''; display: block; padding-top: 56%;}
    .innovation .swiper-slide iframe {position: absolute; left: 0; top: 0; right: 0; bottom: 0;}
    .innovation .swiper-button-prev, .innovation .swiper-button-next {top: 50%; margin-top: -13px; width: 14px; height: 27px; background-size: contain;}
    .innovation .swiper-button-prev {left: 5px; background-position: 50%;}
    .innovation .swiper-button-next {right: 5px; background-position: 50%;}
    .innovation .bottom_txt {margin-top: 60px; font-size: 15px;}
    .innovation .bottom_txt:before {top: -40px; margin-left: -112px; width: 224px; height: 32px; background-size: contain;}
    .innovation + .board_list .top .cnt {margin-top: 75px;}
    .innovation .btn {margin-top: 20px;}


    /* 개인정보처리방침 */
    .privacy .h3_tit {margin: 0 0 35px; text-align: left; word-break: keep-all;}
    .privacy .h3_tit br {display: none;}
    .privacy .accordion dd p {margin-bottom: 15px; font-size: 13px;}
    .privacy .accordion dd ul {margin-bottom: 15px;}
    .privacy .accordion dd .icons li {width: 100%; height: auto;}
    .privacy .accordion dd .icons li p {font-size: 14px;}


    /* 문의하기 */
    .inquiry {margin-top: 0;}
    .inquiry .banner {display: block; padding: 25px 47.5px; height: 160px;}
    .inquiry .banner li {display: block; position: relative;  padding-left: 60px; font-size: 14px; box-sizing: border-box;}
    .inquiry .banner li:first-child {margin: 0 0 20px;}
    .inquiry .banner li:before {position: absolute; left: 0; top: 0; width: 45px; height: 45px;}
    .inquiry .banner li:first-child:before {background-size: contain;}
    .inquiry .banner li:last-child:before {background-color: #48b6c2; background-size: contain;}
    .inquiry .banner li a {display: block; margin: 0; font-size: 19px !important; font-weight: 700 !important;}

    .inquiry .wrap_input {margin-top: 60px;}
    .inquiry .wrap_input .tit {padding-bottom: 10px; font-size: 16px;}
    .inquiry .wrap_input .tit span {bottom: 10px; font-size: 12px;}
    .inquiry .wrap_input em.must {width: 5px; height: 5px;}
    .inquiry .wrap_input dl {margin-top: 20px;}
    .inquiry .wrap_input dl dt {margin-bottom: 10px; font-size: 15px;}
    .inquiry .wrap_input dl dt .must {margin-left: 4px;}
    .inquiry .wrap_input dl dd .select {padding: 0 15px; width: 100%; font-size: 15px; box-sizing: border-box;}
    .inquiry .wrap_input dl dd input[type="text"] {padding: 0 15px; width: 100%; font-size: 15px;}
    .inquiry .wrap_input dl dt span {display: block; margin: 5px 0 0; font-size: 13px;}
    .inquiry .wrap_input .textarea {padding: 15px; font-size: 15px;}
    .inquiry .wrap_input .textarea textarea {padding: 0;}
    .inquiry .wrap_input .textarea .cnt {font-size: 13px;}
    .inquiry .wrap_input .file {font-size: 15px;}
    .inquiry .wrap_input .terms {padding: 15px; margin-top: 20px;}
    .inquiry .wrap_input .terms dl dt {font-size: 13px;}
    .inquiry .wrap_input .terms dl dd {font-size: 13px; word-break: keep-all;}
    .inquiry .wrap_input .wrap_ck {margin-top: 20px;}
    .inquiry .wrap_input .wrap_btn {margin-top: 60px;}
    .inquiry .wrap_input dl dd .msg {font-size: 13px;}

    .inquiry .done {margin-top: 0;}
    .inquiry .done strong {margin-bottom: 20px; font-size: 21px;}
    .inquiry .done .txt {font-size: 15px;}
    .inquiry .done .call {margin: 35px 0 75px; height: 75px; font-size: 14px;}
    .inquiry .done .call:before {margin-right: 15px; width: 45px; height: 45px; background-size: cover;}
    .inquiry .done .call span {font-size: 19px;}


    /* 준비페이지 */
    .ready {padding-top: 120px;}
    .ready strong {font-size: 32px;}
    .ready strong:before {margin-bottom: 20px; width: 80px; height: 80px;}
    .ready p {margin-top: 20px; font-size: 13px;}


    /* 에러 페이지 */
    .error .sub_tit {word-break: keep-all;}
    .error a {display: block; margin: 0 auto 5px;}

}