@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=Lexend+Deca:wght@100..900&family=Noto+Sans+KR:wght@100..900&family=Roboto:ital,wght@0,100..900;1,100..900&display=swap');

/*sub_visual*/
.sub_visual {
    width: 100%;
    color: #fff;
    font-size: 32px;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    line-height: 1.2;
    height: 120px;
}

.sub_visual.businessbg {
    background: url(../image/sub/business/vis.jpg) no-repeat;
    background-size: cover;
    background-position: center;
}

.sub_visual.companybg {
    background: url(../image/sub/company/vis.jpg) no-repeat;
    background-size: cover;
    background-position: center;
}

.sub_visual.researchbg {
    background: url(../image/sub/research/vis.jpg) no-repeat;
    background-size: cover;
}

.sub_visual.managingbg {
    background: url(../image/sub/managing/vis.jpg) no-repeat;
    background-size: cover;
}

.sub_visual.investbg {
    background: url(../image/sub/invest/vis.jpg) no-repeat;
    background-size: cover;
}

.sub_visual.publicitybg {
    background: url(../image/sub/publicity/vis.jpg) no-repeat;
    background-size: cover;
}

.sub_visual.recruitbg {
    background: url(../image/sub/recruit/vis.jpg) no-repeat;
    background-size: cover;
}

.inner_sub {
    position: relative;
    width: 87.5%;
    margin: 30px auto;
}

.inner_sub_free {
    position: relative;
    width: 100%;
    margin: 30px auto;
}

.inner_sub h2,
.inner_sub_free h2 {
    color: #1b1b1b;
    font-size: 22px;
    line-height: 1.2;
    text-align: center;
}

.pageControl {
    position: absolute;
    top: -10px;
    left: 0;
    width: 100%;
}

.inner_sub .pageControl li:first-child {
    position: relative;
    float: left;
    left: -3.125%;
}

.inner_sub .pageControl li:last-child {
    position: relative;
    float: right;
    right: -3.125%;
}

.inner_sub_free .pageControl li:first-child {
    position: relative;
    float: left;
    left: 3.125%;
}

.inner_sub_free .pageControl li:last-child {
    position: relative;
    float: right;
    right: 3.125%;
}

/************************************************************************************************************/
/*ȸ��Ұ�*/
/*����Ұ�*/
.company {
    clear: both;
    width: 100%;
    margin: 30px auto;
}

.company ul.tabs {
    margin: 0 auto;
    padding: 0;
    overflow: hidden;
    width: 87.5%;
    font-size: 0;
}

.company ul.tabs li {
    display: inline-block;
    text-align: center;
    cursor: pointer;
    border: 1px solid #BFBFBF;
    border-left: none;
    background: #eee;
    overflow: hidden;
    position: relative;
    font-size: 18px;
    padding: 20px 0;
    width: 19.5%;
    font-weight: 800;
    color: #1b1b1b;
    height: 30px;
}

.company ul.tabs li:first-child {
    border-left: 1px solid #BFBFBF;
}

.company ul.tabs li.active {
    background: #00B4ED;
    color: #fff;
    font-weight: 600;
}

.company ul.tabs li br {
    display: none;
}

.company .tab_container {
    margin-top: 20px;
    width: 100%;
}

.company .tab_content {
    margin-top: 30px;
    display: none;
    width: 100%;
}

.company .tab_content .summary {
    width: 87.5%;
    margin: 0 auto;
}

.company .tab_content .summary>p {
    font-size: 15px;
    color: #1b1b1b;
    line-height: 140%;
    font-weight: 600
}

.company .tab_content .summary>p>span {
    display: block;
    margin-bottom: 10px;
    word-break: keep-all;
}

.company .tab_content .summary ul {
    margin-top: 20px;
    width: 100%;
}

.company .tab_content .summary li {
    float: left;
    font-size: 15px;
    width: 48.214%;
    margin-top: 10px;
    margin-bottom: 10px;
    margin-right: 3.572%;
}

.company .tab_content .summary li:nth-child(2n) {
    margin-right: 0px;
}

.company .tab_content .summary li img {
    width: 100%;
}

.company .tab_content .summary li p {
    margin-top: 15px;
    min-height: 80px;
}

.company .tab_content .summary li p span {
    display: block;
    padding: 5px 0;
    color: #1b1b1b;
    font-weight: 600;
    background: url("../image/sub/company/dot.png") no-repeat left center;
    text-indent: 8px;
}

.company .tab_content .vision {
    width: 100%;
}

.company .tab_content .vision h3 {
    width: 87.5%;
    margin: 0 auto 10px auto;
    color: #00B4ED;
    font-size: 15px;
    border-bottom: 5px solid #00B4ED;
    padding-bottom: 8px;
}

.company .tab_content .vision p {
    width: 87.5%;
    margin: 0 auto 0 auto;
}

.company .tab_content .vision p img {
    width: 100%;
}

.company .tab_content .vision div {
    width: 100%;
}

.company .tab_content .idea1 {
    width: 87.5%;
    margin: 0 auto;
}

.company .tab_content .idea1 h3 {
    color: #00B4ED;
    font-size: 15px;
    margin-bottom: 0px;
}

.company .tab_content .idea1>p img {
    width: 100%;
}

.company .tab_content .idea1>div {
    text-align: center;
    font-size: 15px;
    color: #1b1b1b;
    margin-bottom: 20px;
}

.company .tab_content .idea1>div p {
    font-weight: 600;
    line-height: 140%;
}

.company .tab_content .idea1 ul {
    background: #f7f8f8;
    padding: 15px;
}

.company .tab_content .idea1 ul li {
    text-align: center;
    font-size: 15px;
    color: #1b1b1b;
    padding: 8px 0
}

.company .tab_content .idea1 ul li strong {
    margin-bottom: 8px;
}

.company .tab_content .idea1 ul li strong,
.company .tab_content .idea1 ul li span {
    display: block;
    line-height: 100%;
}

.company .tab_content .idea2 {
    width: 87.5%;
    background: url(../image/sub/company/bg1.jpg) no-repeat top center;
    background-size: cover;
    padding: 6.794% 6.25%;
    margin-top: 6.794%;
    word-break: keep-all;
}

.company .tab_content .idea2 h3 {
    color: #fff;
    font-size: 17px;
    margin-bottom: 20px;
}

.company .tab_content .idea2 h4 {
    color: #acd9ef;
    font-size: 15px;
    margin-bottom: 15px;
    border-bottom: 5px solid #fff;
    padding-bottom: 15px;
    line-height: 140%;
    font-weight: normal;
}

.company .tab_content .idea2 h4 span,
.company .tab_content .idea2 div p span {
    color: #fff;
}

.company .tab_content .idea2 div.online {
    border-bottom: 0
}

.company .tab_content .idea2 div {
    border-bottom: 1px solid #fff;
    padding-bottom: 15px;
    margin-top: 15px;
}

.company .tab_content .idea2 div h5 {
    color: #fff;
    font-size: 15px;
    margin-bottom: 10px;
}

.company .tab_content .idea2 div p {
    padding: 0px 10px;
    color: #acd9ef;
    font-size: 15px;
    line-height: 140%;
    font-weight: 600;
}

.company .tab_content .idea2 div p img {
    width: 60%;
}

.company .tab_content .idea3 {
    width: 87.5%;
    margin: 6.794% auto 0 auto;
    padding-bottom: 30px;
    word-break: keep-all;
}

.company .tab_content .idea3 h3 {
    color: #00B4ED;
    font-size: 15px;
    margin-bottom: 15px;
}

.company .tab_content .idea3>p {
    color: #1b1b1b;
    font-size: 15px;
    line-height: 140%;
    margin-bottom: 20px;
}

.company .tab_content .idea3 ul {
    margin-bottom: 20px;
}

.company .tab_content .idea3 ul li img {
    width: 100%;
}

.company .tab_content .idea3 ul li {
    padding: 7px 0;
    font-size: 15px;
}

.company .tab_content .idea3 ul li:nth-child(n+2) {
    margin-left: 20px;
}

.company .tab_content .idea3 ul li strong {
    display: block;
    margin-bottom: 5px;
    font-size: 15px;
}

.company .tab_content .idea3 ul li strong.tit1 {
    color: #00b7ec
}

.company .tab_content .idea3 ul li strong.tit2 {
    color: #74b44c
}

.company .tab_content .idea3 ul li strong.tit3 {
    color: #f2a025
}

/*CEO �λ縻*/
.ceo {
    clear: both;
    width: 100%;
    margin: 30px auto 70px auto;
    word-break: keep-all;
}

.ceo>p img {
    width: 100%;
    margin-bottom: 30px;
}

.ceo h3 {
    text-align: center;
    color: #00B4ED;
    font-size: 24px;
    font-family: 'Nanum Myeongjo';
    margin-bottom: 30px;
    line-height: 140%;
}

.ceo h3 br {
    display: none;
}

.ceo div p {
    color: #1b1b1b;
    font-size: 15px;
    line-height: 140%;
    margin-bottom: 20px;
}

.ceo div p img {
    vertical-align: middle;
}

/*����*/
.history {
    clear: both;
    width: 100%;
    margin: 30px auto;
}

.history ul.tabs {
    margin: 0;
    padding: 0;
    overflow: hidden;
    border-left: 1px solid #BFBFBF;
    width: 100%;
    font-size: 0;
}

.history ul.tabs li {
    display: inline-block;
    text-align: center;
    cursor: pointer;
    border: 1px solid #BFBFBF;
    border-left: none;
    background: #EEEEEE;
    overflow: hidden;
    position: relative;
    font-size: 15px;
    padding: 20px 0;
    width: 49%;
    font-weight: 400;
}

.history ul.tabs li:nth-child(1),
.history ul.tabs li:nth-child(2) {
    border-bottom: none;
}

.history ul.tabs li.active {
    background: #00B4ED;
    color: #fff;
    font-weight: 600;
}

.history ul.tabs li strong {
    font-size: 18px;
    font-weight: 400;
}

.history ul.tabs li.active strong {
    font-weight: 600;
}

.history .tab_container {
    width: 100%;
}

.history .tab_content {
    display: none;
}

.history h3 {
    color: #00B4ED;
    font-size: 32px;
    margin-bottom: 20px;
    border-bottom: 5px solid #00B4ED;
    padding-bottom: 10px;
}

.history h3 span {
    font-size: 18px;
}

.history div {
    overflow: hidden;
    margin-bottom: 20px;
}

.history div h4 {
    float: left;
    width: 50px;
    color: #00B4ED;
    font-size: 15px;
}

.history div ul {
    /*float:left; */
    margin-left: 50px;
}

.history div ul li {
    color: #1b1b1b;
    font-size: 15px;
    padding: 3px 0;
}

.history div ul li:first-child {
    padding-top: 0;
}

.history div p img {
    width: 100%;
}

/*�׷ӻ� �Ұ�*/
.group {
    clear: both;
    width: 100%;
    margin: 30px auto;
    padding-bottom: 30px;
    word-break: keep-all;
}

.group>p {
    margin: 15px 0;
}

.group>p img {
    width: 100%;
}

.group>div {
    color: #1b1b1b;
    font-size: 15px;
    line-height: 140%;
    margin-bottom: 20px;
}

.group>div p {
    margin-bottom: 10px;
}

.group h3 {
    color: #00B4ED;
    font-size: 17px;
    margin-bottom: 20px;
}

.group table {
    width: 100%;
    border-collapse: collapse;
    border-top: 5px solid #00B4ED
}

.group th {
    background: #f8f8f8;
    color: #00B4ED;
    font-size: 15px;
    border-bottom: 1px solid #00B4ED
}

.group td {
    border-bottom: 1px solid #ddd;
    font-size: 15px;
    padding: 8px 5px;
    color: #1b1b1b;
    line-height: 140%;
    background: url(../image/sub/company/arrow5.png) no-repeat 98% 50%;
}

.group td.line {
    border-bottom: 1px solid #00B4ED
}

.group td a {
    display: block;
    width: 100%;
}

/************************************************************************************************************/
/* ����Ұ� */

/*[����Ұ�]*/
.business {
    width: 100%;
    margin: 30px auto;
    padding-bottom: 30px;
    word-break: keep-all;
}

/* ��� */
.business ul.civilTabs {
    position: relative;
    margin-top: 30px;
    text-align: center;
    font-size: 0;
}

.business ul.civilTabs li {
    display: inline-block;
    text-align: center;
    width: 32.5%;
    height: 99px;
    overflow: hidden;
    position: relative;
    background: #eee;
    border-right: 1px solid #BFBFBF;
    border-top: 1px solid #BFBFBF;
}

.business ul.civilTabs li:nth-child(4),
.business ul.civilTabs li:nth-child(5),
.business ul.civilTabs li:nth-child(6) {
    border-bottom: 1px solid #BFBFBF;
}

.business ul.civilTabs li:nth-child(1),
.business ul.civilTabs li:nth-child(4) {
    border-left: 1px solid #BFBFBF;
}

.business ul.civilTabs li.active {
    background: #00B4ED;
    font-weight: 600;
}

.business ul.civilTabs li a {
    position: absolute;
    top: 0;
    left: 50%;
    margin-left: -91.5px;
    display: inline-block;
    width: 186px;
    height: 100%;
}

.business ul.civilTabs li.mu1 a {
    background: url(../image/sub/business/civilTabBg.png) no-repeat 0 0;
}

.business ul.civilTabs li.mu2 a {
    background: url(../image/sub/business/civilTabBg.png) no-repeat -186px 0;
}

.business ul.civilTabs li.mu3 a {
    background: url(../image/sub/business/civilTabBg.png) no-repeat -372px 0;
}

.business ul.civilTabs li.mu4 a {
    background: url(../image/sub/business/civilTabBg.png) no-repeat 0 -99px;
}

.business ul.civilTabs li.mu5 a {
    background: url(../image/sub/business/civilTabBg.png) no-repeat -186px -99px;
}

.business ul.civilTabs li.mu6 a {
    background: url(../image/sub/business/civilTabBg.png) no-repeat -372px -99px;
}

.business ul.civilTabs li.active.mu1 a {
    background: url(../image/sub/business/civilTabBgOn.png) no-repeat 0 0;
}

.business ul.civilTabs li.active.mu2 a {
    background: url(../image/sub/business/civilTabBgOn.png) no-repeat -186px 0;
}

.business ul.civilTabs li.active.mu3 a {
    background: url(../image/sub/business/civilTabBgOn.png) no-repeat -372px 0;
}

.business ul.civilTabs li.active.mu4 a {
    background: url(../image/sub/business/civilTabBgOn.png) no-repeat 0 -99px;
}

.business ul.civilTabs li.active.mu5 a {
    background: url(../image/sub/business/civilTabBgOn.png) no-repeat -186px -99px;
}

.business ul.civilTabs li.active.mu6 a {
    background: url(../image/sub/business/civilTabBgOn.png) no-repeat -372px -99px;
}

/* ���� */
.business ul.buildingTabs {
    position: relative;
    margin-top: 30px;
    text-align: center;
    font-size: 0;
}

.business ul.buildingTabs li {
    display: inline-block;
    text-align: center;
    width: 32.5%;
    height: 99px;
    overflow: hidden;
    position: relative;
    background: #eee;
    border-right: 1px solid #BFBFBF;
    border-top: 1px solid #BFBFBF;
}

.business ul.buildingTabs li:nth-child(1) {
    width: 97.5%;
    height: 40px;
    border-left: 1px solid #BFBFBF;
    padding: 0 1px;
}

.business ul.buildingTabs li:nth-child(5),
.business ul.buildingTabs li:nth-child(6),
.business ul.buildingTabs li:nth-child(7) {
    border-bottom: 1px solid #BFBFBF;
}

.business ul.buildingTabs li:nth-child(2),
.business ul.buildingTabs li:nth-child(5) {
    border-left: 1px solid #BFBFBF;
}

.business ul.buildingTabs li.active {
    background: #00B4ED;
    font-weight: 600;
}

.business ul.buildingTabs li a {
    position: absolute;
    top: 0;
    left: 50%;
    margin-left: -91.5px;
    display: inline-block;
    width: 186px;
    height: 100%;
}

.business ul.buildingTabs li:nth-child(1) a {
    left: 50%;
    margin-left: -280px;
    width: 560px;
}

.business ul.buildingTabs li.mu1 a {
    background: url(../image/sub/business/buildingTabBg.png) no-repeat 0 0;
}

.business ul.buildingTabs li.mu2 a {
    background: url(../image/sub/business/buildingTabBg.png) no-repeat 0 -40px;
}

.business ul.buildingTabs li.mu3 a {
    background: url(../image/sub/business/buildingTabBg.png) no-repeat -186px -40px;
}

.business ul.buildingTabs li.mu4 a {
    background: url(../image/sub/business/buildingTabBg.png) no-repeat -372px -40px;
}

.business ul.buildingTabs li.mu5 a {
    background: url(../image/sub/business/buildingTabBg.png) no-repeat 0 -138px;
}

.business ul.buildingTabs li.mu6 a {
    background: url(../image/sub/business/buildingTabBg.png) no-repeat -186px -138px;
}

.business ul.buildingTabs li.mu7 a {
    background: url(../image/sub/business/buildingTabBg.png) no-repeat -372px -138px;
}

.business ul.buildingTabs li.active.mu1 a {
    background: url(../image/sub/business/buildingTabBgOn.png) no-repeat 0 0;
}

.business ul.buildingTabs li.active.mu2 a {
    background: url(../image/sub/business/buildingTabBgOn.png) no-repeat 0 -40px;
}

.business ul.buildingTabs li.active.mu3 a {
    background: url(../image/sub/business/buildingTabBgOn.png) no-repeat -186px -40px;
}

.business ul.buildingTabs li.active.mu4 a {
    background: url(../image/sub/business/buildingTabBgOn.png) no-repeat -372px -40px;
}

.business ul.buildingTabs li.active.mu5 a {
    background: url(../image/sub/business/buildingTabBgOn.png) no-repeat 0 -138px;
}

.business ul.buildingTabs li.active.mu6 a {
    background: url(../image/sub/business/buildingTabBgOn.png) no-repeat -186px -138px;
}

.business ul.buildingTabs li.active.mu7 a {
    background: url(../image/sub/business/buildingTabBgOn.png) no-repeat -372px -138px;
}

/* ���� */
.business ul.houseTabs {
    position: relative;
    margin-top: 30px;
    text-align: center;
    font-size: 0;
}

.business ul.houseTabs li {
    display: inline-block;
    text-align: center;
    width: 32.5%;
    height: 99px;
    overflow: hidden;
    position: relative;
    background: #eee;
    border-right: 1px solid #BFBFBF;
    border-top: 1px solid #BFBFBF;
    border-bottom: 1px solid #BFBFBF;
}

.business ul.houseTabs li:nth-child(1) {
    border-left: 1px solid #BFBFBF;
}

.business ul.houseTabs li.active {
    background: #00B4ED;
    font-weight: 600;
}

