@charset "utf-8";

/*로컬메뉴*/
.local_nav {
    width: 100%;
    background: #eee;
    height: 60px;
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    letter-spacing: -0.4em
}

.local_nav ul {
    width: 1100px;
    margin: 0 auto;
    text-align: center;
}

.local_nav li {
    display: inline-block;
    height: 60px;
    line-height: 67px;
    font-size: 18px;
    border-left: 1px solid #ddd;
    letter-spacing: normal;
}

.local_nav li:last-child {
    border-right: 1px solid #ddd;
}

.local_nav li a {
    color: #020A0A;
    display: block;
    width: 100%;
    height: auto;
    position: relative;
}

.local_nav li a:hover,
.local_nav li a.selected {
    background: #fff;
    color: #00B4ED;
    font-weight: 600;
}

.local_nav li a.selected span:before {
    display: none;
}

.local_nav li a:hover span:before,
.local_nav li a.selected span:before {
    height: 5px;
    background: #00B4ED;
    width: 100%;
    display: inline-block;
    content: "";
    position: absolute;
    left: 0;
    top: -1px;
}

.nav1unit li {
    width: 100%;
    font-size: 20px;
}

.nav2unit li {
    width: 50%;
}

.nav3unit li {
    width: 33%;
}

.nav4unit li {
    width: 25%;
}

.nav5unit li {
    width: 20%;
}

.nav6unit li {
    width: 16.5%;
}

/*sub_visual*/
.sub_visual {
    width: 100%;
    height: 215px;
    margin-top: 103px;
}

.sub_visual.bg1 {
    background: url(../image/sub/sub_vis1.jpg) no-repeat top center;
    color: #020A0A;
}

.sub_visual.bg2 {
    background: url(../image/sub/sub_vis2.jpg) no-repeat top center;
    color: #222;
}

.sub_visual.bg3 {
    background: url(../image/sub/sub_vis3.jpg) no-repeat top center;
    color: #020A0A;
}

.sub_visual.bg4 {
    background: url(../image/sub/sub_vis4.jpg) no-repeat top center;
    color: #020A0A;
}

.sub_visual.bg5 {
    background: url(../image/sub/sub_vis5.jpg) no-repeat top center;
    color: #fff;
}

.sub_visual.bg6 {
    background: url(../image/sub/sub_vis6.jpg) no-repeat top center;
    color: #020A0A;
}

.sub_visual.bg7 {
    background: url(../image/sub/sub_vis7.jpg) no-repeat top center;
    color: #020A0A;
}

.sub_visual.bg9 {
    background: url(../image/sub/sub_vis9.jpg) no-repeat top center;
    color: #020A0A;
}

.sub_visual p {
    position: relative;
    width: 1000px;
    margin: 0 auto;
    text-align: center;
    top: 35%;
    font-size: 24px;
    line-height: 130%;
}

/*sub_container*/
.sub_container {
    width: 1100px;
    margin: 15px auto 100px;
}

.sub_container_free {
    width: 100%;
    margin: 15px 0 100px;
}

.location {
    font-size: 13px;
    color: #666;
    margin-bottom: 40px;
}

.location strong {
    color: #00B4ED;
    font-weight: 100;
}

.location_free {
    position: relative;
    width: 1100px;
    display: block;
    margin: 0 auto;
    font-size: 13px;
    color: #666;
    margin-bottom: 40px;
}

.location_free strong {
    color: #00B4ED;
    font-weight: 100;
}

.inner_container h1 {
    text-align: center;
}

.inner_container h2,
.inner_container h3 {
    text-align: center;
    line-height: 140%;
}

.inner_container h1 {
    font-size: 45px;
    font-weight: 900;
    margin-bottom: 30px;
}

.inner_container h2 {
    font-size: 28px;
    color: #020A0A;
    margin-bottom: 20px;
}

.inner_container h3 {
    font-size: 18px;
    color: #020A0A;
    font-weight: 400;
    margin-bottom: 75px;
}

.inner_container h3 span {
    color: #00B4ED;
}

.mgb0 {
    margin-bottom: 0;
}

.mgb100 {
    margin-bottom: 100px;
}

.container {
    position: relative;
    width: 100%;
}

.upsideCont {
    position: relative;
    width: 100%;
}

.downsideCont {
    position: relative;
    width: 100%;
    clear: both;
}

/*footer_banner*/
.footer_banner {
    clear: both;
    border-top: 1px solid #ddd;
    background: #eee;
    padding: 80px 0 0 0
}

.footer_banner ul {
    width: 1100px;
    margin: 0 auto;
    text-align: center;
    letter-spacing: -0.4em
}

.footer_banner li {
    display: inline-block;
    letter-spacing: 0;
    margin-right: 20px;
    -webkit-box-shadow: 0 5px 20px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 0 5px 20px rgba(0, 0, 0, 0.3);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.3);
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}

.footer_banner li:hover {
    -webkit-box-shadow: 0 0 0 rgba(0, 0, 0, 0);
    -moz-box-shadow: 0 0 0 rgba(0, 0, 0, 0);
    box-shadow: 0 0 0 rgba(0, 0, 0, 0);
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}

.footer_banner li:last-child {
    margin-right: 0
}

.footer_banner p {
    width: 1100px;
    margin: 50px auto 0;
    text-align: right;
    position: relative;
    top: 3px;
}

.footer_banner p img {
    display: inline-block;
}

/***************************************************************************************************************************/
/***************************************************************************************************************************/
/***************************************************************************************************************************/
/*각 컨텐츠 내용 css*/

/*[사업소개] - 토목 */
.business ul.civilTabs {
    overflow: hidden;
    height: 110px;
    margin-top: 30px;
}

.business ul.civilTabs li {
    float: left;
    text-align: center;
    cursor: pointer;
    padding: 0;
    width: 183px;
    height: 110px;
    line-height: 110px;
    overflow: hidden;
    position: relative;
    border: 1px solid #ddd;
    border-right: none;
    font-size: 0;
    text-indent: -99999px;
}

.business ul.civilTabs li:last-child {
    border-right: 1px solid #ddd;
}

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

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

.business ul.civilTabs li.mu2 {
    background: #eeeeee url(../image/sub/civil_tab_mu.png) no-repeat -183px 0;
}

.business ul.civilTabs li.mu3 {
    background: #eeeeee url(../image/sub/civil_tab_mu.png) no-repeat -366px 0;
}

.business ul.civilTabs li.mu4 {
    background: #eeeeee url(../image/sub/civil_tab_mu.png) no-repeat -549px 0;
}

.business ul.civilTabs li.mu5 {
    background: #eeeeee url(../image/sub/civil_tab_mu.png) no-repeat -732px 0;
}

.business ul.civilTabs li.mu6 {
    background: #eeeeee url(../image/sub/civil_tab_mu.png) no-repeat -915px 0;
}

.business ul.civilTabs li.active.mu1,
.business ul.civilTabs li.mu1:hover {
    border: 1px solid #00B4ED;
    background: #00B4ED url(../image/sub/civil_tab_mu.png) no-repeat 0 -110px;
}

.business ul.civilTabs li.active.mu2,
.business ul.civilTabs li.mu2:hover {
    border: 1px solid #00B4ED;
    background: #00B4ED url(../image/sub/civil_tab_mu.png) no-repeat -183px -110px;
}

.business ul.civilTabs li.active.mu3,
.business ul.civilTabs li.mu3:hover {
    border: 1px solid #00B4ED;
    background: #00B4ED url(../image/sub/civil_tab_mu.png) no-repeat -366px -110px;
}

.business ul.civilTabs li.active.mu4,
.business ul.civilTabs li.mu4:hover {
    border: 1px solid #00B4ED;
    background: #00B4ED url(../image/sub/civil_tab_mu.png) no-repeat -549px -110px;
}

.business ul.civilTabs li.active.mu5,
.business ul.civilTabs li.mu5:hover {
    border: 1px solid #00B4ED;
    background: #00B4ED url(../image/sub/civil_tab_mu.png) no-repeat -732px -110px;
}

.business ul.civilTabs li.active.mu6,
.business ul.civilTabs li.mu6:hover {
    border: 1px solid #00B4ED;
    background: #00B4ED url(../image/sub/civil_tab_mu.png) no-repeat -915px -110px;
}

/*[사업소개] - 건축 */
.business ul.buildingTabs {
    overflow: hidden;
    height: 110px;
    margin-top: 30px;
}

.business ul.buildingTabs li {
    float: left;
    text-align: center;
    cursor: pointer;
    padding: 0;
    width: 157px;
    height: 110px;
    line-height: 110px;
    overflow: hidden;
    position: relative;
    border: 1px solid #ddd;
    border-right: none;
    font-size: 0;
    text-indent: -99999px;
}

.business ul.buildingTabs li:last-child {
    border-right: 1px solid #ddd;
}

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

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

.business ul.buildingTabs li.mu2 {
    background: #eeeeee url(../image/sub/building_tab_mu.png) no-repeat -157px 0;
}

.business ul.buildingTabs li.mu3 {
    background: #eeeeee url(../image/sub/building_tab_mu.png) no-repeat -314px 0;
}

.business ul.buildingTabs li.mu4 {
    background: #eeeeee url(../image/sub/building_tab_mu.png) no-repeat -471px 0;
}

.business ul.buildingTabs li.mu5 {
    background: #eeeeee url(../image/sub/building_tab_mu.png) no-repeat -628px 0;
}

.business ul.buildingTabs li.mu6 {
    background: #eeeeee url(../image/sub/building_tab_mu.png) no-repeat -785px 0;
}

.business ul.buildingTabs li.mu7 {
    background: #eeeeee url(../image/sub/building_tab_mu.png) no-repeat -942px 0;
}

.business ul.buildingTabs li.active.mu1,
.business ul.buildingTabs li.mu1:hover {
    border: 1px solid #00B4ED;
    background: #00B4ED url(../image/sub/building_tab_mu.png) no-repeat 0 -110px;
}

.business ul.buildingTabs li.active.mu2,
.business ul.buildingTabs li.mu2:hover {
    border: 1px solid #00B4ED;
    background: #00B4ED url(../image/sub/building_tab_mu.png) no-repeat -157px -110px;
}

.business ul.buildingTabs li.active.mu3,
.business ul.buildingTabs li.mu3:hover {
    border: 1px solid #00B4ED;
    background: #00B4ED url(../image/sub/building_tab_mu.png) no-repeat -314px -110px;
}

.business ul.buildingTabs li.active.mu4,
.business ul.buildingTabs li.mu4:hover {
    border: 1px solid #00B4ED;
    background: #00B4ED url(../image/sub/building_tab_mu.png) no-repeat -471px -110px;
}

.business ul.buildingTabs li.active.mu5,
.business ul.buildingTabs li.mu5:hover {
    border: 1px solid #00B4ED;
    background: #00B4ED url(../image/sub/building_tab_mu.png) no-repeat -628px -110px;
}

.business ul.buildingTabs li.active.mu6,
.business ul.buildingTabs li.mu6:hover {
    border: 1px solid #00B4ED;
    background: #00B4ED url(../image/sub/building_tab_mu.png) no-repeat -785px -110px;
}

.business ul.buildingTabs li.active.mu7,
.business ul.buildingTabs li.mu7:hover {
    border: 1px solid #00B4ED;
    background: #00B4ED url(../image/sub/building_tab_mu.png) no-repeat -942px -110px;
}

/*[사업소개] - 주택 */
.business ul.houseTabs {
    overflow: hidden;
    height: 110px;
    margin-top: 30px;
}

.business ul.houseTabs li {
    float: left;
    text-align: center;
    cursor: pointer;
    padding: 0;
    width: 366px;
    height: 110px;
    line-height: 110px;
    overflow: hidden;
    position: relative;
    border: 1px solid #ddd;
    border-right: none;
    font-size: 0;
    text-indent: -99999px;
}

.business ul.houseTabs li:last-child {
    border-right: 1px solid #ddd;
}

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

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

.business ul.houseTabs li.mu2 {
    background: #eeeeee url(../image/sub/house_tab_mu.png) no-repeat -366px 0;
}

.business ul.houseTabs li.mu3 {
    background: #eeeeee url(../image/sub/house_tab_mu.png) no-repeat -732px 0;
}

.business ul.houseTabs li.active.mu1,
.business ul.houseTabs li.mu1:hover {
    border: 1px solid #00B4ED;
    background: #00B4ED url(../image/sub/house_tab_mu.png) no-repeat 0 -110px;
}

.business ul.houseTabs li.active.mu2,
.business ul.houseTabs li.mu2:hover {
    border: 1px solid #00B4ED;
    background: #00B4ED url(../image/sub/house_tab_mu.png) no-repeat -366px -110px;
}

.business ul.houseTabs li.active.mu3,
.business ul.houseTabs li.mu3:hover {
    border: 1px solid #00B4ED;
    background: #00B4ED url(../image/sub/house_tab_mu.png) no-repeat -732px -110px;
}

/*[사업소개] - 플랜트 */
.business ul.plantTabs {
    overflow: hidden;
    height: 110px;
    margin-top: 30px;
}

.business ul.plantTabs li {
    float: left;
    text-align: center;
    cursor: pointer;
    padding: 0;
    width: 366px;
    height: 110px;
    line-height: 110px;
    overflow: hidden;
    position: relative;
    border: 1px solid #ddd;
    border-right: none;
    font-size: 0;
    text-indent: -99999px;
    background: #eeeeee;
}

.business ul.plantTabs li:last-child {
    border-right: 1px solid #ddd;
}

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

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

.business ul.plantTabs li.mu2 {
    background: #eeeeee url(../image/sub/plant_tab_mu.png) no-repeat -366px 0;
}

.business ul.plantTabs li.mu3 {
    background: #eeeeee url(../image/sub/plant_tab_mu.png) no-repeat -732px 0;
}

.business ul.plantTabs li.active.mu1,
.business ul.plantTabs li.mu1:hover {
    border: 1px solid #00B4ED;
    background: #00B4ED url(../image/sub/plant_tab_mu.png) no-repeat 0 -110px;
}

.business ul.plantTabs li.active.mu2,
.business ul.plantTabs li.mu2:hover {
    border: 1px solid #00B4ED;
    background: #00B4ED url(../image/sub/plant_tab_mu.png) no-repeat -366px -110px;
}

.business ul.plantTabs li.active.mu3,
.business ul.plantTabs li.mu3:hover {
    border: 1px solid #00B4ED;
    background: #00B4ED url(../image/sub/plant_tab_mu.png) no-repeat -732px -110px;
}

/*[사업소개] - 해외 */
.business ul.abroadTabs {
    overflow: hidden;
    height: 110px;
    margin-top: 30px;
}

.business ul.abroadTabs li {
    float: left;
    text-align: center;
    cursor: pointer;
    padding: 0;
    width: 183px;
    height: 110px;
    line-height: 110px;
    overflow: hidden;
    position: relative;
    border: 1px solid #ddd;
    border-right: none;
    font-size: 0;
    text-indent: -99999px;
    background: #eeeeee;
}

.business ul.abroadTabs li:last-child {
    border: none;
}

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

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

.business ul.abroadTabs li.mu2 {
    background: #eeeeee url(../image/sub/abroad_tab_mu.png) no-repeat -183px 0;
}

.business ul.abroadTabs li.mu3 {
    background: #eeeeee url(../image/sub/abroad_tab_mu.png) no-repeat -366px 0;
}

.business ul.abroadTabs li.mu4 {
    background: #eeeeee url(../image/sub/abroad_tab_mu.png) no-repeat -549px 0;
}

.business ul.abroadTabs li.mu5 {
    background: #eeeeee url(../image/sub/abroad_tab_mu.png) no-repeat -732px 0;
    border-right: 1px solid #ddd;
}

.business ul.abroadTabs li.mu6 {
    background: #eeeeee url(../image/sub/abroad_tab_mu.png) no-repeat -917px 0;
}

.business ul.abroadTabs li.active.mu1,
.business ul.abroadTabs li.mu1:hover {
    border: 1px solid #00B4ED;
    background: #00B4ED url(../image/sub/abroad_tab_mu.png) no-repeat 0 -110px;
}

.business ul.abroadTabs li.active.mu2,
.business ul.abroadTabs li.mu2:hover {
    border: 1px solid #00B4ED;
    background: #00B4ED url(../image/sub/abroad_tab_mu.png) no-repeat -183px -110px;
}

.business ul.abroadTabs li.active.mu3,
.business ul.abroadTabs li.mu3:hover {
    border: 1px solid #00B4ED;
    background: #00B4ED url(../image/sub/abroad_tab_mu.png) no-repeat -366px -110px;
}

.business ul.abroadTabs li.active.mu4,
.business ul.abroadTabs li.mu4:hover {
    border: 1px solid #00B4ED;
    background: #00B4ED url(../image/sub/abroad_tab_mu.png) no-repeat -549px -110px;
}

.business ul.abroadTabs li.active.mu5,
.business ul.abroadTabs li.mu5:hover {
    border: 1px solid #00B4ED;
    background: #00B4ED url(../image/sub/abroad_tab_mu.png) no-repeat -732px -110px;
}

.business ul.abroadTabs li.active.mu6,
.business ul.abroadTabs li.mu6:hover {
    border: none;
    background: #00B4ED url(../image/sub/abroad_tab_mu.png) no-repeat -917px -110px;
}

section.network {
    display: none;
    position: relative;
    width: 100%;
    height: 650px;
    margin-top: 60px;
    background: url("../image/sub/networkBg.jpg") no-repeat;
}

section.network .networkKorea {
    display: none;
    position: absolute;
    top: 233px;
    left: 481px;
    z-index: 99;
}

section.network .korea {
    display: none;
    position: absolute;
    top: 237px;
    left: 481px;
    z-index: 99;
}

section.network .networkMarker {
    opacity: 0;
    position: absolute;
    top: 167px;
    left: 102px;
    z-index: 9;
}

section.network .networkMap {
    opacity: 0;
    position: absolute;
    top: 45px;
    left: 60px;
    z-index: 8;
}

section.network .indonesia {
    display: none;
    position: absolute;
    top: 320px;
    left: 150px;
    z-index: 99;
}

section.network .vietnam {
    display: none;
    position: absolute;
    top: 204px;
    left: 150px;
    z-index: 99;
}

section.network .bangladesh {
    display: none;
    position: absolute;
    top: 147px;
    left: 111px;
    z-index: 99;
}

section.network .uae {
    display: none;
    position: absolute;
    top: 255px;
    left: 20px;
    z-index: 99;
}

section.network .poland {
    display: none;
    position: absolute;
    top: 94px;
    left: 180px;
    z-index: 99;
}

section.network .germany {
    display: none;
    position: absolute;
    top: 104px;
    left: 155px;
    z-index: 99;
}

section.network .cotedvr {
    display: none;
    position: absolute;
    top: 313px;
    left: 20px;
    z-index: 99;
}

section.network .usa {
    display: none;
    position: absolute;
    top: 104px;
    left: 820px;
    z-index: 99;
}

section.network .mexico {
    display: none;
    position: absolute;
    top: 306px;
    left: 820px;
    z-index: 99;
}

section.network .indonesia2 {
    position: absolute;
    top: 360px;
    left: 419px;
    z-index: 999;
    width: 21px;
    height: 27px;
    text-indent: -99999px;
    font-size: 0;
    cursor: pointer;
}

section.network .office span {
    display: block;
    width: 12px;
    height: 12px;
    padding: 10px;
    position: absolute;
    text-indent: -99999px;
    font-size: 0;
    z-index: 999;
    cursor: pointer;
}

section.network .indonesia span {
    top: 6px;
    left: 234px;
}

section.network .vietnam span {
    top: 6px;
    left: 234px;
}

section.network .bangladesh span {
    top: 6px;
    left: 234px;
}

section.network .uae span {
    top: 55px;
    left: 235px;
}

section.network .poland span {
    top: 6px;
    left: 266px;
}

section.network .germany span {
    top: 6px;
    left: 266px;
}

section.network .cotedvr span {
    top: 48px;
    left: 235px;
}

section.network .usa span {
    top: 6px;
    left: 235px;
}

section.network .mexico span {
    top: 54px;
    left: 235px;
}





/*[기업소개] - 서브 네비게이션 3단 */
.company ul.tabs3unit {
    overflow: hidden;
    width: 1100px;
    height: 60px;
    margin: 45px auto 0 auto;
}

.company ul.tabs3unit li {
    float: left;
    text-align: center;
    cursor: pointer;
    padding: 0;
    width: 366px;
    height: 60px;
    line-height: 60px;
    overflow: hidden;
    position: relative;
    border: 1px solid #ddd;
    border-right: none;
    font-size: 18px;
    color: #020A0A;
    font-weight: 100;
    background: #eeeeee;
}

.company ul.tabs3unit li:last-child {
    border-right: 1px solid #ddd;
}

.company ul.tabs3unit li:hover,
.company ul.tabs3unit li.active {
    border: 1px solid #00B4ED;
    background: #00B4ED;
    font-weight: 300;
    color: #fff;
}

.company ul.tabs5unit {
    overflow: hidden;
    width: 1100px;
    height: 60px;
    margin: 45px auto 0 auto;
}

.company ul.tabs5unit li {
    float: left;
    text-align: center;
    cursor: pointer;
    padding: 0;
    width: 220px;
    height: 60px;
    line-height: 60px;
    overflow: hidden;
    position: relative;
    border: 1px solid #ddd;
    border-right: none;
    font-size: 18px;
    color: #020A0A;
    font-weight: 100;
    background: #eeeeee;
}

.company ul.tabs5unit li:last-child {
    border-right: 1px solid #ddd;
}

.company ul.tabs5unit li:hover,
.company ul.tabs5unit li.active {
    border: 1px solid #00B4ED;
    background: #00B4ED;
    font-weight: 300;
    color: #fff;
}

.summary {
    position: relative;
    width: 1100px;
    margin: 80px auto 0 auto;
}

.summary p {
    letter-spacing: -0.2px;
    font-size: 18px;
    color: #020A0A;
    font-weight: 400;
    margin-bottom: 75px;
    line-height: 140%;
}

.summary p span {
    color: #00B4ED
}

