@charset "utf-8";
/*==================== sub01 인사말 ====================*/
section.introduce dl {width:100%;margin-bottom:40px;}
section.introduce dl dt, section.introduce dl dd {float:left;}
section.introduce dl dt {width:540px;}
section.introduce dl dt img {
    opacity:0;
    animation: fadeIn ease 3s; 
    animation-iteration-count: 1; 
    animation-fill-mode: forwards; 
}
section.introduce dl dd {width:calc(100% - 540px);padding-left:95px;padding-top:90px;}
section.introduce dl dd h1 {font-size:36px;font-weight:500;color:#363636;}
section.introduce dl dd span.sub-txt {font-size:19px;font-weight:400;color:#2ea7df;letter-spacing:10px;display:inline-block;margin:40px 0 30px}
section.introduce dl dd span.sub-txt span {margin-right:3px;}
section.introduce dl dd p {font-size:17px;font-weight:200;color:#8f8e8e;line-height:1.6;word-break:keep-all;}

section.introduce .intro-box {
    clear:both;
    background:#f7f7f7;
    padding:30px 50px;
    font-weight:300;
    border-radius:10px;
    color:#303030;
    font-size:16px;
    line-height:1.8;
    letter-spacing: -1px;
    word-break:keep-all;
}
section.introduce .intro-box b {font-weight:500;}
section.introduce .intro-box p {margin: 22px 0;word-break: keep-all;}
section.introduce .sign {text-align: right;font-weight: 500;font-size: 16px;color: #333;border-top: 1px solid #ddd;padding-top: 20px;}

/*==================== sub02 연혁 ====================*/
/* *** 회사소개 - 주요연혁 *** */
#history-sec01{
	max-width:1140px;
	margin:0 auto;
	padding:90px 30px;
}
.history-wrap > img {max-width:100%;}
.history-wrap ul{
	margin:0;
}
.history-wrap ul {margin-top:20px;}
.history-wrap li{
	margin:0; padding:0;
	background:#f3f3f3;
	list-style:none;
    margin:15px 0;
}
.history-txt{
	display:table;
	width:100%;
    padding:25px 35px;
}
.history-txt strong{
	font-size:26px;
	color:#0d8fe4;
	display:table-cell;
	vertical-align:middle;
	width: 150px;
}
.history-txt span{
	display:table-cell;
	vertical-align:middle;
	font-size:17px;
    color:#000;
    margin:12px 0;
}
/*==================== sub03 조직도 ====================*/
.organization-wrap {display:flex;flex-direction:column;align-items: center;}
.organization-wrap > img {max-width:100%;}
.ceo {position:relative;margin-top: -55px;width:110px;height:110px;border-radius:100%;background:#02b8d7;color:#fff;letter-spacing:2px;line-height:110px;text-align:center;font-size:24px;font-weight:500;}
.ceo:after {position:absolute;left:50%;content:'';display:block;width:1px;height:80px;background:#dadada}
.part-wrap {margin-top:79px;width:100%}
.part-wrap ul {display:flex;width:1020px;margin: 0 auto;}
.part-wrap ul li {align-items: center;text-align:center;background:#fcfcfc;margin-left:-1px;border:1px solid #efefef;padding:0 20px 30px 20px; width:25%;display:flex;flex-direction:column}
.part-wrap ul li > div:first-child {width:60px;height:60px;border-radius:100%;background:#364759;display:flex;align-items:center;justify-content:center;margin-top: -30px;}
.part-wrap ul li .line {width:24px;height:2px;background:#a1b0b3;margin:28px 0;}
.part-wrap ul li h2 {font-size:17px;font-weight:500;color:#0a2133;margin-bottom:8px;}
.part-wrap ul li div span {display:block;font-size:15px;line-height:1.4;color:#484848;word-break:keep-all;}

/*==================== sub04 CI ====================*/
#ciContent .small-tit{margin-bottom:60px}
.ci-logo-detail-wrapper{margin-bottom:50px; padding-bottom:50px; border-bottom:1px solid #eee;}
.ci-logo-detail-box{margin-top:95px}
.ci-logo-detail-box:first-child{margin-top:0}
.ci-logo-detail-box .ci-logo-box{padding:70px 0;margin-bottom:15px;border:1px solid #ddd;border-top:1px solid #222;text-align:center;background:#fff url(/002/img/ci_bg.jpg) repeat;}
.ci-detail-tit{font-size:20px; color:#222; font-weight:400;width:100%;text-align:center;display:inline-block;}
.ci-detail-tit .icon{position:relative; top:2px;}
.ci-detail-txt{font-size:16px; color:#444; line-height:1.6;text-align:center;word-break:keep-all;}
.ci-detail-txt b{color:#2673dd; font-weight:400;}
.ci-detail-txt a {margin-top:25px;}
/* 로고 :: 설명 */
.ci-logo-detail-box .ci-detail-txt-info{overflow:hidden; line-height:2; letter-spacing:-0.3px;}
.ci-logo-detail-box .ci-detail-txt-info dt{float:left; width:240px; line-height:1.3;}
.ci-logo-detail-box .ci-detail-txt-info dd{float:left; width:calc(100% - 240px)}
.ci-logo-detail-box .ci-2row-detail-list{margin:0 -1% 18px;}
.ci-logo-detail-box .ci-2row-detail-list li{float:left; width:100%; margin:0 1%;}
.ci-logo-detail-box .ci-2row-detail-list .ci-logo-box{padding:40px 0;margin-bottom:30px;}
.ci-logo-detail-wrapper a {
	display: inline-block;
    width: 150px;
    height: 40px;
    line-height: 40px;
    color: #565656;
    background: #e9e9e9;
    font-size: 15px;
    font-weight: 500;
    text-align: center;
}
.ci-logo-detail-wrapper .logo-down-btn {
	display: inline-block;
    /* width: 130px; */
    height: 35px;
    line-height: 35px;
    color: #fff;
    background: #fff;
    font-size: 15px;
    font-weight: 500;
    text-align: center;
    padding: 0 12px;
    border-radius: 5px;
    /* vertical-align: middle; */
    /* margin-top: 3px; */
    margin-left: 10px;
    color: #2673dd;
    border: 1px solid #2673dd;
}
.ci-detail-txt a {margin-top: 20px;}
/* 로고 :: 색상 */
.ci-color-detail-container{margin:0 -3%}
.ci-color-detail-container .ci-color-box{margin:0 auto;}
.ci-color-detail-container .sub-color-box{float:right; width:52%}
.ci-color-detail-container .ci-color-box .ci-detail-tit{text-align:center}
.ci-color-detail-list{margin:30px 0;display:flex;justify-content:center;}
.ci-color-detail-list li{margin:0 30px;}
.ci-color-detail-list.color3 li{width:31.33%}
.ci-color-detail-list li .ci-color-bg{width: 100px;height: 100px;margin: 0 auto;border-radius: 10px;}
.ci-color-detail-list li .ci-color-name{position:relative; margin-top:11px}
.ci-color-detail-list li .ci-color-code{display:block; font-weight:700; text-align:center;font-size:16px; color:#231f20; text-transform:uppercase; padding-bottom:10px}
.ci-color-detail-list li .ci-color-code-detail span{display:inline-block; font-weight:300; font-size:16px; color:#666; line-height:1.375em; padding-right:11px}
.ci-color-detail-list li .ci-color-code-detail span b{font-weight:500}
.ci-color-code-detail p {text-align:center;}
/* 로고 :: 슬로건 */
.ci-logo-detail-box .slogan-txt-box{margin-top:22px}
.ci-logo-detail-box .slogn-detail-txt-info dl{overflow:hidden;; letter-spacing:-0.3px; margin-top:18px}
.ci-logo-detail-box .slogn-detail-txt-info dt{float:left; width:280px; color:#222; font-size:24px; font-weight:700;}
.ci-logo-detail-box .slogn-detail-txt-info dd{float:left; width:calc(100% - 280px);}


/*==================== sub06 오시는 길 ====================*/
.location .infoRow{display: table; table-layout: fixed; width:100%; border:1px solid #dfdfdf; border-top:none;background-color:#f8f8f8; min-height: 100px}
.location .infoRow .infoCell{display: table-cell; vertical-align:middle; font-size:17px; color:#252525; text-align: left; padding:20px 20px 20px 110px; letter-spacing:-1px;}
.location .infoRow .infoCell .cellInner{position:relative; padding-left:50px;word-break:keep-all;line-height:1.4}
.location .infoRow .infoCell strong{font-size:20px; color:#101010; position:absolute; left:0; top:50%;  -ms-transform: translate(0,-50%);-webkit-transform: translate(0,-50%);transform: translate(0,-50%);}
.location .infoRow .infoCell:first-child{border-right:1px solid #dfdfdf;}
.location .infoRow .infoCell.add {background: url(/img/location_ico1.png) no-repeat 30px 50%;background-size:50px;}
.location .infoRow .infoCell.phone {background: url(/img/location_ico2.png) no-repeat 30px 50%;background-size:50px;}
.location .infoRow .infoCell.phone br {display:none;}
.location .infoRow .infoCell.phone .cellInner {padding-left:85px;}
.location .localTbArea .localTbRow{display: table; table-layout: fixed; width:100%; margin-top:30px; min-height: 100px}
.location .localTbArea .localTbRow .locaCell{display: table-cell; vertical-align:middle; font-size:1.6rem; color:#252525; text-align: left; padding:20px 20px 20px 120px; }
.location .localTbArea .localTbRow .locaCell dt{font-size:2.0rem; color:#17469d; font-weight:600;}
.location .localTbArea .localTbRow .locaCell dd{font-size:1.6rem; color:#252525; font-weight:400;}
.location .localTbArea .localTbRow .locaCell.cell01 {background: url(/img/icn_loca01.png) no-repeat 0 50%;}
.location .localTbArea .localTbRow .locaCell.cell02 {background: url(/img/icn_loca02.png) no-repeat 0 50%;}
.location .localTbArea .localTbRow .locaCell.cell03 {background: url(/img/icn_loca03.png) no-repeat 0 50%;}
.location .locaAtc.bg .infoRow{background-color:#fff;}
.root_daum_roughmap {width:100% !important}

/*==================== 애니메이션 ====================*/
@keyframes slidedown-s1 { 
    0% { 
    opacity: 0; 
    margin-top:-50px;
    } 
    100% { 
    opacity: 1; 
    margin-top:0;
    } 
  } 
  @keyframes slidedown-s2 { 
    15% { 
    opacity: 0; 
    margin-top:-50px;
    } 
    100% { 
    opacity: 1; 
    margin-top:0;
    } 
  } 
  @keyframes slidedown-s3 { 
    30% { 
    opacity: 0; 
    margin-top:-50px;
    } 
    100% { 
    opacity: 1; 
    margin-top:0;
    } 
  } 
/*==================== sub06 기업개요 ====================*/
.center-introduce {display:flex;align-items: center;}
.center-introduce > img:nth-child(1) {
    opacity: 0;
    animation: fadeIn ease 3s;
    animation-iteration-count: 1;
    animation-fill-mode: forwards;}
.center-introduce > img:nth-child(2) {margin:55px 0;max-width:100%;}
.center-introduce .center-info {}

.center-introduce .center-info ul {padding-top:12px;font-size:16px;display:inline-block;width:calc(100% - 410px);color:#666;}
.center-introduce .center-info ul li b {vertical-align:top;font-weight:500;color:#333;width:80px;display:inline-block;}
.center-introduce .center-info ul li {margin-bottom:10px;line-height:1.4;}
.center-introduce .center-info ul li ul {width:calc(100% - 85px);padding-top:0}
.center-introduce .center-info ul li ul li {margin-bottom:6px;}
.center-introduce .office-img {display:block;margin-top:40px;text-align:center;}
.center-introduce .office-img li {margin-right:70px;display:inline-block;}
.center-introduce .office-img li:last-child {margin-right:0;}
/*table style*/
.table-scroll {width:100%;overflow-x:hidden;padding-right:100px;}
.tbl-style1 {border-top:2px solid #1a5bb1;width:100%;min-width:370px;}
.tbl-style1 td,.tbl-style1 th {padding:16px;}
.tbl-style1 th {background:#f0f3f8;font-size:15px;color:#444;border-bottom:1px solid #c6c6c6;border-right:1px solid #c6c6c6;border-bottom:1px solid #c6c6c6;word-break:keep-all}
.tbl-style1 td {font-size:15px;color:#555;border-right:1px solid #c6c6c6;border-bottom:1px solid #c6c6c6;padding-left:30px;word-break:keep-all}
.tbl-style1 tr th:last-child,.tbl-style1 tr td:last-child {border-right:none;}
.tbl-style1 th {vertical-align: middle;background:#f0f3f8;color:#124d9a;border-bottom:1px solid #c6c6c6;}

.tbl-style1.tbl1-small td,.tbl-style1.tbl1-small th {padding:8px 12px;font-size:14px}
.tbl-style1 td ul li {position:relative;padding-left:12px;margin-bottom:12px;}
.tbl-style1 td ul li:last-child {margin-bottom:0;}
.tbl-style1 td ul li:before {position:absolute;content:'';width:4px;height:4px;border-radius:100%;background:#555;top:4px;left:0;}

/*==================== 미디어쿼리 ====================*/
@media all and (max-width:1240px) {
    /*인사말*/
    section.center-introduce > img:nth-child(1) {max-width:100%;}
    .center-introduce .office-img li {margin-bottom:8px;}
    .vision-wrap{background: #f8f8f8;padding: 90px 0;margin-left: -20px;width: calc(100% + 40px);padding: 90px 20px;}
    .vision-img img {max-width:100%;}
    .table-scroll {padding-right:40px;}
    .center-info-img img {width:320px;}
  
} 
@media all and (max-width:1200px) {
    /*인사말*/
    section.introduce dl dt, section.introduce dl dd {float:none;}
    section.introduce dl dd {
        width: 100%;
        padding-left: 0;
        padding-top: 15px;
    }
    section.introduce dl dd h1 {font-size:22px;}
    section.introduce dl dd span.sub-txt {margin:10px 0;font-size:17px}
    section.introduce dl dd p {font-size:16px;}
    section.introduce dl {margin-bottom:20px;}
    section.introduce .intro-box p:first-child {margin-top:0;}
    section.introduce .intro-box p:last-child {margin-bottom:0;} 
    section.introduce .intro-box {
        padding: 20px;
        font-size: 16px;
        line-height: 1.5;
    }
    section.introduce dl dt img {max-width:100%;}
    section.introduce dl dt {width:100%}
}
@media screen and (max-width: 1100px) {
   /*조직도*/
   .part-wrap ul {width:100%;}
}

@media screen and (max-width: 1024px) {
    /*회사소개*/
  .tbl-style1 td {padding:16px 12px;}
  .table-scroll {padding-right:20px;}
  .center-info-img img {width:290px;}
   /*CI*/
   .ci-logo-detail-box .ci-logo-box img{max-width:100%}
	.ci-logo-detail-box .ci-detail-txt-info dt,
	.ci-logo-detail-box .ci-detail-txt-info dd{float:none; width:auto}
	.ci-logo-detail-box .ci-detail-txt-info dt{margin-bottom:10px}
	.ci-logo-detail-box .slogn-detail-txt-info dt,
	.ci-logo-detail-box .slogn-detail-txt-info dd{float:none; width:auto}
    .ci-logo-detail-box .slogn-detail-txt-info dt{margin-bottom:10px}
 
}

@media screen and (max-width: 1023px) {
    /*인사말*/
    .center-introduce .center-info .center-info-img {float:none;text-align:center;}
    .center-introduce .center-info ul li ul {width:auto;margin-top:0;}
    .center-introduce > img:nth-child(2) {margin:30px 0;}
}
@media all and ( max-width:800px ){
    /*회사소개*/
    .center-introduce {display:block;}
    .center-info-img img {width:auto;margin-top:30px;}
    .table-scroll {padding-right:0;}
    
    /*CI*/
	.ci-logo-detail-wrapper{margin-bottom:35px; padding-bottom:40px;}
	.ci-logo-detail-box{margin-top:45px}
	.ci-logo-detail-box .ci-logo-box{padding:40px 20px;}
	.ci-detail-tit{font-size:15px}
	.ci-detail-txt{font-size:13px}
	.ci-logo-detail-box .ci-2row-detail-list{margin:0px;}
	.ci-logo-detail-box .ci-2row-detail-list li{float:none; width:auto; margin:0  0 1% 0;}
	.ci-color-detail-container{margin:0}
	.ci-color-detail-container .ci-color-box,
	.ci-color-detail-container .sub-color-box{float:none; width:auto; margin:0 0 3% 0;}
	.ci-color-detail-list li{width:31.33%}
	.ci-color-detail-list li .ci-color-bg{height:25px}
	.ci-color-detail-list li .ci-color-code,
	.ci-color-detail-list li .ci-color-code-detail span{font-size:13px}
	.ci-logo-detail-box .slogn-detail-txt-info dt{font-size:17px}
}
@media screen and (max-width: 768px) {
    /*인사말*/
    .center-introduce .office-img li {margin-right:0;width:28%;margin:0 1%;}
    .center-introduce .office-img li img {max-width:100%;}
    .goal {height:95px;}
    .goal-num {width:50px;line-height:95px;font-size:19px;}
    .goal ul {width:calc(100% - 50px);padding:25px 23px;}
    .vision-tit {margin-bottom:0;}
    .vision-tit h1 {font-size:23px;}
    .vision-wrap h3 {font-size:19px;margin-top:50px;}
    .goal ul li {word-break:keep-all;font-size:15px;}

    /*history*/
     .history-txt strong {font-size:18px;width:108px;}

    

}
@media screen and (max-width: 760px) {
    /*오시는 길*/
    .location .infoRow .infoCell {display:inline-block;width:100%;padding-left:70px;}
    .location .infoRow .infoCell.add,.location .infoRow .infoCell.phone {background-size:36px;background-position: 20px 50%;} 

    /*조직도*/
    .ceo {margin-top:10px;width:90px;height:90px;line-height:90px;font-size:20px;}
}
@media screen and (max-width: 660px) {
    /*조직도*/
    .part-wrap ul {display:block;}
    .part-wrap ul li {width:100%;padding:0 20px 40px 20px;}
    .part-wrap ul li .line {margin:12px 0;}
    .ceo:after {height:50px;}
}
@media screen and (max-width: 480px) {
    /*인사말*/
    .center-introduce .center-info {margin-top:20px;}
    .center-introduce .center-info ul li b {display:block;}
    .center-introduce .center-info ul li span {padding-left:5px;}
    .center-introduce .tbl-style1 td, .tbl-style1 th {padding:15px 8px;;}
    .center-info-img {width:100%}
    .center-info-img img {width:100%;}
    .vision-tit h1 {font-size:20px;line-height:1.4}
    .vision-tit h2 {font-size:13px;}
    .vision-tit h1 br {display:block;}
    .goal {height:auto;}
    .goal .goal-num {height: 30px;width: 30px;line-height: 1.5;position: absolute;border-radius: 0;}
    .goal ul {width: 100%;padding: 40px 20px 15px;border-radius: 10px;}
    .vision-wrap {padding:50px 20px;}

    /*오시는 길*/
    .location .infoRow .infoCell.add,.location .infoRow .infoCell.phone {background-size:24px;background-position: 15px 50%;padding-left:50px;}
    .wrap_map {height:200px !important;}

      /*history*/
      .history-txt {padding:20px;}
      .history-txt strong {font-size:16px;width:82px;}
      .history-txt span {font-size:15px;line-height:1.4}

}
@media all and (max-width:430px) {
    .table-scroll {overflow-x:scroll}
}