.business ul.houseTabs li a {
    position: absolute;
    top: 0;
    left: 50%;
    margin-left: -91.5px;
    display: inline-block;
    width: 186px;
    height: 100%;
}

.business ul.houseTabs li.mu1 a {
    background: url(../image/sub/business/houseTabBg.png) no-repeat 0 0;
}

.business ul.houseTabs li.mu2 a {
    background: url(../image/sub/business/houseTabBg.png) no-repeat -186px 0;
}

.business ul.houseTabs li.mu3 a {
    background: url(../image/sub/business/houseTabBg.png) no-repeat -372px 0;
}

.business ul.houseTabs li.active.mu1 a {
    background: url(../image/sub/business/houseTabBgOn.png) no-repeat 0 0;
}

.business ul.houseTabs li.active.mu2 a {
    background: url(../image/sub/business/houseTabBgOn.png) no-repeat -186px 0;
}

.business ul.houseTabs li.active.mu3 a {
    background: url(../image/sub/business/houseTabBgOn.png) no-repeat -372px 0;
}

/* �÷�Ʈ */
.business ul.plantTabs {
    position: relative;
    margin-top: 30px;
    text-align: center;
    font-size: 0;
}

.business ul.plantTabs li {
    display: inline-block;
    text-align: center;
    width: 32.5%;
    height: 99px;
    overflow: hidden;
    position: relative;
    background: #eee;
    border-right: 1px solid #BFBFBF;
    border-top: 1px solid #BFBFBF;
    border-bottom: 1px solid #BFBFBF;
}

.business ul.plantTabs li:nth-child(1) {
    border-left: 1px solid #BFBFBF;
}

.business ul.plantTabs li.active {
    background: #00B4ED;
    font-weight: 600;
}

.business ul.plantTabs li a {
    position: absolute;
    top: 0;
    left: 50%;
    margin-left: -91.5px;
    display: inline-block;
    width: 186px;
    height: 100%;
}

.business ul.plantTabs li.mu1 a {
    background: url(../image/sub/business/plantTabBg.png) no-repeat 0 0;
}

.business ul.plantTabs li.mu2 a {
    background: url(../image/sub/business/plantTabBg.png) no-repeat -186px 0;
}

.business ul.plantTabs li.mu3 a {
    background: url(../image/sub/business/plantTabBg.png) no-repeat -372px 0;
}

.business ul.plantTabs li.active.mu1 a {
    background: url(../image/sub/business/plantTabBgOn.png) no-repeat 0 0;
}

.business ul.plantTabs li.active.mu2 a {
    background: url(../image/sub/business/plantTabBgOn.png) no-repeat -186px 0;
}

.business ul.plantTabs li.active.mu3 a {
    background: url(../image/sub/business/plantTabBgOn.png) no-repeat -372px 0;
}

/* �ؿ� */
.business ul.abroadTabs {
    position: relative;
    margin-top: 30px;
    text-align: center;
    font-size: 0;
}

.business ul.abroadTabs li {
    display: inline-block;
    text-align: center;
    width: 32.5%;
    height: 99px;
    overflow: hidden;
    position: relative;
    background: #eee;
    border-right: 1px solid #BFBFBF;
    border-top: 1px solid #BFBFBF;
}

.business ul.abroadTabs li:nth-child(4),
.business ul.abroadTabs li:nth-child(5),
.business ul.abroadTabs li:nth-child(6) {
    border-bottom: 1px solid #BFBFBF;
}

.business ul.abroadTabs li:nth-child(1),
.business ul.abroadTabs li:nth-child(4) {
    border-left: 1px solid #BFBFBF;
}

.business ul.abroadTabs li.active {
    background: #00B4ED;
    font-weight: 600;
}

.business ul.abroadTabs li a {
    position: absolute;
    top: 0;
    left: 50%;
    margin-left: -91.5px;
    display: inline-block;
    width: 186px;
    height: 100%;
}

.business ul.abroadTabs li.mu1 a {
    background: url(../image/sub/business/abroadTabBg.png) no-repeat 0 0;
}

.business ul.abroadTabs li.mu2 a {
    background: url(../image/sub/business/abroadTabBg.png) no-repeat -186px 0;
}

.business ul.abroadTabs li.mu3 a {
    background: url(../image/sub/business/abroadTabBg.png) no-repeat -372px 0;
}

.business ul.abroadTabs li.mu4 a {
    background: url(../image/sub/business/abroadTabBg.png) no-repeat 0 -99px;
}

.business ul.abroadTabs li.mu5 a {
    background: url(../image/sub/business/abroadTabBg.png) no-repeat -186px -99px;
}

.business ul.abroadTabs li.mu6 a {
    background: url(../image/sub/business/abroadTabBg.png) no-repeat -372px -99px;
}

.business ul.abroadTabs li.active.mu1 a {
    background: url(../image/sub/business/abroadTabBgOn.png) no-repeat 0 0;
}

.business ul.abroadTabs li.active.mu2 a {
    background: url(../image/sub/business/abroadTabBgOn.png) no-repeat -186px 0;
}

.business ul.abroadTabs li.active.mu3 a {
    background: url(../image/sub/business/abroadTabBgOn.png) no-repeat -372px 0;
}

.business ul.abroadTabs li.active.mu4 a {
    background: url(../image/sub/business/abroadTabBgOn.png) no-repeat 0 -99px;
}

.business ul.abroadTabs li.active.mu5 a {
    background: url(../image/sub/business/abroadTabBgOn.png) no-repeat -186px -99px;
}

.business ul.abroadTabs li.active.mu6 a {
    background: url(../image/sub/business/abroadTabBgOn.png) no-repeat -372px -99px;
}

.network {
    display: none;
    position: relative;
    width: 100%;
}

.network .networkMarker {
    width: 100%;
    height: 100%;
}

.network .networkMarker img {
    width: 100%;
    height: auto
}

.network .networkDetail {
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.8);
    text-align: center;
}

.network .networkDetail .mapClose {
    position: absolute;
    top: 0;
    right: 0;
    padding: 3.571%;
    z-index: 9;
}

.network .networkDetail .abNameKr {
    position: relative;
    margin-top: 40px;
    font-size: 18px;
    color: #fff;
    font-weight: 800;
}

.network .networkDetail .abNameEn {
    position: relative;
    margin-top: 5px;
    margin-bottom: 10px;
    font-size: 12px;
    color: #46b2e6;
    font-weight: 400;
}

.network .networkDetail .abAddress {
    position: relative;
    padding-top: 10px;
    font-size: 15px;
    color: #fff;
    font-weight: 400;
    line-height: 20px;
    width: 85.714%;
    margin: 0 auto;
    border-top: 3px solid #fff;
}

.network .networkDetail .abAddress2,
.network .networkDetail .abAddress3 {
    position: relative;
    padding-top: 10px;
    font-size: 15px;
    color: #fff;
    font-weight: 400;
    line-height: 20px;
    width: 85.714%;
    margin: 0 auto;
    border-top: 1px solid #fff;
}



/*blocksit*/
#business_container {
    position: relative;
    width: 100%;
    margin: 20px auto 0;
    overflow: hidden;
}

.grid {
    position: relative;
    float: left;
    width: 48.214%;
    margin-bottom: 3.572%;
    overflow: hidden;
    min-height: 100px;
    height: auto;
}

.grid:nth-child(2n) {
    float: right;
}

.grid .imgholder {
    position: relative;
    width: 100%;
    height: 100%;
}

.grid .imgholder .best {
    position: absolute;
    top: 0;
    right: 0;
    width: 19.259%;
}

.grid .imgholder img {
    width: 100%;
    height: auto;
}

.grid .txtholder {
    position: relative;
    width: 100%;
    min-height: 50px;
    background: #F7F8F8;
    overflow: hidden;
}

.grid .txtholder strong {
    font-size: 12px;
    color: #1b1b1b;
    font-weight: 400;
    display: block;
    padding: 10px 10px 0 4.444%;
    line-height: 16px;
}

.grid .txtholder p {
    font-size: 10px;
    color: #252424;
    font-weight: 400;
    display: block;
    padding: 10px 0 10px 4.444%;
    background: url("../image/sub/business/more.png") no-repeat 94.074% center;
}

.businessMoreBtn {
    width: 100%;
    text-align: center;
    padding: 30px 0;
}

#moreAvailable {
    display: none;
}

.plzWait {
    display: none;
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: rgba(255, 255, 255, 0.7) url("/image/sub/spinner.gif") no-repeat center center;
    text-align: center;
}

.detailView {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 87.5%;
    height: 100%;
    padding: 100px 6.25%;
    background: rgba(0, 0, 0, 0.8);
    z-index: 999;
}

.detailView>p {
    position: relative;
    width: 100%;
}

.detailView>p #wimg {
    width: 100%;
}

.detailView>div {
    position: relative;
    width: 94.644%;
    margin: 0 auto;
    padding: 2.678%;
    background: #000;
}

.detailView>div #wcategory {
    display: none;
}

.detailView>div h1#wname {
    font-size: 18px;
    color: #fff;
    font-weight: 900;
    margin-top: 5%;
    padding-bottom: 18px;
    border-bottom: 3px solid #fff;
    line-height: 24px;
}

.detailView>div ul {
    position: relative;
    padding: 11px 0 30px 0;
}

.detailView>div ul li {
    padding: 9px 0;
}

.detailView>div ul li span {
    display: inline-block;
    width: 65px;
    font-size: 12px;
    color: #fff;
    vertical-align: middle;
}

.detailView>div ul li strong {
    display: inline-block;
    width: 75%;
    font-size: 15px;
    font-weight: 300;
    color: #fff;
    word-break: keep-all;
    vertical-align: top;
    line-height: 20px;
}

.detailView .detailViewClose {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 9;
    padding: 3%;
}

/************************************************************************************************************/
/************************************************************************************************************/
/*��������*/
/*�����о�*/
.research {
    width: 100%;
    margin: 30px auto;
    word-break: keep-all;
}

.research>p {
    color: #1b1b1b;
    font-size: 15px;
    line-height: 140%;
    margin-bottom: 20px;
    border-bottom: 5px solid #00B4ED;
    padding-bottom: 20px;
}

.research div {
    border-bottom: 1px solid #ddd;
    margin-bottom: 30px;
    padding-bottom: 30px;
}

.research div h3 {
    color: #00B4ED;
    font-size: 15px;
    margin-bottom: 10px;
}

.research div ul {
    margin-bottom: 10px;
}

.research div ul li {
    font-size: 15px;
    color: #1b1b1b;
    line-height: 140%;
    padding: 2px 0;
    background: url("../image/sub/research/dot.png") no-repeat left 10px;
    padding-left: 8px;
}

.research div>p {
    margin-bottom: 5%;
}

.research div>p img {
    display: block;
    width: 100%;
}

/*���ü��� ����/����*/
.housedesign {
    width: 100%;
    margin: 30px auto;
}

.housedesign ul.tabs {
    margin: 0;
    padding: 0;
    overflow: hidden;
    border-left: 1px solid #eee;
    width: 100%;
    font-size: 0;
}

.housedesign ul.tabs li {
    display: inline-block;
    text-align: center;
    cursor: pointer;
    border: 1px solid #BFBFBF;
    border-left: none;
    background: #eee;
    overflow: hidden;
    position: relative;
    font-size: 18px;
    padding: 20px 0;
    width: 32.5%;
    color: #1b1b1b;
}

.housedesign ul.tabs li:first-child {
    border-left: 1px solid #BFBFBF;
}

.housedesign ul.tabs li.active {
    background: #00B4ED;
    color: #fff;
    font-weight: 800;
}

.housedesign ul.tabs li br {
    display: none;
}

.housedesign .tab_container {
    margin-top: 20px;
    width: 100%;
}

.housedesign .tab_content {
    display: none;
}

.housedesign .tab_content .inner_research {
    border-top: 5px solid #00B4ED;
    padding-top: 20px;
}

.housedesign .tab_content .inner_research div {
    border-bottom: 1px solid #ddd;
    margin-bottom: 30px;
    padding-bottom: 30px;
}

.housedesign .tab_content .inner_research div:last-child {
    border-bottom: none;
}

.housedesign .tab_content .inner_research div h3 {
    color: #00B4ED;
    font-size: 15px;
    margin-bottom: 15px;
    line-height: 140%;
}

.housedesign .tab_content .inner_research div>p {
    color: #1b1b1b;
    font-size: 15px;
    line-height: 140%;
    margin-bottom: 20px;
}

.housedesign .tab_content .inner_research div>p span {
    display: block;
    margin-bottom: 15px;
}

.housedesign .tab_content .inner_research div>p img {
    display: block;
    width: 100%;
}

.housedesign .tab_content .inner_research div ul li {
    font-size: 12px;
    color: #1b1b1b;
    line-height: 140%;
    margin: 5px 0
}

.housedesign .tab_content .inner_research div ul li:first-child {
    margin-bottom: 10px;
}

.housedesign .tab_content .inner_research div ul li strong {
    display: block;
    color: #00B4ED;
}

.housedesign .tab_content .inner_research div ul li strong span {
    color: #1b1b1b;
}

.housedesign .tab_content .inner_research .loadmore {
    width: 100%;
    text-align: center;
    margin-bottom: 30px;
    padding-bottom: 30px;
}

.housedesign .tab_content .inner_research div:nth-child(n+2) {
    display: none;
}

.detailPopup {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 87.5%;
    height: 100%;
    margin-top: 60px;
    padding: 6.25%;
    background: rgba(0, 0, 0, 0.8);
    z-index: 999;
}

.detailPopup>img {
    width: 100%;
}

.detailPopup .detailPopupClose {
    display: block;
    position: absolute;
    top: 3.25%;
    right: 5.55%;
    padding: 3%;
    z-index: 9;
    cursor: pointer;
}

/*��������*/
.development {
    width: 100%;
    margin: 30px auto;
}

.development h3 {
    color: #00B4ED;
    font-size: 18px;
    border-bottom: 5px solid #00B4ED;
    padding-bottom: 20px;
}

.development div {
    margin-top: 20px;
    border-bottom: 1px solid #00B4ED;
    margin-bottom: 30px;
    padding-bottom: 30px;
}

.development div h4 {
    color: #00B4ED;
    font-size: 15px;
}

.development div ul li {
    font-size: 15px;
    color: #1b1b1b;
    line-height: 140%;
    margin: 10px 0
}

.development div ul li p {
    background: url("../image/sub/research/dot2.png") no-repeat 2px 8px;
    padding-left: 10px;
}

.development div ul li p span {
    display: block;
    font-size: 12px;
    color: #00B4ED;
    padding: 0;
}

.development .loadmore {
    width: 100%;
    text-align: center;
    margin-bottom: 30px;
    padding-bottom: 30px;
}

.development div.dev:nth-child(n+4) {
    display: none;
}

.development .dev_counter {
    position: relative;
    width: 100%;
    margin: 30px 0 50px 0;
}

.development .dev_counter li {
    clear: both;
    position: relative;
    width: 100%;
    height: 30px;
    color: #fff;
    background: #00B4ED url("../image/sub/research/counterBg.png") repeat-x 0px 45px;
    padding: 10px 0;
    overflow: hidden;
}

.development .dev_counter li span {
    display: block;
    position: absolute;
    left: 0;
    padding: 0 2.678%;
    bottom: 0;
    font-size: 18px;
    font-weight: 900;
    background: #00B4ED;
}

.development .dev_counter li strong {
    display: block;
    position: absolute;
    right: 0;
    padding: 0 2.678%;
    bottom: -6px;
    font-size: 38px;
    font-weight: 900;
    background: #00B4ED;
}

.development .dev_counter li:nth-child(4) {
    padding-bottom: 25px;
}

.development .dev_counter li:nth-child(4) span {
    bottom: 15px;
}

.development .dev_counter li:nth-child(4) strong {
    bottom: 11px;
}

.development .dev_counter li:last-child {
    padding-bottom: 20px;
    background: #000 url("../image/sub/research/counterBg.png") repeat-x 0px 45px;
}

.development .dev_counter li:last-child span {
    bottom: 10px;
    background: #000;
}

.development .dev_counter li:last-child strong {
    bottom: 6px;
    background: #000;
}

/************************************************************************************************************/
/************************************************************************************************************/
/************************************************************************************************************/
/*�����濵*/
/*�����濵*/
.managing {
    width: 100%;
    margin: 30px auto;
    word-break: keep-all;
}

.managing ul.tabs {
    margin: 0 auto;
    padding: 0;
    overflow: hidden;
    border-left: 1px solid #eee;
    width: 87.5%;
    font-size: 0;
}

.managing ul.tabs li {
    display: inline-block;
    text-align: center;
    cursor: pointer;
    border: 1px solid #BFBFBF;
    border-left: none;
    background: #eee;
    overflow: hidden;
    position: relative;
    font-size: 18px;
    padding: 8px 0;
    width: 32.5%;
    color: #1b1b1b;
    line-height: 22px;
    vertical-align: top;
}

.managing ul.tabs li:first-child {
    border-left: 1px solid #BFBFBF;
}

.managing ul.tabs li.active {
    background: #00B4ED;
    color: #fff;
    font-weight: 800;
}

.managing ul.tabs_1 {
    margin: 0 auto;
    padding: 0;
    overflow: hidden;
    border-left: 1px solid #eee;
    width: 87.5%;
    font-size: 0;
}

.managing ul.tabs_1 li {
    display: inline-block;
    text-align: center;
    cursor: pointer;
    border: 1px solid #BFBFBF;
    border-left: none;
    background: #eee;
    overflow: hidden;
    position: relative;
    font-size: 18px;
    padding: 8px 0;
    width: 24%;
    color: #1b1b1b;
    line-height: 22px;
    vertical-align: top;
}

.managing ul.tabs_1 li:first-child {
    border-left: 1px solid #BFBFBF;
}

.managing ul.tabs_1 li.active {
    background: #00B4ED;
    color: #fff;
    font-weight: 800;
}

.managing .tab_container {
    margin-top: 20px;
    width: 100%;
}

.managing .tab_content {
    display: none;
}

.managing .imgfree {
    width: 100%;
}

.managing .imgfree img {
    width: 100%;
    vertical-align: top;
}

.company .imgfree {
    width: 100%;
}

.company .imgfree img {
    width: 100%;
    vertical-align: top;
}

.managing .system {
    width: 87.5%;
    margin: 0 auto;
}

.managing .system>h3 {
    font-size: 18px;
    color: #1b1b1b;
    line-height: 130%;
    text-align: center;
    padding: 0 20px;
    margin-bottom: 20px;
}

.managing .system>p {
    margin-bottom: 20px;
}

.managing .system>p img {
    display: block;
    width: 100%;
}

.managing .system>h4 {
    color: #00B4ED;
    font-size: 23px;
    margin-bottom: 30px;
    margin-top: 40px;
    text-align: center;
}

.managing .system>p.system_new_btn {
    width: 40%;
    height: 40px;
    background: #eee;
    margin: 0 auto;
    display: flex;
    justify-content: center;
    align-items: center;
}