.summary_tabs strong {
    font-size: 18px;
    color: #00B4ED;
    display: block;
    margin-bottom: 12px;
}

.summary_tabs ul.list {
    overflow: hidden;
}

.summary_tabs ul.list>li {
    float: left;
    width: 215px;
    /*border-top: 5px solid #00B4ED;
    border-bottom: 5px solid #bfbfbf;*/
    margin-right: 6px;
    position: relative;
}

.summary_tabs ul.list>li:last-child {
    margin-right: 0
}

.summary_tabs ul.list>li p {
    text-indent: -101%;
    font-size: 0;
    display: block;
    /*padding-top: 28px;*/
    width: 215px;
    height: 180px;
    background: url(../image/sub/company/summary/summary_business.png) no-repeat;
    position: relative;
}

.summary_tabs ul.list>li a {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 215px;
    height: 180px;
    z-index: 1;
    background: url("../image/sub/company/summary/detailBg.png") no-repeat;
}

.summary_tabs ul.list>li a img {
    display: block;
    position: absolute;
    top: 91px;
    left: 17px;
}

.summary_tabs ul.list li.mu1 p {
    background-position: 0 0;
}

.summary_tabs ul.list li.mu2 p {
    background-position: -221px 0;
}

.summary_tabs ul.list li.mu3 p {
    background-position: -443px 0;
}

.summary_tabs ul.list li.mu4 p {
    background-position: -664px 0;
}

.summary_tabs ul.list li.mu5 p {
    background-position: -885px 0;
}

.summary_tabs ul.inner_list {
    width: 215px;
    margin-top: 22px;
}

.summary_tabs ul.inner_list li {
    background: url("../image/sub/dot1.png") no-repeat 20px center;
    font-size: 18px;
    color: #020A0A;
    text-indent: 30px;
    line-height: 26px;
}







.vision {
    max-width: 1900px;
    height: 1650px;
    margin: 80px auto -100px auto;
    background: url(../image/sub/company/vision.jpg) no-repeat center;
    background-size: cover;
}

.idea {
    position: relative;
    width: 100%;
    max-width: 1900px;
    height: 800px;
    margin: 80px auto 0 auto;
    background: url("../image/sub/company/idea.jpg") no-repeat center top;
    background-size: 1100px;
}




/*ceo인사말************************************************/
.ceo .ceoTabs {
    margin: 0 auto 60px;
    width: 1100px;
    height: 310px;
    overflow: hidden;
}

.ceo .ceoTabs li {
    float: left;
    padding: 0;
    width: 550px;
    overflow: hidden;
    cursor: pointer;
}

.ceo .tab_container {
    width: 100%;
}

.ceo .tab_container .tab_content {
    width: 1100px;
    margin: 0 auto 230px;
}

.ceo .tab_container .tab_content h2 {
    font-family: "Nanum Myeongjo";
    font-weight: 300;
    margin-bottom: 32px;
    text-align: center;
    font-size: 32px;
    color: #00B4ED;
}

.ceo .tab_container .tab_content span {
    font-size: 18px;
    color: #020A0A;
    line-height: 26px;
    display: block;
    margin-bottom: 14px;
}

.ceo .tab_container .tab_content span.lastSpan {
    margin-top: 54px;
}

.ceo .tab_container .tab_content span small {
    font-size: 18px;
    color: #020A0A;
    line-height: 26px;
    letter-spacing: -0.2px;
}

#chm_sign {
    display: inline-block;
    margin: -13px 0 0 25px;
}

#ceo_sign {
    display: inline-block;
    margin: -22px 0 0 20px;
}



/*[회사연혁] - 서브 네비게이션 4단 */
.history ul.tabs4unit {
    overflow: hidden;
    width: 100%;
    height: 60px;
    margin-top: 45px;
}

.history ul.tabs4unit li {
    float: left;
    text-align: center;
    cursor: pointer;
    padding: 0;
    width: 275px;
    height: 60px;
    line-height: 60px;
    overflow: hidden;
    position: relative;
    border: 1px solid #ddd;
    border-right: none;
    font-size: 18px;
    color: #020A0A;
    font-weight: 100;
    background: #eeeeee;
}

.history ul.tabs4unit li strong {
    font-size: 24px;
}

.history ul.tabs4unit li:last-child {
    border-right: 1px solid #ddd;
}

.history ul.tabs4unit li:hover,
.history ul.tabs4unit li.active {
    border: 1px solid #00B4ED;
    background: #00B4ED;
    font-weight: 900;
    color: #fff;
}

.s1980,
.s1990,
.s2000,
.s2010 {
    position: relative;
    width: 100%;
    margin-top: 80px;
}

.s1980 {
    background: url(../image/sub/company/history/1980.jpg) no-repeat;
}

.s1990 {
    background: url(../image/sub/company/history/1990.jpg) no-repeat;
}

.s2000 {
    background: url(../image/sub/company/history/2000.jpg) no-repeat;
}

.s2010 {
    background: url(../image/sub/company/history/2010.jpg) no-repeat right 120px;
}

.s2000 p.left,
.s2000 ul.left,
.s2010 p.left,
.s2010 ul.left {
    margin-left: 0;
}

.s2000 ul.upper {
    margin-top: -124px;
}

p.year_title {
    width: 460px;
    margin-left: 640px;
    color: #00B4ED;
    font-size: 30px;
    line-height: 75px;
    border-bottom: 5px solid #00B4ED;
    margin-bottom: 30px;
}

p.year_title strong {
    font-size: 70px;
}

ul.historyText {
    letter-spacing: -0.5px;
    margin-left: 640px;
}

ul.historyText>li {
    width: 100%;
    display: inline-block;
    font-size: 18px;
    color: #020A0A;
    margin-bottom: 20px;
}

ul.historyText li p {
    float: left;
    margin-right: 18px;
    color: #00B4ED;
    font-weight: 600;
}

ul.txt {
    display: inline-block;
    float: left;
}

ul.txt li {
    margin-bottom: 8px;
}






/*그룹사소개************************************************/
.group {
    width: 100%;
    position: relative;
    overflow: hidden;
    height: 1235px;
    margin-top: 80px;
}

.group .comment {
    position: relative;
    width: 1100px;
    margin: 0 auto;
    vertical-align: top;
    letter-spacing: -0.5px;
    font-size: 18px;
    color: #020A0A;
    line-height: 25px;
    background: url(../image/sub/company/group/object.jpg) no-repeat right;
}

.group .comment span {
    display: block;
    margin-bottom: 10px;
}

.afTable {
    margin-bottom: 0;
    position: absolute;
    width: 1900px;
    left: 50%;
    margin-left: -950px;
    background: url(../image/sub/company/group/groupBg.jpg) no-repeat right;
}

/*테이블*/
.afTable table {
    width: 1100px;
    margin: 75px auto 166px;
    border-top: 5px solid #00B4ED;
    border-bottom: 1px solid #00B4ED;
}

.afTable table caption {
    margin-bottom: 12px;
    font-size: 18px;
    color: #00B4ED;
    font-weight: 600;
    text-align: left;
}

.afTable tr {
    height: 59px;
    border-top: 1px solid #bfbfbf;
}

.afTable tr.trStyle_1 {
    border-top: 1px solid #00B4ED;
}

.afTable th {
    width: 280px;
    text-align: center;
    font-size: 28px;
    color: #00B4ED;
    background: rgba(248, 248, 248, 0.5);
    -webkit-background: rgba(248, 248, 248, 0.5);
    -moz-background: rgba(248, 248, 248, 0.5);
    -o-background: rgba(248, 248, 248, 0.5);
}

.afTable td {
    font-size: 15px;
}

.afTable td a {
    position: relative;
    right: 0;
    display: block;
    padding: 10px 0 10px 10px;
}

.afTable td.td1 {
    font-weight: 600;
    font-size: 18px;
    text-indent: 20px;
    width: 280px;
}

.afTable td span {
    font-weight: 100;
    font-size: 15px;
}






/*[정도경영] - 서브 네비게이션 3단 */
.managing ul.tabs3unit {
    overflow: hidden;
    width: 1100px;
    height: 60px;
    margin: 45px auto 0 auto;
}

.managing ul.tabs2unit {
    overflow: hidden;
    width: 1100px;
    height: 60px;
    margin: 45px auto 0 auto;
}

.managing 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;
    font-size: 18px;
    color: #020A0A;
    font-weight: 100;
    background: #eeeeee;
}

.managing ul.tabs3unit li {
    float: left;
    text-align: center;
    cursor: pointer;
    padding: 0;
    width: 366px;
    height: 60px;
    line-height: 60px;
    overflow: hidden;
    position: relative;
    border: 1px solid #ddd;
    border-right: none;
    font-size: 18px;
    color: #020A0A;
    font-weight: 100;
    background: #eeeeee;
}

.managing ul.tabs3unit li:last-child {
    border-right: 1px solid #ddd;
}

.managing ul.tabs3unit li:hover,
.managing ul.tabs3unit li.active {
    border: 1px solid #00B4ED;
    background: #00B4ED;
    font-weight: 300;
    color: #fff;
}

.managing ul.tabs3unit_1 {
    overflow: hidden;
    width: 1100px;
    height: 60px;
    margin: 45px auto 0 auto;
}

.managing ul.tabs3unit_1 li {
    float: left;
    text-align: center;
    cursor: pointer;
    padding: 0;
    width: 275px;
    height: 60px;
    line-height: 60px;
    overflow: hidden;
    position: relative;
    border: 1px solid #ddd;
    border-right: none;
    font-size: 18px;
    color: #020A0A;
    font-weight: 100;
    background: #eeeeee;
}

.managing ul.tabs3unit_1 li:last-child {
    border-right: 1px solid #ddd;
}

.managing ul.tabs3unit_1 li:hover,
.managing ul.tabs3unit_1 li.active {
    border: 1px solid #00B4ED;
    background: #00B4ED;
    font-weight: 300;
    color: #fff;
}


.managing ul.tabs2unit li:last-child {
    border-right: 1px solid #ddd;
}

.managing ul.tabs2unit li:hover,
.managing ul.tabs2unit li.active {
    border: 1px solid #00B4ED;
    background: #00B4ED;
    font-weight: 300;
    color: #fff;
}

.managing ul.tabs2unit_1 {
    overflow: hidden;
    width: 1100px;
    height: 60px;
    margin: 45px auto 0 auto;
}

.managing ul.tabs2unit_1 li {
    float: left;
    text-align: center;
    cursor: pointer;
    padding: 0;
    width: 275px;
    height: 60px;
    line-height: 60px;
    overflow: hidden;
    position: relative;
    border: 1px solid #ddd;
    border-right: none;
    font-size: 18px;
    color: #020A0A;
    font-weight: 100;
    background: #eeeeee;
}

.managing ul.tabs2unit_1 li:last-child {
    border-right: 1px solid #ddd;
}

.managing ul.tabs2unit_1 li:hover,
.managing ul.tabs2unit_1 li.active {
    border: 1px solid #00B4ED;
    background: #00B4ED;
    font-weight: 300;
    color: #fff;
}

/*공급망관리*/
.supply_chain {
    margin: 0 auto;
    margin-bottom: 50px;
    margin-top: 50px;
    border-top: 5px solid #00B4ED;
    border-bottom: 1px solid #00B4ED;
}

.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;
}

.system .comment {
    position: relative;
    width: 1100px;
    margin: 80px auto 0 auto;
    background: url(../image/sub/managing/managing/vndiagram.jpg) no-repeat right 208px;
}

.system .comment p {
    width: 530px;
    vertical-align: top;
    letter-spacing: -0.5px;
    font-size: 18px;
    color: #020A0A;
    line-height: 26px;
    margin-top: 85px;
}

.system .comment p strong {
    display: block;
    margin-bottom: 15px;
    color: #00B4ED;
    font-weight: 600;
}

.system .comment p span {
    display: block;
    margin-top: 10px;
}

.system .rule4 {
    position: relative;
    width: 100%;
    max-width: 1900px;
    height: 450px;
    margin: 100px auto 0 auto;
    text-indent: -99999px;
    font-size: 0;
    background: url("../image/sub/managing/managing/4rule.jpg") no-repeat center;
    background-size: cover;
}

.system .comment .comment_new_btn {
    position: absolute;
    right: 0;
    bottom: -10px;
    width: 150px;
    height: 40px;
    background: #eee;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
}

/*220628용승호*/
.system .comment_1 {
    position: relative;
    width: 1100px;
    margin: 80px auto 0 auto;
}

.system .comment_1 p {
    width: 48%;
    vertical-align: top;
    letter-spacing: -0.5px;
    font-size: 18px;
    color: #020A0A;
    line-height: 26px;
    margin-top: 35px;
    float: left
}

.system .comment_1 p.com_right {

    float: right
}

.system .comment_1 p strong {
    display: block;
    margin-bottom: 15px;
    color: #00B4ED;
    font-weight: 600;
}

.system .hrm_active {
    width: 1100px;
    margin: 0 auto;
}

.system .hrm_active table tr td {
    width: calc(100% / 3);
    border-right: 2px solid #00B4ED;
    border-top: 2px solid #00B4ED;
    padding: 20px;
    box-sizing: border-box;
    vertical-align: top;
    line-height: 130%;
}

.system .hrm_active table tr td:last-child {
    border-right: none;
}

.system .hrm_active strong {
    display: block;
    margin-bottom: 15px;
    color: #00B4ED;
    font-weight: 600;
}

.system .hrm_active table tr td b {
    display: block;
    color: #00B4ED;
    font-weight: 600;
}

.hrm_background {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    background-color: rgba(0, 0, 0, 0.3);
    z-index: 1000;

    /* 숨기기 */
    z-index: -1;
    opacity: 0;
}

.hrm_show {
    opacity: 1;
    z-index: 1000;
    transition: all 0.5s;
}

.hrm_window {
    position: relative;
    width: 100%;
    height: 100%;
}

.hrm_popup {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);

    /* 초기에 약간 아래에 배치 */
    transform: translate(-50%, -40%);
}

.hrm_show .hrm_popup {
    transform: translate(-50%, -50%);
    transition: all 0.5s;
}

#hrm_show {
    display: block;
    width: 200px;
    height: 50px;
    background: #ddd;
    text-align: center;
    line-height: 50px;
    background: #00B4ED;
    cursor: pointer;
    position: relative;
    left: 0;
    top: 10px;
    font-weight: 600;
}

#hrm_pdf_show {
    display: block;
    width: 200px;
    height: 50px;
    text-align: center;
    line-height: 50px;
    background: #00B4ED;
    cursor: pointer;
    position: relative;
    left: 0;
    top: 10px;
    font-weight: 600;
    color: #020A0A;
}

#hrm_close {
    position: absolute;
    right: 1%;
    top: 1%;
}

/*220628용승호*/

.concept {
    position: relative;
    width: 100%;
    margin: 80px auto 0 auto;
}

.concept h3 {
    margin-bottom: 40px;
}

.concept {
    position: relative;
    width: 100%;
    margin: 80px auto 0 auto;
}

.concept .autobiography {
    position: relative;
    width: 100%;
    max-width: 1900px;
    height: 810px;
    margin: 0 auto 0 auto;
    text-indent: -99999px;
    font-size: 0;
    background: url(../image/sub/managing/managing/concept.jpg) no-repeat center;
    background-size: cover;
}

.managing p.bottom_text {
    width: 1100px;
    margin: 0 auto 0;
    font-size: 18px;
    line-height: 26px;
}

.managing p.bottom_text span,
.managing p.bottom_text strong {
    display: block;
}

.managing p.bottom_text span {
    color: #00B4ED;
    font-weight: 600;
    margin-top: 65px;
}

.managing p.bottom_text strong {
    margin: 16px 0;
}

.concept .autobiography {
    position: relative;
    width: 100%;
    max-width: 1900px;
    height: 810px;
    margin: 0 auto 0 auto;
    text-indent: -99999px;
    font-size: 0;
    background: url(../image/sub/managing/managing/concept.jpg) no-repeat center;
    background-size: cover;
}

.company p.bottom_text {
    width: 1100px;
    margin: 0 auto 0;
    font-size: 18px;
    line-height: 26px;
}

.company p.bottom_text span,
.managing p.bottom_text strong {
    display: block;
}

.company p.bottom_text span {
    color: #00B4ED;
    font-weight: 600;
    margin-top: 65px;
}

.company p.bottom_text strong {
    margin: 16px 0;
}


/*사이버신고센터*/
.accuse {
    position: relative;
    width: 1100px;
    height: 520px;
    margin: 80px auto 100px auto;
}

.report_left {
    float: left;
    width: 490px;
    position: relative;
    height: 500px;
}

.report_left img {
    display: block;
    position: absolute;
    left: -66px;
}

.report_right {
    float: left;
    color: #020A0A;
}

.report_right h4 {
    font-size: 28px;
    font-weight: 600;
    line-height: 38px;
}

.report_right ol {
    width: 610px;
    height: 80px;
    margin-top: 33px;
    margin-left: -18px;
    margin-bottom: 61px;
}

.report_right ol li {
    float: left;
    font-size: 18px;
    line-height: 30px;
    letter-spacing: -0.5px;
}

.report_right ol li:nth-child(1),
.report_right ol li:nth-child(3),
.report_right ol li:nth-child(5) {
    width: 350px;
}

.report_right ol li:nth-child(2),
.report_right ol li:nth-child(4) {
    width: 260px;
}

.report_right i {
    clear: both;
    display: block;
    height: 1px;
    width: 600px;
    background: #c9caca;
}

.report_right strong {
    margin-top: 25px;
    display: block;
    margin-bottom: 15px;
    font-size: 18px;
    color: #020A0A;
}

.report_right span {
    display: block;
    margin-bottom: 10px;
    font-size: 15px;
    color: #898989;
    line-height: 20px;
}

.report_right span a {
    color: #014099;
    font-weight: 600;
}

/* 미래사업 */
.future {
    position: relative;
    width: 1100px;
    height: 895px;
    margin: 38px auto 0 auto;
    background: url(../image/sub/managing/future/futureBg.jpg) no-repeat;
}

.future p:first-child {
    display: block;
    padding-top: 70px;
    text-align: center;
    width: 100%;
    vertical-align: top;
    font-size: 18px;
    color: #fff;
    line-height: 26px;
}

.future p:first-child strong {
    display: block;
    margin-bottom: 50px;
    font-size: 28px;
    color: #fac762;
    font-weight: 600;
}

.future p.object {
    position: absolute;
    top: 410px;
    right: 30px;
}

.future p:last-child {
    display: block;
    position: absolute;
    top: 670px;
    width: 100%;
    vertical-align: top;
    font-size: 18px;
    color: #020A0A;
    line-height: 26px;
}

.future p:last-child strong {
    display: block;
    margin-bottom: 20px;
    font-size: 18px;
    color: #004099;
    font-weight: 600;
}





.quality {
    position: relative;
    width: 100%;
    margin: 75px auto 0 auto;
}

.quality h2 {
    margin-bottom: 12px;
}

.quality h3 {
    margin-bottom: 0;
}

.quality .belief {
    position: relative;
    width: 1100px;
    margin: 50px auto 0 auto;
    background: url(../image/sub/managing/qes//quality/diagram.png) no-repeat right -20px;
}

.quality .belief p.quality_comment {
    width: 530px;
    vertical-align: top;
    letter-spacing: -0.5px;
    font-size: 18px;
    color: #020A0A;
    line-height: 26px;
    margin-bottom: 15px;
}

.quality .belief p.quality_comment>span {
    display: block;
    margin-bottom: 12px;
}

.quality .belief p.quality_comment strong {
    display: block;
    margin-bottom: 7px;
    color: #00B4ED;
    font-weight: 600;
}

.quality .belief>span {
    display: block;
    margin-top: 5px;
    font-size: 15px;
    color: #014099;
}

.quality .belief img.photo1,
.quality .belief img.photo2 {
    margin-bottom: 3px;
}

.quality .belief p.diagramTitle1 {
    position: absolute;
    top: 10px;
    left: 820px;
}

.quality .belief p.diagramTitle2 {
    position: absolute;
    top: 225px;
    left: 760px;
}

.quality .belief p.diagramTitle3 {
    position: absolute;
    top: 527px;
    left: 685px;
}

.quality .belief p.diagramTitle1 strong,
.quality .belief p.diagramTitle2 strong,
.quality .belief p.diagramTitle3 strong {
    color: #00B4ED;
    font-weight: 600;
    font-size: 18px;
}

.quality .belief p.diagramComment1 {
    position: absolute;
    top: 35px;
    left: 450px;
    width: 150px;
    font-size: 15px;
    color: #020A0A;
    line-height: 20px;
}

.quality .belief p.diagramComment2 {
    position: absolute;
    top: 108px;
    left: 992px;
    width: 150px;
    font-size: 15px;
    color: #020A0A;
    line-height: 20px;
}

.quality .belief p.diagramComment3 {
    position: absolute;
    top: 375px;
    left: 450px;
    width: 150px;
    font-size: 15px;
    color: #020A0A;
    line-height: 20px;
}

.quality .belief p.diagramComment4 {
    position: absolute;
    top: 370px;
    left: 984px;
    width: 150px;
    font-size: 15px;
    color: #020A0A;
    line-height: 20px;
}

.quality .belief p.diagramComment1 strong,
.quality .belief p.diagramComment2 strong,
.quality .belief p.diagramComment3 strong,
.quality .belief p.diagramComment4 strong {
    font-size: 18px;
    font-weight: 300;
    display: inline-block;
    margin-bottom: 20px;
    text-indent: 10px;
}

.quality .belief p b {
    text-indent: -99999px;
    font-size: 0;
    width: 3px;
    height: 2px;
    display: inline-block;
    vertical-align: middle;
    background: url("../image/sub/dot2.png") no-repeat center;
}

.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;
}

/*activities추가*/
.quality .activities {
    position: relative;
    width: 1100px;
    margin: 95px auto 0 auto;
    overflow: auto;
}

.quality .activities strong {
    font-size: 18px;
    display: block;
    color: #00B4ED;
    margin-bottom: 10px;
}

.quality .activities ul {
    border-top: 5px solid #00B4ED;
    width: 530px;
    float: left;
}

