@charset "utf-8";

/*common*/
@import url('https://fonts.googleapis.com/earlyaccess/notosanskr.css');
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans&display=swap');
@import url("https://cdn.jsdelivr.net/gh/moonspam/NanumBarunGothic@latest/nanumbarungothicsubset.css");


body{font-size: 16px; font-weight: 400; color:#313131; font-family: 'Noto Sans KR', sans-serif; word-break:keep-all; white-space:-moz-pre-wrap; white-space:-pre-wrap; white-space:-o-pre-wrap; word-wrap:break-word;}
.en{font-family: 'Noto Sans', sans-serif; font-weight: 400;}
html {-webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%;}
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, form, fieldset, p, button, input { margin: 0;padding: 0}
h1, h2, h3, h4, h5 {font-weight: 700;}
b{font-weight: 700;}
ul, ol, dl {list-style: none}
ul {list-style: none; padding: 0; margin: 0}
img, fieldset, iframe {border: 0}
img {vertical-align:top}
input, select, button {vertical-align: middle; font-family: 'Noto Sans KR', sans-serif; }
input {-moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; border-radius: 0;}
textarea:focus, input:focus{outline: none;}
textarea{font-family: 'Noto Sans KR', sans-serif;  -webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box; resize: none;}
button * {position: relative}
em, address {font-style: normal}
a {text-decoration: none;color:  inherit; display: block;}
.clear {clear: both;}
input[type=number]::-webkit-inner-spin-button, 
input[type=number]::-webkit-outer-spin-button {-webkit-appearance: none; margin: 0; }
*{-webkit-tap-highlight-color:transparent}
img.map, map area{outline: none;}

img, canvas {
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-o-user-select: none;
user-select: none;
}
img::-moz-selection { background-color: transparent; color: #000;}
img::selection {background-color: transparent; color: #000;}

.thin{font-weight: 100;}
.light{font-weight: 300;}
.regular{font-weight: 400;}
.medium{font-weight: 500;}
.bold{font-weight: 700;}


.trs{-webkit-transition: all .3s ease-out; -moz-transition: all .3s ease-out; -ms-transition: all .3s ease-out; -o-transition: all .3s ease-out; transition: all .3s ease-out;}
.trs05{-webkit-transition: all .5s ease-out; -moz-transition: all .5s ease-out; -ms-transition: all .5s ease-out; -o-transition: all .5s ease-out; transition: all .5s ease-out;}
.trs10{-webkit-transition: all 1.0s ease-out; -moz-transition: all 1.0s ease-out; -ms-transition: all 1.0s ease-out; -o-transition: all 1.0s ease-out; transition: all 1.0s ease-out;}

/*mobile*/
/*img {width:100%; height:auto;}
.wid10{width:10%; height:auto;}.wid20{width:20%; height:auto;}.wid30{width:30%; height:auto;}.wid40{width:40%; height:auto;}.wid50{width:50%; height:auto;}
.wid60{width:60%; height:auto;}.wid70{width:70%; height:auto;}.wid80{width:80%; height:auto;}.wid90{width:90%; height:auto;}.wid100{width:100%; height:auto;}*/
.relative{position: relative;}
.blind {font:0/0 a; height: 0; overflow: hidden; position: absolute; width: 0;}
p{word-break:keep-all; white-space:-moz-pre-wrap; white-space:-pre-wrap; white-space:-o-pre-wrap; word-wrap:break-word;}
/*PC*/
.pc{display: block;}
.mobile{display: none;}


/*common*/
#wrap{width:100%; min-width:1280px; margin:0px auto; position:relative; background-color: #ffffff;}
.wrap{width:1100px; height:100%; margin:0px auto; position: relative;}

#header{padding-top:40px; min-width:320px; position: absolute; width:100%; z-index: 101; top:0px; left:0px;}
#header::before{background-color: #2e4d7a; opacity: 0.8; width:100%; height:100%; top:0%; left:0%; position:absolute; z-index:-1; display:block; content: "";}
#header h1{position: absolute; top:10px; left:0px; line-height:0px;}
#header ul.menu{margin-left:230px; margin-right:130px; overflow: hidden;}
#header ul.menu li{ float:left; position: relative;}
#header ul.menu li a{ font-size:17px; padding:10px 40px; padding-bottom:25px; color:#ffffff; }
#header ul.menu li em{height:5px; width:0px; bottom:0px; left:50%; position:absolute; background-color:#3470c6; display: block; -webkit-transition: all .3s ease-out; -moz-transition: all .3s ease-out; -ms-transition: all .3s ease-out; -o-transition: all .3s ease-out; transition: all .3s ease-out;}
#header ul.menu li.active em{width:90px; margin-left:-45px;}
#header ul.menu li.hover em{width:90px; margin-left:-45px;}
#header ul.menu li:hover em{width:90px; margin-left:-45px;}
#header ul.side{position: absolute; top:0px; right:0px; overflow: hidden;}
#header ul.side li{float:left;}
#header ul.side li a{padding:7px;}
#header .subMenu{width:100%; top:101px; left:0px; position: absolute;background-color:#ffffff; display: none;}
#header .subMenu .wrap{overflow: hidden;}
#header .subMenu dt{display: none;}
#header .subMenu ul{width:142.5px; min-height:175px; padding:25px 0px; float:left; text-align: center;}
#header .subMenu ul.sub0{margin-left:231px;}
#header .subMenu ul li a{font-size:15px; padding:7px 0px; -webkit-transition: all .3s ease-out; -moz-transition: all .3s ease-out; -ms-transition: all .3s ease-out; -o-transition: all .3s ease-out; transition: all .3s ease-out;}
#header .subMenu ul li a:hover{color:#3470c6;}
#header .subMenu ul li a:active{color:#3470c6;}
#header .subMenu ul li.active a{color:#3470c6;}
#header .pop{display: none;}
#header .search{top:60px; right:45px; position: absolute;}
#header .search .close{top:-5px; right:-45px; border-top:5px solid #3470c6; position: absolute;}
#header .search .input{width:255px; height:45px;}
#header .search .input input{font-size:16px; padding:0px 10px; width:100%; height:100%; border:none;}

#footer{padding:15px 0px; position: absolute; width:100%; z-index: 100; bottom:0px; left:0px;}
#footer::before{background-color: #2e4d7a; width:100%; height:100%; top:0%; left:0%; position:absolute; z-index:-1; display:block; content: "";}
#footer .logo{top:42px; left:0px; position: absolute;}
#footer .box{margin-left:265px; font-size:15px; color:#ffffff;}
#footer .box .top{border-bottom:1px solid #ffffff; position: relative;}
#footer .box ul{padding:10px 0px; overflow: hidden;}
#footer .box ul li{float:left; position: relative;}
#footer .box ul li::before{background-color: #9dabc0; width:2px; height:15px; top:9px; left:0px; position:absolute; display:block; content: "";}
#footer .box ul li:first-child::before{display: none;}
#footer .box ul li a{padding:5px 7px;}
#footer .box ul li:first-child a{padding-left:0px;}
#footer .box .bottom{position: relative;}
#footer .box .bottom ul li{padding:5px 7px;}
#footer .box .bottom ul li:first-child{padding-left:0px;}
#footer .box p.tel{font-size:18px; bottom:13px; right:0px; font-weight:500; position: absolute; z-index: 2;}
#footer .selectWrap{top:10px;}
.selectWrap{width:170px;  height:30px; top:0px; right:0px; border:1px solid #90a0b8; position:absolute; overflow: hidden; z-index: 2;}
.selectWrap select{font-size:13px; padding:0px 10px; padding-right:30px; height:100%; color:#888989; color:#ffffff; appearance:none; -moz-appearance:none; -webkit-appearance:none; outline: 0; display: block;}
.selectWrap select {background-position: right 12px top 12px; background-image: url('../images/ico_arrow_down.png'); background-repeat: no-repeat; border:none; border-radius: 0; background-color: transparent;}
.selectWrap select::-ms-expand {display: none;}
.selectWrap select:focus {background-image: url('../images/ico_arrow_down_focus.png'); color:#808080; background-color: #ffffff;}

.btnContainer{display: flex;}
.btnContainer a{flex: 1; text-align: center;}

.popup {position: fixed; top: 0; right: 0; bottom: 0; left: 0; width: 100%; height: 100%; overflow: auto; z-index: 9999; box-sizing: border-box; background-color: rgba(0,0,0,0.7); text-align: center; display: none;}
.popup:before{content: ""; display: inline-block; height: 100%; vertical-align: middle; margin-right: -0.05em;}
.popup .wrap{ height:auto !important; vertical-align: middle; position: relative; z-index: 2; box-sizing: border-box; background: #fff; display: inline-block; text-align: left;}

.paging{text-align:center;margin-top: 90px;}
.paging em{box-sizing: border-box;margin: 0 2px; font-size: 13px; vertical-align: top; border:1px solid #dadada; display: inline-block; width:62px; line-height: 62px; height:62px; }
.paging em.active{color:#fff; background:#2e4d7a;}
.paging em a{height: 100%; padding:1px 7px;     font-size: 20px;}
.paging .arrow {border:none;  margin:0px 2px; background-size:cover; position: relative;}
.paging .arrow a{font-size:0; padding:0px; position: absolute; width:100%; height:100%; top:0%; left:0%;}
.paging .prev{background-image:url(../images/paging_prev.png);}
.paging .next{background-image:url(../images/paging_next.png);}
.pagingSelect{margin-left:23px; display: inline-block; width:180px;  height:60px; border:1px solid #dadada; overflow: hidden; z-index: 2;}
.pagingSelect select{font-weight: 300; width: 100%; font-size:20px; padding:0px 30px;  height:100%;  appearance:none; -moz-appearance:none; -webkit-appearance:none; outline: 0; display: block;}
.pagingSelect select {background-position: right 35px top 27px; background-image: url('../images/recruit_select_arrow.png'); background-repeat: no-repeat; border:none; border-radius: 0; background-color: transparent;}
.pagingSelect select::-ms-expand {display: none;}
.pagingSelect select option{font-weight:300;}


/*메인*/
#content .alarm{bottom:133px; right:198px; position: absolute; background-color: #eff0ec; z-index: 100; display: none; font-family: 'NanumBarunGothic', sans-serif; }
#content .alarm .close{top:-5px; right:-45px; border-top:5px solid #3470c6; position: absolute;}
#content .alarm li{width:247px; float:left; margin:10px 5px; text-align: center;}
#content .alarm li:first-child{margin-left:10px;}
#content .alarm li:last-child{margin-right:10px;}
#content .alarm li span{width:100%; height:162px; background-size:cover; background-repeat:no-repeat; background-position:center; display: block;}
#content .alarm li .txt{padding:10px 10px; padding-top:15px; background-color:#ffffff;}
#content .alarm li p.title{font-size:23px; line-height:23px; font-weight:700; color:#2e4d7a;}
#content .alarm li p.title em{font-size:16px; font-weight:400; color:#333333; display: block;}
#content .alarm li p.tel{font-size:23px; padding-top:10px; margin-top:5px; color:#2e4d7a; border-top:1px solid #efefef;}
.main#wrap #mainSlider .swiper .paginationWrap{margin-left:600px; top: 45%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); left:50%; position: absolute; z-index: 10;}
.main#wrap #mainSlider .swiper .paginationWrap::before{background-color:#ffffff; width:2px; height:400px; top:-430px; left:9px; opacity:0.6; position:absolute; display:block; content: "";}
.main#wrap #mainSlider .swiper .paginationWrap::after{background-color:#ffffff; width:2px; height:400px; bottom:-430px; left:9px; opacity:0.6; position:absolute; display:block; content: "";}
.main#wrap #mainSlider .swiper .swiper-pagination{position: relative;}
.main#wrap #mainSlider .swiper .swiper-pagination .swiper-pagination-bullet{width:19px; height:19px; margin:7px 0px; background-image: url('../images/ico_bolt.png'); opacity:1; background-color: transparent; background-size:contain; background-repeat:no-repeat; background-position:center;  display: block; border-radius: 0px;}
.main#wrap #mainSlider .swiper .swiper-pagination .swiper-pagination-bullet-active{background-image: url('../images/ico_boltH.png'); background-color: transparent;}
.main#wrap #mainSlider .swiper-slide{height:1080px; background-repeat: no-repeat; background-position: center; background-size: cover;}
.main#wrap #mainSlider .swiper-slide .txt{bottom:450px; left:-50px; font-family: 'NanumBarunGothic', sans-serif; position: absolute; }
.main#wrap #mainSlider .swiper-slide .txt .txt1{font-size:74px; line-height:75px; color:#ffffff; }
.main#wrap #mainSlider .swiper-slide .txt .txt1 span{display: block; font-size:23px;}
.main#wrap #mainSlider .swiper-slide .txt .btn{margin-top:35px;}
.main#wrap #mainSlider .swiper-slide .txt .btn a{font-size:17px; line-height:38px; padding:0px 18px; padding-right:34px; color:#ffffff; background-color:#2e4d7a; border:1px solid #294671; display:inline-block; position: relative;}
.main#wrap #mainSlider .swiper-slide .txt .btn a:hover{border:1px solid #ffffff;}
.main#wrap #mainSlider .swiper-slide .txt .btn a::before{width:10px; height:17px; top:50%; margin-top:-8px; right:14px; background-image: url('../images/ico_arrow_right.png'); background-repeat:no-repeat; background-size:contain; background-position:center; position:absolute; display:block; content: "";}


/*서브*/
.sub#wrap #footer{position: relative;}
.sub#wrap #content{padding-bottom:100px; font-family: 'NanumBarunGothic', sans-serif; }
.sub#wrap #content #top{height:340px; padding-top:358px; background-position: center; background-repeat: no-repeat; background-size: cover;}
.sub#wrap #content #top h2{font-size:61px; font-weight:700; text-align: center; color:#ffffff; position: relative;  text-shadow: 1px 1px 0px rgba(0,0,0, 0.2)}
.sub#wrap #content #top h2::before{width:65px; height:2px; top:-30px; left:50%; margin-left:-38px; opacity:0.7; position:absolute; background-color:#ffffff; display:block; content: "";}

.sub#wrap{min-width:1420px;}
.sub#wrap #content .wrap{width:1420px;}
.sub#wrap #content .s_menu{padding:55px 0px; text-align: center; position: relative;}
.sub#wrap #content .s_menu .home{position:absolute; top:0px; left:0px;}
.sub#wrap #content .s_menu li{display: inline-block; vertical-align: top; position: relative;}
.sub#wrap #content .s_menu li a{font-size:28px; padding:0px 38px; position: relative;}
.sub#wrap #content .s_menu li:first-child a{padding:0px 40px;}
.sub#wrap #content .s_menu li::before{background-color: #d5d5d5; width:1px; height:26px; top:2px; left:0px; position:absolute; display:block; content: "";}
.sub#wrap #content .s_menu li:first-child::before{display: none;}
.sub#wrap #content .s_menu li a span{padding:0px 10px; display: inline-block; position: relative;}
.sub#wrap #content .s_menu li a span::before{background-color: #2d4d7a; width:0%; height:4px; bottom:-10px; left:50%; position:absolute; display:block; content: ""; -webkit-transition: all .2s ease-out; -moz-transition: all .2s ease-out; -ms-transition: all .2s ease-out; -o-transition: all .2s ease-out; transition: all .2s ease-out;}
.sub#wrap #content .s_menu li:hover a span::before{width:100%; left:0%;}
.sub#wrap #content .s_menu li.active a span::before{width:100%; left:0%;}
.sub#wrap #content .section{margin:80px 0px;}
.sub#wrap #content .section h3{margin-bottom:55px; text-align: center;}
.sub#wrap #content .section h3 span{font-size:38px; padding:0px 20px; font-weight: 700; color:#2e4e7a; position: relative; display: inline-block;}
.sub#wrap #content .section h3 span::before{background-color: #2e4e7a; width:2px; height:32px; top:3px; left:0px; position:absolute; display:block; content: "";}
.sub#wrap #content .section h3 span::after{background-color: #2e4e7a; width:2px; height:32px; top:3px; right:0px; position:absolute; display:block; content: "";}
.sub#wrap #content .section h3 em{font-size:30px; margin-bottom:30px; padding-top:15px; padding-bottom:40px; font-weight:400; display: block; color:#595757; position: relative;}
.sub#wrap #content .section h3 em::before{width:56px; margin-left:-28px; background-color: #819284; height:1px; bottom:0px; left:50%; position:absolute; display:block; content: "";}
.sub#wrap #content .section h3 em.nonUnder::before{display: none;}
.sub#wrap #content .section h3 i{font-size:28px; font-weight:400; color:#595757; display: block; font-style: normal;}
.sub#wrap #content .section .content .bg{background-position: center; background-repeat: no-repeat; background-size: cover;}
.sub#wrap #content .section .content .box{width:900px; margin:0px auto;}


/*회사소개*/
.sub#wrap .intro.summary#content #summary .content .bg{height:420px;}
.sub#wrap .intro.summary#content #summary .box{margin-top:-135px; background-color: #ffffff;}
.sub#wrap .intro.summary#content #summary .box .inner{padding:25px 150px;}
.sub#wrap .intro.summary#content #summary .box dl{font-size:15px; margin:80px 0px; color:#221815;}
.sub#wrap .intro.summary#content #summary .box dt{padding-bottom:15px; border-bottom:2px solid #736c6a;}
.sub#wrap .intro.summary#content #summary .box dd li{font-size:18px; margin:20px 0px; padding-left:100px; position: relative;}
.sub#wrap .intro.summary#content #summary .box dd li span{position:absolute; top:3px; left:0px; font-weight: 700;}
.sub#wrap .intro.summary#content #summary .box dd li b{font-weight: 700; color:#5a83bc;}
.sub#wrap .intro.summary#content #idea .content .bg{height:817px;}
.sub#wrap .intro.summary#content #idea .box{margin-top:-350px; background-color: #ffffff;}
.sub#wrap .intro.summary#content #idea .box .inner{padding:60px 30px;}
.sub#wrap .intro.summary#content #idea .box h4{margin-bottom:23px; text-align: center;}
.sub#wrap .intro.summary#content #idea .box h4 span{font-size:30px; padding-bottom:28px; font-weight:300; color:#2e4e7a; display: inline-block; position: relative;}
.sub#wrap .intro.summary#content #idea .box h4 span::before{background-color: #2e4e7a; width:30px; height:1px; bottom:3px; left:50%; margin-left:-15px; position:absolute; display:block; content: "";}
.sub#wrap .intro.summary#content #idea .box p.txt1{font-size:45px; font-weight:700; color:#2e4e7a; text-align: center;}
.sub#wrap .intro.summary#content #idea .box ul{margin-top:60px; display: flex;}
.sub#wrap .intro.summary#content #idea .box ul li{flex: 1; padding:0px 20px; text-align: center; position:relative;}
.sub#wrap .intro.summary#content #idea .box ul li::before{background-color: #d5d4d3; width:1px; height:100%; top:0px; right:0px; position:absolute; display:block; content: "";}
.sub#wrap .intro.summary#content #idea .box ul li:last-child::before{display: none;}
.sub#wrap .intro.summary#content #idea .box ul li span{font-size:13px; letter-spacing: 5px;}
.sub#wrap .intro.summary#content #idea .box ul li span b{font-size:20px; margin-bottom:5px; color:#2e4e7a; font-weight:700; display: block;}
.sub#wrap .intro.summary#content #idea .box ul li .img{margin-top:20px; margin-bottom:30px;}
.sub#wrap .intro.summary#content #idea .box ul li p.txt{line-height:22px; letter-spacing: -1px;}
.sub#wrap .intro.summary#content #CI .content .bg{height:233px; padding:100px 125px}
.sub#wrap .intro.summary#content #CI .box{width:100%; height:100%; background-color: #ffffff;}
.sub#wrap .intro.summary#content #CI .box .inner{padding:50px 20px; text-align: center;}
.sub#wrap .intro.summary#content #CI .box p.txt{margin-top:27px; font-size:14px; line-height:25px; color:#898989;}
.sub#wrap .intro.summary#content #CI .ci{width:830px; margin:0px auto; margin-top:190px;}
.sub#wrap .intro.summary#content #CI .ci p.title{font-size:27px; margin-bottom:15px;  font-weight: 700;}
.sub#wrap .intro.summary#content #CI .ci .btnContainer{margin-top:50px;}
.sub#wrap .intro.summary#content #CI .ci .btnContainer a{font-size:20px; line-height:65px; margin:0px 20px; color:#ffffff; background-color: #2e4d7a; }
.sub#wrap .intro.summary#content #CI .ci .btnContainer a:hover{font-weight:700; color:#2e4d7a; background-color: #ffffff;  box-shadow: 0 0 0 2px #2e4d7a inset; }
/*회사소개_연혁*/
.sub#wrap .intro.history#content .bg{height:456px; margin-bottom:-370px; background-repeat:no-repeat; background-size:cover; background-position:center; }
.sub#wrap .intro.history#content .box{width:1100px; padding:0px 100px; background-color: #ffffff;}
.sub#wrap .intro.history#content table {width: 100%; border-spacing: 0px 100px; margin:0px auto;}
.sub#wrap .intro.history#content td{font-size:30px; padding:25px 0px; border-top: 1px solid #acacac; border-bottom: 1px solid #acacac;}
.sub#wrap .intro.history#content tr.multiLine td{padding:7px 0px;}
.sub#wrap .intro.history#content td.date{color:#3778d2; text-align: center;}
.sub#wrap .intro.history#content td.year{border:none; position: relative;}
.sub#wrap .intro.history#content td.year span{font-size:110px; top: 59%;  -ms-transform: translate(9%, -50%); transform: translate(9%, -50%); font-weight:700; color:#0447a3; position: absolute; width:100%; text-align: right;}
/*회사소개_CEO*/
.sub#wrap .intro.ceo#content{padding-bottom:0px;}
.sub#wrap .intro.ceo#content .wrap{padding-bottom:450px; width:100%; background-size:1920px; background-position-y:100%; background-repeat:no-repeat; background-position-x:center;}
.sub#wrap .intro.ceo#content #ceo .content{width:730px; margin:0px auto; text-align: center;}
.sub#wrap .intro.ceo#content #ceo .content h4{font-size:50px; font-weight: 700; color:#2e4e7a;}
.sub#wrap .intro.ceo#content #ceo .content p{margin:50px 0px;}
.sub#wrap .intro.ceo#content #ceo .content p.txt1{font-size:33px; font-weight: 700;}
.sub#wrap .intro.ceo#content #ceo .content p.txt2{font-size:23px; line-height:35px; color:#666666;}
.sub#wrap .intro.ceo#content #ceo .content p.txt3{font-size:23px}
.sub#wrap .intro.ceo#content #ceo .content p.txt3 b{font-size:33px; margin-left:10px; letter-spacing: 10px;}
/*회사소개_계열사*/
.sub#wrap .intro.subsidiary#content #subsidiary .content ul.list>li{margin:45px 0px; padding-left:645px; position: relative;}
.sub#wrap .intro.subsidiary#content #subsidiary .content ul.list>li .thumb{width:628px; height:401px; border:10px solid #dddfe2; top:0px; left:0px; position: absolute; background-repeat: no-repeat; background-position: center; background-size: cover;}
.sub#wrap .intro.subsidiary#content #subsidiary .content ul.list>li .thumb .soon{font-size:25px; top: 50%; -ms-transform: translateY(-50%); -webkit-transform: translateY(-50%); transform: translateY(-50%);text-align: center; font-weight: 700; display: block; position: relative;}
.sub#wrap .intro.subsidiary#content #subsidiary .content ul.list>li .thumb a{position: absolute; width:100%; height:100%; top:0%; left:0%; font-size:0px;}
.sub#wrap .intro.subsidiary#content #subsidiary .content ul.list>li .right{height:419px; border:1px solid #dddfe2;}
.sub#wrap .intro.subsidiary#content #subsidiary .content ul.list>li .right dl{margin:0px 80px;}
.sub#wrap .intro.subsidiary#content #subsidiary .content ul.list>li .right dt{padding:30px 0px; margin-bottom:50px; font-size:40px; font-weight:700; border-bottom:1px solid #dddfe2;}
.sub#wrap .intro.subsidiary#content #subsidiary .content ul.list>li .right dt img{max-height:70px; width:auto;}
.sub#wrap .intro.subsidiary#content #subsidiary .content ul.list>li .right dd{margin-top:62px; position: absolute; top: 50%; transform: translateY(-50%);}
.sub#wrap .intro.subsidiary#content #subsidiary .content ul.list>li .right dd li{font-size:18px; margin:20px 0px; padding-left:100px; position: relative;}
.sub#wrap .intro.subsidiary#content #subsidiary .content ul.list>li .right dd li span{position: absolute; top:0px; left:0px; font-weight: 700;}
.sub#wrap .intro.subsidiary#content #subsidiary .content ul.list>li .right dd li a:hover{text-decoration: underline;}


/*주요사업_주택사업*/
.sub#wrap .projects.housing#content #housing{padding:90px 0px; background-color: #eff0ec;}
.sub#wrap .projects.housing#content #housing .content ul.list{overflow: hidden;}
.sub#wrap .projects.housing#content #housing .content ul.list li{width:430px; height:510px; margin:20px; float:left; background-repeat: no-repeat; background-position: center; background-size: cover; position: relative;}
.sub#wrap .projects.housing#content #housing .content ul.list li a{width:290px; padding:10px; border-top-right-radius:20px; position:absolute; bottom:0px; left:0px; text-align: center; color:#2e4e7a; background-color: #ffffff;}
.sub#wrap .projects.housing#content #housing .content ul.list li a span{font-size:24px; letter-spacing:-1px; font-weight:700; display: block;}
.sub#wrap .projects.housing#content #housing .content ul.list li a em{font-size:15px; margin-top:5px; padding-right:14px; border-bottom:1px solid #2e4e7a; display: inline-block; position: relative;}
.sub#wrap .projects.housing#content #housing .content ul.list li a em::before{width:12px; height:6px; top:5px; right:0px; background-image: url('../images/ico_arrow_right2.png'); position:absolute; display:block; content: ""; background-repeat: no-repeat; background-position: center; background-size: cover;}
.sub#wrap .projects.housing#content .popup#detail .close{position: absolute; top:0px; right:0px; z-index: 2; cursor:pointer;}
.sub#wrap .projects.housing#content .popup#detail .wrap{width:760px !important; padding:40px 93px;}
.sub#wrap .projects.housing#content .popup#detail dl{display: none;}
.sub#wrap .projects.housing#content .popup#detail dt{font-size:33px; color:#2e4e7a; font-weight: 700;}
.sub#wrap .projects.housing#content .popup#detail dd p{margin:20px 0px;}
.sub#wrap .projects.housing#content .popup#detail dd p img{width:100%; height:auto;}
.sub#wrap .projects.housing#content .popup#detail dd li{font-size:22px; margin:8px 0px; color:#595757;}
/*주요사업_건축사업*/
.sub#wrap .projects.building#content .content{margin-bottom:100px;}
.sub#wrap .projects.building#content .content h3{margin-bottom:30px;}
.sub#wrap .projects.building#content ul.list{overflow: hidden; margin-left:-25px; margin-right:-25px;}
.sub#wrap .projects.building#content ul.list>li{width:440px; margin:25px; float:left;  box-shadow: 0 0 0 1px #e4e4e4 inset; }
.sub#wrap .projects.building#content ul.list>li .box{width:auto; margin:6px;}
.sub#wrap .projects.building#content ul.list>li span.img{height:280px; display: block; background-repeat: no-repeat; background-position: center; background-size: cover;}
.sub#wrap .projects.building#content ul.list>li .txt{height:200px; font-size:20px; padding:30px 20px; background-color: #2e4e7a; color:#ffffff; overflow: hidden;}
.sub#wrap .projects.building#content ul.list>li .txt p.title{font-size:26px; padding-bottom:25px; margin-bottom:25px; border-bottom:2px solid #95a4b8;}
.sub#wrap .projects.building#content ul.list>li .txt li{margin-bottom:10px; padding-left:100px; position: relative;}
.sub#wrap .projects.building#content ul.list>li .txt li span{position: absolute; top:0px; left:0px;}
.sub#wrap .projects.building#content table{width: 100%; border: 1px solid #ffffff; border-collapse: collapse;}
.sub#wrap .projects.building#content th, .sub#wrap .projects.building#content td { border: 1px solid #ffffff; padding: 10px; text-align: center;}
.sub#wrap .projects.building#content th{font-size:26px; color:#ffffff; background-color: #2e4e7a;}
.sub#wrap .projects.building#content td{font-size:20px; color:#221815; font-weight:300; background-color: #e9e9e9;}


/*벨라시티_브랜드*/
.sub#wrap .bellacity.brand#content .section h3 em{padding-bottom:20px;}
.sub#wrap .bellacity.brand#content #brand .content{width:790px; margin:0px auto; text-align: center;}
.sub#wrap .bellacity.brand#content #brand .content p{margin-top:20px;}
.sub#wrap .bellacity.brand#content #brand .content p.title{font-size:40px; margin-top:40px; font-weight: 700;}
.sub#wrap .bellacity.brand#content #brand .content p.txt{font-size:22px; line-height:33px; color:#666666;}
.sub#wrap .bellacity.brand#content #brand .content .btnContainer{margin-top:50px;}
.sub#wrap .bellacity.brand#content #brand .content .btnContainer a{font-size:20px; line-height:65px; margin:0px 20px; color:#ffffff; background-color: #2e4d7a; }
.sub#wrap .bellacity.brand#content #brand .content .btnContainer a:hover{font-weight:700; color:#2e4d7a; background-color: #ffffff;  box-shadow: 0 0 0 2px #2e4d7a inset; }
/*벨라시티_단지소개*/
.sub#wrap .bellacity.housing#content #housing .content ul.list{overflow: hidden;}
.sub#wrap .bellacity.housing#content #housing .content ul.list>li{width:420px; margin:20px; box-shadow: 0 0 0 1px #e4e4e4 inset; float:left; position: relative;}
.sub#wrap .bellacity.housing#content #housing .content ul.list>li .box{width:auto; margin:8px; border:1px solid #dddfe1; background-color: #e9eef5; position: relative;}
.sub#wrap .bellacity.housing#content #housing .content ul.list>li .top{font-size:24px; padding:10px; color:#2e4e7a; font-weight:700; width:auto; position: relative;}
.sub#wrap .bellacity.housing#content #housing .content ul.list>li .top span{width:78px; font-size:15px; line-height:31px; top:7px; right:10px; text-align:center; background-color:#88898a; color:#ffffff; position: absolute; display: block;}
.sub#wrap .bellacity.housing#content #housing .content ul.list>li .top span.active{background-color:#2e4e7a; }
.sub#wrap .bellacity.housing#content #housing .content ul.list>li .thumb{height:251px; border:1px solid #e4e4e4; background-repeat: no-repeat; background-position: center; background-size: cover; }
.sub#wrap .bellacity.housing#content #housing .content ul.list>li .txt{height:220px; padding:10px; font-size:15px;}
.sub#wrap .bellacity.housing#content #housing .content ul.list>li .txt li{margin:7px 0px; padding-left:70px; position: relative}
.sub#wrap .bellacity.housing#content #housing .content ul.list>li .txt li b{position: absolute; top:0px; left:0px;}
.sub#wrap .bellacity.housing#content #housing .content ul.list li a{width:100%; line-height:47px; position:absolute; bottom:0px; left:0px; text-align: center; color:#ffffff; background-color: #2e4e7a;}


/*홍보센터_언론보도*/
.sub#wrap .media.report#content #report .content ul.list{margin:0px 20px; overflow: hidden;}
.sub#wrap .media.report#content #report .content ul.list li{height:280px; margin:20px; padding:50px; padding-left:590px; position: relative; border-bottom:1px solid #cccccc;}
.sub#wrap .media.report#content #report .content ul.list li:first-child{border-top:1px solid #cccccc;}
.sub#wrap .media.report#content #report .content ul.list li .thumb{width:428px; height:278px; top:50px; left:50px; position:absolute; border:1px solid #cccccc; background-repeat: no-repeat; background-position: center; background-size: cover; background-color: #efefef;}
.sub#wrap .media.report#content #report .content ul.list li p.title{font-size:26px; margin-bottom:30px;}
.sub#wrap .media.report#content #report .content ul.list li .txt{font-size:19px; line-height:30px; margin-bottom:40px; margin-right:130px; max-height:140px; -webkit-line-clamp:4; display: -webkit-box; display: -ms-flexbox; display: box; overflow:hidden; vertical-align:top; text-overflow: ellipsis; word-break:break-all; -webkit-box-orient:vertical; }
.sub#wrap .media.report#content #report .content ul.list li a{font-size:26px; padding:0px 25px; padding-right:45px; line-height:54px; background-size:8px 20px; background-position:85% 50%; background-image: url('../images/ico_arrow_right3.png'); background-repeat:no-repeat; font-weight:300; text-align: center; color:#ffffff; background-color: #2e4d7a; display: inline-block;}
/*홍보센터_홍보영상*/
.sub#wrap .media.video#content #video .content{width:1100px; margin:0px auto;}
.sub#wrap .media.video#content #video .content .big p.date{font-size:20px;}
.sub#wrap .media.video#content #video .content .big p.title{font-size:26px; margin-top:10px; margin-bottom:20px;}
.sub#wrap .media.video#content #video .content .big .player{height:380px;}
.sub#wrap .media.video#content #video .content ul.list{margin-top:40px; margin-left:-5px; margin-right:-5px; overflow: hidden;}
.sub#wrap .media.video#content #video .content ul.list li{width:360px; margin:10px 5px; float:left;}
.sub#wrap .media.video#content #video .content ul.list li .player{height:270px;}
.sub#wrap .media.video#content #video .content ul.list li p.date{font-size:16px; margin-top:20px; margin-bottom:5px;}
.sub#wrap .media.video#content #video .content ul.list li p.title{font-size:20px; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}


/*인재채용*/
.sub#wrap .recruit.want#content #want .content{}
.sub#wrap .recruit.want#content #want .content .bg{height:817px;}
.sub#wrap .recruit.want#content #want .content .box{width:1040px; margin:0px auto; margin-top:-345px;background-color: #ffffff;}
.sub#wrap .recruit.want#content #want .box .inner{padding:110px 70px 50px;}
.sub#wrap .recruit.want#content #want .box .inner dl{border-right: 1px solid #d5d4d3; box-sizing: border-box;display:inline-block; vertical-align: top; padding: 0 14px;text-align: center;}
.sub#wrap .recruit.want#content #want .box .inner dl:last-child{border-right:none;}
.sub#wrap .recruit.want#content #want .box .inner dt {font-size:20px; color:#2e4e7a; font-weight:600;}
.sub#wrap .recruit.want#content #want .box .inner dt span{display:block; font-size: 13px;color: #221815;letter-spacing: 4px; font-weight: 500; margin-top: 3px;}
.sub#wrap .recruit.want#content #want .box .inner h4{margin-bottom: 130px; font-size:45px; text-align:center; color:#2e4e7a;}
.sub#wrap .recruit.want#content #want .box .inner dd:nth-child(2){height: 158px;}
.sub#wrap .recruit.want#content #want .box .inner dd img{padding-top: 27px;}
.sub#wrap .recruit.want#content #want .box .inner dd:nth-child(3){line-height:1.5;}
/*인재채용_채용문의*/
.sub#wrap .recruit.inquire#content #inquire  h4{line-height: 1.3; font-size:45px; text-align:center; color:#2e4e7a;}
.sub#wrap .recruit.inquire#content #inquire .listWrap{margin-top:60px; font-size:25px; }
.sub#wrap .recruit.inquire#content #inquire .listWrap li {box-sizing: border-box; padding: 50px 80px; border-top:1px solid #cccccc; width:100%;}
.sub#wrap .recruit.inquire#content #inquire .listWrap li:last-child{ border-bottom:1px solid #cccccc;}
.sub#wrap .recruit.inquire#content #inquire .listWrap li .cell{vertical-align: middle; display:inline-block; cursor:pointer;}
.sub#wrap .recruit.inquire#content #inquire .listWrap .cell1{position:relative; width:15%;}
.sub#wrap .recruit.inquire#content #inquire .listWrap .cell1 div::after{content: "";transform: rotate(15deg);width: 1px; height: 35px; background: #2e4d7a; display: inline-block; position: absolute; top:-2px; right: 20px;}
.sub#wrap .recruit.inquire#content #inquire .listWrap .cell2{width:64%; text-align:left; }
.sub#wrap .recruit.inquire#content #inquire .listWrap .cell2 div{padding-left:60px;}
.sub#wrap .recruit.inquire#content #inquire .listWrap .cell3{width:20%;}
.sub#wrap .recruit.inquire#content #inquire .listWrap .cell3 div{text-align: center; margin: 0 auto; width:135px; height:55px; line-height:55px; color:#fff; background-color:#cccccc; }
.sub#wrap .recruit.inquire#content #inquire .listWrap .cell3.ongoing div{background-color:#2e4d7a;}
.sub#wrap .recruit.inquire#content #inquire .listWrap .date{display:block;margin-top: 7px; font-size: 20px;}
.sub#wrap .recruit.inquire#content #inquire .inquire_inner{display:none;}
.sub#wrap .recruit.inquire#content #inquire .inquire_inner div.text{border-bottom:1px solid #dadada; }
.sub#wrap .recruit.inquire#content #inquire .inquire_inner div.text div{padding: 60px; font-size:25px;}
.sub#wrap .recruit.inquire#content #inquire .inquire_inner div.text div span.sub{display:block; margin-left:113px;}
.sub#wrap .recruit.inquire#content #inquire .inquire_inner .goList{width:198px;font-size: 20px; height:61px; line-height:61px; background:#efefef; border:1px solid #d5d5d5;margin: 0 auto;   margin-top: 59px;  text-align: center;} 

/*준비중*/
#content #soon.section .wrap{padding-top:100px; padding-bottom: 400px; width: 100%; background-size: 1920px; background-position-y: 100%; background-repeat: no-repeat; background-position-x: center; text-align: center;}
#content #soon.section .wrap p{font-size:26px; margin:70px 0px;}
#content #soon.section .wrap p b{font-size:38px; margin-bottom:20px; color:#2e4e7a; display: block;}
#wrap.main #content #soon.section .wrap{padding-top:200px;}


/*MOBILE*/
@media (max-width: 1000px){
	img {width:100%; height:auto;}
	.pc{display: none;}
	.mobile{display: block;}
	
	/*common*/
	#wrap{min-width:320px; padding-top:50px;}
	.wrap{width:90%;}
	
	#header{height:50px; padding-top:0px; position: fixed;}
	#header::before{opacity: 1;}
	#header h1{width:95px; top:0px; margin:0px auto; position: relative; display:block}
	#header h1 a{padding:15px 0px;}
	#header ul.side{top:7px; right:-10px;}
	#header ul.side li a{width:25px; padding:5px;}
	#header button{position: absolute; top:-1px; left:0px; margin:0em;border:none;background:none; z-index: 10; }
	#header button:focus{outline:0;}
	#header button span{display:block;}
	#header .lines-button{padding:0.8rem;transition:.3s;cursor:pointer;user-select:none;}
	#header .lines-button:hover{opacity:1;}
	#header .lines-button:active{transition:0;}
	#header .lines{display:inline-block;width:1.7rem;height:0.20rem;background:#ffffff;transition:0.3s;position:relative; border-radius: 20px;}
	#header .lines:before,#header .lines:after{display:inline-block;width:1.7rem;height:0.20rem;background:#ffffff;transition:0.3s;position:absolute;left:0;content:''; border-radius: 20px;}
	#header .lines:before{top:0.5rem;}
	#header .lines:after{top:-0.5rem;}
	#header .lines-button.x.close .lines{background:transparent;}
	#header .lines-button.x.close .lines:before,#header .lines-button.x.close .lines:after{-webkit-transform-origin:50% 50%;transform-origin:50% 50%;top:0;width:2rem;}
	#header .lines-button.x.close .lines:before{-webkit-transform:rotate3d(0,0,1,45deg);transform:rotate3d(0,0,1,45deg);}
	#header .lines-button.x.close .lines:after{-webkit-transform:rotate3d(0,0,1,-45deg);transform:rotate3d(0,0,1,-45deg);}
	#header #gnbOpen{position: fixed; width:100%; top:0px; left:0px; height:100%; z-index: 10; display: none;}
	#header #gnbOpen .fade{background-color: #000000; opacity: 0.5; width:100%; height:100%; top:0%; left:0%; position:absolute; display:block; content: ""; z-index: -1;}
	#header #gnbOpen .wrap{width:80%; height:100%; margin-left:-80%; overflow-y: auto; background-color: #efefef; }
	#header #gnbOpen .top{width:100%; position:absolute; top:0px; left:0px; padding:13px 0px; border-bottom:1px solid #d2d2d2; background-color: #efefef; z-index: 2;}
	#header #gnbOpen .top .logo{width:105px; margin-left:10px; display: inline-block;}
	#header #gnbOpen .top .close{width:18px; height:18px; padding:5px; position: absolute; top:10px; right:7px;}
	#header ul.menu{display: none;}
	#header #gnbOpen .menuBox{padding-left:110px; position: relative; height:100%;}
	#header #gnbOpen .menuBox ul.menu{width:110px; height:100%; position:absolute; top:0px; left:0px; margin-left:0px; margin-right:0px; background-color: #e8e6e6; display: block;}
	#header #gnbOpen .menuBox ul.menu li{border-bottom:1px solid #dbdada; float:none; text-align:center; position: relative;}
	#header #gnbOpen .menuBox ul.menu li:first-child{margin-top:51px;}
	#header #gnbOpen .menuBox ul.menu li a{ font-size:14px; padding:10px 0px; padding-bottom:10px; color:#333333; }
	#header #gnbOpen .menuBox ul.menu li.active{background-color: #2e4d7a;}
	#header #gnbOpen .menuBox ul.menu li:active{background-color: #2e4d7a;}
	#header #gnbOpen .menuBox ul.menu li.active a{color: #ffffff;}
	#header #gnbOpen .menuBox ul.menu li:active a{color: #ffffff;}
	#header #gnbOpen .menuBox ul.menu li.active em{display: none;}
	#header #gnbOpen .menuBox ul.menu li.hover em{display: none;}
	#header #gnbOpen .menuBox ul.menu li:hover em{display: none;}
	#header #gnbOpen .subMenu{top:0px; left:0px; height:100%; position: relative;background-color:#ffffff; display: block !important;}
	#header #gnbOpen .subMenu .wrap{width:100%;}
	#header #gnbOpen .subMenu dl{padding:10px 15px; text-align: left;}
	#header #gnbOpen .subMenu dt{font-size:15px; padding-bottom:10px; font-weight:700; border-bottom:1px solid #979797; display: block;}
	#header #gnbOpen .subMenu dl:first-child{margin-top:51px;}
	#header #gnbOpen .subMenu dl.active{margin-top:51px;}
	#header #gnbOpen .subMenu ul{width:100%; min-height:auto; padding:5px 0px; float:none; text-align: left;}
	#header #gnbOpen .subMenu ul.sub0{margin-left:0px;}
	#header #gnbOpen .subMenu ul li{border-bottom:1px solid #dcdcdc;}
	#header #gnbOpen .subMenu ul li a{font-size:14px; padding:7px 0px; color:#666666;}
	#header #gnbOpen .subMenu ul li a:active{color:#3470c6;}
	#header #gnbOpen .subMenu ul li.active a{color:#3470c6;}
	#header .search{top:51px; right:0%; width:100%; position: fixed;}
	#header .search .close{width:33px; top:-1px; right:0px; border-top:3px solid #3470c6;}
	#header .search .input{width:100%; height:35px;}
	#header .search .input input{font-size:13px; padding-right:40px;}
	
	#footer{padding:15px 0px; position: relative;}
	#footer .logo{display: none;}
	#footer .box{margin-left:0px; font-size:11px; text-align: center;}
	#footer .box .top{margin-top:10px; padding-top:5px; border-top:1px solid #ffffff; border-bottom:none; position: relative;}
	#footer .box ul{padding:3px 0px; overflow: hidden;}
	#footer .box ul li::before{width:1px; height:11px; top:5px}
	#footer .box ul li a{padding:2px 3px;}
	#footer .box .bottom ul li{padding:2px 3px;}
	#footer .box p.tel{font-size:13px; bottom:-2px; margin:0px 5px; right:auto; left:0px; position: relative; display:inline-block; vertical-align: top;}
	#footer .selectWrap{top:0px; margin:0px 5px; display: inline-block; position: relative;}
	.selectWrap{width:140px;  height:23px;}
	.selectWrap select{font-size:11px; padding:0px 5px; padding-right:20px; }
	.selectWrap select {background-position: right 6px top 9px; background-size:11px; }
	
	.sub#wrap .projects.housing#content .popup .wrap{width:90% !important; height:auto !important;}
	
	.pagingSelect{display:none;}
	.paging{margin-top:25px;}
	.paging em{width:30px; line-height:30px; height:30px; }
	.paging em a{font-size:12px;}
		
	
	/*메인*/
	#content .alarm{top:51px; right:28px; padding-top:40px; padding-bottom:10px; bottom:auto;}
	#content .alarm .close{width:33px; top:-1px; right:0px; border-top:3px solid #3470c6;}
	#content .alarm ul{height:126.5vw; max-height:540px; overflow-y: auto;}
	#content .alarm li{width:140px; float:none; margin:10px 10px;}
	#content .alarm li:first-child{margin-left:10px;}
	#content .alarm li:last-child{margin-right:10px;}
	#content .alarm li span{height:90px;}
	#content .alarm li .txt{padding:5px 10px;}
	#content .alarm li p.title{font-size:16px; line-height:17px; }
	#content .alarm li p.title em{font-size:11px;}
	#content .alarm li p.tel{font-size:14px; padding-top:3px; margin-top:5px;}
	.main#wrap #mainSlider .swiper .paginationWrap{width:100%; margin-left:0px; top: auto; bottom:20px; -webkit-transform: translateY(0%); -ms-transform: translateY(0%); transform: translateY(0%); left:0%;}
	.main#wrap #mainSlider .swiper .paginationWrap::before{display:none}
	.main#wrap #mainSlider .swiper .paginationWrap::after{display:none}
	.main#wrap #mainSlider .swiper{position: relative;}
	.main#wrap #mainSlider .swiper .swiper-pagination{position: relative;}
	.main#wrap #mainSlider .swiper .swiper-pagination .swiper-pagination-bullet{width:23px; height:5px; margin:0px 5px; background-image: url('../images/ico_bolt2.jpg'); display: inline-block;}
	.main#wrap #mainSlider .swiper .swiper-pagination .swiper-pagination-bullet-active{background-image: url('../images/ico_boltH2.jpg'); }
	.main#wrap #mainSlider .swiper-slide{height:140vw; background-repeat: no-repeat; background-position: center; background-size: cover;}
	.main#wrap #mainSlider .swiper-slide .txt{position: absolute; top:100px; bottom:auto; left:0px;}
	.main#wrap #mainSlider .swiper-slide .txt .txt1{font-size:30px; line-height:30px; text-shadow: 1px 1px 1px #000000;}
	.main#wrap #mainSlider .swiper-slide .txt .txt1 .en{font-size:30px; line-height:30px;}
	.main#wrap #mainSlider .swiper-slide .txt .txt1 span{font-size:12px;}
	.main#wrap #mainSlider .swiper-slide .txt .btn{margin-top:25px;}
	.main#wrap #mainSlider .swiper-slide .txt .btn a{font-size:13px; line-height:25px; padding:0px 10px; padding-right:25px; }
	.main#wrap #mainSlider .swiper-slide .txt .btn a:hover{border:1px solid #ffffff;}
	.main#wrap #mainSlider .swiper-slide .txt .btn a::before{width:7px; height:13px; top:50%; margin-top:-6px; right:10px;}
	
	
	/*서브*/
	.sub#wrap #footer{position: relative;}
	.sub#wrap #content{padding-bottom:50px;}
	.sub#wrap #content #top{height:55px; padding-top:40px;}
	.sub#wrap #content #top h2{font-size:22px;}
	.sub#wrap #content #top h2::before{width:30px; height:1px; top:-10px; left:50%; margin-left:-15px;}
	
	.sub#wrap{min-width:320px;}
	.sub#wrap #content .wrap{width:100%;}
	.sub#wrap #content .s_menu{padding:20px 0px;}
	.sub#wrap #content .s_menu li a{font-size:11px; padding:0px 6px;}
	.sub#wrap #content .s_menu li:first-child a{width:15px; margin-top:-2px; padding:0px 5px;}
	.sub#wrap #content .s_menu li::before{width:1px; height:13px; top:0px;}
	.sub#wrap #content .s_menu li a span{padding:0px 0px; }
	.sub#wrap #content .s_menu li a span::before{height:2px; bottom:-5px;}
	.sub#wrap #content .section{margin:20px 0px;}
	.sub#wrap #content .section h3{margin-bottom:20px;}
	.sub#wrap #content .section h3 span{font-size:16px; padding:0px 10px;}
	.sub#wrap #content .section h3 span::before{height:18px; top:1px; left:0px;}
	.sub#wrap #content .section h3 span::after{height:18px; top:1px; right:0px;}
	.sub#wrap #content .section h3 em{font-size:15px; margin-bottom:20px; padding-top:10px; padding-bottom:20px;}
	.sub#wrap #content .section h3 em::before{width:30px; margin-left:-15px;}
	.sub#wrap #content .section h3 i{font-size:14px;}
	.sub#wrap #content .section .content .box{width:90% !important;}
	
	
	/*회사소개*/
	.sub#wrap .intro.summary#content #summary .content .bg{height:160px;}
	.sub#wrap .intro.summary#content #summary .box{margin-top:-110px;}
	.sub#wrap .intro.summary#content #summary .box .inner{padding:10px 30px;}
	.sub#wrap .intro.summary#content #summary .box dl{font-size:12px; margin:25px 0px;}
	.sub#wrap .intro.summary#content #summary .box dt{padding-bottom:5px; border-bottom:1px solid #736c6a;}
	.sub#wrap .intro.summary#content #summary .box dd li{font-size:12px; margin:10px 0px; padding-left:60px;}
	.sub#wrap .intro.summary#content #summary .box dd li span{top:1px; }
	.sub#wrap .intro.summary#content #idea .content .bg{height:295px;}
	.sub#wrap .intro.summary#content #idea .box{margin-top:-180px;}
	.sub#wrap .intro.summary#content #idea .box .inner{padding:20px 15px;}
	.sub#wrap .intro.summary#content #idea .box h4{margin-bottom:10px;}
	.sub#wrap .intro.summary#content #idea .box h4 span{font-size:14px; padding-bottom:10px;}
	.sub#wrap .intro.summary#content #idea .box h4 span::before{width:20px; height:1px; margin-left:-10px;}
	.sub#wrap .intro.summary#content #idea .box p.txt1{font-size:17px; }
	.sub#wrap .intro.summary#content #idea .box ul{margin-top:25px; display: block;}
	.sub#wrap .intro.summary#content #idea .box ul li{margin-bottom:40px; padding:0px 10px;}
	.sub#wrap .intro.summary#content #idea .box ul li:last-child{margin-bottom:0px;}
	.sub#wrap .intro.summary#content #idea .box ul li::before{width:1px; height:20px; bottom:-30px; top:auto; right:50%;}
	.sub#wrap .intro.summary#content #idea .box ul li:last-child::before{display: none;}
	.sub#wrap .intro.summary#content #idea .box ul li span{font-size:10px; letter-spacing: 5px; display: block;}
	.sub#wrap .intro.summary#content #idea .box ul li span b{font-size:15px; margin-bottom:0px; }
	.sub#wrap .intro.summary#content #idea .box ul li .img{margin-top:10px; margin-bottom:15px;}
	.sub#wrap .intro.summary#content #idea .box ul li .img img{width:50px;}
	.sub#wrap .intro.summary#content #idea .box ul li p.txt{font-size:11px; line-height:18px; letter-spacing: 0px;}
	.sub#wrap .intro.summary#content #CI .content .bg{height:auto; padding:20px 20px}
	.sub#wrap .intro.summary#content #CI .box .inner{padding:10px 10px;}
	.sub#wrap .intro.summary#content #CI .box .logo img{width:160px;}
	.sub#wrap .intro.summary#content #CI .box p.txt{margin-top:15px; font-size:11px; line-height:18px;}
	.sub#wrap .intro.summary#content #CI .ci{width:90%; margin-top:30px;}
	.sub#wrap .intro.summary#content #CI .ci p.title{font-size:13px; margin-bottom:10px;}
	.sub#wrap .intro.summary#content #CI .ci .btnContainer{margin-top:20px;}
	.sub#wrap .intro.summary#content #CI .ci .btnContainer a{font-size:13px; line-height:35px; margin:0px 10px; }
	.sub#wrap .intro.summary#content #CI .ci .btnContainer a:hover{box-shadow: 0 0 0 1px #2e4d7a inset; }
	/*회사소개_연혁*/
	.sub#wrap .intro.history#content .bg{height:32vw; margin-bottom:-25vw;}
	.sub#wrap .intro.history#content .box{width:86% !important; padding:0px 5%; padding-left:1%;}
	.sub#wrap .intro.history#content table{border-spacing: 0px 30px;}
	.sub#wrap .intro.history#content td{font-size:11px; padding:7px 0px;}
	.sub#wrap .intro.history#content tr.multiLine td{padding:7px 0px;}
	.sub#wrap .intro.history#content td.year span{font-size:32px; top: 55%; -ms-transform: translate(5%, -50%); transform: translate(5%, -50%); letter-spacing: -2px;}
	/*회사소개_조직도*/
	.sub#wrap .intro.org#content .content{width:90%; margin:0px auto;}
	/*회사소개_CEO*/
	.sub#wrap .intro.ceo#content .wrap{padding-bottom:30vw; background-size:130vw;}
	.sub#wrap .intro.ceo#content #ceo .content{width:90%;}
	.sub#wrap .intro.ceo#content #ceo .content h4{font-size:20px;}
	.sub#wrap .intro.ceo#content #ceo .content p{margin:25px 0px;}
	.sub#wrap .intro.ceo#content #ceo .content p.txt1{font-size:17px;}
	.sub#wrap .intro.ceo#content #ceo .content p.txt2{font-size:11px; line-height:18px;}
	.sub#wrap .intro.ceo#content #ceo .content p.txt3{font-size:11px}
	.sub#wrap .intro.ceo#content #ceo .content p.txt3 b{font-size:17px; margin-left:5px; letter-spacing: 5px;}
	/*회사소개_계열사*/
	.sub#wrap .intro.subsidiary#content #subsidiary .content ul.list{width:80%; margin:0px auto;}
	.sub#wrap .intro.subsidiary#content #subsidiary .content ul.list>li{margin:30px 0px; padding-left:0px; padding-top:45px;}
	.sub#wrap .intro.subsidiary#content #subsidiary .content ul.list>li .thumb{width:auto; height:43vw; border:5px solid #dddfe2; position: relative; }
	.sub#wrap .intro.subsidiary#content #subsidiary .content ul.list>li .thumb .soon{font-size:15px;}
	.sub#wrap .intro.subsidiary#content #subsidiary .content ul.list>li .right{height:auto; border:none;}
	.sub#wrap .intro.subsidiary#content #subsidiary .content ul.list>li .right dl{margin:0px 20px;}
	.sub#wrap .intro.subsidiary#content #subsidiary .content ul.list>li .right dt{padding:0px 0px; margin-bottom:0px; font-size:20px; line-height:50px; border-bottom:none; position: absolute; top:0px; left:0px; width:100%; text-align: center;}
	.sub#wrap .intro.subsidiary#content #subsidiary .content ul.list>li .right dt img{height:35px; width:auto;}
	.sub#wrap .intro.subsidiary#content #subsidiary .content ul.list>li .right dd{margin-top:0px; position: relative; top: 0%; transform: translateY(0%);}
	.sub#wrap .intro.subsidiary#content #subsidiary .content ul.list>li .right dd li{font-size:13px; margin:10px 0px; padding-left:60px;}
	
	
	/*주요사업_주택사업*/
	.sub#wrap .projects.housing#content #housing{padding:20px 0px; }
	.sub#wrap .projects.housing#content #housing .wrap{width:94%;}
	.sub#wrap .projects.housing#content #housing .content ul.list li{width:44%; height:49vw; margin:3%;}
	.sub#wrap .projects.housing#content #housing .content ul.list li a{width:24vw; padding:10px 5px; padding-bottom:0px; border-top-right-radius:10px;}
	.sub#wrap .projects.housing#content #housing .content ul.list li a span{font-size:11px; }
	.sub#wrap .projects.housing#content #housing .content ul.list li a em{vertical-align:8px; font-size:0px; border-bottom:none;}
	.sub#wrap .projects.housing#content #housing .content ul.list li a em::before{top:0px;}
	.sub#wrap .projects.housing#content .popup .close{width:30px;}
	.sub#wrap .projects.housing#content .popup#detail .wrap{padding:20px 30px; width:90% !important; height:auto !important;}
	.sub#wrap .projects.housing#content .popup#detail dt{font-size:14px;}
	.sub#wrap .projects.housing#content .popup#detail dd p{margin:10px 0px;}
	.sub#wrap .projects.housing#content .popup#detail dd li{font-size:12px; margin:3px 0px;}
	/*주요사업_건축사업*/
	.sub#wrap .projects.building#content #building .wrap{width:96%;}
	.sub#wrap .projects.building#content .content{margin-bottom:40px;}
    .sub#wrap .projects.building#content .content h3{margin-bottom:20px;}
    .sub#wrap .projects.building#content ul.list{margin-left:0px; margin-right:0px;}
    .sub#wrap .projects.building#content ul.list>li{width:48%; margin:1%}
    .sub#wrap .projects.building#content ul.list>li .box{width:auto !important; margin:3px;}
    .sub#wrap .projects.building#content ul.list>li span.img{height:29vw;}
    .sub#wrap .projects.building#content ul.list>li .txt{height:120px; font-size:10px; padding:15px 10px;}
    .sub#wrap .projects.building#content ul.list>li .txt p.title{font-size:12px; padding-bottom:10px; margin-bottom:10px; border-bottom:1px solid #95a4b8;}
    .sub#wrap .projects.building#content ul.list>li .txt li{margin-bottom:5px; padding-left:45px; position: relative;}
    .sub#wrap .projects.building#content ul.list>li .txt li span{position: absolute; top:0px; left:0px;}
    .sub#wrap .projects.building#content table{width: 100%; border: 1px solid #ffffff; border-collapse: collapse;}
    .sub#wrap .projects.building#content th, .sub#wrap .projects.building#content td { border: 1px solid #ffffff; padding: 5px; text-align: center;}
    .sub#wrap .projects.building#content th{font-size:12px; color:#ffffff; background-color: #2e4e7a;}
    .sub#wrap .projects.building#content td{font-size:10px; color:#221815; font-weight:300; background-color: #e9e9e9; word-break: normal}
	
	
	/*벨라시티_브랜드*/
	.sub#wrap .bellacity.brand#content .section h3 em{padding-bottom:10px;}
	.sub#wrap .bellacity.brand#content #brand .content{width:90%;}
	.sub#wrap .bellacity.brand#content #brand .content p{margin-top:10px;}
	.sub#wrap .bellacity.brand#content #brand .content p.title{font-size:18px; margin-top:30px;}
	.sub#wrap .bellacity.brand#content #brand .content p.txt{font-size:12px; line-height:18px; margin:10px 48px;}
	.sub#wrap .bellacity.brand#content #brand .content .btnContainer{margin-top:20px;}
	.sub#wrap .bellacity.brand#content #brand .content .btnContainer a{font-size:13px; line-height:35px; margin:0px 10px; }
	.sub#wrap .bellacity.brand#content #brand .content .btnContainer a:hover{box-shadow: 0 0 0 1px #2e4d7a inset; }
	/*벨라시티_단지소개*/
	.sub#wrap .bellacity.housing#content #housing .wrap{width:80%;}
	.sub#wrap .bellacity.housing#content #housing .content ul.list>li{width:100%; margin:20px 0px;}
	.sub#wrap .bellacity.housing#content #housing .content ul.list>li .box{width:auto !important; margin:4px; border:1px solid #dddfe1;}
	.sub#wrap .bellacity.housing#content #housing .content ul.list>li .top{font-size:16px; padding:7px;}
	.sub#wrap .bellacity.housing#content #housing .content ul.list>li .top span{width:60px; font-size:12px; line-height:23px; top:5px; right:7px;}
	.sub#wrap .bellacity.housing#content #housing .content ul.list>li .thumb{height:43vw; background-position-y: 0%;}
	.sub#wrap .bellacity.housing#content #housing .content ul.list>li .txt{height:190px; padding:7px; font-size:12px;}
	.sub#wrap .bellacity.housing#content #housing .content ul.list>li .txt li{margin:5px 0px; padding-left:60px;}
	.sub#wrap .bellacity.housing#content #housing .content ul.list li a{width:100%; line-height:47px; position:absolute; bottom:0px; left:0px; text-align: center; color:#ffffff; background-color: #2e4e7a;}
	
	
	/*홍보센터_언론보도*/
	.sub#wrap .media.report#content #report .content ul.list{margin:0px 5px;}
	.sub#wrap .media.report#content #report .content ul.list li{height:auto; margin:0px 15px; padding:15px; padding-left:0px;}
	.sub#wrap .media.report#content #report .content ul.list li .thumb{width:76%; height:37vw; top:0px; left:0px; margin:0px auto; position:relative;}
	.sub#wrap .media.report#content #report .content ul.list li p.title{font-size:14px; margin-top:15px; margin-bottom:10px;}
	.sub#wrap .media.report#content #report .content ul.list li .txt{font-size:11px; line-height:18px; margin-bottom:15px; margin-right:0px; max-height:90px; }
	.sub#wrap .media.report#content #report .content ul.list li a{font-size:13px; padding:0px 10px; padding-right:20px; line-height:25px; width:50px; background-size:4px 10px; background-position:90% 50%; display:block; margin:0px auto;}
	/*홍보센터_홍보영상*/
	.sub#wrap .media.video#content #video .content{width:90%;}
    .sub#wrap .media.video#content #video .content .big p.date{font-size:11px;}
    .sub#wrap .media.video#content #video .content .big p.title{font-size:14px; margin-top:5px; margin-bottom:10px;}
    .sub#wrap .media.video#content #video .content .big .player{height:50vw;}
    .sub#wrap .media.video#content #video .content ul.list{margin-top:20px; margin-left:-1%; margin-right:-1%;}
    .sub#wrap .media.video#content #video .content ul.list li{width:48%; margin:10px 1%}
    .sub#wrap .media.video#content #video .content ul.list li .player{height:27vw}
    .sub#wrap .media.video#content #video .content ul.list li p.date{font-size:10px; margin-top:10px; margin-bottom:5px;}
    .sub#wrap .media.video#content #video .content ul.list li p.title{font-size:12px;}
	
	/*인재채용*/
	.sub#wrap .recruit.want#content #want .content .bg{height:215px;}
	.sub#wrap .recruit.want#content #want .content  .box{margin-top:-95px;}
	.sub#wrap .recruit.want#content #want .box .inner{padding:30px 10px;}
	.sub#wrap .recruit.want#content #want .box .inner h4{font-size: 17px; margin-bottom: 30px;}
	.sub#wrap .recruit.want#content #want .box .inner dl{width: 49%; padding: 0; border-right:none; margin:10px 0;}
	.sub#wrap .recruit.want#content #want .box .inner dd img{width:50px;}
	.sub#wrap .recruit.want#content #want .box .inner dd:nth-child(2){height:100px;}
	.sub#wrap .recruit.want#content #want .box .inner dt{font-size:15px;}
	.sub#wrap .recruit.want#content #want .box .inner dt span{font-size:10px;}
	.sub#wrap .recruit.want#content #want .box .inner dd:nth-child(3){font-size:11px;}
	.sub#wrap .recruit.want#content #want .box .inner dl:nth-child(even){border-right:1px solid #d5d4d3;}
	/*인재채용_채용문의*/
	.sub#wrap .recruit.inquire#content #inquire h4{font-size:17px;}
	.sub#wrap .recruit.inquire#content #inquire .list{margin: 0 auto; width:90%;}
	.sub#wrap .recruit.inquire#content #inquire .listWrap{margin-top:20px; font-size: 13px;}
	.sub#wrap .recruit.inquire#content #inquire .listWrap li{padding:10px;}
	.sub#wrap .recruit.inquire#content #inquire .listWrap li div.cell3{display:block; width:100%;}
	.sub#wrap .recruit.inquire#content #inquire .listWrap li div.cell2{width:82%; vertical-align:top;}
	.sub#wrap .recruit.inquire#content #inquire .listWrap li div.cell1{width:17%; vertical-align:top;}
	.sub#wrap .recruit.inquire#content #inquire .listWrap .cell2 div{padding-left:0;}
	.sub#wrap .recruit.inquire#content #inquire .listWrap .date{font-size:11px;}
	.sub#wrap .recruit.inquire#content #inquire .listWrap .cell1 div::after{height:20px; right: 13px;}
	.sub#wrap .recruit.inquire#content #inquire .listWrap .cell3 div{width:68px; height:27px; line-height:27px; margin-top: 10px;}
	.sub#wrap .recruit.inquire#content #inquire .inquire_inner{width:90%; margin:0 auto;}
	.sub#wrap .recruit.inquire#content #inquire .inquire_inner div.text div{padding:25px 0; font-size: 12px;}
	.sub#wrap .recruit.inquire#content #inquire .inquire_inner div.text div span.sub{margin-left: 55px;}
	.sub#wrap .recruit.inquire#content #inquire .inquire_inner .goList{height:30px; line-height:30px; width:99px; font-size: 13px;margin-top: 25px;}
	
	
	/*준비중*/
    #content #soon.section .wrap{padding-bottom:40vw; padding-top:10vw; background-size:130vw;}
    #content #soon.section .wrap span img{width:100px;}
    #content #soon.section .wrap p{font-size:13px; margin:20px 0px;}
    #content #soon.section .wrap p b{font-size:21px; margin-bottom:10px;}
	#wrap.main #content #soon.section .wrap{padding-top:20vw;}
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
}