.company .system {
    width: 87.5%;
    margin: 0 auto;
}

.company .system>h3 {
    font-size: 18px;
    color: #1b1b1b;
    line-height: 130%;
    text-align: center;
    padding: 0 20px;
    margin-bottom: 20px;
}

.company .system>p {
    margin-bottom: 20px;
}

.company .system>p img {
    display: block;
    width: 100%;
}

.company .system>h4 {
    color: #00B4ED;
    font-size: 23px;
    margin-bottom: 30px;
    margin-top: 40px;
    text-align: center;
}

.company .system>p.system_new_btn {
    width: 40%;
    height: 40px;
    background: #eee;
    margin: 0 auto;
    display: flex;
    justify-content: center;
    align-items: center;
}

/*220629 ���ȣ*/
.managing .system .hrm_mng h4 {
    margin-bottom: 50px;
}

.managing .system .hrm_mng span strong {
    color: #00B4ED;
    font-size: 15px;
    margin-bottom: 10px;
    margin-top: 40px;
}

.managing .system .hrm_mng div div {
    border: 2px solid #00B4ED;
    padding: 10px;
    box-sizing: border-box;
}

.managing .system .hrm_mng div div span {
    color: #00B4ED;
    font-size: 18px;
    font-weight: 600
}

.managing .system .hrm_active div {
    border: 2px solid #00B4ED;
    padding: 10px;
    box-sizing: border-box;
}

.managing .system .hrm_active div span {
    color: #00B4ED;
    font-size: 18px;
    font-weight: 600
}

/*220629 ���ȣ*/

.managing .system div {
    margin-bottom: 20px;
    margin-bottom: 40px;
}

.managing .system div p {
    font-size: 15px;
    color: #1b1b1b;
    line-height: 140%;
    margin: 10px 0
}

.managing .concept {
    width: 87.5%;
    margin: 0 auto;
}

.managing .concept>h3 {
    font-size: 22px;
    color: #1b1b1b;
    line-height: 130%;
    text-align: center;
    padding: 0 20px;
    margin-bottom: 20px;
}

.managing .concept>h4 {
    font-size: 15px;
    color: #1b1b1b;
    line-height: 140%;
    text-align: center;
    padding: 0 15px;
    margin-bottom: 20px;
    font-weight: normal;
}

.managing .concept>h5 {
    font-size: 15px;
    color: #00B4ED;
    margin: 40px 0 0 0;
    font-weight: 900;
}

.managing .concept>h6 {
    font-size: 15px;
    color: #1b1b1b;
    font-weight: normal;
    padding-bottom: 30px;
    line-height: 125%;
}

.managing .concept>h6 strong {
    font-weight: 900;
    display: inline-block;
    margin: 10px 0;
}

.managing .concept>p img {
    display: block;
    width: 100%;
}

.company .system div {
    margin-bottom: 20px;
    margin-bottom: 40px;
}

.company .system div p {
    font-size: 15px;
    color: #1b1b1b;
    line-height: 140%;
    margin: 10px 0
}

.company .concept {
    width: 87.5%;
    margin: 0 auto;
}

.company .concept>h3 {
    font-size: 22px;
    color: #1b1b1b;
    line-height: 130%;
    text-align: center;
    padding: 0 20px;
    margin-bottom: 20px;
}

.company .concept>h4 {
    font-size: 15px;
    color: #1b1b1b;
    line-height: 140%;
    text-align: center;
    padding: 0 15px;
    margin-bottom: 20px;
    font-weight: normal;
}

.company .concept>h5 {
    font-size: 15px;
    color: #00B4ED;
    margin: 40px 0 0 0;
    font-weight: 900;
}

.company .concept>h6 {
    font-size: 15px;
    color: #1b1b1b;
    font-weight: normal;
    padding-bottom: 30px;
    line-height: 125%;
}

.company .concept>h6 strong {
    font-weight: 900;
    display: inline-block;
    margin: 10px 0;
}

.company .concept>p img {
    display: block;
    width: 100%;
}

.managing .accuse {
    width: 87.5%;
    margin: 0 auto;
    padding-bottom: 30px;
}

.managing .accuse>h3 {
    font-size: 22px;
    color: #1b1b1b;
    line-height: 130%;
    text-align: center;
    padding: 0 20px;
    margin-bottom: 20px;
}

.managing .accuse>p {
    font-size: 12px;
    color: #1b1b1b;
    line-height: 140%;
    margin: 10px 0;
    background: url("../image/sub/managing/dot2.png") no-repeat 2px 8px;
    padding-left: 8px;
}

.managing .accuse>p:nth-child(2) {
    background: none
}

.managing .accuse>p a span {
    color: #00B4ED
}

.managing .accuse>p img {
    display: block;
    width: 100%;
}

.managing .accuse>ul {
    padding-bottom: 30px;
    margin-bottom: 15px;
    border-bottom: 1px solid #C2C2C2;
}

.managing .accuse>ul li {
    font-size: 15px;
    color: #1b1b1b;
    line-height: 110%;
    margin: 10px 0;
    background: url("../image/sub/managing/dot.png") no-repeat 2px center;
    padding-left: 8px;
}

.managing .accuse>ul li.accuseBtn {
    padding: 5px 0 3px 0;
}

.managing .accuse>ul li.accusePrivacy {
    background: none;
    padding-left: 0;
}

.managing .accuse>ul li span {
    font-size: 12px;
    color: #00B4ED
}

/*�Ż��*/
.future {
    width: 100%;
    margin: 30px auto 60px auto;
    word-break: keep-all;
}

.future>h3 {
    font-size: 15px;
    color: #00B4ED;
    line-height: 130%;
    margin-top: 30px;
    margin-bottom: 15px;
    letter-spacing: -1px;
}

.future>p {
    margin-bottom: 30px;
    font-size: 15px;
    color: #1b1b1b;
    line-height: 140%;
}

.future>p img {
    display: block;
    width: 100%;
}

/*��������/ǰ��/ȯ��*/
.qes {
    width: 100%;
    margin: 30px auto;
    word-break: keep-all;
}

.qes ul.tabs {
    margin: 0 auto;
    padding: 0;
    overflow: hidden;
    border-left: 1px solid #eee;
    width: 87.5%;
    font-size: 0;
}

.qes ul.tabs li {
    display: inline-block;
    text-align: center;
    cursor: pointer;
    border: 1px solid #BFBFBF;
    border-left: none;
    background: #eee;
    overflow: hidden;
    position: relative;
    font-size: 18px;
    padding: 20px 0;
    width: 32.5%;
    color: #1b1b1b;
    line-height: 22px;
    vertical-align: top;
}

.qes ul.tabs li:first-child {
    border-left: 1px solid #BFBFBF;
}

.qes ul.tabs li:first-child {
    padding: 9px 0;
}

.qes ul.tabs li.active {
    background: #00B4ED;
    color: #fff;
    font-weight: 800;
}

.qes .tab_container {
    margin-top: 20px;
    width: 100%;
}

.qes .tab_content {
    display: none;
}

.qes .imgfree {
    width: 100%;
}

.qes .imgfree img {
    width: 100%;
    vertical-align: top;
}

/* ������ */
.qes .safety .graph {
    width: 100%;
}

.qes .safety .graph h4 {
    font-size: 15px;
    color: #00B4ED;
    padding: 20px 0;
}

.qes .safety .graph img {
    width: 100%;
}

.qes .safety .graph .definition {
    width: 94.644%;
    background: #F1F2F2;
    padding: 20px 2.678% 0 2.678%;
    margin-top: 15px;
}

.qes .safety .graph .definition dl {
    font-size: 12px;
    color: #1b1b1b;
    line-height: 16px;
    padding-bottom: 20px;
}

.qes .safety .graph .definition dt {
    font-weight: 800;
}

.qes .safety .graph .definition dd {
    background: url("../image/sub/managing/dot3.png") no-repeat 2px center;
    padding-left: 8px;
}

.qes .safety {
    width: 87.5%;
    margin: 0 auto;
}

.qes .safety>h3 {
    font-size: 22px;
    color: #1b1b1b;
    line-height: 130%;
    text-align: center;
    padding: 0 15px;
    margin-bottom: 15px;
}

.qes .safety>p {
    font-size: 15px;
    color: #1b1b1b;
    line-height: 140%;
    text-align: center;
    padding: 0 15px;
    margin-bottom: 20px;
    font-weight: normal;
}

.qes .safety>p img {
    display: block;
    width: 100%;
}

.qes .safety .inner1 {
    margin-top: 50px;
}

.qes .safety .inner1 h4 {
    font-size: 15px;
    color: #00B4ED;
    line-height: 130%;
    margin-bottom: 5px;
    letter-spacing: -1px;
}

.qes .safety .inner1 p {
    font-size: 15px;
    color: #1b1b1b;
    line-height: 140%;
    margin: 10px 0
}

.qes .safety .inner1 p img {
    display: block;
    width: 100%;
}

.qes .inner2 {
    background: url(../image/sub/managing/img10.jpg) no-repeat top center;
    background-size: cover;
    color: #fff;
    padding: 50px 30px 30px 30px;
    margin-top: 20px;
}

.qes .inner2.bg1 {
    background: url(../image/sub/managing/img13.jpg) no-repeat top center;
    background-size: cover;
}

.qes .inner2.bg2 {
    background: url(../image/sub/managing/img16.jpg) no-repeat top center;
    background-size: cover;
}

.qes .inner2.bg2 p {
    padding-bottom: 50px;
}

.qes .inner2 h4 {
    font-size: 15px;
    padding-bottom: 15px;
}

.qes .inner2 h4:nth-child(2) {
    padding-top: 35px;
}

.qes .inner2 .dnv {
    padding-top: 35px;
}

.qes .inner2 p {
    font-size: 15px;
    padding-bottom: 15px;
    line-height: 140%;
}

.qes .inner2 p.point {
    color: #00B4ED;
    padding-bottom: 50px;
}

.qes .inner2 ul {
    color: #00B4ED;
    padding-bottom: 50px;
}

.qes .inner2 ul li {
    font-size: 15px;
    padding-bottom: 5px;
    line-height: 140%;
}

.qes .safety .inner3 {
    margin-top: 40px;
}

.qes .safety .inner3 h4 {
    color: #00B4ED;
    font-size: 15px;
    border-bottom: 5px solid #00B4ED;
    padding-bottom: 15px;
    margin-bottom: 15px;
}

.qes .safety .inner3 div {
    margin-top: 20px;
    border-bottom: 1px solid #00B4ED;
    font-size: 15px;
    margin-bottom: 30px;
    padding-bottom: 30px;
}

.qes .safety .inner3 div h5 {
    font-size: 15px;
    color: #00B4ED;
    margin-bottom: 15px;
}

.qes .safety .inner3 div p {
    font-size: 15px;
    color: #1b1b1b;
    line-height: 140%;
    margin: 10px 0
}

/* ǰ���� */
.qes .quality .graph {
    width: 100%;
}

.qes .quality .graph h4 {
    font-size: 15px;
    color: #00B4ED;
    padding: 20px 0;
}

.qes .quality .graph img {
    width: 100%;
}

.qes .quality .graph .definition {
    width: 94.644%;
    background: #F1F2F2;
    padding: 20px 2.678% 0 2.678%;
    margin-top: 35px;
}

.qes .quality .graph .definition dl {
    font-size: 12px;
    color: #1b1b1b;
    line-height: 16px;
    padding-bottom: 20px;
}

.qes .quality .graph .definition dt {
    font-weight: 800;
}

.qes .quality .graph .definition dd {
    background: url("../image/sub/managing/dot3.png") no-repeat 2px center;
    padding-left: 8px;
}

.qes .quality {
    width: 87.5%;
    margin: 0 auto;
}

.qes .quality>h3 {
    font-size: 22px;
    color: #1b1b1b;
    line-height: 130%;
    text-align: center;
    padding: 0 15px;
    margin-bottom: 15px;
}

.qes .quality>p {
    font-size: 15px;
    color: #1b1b1b;
    line-height: 140%;
    text-align: center;
    padding: 0 15px;
    margin-bottom: 20px;
    font-weight: normal;
}

.qes .quality>p img {
    display: block;
    width: 100%;
}

.qes .quality .inner1 {
    margin-top: 50px;
}

.qes .quality .inner1 h4 {
    font-size: 15px;
    color: #00B4ED;
    line-height: 130%;
    margin-bottom: 5px;
    letter-spacing: -1px;
}

.qes .quality .inner1 p {
    font-size: 15px;
    color: #1b1b1b;
    line-height: 140%;
    margin: 10px 0
}

.qes .quality .inner1 p img {
    display: block;
    width: 100%;
}

.qes .quality .inner3 {
    margin-top: 40px;
}

.qes .quality .inner3 h4 {
    color: #00B4ED;
    font-size: 15px;
    border-bottom: 5px solid #00B4ED;
    padding-bottom: 15px;
    margin-bottom: 15px;
}

.qes .quality .inner3 div {
    margin-top: 20px;
    border-bottom: 1px solid #00B4ED;
    font-size: 15px;
    margin-bottom: 30px;
    padding-bottom: 30px;
}

.qes .quality .inner3 div h5 {
    font-size: 15px;
    color: #00B4ED;
    margin-bottom: 15px;
}

.qes .quality .inner3 div p {
    font-size: 15px;
    color: #1b1b1b;
    line-height: 140%;
    margin: 10px 0
}

/* ȯ���� */
.qes .environment .graph {
    width: 100%;
    padding-top: 30px;
}

.qes .environment .graph h4 {
    font-size: 15px;
    color: #00B4ED;
    padding: 20px 0;
}

.qes .environment .graph img {
    width: 100%;
}

.qes .environment .graph .definition {
    width: 94.644%;
    background: #F1F2F2;
    padding: 20px 2.678% 0 2.678%;
    margin-top: 35px;
}

.qes .environment .graph .definition dl {
    font-size: 12px;
    color: #1b1b1b;
    line-height: 16px;
    padding-bottom: 20px;
}

.qes .environment .graph .definition dt {
    font-weight: 800;
}

.qes .environment .graph .definition dt small {
    font-weight: 400;
    color: #00B4ED;
}

.qes .environment .graph .definition dd {
    background: url("../image/sub/managing/dot3.png") no-repeat 2px center;
    padding-left: 8px;
}

.qes .environment {
    width: 87.5%;
    margin: 0 auto;
}

.qes .environment>h3 {
    font-size: 22px;
    color: #1b1b1b;
    line-height: 130%;
    text-align: center;
    padding: 0 15px;
    margin-bottom: 15px;
}

.qes .environment>p {
    font-size: 15px;
    color: #1b1b1b;
    line-height: 140%;
    text-align: center;
    padding: 0 15px;
    margin-bottom: 20px;
    font-weight: normal;
}

.qes .environment>p img {
    display: block;
    width: 100%;
}

.qes .environment .inner1 {
    margin-top: 50px;
}

.qes .environment .inner1 h4 {
    font-size: 15px;
    color: #00B4ED;
    line-height: 130%;
    margin-bottom: 5px;
    letter-spacing: -1px;
}

.qes .environment .inner1 p {
    font-size: 15px;
    color: #1b1b1b;
    line-height: 140%;
    margin: 10px 0
}

.qes .environment .inner1 p img {
    display: block;
    width: 100%;
}

.qes .environment .inner3 {
    margin-top: 40px;
}

.qes .environment .inner3 h4 {
    color: #00B4ED;
    font-size: 15px;
    border-bottom: 5px solid #00B4ED;
    padding-bottom: 15px;
    margin-bottom: 15px;
}

.qes .environment .inner3 div {
    margin-top: 20px;
    border-bottom: 1px solid #00B4ED;
    font-size: 15px;
    margin-bottom: 30px;
    padding-bottom: 30px;
}

.qes .environment .inner3 div h5 {
    font-size: 15px;
    color: #00B4ED;
    margin-bottom: 15px;
}

.qes .environment .inner3 div p {
    font-size: 15px;
    color: #1b1b1b;
    line-height: 140%;
    margin: 10px 0
}

/*supplychain*/
.supplychain {
    width: 100%;
    margin: 30px auto 70px auto;
    word-break: keep-all;
}

.supplychain ul.tabs {
    margin: 0 auto;
    padding: 0;
    overflow: hidden;
    border-left: 1px solid #eee;
    width: 87.5%;
    font-size: 0;
}

.csr ul.tabs li {
    display: inline-block;
    text-align: center;
    cursor: pointer;
    border: 1px solid #BFBFBF;
    border-left: none;
    background: #eee;
    overflow: hidden;
    position: relative;
    font-size: 17px;
    padding: 20px 0;
    width: 32.5%;
}

.supplychain ul.tabs li:first-child {
    border-left: 1px solid #BFBFBF;
}

.supplychain ul.tabs li.active {
    background: #00B4ED;
    color: #fff;
    font-weight: 600;
}

.supplychain ul.tabs li br {
    display: none;
}

.supplychain .tab_container {
    margin-top: 20px;
    width: 100%;
}

.supplychain .tab_content {
    display: none;
}


/*CSR*/
.csr {
    width: 100%;
    margin: 30px auto 70px auto;
    word-break: keep-all;
}

.csr ul.tabs {
    margin: 0 auto;
    padding: 0;
    overflow: hidden;
    border-left: 1px solid #eee;
    width: 87.5%;
    font-size: 0;
}

.csr ul.tabs li {
    display: inline-block;
    text-align: center;
    cursor: pointer;
    border: 1px solid #BFBFBF;
    border-left: none;
    background: #eee;
    overflow: hidden;
    position: relative;
    font-size: 17px;
    padding: 20px 0;
    width: 49.5%;
}

.csr ul.tabs li:first-child {
    border-left: 1px solid #BFBFBF;
}

.csr ul.tabs li.active {
    background: #00B4ED;
    color: #fff;
    font-weight: 600;
}

.csr ul.tabs li br {
    display: none;
}

.csr .tab_container {
    margin-top: 20px;
    width: 100%;
}

.csr .tab_content {
    display: none;
}

.csr .winwin {
    width: 87.5%;
    margin: 0 auto;
}

.csr .winwin>h3 {
    font-size: 20px;
    color: #1b1b1b;
    line-height: 130%;
    text-align: center;
    padding: 0 15px;
    margin-bottom: 20px;
    letter-spacing: -1px;
}

.csr .winwin>p {
    font-size: 15px;
    color: #1b1b1b;
    line-height: 140%;
    text-align: center;
    padding: 0 15px;
    margin-bottom: 20px;
    font-weight: normal;
}

.csr .winwin .inner1 h4 {
    color: #00B4ED;
    font-size: 15px;
    margin-bottom: 10px;
    padding-top: 20px;
}

.csr .winwin .inner1 p {
    font-size: 15px;
    color: #1b1b1b;
    line-height: 140%;
}

.csr .winwin .inner1 ul {
    margin-top: 20px;
}