.quality .activities ul li {
    color: #020A0A;
    overflow: hidden;
    margin-top: 15px;
    padding-bottom: 28px;
    border-bottom: 1px solid #00B4ED;
    position: relative;
}

.quality .activities ul li h4 {
    display: inline-block;
    position: absolute;
    font-weight: 600;
    line-height: 26px;
    left: 0;
}

.quality .activities ul li p {
    float: left;
    font-size: 15px;
    line-height: 22px;
    margin-left: 150px;
    padding-right: 10px;
}

.m-l-30 {
    margin-left: 30px;
}







.environment {
    position: relative;
    width: 100%;
    margin: 75px auto 0 auto;
}

.environment h2 {
    margin-bottom: 12px;
}

.environment h3 {
    margin-bottom: 0;
}

.environment .belief {
    position: relative;
    width: 1100px;
    margin: 50px auto 0 auto;
}

.environment .belief p.environment_comment {
    width: 530px;
    vertical-align: top;
    letter-spacing: -0.5px;
    font-size: 18px;
    color: #020A0A;
    line-height: 26px;
    margin-bottom: 15px;
}

.environment .belief p.environment_comment>span {
    display: block;
    margin-bottom: 12px;
}

.environment .belief p.environment_comment strong {
    display: block;
    margin-bottom: 7px;
    color: #00B4ED;
    font-weight: 600;
}

.environment .belief>span {
    display: block;
    margin-top: 5px;
    font-size: 15px;
    color: #014099;
}

.environment .belief img.photo {
    margin-bottom: 3px;
}

.environment .belief p.diagramTitle {
    position: absolute;
    top: 380px;
    left: 745px;
}

.environment .belief p.diagramTitle strong {
    color: #00B4ED;
    font-weight: 600;
    font-size: 18px;
    line-height: 22px;
}

.environment .belief p.diagramComment1 {
    position: absolute;
    top: 30px;
    left: 450px;
    width: 150px;
    font-size: 15px;
    color: #020A0A;
    line-height: 20px;
}

.environment .belief p.diagramComment2 {
    position: absolute;
    top: 33px;
    left: 960px;
    width: 150px;
    font-size: 15px;
    color: #020A0A;
    line-height: 20px;
}

.environment .belief p.diagramComment3 {
    position: absolute;
    top: 250px;
    left: 450px;
    width: 150px;
    font-size: 15px;
    color: #020A0A;
    line-height: 20px;
}

.environment .belief p.diagramComment4 {
    position: absolute;
    top: 290px;
    left: 960px;
    width: 150px;
    font-size: 15px;
    color: #020A0A;
    line-height: 20px;
}

.environment .belief p.diagramComment1 strong,
.environment .belief p.diagramComment2 strong,
.environment .belief p.diagramComment3 strong,
.environment .belief p.diagramComment4 strong {
    font-size: 18px;
    font-weight: 300;
    display: inline-block;
    margin-bottom: 20px;
    padding-left: 10px;
    line-height: 22px;
}

.environment .belief p.diagramComment1 strong i,
.environment .belief p.diagramComment2 strong i,
.environment .belief p.diagramComment3 strong i,
.environment .belief p.diagramComment4 strong i {
    color: #014099;
    font-weight: 300;
    font-size: 15px;
    font-style: normal;
}

.environment .belief p b {
    text-indent: -99999px;
    font-size: 0;
    width: 3px;
    height: 2px;
    display: inline-block;
    vertical-align: middle;
    background: url("../image/sub/dot2.png") no-repeat center;
}




.environment .certification {
    position: relative;
    width: 100%;
    max-width: 1900px;
    height: 1100px;
    margin: 80px auto 0 auto;
    padding-top: 60px;
    background: url(../image/sub/managing/qes/environment/certificationBg.jpg) no-repeat center;
    background-size: cover;
    text-align: center;
}

.environment .certification img {
    /*margin-left:-205px;*/
}

/*activities추가*/
.environment .activities {
    position: relative;
    width: 1100px;
    margin: 95px auto 0 auto;
    overflow: auto;
}

.environment .activities strong {
    font-size: 18px;
    display: block;
    color: #00B4ED;
    font-weight: 600;
    margin-bottom: 10px;
}

.environment .activities ul {
    border-top: 5px solid #00B4ED;
    width: 530px;
    float: left;
}

.environment .activities ul li {
    color: #020A0A;
    overflow: hidden;
    margin-top: 15px;
    padding-bottom: 28px;
    border-bottom: 1px solid #00B4ED;
    position: relative;
}

.environment .activities ul li h4 {
    display: inline-block;
    position: absolute;
    font-weight: 600;
    line-height: 26px;
    left: 0;
}

.environment .activities ul li p {
    float: left;
    font-size: 15px;
    line-height: 22px;
    margin-left: 150px;
    padding-right: 10px;
}







.safety {
    position: relative;
    width: 100%;
    margin: 75px auto 0 auto;
}

.safety h2 {
    margin-bottom: 12px;
}

.safety h3 {
    margin-bottom: 0;
}

.safety .belief {
    position: relative;
    width: 1100px;
    margin: 50px auto 0 auto;
    background: url(../image/sub/managing/qes/safety/diagram.jpg) no-repeat 540px -15px;
}

.safety .belief p.safety_comment {
    width: 530px;
    vertical-align: top;
    letter-spacing: -0.5px;
    font-size: 18px;
    color: #020A0A;
    line-height: 26px;
}

.safety .belief p.safety_comment>span {
    display: block;
    margin-bottom: 12px;
}

.safety .belief p.safety_comment strong {
    display: block;
    margin-bottom: 7px;
    color: #00B4ED;
    font-weight: 600;
}

.safety .belief>span {
    display: block;
    margin-top: 10px;
    font-size: 15px;
    color: #014099;
}

.safety .belief img.photo {
    margin-top: 10px;
}

.safety .belief p.diagramTitle {
    position: absolute;
    top: 30px;
    left: 460px;
}

.safety .belief p.diagramTitle strong {
    color: #00B4ED;
    font-weight: 600;
    font-size: 18px;
    line-height: 26px;
}

.safety .belief p.diagramComment1 {
    position: absolute;
    top: 160px;
    left: 710px;
    font-size: 15px;
    color: #020A0A;
    line-height: 22px;
    padding-left: 100px;
}

.safety .belief p.diagramComment2 {
    position: absolute;
    top: 340px;
    left: 800px;
    font-size: 15px;
    color: #020A0A;
    line-height: 22px;
    padding-left: 100px;
}

.safety .belief p.diagramComment3 {
    position: absolute;
    top: 450px;
    left: 460px;
    font-size: 15px;
    color: #020A0A;
    line-height: 22px;
    padding-left: 100px;
}

.safety .belief p.diagramComment1 strong,
.safety .belief p.diagramComment2 strong,
.safety .belief p.diagramComment3 strong {
    position: absolute;
    top: 0;
    left: 0;
    font-size: 18px;
    font-weight: 300;
}

.safety .belief p b {
    text-indent: -99999px;
    font-size: 0;
    width: 3px;
    height: 2px;
    display: inline-block;
    vertical-align: middle;
    background: url("../image/sub/dot2.png") no-repeat center;
}


.safety .certification {
    position: relative;
    width: 100%;
    max-width: 1900px;
    height: 440px;
    margin: 100px auto 0 auto;
    padding-top: 60px;
    background: url(../image/sub/managing/qes/safety/certificationBg.jpg) no-repeat center;
    background-size: cover;
    text-align: center;

}

/*activities추가*/
.safety .activities {
    position: relative;
    width: 1100px;
    margin: 95px auto 0 auto;
    overflow: auto;
}

.safety .activities strong {
    font-size: 18px;
    display: block;
    color: #00B4ED;
    font-weight: 600;
    margin-bottom: 10px;
}

.safety .activities ul {
    border-top: 5px solid #00B4ED;
    width: 530px;
    float: left;
}

.safety .activities ul li {
    color: #020A0A;
    overflow: hidden;
    margin-top: 15px;
    padding-bottom: 46px;
    border-bottom: 1px solid #00B4ED;
    position: relative;
}

.safety .activities ul li h4 {
    display: inline-block;
    position: absolute;
    font-weight: 600;
    line-height: 26px;
    left: 0;
}

.safety .activities ul li p {
    float: left;
    font-size: 15px;
    line-height: 22px;
    margin-left: 150px;
    padding-right: 10px;
}

.safety .activities ul li p.p-l {
    padding-left: 50px;
}

.safety .activities ul li p span {
    color: #00B4ED;
    display: block;
}

.safety .activities ul li p span.m-t {
    margin-top: 14px;
}

.safety .activities ul li img {
    display: block;
    padding-top: 11px;
    margin-bottom: -37px;
}







.winwin {
    position: relative;
    width: 1100px;
    margin: 70px auto 0 auto;
    color: #020A0A;
}

.winwin h2 {
    margin-bottom: 15px;
}

.winwin h3 {
    margin-bottom: 50px;
}

.winwin .philosophy h4 {
    font-size: 18px;
    color: #00B4ED;
    margin-bottom: 10px;
}

.winwin .philosophy p {
    font-size: 18px;
    line-height: 26px;
    letter-spacing: -0.3px;
}

.winwin .point ul {
    margin-top: 50px;
    overflow: hidden;
    width: 100%;
}

.winwin .point ul li {
    height: 155px;
    margin-bottom: 50px;
    float: left;
    width: 540px;
}

.m-l-20 {
    margin-left: 20px;
}

.winwin .point ul li img {
    float: left;
}

.winwin .point ul li div {
    margin-left: 150px;
    padding-right: 10px;
}

.winwin .point ul li div h5 {
    font-size: 18px;
    line-height: 32px;
    margin-bottom: 14px;
    border-bottom: 1px solid #bfbfbf;
}

.winwin .point ul li div p {
    font-size: 15px;
    line-height: 22px;
}

.winwin .activities {
    position: relative;
    width: 1100px;
    margin: 65px auto 0 auto;
    overflow: hidden;
}

.winwin .activities strong {
    font-size: 18px;
    display: block;
    color: #00B4ED;
    font-weight: 600;
    margin-bottom: 10px;
}

.winwin .activities ul {
    border-top: 5px solid #00B4ED;
    width: 530px;
    float: left;
}

.winwin .activities ul li {
    color: #020A0A;
    min-height: 80px;
    overflow: hidden;
    padding-top: 15px;
    padding-bottom: 25px;
    border-bottom: 1px solid #00B4ED;
    position: relative;
}

.winwin .activities ul li.escreen {
    padding-bottom: 40px;
}

.winwin .activities ul li h4 {
    color: #020A0A;
    display: inline-block;
    position: absolute;
    font-weight: 600;
    line-height: 26px;
    left: 0;
}

.winwin .activities ul li p {
    float: left;
    font-size: 15px;
    line-height: 22px;
    margin-left: 150px;
    padding-right: 10px;
}

.winwin .activities ul li p span {
    color: #00B4ED;
    display: block;
}

.winwin .activities ul li img {
    display: block;
    padding-top: 10px;
    margin-bottom: -9px;
}






.share {
    position: relative;
    width: 100%;
    max-width: 1900px;
    margin: 70px auto 0 auto;
}

.share h2 {
    margin-bottom: 15px;
}

.share h3 {
    margin-bottom: 50px;
}

.share .philosophy {
    width: 1100px;
    margin: 0 auto 0 auto;
}

.share .philosophy h4 {
    font-size: 18px;
    color: #00B4ED;
    /* margin-bottom: 10px;*/
}

.share .point ul {
    margin-top: 24px;
    overflow: hidden;
    width: 100%;
}

.share .point ul li {
    /*height: 155px;*/
    margin-bottom: 40px;
    float: left;
    width: 540px;
}

.m-l-20 {
    margin-left: 20px;
}

.share .point ul li img {
    float: left;
}

.share .point ul li div {
    margin-left: 150px;
    padding-right: 10px;
}

.share .point ul li div h5 {
    font-size: 18px;
    line-height: 32px;
    margin-bottom: 14px;
    border-bottom: 1px solid #bfbfbf;
}

.share .point ul li div p {
    font-size: 15px;
    line-height: 22px;
}

.share .point ul.sub_list {
    margin-left: -6px;
    margin-top: 12px;
}

.share .point ul.sub_list li {
    margin-left: 0px;
    text-indent: 7px;
    font-size: 12px;
    margin-bottom: 6px;
    color: #00B4ED;
    background: url("../image/sub/managing/csr/share/bullit.png") no-repeat 0px center;
}

.share .slogan {
    position: relative;
    width: 100%;
    max-width: 1900px;
    height: 350px;
    margin: 40px auto 0 auto;
    /*padding-top: 50px;*/
    background: url(../image/sub/managing/csr/share/slogan_bg.jpg) no-repeat center;
    background-size: cover;
    text-align: center;
}

.share .slogan img {
    margin-top: 50px;
}

.share .program {
    width: 1100px;
    margin: 95px auto 0 auto;
}

.share .program h4 {
    font-size: 18px;
    margin-bottom: 28px;
    color: #00B4ED;
}



.sports {
    position: relative;
    width: 100%;
    max-width: 1900px;
    margin: 70px auto -100px auto;
}

.sports h2 {
    margin-bottom: 15px;
}

.sports h3 {
    margin-bottom: 0;
}

.sports .hockeyteam {
    position: relative;
    width: 100%;
    max-width: 1900px;
    height: 830px;
    margin: 116px auto 0 auto;
    background: url(../image/sub/managing/csr/sports/hockeyteam_bg.jpg) no-repeat center;
    background-size: cover;
    text-align: center;
}

.sports .hockeyteam img {
    position: absolute;
    display: block;
    width: 1181px;
    left: 50%;
    margin-left: -608px;
    margin-top: -126px;
}

.downloadArea_2btn {
    margin-top: 80px;
    font-size: 0;
    position: relative;
}

.downloadArea_2btn .img {
    position: relative;
    display: inline-block;
    width: 555px;
    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: 495px;
    color: #020A0A;
    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;
    letter-spacing: -2px;
}

.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: inline-block;
    width: calc(50% - 10px);
    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: 10px;
    margin-right: 15px;
    margin-top: 20px;
}

.downloadTxt_continuance {
    position: absolute;
    bottom: -60px;
    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;
}









/*[투자정보] - 서브 네비게이션 4단 */
.invest ul.tabs4unit {
    overflow: hidden;
    width: 100%;
    height: 60px;
    margin-top: 45px;
}

.invest ul.tabs4unit li {
    float: left;
    text-align: center;
    cursor: pointer;
    padding: 0;
    width: 275px;
    height: 60px;
    line-height: 60px;
    overflow: hidden;
    position: relative;
    border: 1px solid #ddd;
    border-right: none;
    font-size: 18px;
    color: #020A0A;
    font-weight: 100;
    background: #eeeeee;
}

.invest ul.tabs4unit li:last-child {
    border-right: 1px solid #ddd;
}

.invest ul.tabs4unit li:hover,
.invest ul.tabs4unit li.active {
    border: 1px solid #00B4ED;
    background: #00B4ED;
    font-weight: 600;
    color: #fff;
}

.management {
    position: relative;
    width: 100%;
    height: 420px;
    margin-top: 45px;
    background: url("../image/sub/invest/management.jpg") no-repeat top left;
}

.management table {
    position: relative;
    width: 520px;
    top: 25px;
    margin-left: 560px;
}

.management table colgroup col.managementTitle {
    width: 100px;
}

.management table colgroup col.managementContent {
    width: 400px;
}

.management table tr {
    line-height: 43px;
}

.management table th {
    font-size: 18px;
    color: #00B4ED;
    text-align: left;
}

.management table td {
    font-size: 18px;
    color: #020A0A;
    text-align: left;
}

.management table td small {
    font-size: 15px;
}

.governance {
    position: relative;
    width: 100%;
    margin-top: 80px;
}

.governance .director_rule {
    margin-top: 60px;
}

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

.governance .director_rule a {
    display: inline-block;
    width: calc(50% - 10px);
    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: 10px;
    margin-right: 15px;
    margin-top: 20px;
}

.director_rule_new a {
    display: inline-block;
    width: 50%;
    height: 60px;
    line-height: 60px;
    font-size: 18px;
    font-weight: 600;
    border: 1px solid #BEBEBE;
}

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

.director_rule_new a img {
    display: inline-block;
    vertical-align: top;
    margin-left: 10px;
    margin-right: 15px;
    margin-top: 20px;
}

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

.director_rule_new .director_inner {
    width: 50%;
    float: left;
    margin-bottom: 50px;
}

@media screen and (max-width:1300px) {
    .director_rule_new .director_inner {
        width: 100%;
        clear: both;
        margin-bottom: 50px;
    }
}

.stockholder {
    position: relative;
    width: 100%;
    margin-top: 80px;
}

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

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

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

/*.stockholder table thead th:before {content:""; position:absolute; width:100%; top:38px; left:0; border-top:1px solid #DFE7F2; }*/
.stockholder table thead th {
    height: 53px;
    font-size: 15px;
    color: #00B4ED;
    font-weight: 100;
    line-height: 45px;
    text-align: center;
    border-bottom: 1px solid #1852A2;
}

.stockholder table tbody th,
.stockholder table tbody td {
    height: 59px;
    border-bottom: 1px solid #BFBFBF;
    font-size: 18px;
    color: #020A0A;
    line-height: 60px;
    text-align: center;
}

.stockholder table tfoot {
    height: 59px;
    border-bottom: 1px solid #024199;
    font-size: 24px;
    color: #00B4ED;
    font-weight: 600;
    line-height: 60px;
    text-align: center;
    border-bottom: 1px solid #1852A2;
    background: #eee;
}


.director {
    position: relative;
    width: 100%;
    margin-top: 80px;
}

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

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

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

.director table thead th {
    height: 53px;
    font-size: 15px;
    color: #00B4ED;
    font-weight: 500;
    line-height: 45px;
    text-align: left;
    padding-left: 20px;
    border-bottom: 1px solid #1852A2;
}

.director table tbody th {
    font-size: 18px;
    color: #00B4ED;
    font-weight: 600;
}

.director table tbody td {
    font-size: 18px;
}

.director table tbody th,
.director table tbody td {
    height: 59px;
    border-bottom: 1px solid #BFBFBF;
    color: #020A0A;
    text-align: left;
    line-height: 60px;
    font-weight: 300;
    padding-left: 20px;
}

/*[투자정보] - 서브 네비게이션 2단 */
.invest ul.tabs2unit {
    overflow: hidden;
    width: 100%;
    height: 60px;
    margin-top: 45px;
}

.invest 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;
    font-size: 18px;
    color: #020A0A;
    font-weight: 100;
    background: #eeeeee;
}

.invest ul.tabs2unit li:last-child {
    border-right: 1px solid #ddd;
}

.invest ul.tabs2unit li:hover,
.invest ul.tabs2unit li.active {
    border: 1px solid #00B4ED;
    background: #00B4ED;
    font-weight: 600;
    color: #fff;
}

.invest ul.tabs3unit {
    overflow: hidden;
    width: 100%;
    height: 60px;
    margin-top: 45px;
}

.invest ul.tabs3unit li {
    float: left;
    text-align: center;
    cursor: pointer;
    padding: 0;
    width: 366px;
    height: 60px;
    line-height: 60px;
    overflow: hidden;
    position: relative;
    border: 1px solid #ddd;
    border-right: none;
    font-size: 18px;
    color: #020A0A;
    font-weight: 100;
    background: #eeeeee;
}

.invest ul.tabs3unit li:last-child {
    border-right: 1px solid #ddd;
}

.invest ul.tabs3unit li:hover,
.invest ul.tabs3unit li.active {
    border: 1px solid #00B4ED;
    background: #00B4ED;
    font-weight: 600;
    color: #fff;
}

.result {
    position: relative;
    width: 100%;
    margin-top: 80px;
}

.result .upsideCont table {
    position: relative;
    width: 540px;
    border-top: 5px solid #00B4ED;
    float: left;
    margin-right: 20px;
}

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

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

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

.result .upsideCont table#table1 thead th {
    position: relative;
    width: 60px;
    height: 59px;
    font-size: 15px;
    color: #00B4ED;
}

.result .upsideCont table#table2 thead th {
    position: relative;
    width: 60px;
    height: 74px;
    font-size: 15px;
    color: #00B4ED;
}

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

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

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

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

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

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

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

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

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

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

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

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

.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;
}

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

.result .upsideCont table tfoot td {
    text-align: center;
    font-size: 18px;
    color: #020A0A;
}

.result .upsideCont table tfoot td small {
    font-size: 15px;
}

.result .downsideCont table {
    position: relative;
    width: 540px;
    border-top: 5px solid #00B4ED;
    float: left;
    margin-right: 20px;
    margin-top: 120px;
    margin-bottom: 100px;
}

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

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

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

.result .downsideCont table#table3 thead th {
    position: relative;
    width: 60px;
    height: 74px;
    font-size: 15px;
    color: #00B4ED;
}

.result .downsideCont table#table4 thead th {
    position: relative;
    width: 60px;
    height: 49px;
    font-size: 15px;
    color: #00B4ED;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

.result .downsideCont table tfoot td {
    text-align: center;
    font-size: 18px;
    color: #020A0A;
    padding-top: 40px;
}

.result .downsideCont table tfoot td small {
    font-size: 15px;
}

/*
.result .downsideCont table { position:relative; width:540px; border-top:5px solid #00B4ED; float:left; margin-right:20px; margin-top:140px; margin-bottom:100px; }
.result .downsideCont table:nth-child(2n) {margin-right:0; }
.result .downsideCont table caption { width:540px; margin-bottom:15px; font-size:18px; color:#00B4ED; font-weight:600; text-align:left; }
.result .downsideCont table caption q { display:inline-block; float:right; font-size:15px; color:#898989; font-weight:300; }
.result .downsideCont table thead th { position:relative; width:60px; height:59px; font-size:15px; color:#00B4ED; font-weight:300; border-bottom:1px solid #034299; }
.result .downsideCont table thead th:first-child { text-align:left;  text-indent:20px; }
.result .downsideCont table thead th:last-child { text-align:right; }

.result .downsideCont table tbody tr { position:relative; width:100%; height:59px; font-size:18px; color:#020A0A; font-weight:300; border-bottom:1px solid #BFBFBF; }
.result .downsideCont table tbody th { width:270px; text-align:left; text-indent:20px; }
.result .downsideCont table tbody td { text-align:right; }
.result .downsideCont table tbody tr:last-child { border-bottom:1px solid #024199; }
*/

