@charset "utf-8";
@import url("common.css");



/*IE에서 attachment:fixed flicker 현상 fix*/
@supports (-ms-ime-align:auto)
{
    html{
        overflow: hidden;
        height: 100%;      
    }
    body{
        overflow: auto;
        height: 100%;
        position: relative;
    }
}

/*Ie 10/11*/
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none)
{
    html{
        overflow: hidden;
        height: 100%;   
    }
    body{
        overflow: auto;
        height: 100%;
    }
}

body.main {display: none;}
body.main.on {display: block;}
/* layout */

#wrap {position: relative; width:100%; min-width:1300px; margin:0 auto; overflow: hidden;}

/*
  Header 
*/
header {
    z-index: 300;
    width: 97%;
    min-width:1200px;
    text-align: center;   
    position: absolute;
    left: 50%;
    top: 35px;
    transform: translateX(-50%);
    background: #fff; 
    overflow: hidden;     
    box-shadow: 10px 10px 10px rgba(0,0,0,0.2);
 }
.header_con {
    position: relative;
    z-index: 20;
    width: 100%;  
    height: 100%; 
    text-align: center;    
}
.header_con:after {display:block; content:''; clear:both;}
.header_con h1 { position: absolute; left: 50px; top: 25px; z-index: 21;}
.header_con h1 a {display: block; position: relative; z-index: 22;}


.header_con .gnb {position: absolute; top: 50%; right: 50px; transform: translateY(-50%);}
.header_con .gnb_depth_1 {display: inline-block;}
.header_con .gnb_depth_1>li {display: table-cell;position: relative; padding: 0 20px;}
/*.header_con .gnb_depth_1>li::before {
  content: "";
  width: 1px;
  height: 12px;
  background: #9394ac;
  position: absolute;
  left: -1px;
  top: 13px;
  border-radius: 3px;

.header_con .gnb_depth_1>li:first-child::before {background:none;}
}*/
.header_con .gnb_depth_1>li>a {   
    position: relative; 
    display: inline-block;
    color: #231815;
    font-size: 19px;
    font-weight:500;
    text-align: left;
    padding: 0 5px;
    letter-spacing: -0.5px;   
    position: relative;
}
.header_con .gnb_depth_1>li>a strong { display: inline-block; position: relative; z-index: 90; font-weight: 600; text-transform: uppercase;}
.header_con .gnb_depth_1>li>a em {
  position: absolute;
  top: -10px;
  left: 0;  
  height: 6px;
  display: block;
  -webkit-transition: all .1s cubic-bezier(.25, .46, .45, 1);
  transition: all .1s cubic-bezier(.25, .46, .45, 1);
  width: 0;
  background: #000;
  z-index: 20;
}