.csr .winwin .inner1 ul li {
    text-align: center;
}

.csr .winwin .inner1 ul li p {
    font-size: 15px;
    color: #1b1b1b;
    line-height: 140%;
    margin: 10px 0;
    text-align: left;
}

.csr .winwin .inner1 ul li span {
    background: #00B4ED;
    display: block;
    width: 100%;
}

.csr .winwin .inner1 ul li:nth-child(2n) span {
    background: #00B4ED;
    display: block;
    width: 100%;
}

.csr .winwin .inner2 {
    margin-top: 30px;
}

.csr .winwin .inner2 h4 {
    color: #00B4ED;
    font-size: 15px;
    border-bottom: 5px solid #00B4ED;
    padding-bottom: 15px;
    margin-bottom: 15px;
}

.csr .winwin .inner2 div {
    margin-top: 20px;
    border-bottom: 1px solid #00B4ED;
    font-size: 15px;
    margin-bottom: 30px;
    padding-bottom: 30px;
}

.csr .winwin .inner2 div h5 {
    font-size: 15px;
    color: #00B4ED;
    margin-bottom: 15px;
}

.csr .winwin .inner2 div p {
    font-size: 15px;
    color: #1b1b1b;
    line-height: 140%;
    margin: 10px 0
}

.csr .winwin .inner2 div p img {
    display: block;
    width: 100%;
}

.csr .share {
    width: 87.5%;
    margin: 0 auto;
}

.csr .share>h3 {
    font-size: 20px;
    color: #1b1b1b;
    line-height: 130%;
    text-align: center;
    padding: 0 15px;
    margin-bottom: 20px;
    letter-spacing: -1px;
}

.csr .share>p {
    font-size: 15px;
    color: #1b1b1b;
    line-height: 140%;
    text-align: center;
    padding: 0 15px;
    margin-bottom: 20px;
    font-weight: normal;
}

.csr .share .inner1 h4 {
    color: #00B4ED;
    font-size: 15px;
    margin-bottom: 10px;
}

.csr .share .inner1 p {
    font-size: 15px;
    color: #1b1b1b;
    line-height: 140%;
}

.csr .share .inner1 ul {
    margin-top: 20px;
}

.csr .share .inner1 ul li {
    text-align: center;
}

.csr .share .inner1 ul li p {
    font-size: 15px;
    color: #1b1b1b;
    line-height: 140%;
    margin: 10px 0;
    text-align: left;
}

.csr .share .inner1 ul li strong {
    font-size: 15px;
    color: #1b1b1b;
    text-align: left;
    display: block;
    margin-top: 15px;
}

.csr .share .inner1 ul li span {
    background: url(../image/sub/managing/bg1.jpg);
    display: block;
    width: 100%;
}

.csr .share .inner1 ul li:nth-child(2n) span {
    background: url(../image/sub/managing/bg2.jpg);
    display: block;
    width: 100%;
}

.csr .share .inner1 ul li ul {
    margin-bottom: 15px;
}

.csr .share .inner1 ul li ul li {
    font-size: 15px;
    color: #00B4ED;
    line-height: 140%;
    margin: 5px 0;
    text-align: left;
}

.csr .share_inner2 {
    margin-top: 30px;
    background: url(../image/sub/managing/bg3.jpg) no-repeat top left;
    background-size: cover;
    padding: 30px 20px;
}

.csr .share_inner2 h3 {
    color: #00B4ED;
    font-size: 15px;
    margin-bottom: 20px;
}

.csr .share_inner2 h4 {
    margin-bottom: 20px;
}

.csr .share_inner2 p {
    font-size: 15px;
    color: #1b1b1b;
    line-height: 130%;
    margin-bottom: 50px;
}

.csr .share_inner2 a {
    margin-bottom: 5px;
}

.csr .share .inner3 {
    margin-top: 30px;
    margin-bottom: 30px;
}

.csr .share .inner3 h3 {
    color: #00B4ED;
    font-size: 15px;
    margin-bottom: 20px;
}

.csr .share .inner3 ul li {
    font-size: 15px;
    color: #1b1b1b;
    line-height: 130%;
    margin: 10px 0
}

.csr .share .inner3 ul li img {
    display: block;
    width: 100%;
}

.csr .share .inner3 ul li p {
    margin-top: 15px;
}


.csr .sports {
    width: 100%;
    margin: 0 auto;
}

.csr .sports>h3 {
    font-size: 20px;
    color: #1b1b1b;
    line-height: 130%;
    text-align: center;
    padding: 0 15px;
    margin-bottom: 20px;
    letter-spacing: -1px;
}

.csr .sports>p {
    font-size: 15px;
    color: #1b1b1b;
    line-height: 140%;
    text-align: center;
    padding: 0 15px;
    margin-bottom: 20px;
    font-weight: normal;
}

/*.csr .sports div{position:relative; margin-bottom:30px;}*/
.csr .sports div {
    position: relative;
    margin-bottom: 50px;
    background: url(../image/sub/managing/img18_bg.jpg) no-repeat top center;
    background-size: cover;
    padding-bottom: 75%;
}

/*.csr .sports div p{position:absolute; top:40%; color:#fff; padding:0 20px;}*/
.csr .sports div p {
    padding-top: 90%;
    color: #fff;
    width: 87.5%;
    margin: 0 auto;
}

.csr .sports div p span,
.csr .sports div p strong {
    display: block;
    font-size: 15px;
    line-height: 130%;
}

.csr .sports div p strong {
    margin-bottom: 15px;
}

/*.csr .sports div img{display:block; width:100%;}*/
.csr .sports div img {
    display: block;
    width: 100%;
    position: absolute;
    padding-top: 20px;
}

.csr .sports .imgarrest {
    width: 87.5%;
    margin: 0 auto 30px auto;
}


/************************************************************************************************************/
/************************************************************************************************************/
/************************************************************************************************************/

/*��������*/
/*�濵����*/
.management {
    width: 100%;
    margin: 30px auto;
}

.management ul.tabs {
    margin: 0;
    padding: 0;
    overflow: hidden;
    border-left: 1px solid #eee;
    width: 100%;
    font-size: 0;
}

.management ul.tabs li {
    display: inline-block;
    text-align: center;
    cursor: pointer;
    border: 1px solid #BFBFBF;
    border-left: none;
    background: #eee;
    overflow: hidden;
    position: relative;
    font-size: 18px;
    padding: 20px 0;
    width: 24.5%;
    line-height: 22px;
    vertical-align: top;
}

.management ul.tabs li.active {
    background: #00B4ED;
    color: #fff;
    font-weight: 600;
}

.management ul.tabs li:first-child {
    border-left: 1px solid #BFBFBF;
}

.management ul.tabs li:nth-child(-n+2) {
    padding: 9px 0;
}

.management .tab_container {
    margin-top: 30px;
    width: 100%;
}

.management .tab_content {
    padding-bottom: 30px;
    display: none;
}

.management .management p img {
    display: block;
    width: 100%;
}

.management .management table {
    width: 100%;
    margin-top: 15px;
}

.management .management table th {
    color: #00B4ED;
    padding: 10px 5px;
    font-size: 15px;
    text-align: left;
}

.management .management table td {
    color: #1b1b1b;
    padding: 10px 5px;
    font-size: 15px;
}

.management .governance p img {
    display: block;
    width: 100%;
}

.governance .director_rule {
    margin-top: 50px;
    margin-bottom: 50px;
}

.governance .director_rule strong {
    display: block;
    font-size: 30px;
    font-weight: 600;
    margin-top: 10px;
    margin-bottom: 20px;
    word-break: keep-all;
}

.governance .director_rule a {
    display: block;
    margin-bottom: 15px;
    width: 100%;
    height: 60px;
    line-height: 60px;
    font-size: 18px;
    font-weight: 600;
    border: 1px solid #BEBEBE;
}

.governance .director_rule a:first-child {
    margin-right: 20px;
}

.governance .director_rule a img {
    display: inline-block;
    vertical-align: top;
    margin-left: 20px;
    margin-right: 20px;
    margin-top: 20px;
}

.management .stockholder table {
    width: 100%;
    margin-bottom: 30px;
    border-top: 3px solid #00B4ED;
}

.management .stockholder table caption {
    color: #00B4ED;
    font-size: 15px;
    font-weight: 600;
    text-align: left;
    margin-bottom: 15px;
    font-weight: 300;
}

.management .stockholder table caption span {
    color: #808285;
    font-size: 12px;
    float: right;
    letter-spacing: -1px;
    margin-top: 5px;
}

.management .stockholder table th {
    border-bottom: 1px solid #00B4ED;
    color: #00B4ED;
    padding: 10px 0px;
    font-size: 12px;
}

.management .stockholder table td {
    color: #1b1b1b;
    padding: 10px 0px;
    font-size: 12px;
    border-bottom: 1px solid #ddd;
    text-align: center;
}

.management .stockholder table td.tit {
    font-size: 15px;
    font-weight: 600;
    letter-spacing: -1px;
    text-align: center;
}

.management .stockholder table tr.han {
    background: #f2f5fa;
}

.management .stockholder table tr.han td {
    color: #00B4ED;
    font-weight: 600;
    font-size: 15px;
}

.management .director table {
    width: 100%;
    margin-bottom: 30px;
}

.management .director table caption {
    color: #00B4ED;
    font-size: 15px;
    font-weight: 600;
    text-align: left;
    margin-bottom: 15px;
}

.management .director table caption span {
    color: #808285;
    font-size: 12px;
    float: right;
    letter-spacing: -1px;
    margin-top: 5px;
    font-weight: 300;
}

.management .director table th {
    border-top: 3px solid #00B4ED;
    border-bottom: 1px solid #00B4ED;
    color: #00B4ED;
    padding: 10px 3px;
    font-size: 15px;
    text-align: left;
}

.management .director table td {
    color: #1b1b1b;
    padding: 10px 3px;
    font-size: 15px;
    border-bottom: 1px solid #ddd;
}

.management .director table tr.tit td {
    font-size: 15px;
    color: #1b1b1b;
    font-weight: 600;
    letter-spacing: -1px;
    text-align: left;
}

/*�繫����*/
.finance {
    width: 100%;
    margin: 30px auto;
    word-break: keep-all;
}

.finance ul.tabs {
    margin: 0;
    padding: 0;
    overflow: hidden;
    border-left: 1px solid #eee;
    width: 100%;
    font-size: 0;
}

.finance ul.tabs li {
    display: inline-block;
    text-align: center;
    cursor: pointer;
    border: 1px solid #BFBFBF;
    border-left: none;
    background: #eee;
    overflow: hidden;
    position: relative;
    font-size: 18px;
    padding: 20px 0;
    width: 49%;
    line-height: 22px;
    vertical-align: top;
}

.finance ul.tabs li.active {
    background: #00B4ED;
    color: #fff;
    font-weight: 600;
}

.finance ul.tabs li:first-child {
    /*padding:9px 0;*/
    border-left: 1px solid #BFBFBF;
}

.finance ul.tabs li:last-child {
    padding: 9px 0;
}

.finance .tab_container {
    margin-top: 30px;
    width: 100%;
}

.finance .tab_content {
    display: none;
}

/* �ֿ�濵 ���� */
.finance .result {
    position: relative;
    width: 100%;
}

.finance .result table {
    position: relative;
    width: 100%;
    border-top: 5px solid #00B4ED;
    margin-bottom: 50px;
}

.finance .result table:nth-child(2n) {
    margin-right: 0;
}

.finance .result table caption {
    width: 100%;
    margin-bottom: 15px;
    font-size: 15px;
    color: #00B4ED;
    font-weight: 600;
    text-align: left;
}

.finance .result table caption q {
    display: inline-block;
    float: right;
    font-size: 11px;
    color: #898989;
    font-weight: 300;
}

.finance .result table#table1 thead th {
    position: relative;
    width: 50px;
    height: 59px;
    font-size: 12px;
    color: #00B4ED;
}

.finance .result table#table2 thead th {
    position: relative;
    width: 50px;
    height: 74px;
    font-size: 12px;
    color: #00B4ED;
}

.finance .result table#table2 thead tr:first-child th {
    height: 73px;
}

.finance .result table#table3 thead th {
    position: relative;
    width: 50px;
    height: 74px;
    font-size: 12px;
    color: #00B4ED;
}

.finance .result table#table4 thead th {
    position: relative;
    width: 50px;
    height: 49px;
    font-size: 12px;
    color: #00B4ED;
}

.finance .result table#table4 thead tr:first-child th {
    height: 51px;
}

.finance .result table thead th p {
    position: absolute;
    bottom: -9px;
    right: 5px;
}

.finance .result table thead td {
    border-bottom: 1px solid #BFBFBF;
}

.finance .result table thead tr:last-child td {
    border-bottom: 1px solid #034299;
}

.finance .result table tbody {
    width: 100%;
}

.finance .result table#table1 tbody {
    position: absolute;
    bottom: 60px;
    left: 0;
    height: 240px;
}

.finance .result table#table2 tbody {
    position: absolute;
    bottom: 60px;
    left: 0;
    height: 225px;
}

.finance .result table#table3 tbody {
    position: absolute;
    bottom: 60px;
    left: 0;
    height: 224px;
}

.finance .result table#table4 tbody {
    position: absolute;
    bottom: 60px;
    left: 0;
    height: 239px;
}

.finance .result table tbody th {
    width: 50px;
    font-size: 0;
    text-indent: -99999px;
}

.finance .result table#table1 tbody td {
    position: relative;
    height: 240px;
    text-align: center;
    vertical-align: bottom;
}

.finance .result table#table2 tbody td {
    position: relative;
    height: 225px;
    text-align: center;
    vertical-align: bottom;
}

.finance .result table#table3 tbody td {
    position: relative;
    height: 225px;
    text-align: center;
    vertical-align: bottom;
}

.finance .result table#table4 tbody td {
    position: relative;
    height: 240px;
    text-align: center;
    vertical-align: bottom;
}

.finance .result table tbody td p {
    position: relative;
    margin: 0 auto;
    bottom: -1px;
    width: 40px;
    background: #BFBFBF;
}

.finance .result table#table1 tbody td.recentYear p {
    background: #00B4ED;
}

.finance .result table#table2 tbody td.recentYear p {
    background: #00B4ED;
}

.finance .result table#table3 tbody td.recentYear p {
    background: #00B4ED;
}

.finance .result table#table4 tbody td.recentYear p {
    background: #00B4ED;
}

.finance .result table tbody td p span {
    position: absolute;
    top: 0;
    left: 0;
    text-align: center;
    width: 100%;
    font-size: 14px;
    margin-top: -15px;
    display: none;
}

.finance .result table tfoot th {
    position: relative;
    width: 50px;
    height: 59px;
    font-size: 0;
    text-indent: -99999px;
}

.finance .result table tfoot td {
    text-align: center;
    font-size: 15px;
    color: #1b1b1b;
    padding-top: 40px;
}

.finance .result table tfoot td small {
    font-size: 12px;
}

/* ������ */
/* tab2 ������ */
.st_selectBox {
    width: 99%;
    background: #00B4ED;
    border-left: 1px solid #00B4ED;
    border-right: 1px solid #00B4ED;
    height: 40px;
    line-height: 40px;
    color: #fff;
    font-size: 18px;
    text-indent: 15px;
    font-weight: 600;
    display: table;
    position: relative;
    /*    position: relative;*/
}

.st_selectBoxBg {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
    z-index: 9991;
}

.box1 {
    z-index: 9990;
}

.box1list {
    display: none;
    position: relative;
    width: 99%;
    background: #F7F8F8;
    border: 1px solid #C9CACA;
    border-top: none;
    z-index: 9990;
}

.box1list li {
    width: 100%;
}

.box1list li a {
    display: inline-block;
    width: 100%;
    padding: 13px 0;
    font-size: 15px;
    color: #1b1b1b;
    text-indent: 15px;
}

.box2 {
    z-index: 9990;
}

.box2list {
    display: none;
    position: relative;
    width: 99%;
    background: #F7F8F8;
    border: 1px solid #C9CACA;
    border-top: none;
    z-index: 9990;
}

.box2list li {
    width: 100%;
}

.box2list li a {
    display: inline-block;
    width: 100%;
    padding: 13px 0;
    font-size: 15px;
    color: #1b1b1b;
    text-indent: 15px;
}

.st_selectBox.box2 {
    background: #00B4ED;
    margin-top: 10px;
    border-left: #00B4ED;
    border-right: #00B4ED;
}

.st_selectBox span {
    /*    position: absolute;
    right: 0;*/
    display: table-cell;
    vertical-align: middle;
    text-indent: 0;
    float: right;
    padding-right: 10px;
}

.st_table {
    margin-top: 30px;
}

.st_table table {
    position: relative;
    width: 100%;
    border-top: 5px solid #00B4ED;
    float: left;
    border-collapse: collapse;
    border-spacing: 0;
    margin-top: 0;
    margin-bottom: 30px;
}

.st_table table caption {
    margin-bottom: 8px;
    font-size: 15px;
    color: #00B4ED;
    font-weight: 600;
    text-align: left;
}

.st_table table caption q {
    display: inline-block;
    float: right;
    color: #898989;
    font-size: 10px;
    padding-top: 5px;
}

.st_table table thead tr {
    position: relative;
    height: 34px;
}

.st_table table thead th {
    position: relative;
    width: 60px;
    height: 34px;
    font-size: 12px;
    color: #00B4ED;
    font-weight: 500;
    border-bottom: 1px solid #034299;
}

.st_table table thead th:first-child {
    text-align: left;
    text-indent: 10px;
}

.st_table table thead th:last-child {
    text-align: right;
    padding-right: 10px;
}

.st_table table tbody tr {
    position: relative;
    width: 100%;
    height: 39px;
    font-size: 12px;
    color: #1b1b1b;
    font-weight: 300;
    border-bottom: 1px solid #bfbfbf;
}

.st_table table tbody tr.st_trstyle {
    font-size: 15px;
    color: #00B4ED;
    background: #f2f5fa;
}

.st_table table tbody th {
    width: 270px;
    text-align: left;
    text-indent: 10px;
}

.st_table table tbody tr.st_trstyle th {
    font-weight: 600;
}

.st_table table tbody td {
    text-align: right;
    padding-right: 10px;
}

.st_table table tfoot tr {
    position: relative;
    width: 100%;
    height: 39px;
    font-size: 15px;
    color: #fff;
    background: #00B4ED;
    font-weight: 300;
    border-bottom: 0;
}

.st_table table tfoot th {
    width: 100%;
    text-align: left;
    text-indent: 10px;
}

.st_table table tfoot td {
    text-align: right;
    padding-right: 10px;
}

.st_table table.table4 {
    margin-top: 0;
    box-sizing: border-box;
    border: 5px solid #00B4ED;
    height: 60px;
}

.st_table table.table4 tr {
    font-size: 15px;
    color: #00B4ED;
}

.st_table .st_up_bottom {
    margin-bottom: 50px;
}