.settlement {
    position: relative;
    width: 100%;
    margin: 80px 0 100px 0;
    text-align: center;
}

/*
.settlement span.st_selectBox {
	position: absolute;
	top:0;
	right: 0;
	display: block;
	width: 228px;
	height: 38px;
	border: 1px solid #bfbfbf;
	background: #eee;
	font-size: 15px;
	text-align: left;
	text-indent: 15px;
	line-height: 38px;
	color: #898989;
	z-index:99;
	overflow:hidden;
}
.settlement span.st_selectBox a { display:block; width:100%; }
.settlement span.st_selectBox p { display:block; position:absolute; top:0; right:0; cursor:pointer; }
.settlement span.st_selectBox p#scrollbar { display:block; position:absolute; top:0; right:0; }
.settlement span.st_selectBox p#scrollbarOn { display:none; position:absolute; top:0; right:0; }
*/
.settlement select.st_selectBox {
    position: absolute;
    top: 0;
    right: 0;
    display: block;
    width: 228px;
    height: 38px;
    border: 1px solid #bfbfbf;
    background: #eee;
    font-size: 15px;
    text-align: left;
    text-indent: 15px;
    line-height: 38px;
    color: #898989;
    z-index: 99;
}

.settlement select.st_selectBox option {
    padding: 10px 0;
}

.appoint {
    position: relative;
    width: 100%;
    margin-top: 80px;
    text-align: center;
}

.appoint h2 {
    font-size: 28px;
    color: #020A0A;
    font-weight: 300;
}

.appoint p {
    font-size: 18px;
    color: #020A0A;
    font-weight: 300;
    line-height: 30px;
}

.appoint p strong {
    font-weight: 300;
    color: #00B4ED;
}

.appoint .appoint_info {
    width: 580px;
    margin: 40px auto;
    border-top: 1px solid #BFBFBF;
    border-bottom: 1px solid #BFBFBF;
    padding: 40px 0;
    text-align: left;
}

.appoint .appoint_info span {
    font-size: 15px;
    color: #020A0A;
    font-weight: 300;
    line-height: 30px;
}

.appoint span.appoint_date {
    font-size: 15px;
    color: #020A0A;
    font-weight: 300;
    line-height: 80px;
}

.appoint h5 {
    font-size: 15px;
    color: #020A0A;
    font-weight: 300;
    line-height: 30px;
}



/*[주식정보] */
.stock {
    position: relative;
    width: 100%;
    margin: 35px 0 100px 0;
    background: url("../image/sub/invest/stock.jpg") no-repeat bottom right;
}

.stock iframe {
    position: relative;
    top: 20px;
    padding: 60px 80px;
    width: 820px;
    height: 500px;
    border: 1px solid #BFBFBF;
}

/*공시정보 */
.information ul.tabs2unit {
    overflow: hidden;
    width: 100%;
    height: 60px;
    margin-top: 45px;
}

.information ul.tabs2unit li {
    float: left;
    text-align: center;
    padding: 0;
    width: 550px;
    height: 60px;
    line-height: 60px;
    overflow: hidden;
    position: relative;
    border: 1px solid #ddd;
    background: #eee;
}

.information ul.tabs2unit li a {
    display: block;
    font-size: 18px;
    color: #020A0A;
    font-weight: 100;
}

.information ul.tabs2unit li:last-child {
    border-right: 1px solid #ddd;
}

.information ul.tabs2unit li:hover,
.information ul.tabs2unit li.active {
    border: 1px solid #00B4ED;
}

.information ul.tabs2unit li:hover a,
.information ul.tabs2unit li.active a {
    background: #00B4ED;
    font-weight: 600;
    color: #fff;
}

.information {
    position: relative;
    width: 100%;
    margin: 35px 0 100px 0;
}

.information .informationFrame {
    position: relative;
    width: 820px;
    height: 510px;
    margin-top: 78px;
    border: 1px solid #BFBFBF;
    overflow: hidden;
}

.information iframe {
    position: absolute;
    top: 60px;
    left: 80px;
    width: 820px;
    height: 510px;
}

.information .informationHelp {
    position: absolute;
    right: 0;
    top: 138px;
    padding-left: 0px;
    width: 280px;
    height: 500px;
}

.information .informationHelp h3 {
    text-align: left;
    margin: 0 0 20px 50px;
}

.information .informationHelp p {
    margin-left: 50px;
}

/*
.information .informationHelp .informationNotice { position:absolute; width:100%; padding:15px 0 0 50px; bottom:55px; border-top:1px solid #BFBFBF; line-height:22px; }
.information .informationHelp .informationNotice strong { color:#00B4ED; }
*/
.information .informationHelp .informationNotice {
    position: absolute;
    bottom: 55px;
    left: -50px;
}

/* IR자료 */
.ir ul.tabs2unit {
    overflow: hidden;
    width: 100%;
    height: 60px;
    margin-top: 45px;
}

.ir ul.tabs2unit li {
    float: left;
    text-align: center;
    padding: 0;
    width: 550px;
    height: 60px;
    line-height: 60px;
    overflow: hidden;
    position: relative;
    border: 1px solid #ddd;
    background: #eee;
}

.ir ul.tabs2unit li a {
    display: block;
    font-size: 18px;
    color: #020A0A;
    font-weight: 100;
}

.ir ul.tabs2unit li:last-child {
    border-right: 1px solid #ddd;
}

.ir ul.tabs2unit li:hover,
.ir ul.tabs2unit li.active {
    border: 1px solid #00B4ED;
}

.ir ul.tabs2unit li:hover a,
.ir ul.tabs2unit li.active a {
    background: #00B4ED;
    font-weight: 600;
    color: #fff;
}

.ir ul.tabs3unit {
    overflow: hidden;
    width: 100%;
    height: 60px;
    margin-top: 45px;
}

.ir ul.tabs3unit li {
    float: left;
    text-align: center;
    padding: 0;
    width: 366px;
    height: 60px;
    line-height: 60px;
    overflow: hidden;
    position: relative;
    border: 1px solid #ddd;
    background: #eee;
}

.ir ul.tabs3unit li a {
    display: block;
    font-size: 18px;
    color: #020A0A;
    font-weight: 100;
}

.ir ul.tabs3unit li:last-child {
    border-right: 1px solid #ddd;
}

.ir ul.tabs3unit li:hover,
.ir ul.tabs3unit li.active {
    border: 1px solid #00B4ED;
}

.ir ul.tabs3unit li:hover a,
.ir ul.tabs3unit li.active a {
    background: #00B4ED;
    font-weight: 600;
    color: #fff;
}

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

.businessReport table caption {
    width: 100%;
    margin-bottom: 15px;
    font-size: 18px;
    color: #020A0A;
    font-weight: 600;
    text-align: left;
}

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

.businessReport table thead th {
    height: 53px;
    font-size: 15px;
    color: #00B4ED;
    font-weight: 100;
    line-height: 45px;
    text-align: left;
    border-bottom: 1px solid #1852A2;
    text-indent: 10px;
}

.businessReport table tbody tr:first-child td {
    padding-top: 20px;
    height: 0;
    border: none;
}

.businessReport table tbody tr:last-child td {
    padding-bottom: 20px;
    height: 0;
    border: none;
}

.businessReport table tbody td {
    height: 45px;
    font-size: 18px;
    color: #020A0A;
    text-align: left;
    line-height: 45px;
    text-indent: 10px;
}

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

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

.businessReport table tfoot tr {
    height: 59px;
}

.businessReport table tfoot a {
    display: inline-block;
    height: 28px;
    padding: 7px 10px 13px 10px;
    font-size: 15px;
    color: #020A0A;
    font-weight: 500;
    vertical-align: middle;
}

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

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

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

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




.businessMoreBtn {
    text-align: center;
    margin-top: 80px;
}

.businessMoreBtn a {
    padding: 10px 20px;
}

#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;
}

/*win*/
.win {
    background: #020A0A;
    padding: 20px 0;
    width: 95%;
    margin: 0 auto;
}

.win>p {
    float: left;
    width: 640px;
    padding-bottom: 20px;
    overflow: hidden;
}

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

.win>div {
    float: right;
    width: 355px;
    text-align: left;
    font-family: 'NanumSquare';
    color: #fff;
    padding: 40px 0
}

.win>div>p {
    color: #878787;
    font-size: 14px;
    margin-bottom: 70px;
}

.win>div>h1 {
    font-size: 36px;
    border-bottom: 5px solid #fff;
    padding-bottom: 35px;
    margin-bottom: 160px;
    line-height: 140%;
}

.win>div ul li {
    font-size: 18px;
    margin-bottom: 20px;
}

.win>div ul li strong {
    font-size: 15px;
    font-weight: normal;
    display: block;
    margin-bottom: 8px;
}

.win #wcomment span {
    line-height: 28px;
}

/*blocksit*/
#container {
    position: relative;
    width: 1110px;
    margin: 30px auto 0;
}

#container>div {
    margin: 0;
    padding: 0;
}

.grid {
    width: 260px;
    min-height: 100px;
    height: auto;
    background: #eeeeee;
    font-size: 13px;
    border: 1px solid #ddd;
    /*
	-webkit-transition: top 1s ease, left 1s ease;
	-moz-transition: top 1s ease, left 1s ease;
	-o-transition: top 1s ease, left 1s ease;
	-ms-transition: top 1s ease, left 1s ease;
*/
}

.grid .imgholder .best {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 9;
}

.grid strong {
    margin: 10px 0;
    display: block;
    padding: 5px 10px;
    font-size: 17px;
    color: #222;
    word-break: keep-all;
    line-height: 26px;
}

.grid p {
    padding: 0px 10px 15px 10px;
    color: #666;
    background: url(../image/arrow_more.png) no-repeat 95% 0px;
}

.grid .meta {
    text-align: right;
    color: #777;
}

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

.grid .imgholder {
    background: #222
}

.grid:hover {
    border: 1px solid #ddd;
    background: rgba(0, 0, 0, 0.5);
    -webkit-transition: background 0.3s;
    -moz-transition: background 0.3s;
    -o-transition: background 0.3s;
    transition: background 0.3s;
    background: #222
}

.grid:hover .imgholder img {
    opacity: 0.7;
    -webkit-transition: opacity 0.6s;
    transition: opacity 0.6s;

    -webkit-transform: scale(0.88, 0.88);
    transform: scale(0.88, 0.88);

    -webkit-transition: 0.4s;
    transition: 0.4s;
}

.grid:hover a strong {
    color: #fff;
}

.grid:hover a p {
    color: #fff
}










/* 고객센터 */
.cs {
    position: relative;
    width: 1100px;
    margin: 42px auto 0 auto;
}

.cs>h1 {
    margin-bottom: 35px;
}

.cs>h2 {
    margin-bottom: 10px;
}

.cs>h3 {
    margin-bottom: 45px;
}

.qaLink {
    position: relative;
    height: 120px;
}

.qaLink li.linkBtn1 {
    position: relative;
    float: left;
    width: 540px;
    height: 120px;
    background: url("../image/sub/etc/cs/linkBtn1.png") no-repeat;
    z-index: 2;
    margin-right: 20px;
}

.qaLink li.linkBtn2 {
    position: relative;
    float: left;
    width: 540px;
    height: 120px;
    background: url("../image/sub/etc/cs/linkBtn2.png") no-repeat;
    z-index: 2;
}

.qaLink li a {
    position: absolute;
    display: block;
    width: 100%;
    height: 100%;
    z-index: 10;
}

.qaLink li img {
    display: block;
    position: absolute;
    top: 45px;
    right: 35px;
}

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

table.csTable caption {
    font-size: 12px;
    color: #020A0A;
    margin-bottom: 12px;
    text-align: right;
}

table.csTable caption strong {
    font-weight: normal;
    color: #e60012;
}

table.csTable tr {
    height: 59px;
    border-bottom: 1px solid #00B4ED;
}

table.csTable th {
    width: 120px;
    text-indent: 13px;
    font-size: 18px;
    color: #00B4ED;
    font-weight: 600;
    text-align: left;
}

table.csTable th.required {
    background: url("../image/sub/etc/cs/required.png") no-repeat 5px 25px;
}

table.csTable td {
    width: 980px;
    text-align: left;
}

table.csTable td .typeSelect {
    width: 230px;
    height: 40px;
    border: 1px solid #BFBFBF;
    background: #eee;
    font-size: 15px;
    color: #898989;
    padding-left: 20px;
}

table.csTable td .ipt_middle_sz {
    width: 230px;
    height: 40px;
    border: 1px solid #BFBFBF;
    font-size: 15px;
    color: #898989;
    text-indent: 20px;
}

table.csTable td .ipt_tiny_sz {
    width: 131px;
    height: 40px;
    border: 1px solid #BFBFBF;
    font-size: 15px;
    color: #898989;
    text-indent: 20px;
}

table.csTable td .ipt_wide_sz {
    width: 980px;
    height: 40px;
    border: 1px solid #BFBFBF;
    font-size: 15px;
    color: #898989;
    text-indent: 20px;
}

table.csTable td .mailSelect {
    width: 240px;
    height: 40px;
    border: 1px solid #BFBFBF;
    background: #eee;
    font-size: 15px;
    color: #898989;
    padding-left: 20px;
}

table.csTable td .mailNotice {
    margin-left: 22px;
    font-size: 15px;
    color: #020A0A;
}

table.csTable td .hypen {
    margin: 0 7px;
    font-size: 18px;
    color: #020A0A;
}

table.csTable td .cs_content {
    width: 980px;
    height: 200px;
    border: 1px solid #BFBFBF;
    font-size: 15px;
    color: #727172;
    padding: 20px;
    margin: 9px 0;
}

table.csTable th.cs_content_th {
    vertical-align: top;
    padding-top: 20px;
    margin-top: 9px;
}

.agreement {
    position: relative;
    width: 100%;
    height: 190px;
    padding: 20px;
    margin-top: 40px;
    background: #eee;
    overflow-y: scroll;
    font-size: 15px;
    color: #020A0A;
    line-height: 22px;
    text-align: left;
}

.agreement h1 {
    margin-bottom: 30px;
    font-size: 20px;
    text-align: left;
}

.agreement h2 {
    margin-bottom: 5px;
    font-size: 18px;
    text-align: left;
}

.agreementBtn {
    position: relative;
    width: 100%;
    margin-top: 20px;
    font-size: 15px;
    color: #898989;
}

.agreementBtn input {
    margin-left: 18px;
}

.csFormBtn {
    position: relative;
    margin-top: 90px;
    font-size: 0;
    text-align: center;
}

.csFormBtn li {
    display: inline-block;
    width: 260px;
    height: 60px;
    text-align: center;
}

.csFormBtn li:first-child {
    background: #eee;
    margin-right: 20px;
}

.csFormBtn li:first-child a {
    font-size: 24px;
    color: #020A0A;
}

.csFormBtn li:last-child {
    background: #00B4ED;
}

.csFormBtn li:last-child a {
    font-size: 24px;
    color: #fff;
}

.csFormBtn li a {
    display: inline-block;
    width: 100%;
    height: 100%;
    line-height: 60px;
}







/*sub0 사이트맵 ************************************************************/
.site_map {
    overflow: hidden;
}

.list_wrap {
    padding-top: 10px;
}

.list_wrap>ul:first-child {
    overflow: hidden;
    margin-bottom: 77px;
}

.list_wrap a {
    color: #020A0A;
}

.list_wrap ul li.list {
    width: 250px;
    color: #020A0A;
    float: left;
    margin-right: 33px;
}

.list_wrap ul li.list1,
.list_wrap ul li.list5 {
    margin-left: 1px
}

.list_wrap ul li.list4 {
    margin-right: 0
}

.list_wrap h2.title {
    height: 120px;
    font-size: 22px;
    line-height: 120px;
    color: #fff;
    font-weight: 800;
    text-align: center;
}

.list_wrap li.list1 h2 {
    background: url(../image/sub/etc/sitemap/list_1.jpg) no-repeat;
}

.list_wrap li.list2 h2 {
    background: url(../image/sub/etc/sitemap/list_2.jpg) no-repeat;
}

.list_wrap li.list3 h2 {
    background: url(../image/sub/etc/sitemap/list_3.jpg) no-repeat;
}

.list_wrap li.list4 h2 {
    background: url(../image/sub/etc/sitemap/list_4.jpg) no-repeat;
}

.list_wrap li.list5 h2 {
    background: url(../image/sub/etc/sitemap/list_5.jpg) no-repeat;
}

.list_wrap li.list6 h2 {
    background: url(../image/sub/etc/sitemap/list_6.jpg) no-repeat;
}

.list_wrap li.list7 h2 {
    background: url(../image/sub/etc/sitemap/list_7.jpg) no-repeat;
}

.list_wrap li.list p {
    float: left;
    font-size: 18px;
    font-weight: 600;
    line-height: 22px;
    text-indent: 10px;
}

.list_wrap li.list1 p {
    width: 110px;
}

.list_wrap li.list2 p {
    width: 135px;
}

.list_wrap li.list3 p {
    width: 170px;
}

.list_wrap li.list4 p {
    width: 130px;
}

.list_wrap li.list5 p {
    width: 110px;
}

.list_wrap li.list6 p {
    width: 150px;
}

.list_wrap li.list7 p {
    width: 120px;
}

.list_wrap ul.list_inner>li {
    min-height: 35px;
    border-bottom: 1px solid #c9cacb;
    margin-bottom: 15px;
}

.list_wrap ul.list_inner>li.li_style_1 {
    border-bottom: 1px solid #014099;
    margin-bottom: 0;
}

.list_wrap ul.list_inner li p.p_style_1 {
    text-indent: 0;
    padding-left: 10px;
}

.list_wrap ul.list_inner li ul {
    overflow: hidden;
    padding-top: 2px;
}

.list_wrap ul.list_inner li ul li {
    font-size: 15px;
    margin-bottom: 19px;
}

.list_wrap div.list8 {
    width: 250px;
    float: right;
    border-top: 5px solid #014099;
    border-bottom: 1px solid #014099;
}

.list_wrap div.list8 ul li {
    height: 54px;
    line-height: 54px;
    text-align: center;
    border-bottom: 1px solid #c9cacb;
}

.list_wrap div.list8 ul li a {
    color: #014099;
    font-weight: 800;
    font-size: 22px;
}

.list_wrap div.list8 ul li:last-child {
    border: 0;
}









/* 오시는 길 */
.contact {
    position: relative;
    width: 100%;
    height: 147px;
}

.contact p {
    font-size: 15px;
    color: #020A0A;
    font-weight: 300;
}

.contact p strong {
    font-size: 18px;
    font-weight: 600;
    margin-left: 10px;
}

.contact .addr {
    position: absolute;
    top: 0;
    left: 20px;
}

.contact .subway {
    position: absolute;
    top: 40px;
    left: 70px;
    color: #00B4ED;
}

.contact .bus {
    position: absolute;
    top: 75px;
    left: 70px;
    color: #00B4ED;
}

.contact .subway strong,
.contact .bus strong {
    font-size: 15px;
    color: #020A0A;
    font-weight: 300;
    position: absolute;
    display: block;
    top: 0;
    left: 95px;
    width: 200px;
}

.contact .bus strong {
    top: -2px;
    line-height: 22px;
}

.contact .tel {
    position: absolute;
    top: 0;
    left: 560px;
}

.contact .email {
    position: absolute;
    top: 0;
    left: 840px;
}

.contact .fax {
    position: absolute;
    top: 40px;
    left: 560px;
}

.contact .sns {
    position: absolute;
    bottom: 10px;
    right: 0;
}

.contact .sns li {
    float: left;
    margin-left: 10px;
}

.map {
    position: relative;
    width: 100%;
}

.map .mapOn {
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 9;
}

.map .mapOn span {
    opacity: 0;
    display: block;
    position: absolute;
    bottom: 140px;
    left: 340px;
}





/* 검색결과 */
.subSearchBox {
    position: relative;
    width: 100%;
    height: 70px;
    background: #eee;
    text-align: center;
}

.subSearchBox input[type="text"] {
    width: 680px;
    height: 30px;
    border: none;
    background: none;
    font-size: 28px;
    color: #020A0A;
    margin-top: 20px;
    text-align: center;
}

.subSearchBox span {
    position: absolute;
    top: 15px;
    right: 20px;
}

.search_index {
    margin-top: 75px;
    font-size: 28px;
    color: #020A0A;
    font-weight: lighter;
    text-align: center;
}

.search_index strong {
    color: #00B4ED;
    font-weight: bold;
}

table.resultTable {
    position: relative;
    width: 1100px;
    margin-top: 70px;
    border-top: 5px solid #00B4ED;
}

table.resultTable caption {
    font-size: 18px;
    color: #020A0A;
    margin-bottom: 12px;
    text-align: left;
    font-weight: 600;
}

table.resultTable tr {
    height: 59px;
    border-bottom: 1px solid #00B4ED;
}

table.resultTable th:first-child,
table.resultTable td:first-child,
table.resultTable th:last-child,
table.resultTable td:last-child {
    text-align: center;
}

table.resultTable th:nth-child(2),
table.resultTable td:nth-child(2) {
    text-indent: 30px;
}

table.resultTable th {
    font-size: 15px;
    color: #00B4ED;
    text-align: left;
    font-weight: 100;
}

table.resultTable td a {
    font-size: 18px;
    color: #020A0A;
    text-align: left;
}

table.resultTable td a:hover {
    font-weight: 600;
}

table.resultTable tfoot td {
    padding: 18px 0 32px 0;
}

table.resultTable tfoot tr {
    height: 59px;
    border-bottom: none;
}

table.resultTable tfoot td a {
    display: inline-block;
    padding: 8px 10px;
    font-size: 15px;
    color: #020A0A;
    margin: 0 2px;
}

table.resultTable tfoot td a:hover,
table.resultTable tfoot td a.currentPage {
    font-weight: 600;
    background: #00B4ED;
    color: #fff;
}

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;
}