.header_con .gnb_depth_1>li>a::after { position: absolute; bottom: -20px; left: 5px; display: none; letter-spacing: 0.5px; font-size: 15px; font-family: 'Noto Sans DemiLight'; white-space: nowrap; color: #999;}
.header_con .gnb_depth_1>li>a.on::after,.header_con .gnb_depth_1>li.on>a::after {display: block;}
.header_con .gnb_depth_1>li:nth-child(1)>a::after { content: "인사말";}
.header_con .gnb_depth_1>li:nth-child(2)>a::after { content: "회사개요";}
.header_con .gnb_depth_1>li:nth-child(3)>a::after { content: "조직도";}
.header_con .gnb_depth_1>li:nth-child(4)>a::after { content: "업무영역";}
.header_con .gnb_depth_1>li:nth-child(5)>a::after { content: "지역별 사업실적";}
.header_con .gnb_depth_1>li:nth-child(6)>a::after { content: "부문별 사업실적";}
.header_con .gnb_depth_1>li:nth-child(7)>a::after { content: "엔티코어 PR";}


.header_con .gnb_depth_1>li>a.on, .header_con .gnb_depth_1>li.on>a {color: #000;}
.header_con .gnb_depth_1>li>a.on em, .header_con .gnb_depth_1>li.on>a em {width: 100%;}

#header #gnb .gnb_depth_2 {display:none;position:absolute;top:35px;left:19px;width:550px;text-align:left;}
#header #gnb .gnb_depth_2 > li {display:inline-block;}
#header #gnb .gnb_depth_2 > li a {display:inline-block;padding:9px 0;margin:0 20px;font-size:15px; color:#535353; position: relative; opacity: 0.7}
#header #gnb .gnb_depth_2 > li:first-child a {margin-left:0;}
#header #gnb .gnb_depth_2 > li a.current {opacity: 1}
.header_con .gnb_depth_2 li.on a, .header_con .gnb_depth_2 li a:hover strong {color:#005baa;}

header .top_tel {position: absolute; right:50px; top: 50px;}
header .top_tel strong {position: relative; display: inline-block;}

header .top_all{position: absolute; right:260px; top:36px;}

.logo_con{position: absolute; top: 50%; left:50px; transform: translateY(-50%);}
.logo_con a {display: flex; align-items: center; justify-content: space-around;}
.logo_con img:last-child {margin-left: 15px;}

.wrap_sub .header_con .gnb_depth_1>li>a {color:#252525; position: relative;}

@media (max-width: 1750px){
  header .top_all{opacity: 0;} 
  .logo_con {width: 20%;}
  .logo_con img:first-child {width: 30%;}
  .logo_con img:last-child {width: 70%;}
  .header_con .gnb_depth_1>li {padding: 0 10px;}
  .header_con .gnb_depth_1>li>a {font-size: 15px;}
}

@media (max-width: 1400px){
  .header_con .gnb_depth_1>li{padding:0 5px;}

}
/*
  Main Page
******************************/
.main_container{min-width: 1300px;}


/*common prop*/
.main_sec {position: relative; padding: 140px 0;}

.com_txt {z-index: 11; position: absolute; left: 25%; top: 50%; transform: translateY(-50%); text-align: center; color: #FFF;}
@media screen and (max-width: 1750px) {
  .com_txt {left: 10%;}
  .pf_indi_wrap {left: 10% !important;}
}

/* end common prop */




.main_visual {position:relative; width: 100%; height: 0; min-height: 900px; padding-top: 50%; font-size: 0;}
.main_visual .visual_wrap {position: absolute; top: 0; left: 0; width: 100%; height: 100%;}
.main_visual .visual_slide, .main_visual .slick-list, 
.main_visual .slick-track, .main_visual .visual-slide,
.main_visual .visual_slide .slick-slide > div {height: 100%;}
.main_visual .mouse_scr {position: absolute; left: 50%; bottom: 45px; transform: translateX(-50%); animation: scroll 1.7s infinite ease-in-out;}

@keyframes scroll {
  0% {bottom: 45px;}
  50% {bottom: 55px;}
  100% {bottom: 45px;}
}

.visual_wrap {position:relative;width:100%;}
.visual_slide .img {background-repeat:no-repeat; position: absolute; left: 0; right: 0; bottom: 0; top: 0;}
.visual_slide li {position:relative;width:100%; height:100%;}
/*.visual_slide li.visual {min-height: 900px;}*/
.visual_slide li .com_txt {left: 17%;}
.visual_slide li .com_txt .vis_txt {display: block; line-height: 1.1; font-size: 70px; font-weight: 100; text-align: left;}
.visual_slide li .com_txt .vis_txt .char1 {font-weight: 700; color: #00AFEC;}
.visual_slide li .com_txt .vis_txt_1 .char5 {font-weight: 700; color: #87AF53;}
.visual_slide li .com_txt .vis_txt_2 .char5 {font-weight: 700; color: #87AF53;}
.visual_slide li .com_txt .vis_txt_3 {font-weight: 700;}
/*.visual_slide li .com_txt .vis_txt_3 .char1 {color: #00baf2;}
.visual_slide li .com_txt .vis_txt_3 .char2 {color: #86ae60;}*/
.visual_slide li .com_txt .vis_txt_3 span {opacity: 0;}

.visual_slide li .com_txt .vis_par { margin-top: 30px; line-height: 1.6; font-size: 17px; font-family: 'Noto Sans KR'; font-weight: 400; text-align: left;}

.visual_slide .img {background-size: cover;}
.visual_slide .visual1 .img {background-image:url("/resources/img/main/visual_img1.jpg");}
.visual_slide .visual2 .img {background-image:url("/resources/img/main/visual_img2.jpg");}
.visual_slide .visual3 .img {background-image:url("/resources/img/main/visual_img3.jpg");}
.visual_slide .visual4 .img {background-image:url("/resources/img/main/visual_img4.jpg");}
.visual_slide .visual5 .img {background-image:url("/resources/img/main/visual_img5.jpg");}

.visual_slide {/*padding-top: 120px;*/}
.visual_slide .slick-dots {  
  position: absolute;
  top: 50%;
  left: 45px;
  transform: translateY(-50%);
  display: flex !important;
  flex-flow: column;
  width: 25px;
}
.visual_slide .slick-dots li {width: 100%; white-space: nowrap; text-align:center; height: inherit; position: relative; padding-bottom: 5px; margin-bottom: 30px;}
.visual_slide .slick-dots li::before{
  content: "";
  width: 100%;
  height: 2px;
  position: absolute;
  top: 100%;
  right: 0;
  background: #ddd;
  transition: all .3s;
  opacity: .7;
}
.visual_slide .slick-dots li.slick-active {transition: 1s;}
.visual_slide .slick-dots li dl {display: table; width: 100%; opacity: .5; }
.visual_slide .slick-dots li dl dt {color: #fff; font-size: 17px; white-space: nowrap; font-family: 'Roboto'; text-align: center;}
.visual_slide .slick-dots li dl dd {font-size: 13px; color: #fff; font-weight: normal; text-align: left;}
.visual_slide .slick-dots li.slick-active dl {opacity: 1;}
.visual_slide .slick-dots li.slick-active::before {background: #FFF; opacity: 1; width: 90px; height: 4px;}

.visual_slide .slick-dots .pause {width: 26px; height: 26px; background: url(../img/main/pause_btn.png) no-repeat center/cover; cursor: pointer;}
.visual_slide .slick-dots .play {width: 26px; height: 26px; background: url(../img/main/play_btn.png) no-repeat center/cover; cursor: pointer;}

.visual_wrap .slide_nav {position:absolute; top: 50%; width:64px; height:64px; border-radius: 50%; z-index: 90; margin-top: -15px;}
.visual_wrap .slide_nav.nav_left {left: 30px;}
.visual_wrap .slide_nav.nav_right {right: 160px;}
.visual_wrap .slide_nav a {display:block; padding:28px 18px; transition: 0.5s}
.visual_wrap .slide_nav:hover{background: #cf982d; transition: 0.5s}


#footer {width: 100%; padding: 65px 40px; background: #222;}

.right_function {position:absolute; right: 0; top: 0; bottom: 0; height: 100%; background: #574b30; width: 120px; z-index: 90; overflow: hidden; padding-top: 120px;}
.right_function ul {background: #fff; padding: 20px 0;}
.right_function ul li {width: 100%; text-align: center;}
.right_function ul li * {vertical-align: middle; }
.right_function ul li a {display: block; padding: 50px 0; position: relative; overflow:hidden;}
.right_function ul li a::before {
  content: "";
  width: 3px;
  height: 3px;
  border-radius: 3px;
  background: #edce93;
  position: absolute;
  left: 50%;
  top: 0;
  margin-left: -2px;
}
.right_function ul li:first-child a::before {display: none;}
.right_function.on ul li a::before {display: none;}

.right_function ul li a span {display: inline-block;}
.right_function ul li a span.off_img {}
.right_function ul li a span.on_img {opacity: 0; position: absolute; left: 50%; margin-left: -30px; top:50px;}
.right_function .banner {position: relative;}
.right_function .banner dl {}
.right_function .banner dl dt {text-align: center; padding-top: 35px;}
.right_function .banner dl dd {text-align: center; padding-top: 20px;}
.right_function .banner dl.off_con {}
.right_function .banner dl.on_con {opacity: 0; position: absolute; left: 50%; top:0; margin-left: -70px;}

.brand_slide {}
.brand_slide li {padding: 40px 47px; position: relative; height: 667px;}
.brand_slide li dl {display: table; table-layout: fixed; position: absolute; left: 47px; top: 40px; right: 47px; bottom: 0; z-index: 90; width: 910px;}
.brand_slide li dl dt {width: 299px; height: 581px; display: table-cell; vertical-align: middle; overflow: hidden;}
.brand_slide li dl dd {display: table-cell; vertical-align: middle; text-align: center;}
.brand_slide li .bg_img {position: absolute; left: 0; right: 0; bottom: 0; top: 0;}
.brand_slide li img {display: inline-block;}



.img_con{position: relative;}

/* container */
#container { position:relative;}
.contents { width:1200px; margin:0 auto; padding:95px 0 170px;}
.sub_top {background:url(/resources/img/sub_top_img.jpg) no-repeat center; background-size:cover; overflow: hidden;height:600px; padding-top: 120px; position: relative;}

.sub_title { position:absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 100%; text-align: center;}
.sub_title h2 {
  font-weight: 600;
  font-size: 70px;
  text-transform: uppercase;
  letter-spacing: 2px; 
  color: #FFF;
}
.sub_title > a { position:absolute; bottom:78px; height:50px; padding-top:12px; color:#1a628b; font-size:45px;}
.sub_title > .summary {padding-top: 20px; color:#fff; font-size: 15px; letter-spacing: 1px; text-align: center;}
.sub_title > .summary > span {display: inline-block; background: #FFF; width: 16px; height: 4px; margin: -3px 10px 0; vertical-align: middle;}
.sub_title > .summary > b {font-weight: 800;}
.sub_title > .summary > b i:first-child {color: #00baf2;}
.sub_title > .summary > b i:last-child {color: #86ae60;}
.sub_title > .summary2 {color:#fff; font-size: 20px;}
.sub_title .page_prev { left:0; padding-left:70px; display: none; }
.sub_title .page_next { right:0; padding-right:70px; display: none;}

.location {
  position: relative;
  z-index: 20;
  width: 1200px;
  margin: -75px auto 0;
  padding: 0 25px;
  height: 75px;
  line-height: 75px;
  text-align: center;
  background: #fff;
}
.location::before {
  content: "든든한 파트너, 엔티코어가\A새로운 내일을 만들어갑니다";
  position: absolute;
  top: -65px;
  left: 0;
  font-family: 'Noto Sans KR';
  font-weight: 300;
  font-size: 14px;
  white-space: pre;
  color: #FFF;
  line-height: 1.6;
  text-align: left;
  opacity: 0.7;
}
.location_nav {
  font-size:15px; 
}
.location_nav button {border:0; background:transparent; outline: 0;}
/*.location_nav >* {float:left; border:1px solid transparent;}*/
.location_nav .home {
  position: relative;
  display:inline-block; 
  height: 75px;
  padding-right: 15px;
  float:left;
  white-space:nowrap;     
  font-weight: 400;
  overflow:hidden;
}
.location_nav .home * {letter-spacing: 4px; vertical-align: top; color: #ccc;}
.location_nav .home::before {
  content: "";      
  display: inline-block;      
  width:20px;
  height:55px;  
  background:url(../img/icon_home.gif) no-repeat 0 20px;
  overflow:hidden;
}
.location_nav .home::after {
    content: "·";
    position: absolute;
    top: 50%;
    right: 0;
    transform: translateY(-50%);
    font-size: 20px;
    color: #ccc;
    font-weight: 800;
}
.location_nav .path-item {min-width:127px; letter-spacing: 1px; float:left; margin-left: -1px; text-align: left; font-weight: 400;}    
.location_nav .path-item dt {color:#000; /*min-width:200px;*/ text-align: center; border-bottom: 0; border-top: 0; letter-spacing: 4px;}
.location_nav .path-item dt, .location_nav .path-item li {padding:0 30px 0 15px;}
.location_nav .path-item ul {border:1px solid #e7e7e7; margin-top: -2px;}
.location_nav .path-item ul li {line-height:1.6; padding: 0; text-align: left;}
.location_nav .path-item dd {display:none; background: #fff; width: 100%;}
.location_nav .path-item li a {color: #888; display: block; position: relative; padding: 10px 30px; border-top:1px solid #e7e7e7; font-size: 14px;}  
.location_nav .path-item li:first-child a { border-top:0;}
.location_nav .path-item li.on a {color:#9f2165;}
/*.location_nav .path-item li.on a:after { content: ''; width: 100%; position: absolute; bottom: 0; height: 1px; background: #6ca2d0; left: 0;}*/
.location_nav .path_depth_1 dd {/*margin-left: 2px;*/}
.location_nav .path_depth_1 span {text-transform: uppercase;color: #222;}

/*
.location_nav .path_depth_1>dt.on:after{
    content: "";      
    position: absolute; top:-1px; right:0;      
    overflow:hidden;
    width:7px;
    height:55px;
    margin-left: 15px;  
    background:url(../img/icon_location.gif) no-repeat 0 22px;
}*/

.location_nav .path-item li a:hover, .path-item li a:focus {color:#000;}
.location_nav .path-item .btn-open, .location_nav .path-item .btn-close {
  position:absolute; 
  right:0; 
  top:0; 
  left:0; 
  width:100%; 
  height:55px; 
  text-indent:100%; 
  white-space:nowrap; 
  overflow:hidden;
  cursor:pointer;
}
.location_nav .path-item .btn-open:after, .location_nav .path-item .btn-close:after {
  content: "";      
  position:absolute; 
  top:21px; 
  right:25px; 
  text-indent:100%; 
  white-space:nowrap;     
  overflow:hidden;
  width:18px;
  height:12px;
  background:url(../img/sub_icon.gif) no-repeat 0 0;  
}

.location_nav .path-item .btn-close {display:none;}
.location_nav .path-item .btn-close:after {
  background: none;
  /*background:url(../img/common/icon.png) no-repeat;
  background-position: -36px -98px;
  -webkit-transform: rotate(180deg);*/
}   
.location_nav .path-item.active {z-index:33;}
.location_nav .path-item.active a {color:#555555;}
.location_nav .path-item.active .btn-open {display:none;}
.location_nav .path-item.active .btn-close {display:block;}

.location .location_tit{position: absolute; top:20px; right:35px;}

/* footer */
#footer {width: 100%; z-index:31; background:#242424;}
#footer .footer_con {position:relative; padding: 45px 150px 25px 25px; min-width: 1380px; text-align: right; overflow: hidden; height: 130px;}
#footer .footer_con a.top_btn {display: inline-block; position: absolute; right:0; top:0;}
#footer .footer_txt {float: left;}
#footer .footer_copy {display: block; margin-top: 17px;}


.hidden_layer {position: absolute; left: -99999em; top:-99999em;}
.visual_con {position: absolute; left: 0; top: 0; right: 0; bottom: 0;}

.foot_summary {padding-top: 20px;}
.foot_summary ul {}
.foot_summary ul li {margin-left: 20px; text-indent: -20px;}

.board_con {min-height: 300px;}
.board_con table{
  width:100%;
  text-align:center;
}
.board_con table tr{
  border-bottom: 1px solid #dcdee2;
}
.board_con table th,
.board_con table td{
  padding:18px 0; line-height: 30px;
  font-size:14px;
  vertical-align: middle;
  border-bottom:1px solid #ccc;
}
.board_con table>thead th{
  border-top:2px solid #073c61;
  font-weight:bold;
  font-size:14px;
  color:#404041;
  position: relative;
}
.board_con table>thead th::after{
  content:"";
  position:absolute;
  top:50%;
  right:0;
  display:block;
  height:9px;
  width:0;
  border-right:1px dotted #404041;
  transform: translateY(-50%);
}
.board_con table>thead th:last-of-type::after{
  display: none;
}
.board_con table>tbody{
  border-top:2px solid #023d61;
}
.board_con table>tbody .num{
  color:#bebebe;
}
.board_con table>tbody .photo>span{
  display: table-cell;
  border: 1px solid #e6e6e6;
  width: 183px;
  height: 108px;
  box-sizing: border-box;
  overflow: hidden;
  vertical-align: middle;
}
.board_con table>tbody .photo>span>img{
  width:100%;
}
.board_con table>tbody .media{
  color:#bebebe;
}
.board_con table>tbody .media>span{
  display:block;margin:auto; background-color: #313539; width:60%; height:28px; line-height: 28px; color:#fff;
}
.board_con table>tbody .notice{
  padding-left: 15px;
  text-align:left;
}
.board_con table>tbody .notice .media{
  display:inline-block;
  padding:5px 20px; 
  color:#fff;
  height:28px; line-height: 28px;
  background-color: #073c61;
  margin-bottom:8px;
}
.board_con table>tbody .notice>a{
  color:#404041;
  font-size:15px;
  display: block;
}
.board_con table>tbody .date{
  color:#bebebe;
}

.page_list {clear: both; text-align:center; padding-top: 30px;}
.page_list a {display: inline-block; width:31px; height:31px; line-height:26px;}
.page_list a.arrow {background-color: #fff; font-size: 0; color: transparent; border: 1px solid #eee;}
.page_list a.prev {margin-right: 8px;}
.page_list a.next {margin-left: 8px;}
.page_list a.on { border: 2px solid #05224c; color: #FFF; background: #05224c;}
.page_list a.prev:before{font-family: 'FontAwesome'; content: "\f104"; font-size:20px; color: #888; margin-left: -3px;}
.page_list a.first:before{font-family: 'FontAwesome'; content: "\f100"; font-size:20px; color: #888;}
.page_list a.next:before{font-family: 'FontAwesome'; content: "\f105"; font-size:20px; color: #888; margin-left:3px;}
.page_list a.last:before{font-family: 'FontAwesome'; content: "\f101"; font-size:20px; color: #888;}


.agree_tit {font-size:36px; color: #222; margin-bottom: 40px; position: relative;}
/*.agree_tit::before {
    content:'';
    width: 40px;
    height: 1px;
    background: #000;
    position: absolute;
    left: 0;
    bottom: 0;
}*/
.register .reg_terms { font-size:12px; line-height:1.7;}
.register .terms_box { padding:20px; border:1px solid #e5e5e5; background-color:#f5f5f5; color:#666666; font-size: 13px;}
.register .terms_box h4 { margin-top:10px; color:#1b1b1b; font-size: 14px; font-weight:normal;}

.register .agree_radio {text-align:right; color:#000; font-size:15px; padding-bottom: 10px;}
.register .agree_radio .type-radio { margin:-2px 5px 0 0;}
.register .agree_radio .agree_txt {display: inline-block; float: left; position: relative; padding-left: 10px;}
.register .agree_radio .agree_txt::before {
  content: "";
  width: 3px;
  height: 3px;
  position: absolute;
  left: 0;
  top: 9px;
  background:#2b6eaf;
}
.register .agree_radio .agree_chk {display: inline-block; padding-right: 20px;}
.register .agree_radio .agree_chk label {margin-left: 10px;}

.register .reg_table>table {width:100%;}
.register .reg_table>table tr:first-child th { border-top: 2px solid #2b6eaf; }
.register .reg_table>table tr:first-child td { border-top: 2px solid #2b6eaf; }
.register .reg_table>table th {
    box-sizing:border-box; 
    padding:12px 0; 
    text-align:center; 
    border-bottom:1px solid #c7c7c7; 
    font-size:15px; 
    color:#000; 
    vertical-align:middle;
    background: #fafafa;
}
.register .reg_table>table th>span { color:#e83829;}
.register .reg_table>table td {
  box-sizing:border-box; 
  padding:10px 20px; 
  font-size:12px; 
  color:#666; 
  background-color:#fff; 
  border-bottom:1px solid #ddd; 
  font-size:14px;
  text-align: left;
}
.register .reg_table>table td input[type='text'], .reg_table>table td select {box-sizing:border-box; height:30px !important; font-size:14px; padding-left:10px; line-height:30px; background-color:#fff; border:1px solid #d6d6d6; font-family: HelveticaNeue-Light,AppleSDGothicNeo-Light, Noto Sans DemiLight, sans-serif;}
.register .reg_table>table td .type-checkbox { margin:-2px 0 0;}
.register .reg_table .btn_zip {display:inline-block; width:100px; height:30px; text-align:center; line-height:30px; color:#fff; background-color:#9b9b9b; font-size:14px;}

.register .button {margin-top:50px; text-align:center;}
.register .button>a {box-sizing:border-box; display:inline-block; width:130px; height:50px; line-height:48px; text-align:center; font-size:16px;}
.register .button>a.btn_regist {color:#fff; border:2px solid #2b6eaf; background-color:#2b6eaf; vertical-align:top;}
.register .button>a.btn_cancel {margin-left:6px; color:#2b6eaf; border:2px solid #2b6eaf;}


.register .content_foot {margin-top:25px; font-size: 13px;}
.register .necessary { color:red; }

table.innertbl {width: 100% !important; border:1px solid #ddd !important;}
table.innertbl th {border-top: 1px solid #ddd !important; background: none !important;}
table.innertbl td {background: none !important; text-align: center !important;}


.privacy_tb .poll_con {padding:20px 20px 10px;}
.privacy_tb .poll_con dt {padding: 0 0 10px; color: #000; font-size: 16px;}
.privacy_tb .poll_con dt strong {color: #47a5db;}
.privacy_tb .poll_con dd {}
.privacy_tb .poll_con dd label {margin-right: 15px;}

.privacy_tb .poll_con .bgbox {
    padding: 25px;
    background: #f5f5f5;
    margin: 20px 0 0;
}
.privacy_tb .poll_con .bgbox p {color: #000; font-size: 16px; padding-bottom: 10px;}

/*당첨자페이지*/
.winner_con>.bg{display:table; width:100%; background: url("/resources/img/sub/event/winner_center.jpg")0 0 repeat-y;}
.winner_con>.bg>div{width:905px; margin:auto; padding:0 45px; display: table; table-layout: fixed;}
.winner_con>.bg>div>ul{
  display: table-cell;
  width: 33.3%;
}
.winner_con>.bg>div>ul li{display: table; width:100%; color:#616161;}
.winner_con>.bg>div>ul li.th{font-size:14px; font-weight:bold; color:#1f1f1f; background: #dfdbd3; padding:16px 0; margin-bottom:16px;}
.winner_con>.bg>div>ul li.td{padding:5px 0; font-size:14px; color:#616161;}
.winner_con>.bg>div>ul li span{display: table-cell; width:140px; text-align: center;}
.winner_con>.bg>div>ul li span:first-child{width:75px; text-align: center;}

.winner_con .img{position: absolute; bottom:0; right:77px;}

.winner_con.win2>.bg{background: url("/resources/img/sub/event/winner_center3.jpg")0 0 repeat-y;}
.winner_con.win2>.bg>div>ul{float:left; display: block; width:47%; margin-left: 20px;}
.winner_con.win2>.bg>div>ul.st1 li.th{background: #743f58}
.winner_con.win2>.bg>div>ul li.th{color:#fff; background:#03583b }


/*
    popup
*/
.main_popup {display: none; position:absolute; top:100px; left:80px; background:transparent; z-index:99;}
.main_popup.nmpop img {display: block;}
.main_popup.slidepop {width: 300px;}
.main_popup.slidepop li{position: relative;}
.main_popup.slidepop li img {display: block;width: 300px;height: auto;}
.main_popup.slidepop .slick-slide {line-height: 0;}
.main_popup .today {position:relative;background:#292929;padding:6px 18px;color:#fff;font-size:13px;line-height:13px;}
.main_popup .today * {vertical-align: middle;}
.main_popup .today strong {margin-left: 6px;}
.main_popup .today a {position:absolute;right:4px;top:6px;color:#fff;font-size:13px; color:#fff; padding: 5px 10px;}
.main_popup .today a i::after {
  content: "\e870"; 
  display: inline-block; 
  font-family:Linearicons-Free;
  font-size: 18px;
  margin-right: 6px;
  color: #fff;
}
.main_popup .slick-dots {
  width: 100%;
  position: absolute;
  left: 0;
  bottom:-8px;
  display: block;
  text-align: center;
}
.main_popup .slick-dots li {
  width: 14px;
  height: 14px;
  margin: 0 3px;
  text-indent: -20000px;
  background: transparent;
  border-radius: 14px;
  display: inline-block;
  border: 2px solid #fff;
}
.main_popup .slick-dots li.slick-active {
  background: #fff;
}



.ui_tabcontents {}
.ui_tabcontents .tab {width: 100%; overflow:hidden; padding-left: 1px; margin-bottom: 40px; padding-top: 1px;}
.ui_tabcontents .tab li {float: left; width: 50%; margin-left: -1px; margin-top: -1px; height: inherit;}
.ui_tabcontents .tab.col_8 li {width:20%;}
.ui_tabcontents .tab.col_7 li {width:14.2857%;}
.ui_tabcontents .tab.col_6 li {width:16.6666%;}
.ui_tabcontents .tab.col_6.typeA li {width:20.1%;}
.ui_tabcontents .tab.col_5 li {width:20%;}
.ui_tabcontents .tab.col_4 li {width:25%;}
.ui_tabcontents .tab.col_3 li {width:33.3333%;}
.ui_tabcontents .tab.col_2 li {width:20%;}
.ui_tabcontents .tab li * {vertical-align: middle;}
.ui_tabcontents .tab li a {
    position: relative;
    display: block;
    padding: 18px 0;
    font-family: 'Montserrat';
    font-weight: 600;
    font-size: 16px;
    letter-spacing: 1px;
    background: #eee;
    text-align: center;
    color: #999999;
    border: 1px solid #fff;
    border-radius: 0;
    transition: all .3s;
}
.ui_tabcontents .tab li.on a { background: #05224c; color: #fff; position: relative;}
.ui_tabcontents .tab.guidetab li a {height: 82px;}
.ui_tabcontents .tab.guidetab li:last-child a {padding-top: 30px;}


/*

.ui_tabcontents {}
.ui_tabcontents .tab {display: table; table-layout: fixed; width: 100%; padding:0 10px;}
.ui_tabcontents .tab li {display: table-cell; height: 60px; padding-left:20px; vertical-align: bottom;}
.ui_tabcontents .tab li:first-child{padding-left: 0}
.ui_tabcontents .tab.col_7 li {width:14.2857%;}
.ui_tabcontents .tab.col_6 li {width:16.6666%;}
.ui_tabcontents .tab.col_5 li {width:20%;}
.ui_tabcontents .tab.col_3 li {width:33.3333%;}
.ui_tabcontents .tab li * {vertical-align: middle;}
.ui_tabcontents .tab li a {display: block; color: #fff; padding:16px 0; background:#848484; border-top-left-radius: 10px; border-top-right-radius: 10px; font-size: 22px; text-align: center;}
.ui_tabcontents .tab li.on a { 
  background:#492d3a;
  position: relative;
}

.ui_tabcontents .guide_tit { text-align: center; padding: 20px 0 40px;}
.ui_tabcontents .guide_tab {display: table; table-layout: fixed; width: 100%; height: 220px; background: url(../img/sub/sales_tab.jpg) no-repeat 0 0;}
.ui_tabcontents .guide_tab li {width:50%; display: table-cell; height: 220px;}
.ui_tabcontents .guide_tab li a {display: block; width: 100%; height: 100%; font-size: 0; color: transparent; position: relative;}
.ui_tabcontents .guide_tab li.on a::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom:0;
  border:10px solid #00a5e3;
}

*/

.ui_tabcontents .tab_conlist {padding: 0 0 10px;}
.ui_tabcontents .tab_conlist > li {display: none;}
.ui_tabcontents.prf_tab_wrap .tab_conlist > li {display: block;}
.ui_tabcontents .tab_conlist > li.current {display: block;}

.ui_tabcontents .tab_conlist.winner{padding-top: 0}



/*관심고객등록*/
.privacy{text-align: left;}
.privacy fieldset> h2{
  padding-top:20px;
  margin-bottom:40px; 
  height:23px; 
  line-height: 23px; 
  font-weight: bold;
  font-size:20px; 
  color:#1c1c1c; 
}
  
.terms_box{ padding:25px; padding-top:5px; height: 150px; overflow-y: scroll; background: #f5f5f5; font-size:14px;}
.terms_agree{
  padding:28px 0 50px;
  margin-bottom: 36px;
  text-align:center; 
  border-bottom: 1px solid #c7c7c7;
}
.terms_agree label{margin-right:34px; display:inline-block; font-size:14px; color:#959595; }
.privacy_tb{margin-bottom:30px; border-top:2px solid #574b30;}
.privacy_tb table{width:100%;}
.privacy_tb td:first-child, .privacy_tb th:first-child{border-right:1px solid #e4e4e4;}
.privacy_tb th{padding:15px 0; text-align:center; vertical-align: middle; background-color:#f5f5f5; border-bottom:1px solid #e4e4e4; font-size:16px; color:#2c2c2c; }
.privacy_tb td{padding:9px 30px; border-bottom:1px solid #e4e4e4;}
.privacy_tb td input[type=text]{padding-left:5px; width:202px; height:30px; line-height:30px; }
.privacy_tb td span{color:#2c2c2c; font-size:12px;}
.privacy_tb td select{width:180px; height:32px; line-height:32px; }
.privacy_tb td.td_1 input[type=text],.privacy_tb td.td_1 select{width:92px;}
.privacy_tb td.td_2 input[type=text]{width:92px; background-color:#f6f6f6;}
.privacy_tb td.td_3 input[type=text]{width:598px; background-color:#f6f6f6;}
.privacy_tb td.bg_none input[type=text]{width:598px; background-color: none;}
.privacy_tb .btn_post{margin-left:5px; width:90px; height:32px; text-align:center; line-height:32px; display:inline-block; background-color:#414042; color:#fff; font-size:11px; font-family:"돋움";}
.privacy_tb td label{color:#959595; font-size:14px; }

.privacy_tb td .qe{font-size:15px; color:#585858; padding-top:20px;padding-bottom:10px;}
.privacy_tb td .qe em{color:#5c7dca;}
.privacy_tb td .qe:first-child{padding-top:10px;}
.privacy_tb td .an{position:relative;}
.privacy_tb td .an * {vertical-align: middle;}
.privacy_tb td .an span{display: inline-block; width:17%;}
.privacy_tb td .an.auto span{width: auto;}
.privacy_tb td .an input{line-height:24px; height:24px;}

.st1.privacy_tb{border-bottom:1px solid #e4e4e4; border-left: 1px solid #c7c7c7; border-right: 1px solid #c7c7c7;}
.st1.privacy_tb th{font-size: 14px;}
.st1.privacy_tb td{}

.txt_box{margin-bottom:50px;}
.txt_box li{font-size:13px; color:#777; }
.txt_c{text-align:center !important;}


.privacy_tb .terms table{
  border:1px solid #e4e4e4;
}
.privacy_tb .terms th{
  border-right:1px solid #e4e4e4; 
}
.privacy_tb .terms td{
  vertical-align: middle;
}
.privacy h2 {
    padding-top: 20px;
    margin-bottom: 20px;
    height: 23px;
    line-height: 23px;
    font-size: 18px;
    color: #00a665;
}
legend {display: none;}


/*약관*/
.terms{color:#959595;}
.terms h1{margin-bottom:6px; margin-top:20px; font-weight: bold; font-size:15px; color:#1c1c1c;}
.terms h2{margin-bottom:0; padding:30px 0 10px; font-size:14px; font-weight:600; color:#777;}
.terms h2:first-child{padding-top:0;}
.terms p{margin-bottom:10px; color:#777; }
.terms ul li{margin-bottom:5px;}

/*btn*/
.btn_box {text-align: center; padding: 40px 0;}
.btn{margin:0 2px; width:140px; height:50px; line-height:50px; text-align:center; display:inline-block; font-size:16px; color:#fff;}
.btn.btn-navy{background:#073c61; color: #fff;}
.btn.btn-gray {background:#e0e0e0;}
.btn.btn-green {background:#574b30; color: #fff;}


.layerPopup {
    position:fixed;
    z-index:1000;
    display:none;
    left:50%;   
    top: 121px;    
    margin-left: -540px;
    /*top:50%;
    -webkit-box-shadow: 0 5px 15px rgba(0,0,0,0.5);
    box-shadow: 0 5px 15px rgba(0,0,0,0.5);
    */
    background-clip: padding-box;
    background:#fff;    
}
.layerPopup h3 {font-size:36px; color: #222; padding-bottom: 12px;}
.layerPopup .layerPopup_in {display:block; position: relative; text-align: left; width: 1080px; padding: 40px; padding-right: 0;}
.layerPopup .layerPopup_in .layer_con {}
.layerPopup .closeLayer {display:inline-block;color:#4a525f; position:absolute; right:-67px; top:-10px; font-size:0; color: transparent;}
.layerPopup .closeLayer a {width: inherit; height: inherit; padding:10px 20px; font-size: 45px; color: #fff;}
.imgIcon.closex:after {}
.layerContent {
    padding-top: 50px;
    margin-top: 20px;
}
.layerContent.rejectbox {
  border-top: 1px solid #ccc;
  line-height: 1.7;
  font-size: 16px;
}
.layerPopup .closeLayer:hover {color:#095573;}
#layerScreen{z-index:999;position:fixed;top:0;left:0;right:0;bottom:0;background:black;filter:Alpha(opacity=30);opacity:0.6;-moz-opacity:0.3;display:none;}

.type-file {border: 1px solid #ccc; height: 40px; font-size: 14px;}

.popvideo {position:fixed; left: 0; top: 0; right: 0; bottom: 0; z-index: 9999;}
.popvideo .pop_wrap {position: relative; width: 1000px; height: 600px; margin:150px auto 0;}
.popvideo span {position: absolute; right:-60px; top: 0;}
.popvideo span a {display: block;}
.popvideo span * {vertical-align: middle;}
.popvideo span a i::after {
  content: "\e870"; 
  display: inline-block; 
  font-family:Linearicons-Free;
  font-size: 50px;
  color: #fff;
}

/* 
  입지환경 지도확대
*/
#mapZoom {width:1000px;}
html.magnifying > body {  overflow-x: hidden !important;}
.magnify,.magnify > .magnify-lens,.magnify-mobile,.lens-mobile { 
  min-width: 0; 
  min-height: 0;  
  animation: none;  
  border: none;  
  float: none;  
  margin: 0;  
  opacity: 1;  
  outline: none; 
  overflow: visible;  
  padding: 0;  
  text-indent: 0;  
  transform: none; 
  transition: none;
}
.magnify {overflow:hidden;  position: relative;  width: auto;  height: auto;  box-shadow: none;  display: inline-block;  z-index: inherit;}
.magnify > .magnify-lens {
  position: absolute;  
  width: 350px;  
  height: 350px;  
  border-radius: 100%;
  box-shadow: 0 0 0 7px rgba(45, 18, 27, 1),0 0 7px 7px rgba(0, 0, 0, 0.25),inset 0 0 20px 2px rgba(0, 0, 0, 0.25);  
  cursor: none;  
  display: none;  
  z-index: 99;
}

.friend_event {position: relative;}
.friend_event .placeholder {display: block; width: 100%;}
.friend_event .placeholder input {width: 100%; background: #fff; border: 1px solid #fff; border-radius: 5px; font-size: 14px; padding-left: 15px;}
.friend_event .placeholder label {color: #a29480; top: 9px; left: 15px;}
.friend_event .box_con {position: absolute; width: 400px; left: 300px; top: 233px;}
.friend_event .box_con .con {padding: 30px 0;}
.friend_event .box_con .con > div {margin-bottom: 10px;}
.friend_event .box_con .btn_con {text-align: center; padding-top: 120px;}
.friend_event .box_con .btn_con a {display: inline-block; padding: 0 5px;}

.visual_block {
  position: absolute;
  left: 43px;
  bottom: 110px;
}
.dn_btn {
  margin: 40px 0 0;
  text-align: center;
}

#go_top {position: fixed; right: 45px; bottom: 45px; display: flex; flex-flow: column; align-items: center; justify-content: center; width: 83px; height: 83px; font-size: 12px; text-align: center; background: #FFF; color: #000; box-shadow: 0 0 20px rgba(0,0,0,0.1);}




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

      COMMON

*****************/
.com_tit {z-index: 11; position: absolute; top: 135px; left: 25%;  text-align: left;}
.com_tit h2 {font-size: 50px; font-weight: 700; color: #222;}
.com_tit h4 {position: relative; font-size: 14px; margin-top: 55px; color: #222; font-weight: 500; letter-spacing: 2px;}




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

    MAIN PORTFOLIO

**********************/
#main_portfolio {padding: 150px 0 70px;}
#main_portfolio .pf_left_sec {display: inline-block; width: 959px; height: 730px; margin-top: 70px; background: #e9f3f7;}
#main_portfolio .pf_right_sec {}
#main_portfolio .pf_right_sec .pf_tit h4::after {content: ""; position: absolute; top: 50%; left: 63%; transform: translateY(-50%); height: 10px; width: 210px; background: #222;}
#main_portfolio .pf_right_sec .pf_slide_arrow {}
#main_portfolio .pf_right_sec .pf_slide_arrow .pf_prev {}
#main_portfolio .pf_right_sec .pf_slide_arrow .pf_next {}
#main_portfolio .pf_slide {}
#main_portfolio .pf_slide > li {position: relative;}
#main_portfolio .pf_slide > li .pf_txt {left: 25%; width: 470px; text-align: left;}


.pf_txt {width: 380px;}
.pf_txt .pf_info_wrap {position: relative; padding: 35px 43px; text-align: left; background: #FFF; box-shadow: 10px 10px 10px rgba(0,0,0,0.2);}
.pf_slide_1 .pf_txt .pf_info_wrap::after {content: "HOUSING"; position: absolute; top: 60px; right: -100px; transform: rotate(90deg); font-size: 18px; letter-spacing: 7px; color: #FFF; font-family: 'Montserrat' , sans-serif;}
.pf_txt .pf_info_wrap .pf_name {margin-bottom: 30px ;font-size: 32px; font-family: "Noto Sans KR"; font-weight: 600; word-break: keep-all; color: #222;}
.pf_txt .pf_info_wrap .pf_info_list {}
.pf_txt .pf_info_wrap .pf_info_list > li {display: flex; margin: 15px 0; font-size: 14px; font-weight: 600; word-break: keep-all; color: #777;}
.pf_txt .pf_info_wrap .pf_info_list > li b {position: relative; display: flex; flex: 1; align-items: center; justify-content: space-between; padding-right: 25px; color: #222;}
.pf_txt .pf_info_wrap .pf_info_list > li b::before {content: ""; position: absolute; top: 50%; right: 0; transform: translateY(-50%); width: 1px; height: 75%; background: #777; margin: 0 10px;}
/*.pf_txt .pf_info_wrap .pf_info_list > li b span:last-chlid {text-align: right;}*/
.pf_txt .pf_info_wrap .pf_info_list > li > span {flex: 4.5; letter-spacing: -1px;}
.pf_txt .pf_info_wrap .explore_btn {margin-top: 30px; transition: background 0.2s linear;}

.pf_slide .pf_img {width: 100%; text-align: center; white-space: nowrap;}
.pf_slide .pf_img img {display: inline-block; margin-left: -17%;}

.pf_indi_wrap {position: absolute; left: 25%; bottom: 15%; z-index: 11; display: flex; align-items: center; justify-content: space-between; text-align: center;}
.pf_indi_wrap .indi_arrow_wrap {}
.pf_indi_wrap .indi_arrow_wrap a {font-family: 'Goblin One', cursive; font-size: 55px;}
.pf_indi_wrap .indi_arrow_wrap .pf_prev {margin-right: 5px;}
.pf_indi_wrap .indi_arrow_wrap .pf_next {}

.pf_indi_wrap .indi_ele_cnt { font-family: 'Montserrat'; color: #c0c0c0; font-size: 13px; font-weight: 499; letter-spacing: 4px; margin-left: 15px;}
.pf_indi_wrap .indi_ele_cnt > span {font-size: 20px; font-weight: 700; color: #242424;}

.pf_indi_wrap .slick-dots {display: flex !important;}
.pf_indi_wrap .slick-dots li {width: 10px;  height: 10px;  background: #ccc9c5;  border-radius: 50%;  margin-left: 15px;}
.pf_indi_wrap .slick-dots li.slick-active {background: #00baf2;}
.pf_indi_wrap .slick-dots li a {display: block; width: 100%; height: 100%;}
.pf_indi_wrap .slick-dots li.slick-active a {}

@media screen and (max-width: 1750px) {
  .com_tit, #main_portfolio .pf_slide > li .pf_txt {left: 25%;}
}

/*explore_btn*/
.explore_btn { position: relative; display: flex; align-items: center; justify-content: space-between; width: 210px; height: 40px; box-sizing: border-box; overflow: hidden; border: 2px solid #000; padding: 20px 15px; font-family: 'Roboto'; font-size: 15px; font-weight: 400; letter-spacing: 5px;}

.explore_btn span{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; box-sizing: border-box; }

.explore_btn i { position: relative; display: inline-block; width: 15px; height: 15px; transition: 0.4s;}

.explore_btn i:before { content: ""; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%) rotate(90deg); width: 100%; height: 2px; background: #000;}

.explore_btn i:after { content: ""; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 100%; height: 2px; background: #000;}

.explore_btn span:nth-child(1){ transform:rotate(0deg);}

.explore_btn span:nth-child(2){ /*transform:rotate(90deg);*/}

.explore_btn span:nth-child(3){ transform:rotate(180deg);}

.explore_btn:hover {background: #000; color: #fff;}

.explore_btn:hover span:nth-child(odd):before { content: ''; position: absolute; width:100%; height: 1px; background: #FFF; animation: animate 0.3s ease-in-out forwards;}
.explore_btn:hover span:nth-child(even):before { content: ''; position: absolute; width:1px; height: 100%; background: #FFF; animation: animate 0.3s ease-in-out forwards;}
.explore_btn:hover i::before, .explore_btn:hover i::after { background: #FFF;}
.explore_btn:hover i {  transform: rotate(180deg);}


.explore_btn span:nth-child(1):before,
.explore_btn span:nth-child(2):before,
.explore_btn span:nth-child(3):before { left: 0;}

.explore_btn span:nth-child(4):before{ right: 0;}

@keyframes animate { 
  0% {   
    transform:scaleX(0);   
    transform-origin: left; 
  } 
  100% {   
    transform:scaleX(1);   
    transform-origin: left;    
  }  
  
} 





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

        CONTACT US

**************************/
#main_contact {background: url(../img/main/main_map_bg.jpg) no-repeat center/cover fixed;}
#main_contact .contact_tit {margin-bottom: 90px; font-size: 50px; font-weight: 700; text-align: center; color: #FFF;}
#main_contact .contact_wrap {position: relative; max-width: 1300px; margin: 0 auto; text-align: right;}
#main_contact .contact_wrap .map_txt {left: 0; height: 100%; font-size: 18px; text-align: left;}

#main_contact .map_info_wrap .map_name {font-size: 24px;}

#main_contact .map_info_list {margin-top: 20px; font-weight: 400;}
#main_contact .map_info_list .contact_num {font-size: 26px; letter-spacing: 2px;}
#main_contact .map_info_list .map_tel {margin: 40px 0;}
#main_contact .map_btn {position: absolute; left: 0; bottom: 0; border: 2px solid #FFF; color: #FFF;}
#main_contact .map_btn i::before,#main_contact .map_btn i::after {background: #FFF;}

#main_contact #map {display: inline-block;}
#main_contact #map_img {display: inline-block;}

@media screen and (max-width: 1400px) {
  #main_contact .contact_wrap .map_txt {left: 5%;}
}




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

        COMMON

*********************/
.head_tit {line-height: 1.3; font-weight: 800; font-size: 50px; letter-spacing: -2.5px; color: #05224c;}




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

        FOOTER

*********************/
#footer {display: flex; align-items: center; justify-content: space-between; width: 100%; padding: 65px 40px; background: #222;}

.footer_info {display: flex; align-items: center;}

.footer_info .footer_txt {margin-left: 55px;}
.footer_info .footer_txt > li {font-size: 14px; color: rgba(255,255,255,0.8);}
.footer_info .footer_txt > li.cop {margin-top: 20px; font-family: 'Roboto'; opacity: 0.5;}

.footer_link > ul {display: flex;}
.footer_link > ul > li {margin-right: 20px; font-size: 14px;}
.footer_link > ul > li a {color: #FFF;}




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

          GREETING

**************************/
.greeting #container {background: url("../img/sub/grt_bg.jpg") no-repeat 50% 101%/contain;}

.greeting .contents {padding: 95px 0 530px;}

.grt_top_txt {display: inline-block;}
.grt_top_txt > .ceo_grt {margin: 60px 0 45px; line-height: 1.3; font-weight: 700; font-size: 40px; letter-spacing: -1px; color: #cccccc;}
.grt_top_txt > .sub_grt {line-height: 1.6; font-weight: 500; font-size: 16px; letter-spacing: -1px; color: #222;}
.grt_top_img {float: right;}

.grt_btm {display: flex; align-items: flex-end; justify-content: space-between; margin-top: 140px;}
.grt_btm * {font-family: 'Noto Sans KR' !important;}
.grt_btm_txt > h2 {font-weight: 700; font-size: 40px; color: #ccc;}
.grt_btm_txt > h2 > span {color: #05224c;}
.grt_btm_txt > p {margin-top: 45px; line-height: 1.6; font-weight: 500; font-size: 16px; color: #222;}
.grt_btm_sign {text-align: right;}
.grt_btm_sign > dt {font-weight: 500; font-size: 16px; color: #222; display: flex;}
.grt_btm_sign > dd {margin-top: 20px;}





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

    COMPANY PROFILE

**********************/
.profile_top {position:relative;}
.profile_top_bg { position: relative; top: -65px; left: 50%; transform: translateX(-50%); z-index: -1; width: 1560px;}
.profile_top_bg img {width: 100%;}
.profile_top > ul {display: flex; align-items: center; justify-content: space-between; width: 100%; margin-top: -190px;}
.profile_top > ul > li { display: flex; flex-flow: column; justify-content: center;width: 380px; height: 316px; padding-left: 45px; box-shadow: 0 0 35px rgba(0, 0, 0 , 0.1); background: #FFF;}
.profile_top > ul > li h2 {position: relative; margin-bottom: 40px; line-height: 1.1; font-size: 40px; color: #ddd;}
.profile_top > ul > li h2::after {content: ""; position: absolute; left: 0; bottom: -20px; width: 68px; height: 4px; background: #222;}
.profile_top > ul > li h2 b {display: block; font-weight: 800; letter-spacing: 1px; color: #222;}
.profile_top > ul > li h2 b span {position: relative; top: -1px;}
.profile_top > ul > li p {font-weight: 400; font-size: 16px; color: #222;}

.profile_btm {width: 87%; margin: 35px auto 0;}
.profile_btm dl {display: flex; align-items: center; justify-content: space-between; padding: 45px 0 20px; border-bottom: 1px solid #222;}
.profile_btm dl dt {font-family: 'Montserrat' , sans-serif; font-weight: 700; font-size: 28px; text-transform: uppercase; color: #05224c;}
.profile_btm dl dt span { font-family: 'Noto Sans KR'; margin-left: 10px; font-weight: 400;  font-size: 16px; color: #999;}
.profile_btm dl dd {font-family: 'Noto Sans KR'; font-weight: 500; font-size: 22px; letter-spacing: -1px; color: #222;}




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

      ORGANIZATION

**********************/
.organization #container {background: url(../img/sub/org_bg.jpg) no-repeat 50% bottom/contain;}

.organization .contents {padding: 95px 0 380px;}

.org_top {display: flex; justify-content: space-between;}
.org_top_txt {}
.org_top_txt h1 {}
.org_top_img {}
.orf_top_img img {}

.org_btm {margin-top: 95px;}
.org_btm_con {display: flex; justify-content: space-between;}
.org_btm_con > dl {display: flex; flex-flow: column; justify-content: space-between; width: 280px; height: 350px; padding: 40px 0 40px 25px; background: #FFF; box-shadow: 0 10px 20px rgba(0,0,0,0.1);}
.org_btm_con > dl > dt {display: flex; flex-flow: column; justify-content: space-between; height: 115px; font-family: 'Roboto'; font-weight: 800; font-size: 30px; line-height: 1.1; color: #05224c; text-transform: uppercase;}
.org_btm_con > dl > dt span {color: #ddd;}
.org_btm_con > dl > dt h4 {margin-top: 0.5rem; font-family: 'Noto Sans KR'; font-weight: 500; font-size: 20px;}
.org_btm_con > dl > dd {font-family: 'Noto Sans KR'; font-weight: 500; font-size: 16px; color: #222;}
.org_btm_con > dl > dd > ul {padding-left: 18px; line-height: 1.7; border-left: 4px solid #222;}
.org_btm_con > dl > dd > ul li {}
.org_btm_txt {position: relative; margin-top: 215px; font-weight: 500; font-size: 20px; line-height: 1.5; text-align: center; color: #222;}
/*.org_btm_txt::before, .org_btm_txt::after {font-family: 'Lily Script One', cursive; position: absolute; left: 50%; transform: translateX(-50%); font-size: 180px; color: #FFF;}*/
.org_btm_txt::before, .org_btm_txt::after {position: absolute; left: 50%; transform: translateX(-50%); width: 65px; height: 50px;}
.org_btm_txt::before {content: ''; top: -85px; background: url(../img/sub/top_q_w.png) no-repeat center/cover;}
.org_btm_txt::after {content: ''; bottom: -85px; background: url(../img/sub/btm_q_w.png) no-repeat center/cover;}




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

      BUSINESS AREA

************************/
.area #container {}

.area_top {position: relative; left: 50%; transform: translateX(-50%); width: 1600px; height: 521px; background: url(../img/sub/area_bg.jpg) no-repeat center/cover;}
.area_top_con {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); display: flex; align-items: center; justify-content: space-between; width: 1200px;}
.area_top_con h1 {line-height: 1.1; letter-spacing: 1px; color: #FFF;}
.area_top_con h1 > span {}
.area_top_con .area_top_txt {position: relative; line-height: 1.8; font-weight: 500; font-size: 20px; color: #FFF;}
.area_top_con .area_top_txt::before, .area_top_con .area_top_txt::after {position: absolute; left: 0; width: 65px; height: 50px;}
.area_top_con .area_top_txt::before {content: ''; top: -85px; background: url(../img/sub/top_q_t.png) no-repeat center/cover;}
.area_top_con .area_top_txt::after {content: ''; bottom: -85px; background: url(../img/sub/btm_q_t.png) no-repeat center/cover;}

.area_btm {position: relative; z-index: 2; display: flex; justify-content: space-between; flex-wrap: wrap; margin-top: -40px;}
.area_btm > dl {width: 280px; height: 320px; margin-bottom: 40px; padding: 35px 0 0 25px; background: #FFF; box-shadow: 0 10px 20px rgba(0,0,0,0.1);}
.area_btm > dl:first-child {background: #FFF url(../img/sub/area_ico_1.png) no-repeat bottom 25px right 35px;}
.area_btm > dl:nth-child(2) {background: #FFF url(../img/sub/area_ico_2.png) no-repeat bottom 25px right 35px;}
.area_btm > dl:nth-child(3) {background: #FFF url(../img/sub/area_ico_3.png) no-repeat bottom 25px right 35px;}
.area_btm > dl:nth-child(4) {background: #FFF url(../img/sub/area_ico_4.png) no-repeat bottom 25px right 35px;}
.area_btm > dl:nth-child(5) {background: #FFF url(../img/sub/area_ico_5.png) no-repeat bottom 25px right 35px;}
.area_btm > dl:nth-child(6) {background: #FFF url(../img/sub/area_ico_6.png) no-repeat bottom 25px right 35px;}
.area_btm > dl:nth-child(7) {background: #FFF url(../img/sub/area_ico_7.png) no-repeat bottom 25px right 35px;}
.area_btm > dl:last-child {background: #FFF url(../img/sub/area_ico_8.png) no-repeat bottom 25px right 35px;}
.area_btm > dl > dt {}
.area_btm > dl > dt h4 {font-family: 'Roboto'; font-weight: 400; font-size: 16px; text-transform: uppercase; letter-spacing: 1px;}
.area_btm > dl > dt h2 {margin: 15px 0 10px; font-family: 'Noto Sans KR'; font-weight: 700; font-size: 30px; line-height: 1.2; word-break: keep-all; letter-spacing: -2px; color: #05224c;}
.area_btm > dl > dd {font-family: 'Noto Sans KR'; font-weight: 500; font-size: 16px; color: #222;}




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

        HISTORY

*********************/
.history_top > p {margin: 20px 0 40px;font-family: 'Noto Sans KR';font-weight: 700; font-size: 30px;letter-spacing: -2px;color: #222;}

.history_map {position: relative;}
.history_map > img {margin-left: -17px;}
.history_map dl {position: absolute; width: 280px; padding: 20px 0 0 25px;}
.history_map dl dt {line-height: 1.2; font-family: 'Montserrat'; font-weight: 700; font-size: 30px; color: #DDD;}
.history_map dl dt h4 {font-family: 'Noto Sans KR'; font-weight: 600; font-size: 20px; color: #222;}
.history_map dl dd {margin-top: 10px;}
.history_map dl dd > ul {position: relative;padding-left: 15px;line-height: 1.6;}
.history_map dl dd > ul::before {content: ""; position: absolute; top: 7px; left: 0; width: 3px; height: 95%; background: #c0eb98;}
.history_map dl dd > ul > li {font-family: 'Noto Sans KR'; font-weight: 500; font-size: 15px; color: #222; letter-spacing: -1px;}
.history_map dl.incheon {top: 10px; left: 0; height: 482px;}
.history_map dl.incheon dt {margin-top: 20px;}
.history_map dl.seoul {top: 10px; right: 0; height: 330px;}
.history_map dl.seoul dt {margin-top: 30px;}
.history_map dl.seoul dd > ul::before {height: 88%; background: #e9b2f0;}
.history_map dl.other {top: 522px; left: 0; height: 479px;}
.history_map dl.other dt {margin-top: 10px;}
.history_map dl.other dd > ul::before {background: #cfcfcf;}
.history_map dl.kyunggi {top: 370px; right: 0; height: 630px;}
.history_map dl.kyunggi dt {margin-top: 20px;}
.history_map dl.kyunggi dd > ul::before {height: 97%; background: #8be0ff;}

.history_btm > ul {display: flex; justify-content: space-between; flex-wrap: wrap; margin-top: 50px;}
.history_btm > ul > li {width: 380px; height: 230px; margin-bottom: 50px; overflow: hidden; box-shadow: 0 10px 10px rgba(0,0,0,0.1);}

.mt10 {margin-top: 10px;}




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

      BANNER SLIDE

**********************/
.banner_slide .slick-track {display: flex;}
.banner_slide .slick-slide {width: auto !important;}
.b_slider {display: inline-block; overflow: hidden;}
.b_slider > a {position: relative; display: block; width: 100%; height: 100%;}
.b_slider .b_img img {width: 100%;}
.b_slider .b_txt {position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: flex; opacity: 0; align-items: center; justify-content: center; flex-flow: column; background: url(../img/main/banner_on.png) no-repeat center/cover; transition: opacity 0.2s linear;}
.b_slider .b_txt dt { font-size: 32px; font-weight: 700; font-family: 'Noto Sans KR'; line-height: 1.2; text-align: center; color: #FFF;}
.b_slider .b_txt dt > span {display: block;}
/*.b_slider .b_txt dd p {font-family: 'Roboto'; font-weight: 600; font-size: 35px; letter-spacing: 10px; color: #FFF; mix-blend-mode: overlay;}*/
.b_slider .b_txt dd {margin-top: 90px;}
.b_slider .b_txt dd .banner_btn {border: 2px solid #00baf2; color: #00baf2;}
.b_slider .b_txt dd .banner_btn:hover {background: transparent;}
.b_slider .b_txt dd .banner_btn span {}
.b_slider .b_txt dd .banner_btn i::before {background: #00baf2;}
.b_slider .b_txt dd .banner_btn i::after {background: #00baf2;}
.b_slider > a:hover .b_txt {opacity: 1;}




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

      BUSINESS AREA

***********************/
.business_tit h4 {margin-top: 25px;}
.business_info_wrap { margin: 115px 0; line-height: 1.3; font-weight: 700; font-size: 26px; letter-spacing: -1px; color: #cccccc; }
.business_txt {position: relative; text-align: left;}
.business_txt::before, .business_txt::after {content: ""; position: absolute; left: 0; width: 84px; height: 70px;}
.business_txt::before {top: -90px; background: url(../img/main/business_t_q.png) no-repeat center/cover;}
.business_txt::after {bottom: -90px; background: url(../img/main/business_b_q.png) no-repeat center/cover;}

.business_img {position: relative; display: inline-block; left: 50%; transform: translateX(-50%);}
.business_img .business_step {border: 10px solid transparent; position: absolute; top: 0; right: 0; height: 100%; width: 100%;}
.business_img .business_step li {position: absolute; line-height: 1.6; text-align: right;}
.business_img .business_step li:first-child {top: 60px; right: 36px;}
.business_img .business_step li:nth-child(2) {top: 60px; right: 344px;}
.business_img .business_step li:nth-child(3) {top: 164px; right: 452px; text-align: left;}
.business_img .business_step li:nth-child(4) {top: 400px; right: 332px; text-align: left;}
.business_img .business_step li:nth-child(5) {top: 400px; right: 124px; text-align: left;}
.business_img .business_step li:nth-child(6) {top: 500px; right: 64px;}
.business_img .business_step li:nth-child(7) {right: 160px; bottom: -96px; text-align: left;}
.business_img .business_step li:last-child {right: 424px; bottom: -96px; text-align: left;}
.business_img .business_step li h4 {font-family: 'Noto Sans KR'; font-weight: 600; font-size: 20px; letter-spacing: -1px; color: #08224b;}
.business_img .business_step li p {    font-family: 'Noto Sans KR'; font-weight: 500; font-size: 14px; color: #777777;}
@media screen and (max-width: 1950px) {
  #main_business .business_tit {left: 20%;}
}




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

      NEWS

***************/
.main_news_wrap {width: 1300px; margin: 0 auto; overflow: hidden;}
.main_wrap {}
.main_wrap > ul {width: 884px; float: right; border-top: 12px solid #242424;}
.main_wrap > ul::after {content: ''; display: block; clear: both;}
.main_wrap > ul > li {padding: 10px 0 10px; border-bottom: 1px solid #222;}
.main_wrap > ul > li dl {display: flex}
.main_wrap > ul > li dl dt {position: relative; width: 82px; height: 82px; margin-right: 24px; box-shadow: 10px 10px 20px rgba(0,0,50,0);}
.main_wrap > ul > li dl dt.notice {background: #00baf2;}
.main_wrap > ul > li dl dt.notice::after {content: '공지'; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); font-family: 'Noto Sans KR'; font-weight: 600; font-size: 20px; color: #FFF;}
.main_wrap > ul > li dl dt.news {background: #86ae60;}
.main_wrap > ul > li dl dt.news::after {content: '뉴스'; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); font-family: 'Noto Sans KR'; font-weight: 600; font-size: 20px; color: #FFF;}
.main_wrap > ul > li dl dd {flex: 1;}
.main_wrap > ul > li dl dd ul {}
.main_wrap > ul > li dl dd .n_date {font-family: 'Montserrat'; font-weight: 700; font-size: 30px; letter-spacing: 2px; color: #ddd;}
.main_wrap > ul > li dl dd .n_title {font-family: 'Noto Sans KR'; font-weight: 700; font-size: 36px; color: #222;}
.main_wrap > ul > li dl dd .n_con {margin-top: 12px; font-family: 'Noto Sans KR'; font-weight: 400; font-size: 14px; color: #777; white-space: normal; display:-webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; overflow: hidden;}

@media screen and (max-width: 1750px) {
  .news_tit {left: 20%;}
}




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

    PR ROOM

***************/
.pr_wrap > ul {width: 100%; float: right; border-top: 12px solid #242424;}
.pr_wrap > ul::after {content: ''; display: block; clear: both;}
.pr_wrap > ul > li {padding: 40px 0 50px; border-bottom: 1px solid #222;}
.pr_wrap > ul > li dl {display: flex}
.pr_wrap > ul > li dl dt {position: relative; width: 82px; height: 82px; margin-right: 24px; box-shadow: 10px 10px 20px rgba(0,0,50,0.2);}
.pr_wrap > ul > li dl dt.notice {background: #00baf2;}
.pr_wrap > ul > li dl dt.notice::after {content: '공지'; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); font-family: 'Noto Sans KR'; font-weight: 600; font-size: 20px; color: #FFF;}
.pr_wrap > ul > li dl dt.news {background: #86ae60;}
.pr_wrap > ul > li dl dt.news::after {content: '뉴스'; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); font-family: 'Noto Sans KR'; font-weight: 600; font-size: 20px; color: #FFF;}
.pr_wrap > ul > li dl dt.recruit {background: #f2b100;}
.pr_wrap > ul > li dl dt.recruit::after {content: '채용'; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); font-family: 'Noto Sans KR'; font-weight: 600; font-size: 20px; color: #FFF;}
.pr_wrap > ul > li dl dt.business {background: #30417a;}
.pr_wrap > ul > li dl dt.business::after {content: '사업'; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); font-family: 'Noto Sans KR'; font-weight: 600; font-size: 20px; color: #FFF;}
.pr_wrap > ul > li dl dd {flex: 1;display: flex; align-items: center; justify-content: space-between;}
.pr_wrap > ul > li dl dd ul {}
.pr_wrap > ul > li dl dd .n_date {min-width: 180px; margin-left: 40px;font-family: 'Montserrat'; font-weight: 400; font-size: 30px; color: #ddd;}
.pr_wrap > ul > li dl dd .n_title {font-family: 'Noto Sans KR'; font-weight: 700; font-size: 36px; color: #05224c; white-space: normal; display:-webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; overflow: hidden;}
.pr_wrap > ul > li dl dd .n_con {margin-top: 12px; font-family: 'Noto Sans KR'; font-weight: 400; font-size: 14px; color: #777; white-space: normal; display:-webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; overflow: hidden;}


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

    NEWS VIEW

***************/
.news_view > ul {width: 100%; float: right; border-top: 12px solid #242424;}
.news_view > ul::after {content: ''; display: block; clear: both;}
.news_view > ul > li {padding: 10px 0 10px; border-bottom: 1px solid #222;}
.news_view > ul > li dl {display: flex}
.news_view > ul > li dl dt {position: relative; width: 82px; height: 82px; margin-right: 24px; box-shadow: 10px 10px 20px rgba(0,0,50,0);}
.news_view > ul > li dl dt.notice {background: #00baf2;}
.news_view > ul > li dl dt.notice::after {content: '공지'; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); font-family: 'Noto Sans KR'; font-weight: 600; font-size: 20px; color: #FFF;}
.news_view > ul > li dl dt.news {background: #86ae60;}
.news_view > ul > li dl dt.news::after {content: '뉴스'; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); font-family: 'Noto Sans KR'; font-weight: 600; font-size: 20px; color: #FFF;}
.news_view > ul > li dl dt.recruit {background: #f2b100;}
.news_view > ul > li dl dt.recruit::after {content: '채용'; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); font-family: 'Noto Sans KR'; font-weight: 600; font-size: 20px; color: #FFF;}
.news_view > ul > li dl dt.business {background: #30417a;}
.news_view > ul > li dl dt.business::after {content: '사업'; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); font-family: 'Noto Sans KR'; font-weight: 600; font-size: 20px; color: #FFF;}
.news_view > ul > li dl dd {flex: 1;display: flex; align-items: center; justify-content: space-between;}
.news_view > ul > li dl dd ul {}
.news_view > ul > li dl dd .n_date {font-family: 'Montserrat'; font-weight: 400; font-size: 30px; color: #ddd;}
.news_view > ul > li dl dd .n_title {font-family: 'Noto Sans KR'; font-weight: 700; font-size: 36px; color: #05224c;}
.news_view > ul > li dl dd .n_con {margin-top: 12px; font-family: 'Noto Sans KR'; font-weight: 400; font-size: 14px; color: #777; white-space: normal; display:-webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; overflow: hidden;}


.news_view {}
.news_view > ul {}
.news_view .news_tit {}
.news_view .news_tit dl {}
.news_view .news_tit dt {}
.news_view .news_tit dd {}

.news_view .news_info {text-align: right; border-bottom: 1px solid #ddd;}
.news_view .news_info span {font-size: 20px;}
.news_view .news_info span:first-child {margin-right: 20px;}
.news_view .news_info span:last-child {font-family: 'Roboto'; font-weight: 500; color: #222;}

.news_view .news_wrap {padding: 68px 30px;}
.news_view .news_con {}

.news_view .news_btns {padding: 40px 0; border-bottom: 0; display: flex; align-items: center; justify-content: space-between;}
.news_view .news_arrows {}
.news_arrows a {position: relative; font-family: 'Noto Sans KR'; font-size: 18px; font-weight: 500; color: #777; border: 1px solid #ddd;}
.news_view .prev_arrow {padding: 12px 24px 12px 60px;}
.news_view .prev_arrow::before {    content: '<'; position: absolute; top: 52%; left: 24px; transform: translateY(-50%); font-size: 18px; color: #222; font-family: cursive; font-weight: 600;}
.news_view .next_arrow {padding: 12px 60px 12px 24px;}
.news_view .next_arrow::after {    content: '>'; position: absolute; top: 52%; right: 24px; transform: translateY(-50%); font-size: 18px; color: #222; font-family: cursive; font-weight: 600;}
.news_view .news_list {padding: 12px 60px; font-family: 'Noto Sans KR'; font-weight: 500; font-size: 18px; text-align: center; background: #05224c; color: #FFF;}




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

    SUB BUSINESS PORTFOLIO

*****************************/
.portfolio_wrap > li {position: relative; margin: 60px 0;}
.portfolio_wrap > li img {}
.portfolio_wrap .portfolio_txt {position: absolute; top: 50%; right: 0; transform: translateY(-50%); background: #FFF; width: 530px; height: auto; padding: 50px; box-shadow: 0 0 40px rgba(0,0,30,0.1);}
.portfolio_wrap .portfolio_txt h2 {margin-bottom: 32px; font-family: 'Noto Sans KR'; font-weight: 600; font-size: 32px; letter-spacing: -1px; word-break: keep-all; color: #05224c;}
.portfolio_wrap .portfolio_info {}
.portfolio_wrap .portfolio_info dl {display: flex; margin-bottom: 8px; font-family: 'Noto Sans KR'; font-weight: 500; font-size: 16px;}
.portfolio_wrap .portfolio_info dt {position: relative; display: flex; justify-content: space-between; width: 20%; margin-right: 28px; color: #222;}
.portfolio_wrap .portfolio_info dt::after {content: '|'; position: absolute; right: -17px; font-weight: 100; color: #777;}
.portfolio_wrap .portfolio_info dd {width: 80%; word-break: keep-all; color: #777;}





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

      FOOTER POP INFO

****************************/
#footer_pop_wrap {width: 1000px; margin: 0 auto; padding: 40px;}
#footer_pop_wrap * {font-family: 'Noto Sans'; font-weight: 400; color: #222;}
#footer_pop_wrap ul div , #footer_pop_wrap ul div  * {color: #777;}
#footer_pop_wrap .pop_tit {}
#footer_pop_wrap .pop_tit h1 {font-weight: 700; font-size: 36px; color: #222;}
#footer_pop_wrap .pop_tit p {padding: 10px 0 20px; font-size: 18px; color: #777; border-bottom: 12px solid #222;}
#footer_pop_wrap .pop_tit img {margin: 30px 0;}

#footer_pop_wrap > ul {}
#footer_pop_wrap > ul > li {}
#footer_pop_wrap > ul > li h3 {padding-bottom: 20px; font-size: 20px; border-bottom: 1px solid #222;}
#footer_pop_wrap > ul > li div {padding: 20px; font-size: 16px; word-break: keep-all; line-height: 1.8;}
#footer_pop_wrap > ul > li div ul {}
#footer_pop_wrap > ul > li div ul li {}