.textContainer {
    margin-top: 50px;
    width: calc(100% - 40px);
    background: #eee;
    border-top: 5px solid #00B4ED;
    border-bottom: 1px solid #00B4ED;
    height: 400px;
    padding: 0 20px;
    margin-bottom: 130px;
}

.textContainer p {
    margin-top: 23px;
    text-align: left;
    float: left;
    font-size: 15px;
    color: #464646;
    line-height: 20px;
}

.textContainer p strong {
    display: block;
    font-size: 15px;
    color: #00B4ED;
    margin-bottom: 11px;
}

.textContainer p.logo {
    margin-top: 30px;
    margin-left: 53px;
    margin-right: 111px;
}

.textContainer p.date {
    font-size: 18px;
    margin-right: 110px;
}

.textContainer p.text span {
    color: #000;
    display: block;
    margin-top: 11px;
    font-weight: 600;
}

/* �ܺΰ����� */
.finance .appoint {
    padding-bottom: 30px;
}

.finance .appoint>h3 {
    font-size: 22px;
    color: #1b1b1b;
    margin-bottom: 20px;
    text-align: center;
}

.finance .appoint>p {
    font-size: 15px;
    color: #1bm1b1b;
    line-height: 130%;
    margin-bottom: 10px;
    padding: 0 20px;
    text-align: center;
    font-weight: 400
}

.finance .appoint>p strong {
    color: #00B4ED;
    font-weight: 400
}

.finance .appoint ul {
    width: 51.785%;
    margin: 0 auto 30px;
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    padding: 10px 0
}

.finance .appoint li {
    font-size: 15px;
    color: #1b1b1b;
    padding: 10px 0;
    line-height: 130%;
}

.finance .appoint li span {
    width: 100px;
    text-indent: 8px;
    display: inline-block;
}

/* �ֽ����� */
.stock {
    width: 100%;
    margin: 30px auto;
}

/* �������� */
.information {
    width: 100%;
    margin: 30px auto;
}

.information ul.tabs {
    margin: 0 auto;
    padding: 0;
    overflow: hidden;
    border-left: 1px solid #eee;
    width: 100%;
    font-size: 0;
}

.information ul.tabs li {
    display: inline-block;
    text-align: center;
    cursor: pointer;
    border: 1px solid #BFBFBF;
    border-left: none;
    background: #eee;
    overflow: hidden;
    position: relative;
    font-size: 18px;
    width: 48.5%;
    color: #1b1b1b;
    line-height: 22px;
    vertical-align: top;
}

.information ul.tabs li.active {
    background: #00B4ED;
}

.information ul.tabs li.active a {
    color: #fff;
    font-weight: 600;
}

.information ul.tabs li:first-child {
    border-left: 1px solid #BFBFBF;
}

.information ul.tabs li a {
    display: block;
    width: 100%;
    padding: 18px 0;
}

/*.information ul.tabs li:last-child { padding:7px 0; }*/
.information iframe {
    margin-top: 30px;
}

.inforNotice {
    width: 100%;
    border-top: 1px solid #BFBFBF;
    padding-bottom: 30px;
}

.inforNotice p {
    font-size: 15px;
    color: #1b1b1b;
    text-align: center;
    font-weight: 400;
    padding: 20px 0;
}

.inforNotice a {
    font-size: 15px;
    color: #fff;
    display: block;
    text-align: center;
    width: 100%;
    height: 40px;
    background: #00B4ED;
    line-height: 40px;
}

.information table {
    position: relative;
    width: 100%;
    border-top: 5px solid #00B4ED;
    margin: 30px 0;
}

.information table caption {
    width: 100%;
    margin-bottom: 10px;
    font-size: 12px;
    color: #1b1b1b;
    font-weight: 900;
    text-align: left;
}

.information table caption q {
    display: inline-block;
    float: right;
    font-size: 15px;
    color: #898989;
    font-weight: 300;
}

.information table thead th {
    padding: 10px 0;
    font-size: 12px;
    color: #00B4ED;
    font-weight: 100;
    text-align: left;
    border-bottom: 1px solid #1852A2;
}

.information table tbody td {
    padding: 10px 0;
    font-size: 15px;
    color: #1b1b1b;
    text-align: left;
    border-bottom: 1px solid #CACBCC;
}

.information table tbody tr:first-child td,
.information table tbody tr:last-child td {
    padding: 0;
    height: 0;
    border: none;
}

.information table tbody td:last-child {
    text-align: center;
}

.information table tbody td small {
    font-size: 12px;
    color: #00B4ED;
    display: inline-block;
    margin-top: 5px;
}

.information table img {
    vertical-align: middle;
}

.information table tfoot {
    text-align: center;
    border-top: 1px solid #1852A2;
}

.information table tfoot td {
    padding: 20px 0 30px 0;
}

.information table tfoot a {
    display: inline-block;
    height: 28px;
    padding: 0 10px 0 10px;
    line-height: 30px;
    font-size: 15px;
    color: #1b1b1b;
    font-weight: 500;
    vertical-align: middle;
}

.information table tfoot a.currentPage,
.information table tfoot a.paging:hover {
    color: #fff;
    background: #00B4ED;
}

.information table thead th.num,
.information table tbody td.num {
    text-align: center;
}

.information table tfoot td a.next,
.information table tfoot td a.prev {
    position: relative;
}

.information table tfoot td a.next:hover,
.information table tfoot td a.prev:hover {
    background: none;
}

/* IR���� */
.ir {
    width: 100%;
    margin: 30px auto;
}

.ir ul.tabs {
    margin: 0 auto;
    padding: 0;
    overflow: hidden;
    border-left: 1px solid #eee;
    width: 100%;
    font-size: 0;
}

.ir ul.tabs li {
    display: inline-block;
    text-align: center;
    cursor: pointer;
    border: 1px solid #BFBFBF;
    border-left: none;
    background: #eee;
    overflow: hidden;
    position: relative;
    font-size: 18px;
    padding: 18px 0;
    width: 48.5%;
    color: #1b1b1b;
    line-height: 22px;
    vertical-align: top;
}

.ir ul.tabs li.active {
    background: #00B4ED;
}

.ir ul.tabs li.active a {
    color: #fff;
    font-weight: 600;
}

.ir ul.tabs li:first-child {
    border-left: 1px solid #BFBFBF;
}

.ir ul.tabs li:last-child {
    padding: 7px 0;
}

.ir {
    width: 100%;
    margin: 30px auto;
}

.ir ul.tabs3 {
    margin: 0 auto;
    padding: 0;
    overflow: hidden;
    border-left: 1px solid #eee;
    width: 87.5%;
    font-size: 0;
}

.ir ul.tabs3 li {
    display: inline-block;
    text-align: center;
    cursor: pointer;
    border: 1px solid #BFBFBF;
    border-left: none;
    background: #eee;
    overflow: hidden;
    position: relative;
    font-size: 18px;
    padding: 18px 0;
    width: 32.5%;
    color: #1b1b1b;
    line-height: 22px;
    vertical-align: top;
}

.ir ul.tabs3 li.active {
    background: #00B4ED;
}

.ir ul.tabs3 li.active a {
    color: #fff;
    font-weight: 600;
}

.ir ul.tabs3 li:first-child {
    border-left: 1px solid #BFBFBF;
}




.ir table {
    position: relative;
    width: 100%;
    border-top: 5px solid #00B4ED;
    margin: 30px 0;
}

.ir table caption {
    width: 100%;
    margin-bottom: 10px;
    font-size: 12px;
    color: #1b1b1b;
    font-weight: 900;
    text-align: left;
}

.ir table caption q {
    display: inline-block;
    float: right;
    font-size: 15px;
    color: #898989;
    font-weight: 300;
}

.ir table thead th {
    padding: 10px 0;
    font-size: 12px;
    color: #00B4ED;
    font-weight: 100;
    text-align: left;
    border-bottom: 1px solid #1852A2;
}

.ir table tbody td {
    padding: 10px 0;
    font-size: 15px;
    color: #1b1b1b;
    text-align: left;
    border-bottom: 1px solid #CACBCC;
}

.ir table tbody tr:first-child td,
.ir table tbody tr:last-child td {
    padding: 0;
    height: 0;
    border: none;
}

.ir table tbody td:last-child {
    text-align: center;
}

.ir table tbody td small {
    font-size: 12px;
    color: #00B4ED;
    display: inline-block;
    margin-top: 5px;
}

.ir table tbody td .ir_btn_kor {
    display: inline-block;
    margin-right: 10px;
}

.ir table tbody td .ir_btn_eng {
    display: inline-block;
    margin-right: 10px;
}

@media screen and (max-width: 760px) {
    .ir table tbody td .ir_btn_kor {
        margin-right: 0;
        margin-bottom: 5px;
    }

    .ir table tbody td .ir_btn_eng {
        margin-right: 0;
        margin-bottom: 5px;
    }
}

.ir table img {
    vertical-align: middle;
}

.ir table tfoot {
    text-align: center;
    border-top: 1px solid #1852A2;
}

.ir table tfoot td {
    padding: 20px 0 30px 0;
}

.ir table tfoot a {
    display: inline-block;
    height: 28px;
    padding: 0 10px 0 10px;
    line-height: 30px;
    font-size: 15px;
    color: #1b1b1b;
    font-weight: 500;
    vertical-align: middle;
}

.ir table tfoot a.currentPage,
.ir table tfoot a.paging:hover {
    color: #fff;
    background: #00B4ED;
}

.ir table thead th.num,
.ir table tbody td.num {
    text-align: center;
}

.ir table tfoot td a.next,
.ir table tfoot td a.prev {
    position: relative;
}

.ir table tfoot td a.next:hover,
.ir table tfoot td a.prev:hover {
    background: none;
}



/* ���Ӱ��� */
.downloadArea_2btn {
    margin-top: 30px;
    font-size: 0;
    position: relative;
}

.downloadArea_2btn .img {
    position: relative;
    display: inline-block;
    width: 100%;
    margin-right: 50px;
    vertical-align: top;
    z-index: 9;
}

.downloadArea_2btn .img img {
    width: 100%;
}

.downloadArea_2btn .continuance_text {
    position: relative;
    display: inline-block;
    width: 100%;
    color: #1b1b1b;
    vertical-align: top;
    margin-top: 50px;
    z-index: 9;
}

.downloadArea_2btn .continuance_text strong {
    display: block;
    font-size: 30px;
    font-weight: 600;
    margin-top: 10px;
    margin-bottom: 20px;
    word-break: keep-all;
}

.downloadArea_2btn .continuance_text span {
    display: block;
    margin-top: 40px;
    font-size: 20px;
    line-height: 30px;
    word-break: keep-all;
}

.downloadArea_2btn .continuance_text p {
    margin-top: 30px;
}

.downloadArea_2btn .continuance_text p a {
    display: block;
    margin-bottom: 15px;
    width: 100%;
    height: 60px;
    line-height: 60px;
    font-size: 18px;
    font-weight: 600;
    border: 1px solid #BEBEBE;
}

.downloadArea_2btn .continuance_text p a:first-child {
    margin-right: 20px;
}

.downloadArea_2btn .continuance_text p a img {
    display: inline-block;
    vertical-align: top;
    margin-left: 20px;
    margin-right: 20px;
    margin-top: 20px;
}

.downloadTxt_continuance {
    position: absolute;
    bottom: 30px;
    left: 0;
    font-size: 15px;
    width: 100%;
    text-align: right;
    padding-top: 15px;
    border-top: 1px solid #bfbfbf;
    z-index: 1;
}

.downloadTxt_continuance span {
    color: #00B4ED;
    font-weight: 600;
    margin-left: 14px;
}

.continuance table {
    position: relative;
    width: 100%;
    border-top: 5px solid #00B4ED;
    margin: 30px 0;
}

.continuance table caption {
    width: 100%;
    margin-bottom: 10px;
    font-size: 12px;
    color: #1b1b1b;
    font-weight: 900;
    text-align: left;
}

.continuance table caption q {
    display: inline-block;
    float: right;
    font-size: 15px;
    color: #898989;
    font-weight: 300;
}

.continuance table thead th {
    padding: 10px 0;
    font-size: 12px;
    color: #00B4ED;
    font-weight: 100;
    text-align: left;
    border-bottom: 1px solid #1852A2;
}

.continuance table tbody td {
    padding: 10px 0;
    font-size: 15px;
    color: #1b1b1b;
    text-align: left;
    border-bottom: 1px solid #CACBCC;
}

.continuance table tbody tr:first-child td,
.ir table tbody tr:last-child td {
    padding: 0;
    height: 0;
    border: none;
}

.continuance table tbody td:last-child {
    text-align: center;
}

.continuance table tbody td small {
    font-size: 12px;
    color: #00B4ED;
    display: inline-block;
    margin-top: 5px;
}

.continuance table img {
    vertical-align: middle;
}

.continuance table tfoot {
    text-align: center;
    border-top: 1px solid #1852A2;
}

.continuance table tfoot td {
    padding: 20px 0 30px 0;
}

.continuance table tfoot a {
    display: inline-block;
    height: 28px;
    padding: 0 10px 0 10px;
    line-height: 30px;
    font-size: 15px;
    color: #1b1b1b;
    font-weight: 500;
    vertical-align: middle;
}

.continuance table tfoot a.currentPage,
.ir table tfoot a.paging:hover {
    color: #fff;
    background: #00B4ED;
}

.continuance table thead th.num,
.ir table tbody td.num {
    text-align: center;
}

.continuance table tfoot td a.next,
.ir table tfoot td a.prev {
    position: relative;
}

.continuance table tfoot td a.next:hover,
.ir table tfoot td a.prev:hover {
    background: none;
}













/************************************************************************************************************/
/************************************************************************************************************/
/************************************************************************************************************/
/*ȫ������*/
/* ȸ�� �ҽ� */
.news {
    width: 100%;
    margin: 30px auto;
    padding: 0 0 30px;
}

.news ul.tabs {
    margin: 0 auto;
    padding: 0;
    overflow: hidden;
    border-left: 1px solid #eee;
    width: 100%;
    font-size: 0;
}

.news ul.tabs li {
    display: inline-block;
    text-align: center;
    cursor: pointer;
    border: 1px solid #BFBFBF;
    border-left: none;
    background: #eee;
    overflow: hidden;
    position: relative;
    font-size: 18px;
    padding: 18px 0;
    width: 48.5%;
    color: #1b1b1b;
    line-height: 22px;
    vertical-align: top;
}

.news ul.tabs li.active {
    background: #00B4ED;
}

.news ul.tabs li.active a {
    color: #fff;
    font-weight: 600;
}

.news ul.tabs li:first-child {
    border-left: 1px solid #BFBFBF;
}

.news table {
    position: relative;
    width: 100%;
    border-top: 5px solid #00B4ED;
    margin: 30px 0;
    table-layout: fixed;
}

.news table caption {
    width: 100%;
    margin-bottom: 7px;
    font-size: 12px;
    color: #1b1b1b;
    font-weight: 900;
    text-align: left;
}

.news table caption q {
    display: inline-block;
    float: right;
    font-size: 10px;
    color: #898989;
    font-weight: 300;
}

.news table thead th {
    padding: 10px 0;
    font-size: 12px;
    color: #00B4ED;
    font-weight: 100;
    text-align: left;
    border-bottom: 1px solid #1852A2;
}

.news table thead th.newsDetail {
    padding: 15px 0;
    font-size: 15px;
    color: #00B4ED;
    font-weight: 800;
    text-align: left;
    border-bottom: 1px solid #1852A2;
}

.news table tbody td {
    position: relative;
    padding: 12px 0;
    font-size: 15px;
    color: #1b1b1b;
    text-align: left;
    border-bottom: 1px solid #CACBCC;
}

.news table tbody td p.boardTitle {
    width: 100%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.news table tbody td p.boardDate {
    width: 100%;
    padding: 2px 0 0;
}

.news table tbody td img {
    width: 100% !important;
    height: auto !important;
}

.news table tbody td img.newImg {
    width: auto !important;
}

.news table tbody td small {
    font-size: 12px;
    color: #00B4ED;
    display: inline-block;
    margin-top: 5px;
}

.news table img {
    vertical-align: middle;
}

.news table tfoot {
    text-align: center;
    border-top: 1px solid #1852A2;
}

.news table tfoot td {
    padding: 20px 0 30px 0;
}

.news table tfoot a {
    display: inline-block;
    height: 28px;
    padding: 0 10px 0 10px;
    line-height: 30px;
    font-size: 15px;
    color: #1b1b1b;
    font-weight: 500;
    vertical-align: middle;
}

.news table tfoot a.currentPage,
.news table tfoot a.paging:hover {
    color: #fff;
    background: #00B4ED;
}

.news table thead th.num,
.news table tbody td.num {
    text-align: center;
}

.news table tfoot td a.next,
.news table tfoot td a.prev {
    position: relative;
}

.news table tfoot td a.next:hover,
.news table tfoot td a.prev:hover {
    background: none;
}

.news table thead th.txt_right,
.news table tbody td.txt_right {
    text-align: right;
    padding-top: 15px;
}

/*CI & BI*/
.ci {
    width: 100%;
    margin: 30px auto;
    padding-bottom: 30px;
}

.ci div {
    margin-bottom: 20px;
}

.ci div>h3 {
    font-size: 15px;
    color: #00B4ED;
    line-height: 130%;
    margin-bottom: 15px;
    letter-spacing: -1px;
}

.ci div p {
    margin-bottom: 15px;
    font-size: 15px;
    color: #1b1b1b;
    line-height: 130%;
}

.ci div p strong,
.ci div p span {
    display: block;
    margin-bottom: 10px;
}

.ci div>p img {
    display: block;
    width: 100%;
}

.ci div a {
    margin: 5px 0
}

.ci div p span em {
    color: #00B4ED;
    font-size: 12px;
    font-style: normal;
}

/*ȫ������*/
.cf {
    width: 100%;
    margin: 30px auto;
}

.cf ul.tabs {
    margin: 0 auto;
    padding: 0;
    overflow: hidden;
    border-left: 1px solid #eee;
    width: 100%;
    font-size: 0;
}

.cf ul.tabs li {
    display: inline-block;
    text-align: center;
    cursor: pointer;
    border: 1px solid #BFBFBF;
    border-left: none;
    background: #eee;
    overflow: hidden;
    position: relative;
    font-size: 18px;
    padding: 18px 0;
    width: 32.5%;
    color: #1b1b1b;
    line-height: 22px;
    vertical-align: top;
}

.cf ul.tabs li.active {
    background: #00B4ED;
}

.cf ul.tabs li.active a {
    color: #fff;
    font-weight: 600;
}

.cf ul.tabs li:first-child {
    border-left: 1px solid #BFBFBF;
}

.movie {
    width: 100%;
    margin-top: 30px;
}

.mainMov {
    position: relative;
    width: 100%;
    padding-bottom: 56.25%;
    /*16:9*/
    height: 0;
    line-height: 0;
}

.mainMov iframe {
    position: absolute;
    width: 100%;
    height: 100%;
    /*    top: 0;
    left: 0;*/
}

.cf #container {
    position: relative;
    width: 100%;
    margin: 20px auto 0;
    overflow: hidden;
}