/* 개인정보 취급방침 */
/*개인정보 취급방침**************************/
.personal_info {
    width: 1100px;
    margin: 0 auto 0;
}

.personal_info p.info_txt {
    font-size: 16px;
    color: #020A0A;
    line-height: 26px;
}

.personal_info p.info_txt span {
    color: #00B4ED;
    word-break: keep-all;
}

.personal_info .info_list {
    /*2021.08.02 용승호사원 수정 height:240px -> 280px*/
    margin-top: 50px;
    background: #eee;
    height: 280px;
    padding-left: 37px;
}

.personal_info .info_list ul {
    width: 50%;
    float: left;
    margin-top: 32px;
}

.personal_info .info_list ul li {
    margin-bottom: 22px;
}

.personal_info .info_list ul li a {
    color: #00B4ED;
    font-size: 18px;
    font-weight: 600;
}

.personal_info .info_list ul li a img {
    margin-left: 15px;
}


.list_content {
    border-top: 5px solid #00B4ED;
    margin-top: 50px;
    letter-spacing: -0.3px;
    /*padding-left: 20px;*/
    /*padding-right: 20px;*/
}

.list_content .ol1 {
    /*list-style-type: decimal;*/
    /*margin-top: 25px;*/
}

.list_content .ol1 li {
    font-size: 18px;
    color: #00B4ED;
    font-weight: bold;
    padding-bottom: 5px;
}

.list_content .ol1>li {
    border-bottom: 1px solid #00B4ED;
    padding-top: 20px;
    /*padding-left: 20px;*/
    padding-right: 20px;
    padding-top: 50px;
}

.list_content .ol2 {
    margin-top: 10px;
}

.list_content .ol2 li {
    font-size: 15px;
    color: #020A0A;
    font-weight: normal;
    line-height: 140%;
}

.list_content ul {
    list-style-type: none;
    margin-left: 25px;
}

.list_content ul li {
    text-indent: -12px;
    margin-left: 12px;
    padding-left: 12px;
}

.list_content ul li:before {
    content: " - ";
}

.list_content p.desc {
    /*padding-top: 5px;
	padding-bottom: 5px;*/
    line-height: 145%;
    margin-left: 37px;
}

.list_content ul.ul2 {
    margin-left: 13px;
}

.list_content ul.ul2 li {
    padding-bottom: 0px;
}

.list_content ul.ul2 li:before {
    content: " ▶ ";
}

.personal_info span.bottom {
    display: block;
    height: 60px;
    line-height: 60px;
    text-align: center;
    color: #898989;
    font-size: 15px;
    background: #eee;
    margin-bottom: 10px;
    /*2021.8.2 용승호사원 수정 100px -> 10px*/

}


/*2021.08.02 용승호사원 추가*/
.form_w25 {
    width: 100% !important;
    height: 60px;
    font-size: 15px;
    color: #898989;
    margin-bottom: -80px;
}

.privacy_version {
    margin-top: 20px;
    margin-bottom: 180px;
}

.privacy_version select {
    display: block;
    width: 100%;
    margin-top: 20px;
}





.list_content .ol1 li .ol2>.camera {
    width: 1100px;
    text-align: center !important;
    border: 1px solid #020A0A;
    margin: 15px 0;
}

.list_content .ol1 li .ol2>.camera tr {
    height: 40px;
}

.list_content .ol1 li .ol2>.camera tr th {
    border-bottom: 1px solid #020A0A;
    background: #eee;
}

.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;
}

.list_content .ol1 li .ol2>.camera tr td {
    line-height: 1.2;
    padding: 10px;
}

.list_content .ol1 li .ol2>.approach {
    width: 1100px;
    text-align: center !important;
    border: 1px solid #020A0A;
    margin: 15px 0;
}

.list_content .ol1 li .ol2>.approach tr {
    height: 40px;
}

.list_content .ol1 li .ol2>.approach tr th {
    border-bottom: 1px solid #020A0A;
    background: #eee;
    width: 20%;
    border-right: 1px solid #020A0A;
}

.list_content .ol1 li .ol2>.approach tr td {
    width: 20%;
    border-right: 1px solid #020A0A;
}

.list_content .ol1 li .ol2>.approach tbody tr td {
    border-bottom: 1px solid #020A0A;
}

.list_content .ol1 li .ol2>.camera_time {
    width: 1100px;
    text-align: center !important;
    border: 1px solid #020A0A;
    margin: 15px 0;
}

.list_content .ol1 li .ol2>.camera_time tr {
    height: 40px;
}

.list_content .ol1 li .ol2>.camera_time tr th {
    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 {
    width: 33.3%;
    border-right: 1px solid #020A0A;
}


.personal_info .info_list_media {
    margin-top: 50px;
    background: #eee;
    height: 240px;
    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: -2px;
}

.personal_info .info_list_media ul li a img {
    margin-left: 15px;
}








/*sub3_1 연구분야*/
.research h3 {
    width: 1100px;
    margin: 0 auto;
    text-align: left;
    margin-bottom: 20px;
}

ul.lab {
    width: 1100px;
    margin: 0 auto 0;
    border-top: 5px solid #00B4ED;
    line-height: 24px;
}

ul.lab>li {
    width: 100%;
    display: inline-block;
    padding-bottom: 63px;
    margin-top: 26px;
    font-size: 18px;
    color: #020A0A;
    border-bottom: 1px solid #00B4ED;
}

ul.lab li.lab1 {
    background: url("../image/sub/research/research/icon1.png") no-repeat 0px 40px;
}

ul.lab li.lab2 {
    background: url("../image/sub/research/research/icon2.png") no-repeat 0px 70px;
}

ul.lab li.lab3 {
    background: url("../image/sub/research/research/icon3.png") no-repeat 0px 50px;
}

ul.lab li.lab4 {
    background: url("../image/sub/research/research/icon4.png") no-repeat 0px 45px;
}

ul.lab li.lab5 {
    background: url("../image/sub/research/research/icon5.png") no-repeat 0px 50px;
}

ul.lab p.title {
    float: left;
    width: 164px;
    color: #00B4ED;
    font-weight: 600;
}

ul.cont {
    width: 377px;
    float: left;
}

ul.cont li {
    list-style-type: disc;
    margin-bottom: 8px;
}

ul.lab p.img {
    float: right;
}









/*[정도경영] - 서브 네비게이션 3단 */
.research ul.tabs3unit {
    overflow: hidden;
    width: 1100px;
    height: 60px;
    margin: 45px auto 0 auto;
}

.research ul.tabs3unit li {
    float: left;
    text-align: center;
    cursor: pointer;
    padding: 0;
    width: 366px;
    height: 60px;
    line-height: 60px;
    overflow: hidden;
    position: relative;
    border: 1px solid #ddd;
    border-right: none;
    font-size: 18px;
    color: #020A0A;
    font-weight: 100;
    background: #eeeeee;
}

.research ul.tabs3unit li:last-child {
    border-right: 1px solid #ddd;
}

.research ul.tabs3unit li:hover,
.research ul.tabs3unit li.active {
    border: 1px solid #00B4ED;
    background: #00B4ED;
    font-weight: 300;
    color: #fff;
}

.iprs .numberBlock {
    width: 100%;
    margin-top: 70px;
}

.iprs .numberBlock li {
    float: left;
    width: 220px;
    border-right: 1px solid #1379c0;
    background: #00B4ED;
    margin: 0;
    padding: 0;
    padding-top: 18px;
    padding-bottom: 5px;
    text-align: center;
}

.iprs .numberBlock li span:first-child {
    display: block;
    margin-bottom: 0px;
}

.iprs .numberBlock li span:last-child {
    display: block;
    margin-top: 3px;
    margin-bottom: 8px;
}

.iprs .numberBlock li.last {
    width: 220px;
    background: #020A0A;
}

.iprs .numberBlock li .num,
.iprs .numberBlock li .num2 {
    display: block;
    text-align: center;
    font-size: 70px;
    color: #FFF;
}

.iprs .numberBlock li .txt,
.iprs .numberBlock li .txt2 {
    display: block;
    text-align: center;
    font-size: 15px;
    color: #FFF;
    margin-top: 10px;
}

.iprs .table {
    border-top: 5px solid #00B4ED;
}

.iprs .table caption {
    width: 540px;
    margin-bottom: 15px;
    font-size: 18px;
    color: #00B4ED;
    font-weight: 600;
    text-align: left;
    margin-top: 65px;
}

.iprs .table th {
    font-size: 15px;
    color: #00B4ED;
    height: 55px;
    text-align: left;
    padding-left: 10px;
    border-bottom: 1px solid #00B4ED;
}

.iprs .table td {
    padding: 25px 0 25px 10px;
    vertical-align: top;
    border-bottom: 1px solid #2a5fa9;
    font-size: 18px;
}

.alc {
    text-align: center !important;
}

.vt {
    vertical-align: top;
    padding-top: 32px !important;
    font-weight: bold;
}

.iprs .table ul {}

.iprs .table ul.name li {
    /*list-style-type: disc;*/
    /*margin-left: 20px;*/
    background: url(../image/sub/research/dot.png) no-repeat 0 13px;
    padding-left: 10px;
    letter-spacing: -1px;
}

.iprs .table ul li {
    line-height: 34px;
    letter-spacing: -2px;
}

.iprs .table ul.num li {
    text-align: center;
}





/*  주택설계 */
.design {
    position: relative;
    width: 100%;
    margin-top: 90px;
}

.design1 {
    position: relative;
    width: 100%;
    height: 665px;
    border-top: 5px solid #014099;
}

.design1 .dtitle {
    position: absolute;
    top: 25px;
    left: 0;
    width: 160px;
    font-size: 18px;
    color: #014099;
    font-weight: 600;
    line-height: 26px;
}

.design1 .dcontent {
    position: absolute;
    top: 25px;
    left: 164px;
    width: 935px;
    font-size: 18px;
    color: #020A0A;
    line-height: 26px;
}

.design1 .dcontent span {
    display: inline-block;
    margin-bottom: 20px;
    letter-spacing: -0.6px;
}

.design1 .dcontent a {}

.design1 .dcontent .design1img {
    display: block;
    position: absolute;
    right: 0;
    top: 5px;
    z-index: -1;
}

.design1 .dcert {
    position: absolute;
    top: 398px;
    left: 164px;
    width: 935px;
    padding-top: 25px;
    border-top: 1px solid #C9CACB;
}

.design1 .dcert .cert1img {
    display: block;
    position: absolute;
    left: 0;
    top: 25px;
}

.design1 .dcert dl.copyrightNo {
    display: block;
    margin: 0 0 25px 155px;
}

.design1 .dcert dl {
    display: block;
    margin: 0 0 0 155px;
}

.design1 .dcert dt,
.design1 .dcert dd {
    display: inline;
    line-height: 22px;
}

.design1 .dcert dt {
    font-size: 15px;
    color: #014099;
    font-weight: 600;
}

.design1 .dcert dt b {
    letter-spacing: 5.5px;
}

.design1 .dcert dd {
    font-size: 15px;
    color: #020A0A;
}

.design2 {
    position: relative;
    width: 100%;
    height: 648px;
    border-top: 1px solid #014099;
}

.design2 .dtitle {
    position: absolute;
    top: 25px;
    left: 0;
    width: 160px;
    font-size: 18px;
    color: #014099;
    font-weight: 600;
    line-height: 26px;
}

.design2 .dcontent {
    position: absolute;
    top: 25px;
    left: 164px;
    width: 935px;
    font-size: 18px;
    color: #020A0A;
    line-height: 26px;
}

.design2 .dcontent span {
    display: inline-block;
    margin-bottom: 20px;
    letter-spacing: -0.6px;
}

.design2 .dcontent .design2img {
    display: block;
    position: absolute;
    right: 0;
    top: 5px;
    z-index: -1;
}

.design2 .dcert {
    position: absolute;
    top: 373px;
    left: 164px;
    width: 935px;
    padding-top: 25px;
    border-top: 1px solid #C9CACB;
}

.design2 .dcert .cert2img {
    display: block;
    position: absolute;
    left: 0;
    top: 25px;
}

.design2 .dcert dl.copyrightNo {
    display: block;
    margin: 0 0 25px 155px;
}

.design2 .dcert dl {
    display: block;
    margin: 0 0 0 155px;
}

.design2 .dcert dt,
.design2 .dcert dd {
    display: inline;
    line-height: 22px;
}

.design2 .dcert dt {
    font-size: 15px;
    color: #014099;
    font-weight: 600;
}

.design2 .dcert dt b {
    letter-spacing: 5.5px;
}

.design2 .dcert dd {
    font-size: 15px;
    color: #020A0A;
}

.design3 {
    position: relative;
    width: 100%;
    height: 285px;
    border-top: 1px solid #014099;
    border-bottom: 1px solid #014099;
}

.design3 .dtitle {
    position: absolute;
    top: 25px;
    left: 0;
    width: 160px;
    font-size: 18px;
    color: #014099;
    font-weight: 600;
    line-height: 26px;
}

.design3 .dtitle span {
    display: inline-block;
    font-size: 15px;
    line-height: 22px;
}

.design3 .dcontent {
    position: absolute;
    top: 25px;
    left: 164px;
    width: 935px;
    font-size: 18px;
    color: #020A0A;
    line-height: 26px;
}

.design3 .dcontent span {
    display: inline-block;
    margin-bottom: 20px;
    letter-spacing: -0.5px;
}

.design3 .dcontent .design3img {
    display: block;
    position: absolute;
    right: 0;
    top: 5px;
    z-index: -1;
}

.design3 .dcert {
    position: absolute;
    top: 398px;
    left: 164px;
    width: 935px;
    padding-top: 25px;
    border-top: 1px solid #C9CACB;
}

.design3 .dcert .cert3img {
    display: block;
    position: absolute;
    left: 0;
    top: 25px;
}

.designMore {
    position: relative;
    width: 100%;
    text-align: center;
    margin-top: 135px;
}

.design4 {
    display: none;
    position: relative;
    width: 100%;
    height: 265px;
    opacity: 0;
    top: 80px;
}

.design4 .dtitle {
    position: absolute;
    top: 25px;
    left: 0;
    width: 160px;
    font-size: 18px;
    color: #014099;
    font-weight: 600;
    line-height: 26px;
}

.design4 .dtitle span {
    display: inline-block;
    font-size: 15px;
    line-height: 22px;
}

.design4 .dcontent {
    position: absolute;
    top: 25px;
    left: 164px;
    width: 935px;
    font-size: 18px;
    color: #020A0A;
    line-height: 26px;
}

.design4 .dcontent span {
    display: inline-block;
    margin-bottom: 20px;
    letter-spacing: -0.5px;
}

.design4 .dcontent .design4img {
    display: block;
    position: absolute;
    left: 0;
    top: 5px;
    z-index: -1;
}

.design5 {
    display: none;
    position: relative;
    width: 100%;
    height: 260px;
    border-top: 1px solid #014099;
    opacity: 0;
    top: 80px;
}

.design5 .dtitle {
    position: absolute;
    top: 25px;
    left: 0;
    width: 160px;
    font-size: 18px;
    color: #014099;
    font-weight: 600;
    line-height: 26px;
}

.design5 .dtitle span {
    display: inline-block;
    font-size: 15px;
    line-height: 22px;
}

.design5 .dcontent {
    position: absolute;
    top: 25px;
    left: 164px;
    width: 935px;
    font-size: 18px;
    color: #020A0A;
    line-height: 26px;
}

.design5 .dcontent span {
    display: inline-block;
    margin-bottom: 20px;
    letter-spacing: -0.5px;
}

.design5 .dcontent .design5img {
    display: block;
    position: absolute;
    left: 0;
    top: 5px;
    z-index: -1;
}

.design6 {
    display: none;
    position: relative;
    width: 100%;
    height: 260px;
    border-top: 1px solid #014099;
    border-bottom: 1px solid #014099;
    opacity: 0;
    top: 80px;
}

.design6 .dtitle {
    position: absolute;
    top: 25px;
    left: 0;
    width: 160px;
    font-size: 18px;
    color: #014099;
    font-weight: 600;
    line-height: 26px;
}

.design6 .dtitle span {
    display: inline-block;
    font-size: 15px;
    line-height: 22px;
}

.design6 .dcontent {
    position: absolute;
    top: 25px;
    left: 164px;
    width: 935px;
    font-size: 18px;
    color: #020A0A;
    line-height: 26px;
}

.design6 .dcontent span {
    display: inline-block;
    margin-bottom: 20px;
    letter-spacing: -0.5px;
}

.design6 .dcontent .design6img {
    display: block;
    position: absolute;
    left: 0;
    top: 5px;
    z-index: -1;
}



.electronic {
    position: relative;
    width: 100%;
    margin-top: 90px;
}

.electronic1 {
    position: relative;
    width: 100%;
    height: 225px;
    border-top: 5px solid #014099;
}

.electronic1 .etitle {
    position: absolute;
    top: 25px;
    left: 0;
    width: 160px;
    font-size: 18px;
    color: #014099;
    font-weight: 600;
    line-height: 26px;
}

.electronic1 .etitle span {
    display: inline-block;
    font-size: 15px;
    line-height: 22px;
}

.electronic1 .econtent {
    position: absolute;
    top: 25px;
    left: 164px;
    width: 935px;
    font-size: 18px;
    color: #020A0A;
    line-height: 26px;
}

.electronic1 .econtent span {
    display: inline-block;
    margin-bottom: 20px;
    letter-spacing: -0.5px;
}

.electronic1 .econtent .electronic1img {
    display: block;
    position: absolute;
    right: 0;
    top: 0px;
    z-index: -1;
}

.electronic2 {
    position: relative;
    width: 100%;
    height: 270px;
    border-top: 1px solid #014099;
}

.electronic2 .etitle {
    position: absolute;
    top: 25px;
    left: 0;
    width: 160px;
    font-size: 18px;
    color: #014099;
    font-weight: 600;
    line-height: 26px;
}

.electronic2 .etitle span {
    display: inline-block;
    font-size: 15px;
    line-height: 22px;
}

.electronic2 .econtent {
    position: absolute;
    top: 25px;
    left: 164px;
    width: 935px;
    font-size: 18px;
    color: #020A0A;
    line-height: 26px;
}

.electronic2 .econtent span {
    display: inline-block;
    margin-bottom: 20px;
    letter-spacing: -0.5px;
}

.electronic2 .econtent .electronic2img {
    display: block;
    position: absolute;
    right: 0;
    top: 0px;
    z-index: -1;
}

.electronic3 {
    position: relative;
    width: 100%;
    height: 270px;
    border-top: 1px solid #014099;
}

.electronic3 .etitle {
    position: absolute;
    top: 25px;
    left: 0;
    width: 160px;
    font-size: 18px;
    color: #014099;
    font-weight: 600;
    line-height: 26px;
}

.electronic3 .etitle span {
    display: inline-block;
    font-size: 15px;
    line-height: 22px;
}

.electronic3 .econtent {
    position: absolute;
    top: 25px;
    left: 164px;
    width: 935px;
    font-size: 18px;
    color: #020A0A;
    line-height: 26px;
}

.electronic3 .econtent span {
    display: inline-block;
    margin-bottom: 20px;
    letter-spacing: -0.5px;
}

.electronic3 .econtent .electronic3img {
    display: block;
    position: absolute;
    right: 0;
    top: 0px;
    z-index: -1;
}

.electronic4 {
    position: relative;
    width: 100%;
    height: 250px;
    border-top: 1px solid #014099;
    border-bottom: 1px solid #014099;
}

.electronic4 .etitle {
    position: absolute;
    top: 25px;
    left: 0;
    width: 160px;
    font-size: 18px;
    color: #014099;
    font-weight: 600;
    line-height: 26px;
}

.electronic4 .etitle span {
    display: inline-block;
    font-size: 15px;
    line-height: 22px;
}

.electronic4 .econtent {
    position: absolute;
    top: 25px;
    left: 164px;
    width: 935px;
    font-size: 18px;
    color: #020A0A;
    line-height: 26px;
}

.electronic4 .econtent span {
    display: inline-block;
    margin-bottom: 20px;
    letter-spacing: -0.5px;
}

.electronic4 .econtent .electronic4img {
    display: block;
    position: absolute;
    right: 0;
    top: 0px;
    z-index: -1;
}




.landArch {
    position: relative;
    width: 100%;
    margin-top: 90px;
}


.landArch1 {
    position: relative;
    width: 100%;
    height: 270px;
    border-top: 5px solid #014099;
}

.landArch1 .ltitle {
    position: absolute;
    top: 25px;
    left: 0;
    width: 140px;
    font-size: 18px;
    color: #014099;
    font-weight: 600;
    line-height: 26px;
    letter-spacing: -0.3px;
}

.landArch1 .ltitle span {
    display: inline-block;
    font-size: 15px;
    line-height: 22px;
}

.landArch1 .lcontent {
    position: absolute;
    top: 25px;
    left: 164px;
    width: 935px;
    font-size: 18px;
    color: #020A0A;
    line-height: 26px;
}

.landArch1 .lcontent span {
    display: block;
    margin-bottom: 20px;
    letter-spacing: -0.5px;
}

.landArch1 .lcontent .landArch1img {
    display: block;
    position: absolute;
    right: 0;
    top: 5px;
    z-index: -1;
}

.landArch2 {
    position: relative;
    width: 100%;
    height: 270px;
    border-top: 1px solid #014099;
}

.landArch2 .ltitle {
    position: absolute;
    top: 25px;
    left: 0;
    width: 140px;
    font-size: 18px;
    color: #014099;
    font-weight: 600;
    line-height: 26px;
    letter-spacing: -0.3px;
}

.landArch2 .ltitle span {
    display: inline-block;
    font-size: 15px;
    line-height: 22px;
}

.landArch2 .lcontent {
    position: absolute;
    top: 25px;
    left: 164px;
    width: 935px;
    font-size: 18px;
    color: #020A0A;
    line-height: 26px;
}

.landArch2 .lcontent span {
    display: block;
    margin-bottom: 20px;
    letter-spacing: -0.5px;
}

.landArch2 .lcontent .landArch2img {
    display: block;
    position: absolute;
    right: 0;
    top: 5px;
    z-index: -1;
}

.landArch3 {
    position: relative;
    width: 100%;
    height: 270px;
    border-top: 1px solid #014099;
}

.landArch3 .ltitle {
    position: absolute;
    top: 25px;
    left: 0;
    width: 140px;
    font-size: 18px;
    color: #014099;
    font-weight: 600;
    line-height: 26px;
    letter-spacing: -0.3px;
}

.landArch3 .ltitle span {
    display: inline-block;
    font-size: 15px;
    line-height: 22px;
}

.landArch3 .lcontent {
    position: absolute;
    top: 25px;
    left: 164px;
    width: 935px;
    font-size: 18px;
    color: #020A0A;
    line-height: 26px;
}

.landArch3 .lcontent span {
    display: block;
    margin-bottom: 20px;
    letter-spacing: -0.5px;
}

.landArch3 .lcontent span small {
    font-size: 15px;
}

.landArch3 .lcontent .landArch3img {
    display: block;
    position: absolute;
    right: 0;
    top: 5px;
    z-index: -1;
}

.landArch4 {
    position: relative;
    width: 100%;
    height: 270px;
    border-top: 1px solid #014099;
}

.landArch4 .ltitle {
    position: absolute;
    top: 25px;
    left: 0;
    width: 140px;
    font-size: 18px;
    color: #014099;
    font-weight: 600;
    line-height: 26px;
    letter-spacing: -0.3px;
}

.landArch4 .ltitle span {
    display: inline-block;
    font-size: 15px;
    line-height: 22px;
}

.landArch4 .lcontent {
    position: absolute;
    top: 25px;
    left: 164px;
    width: 935px;
    font-size: 18px;
    color: #020A0A;
    line-height: 26px;
}

.landArch4 .lcontent span {
    display: block;
    margin-bottom: 20px;
    letter-spacing: -0.5px;
}

.landArch4 .lcontent .landArch4img {
    display: block;
    position: absolute;
    right: 0;
    top: 5px;
    z-index: -1;
}

.landArch5 {
    position: relative;
    width: 100%;
    height: 270px;
    border-top: 1px solid #014099;
    border-bottom: 1px solid #014099;
}

.landArch5 .ltitle {
    position: absolute;
    top: 25px;
    left: 0;
    width: 140px;
    font-size: 18px;
    color: #014099;
    font-weight: 600;
    line-height: 26px;
    letter-spacing: -0.3px;
}

.landArch5 .ltitle span {
    display: inline-block;
    font-size: 15px;
    line-height: 22px;
}

.landArch5 .lcontent {
    position: absolute;
    top: 25px;
    left: 164px;
    width: 935px;
    font-size: 18px;
    color: #020A0A;
    line-height: 26px;
}

.landArch5 .lcontent span {
    display: block;
    margin-bottom: 20px;
    letter-spacing: -0.5px;
}

.landArch5 .lcontent .landArch5img {
    display: block;
    position: absolute;
    right: 0;
    top: 5px;
    z-index: -1;
}

.landArchMore {
    position: relative;
    width: 100%;
    text-align: center;
    margin-top: 135px;
}

.landArch6 {
    display: none;
    opacity: 0;
    top: 80px;
    position: relative;
    width: 100%;
    height: 270px;
}

.landArch6 .ltitle {
    position: absolute;
    top: 25px;
    left: 0;
    width: 140px;
    font-size: 18px;
    color: #014099;
    font-weight: 600;
    line-height: 26px;
    letter-spacing: -0.3px;
}

.landArch6 .ltitle span {
    display: inline-block;
    font-size: 15px;
    line-height: 22px;
}

.landArch6 .lcontent {
    position: absolute;
    top: 25px;
    left: 164px;
    width: 935px;
    font-size: 18px;
    color: #020A0A;
    line-height: 26px;
}

.landArch6 .lcontent span {
    display: block;
    margin-bottom: 20px;
    letter-spacing: -0.5px;
}

.landArch6 .lcontent .landArch6img {
    display: block;
    position: absolute;
    right: 0;
    top: 5px;
    z-index: -1;
}

.landArch7 {
    display: none;
    opacity: 0;
    top: 80px;
    position: relative;
    width: 100%;
    height: 270px;
    border-top: 1px solid #014099;
}

.landArch7 .ltitle {
    position: absolute;
    top: 25px;
    left: 0;
    width: 140px;
    font-size: 18px;
    color: #014099;
    font-weight: 600;
    line-height: 26px;
    letter-spacing: -0.3px;
}

.landArch7 .ltitle span {
    display: inline-block;
    font-size: 15px;
    line-height: 22px;
}

.landArch7 .lcontent {
    position: absolute;
    top: 25px;
    left: 164px;
    width: 935px;
    font-size: 18px;
    color: #020A0A;
    line-height: 26px;
}

.landArch7 .lcontent span {
    display: block;
    margin-bottom: 20px;
    letter-spacing: -0.5px;
}

.landArch7 .lcontent .landArch7img {
    display: block;
    position: absolute;
    right: 0;
    top: 5px;
    z-index: -1;
}

.landArch8 {
    display: none;
    opacity: 0;
    top: 80px;
    position: relative;
    width: 100%;
    height: 270px;
    border-top: 1px solid #014099;
}

.landArch8 .ltitle {
    position: absolute;
    top: 25px;
    left: 0;
    width: 140px;
    font-size: 18px;
    color: #014099;
    font-weight: 600;
    line-height: 26px;
    letter-spacing: -0.3px;
}

.landArch8 .ltitle span {
    display: inline-block;
    font-size: 15px;
    line-height: 22px;
}

.landArch8 .lcontent {
    position: absolute;
    top: 25px;
    left: 164px;
    width: 935px;
    font-size: 18px;
    color: #020A0A;
    line-height: 26px;
}

.landArch8 .lcontent span {
    display: block;
    margin-bottom: 20px;
    letter-spacing: -0.5px;
}

.landArch8 .lcontent .landArch8img {
    display: block;
    position: absolute;
    right: 0;
    top: 5px;
    z-index: -1;
}

.landArch9 {
    display: none;
    opacity: 0;
    top: 80px;
    position: relative;
    width: 100%;
    height: 270px;
    border-top: 1px solid #014099;
}

.landArch9 .ltitle {
    position: absolute;
    top: 25px;
    left: 0;
    width: 140px;
    font-size: 18px;
    color: #014099;
    font-weight: 600;
    line-height: 26px;
    letter-spacing: -0.3px;
}

.landArch9 .ltitle span {
    display: inline-block;
    font-size: 15px;
    line-height: 22px;
}

.landArch9 .lcontent {
    position: absolute;
    top: 25px;
    left: 164px;
    width: 935px;
    font-size: 18px;
    color: #020A0A;
    line-height: 26px;
}

.landArch9 .lcontent span {
    display: block;
    margin-bottom: 20px;
    letter-spacing: -0.5px;
}

.landArch9 .lcontent .landArch9img {
    display: block;
    position: absolute;
    right: 0;
    top: 5px;
    z-index: -1;
}

.landArch10 {
    display: none;
    opacity: 0;
    top: 80px;
    position: relative;
    width: 100%;
    height: 260px;
    border-top: 1px solid #014099;
}

.landArch10 .ltitle {
    position: absolute;
    top: 25px;
    left: 0;
    width: 140px;
    font-size: 18px;
    color: #014099;
    font-weight: 600;
    line-height: 26px;
    letter-spacing: -0.3px;
}

.landArch10 .ltitle span {
    display: inline-block;
    font-size: 15px;
    line-height: 22px;
}

.landArch10 .lcontent {
    position: absolute;
    top: 25px;
    left: 164px;
    width: 935px;
    font-size: 18px;
    color: #020A0A;
    line-height: 26px;
}

.landArch10 .lcontent span {
    display: block;
    margin-bottom: 20px;
    letter-spacing: -0.5px;
}

.landArch10 .lcontent .landArch10img {
    display: block;
    position: absolute;
    right: 0;
    top: 5px;
    z-index: -1;
}

.landArch11 {
    display: none;
    opacity: 0;
    top: 80px;
    position: relative;
    width: 100%;
    height: 300px;
    border-top: 1px solid #014099;
}

.landArch11 .ltitle {
    position: absolute;
    top: 25px;
    left: 0;
    width: 140px;
    font-size: 18px;
    color: #014099;
    font-weight: 600;
    line-height: 26px;
    letter-spacing: -0.3px;
}

.landArch11 .ltitle span {
    display: inline-block;
    font-size: 15px;
    line-height: 22px;
}

.landArch11 .lcontent {
    position: absolute;
    top: 25px;
    left: 164px;
    width: 935px;
    font-size: 18px;
    color: #020A0A;
    line-height: 26px;
}

.landArch11 .lcontent span {
    display: block;
    margin-bottom: 20px;
    letter-spacing: -0.5px;
}

.landArch11 .lcontent .landArch11img {
    display: block;
    position: absolute;
    right: 0;
    top: 5px;
    z-index: -1;
}

.landArch12 {
    display: none;
    opacity: 0;
    top: 80px;
    position: relative;
    width: 100%;
    height: 330px;
    border-top: 1px solid #014099;
}

.landArch12 .ltitle {
    position: absolute;
    top: 25px;
    left: 0;
    width: 140px;
    font-size: 18px;
    color: #014099;
    font-weight: 600;
    line-height: 26px;
    letter-spacing: -0.3px;
}

.landArch12 .ltitle span {
    display: inline-block;
    font-size: 15px;
    line-height: 22px;
}

.landArch12 .lcontent {
    position: absolute;
    top: 25px;
    left: 164px;
    width: 935px;
    font-size: 18px;
    color: #020A0A;
    line-height: 26px;
}

.landArch12 .lcontent span {
    display: block;
    margin-bottom: 20px;
    letter-spacing: -0.5px;
}

.landArch12 .lcontent .landArch12img {
    display: block;
    position: absolute;
    left: 475px;
    top: 5px;
    z-index: -1;
}

.landArch13 {
    display: none;
    opacity: 0;
    top: 80px;
    position: relative;
    width: 100%;
    height: 440px;
    border-top: 1px solid #014099;
}

.landArch13 .ltitle {
    position: absolute;
    top: 25px;
    left: 0;
    width: 140px;
    font-size: 18px;
    color: #014099;
    font-weight: 600;
    line-height: 26px;
    letter-spacing: -0.3px;
}

.landArch13 .ltitle span {
    display: inline-block;
    font-size: 15px;
    line-height: 22px;
}

.landArch13 .ltitle2 {
    position: absolute;
    top: 195px;
    left: 0;
    width: 140px;
    font-size: 18px;
    color: #014099;
    font-weight: 600;
    line-height: 26px;
    letter-spacing: -0.3px;
    border-top: 1px solid #014099;
    padding-top: 25px;
}

.landArch13 .ltitle2 span {
    display: inline-block;
    font-size: 15px;
    line-height: 22px;
}

.landArch13 .lcontent {
    position: absolute;
    top: 25px;
    left: 164px;
    width: 935px;
    font-size: 18px;
    color: #020A0A;
    line-height: 26px;
}

.landArch13 .lcontent span {
    display: block;
    margin-bottom: 20px;
    letter-spacing: -0.5px;
}

.landArch13 .lcontent .landArch13img {
    display: block;
    position: absolute;
    right: 0;
    top: 5px;
    z-index: -1;
}


/*[회사소식] - 서브 네비게이션 2단 */
.news ul.tabs2unit {
    overflow: hidden;
    width: 1100px;
    height: 60px;
    margin: 45px auto 0 auto;
}

.news 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;
}

