/*--------sub common--------*/ .layout2 {width: 1220px; margin: 0 auto; position: relative; box-sizing: border-box} .tab_area [id^="tab_cont"] {display: none} .tab_area [id^="tab_content"].active {display: block} .cl_b {color: #0a69ab !important} .cl_g {color: #569f4b !important} #headerWrap {width:100%; min-width: 1180px} #headerWrap .bg {width: 100%; height: 335px; box-sizing: border-box; padding-top: 175px; border-bottom: 1px solid #bfbfbf; min-width: 1180px} #headerWrap .bg .tit {font-size: 50px; width: 100%; text-align: center} #headerWrap.intro .bg {background: url(/img/sub01.png) no-repeat 50% top; background-size: cover} #headerWrap.intro .bg .tit {color: #fff;} #container .navi {height: 45px; border-bottom: 1px solid #b5b5b5; min-width: 1180px} #container .navi .menu {zoom : 1} #container .navi .menu:after {content: ''; display: block; clear: both;} #container .navi .menu>li {float: left; width: 153px; border-right: 1px solid #b5b5b5; box-sizing: border-box; padding: 10px 16px; height: 45px; position: relative} #container .navi .menu>li:last-child {width: 160px} #container .navi .menu>li:after {border-top: 5px solid #000; border-left: 4px solid transparent; border-right: 4px solid transparent; display: inline-block; content: ''; position: absolute; top: 20px; right: 15px} #container .navi .menu>li.active {background-color: #f4f4f4} #container .navi .menu>li>a {display: inline-block; width: 100%; height: 100%; font-size: 16px;} #container .navi .menu .home {width: 47px; height: 45px; background-position: -192px -46px} #container .navi .menu .home:after {display: none} #container .navi .menu-list {position: absolute; top: 45px; background-color: #fff; border: 1px solid #b5b5b5; z-index: 3; left: -1px; display: none} #container .navi .menu-list>li {width: 152px; height: 45px; border-bottom: 1px solid #b5b5b5} #container .navi .menu>li:last-child .menu-list>li {width: 159px} #container .navi .menu-list>li:hover, #container .navi .menu-list>li:active, #container .navi .menu-list>li:focus {background-color: #f4f4f4} #container .navi .menu-list>li.active {background-color: #f4f4f4} #container .navi .menu-list>li:last-child {border-bottom: none} #container .navi .menu-list>li>a {font-size: 16px; display: inline-block; width: 100%; height: 100%; padding: 10px 16px; box-sizing: border-box;} #container .navi a:hover, #container .navi a:active, #container .navi a:focus {text-decoration: none} #container.sub .section {padding: 95px 48px 120px} /*--------회사소개-------*/ /*ceo 인삿말*/ #container.intro .intro_img {width: 100%; height: 434px; background: url(/img/ceo.png) #eeeeee no-repeat 50% top; min-width: 1180px} #container.intro .intro_img .layout2 {height: 100%} #container.intro .intro_img p {position: absolute} #container.intro .intro_img .tit {top: 70px; font-size: 45px; color: #0a69ab; left: 48px; line-height: 1.2; font-family: "NotoSerifKr-Medium" !important} #container.intro .intro_img .txt {font-size: 23px; color: #535353; top: 202px; left: 48px} #container.intro .intro_img .name {font-size: 20px; bottom: 26px; text-align: right; right: 460px; font-weight: 800} #container.intro .cont {padding: 50px 53px 125px;} #container.intro .cont>.layout2 {padding: 0 53px} #container.intro .cont p {font-size: 20px; margin-top: 20px; color: #1d1d1d} #container.intro .cont p:first-child {margin-top: 0} #container.intro .cont p:last-child {margin-top: 40px;} /*관계사 소개*/ #container.intro .section {padding: 70px 48px 95px} #container.intro .section .tabs {width: 100%; zoom : 1; border: 1px solid #d2d2d2; box-sizing: border-box; } #container.intro .section .tabs:after {clear: both; content: ''; display: block} #container.intro .section .tabs>li {float: left; width: 50%; border-right: 1px solid #d2d2d2; height: 57px; box-sizing: border-box} #container.intro .section .tabs>li:last-child {border-right: none} #container.intro .section .tabs>li>a {font-size: 18px; color: #878585; display: inline-block; line-height: 58px; width: 100%; text-align: center; cursor: pointer; } #container.intro .section .tabs .t01.active>a {background-color: #0968aa; color: #fff; border-right: #0968aa} #container.intro .section .tabs .t02.active>a {background-color: #569f4b; color: #fff} #container.intro .section .tabs>li>a:hover, #container.intro .section .tabs>li>a:active, #container.intro .section .tabs>li>a:focus {text-decoration: none;} #container .section .tab_area {padding-top: 32px} #container.intro .section .tab_area .tit {font-size: 24px; margin-bottom: 9px; font-weight: 500} #container.intro .section .tab_area .cont_box {border: 1px solid #d2d2d2; padding: 25px 24px; display: inline-block; margin-right: 25px; width: 356px; min-height: 185px; box-sizing: border-box; margin-bottom: 25px; vertical-align: top} #container.intro .section .tab_area .cont_box .tit {font-size: 20px; color: #0968aa; font-weight: 600; margin-bottom: 10px} #container.intro .section .tab_area .cont_box .exp {color: #010101; font-size: 16px; margin-top: 14px} #container.intro .section .tab_area .cont_box:hover, #container.intro .section .tab_area .cont_box:focus, #container.intro .section .tab_area .cont_box:active {text-decoration: none} #container.intro .section .tab_area .cont_box:hover {background-color: #0968aa; } #container.intro .section .tab_area .cont_box:hover .tit, #container.intro .section .tab_area .cont_box:hover .exp {color: #fff} #container.intro .section .tab_area #tab_content2>a {width: 357px; height: 136px; box-sizing: border-box; border: 1px solid #d2d2d2; display: inline-block; margin-right: 24px; margin-bottom: 30px; } #container.intro .section .tab_area #tab_content2>a:nth-child(3n+3) {margin-right: 0} #container.intro .section .tab_area #tab_content2>a:hover {border: 2px solid #569f4b} #container.intro .section .tab_area #tab_content2 .cont01 {background: url(/img/r01.png) no-repeat 50% top} #container.intro .section .tab_area #tab_content2 .cont02 {background: url(/img/r02.png) no-repeat 50% top} #container.intro .section .tab_area #tab_content2 .cont03 {background: url(/img/r03.png) no-repeat 50% top} #container.intro .section .tab_area #tab_content2 .cont04 {background: url(/img/r04.png) no-repeat 50% top} #container.intro .section .tab_area #tab_content2 .cont05 {background: url(/img/r05.png) no-repeat 50% top} #container.intro .section .tab_area #tab_content2 .cont06 {background: url(/img/r06.png) no-repeat 50% top} /*회사현황*/ #container.intro .sec01 {width: 100%; height: 1246px; box-sizing: border-box; background: url(/img/sub01_bg.png) #314e7a no-repeat 50% top; min-width: 1180px; } #container.intro .sec01>.layout2 {padding: 0 48px} #container.intro .sec01 .titExp {width: 100%; text-align: center; font-size: 36px; line-height: 1.4; padding-top: 114px; color: #fff; font-family:'NotoSerifKr-Regular', serif !important;} #container.intro .sec01 .comp {width: 880px; margin: 28px auto 0; zoom : 1} #container.intro .sec01 .comp:after {clear: both; content: ''; display: block} #container.intro .sec01 .comp>li {width: 172px; margin-right: 60px; position: relative; float: left} #container.intro .sec01 .comp>li:last-child {margin-right: 0} #container.intro .sec01 .comp>li:after {width: 26px; height: 46px; content: ''; position: absolute; right: -44px; top: 61px; background: url(/img/li_after.png) no-repeat} #container.intro .sec01 .comp>li:last-child:after {display: none} #container.intro .sec01 .comp>li .cirIcon {width: 100%; height: 173px; border-radius: 50%; background-color: #fff; position: relative} #container.intro .sec01 .comp>li .cirIcon div[class*='icon0'] {margin: 0 auto; display: block} #container.intro .sec01 .comp>li .cirIcon .icon01 {background-position: 0 -262px; width: 125px; height: 85px; padding-top: 28px} #container.intro .sec01 .comp>li .cirIcon .icon02 {background-position: -144px -262px; width: 73px; height: 79px; padding-top: 33px} #container.intro .sec01 .comp>li .cirIcon .icon03 {background-position: -239px -259px; width: 74px; height: 83px; padding-top: 25px} #container.intro .sec01 .comp>li .cirIcon .icon04 {background-position: -323px -259px; width: 82px; height: 79px; padding-top: 31px} #container.intro .sec01 .comp>li .cirIcon>span {font-size: 18px; color: #858484; width: 100%; text-align: center; position: absolute; bottom: 29px} #container.intro .sec01 .comp>li>p {width: 100%; text-align: center; font-size: 20px; color: #0a69ab; margin-top: 14px; font-weight: 600} #container.intro .sec01 .tit {font-size: 34px; width: 100%; text-align: center; font-weight: 500; margin-bottom: 36px; margin-top: 167px; color: #fff; position: relative} #container.intro .sec01 .tit:before {content: ''; display: block; position: absolute; width: 3px; height: 55px; background-color: #fff; left: 50%; margin-left: -2px; top: -70px; } #container.intro .sec01 .top {width: 100%; padding: 38px 76px; box-sizing: border-box; background-color: #e4eef6; } #container.intro .sec01 .top>p {width: 100%; text-align: center} #container.intro .sec01 .top .subtit {color: #0a69ab; font-size: 24px; font-weight: 600; margin-bottom: 10px} #container.intro .sec01 .top .exp {font-size: 20px; font-weight: 300; text-align: left} #container.intro .sec01 .bottom {margin-top: 85px; zoom : 1; position: relative} #container.intro .sec01 .bottom:after {clear: both; content: ''; display: block} #container.intro .sec01 .bottom>div {float: left; margin-right: 25px; padding: 40px 24px; background-color: #f2f2f2; width: 358px; height: 256px; box-sizing: border-box} #container.intro .sec01 .bottom>div:nth-child(3n+3) {margin-right: 0} #container.intro .sec01 .bottom p {font-size: 16px; font-weight: 400} #container.intro .sec01 .bottom .subBox .tit {font-size: 20px; color: #569f4b; margin-bottom: 10px; text-align: left; font-weight: 500; margin-top: 0} #container.intro .sec01 .bottom .subBox .tit:before {display: none} #container.intro .sec01 .bottom .line {width: 795px; height: 110px; background: url(/img/line.png) no-repeat; position: absolute; top: -86px; left: 50%; margin-left: -397px } #container.intro .sec02 {padding: 75px 0 120px} #container.intro .sec02>.layout2 {padding: 0 48px} #container.intro .sec02 .tit {color: #363636; width: 100%; text-align: center; margin-bottom: 45px; font-size: 34px; font-weight: 500} #container.intro .sec02 .wrap_float {zoom : 1; } #container.intro .sec02 .wrap_float:after {clear: both; content: ''; display: block} #container.intro .sec02 .wrap_float>div {float: left} #container.intro .sec02 .wrap_float .ideology {width: 358px; height: 310px; background: url(/img/ideology.jpg) no-repeat; margin: 47px 76px 0 128px} #container.intro .sec02 .wrap_float .i_box {padding: 38px 116px 40px; width: 562px; height: 200px; box-sizing: border-box; border: 1px solid #0968aa; margin-bottom: 19px} #container.intro .sec02 .wrap_float .i_box:last-child {margin-bottom: 0} #container.intro .sec02 .i_box .tit {font-size: 24px; margin-bottom: 5px; font-weight: 600; color: #0968aa; text-align: left; position: relative} #container.intro .sec02 .i_box .exp {font-size: 20px; } #container.intro .sec02 .wrap_float .i_box.box02 {border-color: #569f4b} #container.intro .sec02 .i_box.box02 .tit {color: #569f4b; } #container.intro .sec02 .i_box .tit:before {content: ''; position: absolute; bottom: 3px; left: -57px; width: 48px; height: 38px;} /*#container.intro .sec02 .i_box.box01 .tit:before {background: url(/img/sp_com.png) no-repeat -453px -46px; line-height: 9999; } #container.intro .sec02 .i_box.box02 .tit:before {background: url(/img/sp_com.png) no-repeat -452px -106px; line-height: 9999; }*/ /*연혁*/ #container .section .year {width: 100%; zoom : 1; margin-top: 64px} #container .section .year:first-child {margin-top: 0} #container .section .year:after {clear: both; content: ''; display: block} #container .section .year>div {float: left} #container .section .th {width: 226px; border-top: 3px solid #569f4b; padding-top: 12px; font-size: 35px; font-weight: 600; padding-left: 17px; margin-right: 60px; line-height: 1; color: #569f4b} #container .section .td ul li {border-top: 1px solid #dcdcdc; padding: 22px 10px; width: 626px; font-size: 16px} #container .section .td ul li>span {font-size: 20px; margin-right: 50px} #container .section .td ul li>span.mL {margin-right: 76px} /*환경인증현황*/ #container .certi {font-family:'NotoSerifKr-Medium', serif !important; color: #569f4b; font-size: 45px; } #container .certi .mark {position: relative; margin-right: 10px} #container .certi .mark:after {content: ''; display: inline-block; width: 14px; height: 14px; background: url(/img/reg.png) no-repeat; position: absolute; right: -15px; top: 14px} #container .wrap_cert {width: 100%; margin-top: 24px; zoom : 1; height: 492px} #container .wrap_cert:after {clear: both; content: ''; display: block} #container .wrap_cert>div {float: left; height: 100%} #container .wrap_cert .img {width: 467px; background: url(/img/certi.png) no-repeat; position: relative} #container .wrap_cert .img .mark {width: 178px; height: 251px; background: url(/img/certi_mark.png) no-repeat; margin: 137px auto 0} #container .wrap_cert .txt {width: 655px; background-color: #eeeeee; padding: 35px 58px; box-sizing: border-box; font-size: 16px} #container .wrap_cert .txt .bold {font-size: 20px; font-weight: 500} #container .wrap_cert .txt p {margin-bottom: 28px} #container .wrap_cert .txt p:nth-child(3n+3) {line-height: 1.3} #container .wrap_cert .txt p:first-child {margin-bottom: 30px; line-height: 1.3} #container .wrap_cert .txt p:last-child {margin-bottom: 0} #container .wrap_cert .txt p>span {font-weight: 600} #container .wrap_cert .txt .mark {font-size: 23px; vertical-align: sub} #container .wrap_cert .txt .bold .mark {vertical-align: baseline} /*생산설비현황*/ #container .wrap_present {width: 100%; height: 274px; zoom : 1; margin-bottom: 43px} #container .wrap_present:after {clear: both; content: ''; display: block} #container .wrap_present>div {float: left;} #container .wrap_present div[class*='img'] {width: 616px; height: 100%; margin-right: 25px; border: 1px solid #dcdcdc;} #container .wrap_present .img01 {background: url(/img/pr01.png) no-repeat} #container .wrap_present .img02 {background: url(/img/pr02.png) no-repeat} #container .wrap_present .txt {width: 481px; height: 100%} #container .wrap_present .txt .header {width: 100%; height: 60px; border: 1px solid #0f639f; box-sizing: border-box; font-size: 20px; text-align: center; line-height: 60px; background-color: #0f639f; color: #fff} #container .wrap_present .txt .cont {height: 216px; width: 100%; border: 1px solid #dcdcdc; border-top: none; box-sizing: border-box; padding: 38px 29px} #container .wrap_present .txt .cont ul>li {font-size: 16px; margin-bottom: 16px} #container .wrap_present .txt .cont ul>li:last-child {margin-bottom: 0} #container .wrap_present .txt .cont ul>li>span {font-weight: 600} #container .wrap_present .txt .cont ul>li:before {width: 7px; height: 7px; box-sizing: border-box; border: 2px solid #0f639f; content: ''; display: inline-block; margin-right: 10px; border-radius: 50%; margin-bottom: 2px} #container .wrap_progress {margin-top: 23px; width: 100%; zoom : 1; height: 1102px} #container .wrap_progress:after {clear: both; content: ''; display: block} #container .wrap_progress>div {float: left} #container .wrap_progress .img {width: 564px; height: 100%; border: 1px solid #dcdcdc; background: url(/img/progress.png) #f2f2f2 no-repeat 50% top; box-sizing: border-box} #container .wrap_progress .cont {padding: 0 44px; border: 1px solid #dcdcdc; border-left: none; width: 560px; box-sizing: border-box; height: 100%} #container .wrap_progress .cont ul>li {padding: 38px 0 38px 140px; border-bottom: 1px solid #dcdcdc; font-size: 16px; position: relative; } #container .wrap_progress .cont ul>li:last-child {border-bottom: none} #container .wrap_progress .cont ul>li>span {font-size: 20px; font-weight: 600; color: #569f4b; position: absolute; left: 0; top: 50%; margin-top: -15px} /*오시는 길*/ #container.intro .section>.tit {font-size: 24px; margin-bottom: 13px; font-weight: 500} #container.intro .route {zoom : 1; width: 100%} #container.intro .route:after {clear: both; content: ''; display: block} #container.intro .route:last-child .box{border: 3px solid #45a142} #container.intro .route>div {float: left; width: 550px; height: 500px; box-sizing: border-box;} #container.intro .route .box {border: 3px solid #0f639f; padding: 28px; margin-right: 24px } #container.intro .route .box p {font-size: 20px} #container.intro .route .box .header {width: 100%; border-bottom: 1px solid #d2d2d2; padding-bottom: 25px; margin-bottom: 37px} #container.intro .route .box .header>p {font-weight: 600} #container.intro .route .box>p {margin-bottom: 12px} #container.intro .route .box>p:before {content: ''; display: inline-block; width: 3px; height: 3px; border: 2px solid #0f639f; background-color: #fff; margin-right: 8px; border-radius: 50%; margin-bottom: 2px; } #container.intro .route:last-child .box>p:before {border-color:#45a142 } #container.intro .route div[class*='map0'] {border: 1px solid #bfbfbf} #container.intro .route div[class*='map0']>iframe {width: 100%; height: 100%} /*------------제품정보-------------*/ #headerWrap.product .bg {background: url(/img/sub02.png) no-repeat 50% top} #headerWrap.product .bg .tit {color: #fff} /*골판지 원지*/ #container .p_exp {font-size: 20px} #container .p_img {width: 100%; height: 310px; margin-top: 23px; background: url(/img/p_main.png) no-repeat; position: relative} #container .p_img>span {font-size: 20px; position: absolute; font-weight: 600} #container .p_img .top {color: #569f4b; top: 64px; right: 231px} #container .p_img .middle {color: #0968aa; top: 161px; right: 170px} #container .p_img .bottom {color: #b72524; top: 245px; right: 183px} #container .p_tabs {width: 100%; margin-top: 80px; zoom : 1; } #container .p_tabs:after {clear: both; content: ''; display: block} #container .p_tabs>li {width: 50%; height: 58px; float: left; border: 1px solid #d2d2d2; margin-left: -1px; box-sizing: border-box} #container .p_tabs>li>a {display: inline-block; width: 100%; height: 100%; font-size: 18px; font-weight: 500; color: #878585; line-height: 58px; text-align: center; } #container .p_tabs>li>a:hover, #container.prod .p_tabs>li>a:focus, #container .p_tabs>li>a :active {text-decoration: none} #container .p_tabs>li.active {background-color: #0968aa; border-color: #0968aa} #container .p_tabs>li.active>a {color: #fff} #container .tab_area {width: 100%} #container .tab_area .paperName {font-size: 24px; font-weight: 500; margin-bottom: 25px} #container .tab_area .wrap_paper {width: 100%; zoom : 1; margin-bottom: 48px; height: 272px} #container .tab_area .wrap_paper:last-child {margin-bottom: none} #container .tab_area .wrap_paper:after {clear: both; content: ''; display: block} #container .tab_area .wrap_paper>ul, #container .tab_area .wrap_paper>table, #container .tab_area .wrap_paper>div {float: left; } #container .tab_area .wrap_paper>ul, #container .tab_area .wrap_paper>div {width: 562px; height:266px; border: 1px solid #bfbfbf; box-sizing: border-box} #container .tab_area .wrap_paper .p_list {zoom : 1} #container .tab_area .wrap_paper .p_list:after {clear: both; content: ''; display: block} #container .tab_area .wrap_paper .p_list>li {width: 140px; height: 100%; font-size: 30px; color: rgba(255,255,255,0.7); text-align: center; line-height: 263px; float: left; box-sizing: border-box; font-weight: 500; border-right: 1px solid #bfbfbf} #container .tab_area .wrap_paper .p_list>li:last-child {border-right: none} #container .tab_area .wrap_paper .p_list>li.br0 {border-right: none} /*#container .tab_area .wrap_paper .p_list>li:hover {border: 4px solid #0968aa; line-height: 260px; color: #0968aa; }*/ #container .tab_area .wrap_paper .p_list>li.active {border: 4px solid #0968aa; line-height: 260px; color: #0968aa} #container .tab_area .wrap_paper .p_list .li01 {background: url(/img/p01.png) no-repeat; background-size: cover} #container .tab_area .wrap_paper .p_list .li02 {background: url(/img/p02.png) no-repeat; background-size: cover} #container .tab_area .wrap_paper .p_list .li03 {background: url(/img/p03.png) no-repeat; background-size: cover} #container .tab_area .wrap_paper .p_list .li04 {background: url(/img/p04.png) no-repeat; background-size: cover} #container .tab_area .wrap_paper .reImg {background: url(/img/p05.png) no-repeat; background-size: cover} #container .tab_area .wrap_paper .p_list.gol>li {width: 50%} #container .tab_area .wrap_paper .p_list.gol .li01 {background: url(/img/p06.png) no-repeat; background-size: cover} #container .tab_area .wrap_paper .p_list.gol .li02 {background: url(/img/p07.png) no-repeat; background-size: cover} #container .tab_area .wrap_paper>div>p {color: rgba(255,255,255,0.7); font-size: 30px; text-align: center; line-height: 263px; font-weight: 500} #container .tab_area .wrap_paper>table {width: 542px; margin-left: 20px; border-top: 3px solid #0968aa; text-align: center; height: auto; overflow: hidden; border-bottom: 2px solid #c8c8c8} #container .tab_area .wrap_paper>table tr {box-sizing: border-box;} #container .tab_area .wrap_paper>table.list tr {cursor: pointer; height: 52px; box-sizing: border-box} /*#container .tab_area .wrap_paper>table.list tr:hover {background-color: #dae8f2; border: 3px solid #0968aa}*/ #container .tab_area .wrap_paper>table th, #container .tab_area .wrap_paper>table td {padding: 15px 0; border: 1px solid #c8c8c8; box-sizing: border-box; height: 52px; font-size: 16px} /*#container .tab_area .wrap_paper table tr.active {background-color: #dae8f2; border: 3px solid #0968aa}*/ #container .tab_area .wrap_paper table tr>td:last-child, #container .tab_area .wrap_paper table tr>th:last-child {border-right : 1px solid #fff} #container .tab_area .wrap_paper table tr>td:first-child, #container .tab_area .wrap_paper table tr>th:first-child {border-left: 1px solid #fff} #container .tab_area .wrap_paper table tr.active td {border-top: 3px solid #0968aa; border-bottom: 3px solid #0968aa; background-color: #dae8f2; } #container .tab_area .wrap_paper table tr.active td:first-child {border-left: 3px solid #0968aa;} #container .tab_area .wrap_paper table tr.active td:last-child {border-right: 3px solid #0968aa} #container .tab_area #tab_content2 .wrap_paper .p_list>li {width: 50%} #container .tab_area #tab_content2 .wrap_paper .p_list .li01 {background: url(/img/p08.png) no-repeat; background-size: cover} #container .tab_area #tab_content2 .wrap_paper .p_list .li02 {background: url(/img/p09.png) no-repeat; background-size: cover} #container .tab_area #tab_content2 .wrap_paper .p_list.re .li01 {background: url(/img/p10.png) no-repeat} #container .tab_area #tab_content2 .wrap_paper .p_list.re .li02 {background: url(/img/p11.png) no-repeat; background-size: cover} #container .tab_area #tab_content2 .wrap_paper .golImg {background: url(/img/p12.png) no-repeat; background-size: cover} /*패키지 용지*/ #container.prod .exp {font-size: 20px} #container .packImg {width: 100%; height: 308px; margin-top: 25px; background: url(/img/package.png) no-repeat 50% top; margin-bottom: 75px; background-size: cover;} #container.prod .tit {font-size: 24px; font-weight: 600} #container.prod .cont_box {margin-top: 25px; margin-right: 19px; border: 1px solid #d2d2d2; display: inline-block; width: 360px; box-sizing: border-box; padding: 28px 24px; vertical-align: middle; height: 212px; text-align: justify} #container.prod .cont_box:nth-child(3n+3) {margin-right: 0} #container.prod .cont_box .tit {font-size: 20px; color: #45a142; margin-bottom: 15px} #container.prod .cont_box .exp {font-size: 16px} #container.prod .cont_box:hover {background-color: #45a142; } #container.prod .cont_box:hover, #container.prod .cont_box:focus, #container.prod .cont_box:hover:active {text-decoration: none} #container.prod .cont_box:hover p {color: #fff} /*박스 상식*/ #container .expTit {font-size: 24px; font-weight: 500; margin-bottom: 24px;} #container .b_exp {font-size: 20px; margin-bottom: 16px} #container .b_imgs {zoom : 1; width: 100%; margin-bottom: 85px} #container .b_imgs:after {clear: both; content: ''; display: block} #container .b_imgs>div {float: left; margin-right: 22px; width: 360px; height: 228px; box-sizing: border-box; border: 1px solid #d2d2d2; background-color: #fbf2e5; } #container .b_imgs>div:last-child {margin-right: 0} #container .b_imgs div[class*='box0'] .img {width: 100%; height: 185px} #container .b_imgs .box01 .img {background: url(/img/box01.png) no-repeat 50% top} #container .b_imgs .box02 .img {background: url(/img/box02.png) no-repeat 50% top} #container .b_imgs .box03 .img {background: url(/img/box03.png) no-repeat 50% top} #container .b_imgs div[class*='box0'] .txt {font-size: 18px; border-top: 1px solid #d2d2d2; text-align: center; line-height: 40px; background-color: #eeeeee} #container div[class*='b_sort0'] {width: 100%; zoom : 1} #container div[class*='b_sort0']:after {clear: both; content: ''; display: block} #container div[class*='b_sort0']>div {float: left; margin-bottom: 30px; width: 50%; border: 1px solid #d2d2d2; height: 307px; box-sizing: border-box; } #container div[class*='b_sort0']>div:last-child {margin-bottom: 0} #container div[class*='b_sort0'] .left {padding: 28px 70px; position: relative; border-right: 0} #container div[class*='b_sort0'] .left .img { width: 335px; height: 193px; top: 59px; right: 56px; position: absolute} #container div[class*='b_sort0'] .left div[class*='txtCir'] {width: 76px; height: 76px; background-color: #fff; border-radius: 50%; text-align: center; line-height: 76px; font-size: 20px; font-weight: 500; margin-bottom: 10px} #container div[class*='b_sort0'] .left .txtCir:last-child {margin-bottom: 0} #container div[class*='b_sort0'] .right {padding: 37px 40px; color: #fff; border-left: 0 } #container .b_sort01 .left{background-color: #dde9f1} #container .b_sort01 .right{background-color: #0f639f} #container .b_sort01 .left .txtCir {box-shadow: 0px 2px 16px rgba(73,138,182,0.6)} #container .b_sort01 .left .img {background: url(/img/box04.png) no-repeat} #container .b_sort02 .left{background-color: #e3efe1} #container .b_sort02 .right{background-color: #569f4b} #container .b_sort02 .left .txtCir {box-shadow: 0px 2px 16px rgba(86,159,75,0.6)} #container .b_sort02 .left .img {background: url(/img/box05.png) no-repeat; top: 44px !important; height: 227px !important} #container .b_sort03 .left{background-color: #e5e5e5} #container .b_sort03 .right{background-color: #535353} #container .b_sort03 .left div[class*='txtCir'] {box-shadow: 0px 2px 16px rgba(83,83,83,0.6)} #container .b_sort03 .left .txtCir01 {margin-top: 29px} #container .b_sort03 .left .txtCir02 {margin-top: 31px} #container .b_sort03 .left .img {background: url(/img/box06.png) no-repeat; height: 168px !important; top: 81px !important} #container div[class*='b_sort0'] .right .tit {font-size: 24px; padding-bottom:18px; border-bottom: 1px solid #fff; font-weight: 500} #container div[class*='b_sort0'] .right>ul {margin-top: 37px} #container div[class*='b_sort0'] .right>ul>li {font-size: 17px; margin-bottom: 30px; position: relative; padding-left: 20px} #container div[class*='b_sort0'] .right>ul>li:last-child {margin-bottom: 0} #container div[class*='b_sort0'] .right>ul>li:before {content: ''; display: inline-block; width: 7px; height: 7px; border: 2px solid #fff; box-sizing: border-box; margin-right: 12px; border-radius: 50%; position: absolute; left: 0; top: 9px} /*-------------채용정보------------*/ /*인재상*/ #headerWrap.recruit .bg {background: url(/img/sub03.png) no-repeat 50% top; background-size: cover} #headerWrap.recruit .bg .tit {color: #fff} #container.rcu .section>p {width: 100%; text-align: center} #container.rcu .tit {font-size: 39px; color: #0968aa; margin-bottom: 25px; font-weight: 500} #container.rcu .exp {font-size: 20px; color: #010101;} #container .wrap_circle {width: 593px; height: 582px; margin: 44px auto 0; position: relative; box-sizing: border-box; padding-top: 77px} #container .wrap_circle .outCir {width: 457px; height: 458px; /*background-image: linear-gradient(to right, #569f4b, #0968aa); */ background: url(/img/outerCir.png) no-repeat; border-radius: 50%; margin: 0 auto; padding-top: 13px; box-sizing: border-box; } #container .wrap_circle .innerCir {width: 429px; height: 430px; border-radius: 50%; border: 1px dashed #fff; margin: 0 auto} #container .wrap_circle .innerCir>p {color: #fff; font-size: 40px; text-align: center; margin-top: 163px} #container .wrap_circle div[class*='cir'] {position: absolute; width: 255px; height: 255px; border-radius: 50%; border: 3px solid #0968aa; background-color: rgba(255,255,255,0.85)} #container .wrap_circle div[class*='cir']>p {width: 100%; text-align: center} #container .wrap_circle div[class*='cir'] .tit {font-size: 20px; color: #0968aa; margin-top: 88px; font-weight: 600} #container .wrap_circle div[class*='cir'] .exp {font-size: 14px; color: #0968aa; margin-top: 9px; } #container .wrap_circle .c01 {top: 0; left: 0} #container .wrap_circle .c02 {top: 0; right: 0; border-color: #569f4b !important} #container .wrap_circle .c03 {bottom: 0; left: 0; border-color: #569f4b !important} #container .wrap_circle .c04 {bottom: 0; right: 0} #container .wrap_circle .c02>p, #container .wrap_circle .c03>p {color: #569f4b !important} /*인사육성제도*/ #container.rcu div[class*='sec0'] {width: 100%; padding: 65px 0px 80px} #container.rcu .sec01 {background-color: #f2f2f2} #container.rcu div[class*='sec0']>.layout2 {padding: 0 46px} #container.rcu div[class*='sec0'] .title {font-size: 24px; color: #000; font-weight: 500} #container.rcu div[class*='sec'] .wrap_box .tit {font-size: 24px; color: #000; font-weight: 500} #container.rcu .sec01 .wrap_box {zoom : 1; margin-top: 38px} #container.rcu .sec01 .wrap_box:after {clear: both; content: ''; display: block} #container.rcu .sec01 .wrap_box>div {float: left} #container.rcu .sec01 .wrap_box .wrap_circle {width: 473px; height: 453px; margin: 0 0 0 90px; padding-top: 60px; box-sizing: border-box} #container.rcu .sec01 .wrap_box .wrap_circle .centCir {width: 340px; height: 340px; border-radius: 50%; background: url(/img/promote_cir.png) no-repeat; margin: 0 auto;} #container.rcu .sec01 .wrap_box .wrap_circle .centCir>p {color: #fff; font-size: 30px; text-align: center; width: 100%; padding-top: 131px} #container.rcu .sec01 .wrap_box .wrap_circle .cir {width: 197px; height: 197px; border-radius: 50%} #container.rcu .wrap_box .wrap_circle .cir .tit {font-size: 30px; margin: 53px 0 11px; color: #1e74b0; font-weight: 600} #container.rcu .wrap_box .wrap_circle .cir .exp {font-size: 20px; line-height: 1.2} #container.rcu .wrap_txt {width: 468px; background-color: #fff; padding: 46px 55px; box-sizing: border-box; margin-left: 55px} #container.rcu .sec01 .wrap_box .wrap_txt>p {font-size: 30px; color: #0968aa; font-size: 600} #container.rcu .sec01 .wrap_box .wrap_txt ul {margin-top: 23px} #container.rcu .sec01 .wrap_box .wrap_txt ul>li {margin-bottom: 27px} #container.rcu .sec01 .wrap_box .wrap_txt ul>li:last-child {margin-bottom: 0} #container.rcu .sec01 .wrap_box .wrap_txt ul>li .subtit {font-size: 16px; font-weight: 600} #container.rcu .sec01 .wrap_box .wrap_txt ul>li .exp {font-size: 16px} #container.rcu .sec02 .r_exp {font-size: 16px; margin-top: 17px} #container.rcu .sec02 .ruleBox {width: 994px; height: 319px; box-sizing: border-box; border-radius: 170px; margin: 226px auto 0; position: relative; background: url(/img/r_box.png) no-repeat; padding: 36px 164px; zoom : 1 } #container.rcu .sec02 .ruleBox:after {clear: both; content: ''; display: block} #container.rcu .sec02 .ruleBox .wrap_squ {float: left; margin-right: 64px} #container.rcu .sec02 .ruleBox .wrap_squ .squ {width: 156px; height: 156px; border: 5px solid #b3b3b3; margin: 0 auto} #container.rcu .sec02 .ruleBox .wrap_squ .squ>p {font-size: 18px; width: 100%; text-align: center; font-weight: 500} #container.rcu .sec02 .ruleBox .wrap_squ .sq01 {color: #b3b3b3} #container.rcu .sec02 .ruleBox .wrap_squ .sq02 {border-color: #569f4b; color: #569f4b} #container.rcu .sec02 .ruleBox .wrap_squ .sq03 {border-color: #0968a9; color: #0968a9} #container.rcu .sec02 .ruleBox .wrap_squ .squ .icon {display: block} #container.rcu .sec02 .ruleBox .wrap_squ .sq01 .icon {width: 76px; height: 77px; background-position: -119px -404px; margin: 18px auto 20px} #container.rcu .sec02 .ruleBox .wrap_squ .sq02 .icon {width: 81px; height: 77px; background-position: -239px -404px; margin: 22px auto 15px} #container.rcu .sec02 .ruleBox .wrap_squ .sq03 .icon {width: 72px; height: 82px; background-position: -362px -404px; margin: 14px auto 19px} #container.rcu .sec02 .ruleBox .txt {margin-top: 15px; font-size: 14px; width: 100%; text-align: center} #container.rcu .sec02 .ruleBox .arrow {position: absolute; width: 693px; height: 189px; background: url(/img/r_arrow.png) no-repeat; left: 160px; top: -189px} #container.rcu .sec02 .ruleBox .arrow>p {color: #fff; font-size: 20px; width: 100%; text-align: center; margin-top: 95px} #container.rcu .sec03 {background-color: #f2f2f2} #container.rcu .sec03 .r_exp {margin-top: 13px; font-size: 16px} #container.rcu .sec03 .wrap_model {margin-top: 30px; padding-bottom: 50px; border-bottom: 1px dashed #a0a0a0} #container.rcu .sec03 .wrap_model>p {width: 100%; text-align: center} #container.rcu .sec03 .wrap_model .exp1 {font-size: 20px; margin-bottom: 20px} #container.rcu .sec03 .wrap_model .exp1>span {width: 109px; height: 22px; background-position: -280px 0} #container.rcu .sec03 .wrap_model .exp2 {font-size: 36px; color: #0968aa; margin-bottom: 16px} #container.rcu .sec03 .wrap_model .exp3 {font-size: 14px} #container.rcu .sec03 .wrap_model .m_cir {margin: 22px auto 0; width: 456px; height: 455px; /*background-image: linear-gradient(to bottom, #569f4b, #0968aa);*/ background: url(/img/outerCir2.png) no-repeat; border-radius: 50%; box-sizing: border-box; padding-top: 8px;} #container.rcu .sec03 .wrap_model .m_cir .m_innerCir {width: 338px; height: 441px; background: url(/img/r_innerCir.png) no-repeat; margin: 0 auto; box-sizing: border-box; padding: 81px 35px 90px} #container.rcu .sec03 .wrap_model .m_cir .m_innerCir>p {color: #fff; width: 100%; text-align: center} #container.rcu .sec03 .wrap_model .m_cir .m_innerCir .tit {font-size: 30px; margin-bottom: 29px; font-weight: 500} #container.rcu .sec03 .wrap_model .m_cir .m_innerCir p[class*='exp'] {font-size: 14px} #container.rcu .sec03 .wrap_model .m_cir .m_innerCir .exp { position: relative} #container.rcu .sec03 .wrap_model .m_cir .m_innerCir .exp:after {display: block; content: ''; width: 144px; height: 1px; background-color: #fff; margin: 11px auto 14px} #container.rcu .sec03 .wrap_model .m_cir .m_innerCir .exp2 {margin-bottom: 64px} #container.rcu .sec03 .wrap_domain {zoom : 1; margin-top: 50px} #container.rcu .sec03 .wrap_domain:after {clear: both; content: ''; display: block} #container.rcu .sec03 .wrap_domain>div {float: left} #container.rcu .sec03 .wrap_domain .graph {padding: 26px 45px; box-sizing: border-box; width: 604px; height: 579px; zoom : 1; position: relative} #container.rcu .sec03 .wrap_domain .graph:after {content: ''; display: block; clear: both} #container.rcu .sec03 .wrap_domain .graph div {width: 225px; height: 225px; border-radius: 50%; float: left; margin-right: 64px; margin-bottom: 70px} #container.rcu .sec03 .wrap_domain .graph div[class*='g']:nth-child(2n+2) {margin-right: 0} #container.rcu .sec03 .wrap_domain .graph div[class*='g']>p {font-size: 18px; color: #fff; font-weight: 500; margin-top: 129px; width: 100%; text-align: center; letter-spacing: 0.1px} #container.rcu .sec03 .wrap_domain .graph .g01 {background: url(/img/g_01.png) no-repeat} #container.rcu .sec03 .wrap_domain .graph .g02 {background: url(/img/g_02.png) no-repeat} #container.rcu .sec03 .wrap_domain .graph .g03 {background: url(/img/g_03.png) no-repeat} #container.rcu .sec03 .wrap_domain .graph .g04 {background: url(/img/g_04.png) no-repeat} #container.rcu .sec03 .wrap_domain .graph .line_v {width: 1px; height: 522px; background-color: #aeaeae; position: absolute; top: 34px; left: 50%} #container.rcu .sec03 .wrap_domain .graph .line_v:before {content: '조직'; font-size: 20px; font-weight: 600; display: block; width: 36px; position: absolute; top: -32px; left: -17px} #container.rcu .sec03 .wrap_domain .graph .line_v:after {content: '개인'; font-size: 20px; font-weight: 600; display: block; width: 36px; position: absolute; bottom: -30px; left: -17px} #container.rcu .sec03 .wrap_domain .graph .line_h {width: 522px; height: 1px; background-color: #aeaeae; position: absolute; top: 50%; left: 43px} #container.rcu .sec03 .wrap_domain .graph .line_h:before {content: '내부'; font-size: 20px; font-weight: 600; display: block; width: 36px; position: absolute; left: -40px; top: -15px} #container.rcu .sec03 .wrap_domain .graph .line_h:after {content: '외부'; font-size: 20px; font-weight: 600; display: block; width: 36px; position: absolute; right: -40px; top: -15px} #container.rcu .sec03 .wrap_domain .wrap_txt {padding: 57px 73px 69px 62px; background-color: #fff; } #container.rcu .sec03 .wrap_domain .wrap_txt ul>li {margin-bottom: 30px} #container.rcu .sec03 .wrap_domain .wrap_txt ul>li:last-child {margin-bottom: 0} #container.rcu .sec03 .wrap_domain .wrap_txt .tit {font-size: 30px; color: #569f4b; font-weight: 900} #container.rcu .sec03 .wrap_domain .wrap_txt .subtit {font-weight: 600; font-size: 16px; margin-bottom: 2px} #container.rcu .sec03 .wrap_domain .wrap_txt .exp {font-size: 16px} /*한솔의 GWP*/ #container.rcu h2.tit {font-size: 24px; margin-bottom: 16px; font-weight: 500} #container.rcu dl>dt {font-size: 16px; font-weight: 600; margin-bottom: 4px} #container.rcu dl>dt:before {content: ''; display: inline-block; width: 7px; height: 7px; box-sizing: border-box; border: 2px solid #377daf; border-radius: 50%; margin-right: 6px} #container.rcu dl>dd {font-size: 16px; margin-bottom: 28px; padding-left: 12px} #container.rcu h2.tit.cl_g {margin-top: 53px} #container.rcu h2.tit.cl_g + dl>dt:before {border-color: #569f4b} /*채용공고*/ #container .board .etcArea {zoom : 1; padding: 13px 65px; border-bottom: 1px solid #c9c9c9; height: 68px; box-sizing: border-box} #container .board .etcArea:after {clear: both; content: ''; display: block} #container .board .etcArea>div {float: left} #container .board .etcArea .th {border: none; padding: 0; font-size: 16px; font-weight: normal; color: #000; width: 180px; margin-right: 0; display: inline-block;} #container .board .etcArea .th>p {margin-top: 10px} #container .board .etcArea .btn_rMore {width: 186px; height: 42px; display: inline-block; line-height: 42px; font-size: 16px; color: #fff; background-color: #569f4b; border-radius: 20px; text-align: center; font-weight: 300} #container .board .etcArea .btn_rMore:hover, #container .board .etcArea .btn_rMore:active, #container .board .etcArea .btn_rMore:focus {text-decoration: none} #container .writeForm .etcArea .th {padding: 22px 48px 22px 30px} #container .writeForm .etcArea .input {padding: 25px 0px} #container .writeForm .etcArea .h_text {width: 369px; height: 40px; border: 1px solid #c9c9c9; padding: 9px 10px; text-align: center; font-size: 16px; color: #9c9c9c; box-sizing: border-box; margin-right: 22px; font-weight: 400} /*-------------투자정보-------------*/ #headerWrap.fund .bg {background: url(/img/sub04.png) no-repeat 50% top} #headerWrap.fund .bg .tit {color: #fff} #container.fund .section {padding: 100px 85px 120px} /*재무정보*/ #container .f_tit {font-size: 24px; text-align: left !important; font-weight: 500} #container .f_table {width: 100%; border-top: 3px solid #0f639f; margin-top: 29px; margin-bottom: 65px; border-bottom: 3px solid #0f639f} #container .scroll:last-child .f_table {margin-bottom: 0} #container .f_table thead>tr>th {border-bottom: 1px solid #0f639f} #container .f_table th {padding: 23px 0; font-size: 16px} #container .f_table th>span {font-weight: 300} #container .f_table tr:first-child>th:first-child {border-right : 1px solid #0f639f} #container .f_table thead>tr:first-child>th, #container .f_table thead>tr:last-child>th:nth-child(3n+3) {border-right: 1px solid #0f639f} #container .f_table thead>tr:first-child>th:last-child, #container .f_table thead>tr:last-child>th:nth-child(3n+3):last-child {border-right: none} #container .f_table tr.bold td {background-color: #f2f2f2} #container .f_table td {padding: 23px 21px; border-bottom: 1px solid #c9c9c9; font-size: 16px; text-align: right} #container .f_table.two td {padding: 23px 44px;} #container .f_table.two td:first-child {padding: 23px 0;} #container .f_table td:first-child {padding: 23px 0; text-align: center;} /*#container .f_table.dash td:nth-child(3n+4) {border-right: 1px dashed #c9c9c9}*/ #container .f_table td:nth-child(3n+4) {border-right: 1px solid #0f639f} #container .f_table td:first-child {border-right: 1px solid #0f639f} #container .f_table td:last-child {border-right: none} #container .f_table tr.bold td {border-bottom: 1px solid #c9c9c9; border-top: 1px solid #c9c9c9} #container .f_table.dash tr.bold td {border-bottom: 1px solid #c9c9c9} #container .f_table.dash tr td {border-bottom: 1px dashed #c9c9c9} #container .f_table.dash td:last-child {border-right: none} #container .f_table.two thead>tr:last-child>th:nth-child(3n+3) {border-right: none} #container .f_table.two thead>tr:last-child>th:nth-child(2n+2) {border-right: 1px solid #0f639f} #container .f_table.two thead>tr:last-child>th:last-child {border-right: none} #container .f_table.two td:nth-child(3n+4) {border-right: none} #container .f_table.two td:nth-child(2n+3) {border-right: 1px solid #0f639f} #container .f_table.two td:last-child {border-right: none} /*공시사항*/ #container.fund table.board {margin-top: 0} /*-------------고객지원------------*/ /*공지사항 - list*/ #headerWrap.customer .bg {background: url(/img/sub05.png) no-repeat 50% top} #headerWrap.customer .bg .tit {color: #fff} #container.cst .section {padding: 100px 85px 120px;} #container .wrap_sch {width: 694px; height: 50px; box-sizing: border-box; position: relative; border: 1px solid #c9c9c9; zoom : 1; margin: 0 auto} #container .wrap_sch:after {clear: both; content: ''; display: block} #container .wrap_sch .wrap_select {float: left; overflow: hidden; border-right: 1px solid #c9c9c9; width: 133px } #container .wrap_sch select {width: 178px; padding: 12px 24px; box-sizing: border-box; font-size: 16px; background: url(/img/arrow_b.png) no-repeat 68% 50%; border: none;} #container .wrap_sch .input_sch {font-size: 16px; color: #9e9e9e; padding: 13px 24px; width: 504px; border: none; box-sizing: border-box; height: 48px} #container .wrap_sch .sch_btn {width: 22px; height: 22px; background-position: -192px -154px; position: absolute; right: 24px; top: 15px} #container table.board {border-top: 3px solid #569f4b; margin-top: 60px} #container .board th {padding: 17px 0; text-align: center; font-size: 16px; border-bottom: 1px solid #c9c9c9} #container .board td {border-bottom: 1px solid #c9c9c9; padding: 17px 30px; font-size: 16px; text-align: center} #container .board td.ta_l {text-align: left} #container .board td>a {font-size: 16px; /*width: 490px;*/ width: 70%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; display: inline-block; margin-left: 10px; vertical-align: bottom; text-align: left} #container .board td .fIcon {width: 19px; height: 23px; background-position: -451px -46px} #container .pager {margin: 38px auto 0; width: 380px; text-align: center} #container .pager a[class*='btn_'] {border: 1px solid #569f4b; width: 35px; height: 35px; box-sizing: border-box; display: inline-block} #container .pager .btn_d_prev {border-right: none; background-position: -239px -154px; border-right: none !important} #container .pager .btn_prev {margin-right: 15px; background-position: -323px -154px; margin-left: -3px} #container .pager .btn_next {margin-left: 15px; background-position: -361px -154px;} #container .pager .btn_d_next {background-position: -280px -154px; margin-left: -3px; border-left: none !important} #container .pager a[class*='btn_']:hover {background-color: #569f4b} #container .pager .btn_d_prev:hover, #container .pager .btn_d_prev:hover:focus, #container .pager .btn_d_prev:hover:active {background-position: -239px -192px} #container .pager .btn_prev:hover, #container .pager .btn_prev:focus, #container .pager .btn_prev:active {background-position: -323px -192px} #container .pager .btn_d_next:hover, #container .pager .btn_d_next:active, #container .pager .btn_d_next:focus {background-position: -280px -192px} #container .pager .btn_next:hover, #container .pager .btn_next:active, #container .pager .btn_next:focus {background-position: -361px -192px} #container .pager .num {zoom : 1; display: inline-block} #container .pager .num:after {clear: both; content: ''; display: block} #container .pager .num>li {display: inline-block; margin-left: -4px; width: 35px; height: 35px; box-sizing: border-box; border: 1px solid #c9c9c9; border-right: none;} #container .pager .num>li:last-child {border-right: 1px solid #c9c9c9} #container .pager .num>li>a {display: inline-block; width: 100%; height: 100%; font-size: 12px; color: #525050; text-align: center; line-height: 35px} #container .pager .num>li>a:hover {text-decoration: none} #container .btn_write {display: block; width: 124px; height: 42px; line-height: 42px; text-align: center; color: #fff; background-color: #45a142; font-size: 16px; margin: 55px auto 0} #container .btn_write:hover, #container.cst .btn_write:focus, #container .btn_write:active {text-decoration: none} /*detail*/ #container .board {width: 100%; border-top: 3px solid #569f4b; margin-bottom: 55px} #container .board p {font-size: 16px} #container .board .titArea {padding: 15px 65px 8px; font-weight: 600} #container .board .titArea>p {display: inline-block; margin-left: 5px; vertical-align: top; width: 95%} #container .board .infoArea {padding: 7px 65px 17px; border-bottom: 1px solid #c9c9c9;} #container .board .infoArea>p {position: relative; vertical-align: top; margin-right: 22px;; display: inline-block} #container .board .infoArea>p:after {content: ''; display: inline-block; position: absolute; width: 1px; height: 13px; background-color: #a0a0a0; top: 6px; right: -14px} #container .board .infoArea>p:last-child:after {display: none} #container .board .contArea {padding: 62px 65px; border-bottom: 1px solid #c9c9c9 } #container .board .fileArea {padding: 16px 65px; border-bottom: 1px solid #c9c9c9; background-color: #f2f2f2; /*height: 55px; */box-sizing: border-box; } #container .board .fileArea>a {display: inline-block; margin-bottom: 5px; margin-right: 10px} #container .board .fileArea .icon {width: 19px; height: 22px; background-position: -144px -230px; margin-right: 4px} #container .board .fileArea .name {border-bottom: 1px solid #000; } #container .wrap_btn {width: 100%; text-align: center; position: relative} #container .wrap_btn a[class*='btn_'] {width: 122px; height: 40px; border: 1px solid #45a142; display: inline-block; text-align: center; line-height: 40px; font-size: 16px; color: #45a142; cursor: pointer} #container .wrap_btn a:hover, #container .wrap_btn a:focus, #container .wrap_btn a:active {text-decoration: none} #container .wrap_btn .btn_pre {position: absolute; left: 0; top: 0} #container .wrap_btn .btn_nxt {position: absolute; right: 0; top: 0} #container .wrap_btn .btn_list {background-color: #45a142; color: #fff !important} /*write*/ #container .writeForm {width: 100%; border-top: 3px solid #569f4b} #container .writeForm div[class$='Area'] {zoom : 1; width: 100%; border-bottom: 1px solid #c9c9c9} #container .writeForm div[class$='Area']:after {clear: both; content: ''; display: block} #container .writeForm div[class$='Area']>div {float: left} #container .writeForm .th {border: none; width: 134px; box-sizing: border-box; font-size: 16px; color: #000; margin: 0; position: relative; padding: 22px 0px 22px 30px} #container .writeForm .input {padding: 16px 30px 16px 0; width: 915px; box-sizing: border-box;} #container .writeForm .input .text {width: 100%; background-color: #fff; border: 1px solid #c9c9c9; font-size: 16px; padding: 7px 16px; box-sizing: border-box} #container .writeForm .dateArea .text {width: 367px} #container .writeForm .dateArea .input.ptd22 {padding: 22px 0} #container .writeForm .contArea .th {padding-top: 206px} #container .writeForm .contArea .input {padding: 52px 30px 52px 0} #container .writeForm textarea {width: 100%; height: 338px; resize: none; box-sizing: border-box; border: 1px solid #c9c9c9} #container .writeForm .fileArea {/*height: 115px;*/ height: auto; box-sizing: border-box} #container .writeForm .fileArea .th div[class*='btn_'] {position: absolute; width: 24px; height: 24px; background-color: #9c9c9c; top: 65px; cursor: pointer} #container .writeForm .fileArea .th div[class*='btn_']>button {width: 100%; height: 100%} #container .writeForm .fileArea .btn_plus {background-position: 0 -404px; left: 30px} #container .writeForm .fileArea .btn_minus {background-position: -28px -404px; left: 59px} #container .writeForm .fileArea .th {padding-top: 32px} #container .writeForm .fileArea .input {zoom : 1; padding: 37px 0} #container .writeForm .fileArea .input:after {clear: both; content: ''; display: block} #container .writeForm .file_input_div .button {width: 108px; height: 40px; line-height: 38px; text-align: center; color: #fff; font-size: 16px; background-color: #9c9c9c} .file_input_textbox {height:auto; width: 530px; border: 1px solid #c9c9c9; margin-bottom: 15px} .file_input_div {position:relative; width:108px; height:40px; overflow:hidden;} .file_input_hidden {position:absolute; right:0px; top:0px; opacity:0; filter: alpha(opacity=0); -ms-filter: alpha(opacity=0); cursor:pointer; height: 100%} #container .writeForm .wrap_btn {margin-top: 55px; width: 100%; position: relative; text-align: center} /*#container .writeForm a {display: inline-block; width: 122px; height: 40px; border: 1px solid #45a142; color: #45a142; font-size: 16px; }*/ #container.cst .writeForm .btn_cancel {position: absolute; top: 0; left: 0;} #container.cst .writeForm .btn_delete {position: absolute; top: 0; right: 0} #container .writeForm a:hover, #container .writeForm a:focus, #container .writeForm a:active {text-decoration: none} #container .writeForm .submit {width: 124px; height: 42px; background-color: #45a142; color: #fff; font-size: 16px; display: inline-block; line-height: 42px; cursor: pointer} /*고객의 소리*/ #container .section.t70 {padding : 70px 50px 120px} #container .titExp {font-size: 30px; text-align: center} #container .wrap_form {width: 100%; padding: 46px 82px; box-sizing: border-box; background-color: #f2f2f2; margin-top: 34px} #container .wrap_form .th {font-size: 20px; font-weight: 600; padding: 0; width: auto; height: auto; border: none; color: #000; margin-bottom: 10px; margin-top: 45px} #container .wrap_form #ck {width: 19px; height: 19px; border: 1px solid #c9c9c9; margin-right: 15px; vertical-align: bottom} #container .wrap_form .ck {font-size: 14px} #container .wrap_form .infoAgree {width: 100%; box-sizing: border-box; background-color: #fff; padding: 30px 40px; border: 1px solid #c9c9c9; font-size: 16px; margin-top: 23px; height: 153px; overflow-y: scroll; } #container .wrap_form .infoAgree .tit {font-weight: 600; margin-top: 20px; color: #000; font-size: 18px} #container .wrap_form .infoAgree>ul {margin-top: 6px; margin-bottom: 6px} #container .wrap_form .text {width: 100%; background-color: #fff; border: 1px solid #c9c9c9; font-size: 16px; padding: 12px 16px; box-sizing: border-box} #container .wrap_form textarea {width: 100%; height: 240px; box-sizing: border-box; border: 1px solid #c9c9c9; resize: none} #container .wrap_form button {width: 150px; height: 52px; background-color: #0f639f; color: #fff; margin: 50px auto 0; font-size: 20px; display: block; font-weight: 300} /*FAQ*/ #container.cst .section .tabs {width: 100%; text-align: center; } #container.cst .section .tabs>li {display: inline-block; border: 1px solid #569f4b; width: 170px; height: 51px; margin-left: -3px} #container.cst .section .tabs>li:first-child {border-right: none} #container.cst .section .tabs>li:last-child {border-left: none} #container.cst .section .tabs>li>a {display: inline-block; width: 100%; height: 100%; color: #569f4b; text-align: center; line-height: 51px; font-size: 16px} #container.cst .section .tabs>li.active {background-color: #569f4b;} #container.cst .section .tabs>li.active>a {color: #fff;} #container.cst .section .tabs>li>a:hover, #container.cst .section .tabs>li>a:focus, #container.cst .section .tabs>li>a:active {text-decoration: none} #container.cst .section .tab_area {margin-top: 59px; border-top: 3px solid #569f4b; width: 100%; padding-top: 0} #container.cst .section .tab_area .dropBox {width: 100%;} #container.cst .section .tab_area .dropBox .quest {position: relative; border-bottom: 1px solid #c9c9c9; box-sizing: border-box; zoom : 1} #container.cst .section .tab_area .dropBox .quest:after {clear: both; content: ''; display: block} #container.cst .section .tab_area .dropBox .quest .tit {font-size: 16px; float: left; width: 192px; text-align: center; padding: 17px 0; height: auto; vertical-align: middle} #container.cst .section .tab_area .dropBox .quest .cont {float: left; font-size: 16px; position: relative; width: 700px; cursor: pointer; padding: 17px 0 17px 30px;} #container.cst .section .tab_area .dropBox .quest .cont>a {display: inline-block; width: 58px; text-align: center; line-height: 26px; border: 1px solid #569f4b; margin-left: 15px; color: #569f4b; position: absolute; right: 0; font-size: 12px} #container.cst .section .tab_area .dropBox .quest .cont>a:hover, #container.cst .section .tab_area .dropBox .quest .cont>a:active, #container.cst .section .tab_area .dropBox .quest .cont>a:focus {text-decoration: none} #container.cst .section .tab_area .dropBox .quest .cont .icon {position: absolute; width: 15px; height: 16px; background-position: -280px -106px; top: 21px; left: 0} #container.cst .section .tab_area .dropBox .quest .drop {width: 14px; height: 9px; background-position: -324px -88px; position: absolute; top: 25px; right: 75px} #container.cst .section .tab_area .dropBox .answer {width: 100%; background-color: #f2f2f2; padding: 33px 193px; box-sizing: border-box; display: none} #container.cst .section .tab_area .dropBox .answer>p {padding-left: 29px} #container.cst .section .tab_area .dropBox .answer .cont {font-size: 16px; position: relative; padding-left: 29px} #container.cst .section .tab_area .dropBox .answer .cont .icon {width: 14px; height: 13px; background-position: -280px -88px; position: absolute; left: 0; top: 5px; } /*03.08 추가*/ #container .writeForm .dateArea .input>select {width: 120px; height: 40px; padding-left: 15px; background: url(/img/arrow_b.png) no-repeat 90% 50%} /*개인정보처리방침*/ #container .section.info {background-color: #f2f2f2} #container .info_tit {font-size: 39px; font-weight: 600; width: 100%; text-align: center} #container .wrap_form .infoAgree.info {overflow-y: visible; height: auto} #container .wrap_form .infoAgree.info>span:nth-of-type(1) {display: block; margin-bottom: 30px; text-align: right;} #container .wrap_form .infoAgree.info table {margin-top: 30px; width: 100%; border-top: 3px solid #569f4b;} #container .wrap_form .infoAgree.info table th {padding: 17px 0;text-align: center; font-size: 16px; border-bottom: 1px solid #c9c9c9;} #container .wrap_form .infoAgree.info table td {border-bottom: 1px solid #c9c9c9; padding: 17px 30px; font-size: 16px; text-align: center;} #container .wrap_form .infoAgree.info .list {margin-top: 50px; text-align: right;} #container .wrap_form .infoAgree.info .list>a {display: inline-block; margin-right: 5px; width: 100px; height: 40px; background-color: #0f639f; color: #fff; font-size: 17px; text-align: center; line-height: 40px;} #container .wrap_form .infoAgree.info .list>a:last-child {margin-right: 0;} #container .wrap_form .infoAgree.info .list>a:hover, #container .wrap_form .infoAgree.info .list>a:focus, #container .wrap_form .infoAgree.info .list>a:active {text-decoration: none;} /*--------------지속가능경영------------------*/ /*환경경영체계*/ #headerWrap.envi .bg {background: url(/img/sub06.jpg) no-repeat 50% top; background-size: cover} #headerWrap.envi .bg .tit {color: #fff} #container.envi .section {padding: 70px 48px 120px} #container.envi .section .tabs {width: 100%; zoom: 1; border: 1px solid #d2d2d2; box-sizing: border-box;} #container.envi .section .tabs:after {clear: both; content: ''; display: block} #container.envi .section .tabs>li {float: left; width: 50%; height: 57px; box-sizing: border-box;} #container.envi .section .tabs>li>a {font-size: 18px; color: #878585; display: inline-block; line-height: 58px; width: 100%; text-align: center; cursor: pointer;} #container.envi .section .tabs>li>a:hover, #container.envi .section .tabs>li>a:active, #container.envi .section .tabs>li>a:focus {text-decoration: none} #container.envi .section .tabs>li>a[data-name^="tab_content1"]:hover, #container.envi .section .tabs>li>a[data-name^="tab_content1"]:focus, #container.envi .section .tabs>li>a[data-name^="tab_content1"]:active, #container.envi .section .tabs>li.active>a[data-name^="tab_content1"] {background-color: #0968aa; color: #fff} #container.envi .section .tabs>li>a[data-name^="tab_content2"]:hover, #container.envi .section .tabs>li>a[data-name^="tab_content2"]:focus, #container.envi .section .tabs>li>a[data-name^="tab_content2"]:active, #container.envi .section .tabs>li.active>a[data-name^="tab_content2"] {background-color: #569f4b; color: #fff} #container.envi .section .tab_area .tit {font-size: 24px; font-weight: 600} #container.envi .section .tab_area .exp {font-size: 16px; margin-top: 15px} #container.envi .section .tab_area .txtArea {padding: 45px 50px 35px; margin-top: 25px; width: 100%; box-sizing: border-box; background-color: #f2f2f2} #container.envi .section .tab_area .txtArea .title {font-size: 24px; font-weight: 600; line-height: 1; text-align: center} #container.envi .section .tab_area .txtArea .iso {font-size: 20px; line-height: 1; margin-top: 14px; text-align: center; font-weight: 600} #container.envi .section .tab_area .txtArea .txt {font-size: 18px; margin-top: 24px} #container.envi .section .tab_area .txtArea dl {margin-top: 25px; font-size: 16px; width: 465px; word-break: keep-all} #container.envi .section .tab_area .txtArea dt {font-weight: 600} #container.envi .section .tab_area .txtArea dd {padding-left: 15px;} #container.envi .section .tab_area .txtArea dd:before {content: '- '; display: inline-block; margin-left: -8px} #container.envi .section .tab_area .footer {margin-bottom: 65px; width: 100%; background-color: #bfbfbf; height: 64px; line-height: 64px; font-size: 18px; font-weight: 600; text-align: center} #container.envi .section .tab_area .footer>span {display: inline-block;} #container.envi .section .tab_area .footer .date {margin-right: 27px} #container.envi .section .tab_area .footer .name {margin-left: 10px; letter-spacing: 5px;} #container.envi .section .tab_area .cir_img {position: relative; margin: 25px auto 30px; width: 468px; height: 380px;} #container.envi .section .tab_area .cir_img>p {position: absolute; padding-top: 60px; width: 172px; height: 172px; box-sizing: border-box; border: 3px solid #1f76b2; font-size: 20px; font-weight: 600; color: #1f76b2; background-color: rgba(255,255,255,.9); border-radius: 50%; text-align: center; z-index: 1; line-height: 1.2} #container.envi .section .tab_area .cir01 {top: 0; left: 50%; margin-left: -86px} #container.envi .section .tab_area .cir02 {bottom: 0; left: 0} #container.envi .section .tab_area .cir03 {bottom: 0; right: 0} #container.envi .section .tab_area .cir_img:after {content: ''; display: block; position: absolute; width: 311px; height: 215px; background: url(/img/tri.png) no-repeat; z-index: 0; top: 90px; left: 50%; margin-left: -155px} #container.envi .section .tab_area .cir_exp {margin-bottom: 12px; zoom : 1; font-size: 16px;} #container.envi .section .tab_area .cir_exp:after {clear: both; content: ''; display: block} #container.envi .section .tab_area .cir_exp dt {float: left; width: 306px; height: 46px; line-height: 46px; color: #fff; background-color: #1f76b2; text-align: center; font-weight: 600} #container.envi .section .tab_area .cir_exp dd {float: left; padding-left: 33px; width: 817px; height: 46px; line-height: 46px; box-sizing: border-box; background-color: #f2f2f2} #container.envi .section #tab_content2 .img {margin: 25px 0 63px; width: 100%; height: 580px; background: url(/img/evi_circle.png) no-repeat 50% top} #container.envi .section #tab_content2 .hidden {font-size: 0} #container.envi .section #tab_content2 .txtArea {padding: 40px 25px} #container.envi .section #tab_content2 .txtArea .tit {margin-bottom: 20px; font-size: 20px; line-height: 1; font-weight: 600; text-align: center;} #container.envi .section #tab_content2 .txtArea dl {display: inline-block; position: relative; padding: 37px 95px 0; width: 500px; height: 160px; vertical-align: top; border: 5px solid #569f4b; box-sizing: border-box; text-align: center; background-color: #fff} #container.envi .section #tab_content2 .txtArea dl>dt {font-size: 24px; color: #569f4b; line-height: 1; font-weight: 600} #container.envi .section #tab_content2 .txtArea dl>dd {margin-top: 15px; font-size: 14px;} #container.envi .section #tab_content2 .txtArea dl>dd:before {display: none} #container.envi .section #tab_content2 .txtArea dl.box02 {margin-left: 70px; border-color: #1f76b2} #container.envi .section #tab_content2 .txtArea dl.box02:before {content: ''; display: block; width: 72px; height: 3px; background-color: #bfbfbf; position: absolute; top: 50%; margin-top: -2px; left: -77px} #container.envi .section #tab_content2 .txtArea dl.box02>dt {color: #1f76b2} /*환경인증현황*/ #container.envi .tit {font-size: 24px; line-height: 1; font-weight: 600} #container.envi .exp {margin-top: 20px; font-size: 16px;} #container.envi .certif {margin-top: 28px; width: 100%} #container.envi .certif dt {width: 100%; height: 64px; line-height: 64px; text-align: center; font-size: 24px; color: #4191df; background-color: #bfbfbf; font-weight: 600} #container.envi .certif dd {padding: 50px 115px; box-sizing: border-box; width: 100%; background-color: #f2f2f2} #container.envi .certif dd .title {margin-bottom: 33px; font-size: 24px; line-height: 1; font-weight: 600; text-align: center;} #container.envi .certif dd div[class^='img'] {width: 407px; height: 577px; overflow: hidden; line-height: 99999; display: inline-block; background-size: cover} #container.envi .certif dd div[class^='img']:last-child {margin-left: 77px} #container.envi .certif dd .img01 {background: url(/img/certification_k.png) no-repeat;} #container.envi .certif dd .img02 {background: url(/img/certification_e.png) no-repeat;} /*-------------------영문--------------------*/ /*common*/ #header.eng .gnb_pc.depth1 .depth2.mlA1 {margin-left: 9px} #header.eng .gnb_pc.depth1 .depth2.mlA2 {margin-left: -49px} /*company*/ #container.intro.eng .sec01 .top {padding: 50px 145px 52px; box-sizing: border-box} #container.intro.eng .sec01 {height: 1374px; background: url(/img/sub01_bg_en.png) #314e7a no-repeat 50% top} #container.intro.eng .sec02 .bottom>div {height: 310px} #container.eng .navi .menu .home {width: 47px} #container.eng .navi .menu>li {width: 193px} #container.eng .navi .menu>li:last-child {width: 260px} #container.eng .navi .menu>li .menu-list>li {width: 192px} #container.eng .navi .menu>li:last-child .menu-list>li {width: 259px} #container.intro.eng .sec01 .bottom>div {padding: 42px 24px 38px; height: 304px} #container.intro.eng .sec02 .wrap_float .i_box {height: auto; padding: 38px 116px} #container.intro.eng .sec02 .wrap_float .ideology {background: url(/img/ideology_eg.png) no-repeat; width: 310px; height: 269px} /*ceo*/ #container.intro.eng .intro_img .tit {font-size: 36px} #container.intro.eng .intro_img .txt {top: 246px} /*certification*/ #container.eng .wrap_cert {height: 580px} #container.eng .wrap_cert .img {background-size: cover} #container.eng .wrap_cert .img .mark {margin-top: 170px} #container.eng .wrap_cert .txt {padding: 40px 50px} #container.eng .wrap_cert .txt p:first-child {line-height: 1.5} #container .wrap_cert .txt>p:nth-child(3n+3) .mark {margin-right: 3px} /*present*/ #container.eng .wrap_progress {height: 1128px} #container.eng .wrap_progress .cont ul>li {padding: 32px 0 32px 171px} #container.eng .wrap_progress .img {background: url(/img/progress_eg.png) #f2f2f2 no-repeat 50% top;} /*relation*/ #container.intro.eng .section .tabs>li {width: 100%} /*cardboard*/ #container.eng .p_img {background: url(/img/e_p_main.png) no-repeat} #container.eng .p_img .middle {top: 160px; right: 19px} #container.eng .p_img .bottom {right: 156px} /*route*/ /* #container.eng .route .map01 {background: url(/img/en_map01.png) no-repeat} #container.eng .route .map02 {background: url(/img/en_map02.png) no-repeat} */ /*재무정보*/ #container.eng .f_table td {font-size: 14px; padding: 18px 21px} #container.eng .f_table.two td {padding: 23px 44px;} @media screen and (max-width: 800px) and (min-width: 320px){ /*common*/ #headerWrap {position:fixed; top:0; left:0; z-index: 10; min-width: auto} /*#headerWrap #header {position:static;}*/ #container .navi {height: 36px; min-width: auto} #container .navi .menu>li {width: 96px; padding: 7px 7px; height: 36px} #container .navi .menu .home {background-position: -224px -58px; width: 36px; height: 36px} #container .navi .menu>li .menu-list {width: 100%; top: 36px; left: -1px} #container .navi .menu-list>li {width: 100%; height: 36px; } #container .navi .menu>li:last-child .menu-list>li {width: 100%} #container .navi .menu>li>a {font-size: 13px} #container .navi .menu-list>li>a {font-size: 12px; padding: 7px 7px;} #container .navi .menu>li:after {top: 16px; right: 8px} #container.sub {padding-top: 165px} .layout2 {width: 100%} /*ceo*/ #headerWrap .bg {height: 165px; padding-top: 75px; min-width: auto} #headerWrap.intro .bg {background: url(/img/m_sub01.png) no-repeat 50% top; background-size: cover;} #headerWrap .bg .tit {font-size: 18px; font-weight: 500} #container.intro .cont>.layout2 {padding: 0} #container.intro .intro_img {background: url(/img/m_ceo.png) no-repeat 50% top; background-size: cover; height: 200px; min-width: auto} #container.intro .intro_img .tit {font-size: 18px; top: 20px; left: 15px} #container.intro .intro_img .txt {font-size: 13px; top: 73px; left: 15px} #container.intro .intro_img .name {font-size: 10px; right: 52%; bottom: 15px} #container.intro .cont {padding: 20px 18px 123px} #container.intro .cont p {font-size: 13px} /*사업분야*/ #container.intro .sec01 {height: auto; position: relative; min-width: auto; background: url(/img/m_sub01_bg.png) no-repeat; background-size: cover; position: relative} #container.intro .sec01>.layout2 {padding: 0 10px 30px} #container.intro .sec01 .titExp {font-size: 16px; padding-top: 36px; letter-spacing: -2px} /*-차후 변화없을 시 삭제-*/ /*#container.intro .sec01 .comp {width: 232px; text-align: center; margin-top: 24px} #container.intro .sec01 .comp>li {width: 101px; height: 101px; margin-right: 27px; float: none; display: inline-block; vertical-align: top; margin-bottom: 61px} #container.intro .sec01 .comp>li .cirIcon {width: 100%; height: 100%} #container.intro .sec01 .comp>li:nth-child(2n+2) {margin-right: 0} #container.intro .sec01 .comp>li:after {display: none} #container.intro .sec01 .comp>li .cirIcon .icon01 {width: 70px; height: 43px; background-position: 0 -175px} #container.intro .sec01 .comp>li .cirIcon .icon02 {width: 43px; height: 43px; background-position: -74px -175px} #container.intro .sec01 .comp>li .cirIcon .icon03 {width: 44px; height: 49px; background-position: -122px -176px} #container.intro .sec01 .comp>li .cirIcon .icon04 {width: 55px; height: 52px; background-position: -171px -178px} #container.intro .sec01 .comp>li .cirIcon>span {font-size: 11px} #container.intro .sec01 .comp>li>p {font-size: 13px; margin-top: 11px; line-height: 1.2} #container.intro .sec01 .comp>li .cirIcon>span {bottom: 16px; left: 0} #container.intro .sec01 .cross {width: 52px; height: 52px; background-position: -71px -30px; position: absolute; top: 238px; left: 50%; margin-left: -26px}*/ #container.intro .sec01 .m_bg {background-color: rgba(0,0,0,0.2); padding-top: 33px; width: 100%; height: 792px; position: absolute; left: 0; top: 129px} #container.intro .sec01 .tit {font-size: 20px; margin-bottom: 13px; margin-top: 64px} #container.intro .sec01 .tit:before {display: none} #container.intro .sec01 .pc_hide {padding: 21px 10px; background-color: #e4eef6; position: relative} #container.intro .sec01 .pc_hide p {width: 100%; text-align: center} #container.intro .sec01 .pc_hide .subtit {font-size: 16px; color: #0a69ab; font-weight: 600; margin-bottom: 6px} #container.intro .sec01 .pc_hide .exp {font-size: 13px; text-align: left} #container.intro .sec01 .pc_hide .bottom {margin-top: 19px} #container.intro .sec01 .pc_hide .subBox {width: 100%; padding: 14px 15px; background-color: #fff; box-sizing: border-box; margin-bottom: 12px; height: auto; float: none} #container.intro .sec01 .pc_hide .subBox>p {text-align: left; font-size: 13px} #container.intro .sec01 .pc_hide .subBox .tit {font-size: 14px; color: #569f4b; margin-bottom: 6px} #container.intro .sec02 {padding: 40px 15px 47px} #container.intro .sec02>.layout2 {padding: 0} #container.intro .sec02 .tit {font-size: 20px; margin-bottom: 18px} #container.intro .sec02 .wrap_float>div {float: none} #container.intro .sec02 .wrap_float .ideology {width: 180px; height: 156px; margin: 0 auto; background-size: cover} #container.intro .sec02 .wrap_float .wrap_Ibox {margin-top: 20px} #container.intro .sec02 .wrap_float .i_box {width: 100%; padding: 18px 28px 14px 55px ; height: auto} #container.intro .sec02 .i_box .tit {font-size: 15px} #container.intro .sec02 .i_box .exp {font-size: 13px} /*연혁*/ #container .section .year {margin-top: 30px} #container .section .year>div {float: none} #container .section .th {width: 62px; font-size: 20px; padding-left: 13px; padding-top: 5px; margin-bottom: 13px} #container .section .td ul li {width: 100%; box-sizing: border-box; padding: 12px 13px 12px 70px; font-size: 13px; position: relative; } #container .section .td ul li>span {font-size: 14px; position: absolute; left: 11px} #container .section .td ul li>span.mL {margin-right: 67px} /*환경인증현황*/ #container .certi {font-size: 23px} #container .wrap_cert {margin-top: 15px; height: auto} #container .wrap_cert>div {float: none} #container .wrap_cert .img {width: 100%; height: 154px; background: url(/img/m_certi.png) no-repeat; box-sizing: border-box; padding-top: 10px} #container .wrap_cert .img .mark {width: 97px; height: 137px; background: url(/img/m_certi_mark.png) no-repeat; margin: 0 auto; background-size: cover} #container .wrap_cert .txt {padding: 21px 13px; font-size: 13px; width: 100%} #container .wrap_cert .txt>p {margin-bottom: 24px} #container .wrap_cert .txt p:first-child {font-size: 13px; margin-bottom: 24px} #container .certi .mark:after {width: 9px; height: 9px; background-size: cover; top: 5px; right: -13px} #container .wrap_cert .txt .bold .mark, #container .wrap_cert .txt .mark {font-size: 20px; vertical-align: sub} /*관계사 소개*/ #container.intro .section {padding: 32px 15px 62px 15px} #container.intro .section .tabs>li {height: 40px} #container.intro .section .tabs>li>a {font-size: 13px; line-height: 40px} #container.intro .section .tab_area {margin-top: 18px} #container.intro .section .tab_area .tit {font-size: 15px; margin-bottom: 8px} #container.intro .section .tab_area .cont_box {padding: 18px 16px; width: 100%; height: auto; margin-right: 0; margin-bottom: 13px; min-height: auto} #container.intro .section .tab_area .cont_box .tit {font-size: 13px} #container.intro .section .tab_area .tit.mt15 {margin-top: 20px} #container.intro .section .tab_area .cont_box .exp {margin-top: 7px; font-size: 13px} #container.intro .section .tab_area #tab_content2>a {width: 100%; height: 79px; margin-bottom: 13px} #container.intro .section .tab_area #tab_content2 .cont01 {background-position: 50% 50%; background-size: contain} #container.intro .section .tab_area #tab_content2 .cont02 {background-position: 50% 50%; background-size: contain} #container.intro .section .tab_area #tab_content2 .cont03 {background-position: 50% 50%; background-size: contain} #container.intro .section .tab_area #tab_content2 .cont04 {background-position: 50% 50%; background-size: contain} #container.intro .section .tab_area #tab_content2 .cont05 {background-position: 50% 50%; background-size: contain} #container.intro .section .tab_area #tab_content2 .cont06 {background-position: 50% 50%; background-size: contain} #container.intro.eng .section .tab_area .tit {font-size: 15px; margin-bottom: 8px; } /*생산설비현황*/ #container .wrap_present {margin-top: 0 !important; height: auto; margin-bottom: 0} #container .wrap_present>div {float: none} #container .wrap_present div[class*='img'] {width: 100%; margin-bottom: 12px; margin-right: 0; height: 152px;} #container .wrap_present .img01 {background: url(/img/m_pr01.png) no-repeat; background-size: cover} #container .wrap_present .img02 {background: url(/img/m_pr02.png) no-repeat; background-size: cover} #container .wrap_present .txt {width: 100%; margin-bottom: 25px} #container .wrap_present .txt .header {height: 35px; line-height: 35px; font-size: 13px} #container .wrap_present .txt .cont {padding: 18px 19px; height: auto; box-sizing: border-box;} #container .wrap_present .txt .cont ul>li {font-size: 13px; margin-bottom: 8px} #container .wrap_progress {height: auto} #container .wrap_progress>div {float: none} #container .wrap_progress .img {width: 100%; height: 564px; background: url(/img/m_progress.png) #f2f2f2 no-repeat 50% top; background-size: contain} #container .wrap_progress .cont {width: 100%; margin-top: 13px; border-left: 1px solid #dcdcdc; padding: 0 10px} #container .wrap_progress .cont ul>li {font-size: 13px; padding: 25px 0 25px 77px} #container .wrap_progress .cont ul>li>span {font-size: 13px; margin-top: -10px} /*찾아오시는 길*/ #container.intro .section>.tit {font-size: 15px} #container.intro .route>div {float: none} #container.intro .route .box {width: 100%; height: auto; padding: 18px 16px} #container.intro .route .box .header {margin-bottom: 13px; padding-bottom: 13px; } #container.intro .route .box .header>p {font-size: 13px} #container.intro .route .box>p {font-size: 13px; margin-bottom: 6px} #container.intro .route div[class*='map0'] {width: 100%; height: 250px; margin-top: 15px; background-size: cover} #container.intro .section>.tit.mt75 {margin-top: 36px} /*-------채용정보-------*/ #headerWrap.recruit .bg {background: url(/img/m_sub03.png) no-repeat 50% 50%; background-size: cover} /*인재상*/ #container.sub .section {padding: 33px 15px 62px} #container.rcu .tit {font-size: 18px; margin-bottom: 6px} #container.rcu .exp {font-size: 13px} #container .wrap_circle {margin-top: 20px; width: 290px; height: 287px; padding-top: 37px} #container .wrap_circle .outCir {width: 225px; height: 225px; padding-top: 8px; background-size: contain} #container .wrap_circle .innerCir>p {margin-top: 80px; font-size: 19px} #container .wrap_circle .innerCir {width: 211px; height: 210px} #container .wrap_circle div[class*='cir'] {width: 125px; height: 125px; border-width: 2px} #container .wrap_circle div[class*='cir'] .tit {margin-top: 43px; font-size: 11px} #container .wrap_circle div[class*='cir'] .exp {margin-top: 5px; font-size: 10px} /*인사육성제도*/ #container.rcu div[class*='sec'] {padding: 33px 15px; box-sizing: border-box} #container.rcu div[class*='sec0']>.layout2 {padding: 0} #container.rcu div[class*='sec0'] .title {font-size: 15px} #container.rcu .sec01 .wrap_box {margin-top: 16px} #container.rcu .sec01 .wrap_box>div {float: none} #container.rcu .sec01 .wrap_box .wrap_circle {width: 291px; margin: 0 auto; height: 292px; padding-top: 35px} #container.rcu .sec01 .wrap_box .wrap_circle .centCir {width: 209px; height: 209px; background: url(/img/m_promote_cir.png) no-repeat; background-size: cover; } #container.rcu .sec01 .wrap_box .wrap_circle .centCir>p {padding-top: 81px; font-size: 20px } #container.rcu .sec01 .wrap_box .wrap_circle .cir {width: 122px; height: 122px} #container.rcu .wrap_box .wrap_circle .cir .tit {margin: 32px 0 8px; font-size: 20px} #container.rcu .wrap_box .wrap_circle .cir .exp {font-size: 13px} #container.rcu .wrap_txt {margin: 24px 0 0; width: 100%; padding: 23px 19px} #container.rcu .sec01 .wrap_box .wrap_txt>p {font-size: 18px; margin-bottom: 8px} #container.rcu .sec01 .wrap_box .wrap_txt ul>li {margin-bottom: 19px} #container.rcu .sec01 .wrap_box .wrap_txt ul>li .subtit {font-size: 13px} #container.rcu .sec01 .wrap_box .wrap_txt ul>li .exp {font-size: 13px} #container.rcu .sec02 .r_exp {font-size: 13px; margin-top: 7px} #container.rcu .sec02 .ruleBox {margin-top: 109px; width: 292px; height: auto; background: none; padding: 0 3px;} #container.rcu .sec02 .ruleBox .wrap_squ {margin-right: 10px; } #container.rcu .sec02 .ruleBox .wrap_squ .squ {width: 78px; height: 78px; border-width: 2} #container.rcu .sec02 .ruleBox .wrap_squ .sq01 .icon {width: 38px; height: 38px; background-position: -234px -105px; margin: 9px auto 8px} #container.rcu .sec02 .ruleBox .wrap_squ .sq02 .icon {width: 41px; height: 39px; background-position: -234px -147px; margin: 11px auto 7px} #container.rcu .sec02 .ruleBox .wrap_squ .sq03 .icon {width: 36px; height: 41px; background-position: -234px -188px; margin: 7px auto 8px} #container.rcu .sec02 .ruleBox .wrap_squ .squ>p {font-size: 12px} #container.rcu .sec02 .ruleBox .arrow {width: 297px; height: 101px; background: url(/img/m_r_arrow.png) no-repeat; background-size: cover; left: -15px; top: -101px} #container.rcu .sec02 .ruleBox .arrow>p {margin-top: 44px; font-size: 12px; width: 80%; margin-left: 48px} #container.rcu .sec03 .wrap_model {margin-top: 30px} #container.rcu .sec03 .wrap_model .exp1 {font-size: 12px; margin-bottom: 20px; } #container.rcu .sec03 .wrap_model .exp1>span {width: 55px; height: 11px; background-position: -234px 0; margin-top: 4px} #container.rcu .sec03 .wrap_model .exp2 {font-size: 18px; margin-bottom: 10px} #container.rcu .sec03 .wrap_model .m_cir {margin: 15px auto 0; width: 276px; height: 276px; padding-top: 7px; background-size: contain} #container.rcu .sec03 .wrap_model .m_cir .m_innerCir {width: 191px; height: 263px; background: url(/img/m_r_innerCir.png) no-repeat; background-size: cover; padding: 56px 9px } #container.rcu .sec03 .wrap_model .m_cir .m_innerCir .tit {font-size: 15px; margin-bottom: 15px} #container.rcu .sec03 .wrap_model .m_cir .m_innerCir p[class*='exp'] {font-size: 8px;} #container.rcu .sec03 .wrap_model .m_cir .m_innerCir .exp2 {margin-bottom: 33px} #container.rcu .sec03 .wrap_model .m_cir .m_innerCir .exp:after {width: 82px; margin: 10px auto 9px} #container.rcu .sec03 .wrap_domain {margin-top: 35px} #container.rcu .sec03 .wrap_domain>div {float: none} #container.rcu .sec03 .wrap_domain .graph {width: 289px; padding: 3px 16px; height: auto; margin: 0 auto} #container.rcu .sec03 .wrap_domain .graph div {width: 112px; height: 112px; margin-right: 33px; margin-bottom: 37px} #container.rcu .sec03 .wrap_domain .graph .g01 {background: url(/img/m_g01.png) no-repeat; background-size: cover} #container.rcu .sec03 .wrap_domain .graph .g02 {background: url(/img/m_g02.png) no-repeat; background-size: cover} #container.rcu .sec03 .wrap_domain .graph .g03 {background: url(/img/m_g03.png) no-repeat; background-size: cover} #container.rcu .sec03 .wrap_domain .graph .g04 {background: url(/img/m_g04.png) no-repeat; background-size: cover} #container.rcu .sec03 .wrap_domain .graph div[class*='g']>p {font-size: 13px; margin-top: 42px} #container.rcu .sec03 .wrap_domain .graph .line_h {width: 77%; left: 37px} #container.rcu .sec03 .wrap_domain .graph .line_v {height: 232px; top: 17px} #container.rcu .sec03 .wrap_domain .graph .line_v:before {font-size: 13px; top: -24px; left: -11px} #container.rcu .sec03 .wrap_domain .graph .line_v:after {font-size: 13px; left: -11px; bottom: -24px} #container.rcu .sec03 .wrap_domain .graph .line_h:before {font-size: 13px; left: -30px; top: -10px} #container.rcu .sec03 .wrap_domain .graph .line_h:after {font-size: 13px; top: -11px} #container.rcu .sec03 .wrap_domain .wrap_txt {margin-top: 22px; width: 100%; padding: 24px 19px} #container.rcu .sec03 .wrap_domain .wrap_txt .tit {font-size: 18px} #container.rcu .sec03 .wrap_domain .wrap_txt ul>li {margin-bottom: 16px} #container.rcu .sec03 .wrap_domain .wrap_txt .subtit {font-size: 13px} #container.rcu .sec03 .wrap_domain .wrap_txt .exp {font-size: 13px} /*한솔의 gwp*/ #container.rcu h2.tit {font-size: 18px; margin-bottom: 12px} #container.rcu dl>dt {font-size: 13px; margin-bottom: 3px} #container.rcu dl>dt:before {display: none} #container.rcu dl>dd {font-size: 13px; margin-bottom: 20px; padding-left: 0} #container.rcu h2.tit.cl_g {margin-top: 22px} /*채용공고*/ #container .board .etcArea {padding: 12px 16px; height: 82px; border-bottom: 1px solid #c9c9c9} #container .board .etcArea:last-child {border-bottom: none} #container .board .etcArea>div {float: none} #container .board .etcArea .th {margin-bottom: 0; font-size: 13px;} #container .board .etcArea .th>p {margin-top: 0} #container .board .etcArea .btn_rMore {width: 143px; height: 37px; line-height: 36px; margin-top: 7px; font-size: 13px} #container .writeForm .etcArea .th {padding: 11px 0 7px 12px} #container .writeForm .etcArea .input {padding: 0;} #container .writeForm .etcArea .h_text {width: 100%; padding: 10px 12px; font-size: 13px; margin-bottom: 8px; text-align: left} #container .writeForm .etcArea .h_text .input .h_text:last-child {margin-bottom: 0} #container .writeForm .wrap_btn {margin-top: 22px} /*-------제품정보-------*/ /*골판지 원지*/ #container .p_exp {font-size: 13px} #container .p_img {height: 151px; background: url(/img/m_p_main.png) #f9f0e2 no-repeat 50% top; background-size: contain; border: 1px solid #d2d2d2} #container .p_img>span {display: none} #container .p_tabs {margin-top: 35px; } #container .tab_area {margin-top: 18px} #container .p_tabs>li {height: 41px;} #container .p_tabs>li>a {font-size: 13px; line-height: 41px} #container .tab_area .paperName {font-size: 15px; margin-bottom: 10px} #container .tab_area .wrap_paper>ul, #container .tab_area .wrap_paper>table, #container .tab_area .wrap_paper>div {float: none} #container .tab_area .wrap_paper>ul, #container .tab_area .wrap_paper>div {width: 100%; height: 138px} #container .tab_area .wrap_paper .p_list>li {width: 25%; font-size: 15px; line-height: 138px} #container .tab_area .wrap_paper .p_list>li:hover {border-width: 2px; line-height: 134px} #container .tab_area .wrap_paper .p_list>li.active {border-width: 2px; line-height: 134px} #container .tab_area .wrap_paper>table {margin: 12px 0 0 0; width: 100%;} #container .tab_area .wrap_paper>table th {font-size: 13px} #container .tab_area .wrap_paper>table th, #container .tab_area .wrap_paper>table td {padding: 10px 0; font-size: 13px} #container .tab_area .wrap_paper {margin-bottom: 33px; height: auto} #container .tab_area .wrap_paper .golImg {background-size: cover} #container .tab_area .wrap_paper>div>p {line-height: 138px; font-size: 15px} #container .tab_area #tab_content2 .wrap_paper .p_list>li {border: 1px solid #bfbfbf} #container .tab_area #tab_content2 .wrap_paper .p_list>li.active {border: 2px solid #0968aa;} #container .tab_area #tab_content2 .wrap_paper .golImg {background-size: cover} /*계열사 패키징 용기*/ #headerWrap.product .bg {background: url(/img/m_sub02.png) no-repeat 50% top; background-size: cover} #container .navi .menu>li:last-child {width: 120px} #container.prod .exp {font-size: 15px;} #container .packImg {border: 1px solid #d2d2d2; height: 174px; /* background: url(/img/m_package.png) no-repeat 50% top; background-size: cover; */ margin: 14px 0 33px} #container.prod .tit {font-size: 15px; margin-bottom: 8px} #container.prod .cont_box {margin: 0 0 13px 0; width: 100%; padding: 18px 20px; height: auto} #container.prod .cont_box .tit {font-size: 13px; margin-bottom: 10px} #container.prod .cont_box .exp {font-size: 13px} /*박스 상식*/ #container .expTit {font-size: 15px; margin-bottom: 18px} #container .b_exp {font-size: 13px; margin-bottom: 11px} #container .b_imgs {margin-bottom: 44px} #container .b_imgs>div {width: 100%; height: 183px; margin-right: 0; margin-bottom: 15px} #container .b_imgs div[class*='box0'] .img {height: 147px} #container .b_imgs div[class*='box0'] .txt {height: 35px; line-height: 35px; font-size: 13px; border-bottom: 1px solid #d2d2d2} #container .b_imgs .box01 .img {background: url(/img/m_box01.png) #fbf2e5 no-repeat 50% 50%; background-size: cover} #container .b_imgs .box02 .img {background: url(/img/m_box02.png) #fbf2e5 no-repeat 50% 50%; background-size: cover} #container .b_imgs .box03 .img {background: url(/img/m_box03.png) #fbf2e5 no-repeat; background-size: cover} #container div[class*='b_sort0'] {margin-bottom: 25px} #container div[class*='b_sort0']>div {float: none; width: 100%; margin-bottom: 0} #container div[class*='b_sort0'] .left div[class*='txtCir'] {font-size: 12px; width: 44px; height: 44px; line-height: 44px; margin-bottom: 5px} #container div[class*='b_sort0'] .left {padding: 28px 25px; height: auto} #container div[class*='b_sort0'] .left .wrap_img {width: 239px; margin: 0 auto; position: relative} #container div[class*='b_sort0'] .left .img {width: 176px; height: 112px; top: 19px; right: 0} #container .b_sort01 .left .img {background: url(/img/m_box04.png) no-repeat; background-size: contain} #container .b_sort02 .left .img {background: url(/img/m_box05.png) no-repeat; background-size: contain; top: 13px !important} #container .b_sort03 .left .img {background: url(/img/m_box06.png) no-repeat; background-size: contain} #container .b_sort03 .left .img {top: 11px !important} #container .b_sort03 .left .txtCir01 {margin-top: 9px} #container .b_sort03 .left .txtCir02 {margin-top: 17px} #container div[class*='b_sort0'] .right {padding: 19px 20px; height: auto} #container div[class*='b_sort0'] .right .tit {font-size: 15px; margin-bottom: 8px} #container div[class*='b_sort0'] .right>ul {margin-top: 18px} #container div[class*='b_sort0'] .right>ul>li {font-size: 15px; margin-bottom: 18px; position: relative; padding-left: 12px} #container div[class*='b_sort0'] .right>ul>li:before {position: absolute; top: 9px; left: 0} /*-------투자정보-------*/ /*재무정보*/ #headerWrap.fund .bg {background: url(/img/m_sub04.png) no-repeat 50% 50%; background-size: cover} #container .f_tit {font-size: 15px; font-size: 600} #container .scroll {width: 100%; overflow-x: scroll} #container .f_table {width: 692px; margin-top: 18px; margin-bottom: 34px; border-width: 2px} #container .f_table th {padding: 14px 0px; font-size: 13px} #container .f_table td {font-size: 13px; padding: 12px 0} /*-------고객지원-------*/ #headerWrap.customer .bg {background: url(/img/m_sub05.png) no-repeat 50% 50%; background-size: cover} /*공지사항-list*/ #container.cst .section {padding: 35px 15px} #container .wrap_sch {width: 100%; height: 36px; } #container .wrap_sch .input_sch {width: 86%; padding: 8px 21px; font-size: 12px; height: auto} #container .wrap_sch .sch_btn {width: 16px; height: 16px; background-position: -69px -105px; right: 21px; top: 9px} #container table.board {margin-top: 20px; width: 100%} #container .board th {padding: 12px 0; font-size: 13px} #container .board td {padding: 10px 12px; text-align: left} #container .board td>a {width: 76%; font-size: 13px; vertical-align: sub} #container .pager {width: 100%} #container .pager .num>li {width: 27px; height: 27px;} #container .pager .num>li>a {font-size: 13px; line-height: 27px; } #container .pager a[class*='btn_'] {width: 27px; height: 27px;} #container .pager .btn_prev {background-position: -115px -77px; margin-right: 15px} #container .pager .btn_next {background-position: -161px -77px; margin-left: 15px} #container .pager .btn_prev:hover, #container .pager .btn_prev:active, #container .pager .btn_prev:focus {background-position: -134px -77px} #container .pager .btn_next:hover, #container .pager .btn_next:active, #container .pager .btn_next:focus {background-position: -173px -77px} /*detail*/ #container .board {margin-bottom: 23px} #container .board p {font-size: 13px} #container .board .titArea {padding: 9px 13px} #container .board .titArea>p {margin-left: 0} #container .board .infoArea {padding: 5px 13px 12px} #container .board .contArea {padding: 36px 13px} #container .board .fileArea {padding : 10px 13px; height: auto} #container .board .fileArea .icon {width: 13px; height: 16px; background-position: -75px -145px; margin-right: 3px; margin-top: 2px} #container .wrap_btn .btn_list {font-size: 12px !important; width: 87px !important; height: 32px !important; line-height: 32px !important} /*write*/ #container .writeForm div[class$='Area']>div {float: none} #container .writeForm .th {font-size: 13px; width: auto; height: auto; margin-bottom: 0; padding: 11px 0 7px 12px } #container .writeForm .input {padding: 0 12px 12px 12px; width: 100%} #container .writeForm .dateArea .text {width: 100%; font-size: 12px} #container .writeForm .dateArea .input.ptd22 {padding: 0px 0 7px 12px} #container .writeForm .contArea .th {padding-top: 30px} #container .writeForm .contArea .input {padding: 6px 12px 31px 12px} #container .writeForm .fileArea .th {padding-top: 11px} #container .writeForm .fileArea .th div[class*='btn_'] {top: 12px; width: 19px; height: 19px} #container .writeForm .fileArea .btn_plus {background-position: -123px -105px; left: 74px} #container .writeForm .fileArea .btn_minus {background-position: -143px -105px; left: 98px} #container .writeForm .fileArea .input {padding: 8px 12px 12px 12px} .file_input_textbox {width: 100%; position: relative} #container .writeForm .fileArea .input .button {width: 36px; height: 36px; background-color: #9c9c9c; background-position: -162px -136px; line-height: 999; margin-bottom: 0} .file_input_div {width: 36px; position: absolute; right: 25px} .file_input_hidden {width: 36px; height: 36px} #container .writeForm .wrap_btn>a {width: 31% !important} /*고객의 소리*/ #container .section.t70 {padding: 32px 15px} #container .titExp {font-size: 18px} #container .wrap_form {width: 100%; padding: 27px 10px; margin-top: 19px; } #container .wrap_form .th {font-size: 13px; margin-bottom: 12px; width: auto; height: auto; padding: 0; margin-top: 26px} #container .wrap_form #ck {width: 18px; height: 18px; margin-right: 9px} #container .wrap_form .ck {font-size: 11px;} #container .wrap_form .infoAgree {margin-top: 10px; padding: 23px 12px; font-size: 13px;} #container .wrap_form .text {padding: 8px 12px; font-size: 13px} #container .wrap_form textarea {height: 193px} #container .wrap_form button {width: 87px; height: 32px; margin: 30px auto 0; font-size: 12px} /*FAQ*/ #container.cst .section .tabs>li {width: 33%; height: 35px} #container.cst .section .tabs>li>a {font-size: 12px; line-height: 35px} #container.cst .section .tab_area {margin-top: 20px; border-top-width: 2px;} #container.cst .section .tab_area .dropBox .quest .tit {float: none; padding: 13px 9px 0 9px; width: auto; text-align: left; font-weight: 600} #container.cst .section .tab_area .dropBox .quest .cont {float: none; width: 80%; padding: 5px 9px 13px 26px; font-size: 13px; text-align: justify} #container.cst .section .tab_area .dropBox .quest .cont .cont_tit {width: auto; display: inline-block; vertical-align: top} #container.cst .section .tab_area .dropBox .quest .cont.active .cont_tit {width: 64%; display: inline-block; vertical-align: top} #container.cst .section .tab_area .dropBox .quest .cont>a { line-height: 20px} #container.cst .section .tab_area .dropBox .quest .cont .icon {width: 12px; height: 13px; background-position: -142px -29px; top: 9px; left: 9px} #container.cst .section .tab_area .dropBox .answer {padding: 21px 6px} #container.cst .section .tab_area .dropBox .answer .cont {font-size: 13px; padding-left: 22px} #container.cst .section .tab_area .dropBox .answer>p {font-size: 13px} #container.cst .section .tab_area .dropBox .answer .cont .icon {width: 11px; height: 10px; background-position: -142px -47px; left: 4px} #container.cst .section .tab_area .dropBox .quest .drop {width: 12px; height: 7px; background-position: -170px -47px; right: 16px; top: 28px} /*개인정보 처리방침*/ #container .info_tit {font-size: 23px} #container .section.info .wrap_form {margin-top: 0} #container .wrap_form .infoAgree.info table th {padding: 12px 0; font-size: 13px;} #container .wrap_form .infoAgree.info table td {padding: 10px 12px; font-size: 13px;} #container .wrap_form .infoAgree.info .list {margin-top: 25px;} #container .wrap_form .infoAgree.info .list>a {width: 87px; height: 32px; font-size: 12px; line-height: 32px;} /*----------지속가능경영---------------*/ /*환경경영체계*/ #headerWrap.envi .bg {background: url(/img/m_sub06.jpg) no-repeat 50% top; background-size: cover} #container.envi .section .tabs>li {height: 41px} #container.envi .section .tabs>li>a {font-size: 13px; line-height: 41px} #container.envi .section .tab_area {padding-top: 0} #container.envi .section .tab_area .tit {font-size: 15px} #container.envi .section .tab_area .exp {margin-top: 10px; font-size: 13px} #container.envi .section .tab_area .txtArea {padding: 24px 17px; margin-top: 13px;} #container.envi .section .tab_area .txtArea .title {font-size: 15px} #container.envi .section .tab_area .txtArea .iso {margin-top: 0; font-size: 15px; line-height: 1.5} #container.envi .section .tab_area .txtArea .txt {margin-top: 8px; font-size: 13px;} #container.envi .section .tab_area .txtArea dl {margin-top: 18px; width: auto; font-size: 13px} #container.envi .section .tab_area .txtArea dd {padding-left: 0} #container.envi .section .tab_area .txtArea dd:before {margin-left: 0} #container.envi .section .tab_area .footer {margin-bottom: 40px; height: 45px; line-height: 45px; font-size: 12px;} #container.envi .section .tab_area .footer .date {margin-right: 18px;} #container.envi .section .tab_area .footer .name {margin-left: 8px; letter-spacing: 3px} #container.envi .section .tab_area .cir_img {margin: 24px 0 48px; width: 100%; height: 274px;} #container.envi .section .tab_area .cir_img:after {width: 225px; height: 156px; background-size: cover; top: 60px; margin-left: -112px} #container.envi .section .tab_area .cir_img>p {padding-top: 44px; width: 124px; height: 124px; font-size: 14.42px; border-width: 2px} #container.envi .section .tab_area .cir01 {margin-left: -62px} #container.envi .section .tab_area .cir_exp {margin-bottom: 18px; width: 100%;} #container.envi .section .tab_area .cir_exp dt {float: none; width: 100%; height: 35px; line-height: 35px; font-size: 13px} #container.envi .section .tab_area .cir_exp dd {float: none; padding: 20px 15px; width: 100%; height: auto; box-sizing: border-box; line-height: 1.5;; font-size: 13px} #container.envi .section #tab_content2 .img {margin: 19px 0 41px; height: 309px; background: url(/img/m_evi_circle.png) #f2f2f2 no-repeat 50% top; background-size: contain} #container.envi .section #tab_content2 .txtArea {padding: 25px 10px;} #container.envi .section #tab_content2 .txtArea .wrap_dl {margin: 0 auto; width: 269px} #container.envi .section #tab_content2 .txtArea dl {padding: 19px 10px 15px; width: 125px; height: 158px; border-width: 2px} #container.envi .section #tab_content2 .txtArea dl>dt {font-size: 15px} #container.envi .section #tab_content2 .txtArea dl>dd {margin-top: 10px; font-size: 12px; text-align: left; word-break: break-all} #container.envi .section #tab_content2 .txtArea dl.box02 {margin-left: 16px} #container.envi .section #tab_content2 .txtArea dl.box02:before {width: 17px; left: -20px} #container.envi .section.m_wid100 {padding: 33px 0 0} #container.envi .m_wid100 .tit {padding: 0 15px; font-size: 15px} #container.envi .m_wid100 .exp {padding: 0 15px; margin-top: 10px; font-size: 13px} #container.envi .certif {margin-top: 19px} #container.envi .certif dt {height: 45px; line-height: 45px; font-size: 15px} #container.envi .certif dd {padding: 25px 20px 45px} #container.envi .certif dd .title {margin-bottom: 20px; font-size: 15px} #container.envi .certif dd div[class^='img'] {display: block; margin: 0 auto 25px; width: 280px; height: 396px} #container.envi .certif dd div[class^='img']:last-child {margin-left: auto} #container.envi .certif dd .img01 {background: url(/img/m_certif_k.png) no-repeat; background-size: contain} #container.envi .certif dd .img02 {background: url(/img/m_certif_e.png) no-repeat; background-size: contain} /*--------------------영문---------------------*/ /*navi*/ #container.eng .navi .menu .home {width: 36px} #container.eng .navi .menu>li {width: 140px; padding: 7px 4px} #container.eng .navi .menu>li .menu-list>li {width: 139px} #container.eng .navi .menu>li:last-child {width: 171px} #container.eng .navi .menu>li:last-child .menu-list>li {width: 170px} #container.eng .navi .menu>li:after {right: 5px} #container.eng .navi .menu>li:last-child>a {font-size: 11px;} /*timeLine*/ #container.eng .section .td ul li {position: relative} #container.eng .section .td ul li>span {position: absolute; left: 13px;} /*ceo*/ #container.intro.eng .intro_img .tit {font-size: 16px} #container.intro.eng .intro_img .txt {font-size: 13px; top: 88px} /*present*/ #container.eng .wrap_progress {height: auto} #container.eng .wrap_progress .cont ul>li {padding: 25px 0 25px 105px} #container.eng .wrap_progress .img {background: url(/img/m_progress_eg.png) #f2f2f2 no-repeat 50% top; background-size: contain} /*company*/ #container.intro.eng .sec01 {height: auto; background: url(/img/m_sub01_bg.png) #314e7a no-repeat; background-size: cover} #container.intro.eng .sec01 .m_bg {top: 147px; height: 947px} /* #container.intro.eng .sec02 .wrap_float .ideology {background: url(/img/m_ideology_eg.png) no-repeat} */ #container.intro.eng .sec01 .bottom>div {height: auto} #container.intro.eng .sec01 .pc_hide .subBox {padding: 14px 15px} #container.intro.eng .sec02 .wrap_float .ideology {width: 155px; height: 135px; margin: 0 auto; background-size: cover} #container.intro.eng .sec02 .wrap_float .i_box {width: 100%; padding: 18px 28px 18px 55px; height: auto} /*환경인증*/ #container.eng .wrap_cert {height: auto} #container.eng .wrap_cert .img .mark {margin-top: 0} #container.eng .wrap_cert .txt {padding: 21px 13px} /*골판지원지*/ #container.eng .p_img {background: url(/img/m_p_main_en.png) #f9f0e2 no-repeat 50% top; background-size: contain} } @media screen and (min-width: 374px) and (max-width: 424px){ #container.intro .intro_img {height: 180px} #container .packImg {height: 208px} #container.intro .sec01 .m_bg {height: 718px} #container.intro.eng .sec01 .m_bg {height: 811px} #container.intro.eng .sec01 {height: auto; background: url(/img/m_sub01_bg.png) no-repeat; background-size: cover} } @media screen and (min-width: 424px) and (max-width: 470px){ #container.intro .intro_img {height: 200px} #container .packImg {height: 231px} #container.intro .sec01 .m_bg {height: 678px} #container.intro.eng .sec01 .m_bg {height: 775px} #container.intro.eng .sec01 {height: auto} } @media screen and (min-width: 470px) and (max-width:800px){ #container .packImg {height: 409px} #container.intro .sec01 .m_bg {height: 544px} #container.intro.eng .sec01 .m_bg {height: 565px} #container.intro.eng .sec01 {height: auto} }