.cf #container>div:nth-child(2n) {
    float: right;
}

.grid_cf {
    width: 48.5%;
    float: left;
    min-height: 100px;
    height: auto;
    background: #f7f8f8;
    padding-bottom: 25px;
    margin-bottom: 10px;
}

.grid_cf .imgholder {
    background: #222;
    position: relative;
}

.grid_cf .imgholder .best {
    width: 19%;
    position: absolute;
    top: 0;
    right: 0;
    z-index: 9;
}

.grid_cf .imgholder img {
    width: 100%;
    display: block;
    opacity: 1 -webkit-transform:scale(1);
    transform: scale(1);
    -webkit-transition: 0.6s;
    transition: 0.6s;
}

.grid_cf p {
    color: #252424;
    font-size: 10px;
    padding: 10px 0 10px 10px;
    background: url(../image/sub/publicity/arrow.png) no-repeat;
    background-position: top 9px right 10px;
}

.grid_cf strong {
    display: block;
    font-size: 12px;
    color: #1b1b1b;
    font-weight: 600;
    word-break: keep-all;
    padding-left: 10px;
    line-height: 14px;
}

@media screen and (max-width: 360px) {
    .grid_cf strong {
        padding-left: 10px;
        text-indent: 0;
        width: 75%;
    }
}

.cfMoreBtn {
    clear: both;
    text-align: center;
    position: relative;
    width: 100%;
    /*height:50px;*/
    margin: 20px 0 70px 0;
}

.cfPopup {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.8);
    z-index: 9990;
}

.cfPopup .win_cf {
    position: relative;
    top: 100px;
    width: 87.5%;
    margin: 0 auto;
    background: #000;
}

.cfPopup .win_cf p {
    width: 100%;
}

.cfPopup .win_cf p iframe {
    width: 100%;
}

.cfPopup .win_cf>div {
    padding: 30px 20px;
}

.cfPopup .win_cf>div p {
    font-size: 13px;
    color: #fff;
    margin-bottom: 15px;
}

.cfPopup .win_cf>div h1 {
    font-size: 22px;
    color: #fff;
    margin-bottom: 20px;
}

.cfPopup .win_cf>div ul li {
    font-size: 15px;
    color: #fff;
    padding: 5px 0;
    cursor: pointer;
}

.cfPopup .cfPopupClose {
    position: absolute;
    top: 0;
    right: 0;
    padding: 3%;
    cursor: pointer;
}

/*tab2 E ����*/
.brochure {
    width: 87.5%;
    margin: 30px auto;
    text-align: center;
    padding-bottom: 30px;
}

/*.brochure_img {width: 54.6428%; margin:0 auto; line-height: 0}*/
.brochure_img {
    width: 79.8214%;
    margin: 0 auto;
    line-height: 0
}

/*.brochure_img img {width: 100%; max-width: 306px;}*/
.brochure_img img {
    width: 100%;
    max-width: 447px;
    padding-left: 13%;
}

.brochure_txt {
    color: #1b1b1b;
    border-top: 1px solid #bfbfbf;
    /*    margin-top: -50px;
    padding-top: 96px;*/
    /*margin-top: -11%;*/
    margin-top: -18%;
    padding-top: 17%;
}

.brochure_txt span {
    font-size: 15px;
    line-height: 20px;
    display: block;
}

.brochure_txt strong {
    font-size: 24px;
    display: block;
    margin-top: -5px;
}

.brochure>a {
    width: 100%;
    background: #00B4ED;
    display: block;
    height: 40px;
    color: #fff;
    line-height: 40px;
    font-size: 15px;
    margin-top: 25px;
}


/*tab3 E �纸*/
.magazine {
    width: 100%;
    margin: 30px auto;
    text-align: center;
}

.magazine ul.magazineList {
    clear: both;
    position: relative;
    width: 100%;
    overflow: hidden;
}

.magazine ul.magazineList li {
    display: inline-block;
    position: relative;
    width: 48.5%;
    margin-bottom: 20px;
    background: #eee;
    overflow: hidden;
}

.magazine ul.magazineList li:nth-child(3n) {
    clear: both;
}

.magazine ul.magazineList li:nth-child(2n) {
    float: right;
}

.magazine ul.magazineList li p {
    width: 100%;
    line-height: 0;
}

.magazine ul.magazineList li p img {
    width: 100%;
}

.magazine ul.magazineList li span {
    display: block;
    background: #eee url("../image/sub/publicity/arrow.png") no-repeat;
    background-position: 95% center;
    width: 100%;
    height: 30px;
    font-size: 12px;
    color: #1b1b1b;
    font-weight: 600;
    line-height: 30px;
    text-indent: 10px;
    text-align: left;
}

.magazineMoreBtn {
    clear: both;
    text-align: center;
    position: relative;
    width: 100%;
    /*height:50px;*/
    margin: 30px 0 70px 0;
}

.magazineMoreBtn a {
    /*padding:10px 20px; */
}

/* ������� */
.award {
    width: 100%;
    margin: 0 auto;
    text-align: center;
    overflow: hidden;
}

.award table {
    position: relative;
    width: 100%;
    border-top: 5px solid #00B4ED;
    float: left;
    border-collapse: collapse;
    border-spacing: 0;
    margin-bottom: 40px;
}

.award table caption {
    margin-bottom: 8px;
    font-size: 12px;
    color: #1b1b1b;
    font-weight: 600;
    text-align: left;
}

.award table thead tr {
    position: relative;
}

.award table thead th {
    position: relative;
    height: 34px;
    font-size: 12px;
    color: #00B4ED;
    font-weight: 600;
    border-bottom: 1px solid #034299;
    text-align: left;
}

.award table tbody tr {
    position: relative;
    width: 100%;
    /*height: 39px;
    font-size: 12px;
    color: #1b1b1b;
    font-weight: 300;*/
    border-bottom: 1px solid #bfbfbf;
}

.award table tbody tr.tr_style1 {
    border-color: #00B4ED;
}

.award table tbody tr td {
    text-align: left;
    padding: 11px 0;
}

.award table tbody tr td p {
    font-size: 15px;
    color: #1b1b1b;
}

.award table tbody tr td div {
    margin-top: 3px;
}

.award table tbody tr td div span {
    font-size: 12px;
    color: #808285;
}

.award table tbody tr td div span.bar {
    display: inline-block;
    margin: 0 8px;
}

/************************************************************************************************************/
/************************************************************************************************************/
/************************************************************************************************************/
/*�����*/
/*�����*/
.recruit {
    width: 100%;
    margin: 30px auto 70px auto;
}

.recruit h3 {
    text-align: center;
    margin-bottom: 25px;
    font-size: 22px;
    color: #1b1b1b;
}

@media screen and (max-width:480px) {
    .recruit>h3 span {
        display: block;
    }
}

/*�����*/
.people {
    width: 100%;
    margin: 0 auto;
    text-align: center;
    word-break: keep-all;
}

.people>p {
    line-height: 0;
}

.people>p img {
    width: 100%;
    border-top: 5px solid #00B4ED;
}

.people .people_cont {
    margin-top: 30px;
    padding-top: 195px;
    background: url(../image/sub/recruit/concept_people.png) no-repeat top center;
}

.people .people_cont>li {
    margin-bottom: 45px;
}

.people .people_cont>li span {
    display: block;
    margin-bottom: 10px;
}

.people .people_cont li ul li {
    font-size: 15px;
    margin-bottom: 8px;
}




/*�����*/
.personnel_affair {
    width: 100%;
    margin: 0 auto;
    letter-spacing: -0.5px;
    word-break: keep-all;
}

.personnel_affair table {
    width: 87.5%;
    margin: 0 auto 45px auto;
    border-top: 5px solid #00B4ED;
    line-height: 22px;
    text-align: left;
    font-size: 18px;
    color: #1b1b1b;
    border-collapse: collapse;
    border-spacing: 0;
}

.personnel_affair table.tableWithimg {
    margin-bottom: 20px;
}

.personnel_affair table thead tr {
    border-bottom: 1px solid #08459c;
}

.personnel_affair table thead tr th {
    font-size: 12px;
    color: #00B4ED;
    line-height: 34px;
}

.personnel_affair table tbody ul {
    margin-top: 8px;
}

.personnel_affair table tbody ul li {
    font-size: 15px;
    color: #1b1b1b;
    padding-left: 5px;
}

.personnel_affair table tbody ul li img {
    margin-right: 5px;
    margin-left: -5px;
    padding-bottom: 3px;
}

.personnel_affair table tbody ul li strong {
    display: block;
}

.personnel_affair table tbody ul.ul_style1 {
    margin-top: 0
}

.personnel_affair .ul_style1 li {
    padding: 11px 0;
    border-bottom: 1px solid #bec0c1
}

.personnel_affair .ul_style1 li:last-child {
    border: 0;
}

.personnel_affair .td_style1 {
    width: 100%;
}

.personnel_affair_imgfree {
    width: 100%;
    padding: 0 0 30px 0;
}

.personnel_affair_imgfree img {
    width: 100%;
    vertical-align: top;
}





/*�����Ļ�*/
.welfare {
    width: 100%;
    margin: 0 auto;
    letter-spacing: -0.5px;
    word-break: keep-all;
}

.welfare h3 {
    font-size: 15px;
    text-align: left;
    line-height: 140%;
}

.welfare table {
    width: 100%;
    border-top: 5px solid #00B4ED;
    line-height: 22px;
    text-align: left;
    font-size: 18px;
    color: #1b1b1b;
    border-collapse: collapse;
    border-spacing: 0;
    margin-bottom: 45px;
}

.welfare table caption {
    margin-bottom: 6px;
    font-weight: 600;
    font-size: 15px;
    color: #00B4ED;
    text-align: left;
}

.welfare table tbody ul {
    margin-top: 8px;
}

.welfare table tbody ul li {
    font-size: 15px;
    color: #1b1b1b;
    padding-left: 5px;
}

.welfare table tbody ul li strong {
    display: block;
}

.welfare .table_style1 tr {
    border-bottom: 1px solid #00B4ED;
}

.welfare .table_style1 th {
    width: 70px;
    vertical-align: top;
    padding-top: 17px;
}

.welfare table tbody ul.ul_style1 {
    margin-top: 0
}

.welfare .ul_style1 li {
    padding: 11px 0;
    border-bottom: 1px solid #bec0c1
}

.welfare .ul_style1 li:last-child {
    border: 0;
}





/*���簳��*/
.develop {
    width: 100%;
    margin: 0 auto;
    letter-spacing: -0.5px;
    word-break: keep-all;
}

.develop p {
    font-size: 15px;
    line-height: 130%;
    margin-bottom: 10px;
}

.develop p+p {
    margin-bottom: 23px;
}

.develop table {
    width: 100%;
    border-top: 5px solid #00B4ED;
    line-height: 22px;
    text-align: left;
    font-size: 18px;
    color: #1b1b1b;
    border-collapse: collapse;
    border-spacing: 0;
    margin-bottom: 45px;
}

.develop table thead tr {
    border-bottom: 1px solid #08459c;
}

.develop table thead tr th {
    font-size: 12px;
    color: #00B4ED;
    line-height: 34px;
}

.develop table tbody ul {
    margin-top: 8px;
}

.develop table tbody ul li {
    font-size: 15px;
    color: #1b1b1b;
    padding-left: 5px;
}

.develop table tbody ul li img {
    margin-right: 5px;
    margin-left: -5px;
    padding-bottom: 3px;
}

.develop table tbody ul li strong {
    display: block;
}

.develop table tbody ul.ul_style1 {
    margin-top: 0
}

.develop .ul_style1 li {
    padding: 11px 0;
    border-bottom: 1px solid #bec0c1
}

.develop .ul_style1 li:last-child {
    border: 0;
}

.develop .ul_style1 li small {
    display: block;
    line-height: 150%;
}



/*�����*/
.recruit ul.tabs {
    margin: 0 auto;
    padding: 0;
    overflow: hidden;
    width: 100%;
    font-size: 0;
}

.recruit ul.tabs li {
    display: inline-block;
    text-align: center;
    cursor: pointer;
    border: 1px solid #BFBFBF;
    border-left: none;
    background: #eee;
    overflow: hidden;
    position: relative;
    font-size: 18px;
    padding: 20px 0;
    width: 32.5%;
    font-weight: 800;
    color: #1b1b1b;
}

.recruit ul.tabs li:first-child {
    border-left: 1px solid #BFBFBF;
}

.recruit ul.tabs li.active {
    background: #00B4ED;
}

.recruit ul.tabs li.active a {
    color: #fff;
    font-weight: 600;
}

.recruit ul.tabs li br {
    display: none;
}

.recruit .tab_container {
    margin-top: 20px;
    width: 87.5%;
    margin: 0 auto;
}

/*tab1 ����*/
.recruit_notice {
    margin-top: 30px;
}

.recruit_notice li {
    border-top: 5px solid #00B4ED;
    border-bottom: 1px solid #bfbfbf;
    margin-bottom: 10px;
    position: relative;
    padding: 15px 0 20px 12px;
    background: #f7f8f8 url(../image/sub/recruit/arrow_more.png) no-repeat;
    background-position: right bottom;
}

.recruit_notice .text {
    width: 70%;
}

.recruit_notice .text h3 {
    margin-bottom: 3px;
    text-align: left;
    font-size: 15px;
    color: #1b1b1b;
    word-break: keep-all;
}

.recruit_notice .text span {
    color: #00B4ED;
    font-size: 12px;
}

.recruit_notice .text i {
    display: block;
    width: 5px;
    height: 1px;
    background: #808285;
    margin: 5px 0;
}

.recruit_notice .text p {
    color: #808285;
    font-size: 12px;
}

.recruit_notice .d-day {
    position: absolute;
    right: 10px;
    top: 11px;
    color: #1b1b1b;
    font-size: 40px;
    font-weight: 600;
}

.recruit_notice .d-day.apprch {
    color: #ed1c24;
}

@media screen and (max-width:360px) {
    .recruit_notice .text h3 {
        width: 85%;
    }
}

.noticeTableView {
    position: relative;
    width: 100%;
    border-top: 5px solid #00B4ED;
    margin: 30px 0;
}

.noticeTableView caption {
    width: 100%;
    margin-bottom: 7px;
    font-size: 12px;
    color: #1b1b1b;
    font-weight: 900;
    text-align: left;
}

.noticeTableView>caption q {
    display: inline-block;
    float: right;
    font-size: 10px;
    color: #898989;
    font-weight: 300;
}

.noticeTableView>thead th {
    padding: 10px 0;
    font-size: 12px;
    color: #00B4ED;
    font-weight: 100;
    text-align: left;
    border-bottom: 1px solid #1852A2;
}

.noticeTableView>thead th.recruitDetail {
    padding: 15px 0;
    font-size: 15px;
    color: #00B4ED;
    font-weight: 800;
    text-align: left;
    border-bottom: 1px solid #1852A2;
}

.noticeTableView>tbody>td {
    position: relative;
    padding: 28px 0;
    font-size: 15px;
    color: #1b1b1b;
    text-align: left;
    border-bottom: 1px solid #CACBCC;
}