.news ul.tabs2unit li a {
    display: block;
    width: 100%;
    height: 100%;
    font-size: 18px;
    color: #020A0A;
    font-weight: 100;
}

.news ul.tabs2unit li:last-child a {
    border-right: 1px solid #ddd;
}

.news ul.tabs2unit li a:hover,
.news ul.tabs2unit li.active a {
    border: 1px solid #00B4ED;
    background: #00B4ED;
    font-weight: 300;
    color: #fff;
}

.notice {
    position: relative;
    width: 100%;
    margin-top: 80px;
}

table.noticeTable {
    position: relative;
    width: 1100px;
    margin-top: 70px;
    border-top: 5px solid #00B4ED;
}

table.noticeTable caption {
    font-size: 18px;
    color: #020A0A;
    margin-bottom: 12px;
    text-align: left;
    font-weight: 600;
}

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

table.noticeTable caption q span {
    margin: 0 20px;
}

table.noticeTable thead,
table.noticeTable tbody {
    border-bottom: 1px solid #00B4ED;
}

table.noticeTable tbody tr:first-child td {
    padding: 29px 0 12px 0;
    height: 0;
    border: none;
}

table.noticeTable tbody tr:last-child td {
    padding: 12px 0 29px 0;
    height: 0;
    border: none;
}

table.noticeTable thead tr {
    height: 57px;
}

table.noticeTable tbody tr {
    height: 45px;
}

table.noticeTable th:first-child,
table.noticeTable td:first-child,
table.noticeTable th:last-child,
table.noticeTable td:last-child {
    text-align: center;
}

table.noticeTable th:nth-child(2),
table.noticeTable td:nth-child(2) {
    text-indent: 30px;
}

table.noticeTable th {
    font-size: 15px;
    color: #00B4ED;
    text-align: left;
    font-weight: 100;
}

table.noticeTable td a {
    font-size: 18px;
    color: #020A0A;
    text-align: left;
}

table.noticeTable td a:hover {
    font-weight: 600;
}

table.noticeTable tfoot td {
    padding: 18px 0 32px 0;
}

table.noticeTable tfoot tr {
    height: 59px;
    border-bottom: none;
}

table.noticeTable tfoot td a {
    display: inline-block;
    padding: 8px 10px;
    font-size: 15px;
    color: #020A0A;
    margin: 0 2px;
}

table.noticeTable tfoot td a:hover,
table.noticeTable tfoot td a.currentPage {
    font-weight: 600;
    background: #00B4ED;
    color: #fff;
}

table.noticeTable tfoot td a:first-child:hover,
table.noticeTable tfoot td a:last-child:hover {
    background: none;
}

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

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

table.noticeTable th.txtCenter,
table.noticeTable td.txtCenter {
    text-align: center;
}

table.noticeTableView {
    position: relative;
    width: 1100px;
    margin-top: 70px;
    border-top: 5px solid #00B4ED;
}

table.noticeTableView caption {
    font-size: 18px;
    color: #020A0A;
    margin-bottom: 12px;
    text-align: left;
    font-weight: 600;
}

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

table.noticeTableView caption q span {
    margin: 0 20px;
}

table.noticeTableView thead,
table.noticeTableView tbody {
    border-bottom: 1px solid #00B4ED;
}

table.noticeTableView th {
    height: 90px;
    font-size: 28px;
    color: #00B4ED;
    font-weight: 600;
    text-align: left;
}

table.noticeTableView td {
    padding: 0 20px;
    text-align: left;
}

table.noticeTableView tfoot td {
    padding: 18px 0 32px 0;
    text-align: center;
}

table.noticeTableView tfoot tr {
    height: 59px;
    border-bottom: none;
}

table.noticeTableView tfoot td a {
    display: inline-block;
    padding: 8px 10px;
    font-size: 15px;
    color: #020A0A;
    margin: 0 2px;
}

table.noticeTableView tfoot td a img {
    vertical-align: middle;
}

table.noticeTableView tfoot td a:hover {
    opacity: 0.7;
}

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

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

/********************************************
      회사소개 > 블로그
********************************************/
.blog {
    position: relative;
    width: 100%;
    margin-top: 80px;
}

table.blogTable {
    position: relative;
    width: 1100px;
    margin-top: 70px;
    border-top: 5px solid #00B4ED;
}

table.blogTable caption {
    font-size: 18px;
    color: #020A0A;
    margin-bottom: 12px;
    text-align: left;
    font-weight: 600;
}

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

table.blogTable caption q span {
    margin: 0 20px;
}

table.blogTable thead,
table.blogTable tbody {
    border-bottom: 1px solid #00B4ED;
}

table.blogTable tbody tr:first-child td {
    padding: 29px 0 12px 0;
    height: 0;
    border: none;
}

table.blogTable tbody tr:last-child td {
    padding: 12px 0 29px 0;
    height: 0;
    border: none;
}

table.blogTable thead tr {
    height: 57px;
}

table.blogTable tbody tr {
    height: 45px;
}

table.blogTable th:first-child,
table.blogTable th:last-child,
table.blogTable td:last-child {
    text-align: center;
}

table.noticeTable td:nth-child(2) {
    text-indent: 30px;
}

table.blogTable th {
    font-size: 15px;
    color: #00B4ED;
    text-align: left;
    font-weight: 100;
}

table.blogTable td a {
    font-size: 18px;
    color: #020A0A;
    text-align: left;
}

table.blogTable td a:hover {
    font-weight: 600;
}

table.blogTable th.txtCenter,
table.blogTable td.txtCenter {
    text-align: center;
}

table.blogTable td * {
    vertical-align: middle;
}

table.blogTable td img {
    margin: 0 0 1px;
}

table.blogTable td p.article {
    width: 970px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

/* ci & bi */
.ci {
    width: 1100px;
    margin: 0 auto 0;
}

.ci .caption {
    margin-bottom: 10px;
}

.ci .tabs {
    overflow: hidden;
    width: 100%;
    height: 110px;
    margin-top: 0;
    margin-bottom: 60px;
}

.ci .tabs li {
    float: left;
}

.ci .downList {
    display: block;
    width: 100%;
    margin-bottom: 100px;
}

.ci .downList>img {
    float: left;
}

.ci .downList .cont {
    /* margin-left: 555px; */
}

.ci .downList .cont h3 {
    text-align: left;
    font-size: 24px;
    font-weight: bold;
    color: #00B4ED;
    margin-bottom: 20px;
}

.ci .downList .cont p {
    color: #020A0A;
    font-size: 18px;
    line-height: 24px;
    /* margin-bottom: 23px; */
}

.ci .downList .cont .ex {
    color: #00B4ED;
}

.m-l-20 {
    margin-left: 20px;
}

.hide {
    display: none;
}



/* 홍보영상 */
.pr ul.tabs3unit {
    overflow: hidden;
    width: 1100px;
    height: 60px;
    margin: 45px auto 0 auto;
}

.pr ul.tabs3unit li {
    float: left;
    text-align: center;
    cursor: pointer;
    padding: 0;
    width: 366px;
    height: 60px;
    line-height: 60px;
    overflow: hidden;
    position: relative;
    border: 1px solid #ddd;
    border-right: none;
    background: #eeeeee;
}

.pr ul.tabs3unit li a {
    display: block;
    width: 100%;
    height: 100%;
    font-size: 18px;
    color: #020A0A;
    font-weight: 100;
}

.pr ul.tabs3unit li:last-child a {
    border-right: 1px solid #ddd;
}

.pr ul.tabs3unit li a:hover,
.pr ul.tabs3unit li.active a {
    border: 1px solid #00B4ED;
    background: #00B4ED;
    font-weight: 300;
    color: #fff;
}


.cf {
    position: relative;
    width: 1100px;
    margin: 80px auto 0 auto;
}

.mainMov {
    position: relative;
    width: 1100px;
    padding-bottom: 18px;
}

.mainMov iframe {
    width: 1100px;
    height: 619px;
}

.grid_cf {
    width: 260px;
    min-height: 100px;
    height: auto;
    background: #eeeeee;
    border: 1px solid #ddd;
    /*
	-webkit-transition: top 1s ease, left 1s ease;
	-moz-transition: top 1s ease, left 1s ease;
	-o-transition: top 1s ease, left 1s ease;
	-ms-transition: top 1s ease, left 1s ease;
*/
}

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

.grid_cf p {
    margin: 25px 0 15px 0;
    padding: 0 10px;
    color: #252424;
    font-size: 12px;
}

.grid_cf strong {
    display: block;
    padding: 0px 60px 15px 10px;
    font-size: 18px;
    color: #020A0A;
    font-weight: 600;
    word-break: keep-all;
    line-height: 26px;
    background: url(../image/arrow_more.png) no-repeat;
    background-position: bottom 20px right 20px;
}

.grid_cf .meta {
    text-align: right;
    color: #777;
}

.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 .imgholder {
    background: #222
}

.grid_cf:hover {
    border: 1px solid #ddd;
    background: rgba(0, 0, 0, 0.5);
    -webkit-transition: background 0.3s;
    -moz-transition: background 0.3s;
    -o-transition: background 0.3s;
    transition: background 0.3s;
    background: #222
}

.grid_cf:hover .imgholder img {
    opacity: 0.7;
    -webkit-transition: opacity 0.6s;
    transition: opacity 0.6s;

    -webkit-transform: scale(0.88, 0.88);
    transform: scale(0.88, 0.88);

    -webkit-transition: 0.4s;
    transition: 0.4s;
}

.grid_cf:hover a strong {
    color: #fff;
}

.grid_cf:hover a p {
    color: #fff
}

.cfMoreBtn {
    text-align: center;
    margin-top: 80px;
}

.cfMoreBtn a {
    padding: 10px 20px;
}

.win_cf {
    background: #020A0A;
    padding: 20px 0;
    width: 100%;
    margin: 0 auto;
}

.win_cf>p {
    float: left;
    width: 800px;
    padding-bottom: 20px;
    overflow: hidden;
    margin-left: 20px;
}

.win_cf>p #wmov {
    width: 100%;
    min-height: 500px;
}

.win_cf>div {
    float: right;
    width: 200px;
    text-align: left;
    font-family: 'NanumSquare';
    color: #fff;
    padding: 45px 0;
    margin-right: 45px;
}

.win_cf>div>p {
    color: #878787;
    font-size: 14px;
    margin-bottom: 55px;
}

.win_cf>div>h1 {
    font-size: 36px;
    border-bottom: 5px solid #fff;
    padding-bottom: 9px;
    margin-bottom: 85px;
    line-height: 45px;
    word-break: keep-all;
}

ul.wlang li {
    cursor: pointer;
    font-size: 18px;
    margin-bottom: 25px;
    color: #fff;
}

