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

/* common */
* { -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;}
body, input, button, select, textarea { font-size:13px; color:#333; font-family:Apple SD Gothic Neo, 'NotoSans', sans-serif;}
img { width:100%; vertical-align:top;}

/* layout */
body { -webkit-text-size-adjust:none;}
#wrap { overflow:hidden;  width: 100%; min-width:200px; min-height:568px; margin:0 auto; line-height:1.5; position: relative;}/*position:relative;*/

/* Slider */
.slick-slider {
    position: relative;
    display: block;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
    touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}
.slick-list {position: relative; display: block; overflow: hidden; margin: 0; padding: 0; }
.slick-list:focus {outline: none; }
.slick-list.dragging {cursor: pointer; cursor: hand; }
.slick-slider .slick-track,
.slick-slider .slick-list {
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}
.slick-track {position: relative; top: 0; left: 0; display: block; }
.slick-track:before,
.slick-track:after {
    display: table;
    content: '';
}
.slick-track:after {clear: both; }
.slick-loading .slick-track {visibility: hidden; }
.slick-slide {display: none; float: left; height: 100%; min-height: 1px; }
[dir='rtl'] .slick-slide {float: right; }
.slick-slide img {display: block; }
.slick-slide.slick-loading img {display: none; }
.slick-slide.dragging img {pointer-events: none; }
.slick-initialized .slick-slide {display: block; }
.slick-loading .slick-slide {visibility: hidden; }
.slick-vertical .slick-slide {display: block; height: auto; border: 1px solid transparent; }
.slick-arrow.slick-hidden {display: none; }


.privacy input[type=text]  {
  font-size: 13px !important;
}
/* header */
#header {position: relative; display: flex; align-items: center; justify-content: space-around; width: 100%; padding: 8% 5%; z-index: 21; background: #fff;}
/*.header_in {position:relative; width: 100%; text-align: center; overflow: hidden;}*/
.header_in {flex: 2.5;}
#header h1 {
  z-index:10; 
  width:22.8%; 
  display: inline-block; 
  position: absolute;
  top: 0;
  left: 50%;
  transform: translate(-50%, 0);
}
#header .top_movie {position:absolute; right:16.9%; width:13.1%; top: 0;}
#header .top_tel {float:right; width:32.1%;}
/*#header .gnb_open { position:absolute; left:14px; top: 50%; margin-top: -20px;}*/
#header .gnb_open {position: relative; display: block; width: 40%; height: 0; padding-top: 16%; float: right;}
#header .gnb_open span {position: absolute; right: 0; height: 0; padding-top: 12%; background: #000;}
#header .gnb_open span:first-child {top: 0; width: 100%;}
#header .gnb_open span:last-child {bottom: 0; width: 80%;}