.noticeTableView>tbody>td p.boardTitle {
    position: absolute;
    top: 0;
    left: 0;
    padding: 15px 0;
    width: 100%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.noticeTableView>tbody td img {
    width: 100% !important;
    height: auto !important;
}

.noticeTableView>tbody td small {
    font-size: 12px;
    color: #00B4ED;
    display: inline-block;
    margin-top: 5px;
}

.noticeTableView img {
    vertical-align: middle;
}

.noticeTableView>tfoot {
    text-align: center;
    border-top: 1px solid #1852A2;
}

.noticeTableView>tfoot td {
    padding: 20px 0 30px 0;
}

.noticeTableView>tfoot a {
    display: inline-block;
    height: 28px;
    padding: 0 10px 0 10px;
    line-height: 30px;
    font-size: 15px;
    color: #1b1b1b;
    font-weight: 500;
    vertical-align: middle;
}

.noticeTableView>tfoot a.currentPage,
.noticeTableView>tfoot a.paging:hover {
    color: #fff;
    background: #00B4ED;
}

.noticeTableView>thead th.num,
.noticeTableView>tbody td.num {
    text-align: center;
}

.noticeTableView>tfoot td a.next,
.noticeTableView>tfoot td a.prev {
    position: relative;
}

.noticeTableView>tfoot td a.next:hover,
.noticeTableView>tfoot td a.prev:hover {
    background: none;
}

.noticeTableView>thead th.txt_right,
.noticeTableView>tbody td.txt_right {
    text-align: right;
    padding-top: 15px;
}

/* tab2 ä�밡�̵� */
.guide {
    margin: 30px auto;
    letter-spacing: -0.5px;
}

.guide table {
    width: 87.5%;
    border-top: 5px solid #00B4ED;
    line-height: 22px;
    text-align: left;
    font-size: 18px;
    color: #1b1b1b;
    border-collapse: collapse;
    border-spacing: 0;
    margin: 0 auto 45px auto;
}

.guide table caption {
    margin-bottom: 6px;
    font-weight: 600;
    font-size: 15px;
    color: #00B4ED;
    text-align: left;
}

.guide table thead tr {
    border-bottom: 1px solid #08459c;
}

.guide table thead tr th {
    font-size: 12px;
    color: #00B4ED;
    line-height: 34px;
}

.guide table tbody ul {
    margin-top: 8px;
}

.guide table tbody ul li {
    font-size: 15px;
    color: #1b1b1b;
    padding-left: 5px;
}

.guide table tbody ul li.pl0 {
    padding-left: 0;
}

.guide table tbody ul small {
    display: block;
    line-height: 150%;
    font-size: 12px;
}

.guide table tbody ul li img {
    margin-right: 5px;
    margin-left: -5px;
    padding-bottom: 3px;
}

.guide table tbody ul li strong {
    display: block;
}


.guide table tbody ul.ul_style1 {
    margin-top: 0
}

.guide .ul_style1>li {
    padding: 11px 0;
    border-bottom: 1px solid #bec0c1
}

.guide .ul_style1>li:last-child {
    border: 0;
}

.guide_imgfree {
    width: 100%;
    padding: 0 0 30px 0;
}

.guide_imgfree img {
    width: 100%;
    vertical-align: top;
}

.guide table.tableWithimg {
    margin-bottom: 20px;
}

.bottom_box {
    width: 87.5%;
    margin: auto;
    padding: 10px;
    background: #eee;
    display: flex;
    flex-direction: column;
    gap: 5px;
    font-size: 12px;
    color: #898989;
}

/*tab3 FAQ*/
.faq table {
    margin: 30px auto 0 auto;
    border-top: 5px solid #00B4ED;
    width: 100%;
}

.faq table caption {
    width: 100%;
    margin-bottom: 10px;
    font-size: 15px;
    color: #1b1b1b;
    font-weight: 600;
    text-align: left;
}

.faq table thead,
.faq table tbody {
    border-bottom: 1px solid #00B4ED;
}

/*.faq table td:first-child, .faq table th:last-child, .faq table td:last-child {
    text-align: center;
}*/
.faq table th {
    font-size: 15px;
    color: #00B4ED;
    text-align: left;
    padding: 10px 0;
}

.faq table tbody tr.q {
    font-size: 15px;
    border-bottom: 1px solid #cdcdcd;
}

.faq table tbody tr.q td {
    padding: 15px 0;
    line-height: 120%;
}

.faq table tbody tr td.q_arrow {
    text-align: right;
}

/*.faq table tbody tr.q:first-child td {
    padding-top: 29px;
    padding-bottom: 12px;
}*/
.faq table img {
    vertical-align: middle;
}

.faq table tbody tr.answer {
    height: 0px;
    background: #00B4ED;
    letter-spacing: -0.5px;
}

.faq table tbody tr.answer td:first-child {
    vertical-align: top;
    overflow: hidden;
}

.faq table tbody tr.answer td:first-child div {
    font-size: 65px;
    color: #6780b5;
    margin-top: -17px;
}

.faq table tbody tr.answer td div {
    padding: 30px 0;
    line-height: 20px;
    font-size: 15px;
    color: #fff;

}


/************************************************************************************************************/
/************************************************************************************************************/
.win_pop {
    width: 100%;
    border: 3px solid #eee;
}

.win_pop img {
    display: block;
    width: 100%;
}

/*btn*/
.btn_style3 {
    display: block;
    background: #eee;
    width: 100%;
    height: 35px;
    line-height: 35px;
    text-align: center;
    font-size: 15px;
    color: #1b1b1b;
    font-weight: 600
}

.btn_style4 {
    display: block;
    background: #00B4ED;
    width: 100%;
    height: 35px;
    line-height: 35px;
    text-align: center;
    font-size: 15px;
    color: #fff;
    font-weight: 600
}

.btn_style5 {
    display: block;
    background: #00B4ED;
    width: 100%;
    height: 35px;
    line-height: 35px;
    text-align: center;
    font-size: 15px;
    color: #1b1b1b;
    font-weight: 400
}

.btn_style6 {
    display: block;
    background: #00B4ED;
    width: 100%;
    height: 35px;
    line-height: 35px;
    text-align: center;
    font-size: 15px;
    color: #fff;
    font-weight: 600
}



/*���ô� ��*/
.map {
    width: 100%;
    margin: 30px auto 70px auto;
    letter-spacing: -0.5px;
    position: relative;
}

.map .addr,
.map .tel,
.map .fax,
.map .email {
    font-size: 15px;
    color: #1b1b1b;
    line-height: 140%;
    margin-bottom: 25px;
    position: relative;
}

.map .addr h4,
.map .tel h4,
.map .fax h4,
.map .email h4 {
    color: #00B4ED;
}

.map .addr p small {
    font-size: 12px;
}

.map .addr table {
    border-collapse: collapse;
    border-spacing: 0;
    text-align: left
}

.map .addr table tr {
    position: relative;
}

.map .addr table tr th {
    color: #00B4ED;
    font-size: 12px;
    width: 75px;
    vertical-align: top;
}

.map .sns {
    overflow: hidden;
    float: right;
    margin-bottom: 10px;
    z-index: 99;
}

.map .sns li {
    float: left;
    margin-left: 10px;
    line-height: 0;
}

.map .navermap {
    margin-bottom: 25px;
}

.map .navermap img {
    width: 100%;
}

.map .tel a {
    position: absolute;
    top: 3px;
    left: 115px;
}




/* �������� ��޹�ħ */
.privacy {
    width: 100%;
    margin: 30px auto 70px auto;
}

.privacy p.info_txt {
    font-size: 15px;
    color: #1b1b1b;
    line-height: 130%;
}

.privacy p.info_txt span {
    color: #00B4ED;
}

.privacy .info_list {
    /*2021.08.02 ���ȣ��� ���� height:300px -> 360px; */
    margin-top: 25px;
    background: #f7f8f8;
    height: 360px;
    padding: 13px 0 0 15px;
}

.privacy .info_list ul li {
    line-height: 30px;
}

.privacy .info_list ul li a {
    color: #00B4ED;
    font-size: 12px;
}

.privacy .info_list ul li a img {
    vertical-align: middle;
    margin-left: 10px;
}

.privacy .list_content {
    border-top: 5px solid #00B4ED;
    margin-top: 50px;
    letter-spacing: -0.3px;
}

.privacy .list_content .ol1 li {
    font-weight: bold;
    padding-bottom: 5px;
}

.privacy .list_content .ol1>li {
    border-bottom: 1px solid #c9cacb;
    padding-right: 10px;
    padding-top: 15px;
    padding-bottom: 30px;
}

.privacy .list_content .ol1>li a {
    color: #00B4ED;
    font-size: 15px;
    word-break: keep-all;
    line-height: 1.2;
    display: block;
    text-indent: -15px;
    padding: 0 0 0 15px;
}

.privacy .list_content .ol2 {
    margin-top: 10px;
}

.privacy .list_content .ol2 li {
    font-size: 12px;
    color: #1b1b1b;
    font-weight: normal;
    line-height: 140%;
}

.privacy .list_content .ol2 li small {
    display: block;
    text-indent: -9px;
}

.privacy .list_content p.desc {
    line-height: 145%;
    margin-left: 17px;
}

.privacy .list_content ul {
    list-style-type: none;
    margin-left: 13px;
}

.privacy .list_content ul li {
    text-indent: -7px;
    /* margin-left: 12px;*/
    padding-left: 12px;
}

.privacy .list_content ul li:before {
    content: " - ";
}

.privacy .list_content ul.ul2 {
    margin-left: 3px;
}

.privacy .list_content ul.ul2 li {
    padding-bottom: 0px;
}

.privacy .list_content ul.ul2 li:before {
    content: " �� ";
}

.privacy .bottom {
    display: block;
    height: 49px;
    line-height: 49px;
    text-align: center;
    color: #898989;
    font-size: 12px;
    background: #f7f8f8;
    border-bottom: 1px solid #00B4ED;
}

@media screen and (max-width: 560px) {
    .privacy .bottom span.bar {
        display: none;
    }

    .privacy .bottom span.b_text {
        display: block;
        padding-top: 8px;
        line-height: 12px;
    }
}

.privacy_version {
    /*2021.8.2 ���ȣ��� �߰�*/
    height: 50px !important;
    margin-top: 30px;
    color: #898989;
    margin-bottom: 150px;
    /*2021.8.2 ���ȣ��� ���� 30px -> 150px*/
}


.list_content table {
    width: 100%;
    border: 1px solid #020A0A;
    font-size: 12px;
    color: #1b1b1b;
    font-weight: normal;
}

.list_content .ol1 li .ol2>.camera tr th {
    border-bottom: 1px solid #020A0A;
    background: #eee;
    text-align: center;
}

.list_content .ol1 li .ol2>.camera tr {
    height: 40px;
}

.list_content .ol1 li .ol2>.camera tr th {
    padding: 0 10px;
    border-bottom: 1px solid #020A0A;
    background: #eee;
}

.list_content .ol1 li .ol2>.camera tr td {
    padding: 0 10px;
    line-height: 1.2;
}

.list_content .ol1 li .ol2>.camera tr th:nth-child(1),
.list_content .ol1 li .ol2>.camera tr td:nth-child(1) {
    width: 30%;
    border-right: 1px solid #020A0A;
    text-align: center
}

.list_content .ol1 li .ol2>.approach tr th {
    border-bottom: 1px solid #020A0A;
    background: #eee;
    width: 20%;
    height: 40px;
    text-align: center;
    border-right: 1px solid #020A0A;
}

.list_content .ol1 li .ol2>.approach tr td {
    width: 20%;
    border-right: 1px solid #020A0A;
    text-align: center;
    padding: 2px 2px 0;
}

.list_content .ol1 li .ol2>.approach tbody tr td {
    border-bottom: 1px solid #020A0A;
    line-height: 1.2;
}

.list_content .ol1 li .ol2>.camera_time tr {
    height: 40px;
}

.list_content .ol1 li .ol2>.camera_time tr th {
    text-align: center;
    border-bottom: 1px solid #020A0A;
    background: #eee;
}

.list_content .ol1 li .ol2>.camera_time tr th,
.list_content .ol1 li .ol2>.camera_time tr td {
    text-align: center;
    width: 33.3%;
    border-right: 1px solid #020A0A;
}


.personal_info .info_list_media {
    margin-top: 50px;
    background: #eee;
    height: 280px;
    padding-left: 37px;
}

.personal_info .info_list_media ul {
    width: 50%;
    float: left;
    margin-top: 32px;
}

.personal_info .info_list_media ul li {
    margin-bottom: 22px;
}

.personal_info .info_list_media ul li a {
    color: #00B4ED;
    font-size: 18px;
    font-weight: 600;
    letter-spacing: -1px;
}

.personal_info .info_list_media ul li a img {
    margin-left: 15px;
}

.privacy .info_list_media {
    margin-top: 25px;
    background: #f7f8f8;
    height: 300px;
    padding: 13px 0 0 15px;
}

.privacy .info_list_media ul li {
    line-height: 30px;
}

.privacy .info_list_media ul li a {
    color: #00B4ED;
    font-size: 12px;
}

.privacy .info_list_media ul li a img {
    vertical-align: middle;
    margin-left: 10px;
}














/* ����Ʈ��*/
.sitemap {
    width: 100%;
    margin: 30px auto;
    overflow: hidden;
}

.list_wrap>ul:first-child {
    overflow: hidden;
    margin-bottom: 77px;
}

.list_wrap ul li.list {
    width: 48.5%;
    color: #1b1b1b;
    float: left;
    margin-bottom: 60px;
}

.list_wrap ul li h2.title {
    height: 80px;
    font-size: 18px;
    line-height: 80px;
    color: #fff;
    font-weight: 600;
    text-align: center;
    background-size: cover;

}

.list_wrap li.list1 h2 {
    background: url(../image/sub/etc/list_1.jpg) no-repeat top center;
}

.list_wrap li.list2 h2 {
    background: url(../image/sub/etc/list_2.jpg) no-repeat top center;
}

.list_wrap li.list3 h2 {
    background: url(../image/sub/etc/list_3.jpg) no-repeat top center;
}

.list_wrap li.list4 h2 {
    background: url(../image/sub/etc/list_4.jpg) no-repeat top center;
}

.list_wrap li.list5 h2 {
    background: url(../image/sub/etc/list_5.jpg) no-repeat top center;
}

.list_wrap li.list6 h2 {
    background: url(../image/sub/etc/list_6.jpg) no-repeat top center;
}

.list_wrap li.list7 h2 {
    background: url(../image/sub/etc/list_7.jpg) no-repeat top center;
}

.list_wrap li.list.list2,
.list_wrap li.list.list4,
.list_wrap li.list.list6,
.list_wrap li.list.list8 {
    float: right;
}

.list_wrap li.list.list3,
.list_wrap li.list.list5,
.list_wrap li.list.list7 {
    clear: both;
}


.list_wrap ul.list_inner>li {
    border-bottom: 1px solid #c9cacb;
    text-indent: 10px;
}

.list_wrap li.list p {
    font-size: 15px;
    font-weight: 600;
    line-height: 22px;
    margin: 10px 0;
}

.list_wrap a {
    color: #1b1b1b;
}

.list_wrap ul.list_inner li ul {
    overflow: hidden;
    padding-bottom: 7px;
}

.list_wrap ul.list_inner li ul li {
    font-size: 12px;
    margin-bottom: 9px;
}

.list_wrap ul.list_inner>li.li_style_1 {
    border-bottom: 1px solid #00B4ED;
    margin-bottom: 0;
}

.list_wrap .list8 {
    /*float: right;*/
    border-top: 5px solid #00B4ED;
    border-bottom: 1px solid #00B4ED;
}

.list_wrap .list8 ul li {
    height: 50px;
    line-height: 50px;
    text-align: center;
    border-bottom: 1px solid #c9cacb;
}

.list_wrap .list8 ul li a {
    color: #00B4ED;
    font-weight: 600;
    font-size: 18px;
    letter-spacing: -0.7px;
}

.list_wrap .list8 ul li:last-child {
    border: 0;
}




/* �˻���� */
.subSearchBox {
    position: relative;
    width: 100%;
    height: 60px;
    background: #F7F8F8;
    text-align: center;
    margin-top: 30px;
}

.subSearchBox input[type="text"] {
    width: 100%;
    height: 30px;
    border: none;
    background: none;
    font-size: 18px;
    color: #1b1b1b;
    margin-top: 15px;
    text-align: center;
}

.subSearchBox span {
    position: absolute;
    top: 15px;
    right: 20px;
}

.search_index {
    margin-top: 25px;
    font-size: 15px;
    color: #1b1b1b;
    font-weight: lighter;
    text-align: center;
}

.search_index strong {
    color: #00B4ED;
    font-weight: bold;
}

table.resultTable {
    position: relative;
    width: 100%;
    border-top: 5px solid #00B4ED;
    margin: 30px 0;
}

table.resultTable caption {
    width: 100%;
    margin-bottom: 7px;
    font-size: 12px;
    color: #1b1b1b;
    font-weight: 900;
    text-align: left;
}

table.resultTable caption q {
    display: inline-block;
    float: right;
    font-size: 10px;
    color: #898989;
    font-weight: 300;
}

table.resultTable thead th {
    padding: 10px 0;
    font-size: 12px;
    color: #00B4ED;
    font-weight: 100;
    text-align: left;
    border-bottom: 1px solid #1852A2;
}

table.resultTable thead th.newsDetail {
    padding: 15px 0;
    font-size: 15px;
    color: #00B4ED;
    font-weight: 800;
    text-align: left;
    border-bottom: 1px solid #1852A2;
}

table.resultTable tbody td {
    position: relative;
    padding: 15px 0;
    font-size: 15px;
    color: #1b1b1b;
    text-align: left;
    border-bottom: 1px solid #CACBCC;
}

table.resultTable tbody td a {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    padding: 15px 0;
    width: 100%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

table.resultTable tbody td small {
    font-size: 12px;
    color: #00B4ED;
    display: inline-block;
    margin-top: 5px;
}

table.resultTable img {
    vertical-align: middle;
}

table.resultTable tfoot {
    text-align: center;
    border-top: 1px solid #1852A2;
}

table.resultTable tfoot td {
    padding: 20px 0 30px 0;
}

table.resultTable tfoot a {
    display: inline-block;
    height: 28px;
    padding: 0 10px 0 10px;
    line-height: 30px;
    font-size: 15px;
    color: #1b1b1b;
    font-weight: 500;
    vertical-align: middle;
}

table.resultTable tfoot a.currentPage,
table.resultTable tfoot a.paging:hover {
    color: #fff;
    background: #00B4ED;
}

table.resultTable thead th.num,
table.resultTable tbody td.num {
    text-align: center;
}

table.resultTable tfoot td a.next,
table.resultTable tfoot td a.prev {
    position: relative;
}

table.resultTable tfoot td a.next:hover,
table.resultTable tfoot td a.prev:hover {
    background: none;
}

table.resultTable thead th.txt_right,
table.resultTable tbody td.txt_right {
    text-align: right;
    padding-top: 15px;
}


/* �������� */
.cs {
    width: 100%;
    margin: 30px auto 70px auto;
}

.cs p {
    font-size: 15px;
    color: #1b1b1b;
    line-height: 20px;
}

.cs .csBtn {
    position: relative;
    width: 100%;
    margin-top: 25px;
    border-top: 5px solid #00B4ED;
}

.cs .csBtn li {
    padding: 20px 15px;
    background: #F7F8F8 url("../image/sub/etc/go.png") no-repeat right bottom;
    border-bottom: 1px solid #BFBFBF;
}

.cs .csBtn li h3 {
    font-size: 18px;
    color: #1b1b1b;
    margin-bottom: 5px;
}

.cs .csBtn li h4 {
    font-size: 15px;
    color: #1b1b1b;
    font-weight: 400;
    line-height: 20px;
}

.cs .csBtn li h4 strong {
    color: #00B4ED;
}

table.csTable {
    position: relative;
    width: 100%;
    margin-top: 45px;
    border-top: 5px solid #00B4ED;
}

table.csTable th {
    font-size: 15px;
    color: #00B4ED;
    font-weight: 800;
    text-align: left;
    padding-top: 15px;
}

table.csTable td {
    width: 99%;
    text-align: left;
    padding-top: 10px;
}

table.csTable td .typeSelect {
    width: 100%;
    height: 38px;
    border: 1px solid #BFBFBF;
    background: #eee;
    font-size: 12px;
    color: #898989;
}

table.csTable td .ipt_middle_sz {
    width: 45%;
    height: 38px;
    border: 1px solid #BFBFBF;
    font-size: 12px;
    color: #898989;
    text-indent: 20px;
}

table.csTable td .ipt_tiny_sz {
    width: 131px;
    height: 38px;
    border: 1px solid #BFBFBF;
    font-size: 12px;
    color: #898989;
    text-indent: 20px;
}

table.csTable td .ipt_wide_sz {
    width: 100%;
    height: 38px;
    border: 1px solid #BFBFBF;
    font-size: 12px;
    color: #898989;
    text-indent: 20px;
}

table.csTable td .mailSelect {
    width: 45%;
    height: 38px;
    border: 1px solid #BFBFBF;
    background: #eee;
    font-size: 12px;
    color: #898989;
    float: right;
}

table.csTable td .mailNotice {
    margin-left: 22px;
    font-size: 12px;
    color: #1b1b1b;
}

table.csTable td .hypen {
    width: 5%;
    display: inline-block;
    text-align: right;
    font-size: 18px;
    color: #1b1b1b;
}

table.csTable td .cs_content {
    clear: both;
    width: 94%;
    height: 180px;
    border: 1px solid #BFBFBF;
    font-size: 12px;
    color: #898989;
    padding: 3%;
    margin: 9px 0;
}

.agreement {
    position: relative;
    width: 94%;
    height: 120px;
    padding: 3%;
    margin-top: 40px;
    background: #F7F8F8;
    overflow-y: scroll;
    font-size: 12px;
    color: #898989;
    line-height: 15px;
}

.agreement h1 {
    margin-bottom: 30px;
    font-size: 12px;
    text-align: left;
}

.agreement h2 {
    margin-bottom: 10px;
    font-size: 16px;
    text-align: left;
}

.agreementBtn {
    position: relative;
    width: 100%;
    margin-top: 20px;
}

.agreementBtn span,
.agreementBtn label {
    font-size: 12px;
    color: #898989;
}

.agreementBtn label {
    margin-right: 15px;
}

.csFormBtn {
    position: relative;
    margin-top: 45px;
    font-size: 0;
    text-align: center;
}

.csFormBtn li {
    display: inline-block;
    width: 24.107%;
    height: 40px;
    text-align: center;
    margin: 0 0.892%;
}

.csFormBtn li:first-child {
    background: #eee;
}

.csFormBtn li:first-child a {
    font-size: 18px;
    color: #1b1b1b;
}

.csFormBtn li:last-child {
    background: #00B4ED;
}

.csFormBtn li:last-child a {
    font-size: 18px;
    color: #fff;
}

.csFormBtn li a {
    display: inline-block;
    width: 100%;
    height: 100%;
    line-height: 45px;
}

/*ESG*/
.esg .container_esg table {
    width: 100%;
    margin: 75px auto 166px;
    border-top: 5px solid #00B4ED;
    border-bottom: 1px solid #00B4ED;
}

.esg .container_esg table thead th {
    width: 20%;
}

.esg .container_esg table tr td {
    text-align: center;
}

.esg .container_esg table tr {
    height: 100px;
    border-top: 1px solid #bfbfbf;
}

.esg .container_esg table caption {
    margin-bottom: 12px;
    font-size: 18px;
    color: #00B4ED;
    font-weight: 600;
    text-align: left;
}

.esg .container_esg table caption span {
    font-size: 14px;
    color: #000;
}

.esg .container_esg table caption strong {
    font-size: 34px;
    margin-bottom: 10px;
    display: block;
}

.esg .container_esg .grade thead th {
    width: calc(100% / 7);
}

.quality .certification {
    position: relative;
    width: 100%;
    max-width: 1900px;
    height: 440px;
    margin: 100px auto 0 auto;
    padding-top: 60px;
    background: url(../image/sub/managing/qes/quality/certificationBg.jpg) no-repeat center;
    background-size: cover;
    text-align: center;
}

.continuance ul.tabs2unit {
    overflow: hidden;
    width: 1100px;
    height: 60px;
    margin: 45px auto 0 auto;
}

.continuance ul.tabs2unit li {
    float: left;
    text-align: center;
    cursor: pointer;
    padding: 0;
    width: 550px;
    height: 60px;
    line-height: 60px;
    overflow: hidden;
    position: relative;
    border: 1px solid #ddd;
    border-right: none;
    background: #eeeeee;
}

.continuance ul.tabs2unit li a {
    display: block;
    width: 100%;
    height: 100%;
    font-size: 18px;
    color: #1b1b1b;
    font-weight: 100;
}

.continuance ul.tabs2unit li:last-child a {
    border-right: 1px solid #ddd;
}

.continuance ul.tabs2unit li a:hover,
.continuance ul.tabs2unit li.active a {
    border: 1px solid #00B4ED;
    background: #00B4ED;
    font-weight: 300;
    color: #fff;
}

.environment .activities_result {
    position: relative;
    width: 100%;
    margin: 95px auto 0 auto;
    overflow: auto;
}


.esg {
    width: 100%;
    margin: 30px auto 70px auto;
    word-break: keep-all;
}

.esg ul.tabs {
    margin: 0 auto;
    padding: 0;
    overflow: hidden;
    border-left: 1px solid #eee;
    width: 87.5%;
    font-size: 0;
}

.esg ul.tabs li {
    display: inline-block;
    text-align: center;
    cursor: pointer;
    border: 1px solid #BFBFBF;
    border-left: none;
    background: #eee;
    overflow: hidden;
    position: relative;
    font-size: 17px;
    padding: 20px 0;
    width: 49.5%;
}

.esg ul.tabs li:first-child {
    border-left: 1px solid #BFBFBF;
}

.esg ul.tabs li.active {
    background: #00B4ED;
    color: #fff;
    font-weight: 600;
}

.esg ul.tabs li br {
    display: none;
}

.esg .tab_container {
    margin-top: 20px;
    width: 100%;
}

.esg .tab_content {
    display: none;
}

.continuance {
    width: 100%;
    margin: 30px auto 70px auto;
    word-break: keep-all;
}

.continuance ul.tabs {
    margin: 0 auto;
    padding: 0;
    overflow: hidden;
    border-left: 1px solid #eee;
    width: 87.5%;
    font-size: 0;
}

.continuance ul.tabs li {
    display: inline-block;
    text-align: center;
    cursor: pointer;
    border: 1px solid #BFBFBF;
    border-left: none;
    background: #eee;
    overflow: hidden;
    position: relative;
    font-size: 17px;
    padding: 20px 0;
    width: 49.5%;
}

.continuance ul.tabs li:first-child {
    border-left: 1px solid #BFBFBF;
}

.continuance ul.tabs li.active {
    background: #00B4ED;
    color: #fff;
    font-weight: 600;
}

.continuance ul.tabs li br {
    display: none;
}

.continuance .tab_container {
    margin-top: 20px;
    width: 100%;
}

.continuance .tab_content {
    display: none;
}

@media screen and (max-width: 680px) {
    .environment .activities_result table {
        font-size: 12px;
    }

    .esg .container_esg .grade tbody tr td {
        font-size: 9px;
    }

    .esg .container_esg table thead th {
        font-size: 10px;
    }
}

.environment .result {
    position: relative;
    width: 100%;
}

.environment .result table {
    position: relative;
    width: 100%;
    border-top: 5px solid #00B4ED;
    margin-bottom: 50px;
}

.environment .result table:nth-child(2n) {
    margin-right: 0;
}

.environment .result table caption {
    width: 100%;
    margin-bottom: 15px;
    font-size: 15px;
    color: #00B4ED;
    font-weight: 600;
    text-align: left;
}

.environment .result table caption q {
    display: inline-block;
    float: right;
    font-size: 11px;
    color: #898989;
    font-weight: 300;
}

.environment .result table#table1 thead th {
    position: relative;
    width: 50px;
    height: 59px;
    font-size: 12px;
    color: #00B4ED;
}

.environment .result table#table2 thead th {
    position: relative;
    width: 50px;
    height: 74px;
    font-size: 12px;
    color: #00B4ED;
}