ul.wlang li:hover,
ul.wlang li.currentLang {
    font-weight: 600;
    color: #46b2e6;
}




/*brochure 홍보자료_e카탈로그*/
.brochure {
    width: 1100px;
    margin: 0 auto 0;
}

.brochure ul.tabs3unit {
    overflow: hidden;
    width: 100%;
    height: 60px;
    margin-top: 45px;
}

.brochure ul.tabs3unit li {
    float: left;
    text-align: center;
    padding: 0;
    width: 364px;
    height: 58px;
    line-height: 60px;
    overflow: hidden;
    position: relative;
    border: 1px solid #ddd;
    background: #eee;
}

.brochure ul.tabs3unit li:hover,
.brochure ul.tabs3unit li.active {
    border: 1px solid #00B4ED;
}

.brochure ul.tabs3unit li:hover a,
.brochure ul.tabs3unit li.active a {
    background: #00B4ED;
    font-weight: 600;
    color: #fff;
}

.brochure ul.tabs3unit li a {
    display: block;
    font-size: 18px;
    color: #020A0A;
    font-weight: 100;
}

.downloadArea {
    margin-top: 80px;
    padding-left: 115px;
}

.downloadArea img {
    float: left;
}

.downloadArea p {
    margin-left: 445px;
    overflow: hidden;
    color: #020A0A;
    position: relative;
    z-index: 99;
}

.downloadArea p span {
    display: block;
    margin-top: 93px;
    font-size: 18px;
    line-height: 26px;
}

.downloadArea p strong {
    display: block;
    font-size: 50px;
    font-weight: 600;
    margin-top: 10px;
    margin-bottom: 58px;
}

.downloadArea p img {
    display: block;
    float: left;
}

.m-l-20 {
    margin-left: 20px;
}

.downloadTxt {
    font-size: 15px;
    margin-top: 80px;
    padding-top: 15px;
    width: 100%;
    text-align: right;
    border-top: 1px solid #bfbfbf;
}

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

#brochureimg {
    position: absolute;
    top: -7px;
    left: 105px;
    z-index: 1;
}



/* 사보 */
/* 사보 */
.magazine {
    position: relative;
    width: 1100px;
    margin: 80px auto 0 auto;
    padding-bottom: 600px;
}

.magazine ul.magazineList {
    clear: both;
    position: relative;
    width: 100%;
    height: 390px;
}

.magazine ul.magazineList li {
    float: left;
    position: relative;
    width: 260px;
    height: 390px;
    margin: 0 20px 20px 0;
    background: #eee url("../image/sub/publicity/magazine/arrow.png") no-repeat 200px 347px;
}

.magazine ul.magazineList li:hover {
    border: 1px solid #ddd;
    background: rgba(0, 0, 0, 0.5);
    -webkit-transition: background 0.3s;
    -moz-transition: background 0.3s;
    -o-transition: background 0.3s;
    transition: background 0.3s;
    background: #222
}

.magazine ul.magazineList li:hover p img {
    opacity: 0.7;
    -webkit-transition: opacity 0.6s;
    transition: opacity 0.6s;

    -webkit-transform: scale(0.88, 0.88);
    transform: scale(0.88, 0.88);

    -webkit-transition: 0.4s;
    transition: 0.4s;
}

.magazine ul.magazineList li:hover span {
    color: #fff;
}

.magazine ul.magazineList li p img {
    width: 100%;
    display: block;
    opacity: 1 -webkit-transform:scale(1);
    transform: scale(1);
    -webkit-transition: 0.6s;
    transition: 0.6s;
}

/*
.magazine ul.magazineList li { animation:magazineOff 0.5s 1; background-position:200px 347px; }
.magazine ul.magazineList li:hover { animation:magazineOn 0.5s 1; background-position:220px 347px; }
@keyframes magazineOn {
	0% { background-position:200px 347px; }
	100% { background-position:220px 347px; }
}
@keyframes magazineOff {
	0% { background-position:220px 347px; }
	100% { background-position:200px 347px; }
}
*/

.magazine ul.magazineList li:nth-child(4n) {
    margin-right: 0;
}

.magazine ul.magazineList li p {
    width: 260px;
    height: 320px;
    overflow: hidden;
}

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

.magazine ul.magazineList li span {
    display: block;
    width: 100%;
    height: 70px;
    font-size: 24px;
    color: #020A0A;
    font-weight: 600;
    line-height: 70px;
    text-indent: 20px;
}

.magazineMoreBtn {
    clear: both;
    text-align: center;
    position: relative;
    width: 100%;
    height: 50px;
}

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





/* 수상실적 */
.award {
    position: relative;
    width: 100%;
    margin-top: 80px;
}

table.awardTable {
    position: relative;
    width: 1100px;
    margin-top: 70px;
    border-top: 5px solid #00B4ED;
}

table.awardTable caption {
    font-size: 18px;
    color: #020A0A;
    margin-bottom: 12px;
    text-align: left;
    font-weight: 600;
}

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

table.awardTable caption q span {
    margin: 0 20px;
}

table.awardTable thead,
table.awardTable tbody {
    border-bottom: 1px solid #00B4ED;
}

table.awardTable tbody tr:first-child td {
    padding: 29px 0 12px 0;
    height: 0;
    border: none;
}

table.awardTable tbody tr:last-child td {
    padding: 12px 0 29px 0;
    height: 0;
    border: none;
}

table.awardTable thead tr {
    height: 57px;
}

table.awardTable tbody tr {
    height: 45px;
}

table.awardTable th:first-child,
table.awardTable td:first-child {
    text-align: center;
}

table.awardTable th:nth-child(2),
table.awardTable td:nth-child(2) {
    text-indent: 30px;
}

table.awardTable th {
    font-size: 15px;
    color: #00B4ED;
    text-align: left;
    font-weight: 100;
}

table.awardTable td {
    font-size: 18px;
    color: #020A0A;
    text-align: left;
}

table.awardTable tfoot td {
    padding: 130px 0 32px 0;
}

table.awardTable tfoot tr {
    height: 59px;
    border-bottom: none;
}

table.awardTable tfoot td a {
    display: inline-block;
    padding: 8px 10px;
    font-size: 15px;
    color: #020A0A;
    margin: 0 2px;
}

table.awardTable tfoot td a:hover,
table.awardTable tfoot td a.currentPage {
    font-weight: 600;
    background: #00B4ED;
    color: #fff;
}

table.awardTable tfoot td a:first-child:hover,
table.awardTable tfoot td a:last-child:hover {
    background: none;
}






/* 인재채용 */
.people {
    width: 1100px;
    margin: 30px auto 0 auto;
}

.people .people_cont {
    margin-top: 32px;
    padding-left: 342px;
    background: url(../image/sub/recruit/rpeople/concept_people.png) no-repeat 0 31px;
}

.people .people_cont span {
    float: left;
    margin-right: 30px;
}

.people .people_cont>li {
    display: table;
    margin-bottom: 18px;
}

.people .people_cont>li ul {
    display: table-cell;
    vertical-align: middle;
}

.people .people_cont li ul li {
    line-height: 26px;
    font-size: 18px;
    color: #020A0A;
}





/* 인사재도 */
.personnel_affair {
    width: 1100px;
    margin: 10px auto 0 auto;
    letter-spacing: -0.7px;
}

.personnel_affair table {
    border-top: 5px solid #00B4ED;
    line-height: 24px;
    text-align: left;
    font-size: 18px;
    color: #020A0A;
}

.personnel_affair table tr {
    width: 100%;
    display: inline-block;
    padding-bottom: 34px;
    margin-top: 23px;
    border-bottom: 1px solid #00B4ED;
}

.personnel_affair table tr:last-child {
    border-bottom: 0
}

.personnel_affair table tr th {
    text-align: left;
    vertical-align: top;
    width: 165px;
    color: #00B4ED;
    font-weight: 600;
}

.personnel_affair table ul li {

    margin-bottom: 4px;
    margin-left: 18px;
    text-indent: -5px;
}

.personnel_affair table ul li img {
    vertical-align: middle;
    padding-right: 8px;
}

.personnel_affair table td span {
    display: inline-block;
    margin-left: -7px;
    padding-top: 20px;
    margin-bottom: 16px;
}

.personnel_affair .inner_table {
    border-top: 0;
    width: 935px;
}

.personnel_affair .inner_table caption {
    width: 192px;
    height: 11px;
    margin-top: -23px;
    background: #f8f8f8;
}

.personnel_affair .inner_table tr {
    padding-bottom: 0;
    margin-top: 0;
    width: 100%;
    border-bottom: 1px solid #c9caca;
}

.personnel_affair .inner_table tr.bottom {
    border-bottom: none;
    margin-bottom: 5px;
}

.personnel_affair .inner_table th {
    vertical-align: middle;
    color: #020A0A;
    width: 192px;
    text-indent: 13px;
    background: #f8f8f8;
}

.personnel_affair .inner_table th.th1 {
    vertical-align: top;
    padding-top: 14px;
}

.personnel_affair .inner_table td {
    padding-left: 15px;
    padding-top: 13px;
    padding-bottom: 11px;
}






/* 복리후생 */
.welfare {
    width: 1100px;
    margin: 0 auto 0 auto;
    letter-spacing: -0.7px;
}

.welfare table {
    border-top: 5px solid #00B4ED;
    line-height: 24px;
    text-align: left;
    font-size: 18px;
    color: #020A0A;
}

.welfare table caption.title {
    width: 165px;
    margin-bottom: 12px;
    font-size: 18px;
    color: #00B4ED;
    font-weight: 600;
    text-align: left;
}

.welfare .table1 {
    margin-bottom: 85px;
}

.welfare .table1 tr {
    width: 100%;
    border-bottom: 1px solid #c9caca;
}

.welfare .table1 tr:first-child {
    border-bottom: 0;
}

.welfare .table1 tr:first-child th {
    line-height: 10px;
}

.welfare .table1 tr:first-child td {
    padding: 0;
    margin: 0;
    line-height: 10px;
}

.welfare .table1 tr.bottom {
    border-bottom: none;
}

.welfare .table1 th {
    width: 165px;
    color: #020A0A;
    vertical-align: middle;
    text-indent: 13px;
    background: #f8f8f8;

    text-align: left;
}

.welfare .table1 td {
    width: 935px;
    padding-left: 15px;
    padding-top: 14px;
    padding-bottom: 11px;
    line-height: 24px;
}

.welfare .table2 tr {
    width: 100%;
    display: inline-block;
    padding-bottom: 34px;
    margin-top: 23px;
    border-bottom: 1px solid #00B4ED;
}

.welfare .table2 tr:last-child {
    border-bottom: 0
}

.welfare .table2 tr th {
    text-align: left;
    vertical-align: top;
    width: 165px;
    font-weight: 600;
}

.welfare .table2 tr th.img_pl_1 {
    padding-left: 8px;
}

.welfare .table2 tr th.img_pl_2 {
    padding-left: 12px;
}

.welfare .table2 tr th.img_pl_3 {
    padding-left: 12px;
}

.welfare .table2 tr th.img_pl_4 {
    padding-left: 7px;
}

.welfare .table2 tr th.img_pl_5 {
    padding-left: 18px;
}

.welfare .table2 .inner_table {
    border-top: 0;
    width: 935px;
}

.welfare .table2 .inner_table caption {
    width: 192px;
    height: 11px;
    margin-top: -23px;
    background: #f8f8f8;
}

.welfare .table2 .inner_table tr {
    padding-bottom: 0;
    margin-top: 0;
    width: 100%;
    border-bottom: 1px solid #c9caca;
}

.welfare .table2 .inner_table tr.bottom {
    border-bottom: none;
    margin-bottom: 5px;
}

.welfare .table2 .inner_table th {
    vertical-align: middle;
    color: #020A0A;
    width: 192px;
    text-indent: 13px;
    background: #f8f8f8;
}

.welfare .table2 .inner_table td {
    padding-left: 15px;
    padding-top: 13px;
    padding-bottom: 11px;
}





/* 인재개발 */
.talent_development {
    width: 1100px;
    margin: 0 auto 0 auto;
    letter-spacing: -0.7px;
}

.talent_development p {
    font-size: 18px;
    color: #020A0A;
    font-weight: 500;
    line-height: 24px;
    margin-bottom: 20px;
}

.talent_development p span {
    color: #00B4ED;
}

.talent_development table {
    border-top: 5px solid #00B4ED;
    line-height: 24px;
    text-align: left;
    font-size: 18px;
    color: #020A0A;
}

.talent_development table tr {
    width: 100%;
    display: inline-block;
    padding-bottom: 34px;
    margin-top: 23px;
    border-bottom: 1px solid #00B4ED;
}

.talent_development table tr:last-child {
    border-bottom: 0
}

.talent_development table tr th {
    text-align: left;
    vertical-align: top;
    width: 165px;
    color: #00B4ED;
    font-weight: 600;
}

.talent_development table ul li {

    margin-bottom: 4px;
    margin-left: 18px;
    text-indent: -5px;
}

.talent_development table td span {
    display: inline-block;
    margin-left: -7px;
    padding-top: 20px;
    margin-bottom: 16px;
}

.talent_development table ul li img {
    vertical-align: middle;
    padding-right: 8px;
}

.talent_development .inner_table {
    border-top: 0;
    width: 935px;
}

.talent_development .inner_table.th_width th {
    width: 242px;
}

.talent_development .inner_table.th_width caption {
    width: 242px;
}

.talent_development .inner_table caption {
    width: 192px;
    height: 11px;
    margin-top: -23px;
    background: #f8f8f8;
}

.talent_development .inner_table tr {
    padding-bottom: 0;
    margin-top: 0;
    width: 100%;
    border-bottom: 1px solid #c9caca;
}

.talent_development .inner_table tr.bottom {
    border-bottom: none;
    margin-bottom: 5px;
}

.talent_development .inner_table th {
    vertical-align: middle;
    color: #020A0A;
    width: 192px;
    text-indent: 13px;
    background: #f8f8f8;
}

.talent_development .inner_table th.th1 {
    vertical-align: top;
    padding-top: 14px;
}

.talent_development .inner_table th.th1 span {
    text-indent: 0;
    margin-left: 0;
    padding-top: 0;
}

.talent_development .inner_table td {
    padding-left: 15px;
    padding-top: 13px;
    padding-bottom: 11px;
}

.talent_development .inner_table td.td1 {
    vertical-align: top;
    padding-top: 13px;
}

.talent_development p.inner_p {
    font-size: 15px;
    color: #020A0A;
    font-weight: 400;
    line-height: 24px;
    margin-bottom: 0;
    margin-top: 5px;
}

/* 채용정보 */
.recruit ul.tabs3unit {
    overflow: hidden;
    width: 1100px;
    height: 60px;
    margin: 45px auto 0 auto;
}

.recruit ul.tabs3unit li {
    float: left;
    text-align: center;
    cursor: pointer;
    padding: 0;
    width: 366px;
    height: 60px;
    line-height: 60px;
    overflow: hidden;
    position: relative;
    border: 1px solid #ddd;
    border-right: none;
    background: #eeeeee;
}

.recruit ul.tabs3unit li a {
    display: block;
    width: 100%;
    height: 100%;
    font-size: 18px;
    color: #020A0A;
    font-weight: 100;
}

.recruit ul.tabs3unit li:last-child a {
    border-right: 1px solid #ddd;
}

.recruit ul.tabs3unit li a:hover,
.recruit ul.tabs3unit li.active a {
    border: 1px solid #00B4ED;
    background: #00B4ED;
    font-weight: 300;
    color: #fff;
}

.recruitNotice {
    position: relative;
    width: 100%;
    margin-top: 80px;
}

table.recruitTable {
    position: relative;
    width: 1100px;
    margin-top: 70px;
    border-top: 5px solid #00B4ED;
}

table.recruitTable caption {
    font-size: 18px;
    color: #020A0A;
    margin-bottom: 12px;
    text-align: left;
    font-weight: 600;
}

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

table.recruitTable caption q span {
    margin: 0 20px;
}

table.recruitTable thead,
table.recruitTable tbody {
    border-bottom: 1px solid #00B4ED;
}

table.recruitTable tbody tr:first-child td {
    padding: 29px 0 12px 0;
    height: 0;
    border: none;
}

table.recruitTable tbody tr:last-child td {
    padding: 13px 0 27px 0;
    height: 0;
    border: none;
}

table.recruitTable thead tr {
    height: 57px;
}

table.recruitTable tbody tr {
    height: 45px;
}

table.recruitTable th:first-child,
table.recruitTable td:first-child {
    text-align: center;
}

table.recruitTable th:nth-child(2),
table.recruitTable td:nth-child(2) {
    text-indent: 30px;
}

table.recruitTable th {
    font-size: 15px;
    color: #00B4ED;
    text-align: left;
    font-weight: 100;
}

table.recruitTable td {
    position: relative;
}

table.recruitTable td,
table.recruitTable td a {
    font-size: 18px;
    color: #020A0A;
    text-align: left;
}

table.recruitTable td.turm strong {
    font-weight: 600;
}

table.recruitTable td.turm strong.ddayApprch {
    font-weight: 900;
    color: #e60012;
}

table.recruitTable td.turm small {
    font-weight: 100;
    font-size: 12px;
    display: inline-block;
    position: absolute;
    right: 70px;
    margin-top: 4px;
}

table.recruitTable td.kind a {
    display: block;
    color: #00B4ED;
    font-weight: 600;
    position: absolute;
    margin-top: -7px;
    left: 0px;
    width: 100%;
    text-align: left;
}

table.recruitTable td.kind a img {
    margin-left: 10px;
}

table.recruitTable tfoot td {
    padding: 18px 0 32px 0;
}

table.recruitTable tfoot tr {
    height: 59px;
    border-bottom: none;
}

table.recruitTable tfoot td a {
    display: inline-block;
    padding: 6px 9px 5px 9px;
    font-size: 18px;
    color: #020A0A;
    margin: 0 2px;
}

table.recruitTable tfoot td a:hover,
table.recruitTable tfoot td a.currentPage {
    font-weight: 600;
    background: #00B4ED;
    color: #fff;
}

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

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

table.recruitTable th.txtCenter,
table.recruitTable td.txtCenter {
    text-align: center;
}

table.recruitTableView {
    position: relative;
    width: 1100px;
    margin-top: 70px;
    border-top: 5px solid #00B4ED;
}

table.recruitTableView caption {
    font-size: 18px;
    color: #020A0A;
    margin-bottom: 12px;
    text-align: left;
    font-weight: 600;
}

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

table.recruitTableView caption q span {
    margin: 0 20px;
}

table.recruitTableView thead,
table.recruitTableView tbody {
    border-bottom: 1px solid #00B4ED;
}

table.recruitTableView th {
    height: 90px;
    font-size: 28px;
    color: #00B4ED;
    font-weight: 600;
    text-align: left;
    padding: 0 20px;
}

table.recruitTableView td {
    padding: 0 20px;
    text-align: left;
}

table.recruitTableView tbody td img {
    width: auto;
}

table.recruitTableView tfoot td {
    padding: 18px 0 32px 0;
    text-align: center;
}

table.recruitTableView tfoot tr {
    height: 59px;
    border-bottom: none;
}

table.recruitTableView tfoot td a {
    display: inline-block;
    padding: 8px 10px;
    font-size: 15px;
    color: #020A0A;
    margin: 0 2px;
}

table.recruitTableView tfoot td a:hover {
    opacity: 0.7;
}





/* 채용가이드 */
.guide table {
    border-top: 5px solid #00B4ED;
    line-height: 24px;
    text-align: left;
    font-size: 18px;
    color: #020A0A;
    margin-top: 80px;
}

.guide table caption.title {
    width: 165px;
    margin-bottom: 12px;
    font-size: 18px;
    color: #00B4ED;
    font-weight: 600;
    text-align: left;
}

.guide table tr {
    width: 100%;
    display: inline-block;
    padding-bottom: 34px;
    margin-top: 23px;
    border-bottom: 1px solid #00B4ED;
}

.guide table tr:last-child {
    border-bottom: 0
}

.guide table tr th {
    text-align: left;
    vertical-align: top;
    width: 165px;
    color: #00B4ED;
    font-weight: 600;
}

.guide table td p {
    margin-bottom: 4px;
    margin-bottom: 15px;
}

.guide table td span {
    display: inline-block;
    margin-left: -7px;
    padding-top: 20px;
    margin-bottom: 16px;
}

.guide table td small {
    display: inline-block;
    font-size: 15px;
    color: #020A0A;
}

.guide table ul li {
    list-style-type: disc;
    margin-bottom: 4px;
    margin-left: 18px;
    text-indent: -5px;
}

.guide table.table2 {
    margin-top: 120px;
}

.guide table.table2 tr {
    padding-bottom: 8px;
    margin-top: 23px;
}

.guide .bottom_box {
    margin-top: 50px;
    width: 100%;
    height: 60px;
    background: #eee;
    display: table;
}

.guide .bottom_box p {
    color: #898989;
    text-align: center;
    font-size: 15px;
    position: relative;
    display: table-cell;
    vertical-align: middle;
}

.guide .bottom_box p span {
    display: inline-block;
    margin: 0 40px;
}



/* faq */
.faq table {
    margin-top: 80px;
    border-top: 5px solid #00B4ED;
}

.faq table caption {
    width: 100%;
    margin-bottom: 15px;
    font-size: 18px;
    color: #020A0A;
    font-weight: 600;
    text-align: left;
}

.faq table caption q {
    display: inline-block;
    float: right;
}

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

.faq table thead,
.faq table tbody {
    border-bottom: 1px solid #00B4ED;
}

.faq table thead tr {
    height: 57px;
}

.faq table th:first-child,
.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;
    font-weight: 100;
}

.faq table th:nth-child(2),
.faq table td:nth-child(2) {
    padding-left: 30px;
}

.faq table tbody tr.q {
    font-size: 18px;
    height: 45px;
}

.faq table tbody tr.q:first-child td {
    padding-top: 29px;
    padding-bottom: 12px;
}

.faq table tbody tr.q:nth-last-child(2) td {
    padding-top: 12px;
    padding-bottom: 29px;
}

.faq table tbody tr.answer {
    height: 0px;
    background: #00B4ED;
}