/* gnb */
.gnb_mask { display:none; position:absolute; top:0; left:0; z-index:200; width:100%; min-width:320px; height:100%; background-color:#000; opacity:0.5;}
#gnb { display:none; position:absolute; top:0; right:-100%; z-index:300; width:100%; height:100%;}
#gnb .gnb_close {position: relative; display: flex; align-items: center; justify-content: space-around; width: 100%; padding: 8% 5%; z-index: 21; background: #fff;}
#gnb .close_in {flex: 2.5;}
#gnb #gnb_close {position: relative; display: block; width: 40%; height: 0; padding-top: 16%; float: right;}
#gnb #gnb_close span {position: absolute; top: 50%; left: 50%; width: 100%; height: 0; padding-top: 12%; background: #000;}
#gnb #gnb_close span:first-child {transform: translate(-50%, -50%) rotate(-45deg);}
#gnb #gnb_close span:last-child {transform: translate(-50%, -50%) rotate(45deg);}


@media screen and (max-width: 330px) {
  #header .gnb_open .lnr-menu {font-size: 32px;}
  .gnb_close .lnr-cross {font-size: 30px;}
}


#gnb .depth0 { padding: 8% 0 22%; overflow-y:auto; overflow-x:hidden; background:#fff;}
#gnb .depth0 > li {}
#gnb .depth0 > li > a { display: block; position: relative; padding: 6.5% 10% 3%; color: #181818; font-size: 6.8vw; line-height: 1.4; font-weight: 800; word-break: keep-all;}
#gnb .depth0 > li > a:after {position:absolute; bottom: -3px; left: 10%; margin-top:-8px; font-family:'Linearicons-Free'; font-size:11px; line-height:15px; color: #999999;}
#gnb .depth0 > li:first-child > a:after {content: "인사말";}
#gnb .depth0 > li:nth-child(2) > a:after {content: "회사개요";}
#gnb .depth0 > li:nth-child(3) > a:after {content: "조직도";}
#gnb .depth0 > li:nth-child(4) > a:after {content: "업무영역";}
#gnb .depth0 > li:nth-child(5) > a:after {content: "지역별 사업실적";}
#gnb .depth0 > li:nth-child(6) > a:after {content: "부문별 사업실적";}
#gnb .depth0 > li:last-child > a:after {content: "엔티파크 PR";}
#gnb .depth0 > li.on > a {color: #00baf2;}

#gnb .depth1 { display:none; padding:13px 0; border-top:1px solid #ccc; background-color:#eee;}
#gnb .depth1 > li > a { display:block; padding:2.5% 10% 2%; color:#666; font-size:14px;}
#gnb .depth1 > li.on > a {color:#3f4146;}
#gnb .depth1.no_child { display:none; overflow:hidden; width:0 !important; height:0 !important; padding:0; border-top:0;}

/*.logo_con{position: absolute; top:-1px; left:50%; transform: translate(-71%, 0); width:39%; z-index: 1;}*/
.logo_con {flex: 7.5;}

/* container */
#container { position:relative; height: auto; overflow: auto;}
#container .top_line { font-size:0;}
.contents {min-height: 300px; padding:15% 4.6875% 20%;}

.sub_title {text-align:center; position: relative;}
.sub_title .sub_title_con {position: absolute; top: 44%; left: 50%; transform: translate(-50%, -50%); width: 100%;}
.sub_title .sub_title_con h2 {position: relative; font-size:9.2vw; color: #FFF;}
.sub_title .sub_title_con p {position: relative; font-family: 'Montserrat'; font-weight: 300; font-size: 3vw; color: #FFF;  padding-top: 2vw;}
/*.sub_title .sub_title_con p:before{position: absolute; top:3px; left:50%; width:18px; height:1px; background: #3e3e3e; transform: translate(-50%); content: ""}*/
.sub_title .sub_title_con p > b {position: relative; margin-left: 5vw; font-weight: 700}
.sub_title .sub_title_con p > b::before {content: ''; position: absolute; top: 50%; left: -4.5vw; transform: translateY(-50%); width: 2.8vw; height: 0.8vw; background: #FFF;}
.sub_title .sub_title_con p > b i {font-style: inherit;}
.sub_title .sub_summary {position: absolute;left: 6%;bottom: 6vw;font-size: 3.5vw;text-align: left;color: #FFF;}
.sub_title .sub_img{position: absolute; top:0; right:0;}
.sub_title .sub_img>img{width:82px;}


/*.main footer{margin-top: -5px;}*/
footer .link_con{position: fixed; bottom:0; z-index:99; display: table; width: 100%; max-width: 640px; left: 0; right: 0; margin:auto; background: #242424}
footer .link_con>a{display: table-cell; width:50%;}
footer .link_con>a>img{width:100%;}
.top_btn{position:fixed; bottom:-200px; right:10px; vertical-align: top; z-index: 89;}
.top_btn .btn_top{
  display:block; 
  width:40px; 
  height:40px;   
  background: #a20069;
  font-size: 0;
  color: transparent;
  text-align: center;
}
.top_btn .btn_top::before{
    content: "\e877";
    font-family: Linearicons-Free;
    font-size: 1.3rem;
    display: inline-block;
    padding: 5px;
    color: #fff;  
}




#wrap>.link_con{position:fixed; bottom:0; display: table; width:100%; max-width: 640px;}
#wrap>.link_con>a{display: table-cell; width:50%;}
#wrap>.link_con>a>img{width:100%;}



/* main */
.main_img { overflow:hidden;}
.main_img img {width: 100%;}
.main_visual{position: relative; font-size: 0;}
.main_visual .open{position: absolute; top:50%; margin-top: 37%; }

.main .slick-dots {
    position: absolute;
    z-index: 99;
    bottom: 20px;
    width: 100%;
    text-align: center;
}
.main .slick-dots li {display: inline-block; padding: 0 3px;}
.main .slick-dots li button {border:0; color: transparent; font-size: 0; padding:0; width: 40px; height: 3px; display: block; background: rgba(255,255,255,.6);}
.main .slick-dots li.slick-active button {background: #c09836; opacity: 1;}

.main_visual>.txt{position: absolute; top:0; z-index: 1}


/*.premium_con{overflow: hidden; line-height: 0;}
.premium_con .slick-dots{text-align: left;top:50%; margin-top: -5%; margin-left: 4%; bottom:34px;}
.premium_con .slick-dots li{display:block; margin-bottom: 6px;}
.premium_con .slick-dots li button{width:5px; height:5px; border-radius: 50%; background: #d4d4d4;}
.premium_con .slick-dots li.slick-active button{width:5px; height:5px; background: #707070;}*/

.img_con{position: relative;}

.big_page{display:block; margin-bottom:30px;}

/*당첨자발표*/
.winner_con>.bg{display:table; width:100%; background: url("/resources/img/sub/event/m_winner_center.jpg")0 0 repeat-y; background-size: 100%;}
.winner_con>.bg>div{width:100%; padding:0 14%;}
.winner_con>.bg>div>ul li{display: table; width:100%; color:#616161; }
.winner_con>.bg>div>ul li.th{font-size:10px; font-weight:bold; color:#1f1f1f; background: #dfdbd3; padding:8px 0; margin-bottom:16px;}
.winner_con>.bg>div>ul li.td{padding:5px 0; font-size:12px;}
.winner_con>.bg>div>ul li span{display: table-cell; width:144px; text-align: center;}
.winner_con>.bg>div>ul li span:first-child{width:107px; text-align: center;}

.winner_con>.bg{background: url("/resources/img/sub/event/m_winner_center3.jpg")0 0 repeat-y; background-size: 100%;}
.winner_con.win2>.bg>div>ul li.th.st1{background: #743f58}
.winner_con.win2>.bg>div>ul li.th.st2{margin-top: 20px;}
.winner_con.win2>.bg>div>ul li.th{color:#fff; background: #03583b}



/* tabmenu */
.tab {}
.tab>ul:after { content:""; display:block; height:0; clear:both; visibility:hidden;}
.tab>ul>li { float:left; display:table; margin-left:-1px;}
.tab>ul.tabnum3>li {width:33.33%;}
.tab>ul.tabnum4>li {width:25%;}
.tab>ul>li>a { position:relative; box-sizing:border-box; display:table-cell; width:100%; height:42px; padding-top:1px; text-align:center; vertical-align:middle; line-height:1.2; font-size:1.1em; color:#222; background:#fff; border:1px solid #ccc;}
.tab>ul>li>a.on { position:relative; z-index:2; color:#308fe3; background:#fff; border:2px solid #308fe3;}
.tab-content, .tab_content {display:none;}
.tab-content.on {display: block;}

/* 게시판 */
.list_wrap{width:100%;}
.list_wrap ul li{padding:10px 0; line-height: 25px; border-bottom: 1px solid #dcdee2;}
.list_wrap ul li:first-child{border-top:1px solid #e0e5e8;}
.list_wrap ul li dl dt{float: left; width:90%;color:#000; font-size: 12px; text-align: left; padding-bottom: 5px;}
.list_wrap ul li dl dt a {color: #1c1c1c;}
.list_wrap ul li dl:after{clear:both;content: '';display:block;}
.list_wrap ul li:after{clear:both;content: ''; display:block;}
.list_wrap ul li dl dd{float: left;}
.list_wrap ul li dl dd.num{width:10%; font-size:12px; color:#bebebe;}

.list_wrap ul li dl dd.date{color:#8e969c; padding-right:12px; text-align: right; float: right;}
.list_wrap ul li dl dd.media{padding-left:10%; text-align: center;}
.list_wrap ul li dl dd.media span{display:block;background-color: #565c66; font-size: 10px; width:120px; height:23px; line-height: 23px; color:#fff;}
.list_wrap ul li dl dd.media.notice span{background-color: #1c1c1c ;}


.list_wrap .th{color:#404041 !important; font-size: 14px !important; font-weight: 700 !important; text-align: center !important; background:url("/images/common/list_th_bl.gif") 0 50% no-repeat;}
.list_wrap .th.none{background: none;}



.page_list {clear: both; text-align:center; padding-top: 30px;}
.page_list a {display: inline-block; width: 4vw; height: 6vw; line-height: 6vw; color: #999; font-family: 'Montserrat'; font-size: 16px;}
.page_list a.arrow {width: 6vw; background-color: #fff; font-size: 0; color: transparent; border: 1px solid #ddd;}
.page_list a.prev {margin-right: 10px;}
.page_list a.next {margin-left: 10px;}
.page_list * {vertical-align: middle;}
.page_list a.on {font-weight:600; color:#222;}
.page_list a.prev:before{font-family: 'FontAwesome'; content: "\f104"; font-size:20px; color: #222; margin-left: -3px;}
.page_list a.first:before{font-family: 'FontAwesome'; content: "\f100"; font-size:20px; color: #222;}
.page_list a.next:before{font-family: 'FontAwesome'; content: "\f105"; font-size:20px; color: #222; margin-left:3px;}
.page_list a.last:before{font-family: 'FontAwesome'; content: "\f101"; font-size:20px; color: #222;}


/* 보도자료 */
.board_list { line-height:1;}
.type-table th {border-top:2px solid #333;background:#fbfbfb;color:#333;}
.type-table th, .type-table td {border-bottom:1px solid #e1e1e1;text-align:center;padding:3% 0;}
.type-table td {color:#535052;}
.type-table td a {color:#535052;word-break: break-all;}
.type-table td.tit {text-align:left;}

.type-table {width:100%;}
.type-table thead th {background:#eee;}
.type-table th, .type-table td {border-bottom:1px solid #d9d9d9;padding:16px 0;text-align:center;font-size:14px;word-break:break-all;}
.type-table th {font-weight:600;}
.type-table th:first-child, .type-table td:first-child {border-left:none!important;}
.type-table td.subj { padding-left:15px;line-height:15px; text-align:left;}
.type-table tbody .name {padding-left:5px;padding-right:5px;}

/* paging */
.paging { padding: 2rem 0; text-align: center; clear: both; }
.paging a { display: inline-block; width: 2rem; line-height: 2rem; border: 1px solid #ccc; background: #fff; margin: 0 2px; color:#666; }
.paging a.on { background:#012150; border:1px solid #012150; color:#fff; }

/*	관심고객등록	*/
.regist .reg_terms { font-size:12px; line-height:1.7;}
.regist .terms_box { padding:10px 15px; border:1px solid #e5e5e5; background-color:#f5f5f5; color:#666666; font-size: 12px; height: 200px; overflow: scroll;}
.regist .terms_box h4 { margin-top:10px; color:#1b1b1b; font-size: 13px; font-weight:normal;}

.regist .agree_radio {color:#000; font-size:13px; line-height: 22px; padding-top: 15px; text-align: center;}
.regist .agree_radio * {vertical-align: middle;}
.regist .agree_radio label { margin:-2px 5px 0 0;}
.regist .agree_radio .agree_chk {padding-top: 15px;}
.regist .agree_radio .agree_txt {}

.regist .reg_table>table {width:100%;}
.regist .reg_table>table tr:first-child th { border-top: 1px solid #2b6eaf; }
.regist .reg_table>table tr:first-child td { border-top: 1px solid #2b6eaf; }
.regist .reg_table>table th {
    box-sizing:border-box; 
    padding:8px 0; 
    text-align:center; 
    border-bottom:1px solid #c7c7c7; 
    font-size:12px; 
    color:#000; 
    vertical-align:middle;
    background: #fafafa;
	white-space: nowrap;
}
.regist .reg_table>table th>span { color:#e83829;}
.regist .reg_table>table td {
	box-sizing:border-box; 
	padding:8px 15px; 
	font-size:12px; 
	color:#666; 
	background-color:#fff; 
	border-bottom:1px solid #ddd; 
	text-align: left;
}
.regist .reg_table>table td input[type='text'], .reg_table>table td select {
    box-sizing:border-box; 
    height:30px !important; 
    font-size:12px; 
    padding-left:5px; 
    line-height:30px; 
    background-color:#fff; 
    border:1px solid #d6d6d6; 
    font-family: HelveticaNeue-Light,AppleSDGothicNeo-Light, Noto Sans DemiLight, sans-serif;
}
.regist .reg_table>table td .type-checkbox { margin:-2px 0 0;}
.regist .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;}

.innertbl th {white-space: normal !important;}
.regist .button {margin-top:20px; text-align:center;}
.regist .button img {width: 95px;}
.regist .button>a {display:inline-block; width:25%; height:3rem; line-height:2.8rem; text-align:center; font-size:1rem; color:#012150; border:2px solid #012150;}
.regist .button>a.btn_regist {vertical-align:top; color:#fff; background:#012150;}
.regist .button>a.btn_cancel {margin-left:6px;}


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


.foot_summary {padding-top: 20px;}
.foot_summary li {font-size:11px; margin-left: 12px; text-indent: -12px;}


.location {
    width: 100%;    
    border-bottom: 1px solid #e7e7e7;
    height: 45px;
    text-align: center;
}
.location_nav {
  font-size:15px; 
  text-align: left;
  padding: 0 15px;
}
.location_nav button {border:0; background:transparent; outline: 0; font-size: 0;}
/*.location_nav >* {float:left; border:1px solid transparent;}*/
.location_nav .home {
  display:inline-block; 
  width:45px; 
  height:45px;   
  white-space:nowrap;     
  overflow:hidden;
  position: relative;
  float:left;
  font-size: 0;
  border-left: 1px solid #ddd;
}
.location_nav .home::before {
  content: "\f015";      
  position:absolute; 
  top:6px; 
  left:0;   
  width: 100%;
  display: inline-block;
  text-align: center;
  white-space:nowrap;     
  overflow:hidden;
  font-size: 20px; 
  font-family:'FontAwesome';
  color: #989898;  
}
.location_nav .path-item {position:relative; min-width:150px; float:left; margin-left: -1px;}    
.location_nav .path-item dt {color:#000; border: 1px solid #e7e7e7; border-bottom: 0; border-top: 0; height: 45px; line-height: 45px;}
.location_nav .path-item dt, .location_nav .path-item li {padding:0 40px 0 15px;}
.location_nav .path-item ul {border:1px solid #e7e7e7; margin-top: -1px; position: absolute; width: 100%;}
.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 15px; border-top:1px solid #e7e7e7; font-size: 14px; background: #fff;}   
.location_nav .path-item li:first-child a { border-top:0;}
.location_nav .path-item li.on a {color:#d5007f;}

.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:40px; 
  white-space:nowrap; 
  overflow:hidden;
  cursor:pointer;
}
.location_nav .path-item .btn-open:after, .location_nav .path-item .btn-close:after {
  content: "\f0d7";      
  position:absolute; 
  top:9px; 
  right:12px; 
  white-space:nowrap;     
  overflow:hidden;
  font-size: 22px; 
  color: #989898;
  font-family:'FontAwesome';
  transition:all .3s cubic-bezier(.25, .46, .45, 1);
}

.location_nav .path-item .btn-close {display:none;}
.location_nav .path-item .btn-close:after {
  transform: rotate(180deg);
}   
.location_nav .path-item.active {z-index:22;}
.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;}


/* 관심고객등록 2 */
.privacy  fieldset{text-align: left;}
.privacy fieldset>  h2{position:relative; margin-bottom:10px; font-size:18px; line-height: 18px; height: 18px; color:#1c1c1c; font-weight:400;}

.terms_box{margin-bottom:15px; padding:15px 2%; height:150px; border:1px solid #e0e5e8; background:#f9f9f9;overflow:auto; font-size:13px; line-height: 25px;}
.terms_box h1{color:#414042; font-size:15px;}
.terms_box .terms > ul{padding-top:5px;}
.terms_box .terms > ul ul{padding-left:10px;}
.terms_agree{margin-bottom:30px; text-align: center;}
.terms_agree * {vertical-align: middle;}
.terms_agree label{ display:inline-block; font-size:14px; color:#959595; }
.terms_agree input{height: 24px}

.privacy_tb{width:100%; margin-bottom:10px; border-top:2px solid #574b30;}
.privacy_tb th{padding:15px 8px; text-align:center; vertical-align: middle; background-color:#f6f6f6; border-bottom:1px solid #c7c7c7; font-size:15px; color:#2c2c2c; }
.privacy_tb td{padding:9px; vertical-align: middle; border-bottom:1px solid #c7c7c7;}
.privacy_tb td:first-child,.privacy_tb th:first-child{border-right: 1px solid #e4e4e4 }
.privacy_tb td input[type=text]{padding-left:5px; width:202px; height:30px; line-height:30px; }
.privacy_tb td span{color:#959595; font-size:12px;}
.privacy_tb td input[type=text]{padding-left:1%; width:99%; height:32px; line-height:32px; }
.privacy_tb td input[type=number]{padding-left:1%; width:99%; height:32px; line-height:32px; }

.privacy_tb td select{width:32%; height:34px; line-height:34px; font-size:11px;}
.privacy_tb td.w_3 input[type=text]{width:30%;}
.privacy_tb td.w_3 input[type=number]{width:28%;}
.privacy_tb td.w_3  select{width:26%;}
.privacy_tb td.w_2 select{width:44%;}
.privacy_tb td.w_2 input[type=text]{width:44%;}
.privacy_tb .btn_post{margin-left:5px; width:150px; 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:14px; color:#2c2c2c; 
  padding-bottom:10px;
  padding-top:20px;
}
.privacy_tb td .qe:first-child{padding-top:10px;}
.privacy_tb td .qe em{color:#5c7dca;}
.privacy_tb td .an input{line-height:24px; height:24px;}

.privacy_tb td .tit{font-size:15px; color:#585858; padding-top:15px; padding-bottom:10px;}
.privacy_tb td .tit em{color:#5c7dca;}
.privacy_tb td .an span{display: block;}
.privacy_tb td .an span.bar{display: inline-block; padding:3px 10px; background:#5c7dca; color:#fff; text-align: center; width:70px; margin-top: 10px;}


.privacy .btn_box{text-align: center; padding-top: 15px;}
.privacy .txt_box{color:#666; text-indent:-4%; margin-bottom:30px;}
.privacy .btn_box .btn {
    margin: 0 2px;
    width: 140px;
    height: 50px;
    line-height: 50px;
    text-align: center;
    display: inline-block;
    font-size: 16px;
    color: #fff;
    font-weight: 700;
}
.privacy .btn_box .btn.btn-green {background-color: #574b30;}
.privacy .btn_box .btn.btn-gray {background-color: #606163;}


.event_img{padding-bottom:30px;}
.file_input_textbox {float:left;}
.file_input_div {position:relative; width:27%;  height:34px; overflow:hidden;}
.file_input_img_btn {margin-left:5px; width:100%; display:block; height:34px; text-align:center; line-height:34px; display:inline-block; background-color:#414042; color:#fff !important; font-size:11px; font-family:"돋움";}

.file_input_hidden {
    font-size:29px; 
    position:absolute; 
    right:0px; 
    top:0px; 
    opacity:0; 
    filter: alpha(opacity=0); 
    -ms-filter: alpha(opacity=0); 
    cursor:pointer;
}

.st1.privacy_tb{border-bottom:1px solid #e4e4e4}
.st1.privacy_tb th{font-size:13px; border-bottom: none;}
.st1.privacy_tb td{border-bottom: none}


/*약관*/
.terms h1{font-size:13px; font-weight:400;}
.terms h2{margin-bottom:0; padding:20px 0 10px; font-size:14px; font-weight:400;}
.terms h2:first-child{padding-top:0;}
.terms p{margin-bottom:10px; }
.terms ul li{margin-bottom:5px;}




/* 
	popup 
*/
/*section.popup {
    position: fixed;
    left: 0;
    top: 0;
    z-index: 2080;
    bottom: 0;
    right: 0;
    background: rgba(0,0,0,.3);
}
.popup button {
	border:0;	
	background: url(/resources/img/pop/close_pop.png) no-repeat center center;
	width: 40px;
	height: 40px;
	display: block;
	text-indent: -100000px;
	font-size: 0;
}
.layerpop {position: relative; padding-top: 18%;}
.layerpop img { vertical-align:top; width: 100%;}
.layerpop .today {-webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; width:100%; height:35px; font-size:12px; color:#fff; position:relative; background:#130c0a;}
.layerpop .today>a {position:absolute; right:12px; top:9px; color:#fff;}
.popup_close {
	overflow: hidden;	
	position: absolute;
	right: 0px;
	bottom: 0px;	
}
.layerpop .pop_link {
	display: block; 
	text-indent: -100000px; 
	font-size: 0; 
	position:absolute; 
	width: 63.4%; 
	height: 13.3%;
	left: 18.4%; 
	top: 65%;
	z-index: 999999;
}*/
.main_popup {display: none; position:absolute; top:20px; left:10%; width:80%; background:transparent; z-index:999;}
.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;*/width:100%;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 .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;
}

#pop1.main_popup .slick-dots{bottom:-1px;}



.location .btn_in {padding: 5% 24.5% 0; text-align: center;}
.location .btn_in a {display: block;}

.popvideo { top: 0; left:0; right: 0; bottom: 0; line-height: 0; position: fixed; z-index: 9999;}
.popvideo .video_con {    
    -webkit-transform: translateX(-50%)translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    position: absolute;
    left: 50%;
    top: 50%;
    width: 96%;
}
.popvideo p {
    position: absolute;
    right: 0;
    top: 50%;
    padding-top: 30%;
 }

.popvideo .closevideo {color:#fff;font-size:13px; color:#fff; padding: 5px 10px; display: block;text-align: right;}
.popvideo .closevideo * {vertical-align: middle;}
.popvideo .closevideo i {display: inline-block; font-style: normal;}
.popvideo .closevideo i::after {
  content: "\e870"; 
  display: inline-block; 
  font-family:Linearicons-Free;
  font-size: 18px;
  margin-right: 6px;
  color: #fff;
}
#layerScreen{position:fixed; top:0; left:0; width:100%; height:100%; background: rgba(0,0,0,0.5); display: none; }


/*
  Radio & Checkbox
*/

input[type=checkbox].checkbox,
input[type=radio].radio {
  opacity:0;
  position:absolute;
  z-index:12;
  width:20px;
  height:20px;
  cursor:pointer;
  margin:0;
  padding:0;
}
input[type=checkbox].checkbox:checked,
input[type=checkbox].checkbox:focus,
input[type=radio].radio:checked,
input[type=radio].radio:focus {
  outline:none !important;
}
input[type=checkbox].checkbox+.label,
input[type=radio].radio+.label {
  position:relative;
  z-index:11;
  display:inline-block;
  margin:0;
  font-weight:normal;
  vertical-align: top;
}
input[type=checkbox].checkbox+.label::before {
  font-family:fontAwesome;
  font-weight:normal;
  font-size:15px;
  color:#fff;  
  background-color:#fff;
  border:1px solid #cfcfcf; 
  border-radius:0;
  display:inline-block;
  text-align:center;
  vertical-align: middle;
  height:18px;
  min-width:18px;
  margin-right:1px;
  content: '\f00c';
  line-height: 18px;
}
input[type=radio].radio+.label::before {  
  border:1px solid #dbdbdb; 
  border-radius:0;
  display:inline-block;
  text-align:center;
  vertical-align:middle;
  height:22px;
  min-width:22px;
  margin-right:1px; 
  line-height: 22px;
  content: '';
}
input[type=radio].radio+.label::before {  
  line-height: 14px;
}
input[type=checkbox].checkbox:checked+.label:before {
  display:inline-block;
  content:"\f00c";
  border:1px solid #000; 
  background-color:#fff;
  color: #555;
}
input[type=radio].radio:checked+.label:before {
  display:inline-block;
  font-family:fontAwesome;
  content: '\f00c';
  border:1px solid #282d41; 
  background-color:#fff;
  color: #282d41;  
  font-size: 14px;
  line-height: 20px;
  letter-spacing: -1px;
}

input[type=checkbox].checkbox:hover+.label::before,
input[type=checkbox].checkbox+.label:hover::before,
input[type=radio].radio:hover+.label::before,
input[type=radio].radio+.label:hover::before {
  border-color:#282d41;
}
input[type=checkbox].checkbox:active+.label::before,
input[type=checkbox].checkbox:checked:active+.label::before,
input[type=radio].radio:active+.label::before,
input[type=radio].radio:checked:active+.label::before {
  box-shadow:0 1px 2px rgba(0,0,0,0.05), inset 0 1px 3px rgba(0,0,0,0.1);
}
input[type=checkbox].checkbox:disabled+.label::before,
input[type=checkbox].checkbox[disabled]+.label::before,
input[type=checkbox].checkbox.disabled+.label::before,
input[type=radio].radio:disabled+.label::before,
input[type=radio].radio[disabled]+.label::before,
input[type=radio].radio.disabled+.label::before{
  background-color:#f0f0f0 !important;
  border-color:#c9c9c9 !important;
  box-shadow:none !important;
  color:#bbb;
}
input[type=radio].radio+.label::before {
  border-radius:100%;
  /*font-size:12px;
  line-height:17px;
  height:17px;
  min-width:17px;*/
}

input[type=checkbox].checkbox.switch {
  width:60px;
  height:30px;
}
input[type=checkbox].checkbox.switch+.label {
  margin:0 4px;
  min-height:30px;
}
input[type=checkbox].checkbox.switch+.label::before {
  content:"ON\a0\a0\a0\a0\a0\a0\a0\a0\a0\a0\a0\a0\a0\a0\a0\a0OFF";
  float:left;
  overflow:hidden;
  box-sizing:border-box;
  margin-right:0px;
  padding:0px;
  width:60px;
  height:30px;
  line-height:28px; 
  background-color:#889fae;
  border:1px solid #6d899c;
  border-radius:2px;
  box-shadow:none;
  color:#fff;
  font-family:Arial, Helvertica, sans-serif;
  font-size:11px;
  font-weight:bold;
  text-align:left;
  text-indent:-30px;
  transition:all 0.4s ease;
}
input[type=checkbox].checkbox.switch+.label::after {
  content:"??????";
  position:absolute;
  top:0px;
  left:0px;
  box-sizing:border-box;  
  padding:4px 0px 0px;
  width:30px;
  height:30px;
  background: #f7f7f7; 
  background: linear-gradient(to bottom,  #f7f7f7 0%,#e5e5e5 100%); 
  border-top:1px solid #e4e4e4;
  border-right:none;
  border-bottom:1px solid #c3c3c3;
  border-left:1px solid #cecece;
  border-top-right-radius:0px;
  border-bottom-right-radius:0px;
  border-top-left-radius:2px;
  border-bottom-left-radius:2px;  
  color:#5b6a73;
  font-family:Arial, Helvertica, sans-serif;
  font-size:12px;
  font-weight:lighter;
  line-height:18px;
  text-align:center;
  text-shadow:-1px 0 0 rgba(0,0,0,0.2);
  transition:all 0.4s ease;
}
input[type=checkbox].checkbox.switch:checked+.label::before {
  text-indent:5px;
  background-color:#5791d7;
  border-color:#4b79ad;
}
input[type=checkbox].checkbox.switch:checked+.label::after {
  left:32px;
  border-right:1px solid #cecece;
  border-left:none;
  boder-top-right-radius:2px;
  border-bottom-right-radius:2px;
  border-top-left-radius:0px;
  border-bottom-left-radius:0px;
}
input.checkbox.readonly[type="checkbox"] + .label:before,
input.radio.readonly[type="radio"] + .label:before {
  background:#e1e1e1;
}
input[type="text"], input[type="password"] {
    border-top: 1px solid #ccc;
    border-left: 1px solid #ccc;
    border-right: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    background: #fff;
    height: 38px;
    padding: 0 10px;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    appearance: none;
    -webkit-appearance: none;
    border-radius: 0;
    -webkit-border-radius: 0;
    line-height: 36px\9;
    font-family: inherit;
    font-size: 16px;
}
input[type="text"], input[type="password"], input[type="tel"] {
    border-top: 1px solid #ccc;
    border-left: 1px solid #ccc;
    border-right: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    background: #fff;
    height: 38px;
    padding: 0 10px;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    appearance: none;
    -webkit-appearance: none;
    border-radius: 0;
    -webkit-border-radius: 0;
    line-height: 36px\9;
    font-family: inherit;
    font-size: 1.4rem;
}


/* main popup */
.popup_wrap {display: none;position:fixed;top:0;left:0;width:100%;height:100%;padding:20vw 50px 0;background: rgba(0,0,0,0.5);overflow-y: auto;z-index:999; line-height: 0;}
.popup_wrap .popup {}
.popup_wrap .popup_slide {position:relative;}
.popup_wrap .popup_slide li{position: relative;}
/* .popup_wrap .popup_slide .slick-arrow {display:block;position:absolute;top:50%;margin-top:-3.5rem;width:4rem;height:4rem;background:rgba(0,0,0,0.4);z-index:36;}
.popup_wrap .popup_slide .slick-arrow span {display:block;position:relative;text-align:center;line-height:4rem;}
.popup_wrap .popup_slide .slick-arrow span:before {display:inline-block;font-family:Linearicons-Free;font-size:1.1rem;color:#fff;}
.popup_wrap .popup_slide .slick-arrow.slick-prev {left:0;}
.popup_wrap .popup_slide .slick-arrow.slick-prev span:before {content:"\e875";}
.popup_wrap .popup_slide .slick-arrow.slick-next {right:0;}
.popup_wrap .popup_slide .slick-arrow.slick-next span:before {content:"\e876";} */
.popup_wrap .today {clear:both;width:100%;}
.popup_wrap .today {position:relative;overflow:hidden;width:100%;background:#292929;padding:5px 5%;color:#fff;font-size:13px;line-height: 24px;}
.popup_wrap .today a {color:#fff;float:right;}
.popup_wrap .slick-dots { width: 100%; position: absolute; left: 0; bottom:3px; display: block; text-align: center; z-index: 1;}
.popup_wrap .slick-dots li { width: 8px; height:8px; padding:0; margin: 0 2px; text-indent: -20000px; background: transparent; border-radius: 12px; display: inline-block; border: 2px solid #fff;}
.popup_wrap .slick-dots li.slick-active {background: #fff;}
/* #main_mask {display:none;width:100%;height:100%;position:fixed;left:0;top:0;z-index:34;background:#000;} */

.ui_tabcontents {}
.ui_tabcontents .tab {display: block; width: 100%; overflow: hidden; padding:1px 3% 0;}
.ui_tabcontents .tab.col_3 {display: grid; width: 100%; overflow: hidden; margin-bottom: 5px; padding: 1px 5px 0; grid-template-columns: 1fr 1fr 1fr; grid-gap: 5px;}
.ui_tabcontents .tab li {display:block; float: left; margin-left: 1%}
.ui_tabcontents .tab li:first-child{margin-left: 0}
.ui_tabcontents .tab.col_7 li {width:25%; margin-top: -1px;}
.ui_tabcontents .tab.col_5 li {width:20%;}
.ui_tabcontents .tab.col_3 li {margin-left: 0;}
.ui_tabcontents .tab.col_2 li {width:49%;}
.ui_tabcontents .tab.col_4 li {width:24.25%;}
.ui_tabcontents .tab li * {vertical-align: middle;}
.ui_tabcontents .tab li a {display: block; color: #fff; font-size: 14px; letter-spacing: -0.5px; text-align: center; padding: 10px 0; background: #848484; border-top-left-radius: 10px; border-top-right-radius: 10px;}
.ui_tabcontents .tab.col_3 li a {border-radius: 5px;}
.ui_tabcontents .tab li.on a {
  background: #6e8b35;
  position: relative;  
}
.ui_tabcontents .tab_conlist {padding: 0 0 10px;}
.ui_tabcontents .tab_conlist > li {display: none;}
.ui_tabcontents .tab_conlist > li.current {display: block;}
.ui_tabcontents .tab.typetab li.on a {background: #1c1c1c;}

.trans_btn {position: absolute; display: inline-block; color: transparent; text-indent: -9999em;}
.event_btm {overflow: hidden;}
.event_btm li {float: left; width: 50%;}

.select_box_con {}
.select_box_con .select-wrapper {display: block; padding-right: 0; margin-bottom: 20px; position: relative;}
.select_box_con .select-wrapper select {
  width: 100%; 
  font-size: 16px; 
    color: #000;
    border: none;
    height: 44px;
    vertical-align: middle;
    font-family: 'Noto Sans DemiLight';    
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;    
    position: relative;
    vertical-align: top;        
    padding-left: 20px;
    background: #fff;
}
.select_box_con .select-wrapper::before {
  content: "";
  position: absolute;
  z-index: 88;
  right:15px;
  top: 20px;
  width: 0px;
    height: 0px;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 5px solid #000;
}
.result_body {background: url(../img/sub/m_result_bg.jpg) repeat; background-size: cover; padding: 20px 15px;}
.result_list {display: none;}
.result_list.on {display: block;}
.result_list ul li {display: table; width: 100%;}
.result_list ul li span {display: table-cell; text-align: center; width:50%; padding: 10px 0;}
.result_list ul li span strong {display: inline-block; padding: 5px 0; position: relative;}
.result_list ul li span strong::before {
  content: '';
  width:100%;
  height:1px;
  background: #000;
  position: absolute;
  bottom:0;
  left: 0;
}


.tab_conlist .btn_go {position: absolute; bottom:2.9%; left: 0; right: 0; text-align: center;}
.tab_conlist .btn_go a {display: inline-block; width: 113px; margin:0 2px; font-size: 0; width: 41.7%; height: 3.1%;}
.tab_conlist .btn_go a img {}

/*
  placeholder
*/
.placeholder {position: relative; z-index: 1; overflow: hidden; display: inline-block;}
.placeholder label {white-space: nowrap; color: #000; font-style: normal; cursor: text; position: absolute; left: 10px; top: 8px; z-index: 2; color:#bcbcbc;}
.placeholder textarea, .placeholder input {position: relative; z-index: 1;}
.placeholder textarea.focus, .placeholder input.focus {z-index: 3;}


.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; left: 0; top: 36%; right: 0; padding:0 20px;}
.friend_event .box_con .con {padding: 10px 0;}
.friend_event .box_con .con.pd {border-top:1px solid rgba(0,0,0,.3); padding-top: 18px;}
.friend_event .box_con .con > div {margin-bottom: 10px;}
.friend_event .box_con .btn_con {text-align: center; padding-top: calc(100% - 160px);}
.friend_event .box_con .btn_con a {display: inline-block; width: 33.1%;}



/******************************************************
	청약안내
*****************************************************/
.guide_list ul {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
.guide_list ul li {
	width: 48%;
	margin: 0 0 10px;
}
.guide_list ul li img {
	width: 100%;
}



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

      NTPARK RENEWAL STYLE

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


/******** COMMON ********/
.main_sec { padding: 10% 6%;}

.main_tit {}
.main_tit h2 {font-weight: 800; font-size: 8vw; letter-spacing: 2px;}


.sub_section {}
.sub_section i {font-style: inherit; color: #05224c;}

.sub_sec_tit {font-family: 'Montserrat', 'Noto Sans KR'; line-height: 1.2; font-weight: 800; font-size: 8.4vw; letter-spacing: -1px; color: #05224c;}

.sub_sec_con {}
.sub_sec_txt_1 {margin: 9.6vw 0 5.2vw; line-height: 1.3; font-family: 'Noto Sans KR', 'Roboto'; font-weight: 700; font-size: 5.6vw; letter-spacing: -1px;}
.sub_sec_txt_2 {line-height: 1.6; font-family: 'Noto Sans KR', 'Roboto'; font-weight: 500; font-size: 3vw;}


.explore_btn {}
.explore_btn span {}
.explore_btn span:first-child {}
.explore_btn span:nth-child(2) {}
.explore_btn span:nth-child(3) {}
.explore_btn span:last-child {}
.explore_btn i {}

.eng_narrow {font-family: "Roboto" !important;}
.eng_wide {font-family: "Montserrat" !important;}
.kr {font-family: 'Noto Sans KR' !important;}

.b_color_1 {color: #00baf2 !important;}
.b_color_2 {color: #86ae60 !important;}
.b_color_3 {color: #c66ad4 !important;}
.b_color_g {color: #ccc !important;}
/*.b_color_b {color: #222 !important;}*/
.b_color_w {color: #FFF !important;}

.explore_btn {display: inline-block; padding: 2.1vw 3vw; font-size: 2.2vw; letter-spacing: 1.5vw; color: #FFF; border: 0.5vw solid #FFF;}
.explore_btn i {position: relative; display: inline-block; width: 3vw; height: 3vw; margin-left: 6vw; vertical-align: middle;}
.explore_btn i::before {content: ""; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 100%; height: 0.1vw; background: #FFF;}
.explore_btn i::after {content: ""; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%) rotate(90deg); width: 100%; height: 0.1vw; background: #FFF;}

#go_top {position: absolute; left: 50%; bottom: 82vw; transform: translateX(-50%); display: flex; flex-flow: column; align-items: center; justify-content: center; width: 13.8888vw; height: 13.8888vw; box-shadow: 0 0 4vw rgb(0 0 0 / 20%); font-weight: 800; font-size: 3vw; letter-spacing: 1px; background: #FFF; color: #333;}
#go_top b {}


/****** MAIN VISUAL ******/
.main_visual {}
.main_visual .vis_txt_wrap {}
.m_vis_slide {}
.m_vis_slide li {}
.m_vis_slide li div[class^="m_vis_txt"] {position: absolute;}
.m_vis_slide li .m_vis_txt_1 {top: 15%; left: 50%; transform: translateX(-50%); z-index: 1; width: 100%; padding: 0 6%; color: #FFF;}
.m_vis_slide li .letter_txt {display: block; line-height: 1.2; font-size: 9vw; font-weight: 200;}
.m_vis_slide li .letter_txt:first-child {}
.m_vis_slide li .letter_txt:nth-child(2) {}
.m_vis_slide li .letter_txt:first-child .char1 {font-weight: 800; color: #00AFEC;}
.m_vis_slide li .letter_txt:first-child .char5 {font-weight: 800; color:#87AF53;}
.m_vis_slide li .letter_txt:nth-child(2) .char1 {font-weight: 800; color: #00AFEC;}
.m_vis_slide li .letter_txt:nth-child(2) .char5 {font-weight: 800; color:#87AF53;}
.m_vis_slide li .letter_txt:nth-child(3) {font-weight: 800;}
/*.m_vis_slide li .letter_txt:nth-child(3) .char1 {color: #00baf2;}
.m_vis_slide li .letter_txt:nth-child(3) .char2 {color: #86ae60;}*/
.m_vis_slide li p {font-family: "Noto Sans KR"; font-size: 3vw; margin-top: 15px;}

.main_visual .slick-dots {position: absolute; left: 0; bottom: 10%; z-index: 99; display: flex !important; width: 100%; padding-left: 5%; text-align: left;}
.main_visual .slick-dots li {width: 13.5vw; margin-right: 5px; opacity: 0.5; transition: opacity 0.2s linear;}
.main_visual .slick-dots li.slick-active {opacity: 1;}
.main_visual .slick-dots li a {display: block; width: 100%; padding-bottom: 0.5vw; font-family: 'Montserrat'; font-size: 3vw; font-weight: 700; letter-spacing: 1px; border-bottom: 0.7vw solid #FFF; color: #FFF;}
.main_visual .slick-dots li a dl {}
.main_visual .slick-dots li a dt {}

/*@media screen and (min-width: 700px) {
  .m_vis_slide li .letter_txt {font-size: 8.2vw;}
}

@media screen and (min-width: 1000px) {
  .m_vis_slide li .letter_txt {font-size: 6.5vw;}
}
*/


/****** MAIN CONTACT ******/
#main_contact {background: url(../img/main/m_contact_bg.jpg) no-repeat center/cover fixed;}
#main_contact .contact_tit {}
#main_contact .contact_tit h2 {color: #FFF;}

.contact_wrap {padding-top: 12.5%;}
.contact_wrap .map_txt {margin-bottom: 8.33vw; color: #FFF;}
.contact_wrap .map_info_wrap {}
.contact_wrap .map_name {font-family: 'Noto Sans KR'; font-weight: 600; font-size: 5.5vw;}
.contact_wrap .map_info_list {margin: 3.5vw 0 6.25vw;}
.contact_wrap .map_info_list > li {}
.contact_wrap .map_info_list > li ul {}
.contact_wrap .map_info_list > li ul li {}
#main_contact .map_info_list > li ul .contact_num {font-weight: 400; font-size: 4.4444vw; letter-spacing: 2px;}
.contact_wrap .map_info_list .map_addr {}
.contact_wrap .map_info_list .map_addr ul {}
.contact_wrap .map_info_list .map_addr ul li {font-family: 'Noto Sans KR'; font-weight: 300; font-size: 3.3333vw;}
.contact_wrap .map_info_list .map_tel {margin: 7.6vw 0 5.5vw;}
.contact_wrap .map_info_list .map_tel ul {}
.contact_wrap .map_info_list .map_tel ul li {font-size: 3.3333vw; font-weight: 800; letter-spacing: 1px;}
.contact_wrap .map_info_list .map_fax {}
.contact_wrap .map_info_list .map_fax ul {}
.contact_wrap .map_info_list .map_fax ul li {font-size: 3.3333vw; font-weight: 800; letter-spacing: 1px;}

.contact_wrap #map_wrap {
  position: relative; 
  width: 100%; 
  height: 0; 
  padding-top: 56.25%;
  border: 2vw solid #FFF;
  box-shadow: 0 0 5vw rgb(0 0 0 / 10%);
}
.contact_wrap #map_wrap #map {
  position: absolute !important; 
  top: 0; 
  left: 0; 
  width: 100%; 
  height: 100%;
}




/********* FOOTER *********/
#footer {background: #222;}

#footer .footer_link {padding: 13.2% 6%; border-bottom: 1px solid #4e4e4e;}
#footer .footer_link > ul {display: flex;}
#footer .footer_link > ul > li {margin-right: 2.5vw; font-size: 2.7vw;}
#footer .footer_link > ul > li::last-child {margin-right: 0;}
#footer .footer_link > ul > li a {color: #FFF;}

#footer .footer_info {padding: 11.8% 6%;}
#footer .footer_info > ul {}
#footer .footer_info > ul > li {font-size: 3.0555vw; text-align: center; color: #FFF;}
#footer .footer_info > ul > li:first-child {margin-bottom: 7.6vw;}
#footer .footer_info > ul > li:last-child {margin-top: 5.5555vw;}
#footer .footer_info > ul > li img {width: 30.55vw;}
#footer .footer_info > ul > li.cop {color: #666;}



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

      MAIN PORTFOLIO

************************/
#main_portfolio {padding: 10% 0; overflow: hidden;}
#main_portfolio > div:not(.swiper-container) {padding: 0 6%;}
#main_portfolio .pf_tit {}
#main_portfolio .pf_tit h2 {}

#main_portfolio .pf_box_1 {padding: 7vw 6% 66vw !important; background: #e9f3f7;}
#main_portfolio .pf_box_1 p {position: relative; display: inline-block; font-family: 'Montserrat'; font-weight: 600; font-size: 2.222222vw; letter-spacing: 2px;}
#main_portfolio .pf_box_1 p::after {content: ''; position: absolute; top: 50%; left: 108%; transform: translateY(-50%); width: 52vw; height: 2vw; background: #222;}


#main_portfolio .swiper-container {overflow: initial;}
#main_portfolio .swiper-wrapper {}
#main_portfolio .swiper-slide {}
#main_portfolio .swiper-container-horizontal>.swiper-pagination-bullets, 
#main_portfolio .swiper-pagination-custom,
#main_portfolio .swiper-pagination-fraction {bottom: -8vw;}
#main_portfolio .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {width: 2vw; height: 2vw; margin: 0 1.5vw;}
#main_portfolio .swiper-pagination-bullet-active {background: #00baf2;}

#main_portfolio .pf_box_2 {position: relative;}
#main_portfolio .pf_info {position: absolute; top: -56vw; left: 50%; transform: translateX(-50%); padding: 6%; width: 90%; background: #FFF; box-shadow: 0 0 3vw rgb(0 0 20 / 10%);}
#main_portfolio .pf_info h3 {font-family: 'Noto Sans KR'; font-size: 4.4444vw; font-weight: 700;}
#main_portfolio .pf_info h3 span {display: block;}
#main_portfolio .pf_info > ul {margin: 3.3333vw 0 4.4444vw;}
#main_portfolio .pf_info > ul li {margin: 2vw 0;}
#main_portfolio .pf_info > ul li dl {display: flex; font-family: 'Noto Sans KR'; font-size: 3vw;}
#main_portfolio .pf_info > ul li dt {position: relative; display: flex; width: 15%; justify-content: space-between; margin-right: 6vw; font-weight: 700; color: #222;}
#main_portfolio .pf_info > ul li dt::after {content: ''; position: absolute; top: 50%; right: -3.3vw; transform: translateY(-50%); width: 1px; height: 60%; background: #242424;}
#main_portfolio .pf_info > ul li dd {width: 85%;}
#main_portfolio .pf_info > .pf_btn {}
#main_portfolio .pf_info > img {}

#main_portfolio .explore_btn {border-color: #242424; color: #242424;}
#main_portfolio .explore_btn i::before,
#main_portfolio .explore_btn i::after {background: #242424;}




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

      MAIN BANNER

************************/
#main_banner {padding: 10% 0;}
.project_list {display: flex; flex-wrap: wrap;}
.project_list li {position: relative; width: 50%; height: 37.5vw;}
.project_list li:first-child {display: flex; align-items: center; justify-content: center; background: #00baf2;}
.project_list li:first-child > h3 {font-weight: 100; letter-spacing: 2vw; color: #FFF;}
.project_list li:nth-child(2) {background: url(../img/main/bns_thumb_1.jpg) no-repeat center/cover;}
.project_list li:nth-child(3) {background: url(../img/main/bns_thumb_2.jpg) no-repeat center/cover;}
.project_list li:nth-child(4) {background: url(../img/main/bns_thumb_3.jpg) no-repeat center/cover;}
.project_list li:nth-child(5) {background: url(../img/main/bns_thumb_4.jpg) no-repeat center/cover;}
.project_list li:last-child {background: url(../img/main/bns_thumb_5.jpg) no-repeat center/cover;}
.project_list li h4 {position: absolute; left: 0; bottom: 0; width: 100%; font-family: 'Noto Sans KR'; font-weight: 700; font-size: 3.2vw; color: #FFF; padding: 2vw; background: rgba(0,0,0,0.4);}




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

      MAIN BUSINESS

************************/
#main_business {padding: 10% 6% 32%;}
#main_business .main_tit > p {margin: 4vw 0 6vw; font-family: 'Montserrat'; font-weight: 600; font-size: 2.222222vw; letter-spacing: 2px; color: #999;}
#main_business .bns_txt {position:relative; font-family: 'Noto Sans KR'; line-height: 1.5; font-weight: 700; font-size: 3.6vw; color: #ccc;}
#main_business .bns_txt::before,
#main_business .bns_txt::after {content:''; position: absolute; left: 0; width: 11.7vw; height: 9.7vw;}
#main_business .bns_txt::before {top: -12vw; background: url(../img/main/bns_q_t.png) no-repeat center/cover;}
#main_business .bns_txt::after {bottom: -12vw; background: url(../img/main/bns_q_b.png) no-repeat center/cover;}

#main_business .bns_con {position:relative; margin-top: 12vw;}
#main_business .bns_con .bns_img {}
#main_business .bns_con .bns_img img {width: 100%;}
#main_business .bns_con .bns_step {position: absolute; top: 0; left: 0; width: 100%; height: 100%;}
#main_business .bns_con .bns_step > li {position: absolute; text-align: left;}
#main_business .bns_con .bns_step > li:first-child {text-align: right; top: 9vw; right: 6vw;}
#main_business .bns_con .bns_step > li:nth-child(2) {text-align: right; top: 9vw; left: 16vw;}
#main_business .bns_con .bns_step > li:nth-child(3) {top: 26vw; left: 9vw;}
#main_business .bns_con .bns_step > li:nth-child(4) {top: 53vw; left: 23vw;}
#main_business .bns_con .bns_step > li:nth-child(5) {top: 53vw; right: 10vw;}
#main_business .bns_con .bns_step > li:nth-child(6) {text-align: right; bottom: 13vw; right: 10vw;}
#main_business .bns_con .bns_step > li:nth-child(7) {left: 7vw; bottom: -16vw;}
#main_business .bns_con .bns_step > li:last-child {right: 12vw; bottom: -16vw;}
#main_business .bns_con .bns_step > li h4 {font-family: 'Noto Sans KR'; font-weight: 700; font-size: 3.333333vw; color: #08224b;}
#main_business .bns_con .bns_step > li p {font-family: 'Noto Sans KR'; font-weight: 500; font-size: 2.5vw; color: #777;}




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

      NEWS

***************/
.news_wrap > ul {width: 100%; margin-top: 3vw; border-top: 2.5vw solid #242424;}
.news_wrap > ul::after {content: ''; display: block; clear: both;}
.news_wrap > ul > li {padding: 5.5vw 0 6.9vw; margin-top: -2vw; border-bottom: 1px solid #222;}
.news_wrap > ul > li dl {display: flex}
.news_wrap > ul > li dl dt {position: relative; width: 11.7vw; height: 11.7vw; margin-right: 4vw; box-shadow: 1vw 1vw 3vw rgba(0,0,50,0.2);}
.news_wrap > ul > li dl dt.notice {background: #00baf2;}
.news_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: 3vw; color: #FFF;}
.news_wrap > ul > li dl dt.news {background: #86ae60;}
.news_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: 3vw; color: #FFF;}
.news_wrap > ul > li dl dt.recruit {background: #f2b100;}
.news_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: 3vw; color: #FFF;}
.news_wrap > ul > li dl dt.business {background: #30417a;}
.news_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: 3vw; color: #FFF;}
.news_wrap > ul > li dl dd {flex: 1;}
.news_wrap > ul > li dl dd ul {}
.news_wrap > ul > li dl dd .n_date {font-family: 'Montserrat'; font-weight: 700; font-size: 4.2vw; letter-spacing: 2px; color: #ddd;}
.news_wrap > ul > li dl dd .n_title {font-family: 'Noto Sans KR'; font-weight: 800; font-size: 5vw; color: #222; white-space: normal; display:-webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; overflow: hidden;}
.news_wrap > ul > li dl dd .n_con {margin-top: 1vw; font-family: 'Noto Sans KR'; font-weight: 400; font-size: 3vw; color: #777; white-space: normal; display:-webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; overflow: hidden;}





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

    SUB GREETING

******************/
body.GREETING .contents {padding: 0;}
#greeting {position: relative; padding: 15% 4.6875% 60%; background: url(../img/sub/grt_bg.png) no-repeat 50% bottom/contain;}
.grt_img {margin-top: 22vw;}




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

    SUB PROFILE

*******************/
body.PROFILE .contents {background: url(../img/sub/prf_bg.jpg) no-repeat 50% top/contain;}

#profile {text-transform: uppercase}

.prf_tit {}

.prf_card_list {margin: 7.6% 0 12%;}
.prf_card_list li {display: flex; flex-flow: column; justify-content: center; width: 59vw; height: 44vw; padding: 7.6vw 6.4vw; background: #FFF; box-shadow: 0 0 4vw rgba(0,0,30,0.2);}
.prf_card_list li:nth-child(2) {margin: 4.4% 0;}
.prf_card_list li h3 {position: relative; margin-bottom: 4vw; font-size: 6.8vw; font-weight: 800; line-height: 1;}
.prf_card_list li h3::after {content: ''; position: absolute; left: 0; bottom: -2vw; width: 20%; height: 0.4vw; background: #222;}
.prf_card_list li h3 span {display: block; font-weight: 100;}
.prf_card_list li h3 i {}
.prf_card_list li p {font-size: 2.8vw; letter-spacing: -1px;}

.prf_info {}
.prf_info dl {padding: 5vw 0;  border-bottom: 1px solid #222;}
.prf_info dt {font-family: 'Noto Sans KR', 'Montserrat'; font-weight: 800; font-size: 5.5555vw; letter-spacing: 1px; color: #05224c;}
.prf_info dt span {margin-left: 1vw; font-family: 'Noto Sans KR'; font-weight: 400; font-size: 2.5vw; color: #999;}
.prf_info dd {font-family: 'Noto Sans KR'; font-weight: 500; font-size: 3.2vw; color: #666;}




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

    SUB ORGANIZATION

**********************/
body.ORGANIZATION .contents {padding: 15% 4.6875% 32%; background: url(../img/sub/org_bg.png) no-repeat 50% bottom/contain;}

#organization {}

.org_tit {}

.org_img {margin: 4.4vw 0 8.4vw;}

.org_dpt {display: flex; flex-wrap: wrap; justify-content: space-between; margin-bottom: 8.4vw;}
.org_dpt > li {display: flex; flex-flow: column; justify-content: center; width: 42.5vw; height: 48.6vw; padding-left: 3vw; margin-bottom: 6.2vw; background: #FFF; box-shadow: 0 0 3vw rgba(0,0,30,.2);}
.org_dpt > li:nth-child(odd) {}
.org_dpt > li h3 {height: 15vw; font-family: 'Montserrat'; font-weight: 700; font-size: 4.4vw; line-height: 1.1; text-transform: uppercase; color: #05224c;}
.org_dpt > li h4 {margin: 2.08vw 0 2.8vw; font-size: 3vw;}
.org_dpt > li .org_dpt_2 {padding-left: 2vw; border-left: 1vw solid #222;}
.org_dpt > li .org_dpt_2 li {font-family: 'Noto Sans KR'; font-size: 3vw;}
.org_dpt > li .org_dpt_2 li:last-chlid {}

.org_summary {position: relative; margin-top: 20vw; font-family: 'Noto Sans KR'; font-weight: 600; font-size: 3.2vw; line-height: 1.8; text-align: center;}
.org_summary::before, .org_summary::after {content: ''; position: absolute; left: 50%; transform: translateX(-50%); width: 9.28vw; height: 6.9vw;}
.org_summary::before {top: -10vw; background: url(../img/sub/org_q_t.png) no-repeat center/cover;}
.org_summary::after {bottom: -10vw; background: url(../img/sub/org_q_b.png) no-repeat center/cover;}




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

    SUB BUSINESS AREA

*************************/
body.AREA .contents {background: url(../img/sub/area_bg.jpg) no-repeat 50% top/contain;}

#area {}

.area_list {display: flex; justify-content: space-between; flex-wrap: wrap}
.area_list > li {display: flex; flex-flow: column; width: 42.5vw; height: 48.6vw; padding: 3.6vw 3vw 0; margin-bottom: 6.2vw; text-transform: uppercase; background-color: #FFF; background-repeat: no-repeat; background-position: 90% 90%; background-size: 10vw; box-shadow: 0 0 3vw rgba(0,0,30,.2);}
.area_list > li:first-child {background-image: url(../img/sub/area_ico_1.png);}
.area_list > li:nth-child(2) {background-image: url(../img/sub/area_ico_2.png);}
.area_list > li:nth-child(3) {background-image: url(../img/sub/area_ico_3.png);}
.area_list > li:nth-child(4) {background-image: url(../img/sub/area_ico_4.png);}
.area_list > li:nth-child(5) {background-image: url(../img/sub/area_ico_5.png);}
.area_list > li:nth-child(6) {background-image: url(../img/sub/area_ico_6.png);}
.area_list > li:nth-child(7) {background-image: url(../img/sub/area_ico_7.png);}
.area_list > li:last-child {background-image: url(../img/sub/area_ico_8.png);}
.area_list > li h4 {font-family: 'Montserrat'; font-weight: 600; font-size: 2.222222vw;}
.area_list > li h3 {margin: 3vw 0; font-family: 'Noto Sans KR'; font-weight: 800; font-size: 4.72vw; line-height: 1.2; letter-spacing: -1px; color: #05224c;}
.area_list > li p {font-family: 'Noto Sans KR'; font-weight: 500; font-size: 2.5vw;}

.area_summary {position: relative; margin: 20vw 0; font-family: 'Noto Sans KR'; font-weight: 400; font-size: 3.2vw; line-height: 1.8; text-align: left;}
.area_summary::before, .area_summary::after {content: ''; position: absolute; left: 0; width: 9.28vw; height: 6.9vw;}
.area_summary::before {top: -10vw; background: url(../img/sub/area_q_t.png) no-repeat center/cover;}
.area_summary::after {bottom: -10vw; background: url(../img/sub/area_q_b.png) no-repeat center/cover;}


@media screen and (max-width: 300px) {
  .area_list > li {width: 44vw;}
  .area_list > li p {letter-spacing: -2px;}
}


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

    SUB HISTORY

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

.his_summary {margin: 6vw 0; font-family: 'Noto Sans KR'; font-weight: 600; font-size: 4.16vw;}

.his_list_wrap {display: flex; justify-content: space-between; margin-top: 4vw;}
.his_con .his_list {width: 44vw;}
.his_con .his_list > li {width: 100%; padding: 19.4vw 2vw 4vw; background-color: #FFF; background-size: 30%; background-repeat: no-repeat; background-position: 10% 5%; box-shadow: 0 0 5vw rgba(0,0,30,0.1);}
.his_con .his_list_1 > li:first-child {margin-bottom: 5.6vw; background-image: url(../img/sub/his_ico_1.png)}
.his_con .his_list_1 > li:last-child {background-image: url(../img/sub/his_ico_3.png)}
.his_con .his_list_2 > li:first-child {margin-bottom: 5.6vw; background-image: url(../img/sub/his_ico_2.png)}
.his_con .his_list_2 > li:last-child {background-image: url(../img/sub/his_ico_4.png)}
.his_con .his_list > li h3 {font-family: 'Montserrat'; font-weight: 800; font-size: 6.94vw; text-transform: uppercase; color: #ddd;}
.his_con .his_list_1 > li:last-child h3 {font-size: 5.5vw;}
.his_con .his_list > li h6 { margin-top: -1vw; margin-bottom: 5vw; font-family: 'Noto Sans KR'; font-weight: 600; font-size: 3.5vw;}
.his_con .his_list_depth_2 {padding-left: 2vw; line-height: 1.6;}
.his_con .his_list_1 > li:first-child .his_list_depth_2 {border-left: 0.8vw solid #c0eb98;}
.his_con .his_list_1 > li:last-child .his_list_depth_2 {border-left: 0.8vw solid #cfcfcf;}
.his_con .his_list_2 > li:first-child .his_list_depth_2 {border-left: 0.8vw solid #e9b2f0;}
.his_con .his_list_2 > li:last-child .his_list_depth_2 {border-left: 0.8vw solid #8be0ff;}
.his_con .his_list_depth_2 li {font-family: 'Noto Sans KR'; font-weight: 500; font-size: 2.8vw; letter-spacing: -1px;}
.his_con .his_list_depth_2 li:last-child {margin-bottom: 0;}
.his_con .his_list_depth_2.mb_16 li {margin-bottom: 2.222222vw;}
.his_con .his_list_depth_2 .mb_16 {margin-bottom: 2.222222vw;}

.his_apt {display: flex; flex-wrap: wrap; justify-content: space-between; margin-top: 11vw;}
.his_apt > li {width: 48%; margin-bottom: 4.5vw; box-shadow: 0 0 3vw rgba(0,0,30,0.2);}

@media screen and (max-width: 300px) {
  .his_con .his_list_depth_2 li {letter-spacing: -2px;}
}





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

    SUB NEWS VIUS

**********************/
.news_view_wrap > ul > li dl dd .n_title {
    white-space: initial;
    display: initial;
    -webkit-line-clamp: initial;
    -webkit-box-orient: initial;
    overflow: initial;
    word-break: keep-all;
    line-height: 1.2;
}

.news_view_wrap > ul > li {margin-top: 0;}
.news_view_wrap > ul > li:first-child {padding: 8vw 0 12vw; margin-top: -2vw;}

.news_view_wrap .news_info {display: flex; align-items: center; justify-content: space-between;padding: 2.5vw 0; margin-top: 0; font-size: 3.6vw;}
.news_view_wrap .news_info span:last-child {font-family: 'Montserrat'; font-weight: 600; color: #222;}

.news_view_wrap .news_wrap {padding: 5.5vw 3vw;}

.news_view_wrap .news_btns {display: flex; align-items: center; justify-content: space-between; padding: 4vw 0; border: 0;}
.news_view_wrap .news_arrows {display: flex;}
.news_view_wrap .news_arrows a {border: 1px solid #ddd; width: 21vw; height: 8vw; display: flex; justify-content: center; align-items: center; font-family: 'NotoSans'; font-size: 3.6vw; font-weight: 600; color: #777;}
.news_view_wrap .news_arrows .prev_arrow {margin-right: 1vw;}

.news_view_wrap .news_btns .news_list {background: #05224c; color: #FFF; padding: 1.6vw 10vw; font-size: 4vw; font-weight: 400; font-family: 'Noto Sans KR';}




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

    SUB BUSINESS PORTFOLIO

*****************************/
.ui_tabcontents.prf_tab .tab {padding: 0;}
.ui_tabcontents.prf_tab .tab.col_2 li {width: 49%;}
.ui_tabcontents.prf_tab .tab li {margin-left: 0; margin-bottom: 1%;}
.ui_tabcontents.prf_tab .tab li:nth-child(odd) {margin-right: 1%;}
.ui_tabcontents.prf_tab .tab li a {padding: 3vw 0; font-family: 'Montserrat'; font-size: 3vw; border-radius: 0; background: #eeeeee; color: #999999;}
.ui_tabcontents.prf_tab .tab li.on a {font-weight: 600; background: #05224c; color: #FFF;}
.ui_tabcontents.prf_tab .tab_conlist {margin-top: 6vw;}
.ui_tabcontents.prf_tab .tab_conlist li {display: block;}

.portfolio_wrap {}
.portfolio_wrap > li {position: relative; margin-bottom: 12vw;}
.portfolio_wrap > li img {}
.portfolio_wrap .portfolio_txt {position: relative; z-index: 2; width: 90%; padding: 3vw 6vw; margin: -8vw auto 0; background: #FFF; box-shadow: 0 0 40px rgb(0 0 30 / 10%);}
.portfolio_wrap .portfolio_txt h2 {margin-bottom: 4vw; font-family: 'Noto Sans KR'; font-weight: 600; font-size: 4.4444vw; 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: 2.8vw; word-break: keep-all;}
.portfolio_wrap .portfolio_info dt {position: relative; display: flex; justify-content: space-between; width: 20%; margin-right: 4.8vw; color: #222;}
.portfolio_wrap .portfolio_info dt::after {content: '|'; position: absolute; right: -2.8vw; font-weight: 100; color: #777;}
.portfolio_wrap .portfolio_info dd {width: 80%; color: #777;}




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

      FOOTER POP INFO

****************************/
#footer_pop_wrap {width: 100%; margin: 0 auto; padding: 1.2rem;}
#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: 2rem; 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 {}