.environment .result table#table2 thead tr:first-child th {
    height: 73px;
}

.environment .result table#table3 thead th {
    position: relative;
    width: 50px;
    height: 60px;
    font-size: 12px;
    color: #00B4ED;
}

.environment .result table#table4 thead th {
    position: relative;
    width: 50px;
    height: 49px;
    font-size: 12px;
    color: #00B4ED;
}

.environment .result table#table4 thead tr:first-child th {
    height: 51px;
}

.environment .result table thead th p {
    position: absolute;
    bottom: -9px;
    right: 5px;
}

.environment .result table thead td {
    border-bottom: 1px solid #BFBFBF;
}

.environment .result table thead tr:last-child td {
    border-bottom: 1px solid #034299;
}

.environment .result table tbody {
    width: 100%;
}

.environment .result table#table1 tbody {
    position: absolute;
    bottom: 60px;
    left: 0;
    height: 240px;
}

.environment .result table#table2 tbody {
    position: absolute;
    bottom: 60px;
    left: 0;
    height: 225px;
}

.environment .result table#table3 tbody {
    position: absolute;
    bottom: 60px;
    left: 0;
    height: 224px;
}

.environment .result table#table4 tbody {
    position: absolute;
    bottom: 60px;
    left: 0;
    height: 239px;
}

.environment .result table tbody th {
    width: 50px;
    font-size: 0;
    text-indent: -99999px;
}

.environment .result table#table1 tbody td {
    position: relative;
    height: 240px;
    text-align: center;
    vertical-align: bottom;
}

.environment .result table#table2 tbody td {
    position: relative;
    height: 225px;
    text-align: center;
    vertical-align: bottom;
}

.environment .result table#table3 tbody td {
    position: relative;
    height: 225px;
    text-align: center;
    vertical-align: bottom;
}

.environment .result table#table4 tbody td {
    position: relative;
    height: 240px;
    text-align: center;
    vertical-align: bottom;
}

.environment .result table#table1 tbody td p {
    position: relative;
    margin: 0 auto;
    bottom: -1px;
    width: 40px;
    background: #BFBFBF;
}

.environment .result table#table4 tbody td p {
    position: relative;
    margin: 0 auto;
    bottom: -1px;
    width: 40px;
    background: #BFBFBF;
}

.environment .result table#table3 tbody td p {
    position: relative;
    margin: 0 auto;
    bottom: -1px;
    width: 40px;
    background: #BFBFBF;
}

.environment .result table#table1 tbody td.recentYear p {
    background: #00B4ED;
}

.environment .result table#table2 tbody td.recentYear p {
    background: #00B4ED;
}

.environment .result table#table3 tbody td.recentYear p {
    background: #00B4ED;
}

.environment .result table#table4 tbody td.recentYear p {
    background: #00B4ED;
}

.environment .result table tbody td p span {
    position: absolute;
    top: 0;
    left: -15px;
    text-align: center;
    width: 100%;
    font-size: 14px;
    margin-top: -15px;
    display: none;
}

.environment .result table tfoot th {
    position: relative;
    width: 50px;
    height: 59px;
    font-size: 0;
    text-indent: -99999px;
}

.environment .result table tfoot td {
    text-align: center;
    font-size: 15px;
    color: #1b1b1b;
}

.environment .result table tfoot td small {
    font-size: 12px;
}

@media screen and (max-width:490px) {
    .environment .result table#table3 tbody td p {
        width: 15px !important;
    }

    .environment .result table#table3 tbody td {
        padding: 0 10px !important;
    }

    .environment .result table#table2 tbody td p {
        width: 15px !important;
    }

    .environment .result table#table2 tbody td {
        padding: 0 10px !important;
    }
}

/*���޸�����*/
.supply_chain {
    margin: 0 auto;
    margin-bottom: 50px;
    margin-top: 50px;
    border-top: 5px solid #00B4ED;
    border-bottom: 1px solid #00B4ED;
    width: 90%
}

.supply_chain thead tr th {
    height: 70px;
}

.supply_chain tbody tr {
    height: 50px;
    border-top: 1px solid #bfbfbf;
}

.supply_chain caption {
    text-align: left;
    margin-bottom: 50px;
    font-size: 18px;
    color: #00B4ED;
    font-weight: 600;
}


/*[홍보센터] - ces */
.blind {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0;
}

[data-aos=fade-up] {
    transform: translate3d(0, 60px, 0);
}

.ces {
    max-width: 500px;
    margin: 0 auto;
    overflow: hidden;
}


.ces_list {
    display: flex;
    gap: 16px;
    flex-direction: column;
    margin-top: 30px;
    margin-bottom: 60px;
}

.ces_list li {
    height: 212px;
}

.ces_list li a {
    position: relative;
    display: block;
    height: 100%;
}

.ces_list li a:before {
    content: '';
    position: absolute;
    width: 64px;
    z-index: 1;
    height: 90px;
    right: 11px;
    bottom: 12px;
    display: block;
    background: url(../image/sub/publicity/ces/ces04.png) center center/100% 100% no-repeat;
}


.ces_list li:nth-child(2) a:before {
    background: none;
}

.ces_list li .bg {
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    overflow: hidden;
    height: 100%;
}

.ces_list li a img {
    width: 100%;
    height: 100%;
    transition: all 0.6s;
}

.ces_list li .text_wrap {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    position: relative;
    z-index: 3;
    gap: 11px;
    height: 100%;
}

.ces_list li h2 {
    color: #FFF;
    text-align: center;
    font-family: Roboto;
    font-size: 30px;
    font-style: normal;
    font-weight: 800;
    line-height: normal;
    transition: all 0.4s;
}

.ces_list li .plus_box {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 72px;
    height: 72px;
    background: rgba(255, 255, 255, 0.10);
    backdrop-filter: blur(5px);
    border-radius: 50%;
    opacity: 1;
    /* transform: translateY(50px); */
    /* transition: all 0.5s; */
}

.ces_list li .plus_box i {
    display: block;
    width: 18px;
    height: 18px;
    aspect-ratio: 1/1;
    background: url(../../../image/sub/publicity/ces/ico_plus.svg) center center/100% auto no-repeat;
    position: relative;
    z-index: 1;
}

.ces .mark {
    display: flex;
    justify-content: center;
    max-width: 142px;
    margin: 60px auto 120px;
}

.ces.house .content_wrap {
    background: url(../../../image/sub/publicity/ces/m_house_bg.png) center center/cover no-repeat;
}

.ces.hood .content_wrap {
    background: url(../../../image/sub/publicity/ces/m_hood_bg.png) center center/cover no-repeat;
}

.ces.divotfix .content_wrap {
    background: url(../../../image/sub/publicity/ces/m_divotfix_bg.png) center center/cover no-repeat;
}

.ces.divotfix .content_description p {
    color: #fff;
}

.ces .content_wrap {
    margin: 0 auto;
    padding: 50px 27px 80px;
}

.ces .content_header {
    padding-bottom: 20px;
}

.ces .content_header .ces_logo {
    margin: 0 auto 26px;
    display: block;
    max-width: 148px;
}

.ces .content_tabList {
    display: flex;
    width: 100%;
    align-items: center;
}

.ces .content_tabList li {
    flex: 1;
}

.ces .content_tabList li a {
    display: block;
    border-radius: 60px;
    background: rgba(27, 27, 27, 0.30);
    padding: 13px 0;
    color: #FFF;
    text-align: center;
    font-family: NanumSquare;
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}

.ces .content_tabList li.active a {
    background: #1B1B1B;
}

.ces .content_gallery {
    position: relative;
}

.ces .gallerySwiper {
    position: relative;
    overflow: hidden;
    margin-bottom: 13px;
    border-radius: 16px;
    aspect-ratio: 1500 / 844;
}

.ces .swiper-navigation-prev,
.ces .swiper-navigation-next {
    position: absolute;
    z-index: 1;
    top: 50%;
    transform: translateY(-50%);
    display: flex;
    align-items: center;
    justify-content: center;
    width: 48px;
    height: 48px;
    border-radius: 72px;
    background: rgba(255, 255, 255, 0.30);
    transition: 0.8s;
    cursor: pointer;
}

.ces .swiper-navigation-prev svg,
.ces .swiper-navigation-next svg {
    max-width: 9px;
}

.ces .swiper-navigation-prev:hover,
.ces .swiper-navigation-next:hover {
    background: rgba(255, 255, 255, 0.40);
}

.ces .swiper-navigation-prev {
    left: 7px;
}

.ces .swiper-navigation-next {
    right: 7px;
}

.ces .galleryThumbSwiper {
    position: relative;
    z-index:2;
    padding: 0 0 40px;
    min-height: 120px;
}

.ces .galleryThumbSwiper .swiper-wrapper {
    align-items: flex-start;
}

.ces .galleryThumbSwiper .swiper-slide {
    height: 98px;
    display: flex;
    align-items: center;
    cursor: pointer;
}

.ces .galleryThumbSwiper .thumb_box {
    height: 72px;
    overflow: hidden;
    transition: height 0.6s;
}

.ces .galleryThumbSwiper .thumb_box img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.3s;
}

.ces .galleryThumbSwiper .swiper-slide:hover img {
    transform: scale(1.1);
}

.ces .galleryThumbSwiper .swiper-slide-thumb-active .thumb_box {
    height: 90px;
}

.ces video {
    max-width: 100%;
}

.ces .swiper-pagination {
    position: relative;
    top: unset;
    margin-top: 14px;
}

.ces .swiper-pagination-progressbar {
    background: rgba(0, 0, 0, 0.10);
}

.ces .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
    background: #000;
}

.ces .content_description {
    padding: 0 0 40px;
    color: #1B1B1B;
    text-align: justify;
    font-family: NanumSquare;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 180%;
    letter-spacing: -0.35px;
}

.ces .content_description strong {
    font-weight: 800;
}

/* 비디오 CSS ::: 있을 경우 삭제 */

.content_video {
    position: relative;
}

.video-wrap {
    position: relative;
    text-align: center;
    aspect-ratio: 920 / 600;
    overflow: hidden;
    border-radius: 16px;
}

.video-wrap.video-on .video-thumbnail {
    opacity: 0
}

.video-wrap.video-on .video-container {
    display: block
}

.video-thumbnail {
    position: relative
}

.video-thumbnail img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.video-play {
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    left: 50%;
    top: 50%;
    width: 80px;
    height: 80px;
    text-indent: -9999px;
    border-radius: 50%;
    aspect-ratio: 1 / 1;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    transform-origin: center;
    border: none;
    cursor: pointer;
    background: rgba(255, 255, 255, 0.20);
    transition: all 0.8s;
}

.video-play:before {
    content: '';
    display: block;
    width: 16px;
    height: 19px;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='19' viewBox='0 0 21 25' fill='none'%3E%3Cpath d='M1.47228 0.136333C1.32425 0.0485647 1.15562 0.0015401 0.983534 3.71905e-05C0.811446 -0.00146572 0.642025 0.0426066 0.492483 0.127776C0.342941 0.212946 0.218606 0.336178 0.132108 0.484956C0.0456095 0.633733 3.0012e-05 0.802754 0 0.974849V23.553C3.0012e-05 23.7251 0.0456095 23.8942 0.132108 24.0429C0.218606 24.1917 0.342941 24.3149 0.492483 24.4001C0.642025 24.4853 0.811446 24.5294 0.983534 24.5279C1.15562 24.5264 1.32425 24.4793 1.47228 24.3916L20.5225 13.1025C20.668 13.0161 20.7886 12.8934 20.8723 12.7464C20.956 12.5994 21 12.4331 21 12.2639C21 12.0948 20.956 11.9285 20.8723 11.7815C20.7886 11.6345 20.668 11.5118 20.5225 11.4254L1.47228 0.136333Z' fill='%231B1B1B'/%3E%3C/svg%3E") center center/16px auto no-repeat;
}

.video-container {
    display: none;
    overflow: hidden;
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    z-index: 10
}

.video-container .video-close {
    display: block;
    position: absolute;
    right: 14px;
    top: 14px;
    width: 32px;
    height: 32px;
    text-indent: -9999px;
    border: none;
    cursor: pointer;
    background: url(../../../image/sub/publicity/ces/btn_video-close.png) no-repeat 50% 50%;
    background-size: 50px 50px
}

.video-container figure {
    height: 100%;
}

.video-container figure video {
    height: 100%;
    object-fit: cover;
}

.video-inner {
    margin: 0 auto;
    width: 100%;
    height: 100%
}

.process-step {
    padding: 0 260px
}

.process-step__inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%
}

.ces .mark {
    display: block;
    margin: 44px auto 0;
    max-width: 140px;
}

.ces.main .mark{
    margin-bottom: 60px;
}

.ces.hood .galleryThumbSwiper .swiper-wrapper {
    justify-content: space-between;
}

.ces.hood .galleryThumbSwiper .swiper-slide:last-child {
    margin-right: 0 !important;
}

.ces img {
    width: 100%;
    max-width: 100%;
    display: block;
    height: 100%;
    object-fit: cover;
}

.ces.hood .mark {
    opacity: 0;
}