.faq table tbody tr.answer td:first-child {
    font-size: 65px;
    color: #6780b5;
}

.faq table tbody tr.answer td {
    color: #fff;
}

.faq table tbody tr.answer td div {
    padding: 30px 0;
    line-height: 22px;
}




/* 채용공고 합격팝업 */
#recruit_popup,
#recruit_confirm {
    width: 100%;
    min-width: 100%;
}

#recruit_popup h1 {
    position: absolute;
    top: 50px;
    width: 100%;
    padding: 0 20%;
    text-align: center;
    font-size: 26px;
    word-break: keep-all;
    line-height: 32px;
}

.haze {
    position: absolute;
    top: 0;
    left: 0;
    width: 0;
    height: 0;
    font-size: 0;
    visibility: hidden;
}

#pop01 {
    width: 100%;
    padding: 0 30px;
    background: url(../../image/sub/recruit/recruit/bg_pop_title.gif) no-repeat right top;
}

#pop01 h1 {
    padding: 14px 0 0 0;
}

#pop01 .txt {
    padding: 33px 0 18px 0;
    line-height: 20px;
}

.recruit_confirmBg {
    position: Absolute;
    top: 0;
    left: 0;
    z-index: 1;
}

.recruit_Bg {
    position: Absolute;
    top: 0;
    left: 0;
    z-index: 1;
}

.cname {
    position: absolute;
    top: 100px;
    left: 110px;
    width: 270px;
    border: none;
    font-size: 15px;
    color: #020A0A;
    z-index: 11;
}

.cmail {
    position: absolute;
    top: 160px;
    left: 110px;
    width: 270px;
    border: none;
    font-size: 15px;
    color: #020A0A;
    z-index: 11;
}

#recruit_confirm {
    width: 100%;
    padding: 30px 35px 25px 35px;
    border-top: 5px solid #114b9a;
}

#recruit_confirm h1 {
    font-size: 18px;
    margin-bottom: 0px;
    color: #00B4ED;
    width: 400px;
    word-break: keep-all;
    line-height: 32px;
}

#recruit_confirm .tableType01 {
    width: 400px;
    border-bottom: 1px solid #aaa;
    position: Absolute;
    z-index: 11;
}

#recruit_confirm .tableType01 th {
    width: 70px;
    padding: 7px 0 7px 10px;
    vertical-align: middle;
    text-align: left;
    border-top: 1px solid #aaa;
    border-bottom: 1px solid #ddd;
    border-right: 1px solid #ddd;
    background: #eee;
    font-size: 14px;
}

#recruit_confirm .tableType01 td {
    padding: 4px 0 4px 10px;
    text-align: left;
    border-top: 1px solid #aaa;
    border-bottom: 1px solid #ddd;
}

#recruit_confirm .tableType01 tr.last th,
.tableType01 tr.last td {
    border-bottom: none;
}

#recruit_confirm .tableType01 td input {
    width: 100%;
    height: 30px;
    padding: 3px;
    line-height: 14px;
    border: 1px solid #dddddd;
    text-indent: 10px;
}

#recruit_confirm .tableType01 td p {
    padding: 5px 0 4px 0;
}

#recruit_confirm .tableType01 th span {
    display: block;
    padding-left: 9px;
    background: url(../../image/sub/recruit/recruit/bu_blue.gif) no-repeat left 6px;
}

.tableType02 {
    width: 100%;
    border-bottom: 1px solid #aaa;
}

.tableType02 th {
    padding: 2px 0;
    border-top: 1px solid #aaa;
    border-right: 1px solid #ddd;
    background: #eee;
}

.tableType02 th.last {
    border-right: none;
}

.tableType02 td {
    padding: 2px 0;
    text-align: center;
    border-top: 1px solid #ddd;
    border-right: 1px solid #ddd;
}

.tableType02 td.last {
    border-right: none;
}

.txt_apply {
    line-height: 24px;
    font-size: 15px;
    color: #020A0A;
    word-break: keep-all;
    z-index: 999;
    position: Absolute;
    top: 125px;
    left: 0;
    width: 100%;
    padding: 0 20px;
    text-align: center;
}

.txt_apply span {
    color: #5c93da;
    letter-spacing: 0;
}

#recruit_confirm .btns {
    padding-top: 15px;
    text-align: center;
}

#recruit_confirm .btn_confirm {
    width: 60px;
    height: 26px;
    cursor: pointer;
    border: none;
    background: url(../../image/sub/recruit/recruit/btn_confirm.gif) no-repeat left top;
}

.btn_confirm02 {
    width: 86px;
    height: 24px;
    cursor: pointer;
    border: none;
    background: url(../../image/sub/recruit/recruit/btn_confirm02.gif) no-repeat left top;
}

#recruit_confirm .btn_cancel {
    width: 60px;
    height: 26px;
    cursor: pointer;
    border: none;
    background: url(../../image/sub/recruit/recruit/btn_cancel.gif) no-repeat left top;
}

.listType01 {
    padding: 10px 0 30px 0;
}

.listType01 li {
    line-height: 24px;
}

.listType01 li span {
    display: inline-block;
    padding-left: 10px;
    margin-right: 5px;
    color: #020A0A;
    letter-spacing: 0;
    font-weight: bold;
    background: url(../../image/sub/recruit/recruit/bu_blue.gif) no-repeat left 11px;
}

.recruit_confirmBg_m {
    position: Absolute;
    top: 0;
    left: 0;
    z-index: 1;
    width: 100%;
}

.recruit_Bg_m {
    position: Absolute;
    top: 0;
    left: 0;
    z-index: 1;
}

.cname_m {
    position: absolute;
    top: 32.786%;
    left: 18.965%;
    width: 46.551%;
    border: ;
    font-size: 15px;
    color: #020A0A;
    z-index: 11;
}

.cmail_m {
    position: absolute;
    top: 52.459%;
    left: 18.965%;
    width: 46.551%;
    border: ;
    font-size: 15px;
    color: #020A0A;
    z-index: 11;
}

#recruit_confirm_m {
    width: 100%;
    padding: 30px 35px 25px 35px;
    border-top: 5px solid #114b9a;
}

#recruit_confirm_m h1 {
    font-size: 18px;
    margin-bottom: 0px;
    color: #00B4ED;
    width: 400px;
    word-break: keep-all;
    line-height: 32px;
}

#recruit_confirm_m .btns {
    padding-top: 15px;
    text-align: center;
}

#recruit_confirm_m .btn_confirm {
    width: 60px;
    height: 26px;
    cursor: pointer;
    border: none;
    background: url(../../image/sub/recruit/recruit/btn_confirm.gif) no-repeat left top;
}

.btn_confirm02_m {
    width: 86px;
    height: 24px;
    cursor: pointer;
    border: none;
    background: url(../../image/sub/recruit/recruit/btn_confirm02.gif) no-repeat left top;
}

#recruit_confirm_m .btn_cancel {
    width: 60px;
    height: 26px;
    cursor: pointer;
    border: none;
    background: url(../../image/sub/recruit/recruit/btn_cancel.gif) no-repeat left top;
}


/*220314 용승호추가*/
.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: #020A0A;
    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: 1100px;
    margin: 95px auto 0 auto;
    overflow: auto;
}

.continuance.esg table {
    width: 1100px;
    margin: 75px auto 166px;
    border-top: 5px solid #00B4ED;
    border-bottom: 1px solid #00B4ED;
}

.continuance.esg table thead th {
    width: 20%;
}

.continuance.esg table tr td {
    text-align: center;
}

.continuance.esg table tr {
    height: 100px;
    border-top: 1px solid #bfbfbf;
}

.continuance.esg table caption {
    margin-bottom: 12px;
    font-size: 18px;
    color: #00B4ED;
    font-weight: 600;
    text-align: left;
}

.continuance.esg table caption span {
    font-size: 14px;
    color: #020A0A;
}

.continuance.esg table caption strong {
    font-size: 34px;
    margin-bottom: 10px;
    display: block;
}

.continuance.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;
}

.container .result {
    position: relative;
    width: 100%;
    margin-top: 80px;
}

.container .result .upsideCont table {
    position: relative;
    width: 540px;
    border-top: 5px solid #00B4ED;
    float: left;
    margin-right: 20px;
}

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

.container .result .upsideCont table caption {
    width: 540px;
    margin-bottom: 15px;
    font-size: 18px;
    color: #00B4ED;
    font-weight: 600;
    text-align: left;
}

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

.container .result .upsideCont table#table1 thead th {
    position: relative;
    width: 60px;
    height: 57px;
    font-size: 15px;
    color: #00B4ED;
}

.container .result .upsideCont table#table2 thead th {
    position: relative;
    width: 60px;
    height: 75px;
    font-size: 15px;
    color: #00B4ED;
}

.container .result .upsideCont table#table2 thead tr:first-child th {
    height: 57px;
}

.container .result .upsideCont table thead th p {
    position: absolute;
    bottom: -9px;
    right: 15px;
}

.container .result .upsideCont table thead td {
    width: 480px;
    border-bottom: 1px solid #BFBFBF;
}

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

.container .result .upsideCont table#table1 tbody {
    position: absolute;
    bottom: 60px;
    left: 0;
    height: 230px;
}

.container .result .upsideCont table#table2 tbody {
    position: absolute;
    bottom: 60px;
    left: 0;
    height: 300px;
}

.container .result .upsideCont table tbody th {
    width: 60px;
    font-size: 0;
    text-indent: -99999px;
}

.container .result .upsideCont table#table1 tbody td {
    position: relative;
    width: 160px;
    height: 230px;
    text-align: center;
    vertical-align: bottom;
}

.container .result .upsideCont table#table2 tbody td {
    position: relative;
    width: 160px;
    height: 300px;
    text-align: center;
    vertical-align: bottom;
}

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

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

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

.container .result .upsideCont table#table2 tbody td p {
    position: relative;
    margin: 0 auto;
    bottom: -50px;
    width: 70px;
    background: #BFBFBF;
}

.container .result .upsideCont table#table2 tbody td.recentYear p {
    position: relative;
    margin: 0 auto;
    bottom: -65px;
    width: 70px;
    background: #BFBFBF;
}

.container .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;
}

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

.container .result .upsideCont table tfoot td {
    text-align: center;
    font-size: 18px;
    color: #020A0A;
}

.container .result .upsideCont table tfoot td small {
    font-size: 15px;
}

.container .result .downsideCont table {
    position: relative;
    width: 540px;
    border-top: 5px solid #00B4ED;
    float: left;
    margin-right: 20px;
    margin-top: 120px;
    margin-bottom: 100px;
}

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

.container .result .downsideCont table caption {
    width: 540px;
    margin-bottom: 15px;
    font-size: 18px;
    color: #00B4ED;
    font-weight: 600;
    text-align: left;
}

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

.container .result .downsideCont table#table3 thead th {
    position: relative;
    width: 60px;
    height: 75px;
    font-size: 15px;
    color: #00B4ED;
}

.container .result .downsideCont table#table4 thead th {
    position: relative;
    width: 60px;
    height: 75px;
    font-size: 15px;
    color: #00B4ED;
}

.container .result .downsideCont table#table4 thead tr:first-child th {
    height: 75px;
}

.container .result .downsideCont table thead th p {
    position: absolute;
    bottom: -9px;
    right: 15px;
}

.container .result .downsideCont table thead td {
    width: 480px;
    border-bottom: 1px solid #BFBFBF;
}

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

.container .result .downsideCont table#table3 tbody {
    position: absolute;
    bottom: 60px;
    left: 0;
    height: 300px;
}

.container .result .downsideCont table#table4 tbody {
    position: absolute;
    bottom: 60px;
    left: 0;
    height: 225px;
}

.container .result .downsideCont table tbody th {
    width: 60px;
    font-size: 0;
    text-indent: -99999px;
}

.container .result .downsideCont table#table3 tbody td {
    position: relative;
    width: 160px;
    height: 300px;
    text-align: center;
    vertical-align: bottom;
}


.container .result .downsideCont table#table4 tbody td {
    position: relative;
    width: 160px;
    height: 225px;
    text-align: center;
    vertical-align: bottom;
}

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

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

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

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

.container .result .downsideCont table tfoot td {
    text-align: center;
    font-size: 18px;
    color: #020A0A;
}

.container .result .downsideCont table tfoot td small {
    font-size: 15px;
}

.activities.environment_right {
    position: absolute;
    top: -13%;
    right: 0;
    width: 600px !important;
    overflow: hidden !important;
}

.activities.environment_right ul {
    width: 100% !important;
}

/*20220728 용승호*/


.sns_logo {
    position: absolute;
    right: 9%;
    bottom: 50px;
}

.sns_logo a:nth-child(1) {
    height: 40px;
    color: #fff;
    margin-right: 10px;
}

.sns_logo a:nth-child(1) img {
    margin-right: 5px;
}

.sns_logo a:nth-child(1) span {
    line-height: 40px;
    font-size: 14px;
}

.sns_logo a:nth-child(2) {
    height: 40px;
    color: #fff;
}

.sns_logo a:nth-child(2) img {
    margin-right: 8px;
}

.sns_logo a:nth-child(2) span {
    line-height: 40px;
    font-size: 14px;
}

@media screen and (max-width:1840px) {
    .sns_logo {
        position: absolute;
        right: 6%;
    }
}

@media screen and (max-width:1720px) {
    .sns_logo {
        position: absolute;
        right: 3%;
    }
}

@media screen and (max-width:1600px) {
    .sns_logo {
        position: absolute;
        right: 5%;
        bottom: 20px;
    }

    .sns_logo a:nth-child(2) {
        display: block;
    }
}

@media screen and (max-width:1460px) {
    .sns_logo {
        position: absolute;
        right: 1%;
        bottom: 20px;
    }
}

@media screen and (max-width:1340px) {
    .sns_logo {
        display: none;
    }
}



/*[홍보센터] - 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: 1100px;
    margin: 0 auto;
}

.ces_h1 {
    margin-bottom: 42px !important;
}

.ces_list {
    display: flex;
    gap: 25px;
}

.ces_list li {
    flex: 1;
    height: 560px;
}

.ces_list li a {
    position: relative;
    display: block;
    height: 100%;
}

.ces_list li a:before {
    content: '';
    position: absolute;
    width: 75px;
    z-index: 1;
    height: 104px;
    right: 16px;
    top: 16px;
    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 .bg:before {
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    background: rgba(27, 27, 27, 0.60);
    opacity: 0;
    visibility: hidden;
    transition: all 0.3s;
    z-index: 2;
}

.ces_list li a img {
    width: 100%;
    height: 100%;
    transition: all 0.6s;
    object-fit: cover;
}

.ces_list li .text_wrap {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    position: relative;
    z-index: 3;
    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: absolute;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100px;
    height: 100px;
    background: rgba(255, 255, 255, 0.10);
    backdrop-filter: blur(5px);
    border-radius: 50%;
    opacity: 0;
    transform: translateY(50px);
    transition: all 0.5s;
}

.ces_list li .plus_box i {
    display: block;
    width: 21px;
    height: 21px;
    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_list li a:hover h2 {
    transform: translateY(-60px);
    font-size: 42px;
}

.ces_list li a:hover .bg:before {
    opacity: 1;
    visibility: visible;
}

.ces_list li a:hover .plus_box {
    opacity: 1;
    transform: translateY(40px);
}

/*[홍보센터] - ces - AI HOUSE */
/*[홍보센터] - ces - AI HOOD */
/*[홍보센터] - ces - Divotfix */

.ces.house .content_wrap {
    background: url(../image/sub/publicity/ces/house_bg.png) center center/cover no-repeat;
}

.ces.hood .content_wrap {
    background: url(../image/sub/publicity/ces/hood_bg.png) center center/cover no-repeat;
}

.ces.divotfix .content_wrap {
    background: url(../image/sub/publicity/ces/divotfix_bg.png) center center/cover no-repeat;
}

.ces.divotfix .content_description p {
    color: #fff;
}

.ces .content_wrap {
    max-width: 1160px;
    margin: 0 auto;
    padding: 48px 60px 132px;
}

.ces .content_header {
    padding-bottom: 50px;
}

.ces .content_header .ces_logo {
    margin: 0 auto 26px;
    display: block;
}

.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: 22px;
    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: 16px;
    border-radius: 25px;
}

.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: 72px;
    height: 72px;
    border-radius: 72px;
    background: rgba(255, 255, 255, 0.30);
    transition: 0.8s;
    cursor: pointer;
}

.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;
    padding: 0 60px 40px;
    min-height: 120px;
}

.ces .galleryThumbSwiper .swiper-wrapper {
    align-items: flex-start;
}

.ces .galleryThumbSwiper .swiper-slide {
    height: 116px;
    display: flex;
    align-items: center;
    cursor: pointer;
}

.ces .galleryThumbSwiper .thumb_box {
    height: 90px;
    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: 116px;
}

.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 60px 70px;
    color: #1B1B1B;
    text-align: justify;
    font-family: NanumSquare;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 180%;
    letter-spacing: -0.45px;
}

.ces .content_description strong {
    font-weight: 800;
}

/* 비디오 CSS ::: 있을 경우 삭제 */

.content_video {
    position: relative;
    padding: 0 60px;
}

.video-wrap {
    position: relative;
    text-align: center;
    aspect-ratio: 920 / 600;
    overflow: hidden;
    border-radius: 25px;
}

.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: 120px;
    height: 120px;
    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:hover {
    background: rgba(255, 255, 255, 0.40);
    /* transform: translate(-50%, -50%) scale(1.1) ; */
}

.video-play:before {
    content: '';
    display: block;
    width: 21px;
    height: 25px;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='21' height='25' 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/21px 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: 0;
    top: 0;
    width: 80px;
    height: 80px;
    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: 70px auto 0;
}

.ces.hood .galleryThumbSwiper .swiper-wrapper {
    justify-content: space-between;
}

.ces.hood .galleryThumbSwiper .swiper-slide:last-child {
    margin-right: 0 !important;
}

.ces img {
    max-width: 100%;
}

.ces.hood .mark {
    opacity: 0;
}

/* 20260211 개인정보처리방침 리뉴얼 */
.label_area {
    margin-top: 50px;
    border-top: 1px solid #E6E6E6;
    padding-top: 50px;
    padding-bottom: 24px;
    text-align: center;
}

.label_area h2 {
    color: #020A0A;
    text-align: center;
    font-family: NanumSquare;
    font-size: 22px;
    font-style: normal;
    font-weight: 700;
    line-height: 140%;
    padding-bottom: 13px;
    margin-bottom: 0;
}

.label_area h2~p {
    color: #020A0A;
    text-align: center;
    font-family: NanumSquare;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

.label_list {
    display: flex;
    width: 100%;
    flex-wrap: wrap;
    gap: 20px;
    padding-bottom: 20px;
}

.label_list li {
    position: relative;
    width: calc((100% / 3) - 14px);
}

.label_list li .label_img {
    width: 80px;
}

.label_list li .label_img img {
    width: 100%;
}

.label_list li .label_link {
    border-radius: 10px;
    border: 1px solid #D5DEF0;
    transition: all 0.4s;
    display: flex;
    height: 100%;
    align-items: center;
    padding: 32px 30px;
    gap: 20px;
}

.label_list li .label_link .label_tit {
    color: #111;
    font-family: NanumSquare;
    font-size: 22px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    padding-bottom: 15px;
}

.label_list li .label_link .label_more {
    display: flex;
    align-items: center;
    gap: 5px;
    color: #111;
    font-family: NanumSquare;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

.label_list li .label_link .label_more i {
    display: block;
    width: 10px;
    height: 10px;
    transition: transform 0.4s;
    background: url(../image/sub/etc/privacy/ico_arrow.svg) no-repeat center center / 10px auto;
}

.label_list li .label_link:hover {
    border: 1px solid #04C;
}

.label_list li .label_link:hover .label_more i {
    transform: rotate(180deg);
}

.label_list .label_popup {
    width: 226px;
    box-sizing: border-box;
    background: #204CA3;
    border: 2px solid #204CA3;
    box-shadow: 8px 8px 16px rgba(121, 160, 193, .17);
    border-radius: 12px;
    position: absolute;
    z-index: 1;
    display: none;
    overflow: hidden;
    top: calc(100% - 40px);
    right: 0;
}

.label_list .label_popup h3 {
    color: #204CA3;
    text-align: center;
    font-family: NanumSquare;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #FFF;
    margin-bottom: 0;
}

.label_list .label_popup p {
    padding: 15px 15px 26px;
    color: #FFF;
    font-family: NanumSquare;
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    word-break: keep-all;
    line-height: 140%;
}

.label_list li:hover .label_popup {
    display: block;
}


.personal_info .caution_txt {
    color: #666;
    font-family: NanumSquare;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 140%;
    padding-bottom: 50px;
}

.info_area {
    border-radius: 10px;
    background: #F6F9FF;
    padding: 40px 30px;
}

.info_area p.info_txt span {
    color: #000;
    font-family: NanumSquare;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    display: block;
    padding-bottom: 20px;
}

.info_area .new_info_list {
    margin-top: 0;
    background: unset;
    height: auto;
    padding-left: 0;
    gap: 20px;
    display: flex;
    justify-content: space-between;
}

.info_area .new_info_list ul {
    display: flex;
    float: unset;
    flex-direction: column;
    gap: 5px;
    margin-top: 0;
}

.info_area .new_info_list ul li {
    margin-bottom: 0;
}

.info_area .new_info_list ul li a {
    display: flex;
    gap: 15px;
    align-items: center;
    padding: 12px 20px;
    border-radius: 10px;
    border: 1px solid #D5DEF0;
    background: #FFF;
    overflow: hidden;
    color: #111;
    font-family: NanumSquare;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    transition: all 0.4s;
}

.info_area .new_info_list ul li a:hover {
    border: 1px solid #0044cc;
}

.info_area .new_info_list ul li a img {
    margin-left: 0;
    max-width: 25px;
}

.new_list_content .ol1>li {
    padding-top: 50px;
    padding-bottom: 50px;
}

.new_list_content .ol2 {
    margin-top: 20px;
}

.new_list_content .ol1 li a {
    display: flex;
    align-items: center;
    gap: 10px;
    color: #111;
    font-family: NanumSquare;
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}