@import url(https://fonts.googleapis.com/css2?family=Raleway:wght@300;400;700;800&display=swap);
#ifrm {
    width: 100%;
   min-height: 300px;
    overflow: hidden;
    border: 0;
}


/* pc */
@media screen and (min-width:1300px){
   #memofile { max-width:1250px; }
}
/* tablet */
@media screen and (min-width:768px) and (max-width:1024px){
   #memofile { width:99%; }
}
/* mobile */
@media screen and (min-width:0) and (max-width:767px){
   #memofile { width:99%; }
}

body,div,p,h1,h2,h3,h4,h5,h6,ol,li,dl,dt,dd,ul,pre,form,fieldset,legend,button,table,th,td {
border:0;
margin:0;
padding:0;
}

ul,ol,li,dl {
list-style:none;
}

img {
border:0;
vertical-align:middle;
font-size:0;
}

address,caption,cite,code,dfn,em,var {
font-style:normal;
}

a {
text-decoration:none;
color:#333;
}

a:hover,a:active,a:focus {
text-decoration:none;
}

table {
border:0;
border-spacing:0;
border-collapse:collapse;
padding:0;
}

strong {
font-weight:500;
}

h1,h2,h3,h4,h5,h6 {
font-weight:400;
}

article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,main {
display:block;
}

body,th,td,input,select,textarea,button {
color:#3b3b3b;
font-size:16px;
line-height:1.5;
letter-spacing:-.08em;
font-family: 'Pretendard';
font-weight:400;
}

:focus {
outline:none;
}

body{
overflow-x:hidden !important;
width:100%;
}

.blind,.gnb-open-btn,.gnb-close-btn,.mobile-gnb {
display:none;
}

.gnb:after,.sub-content:after {
clear:both;
display:block;
height:0;
content:"";
visibility:hidden;
}



.header-tnb-ul,.header-link-ico,.slick-slide {
display:inline-block;
}

header {
width:100%;
height:90px;/*100px;*/
position:fixed;
z-index:999;
transition: .3s ease;
overflow:hidden;
background:rgba(255,255,255,0.8)
}
.header-logo {
position:absolute;
left:100px;
text-align:left;
z-index:999;
top:20px;
}

header.drop,
header.on{
background:#fff;
box-shadow: 0 0 12px rgb(33 33 33 / 20%);
}

.header-logo a{
display:block;
width:130px;/*270px;*/
}

.header-logo a img{
width:100%;
}

.header-gnb {
height:45px;/*58px;*/
position:absolute;
z-index:99;
/*right:100px;*/
left:35%;
top:15px; /*30px;*/
display:inline-block;
}

.gnb{
}

.gnb > li {
display:inline-block;
position:relative;
line-height:58px;
text-align:center;
box-sizing:border-box;
vertical-align:top;
padding:0 35px;
}


.gnb > li:hover > a{
color:#377cda;
font-weight:600;
}

.gnb > li > a {
display:block;
font-size:22px;
color:#333;
position:relative;
font-weight:600;
/*text-shadow: #fff 1px 0 10px;*/
}

/*.gnb > li > ul {
display:none;
position:absolute;
left:50%;
margin-left:-80px;
width:160px;
z-index:5;
background:#377cda;
box-sizing:border-box;
padding:5px 0;
border-radius:5px;
}*/
.gnb > li > ul:after{
content:"";
display:block;
background:url(img/menu-arrow.png);
width:12px;
height:7px;
position:absolute;
top:-7px;
left:50%;
margin-left:-6px;
}

.gnb > li:hover > ul {
height:auto;
display:block;
}

.gnb > li > ul li {
height:30px;
line-height:30px;
}

.gnb > li > ul{
padding-top:10px;
padding-bottom:40px;
box-sizing:border-box;
}

.gnb > li > ul li:first-child{
border-top-width:0;
}

.gnb > li > ul li a {
display:block;
font-size:15px;
}


.gnb > li > ul li:hover a{
color:#000;
font-weight:500;
}

.mobile-open-btn, .all-menu-area, .search-btn{
display:none;
}



.contain {
    overflow-x: hidden;
    width: 100%;
}

/*footer*/
footer{
width:100%;
background:#1e282f;
box-sizing:border-box;
padding:0 5% 25px;
}


.foot-info{
background:url(img/foot-logo.png);
background-repeat:no-repeat;
background-position:100% 50%;
background-size:80px 88px;
padding:35px 0;
padding-right:90px;
box-sizing:border-box;
}
.foot-info p{
display:inline-block;
margin-bottom:10px;
color:#fff;
opacity:0.7;
}

.foot-info p span{
font-size:0.85em;
display:inline-block;
padding:0 15px;
opacity:0.5;
}


.foot-copy{
border-top:1px rgba(255,255,255,0.1) solid;
padding-top:20px;
}

.foot-copy p{
width:100%;
letter-spacing:0em;
text-transform: uppercase;
box-sizing:border-box;
color:#fff;
opacity:0.5;
}


/********************* main *********************************/
.img{
width:100%;
padding-top:61%;
overflow:hidden;
position:relative;
}

.img img{
width:100%;
position:absolute;
left:50%;
top:50%;
}
@keyframes vt-ani {
    0 {opacity:0; -moz-transform:translatey(20%); -ms-transform:translatey(20%); transform:translatey(20%); }
    100% {opacity:1; moz-transform:translatey(0);  -ms-transform:translatey(0); transform:translatey(0);}
  }
.slick-list {
position:relative;
z-index:1;
}

#visual {
position:relative;
height:100%;
margin:0 auto;
margin-bottom:-7px;
z-index:1;
width:100%;
max-width:2000px;
overflow:hidden;
}

.visual-img {
position:relative;
}

.visual-img-bg {
position:relative;
overflow:hidden;
}

.visual-img-bg.vib-m{
display:none;
}

.visual-img-bg img{
position:relative;
left:50%;
margin-left:-1000px;
}

.visual-text{
position:absolute;
top:30%;
left:100px;
font-size:30px;
font-weight:700;
letter-spacing:-0.05em;
}

.slick-active .visual-text p{opacity:0;  -moz-transform:translatey(20%); -ms-transform:translatey(20%); transform:translatey(20%);  animation-timing-function: ease-out; animation-name: vt-ani;  animation-duration: 0.5s;animation-delay: 0.2s; animation-fill-mode:both;}
.slick-active .visual-text p.vt02{animation-delay: 0.8s; font-weight:600;}

.slick-dots {
z-index:999;
width:600px;
position:absolute;
z-index:9;
left:50%;
margin-left:-300px;
bottom:30px;
text-align:center;
}

.slick-dots li {
display:inline-block;
margin:0 5px;
}

.slick-dots li button {
display:block;
background:transparent;
width:18px;
height:18px;
font-size:0;
box-sizing:border-box;
border-radius:9999px;
border:4px #fff solid;
box-shadow: 1px 1px 2px rgb(0,0,0,0.1);
}

.slick-dots li.slick-active button {
background:#fff;
}

.main-tit{
text-align:center;
font-family: 'Raleway', sans-serif;
letter-spacing:0em;
text-transform:uppercase;
padding-bottom:60px;
}

.main-tit h2{
font-weight:800;
font-size:45px;
}

.main-tit h2 span{
color:#0681d0;
}

.main-tit p{
font-size:27px;
color:#999;
font-weight:400;
}

.main-content{
width:100%;
box-sizing:border-box;
margin:0 auto;
padding:100px 0;
position:relative;
}

/*BUSINESS-AREA*/
.business-slide{
width:90%;
overflow:hidden;
margin:0 auto;
}

.business-slide .slick-arrow,
.sales-slide .slick-arrow{
position:absolute;
right:4%;
top:100px;
font-size:60px;
opacity:0.3;
background:transparent;
}

.business-slide .slick-arrow.slick-prev,
.sales-slide .slick-arrow.slick-prev{
right:auto;
left:4%;
}

.business-slide .slick-slide > div{
margin:0 25px;
}

.business-slide a{
position:relative;
}

.business-slide .bs-img{
width:100%;
}

.business-slide .bs-img img{
width:100%;
}

.business-slide .bs-text{
position:absolute;
width:50%;
height:100%;
background:#fff;
right:0;
top:0;
box-sizing:border-box;
padding-left:45px;
display:table;
table-layout:fixed;
transition: .3s ease;
}
.business-slide a:hover .bs-text{
background:rgba(180,47,0,0.8);
width:100%;
}
.business-slide a:hover .bst-box{
vertical-align:middle;
}

.business-slide a:hover .bs-text p{
color:#fff;
}

.business-slide a:hover .bst3:after{
display:none;
}

.business-slide a:hover .bst1{
opacity:0.6;
color:#fff;
}
.business-slide a:hover .bst2{
font-size:35px;
}
.business-slide a:hover .bst3{
padding-bottom:50px;
font-size:18px;
}
.business-slide a:hover .bst4{
opacity:0.8;
}

.business-slide a:hover .bs-btn{
opacity:0;
}

.business-slide a:hover .bs-btn-on{
opacity:1;
bottom:30px;
}

.bst-box{
display:table-cell;
width:100%;
vertical-align:bottom;
}

.bst1{
letter-spacing:0em;
text-transform:uppercase;
font-size:20px;
color:#999;
transition: .5s ease;
}

.bst2{
font-family: 'Raleway', sans-serif;
letter-spacing:0em;
text-transform:uppercase;
color:#293945;
font-weight:800;
font-size:35px;
line-height:1.2em;
transition: .5s ease;
}

.bst3{
color:#293945;
font-size:26px;
font-weight:600;
transition: .5s ease;
}

.bst4{
font-weight:300;
color:#666;
margin-bottom:5px;
transition: .5s ease;
}

.bst3:after{
content:"";
display:block;
background:#1e282f;
width:38px;
height:5px;
margin:20px 0;
transition: .5s ease;
}

.bs-btn{
position:absolute; 
right:0;
top:0;
width:55px;
height:55px;
line-height:55px;
text-align:center;
color:#fff;
font-size:28px;
background:#2471c1;
transition: .5s ease;
}

.bs-btn-on{
position:absolute;
right:50px;
bottom:-10px;
display:inline-block;
border:2px #fff solid;
padding:5px 25px;
transition: .8s ease;
color:#fff;
opacity:0;
}





/*sales-information*/
#sales{
background:url(img/sales-bg.gif);
background-repeat:repeat-x;
}
.sales-slide{
width:90%;
overflow:hidden;
margin:0 auto;
}

.sales-slide a{
display:block;
box-sizing:border-box;
border:1px #e0e0e0 solid;
position:relative;
}
.ss-img{
height:220px;
width:100%;
background:#fff;
border-bottom:1px #e0e0e0 solid;
}

.si-box{
display: flex;
width: 100%;
height: 100%;
justify-content: center;
align-items: center;
overflow: hidden;
}

.si-box img{
max-width:100%;
}

.ss-text{
box-sizing:border-box;
padding:25px;
background:#fff;
}

.ss-t1{
color:#a43545;
font-size:18px;
text-decoration:underline;
}

.ss-t2{
font-size:25px;
font-weight:500;
height:1em;
line-height:1em;
overflow:hidden;
margin:10px 0;
}

.ss-ul li{
position:relative;
padding-left:35px;
height:1.5em;
line-height:1.5em;
overflow:hidden;
color:#555;
}

.ss-ul span{
position:absolute;
left:0;
color:#888;
font-weight:500;
}

.sales-slide .slick-slide > div{
margin:0 25px;
}

.ss-hover{
position:absolute;
left:0;
top:-50px;
width:100%;
height:100%;
display:table;
table-layout:fixed;
background:rgba(9,18,42,0.8);
opacity:0;
}

.sales-slide a:hover .ss-hover{
opacity:1;
left:0;
top:0;
transition: .5s ease;
}

.ss-hover div{
width:100%;
display:table-cell;
vertical-align:middle;
text-align:center;
color:#fff;
padding:20px 30px;
word-break:keep-all;
}

.ss-hover div p{
font-size:22px;
font-weight:600;
margin-bottom:10px;
}

.ss-hover div em{
display:block;
width:80px;
margin:30px auto 0;
border-bottom:3px #fff solid;
}

.sales-more{
text-align:center;
margin:0 auto;
padding-top:50px;
}

.sales-more a{
display:inline-block;
background:#293944;
color:#fff;
font-size:20px;
font-family: 'Raleway', sans-serif;
letter-spacing: 0em;
padding:10px 25px;
font-weight:500;
transition: .4s;
}

.sales-more a:hover{
background:#dd430e;
}


/*회사소개,토광소식*/
.main-info{
display:flex;
flex-wrap: nowrap;
}
.main-info section{
width:50%;
box-sizing:border-box;
padding:75px;
height:350px;
border:1px #e0e0e0 solid;
border-left-width:0;
border-bottom-width:0;
transition: .4s, 0s;
}

.main-info #tokwang{

background-image:url(img/tokwang-bg.jpg);
background-size:cover;
background-position:70% 50%;
text-align:right;

}
.main-info section .main-tit h2{
font-size:45px;
line-height:1.2em;
}



.main-info section .main-tit em{
font-size:25px;
}

.main-info section .m-more{
display:inline-block;
padding:10px 20px; 
color:#fff;
background:#2471c1;
font-weight:500;
margin-top:10px;
text-transform:uppercase;
transition: .4s;
}
.main-info #tokwang .main-tit{
text-align:right;
}

.main-info section:hover .m-more{
background:#dd430e;
}

.main-info #notice{
display:flex;
border-right-width:0;
}
.main-info #notice .main-tit{
text-align:left;
width:40%;
}

.main-info #notice .main-tit div{
margin:14px 0 10px;
font-size:20px;
color:#666;
}
    
.notice-list{
width:60%;
padding-top:20px;
}
.notice-list li{
position:relative;
box-sizing:border-box;
padding-right:100px;
padding-left:8px;
width:100%;
margin-bottom:22px;
}

.notice-list li:after{
content:"";
display:block;
width:3px;
height:3px;
background-color:#999;
position:absolute;
left:0;
top:7px;
border-radius:999px;
}

.notice-list li a{
display:block;
height:1em;
line-height:1em;
overflow:hidden;
}

.notice-list li span{
position:absolute;
right:0;
top:0;
color:#999;
font-weight:300;
letter-spacing:0em;
line-height:1em;
}

/*sub*/
.sub-tit{
background:url(img/sub-visual02.jpg);
background-size:cover;
background-position:50%;
height:400px;
padding-top:50px;
display:table;
width:100%;
}

.sub-tit h2{
display:table-cell;
width:100%;
height:inherit;
vertical-align:middle;
text-align:center;
font-weight:700;
font-size:55px;
text-shadow: #fff 1px 0 10px;
color:#000;
}

.sub-nav{
width:100%;
text-align:center;
background:#fff;
height:50px;
line-height:50px;
border-bottom:1px #e0e0e0 solid;
}

.sub-nav .depth1 p{
transition: .3s ease;
cursor:pointer;
}
.sub-nav .depth2{
display:none;
position:absolute;
top:49px;
width:101%;
left:-3px;
background:#fff;
z-index:99;
border:1px #e0e0e0 solid;
border-top-width:0;
}

.sub-nav .depth2 li{
line-height:2.5em;
border-top:1px #e0e0e0 solid;
}

.sub-nav .depth2 li:first-child{
border-top-width:0;
}

.sub-nav .depth2 li a{
display:block;
transition: .3s ease;
}

.sub-nav .depth2 li a:hover{
background:#2471c1;
color:#fff;
}

.sub-nav div{
display:inline-block;
padding:0 30px;
line-height:inherit;
border-right:1px #e0e0e0 solid;
position:relative;
}

.sub-nav i.xi-angle-down{
display:inline-block;
padding-left:30px;
}

.sub-nav div.sn-home{
border-left:1px #e0e0e0 solid;
padding:0 20px;
font-size:22px;
}

.sub-tit2{
text-align:center;
font-size:42px;
font-weight:600;
padding-top:70px;
}

.sub-content{
width:95%;
max-width:1200px;
margin:0 auto;
padding:40px 0 80px;
}

.sub-tab{
text-align:center;
padding-top:20px;
margin-bottom:10px;
}

.sub-tab a{
display:block;
font-size:22px;
font-weight:500; 
padding:10px 20px;
position:relative;
color:#666;
}

.sub-tab a:hover{
color:#111;
}

.sub-tab p{
display:inline-block;
padding:0px 25px;
position:relative;
}
.sub-tab p:after{
content:"";
width:1px;
height:16px;
background:#bcbcbc;
position:absolute;
display:block;
left:0;
top:50%;
margin-top:-8px;
}

.sub-tab p:first-child:after{
display:none;
}

.sub-tab p.current a{
color:#2160a1;
}

.sub-tab p.current a:after{
content:"";
position:absolute;
width:80px;
height:3px;
background:#2160a1;
bottom:0;
left:50%;
margin-left:-40px;
}

/*분양정보*/
.board-search{
display:flex;
margin-top:-40px;
}

.bs-count{
width:50%;
padding-top:35px;
line-height:20px;
color:#666;
}

.bs-count span{
color:#000;
font-weight:600;
}

.bs-input{
width:50%;
text-align:right;
}

.bs-input input,
.bs-input select{
display:inline-block;
height:55px;
vertical-align:top;
box-sizing:border-box;
border:1px #e0e0e0 solid;
padding:0 5px;
}

.bs-input input[type="button"]{
width:120px;
background:url(img/search-btn.gif);
background-size:cover;
border:0;
padding:0;
background-position:50%;
}

.bs-input select{
width:122px;
}

.bs-input input[type="text"]{
width:200px;
}

.board-list{
margin-top:30px;
border-bottom:1px #e0e0e0 solid;
}

.board-list li{
display:table;
box-sizing:border-box;
width:100%;
padding:30px;
border:1px #e0e0e0 solid;
border-bottom-width:0;
}

.bl-img{
width:35%;
display:table-cell;
vertical-align:middle;
}

.bl-img img{
width:100%;
}

.bl-text{
width:65%;
display:table-cell;
vertical-align:middle;
padding-left:65px;
position:relative;
}

.bl-t1{
position:absolute;
right:-30px;
top:-30px;
background:#2471c1;
color:#fff;
font-size:20px;
width:80px;
height:80px;
box-sizing:border-box;
padding:0px 20px;
line-height:1.15em;
text-align:center;
display:table;
}

.bl-t1 span{
display:table-cell;
width:100%;
vertical-align:middle;
}

.bl-t12{
position:absolute;
right:-30px;
top:-30px;
background:#2471c1;
color:#fff;
font-size:20px;
width:80px;
height:80px;
box-sizing:border-box;
padding:0px 10px;
line-height:1.15em;
text-align:center;
display:table;
}

.bl-t12 span{
display:table-cell;
width:100%;
vertical-align:middle;
}


.bl-t2{
font-weight:500;
font-size:25px;
margin-bottom:10px;
}

.blt-table th{
width:40px;
color:#666;
padding-top:5px;
}
.blt-table td{
padding-top:5px;
}

.blt-btn{
padding-top:15px;
}

.blt-btn a{
display:inline-block;
font-size:16px;
color:#fff;
background:#3f4a5f;
padding:3px 10px;
border-radius:5px;
}

.blt-btn  i{
font-size:18px;
vertical-align:-1px;
margin-right:3px;
}

.blt-btn  a.blt-b1{
background-color:#1e53b3;
}

.blt-btn  a.blt-b3{
background-color:#c04c23;
}

/*페이징*/
.paging{
width:95%;
max-width:1200px;
margin:30px auto 0;
text-align:center;
}

.paging a,
.paging strong{
display:inline-block;
height:45px;
line-height:45px;
width:35px;
box-sizing:border-box;
border:1px solid #ccc;
color:#777;
}

.paging .page-prev{
margin-right:10px;
border:1px #e0e0e0 solid;
width:45px;
}

.paging .page-next{
margin-left:10px;
border:1px #e0e0e0 solid;
width:45px;
}

.paging strong{
background:#45525f;color:#fff;
width:45px;
}

/*사업분야*/
.sub-sales-top{
margin-bottom:40px;
background:url(img/ba-img1.jpg);
background-size:cover;
background-position:100% 50%;
padding:50px;
box-sizing:border-box;
}

.sub-sales-top.sst22{
background-image:url(img/ba-img2.jpg)
}

.sub-sales-top.sst23{
background-image:url(img/ba-img3.jpg)
}

.sub-sales-top.sst24{
background-image:url(img/ba-img4.jpg)
}

.sub-sales-top.sst25{
background-image:url(img/ba-img5.jpg)
}


.sst-t1{
font-family: 'Raleway', sans-serif;
letter-spacing:0em;
text-transform:uppercase;
font-size:32px;
margin-bottom:10px;
}

.sst-t1 strong{
font-weight:600;
}

.sst-t2{
font-size:24px;
font-weight:600;
margin-bottom:5px;
}

.sst-t3{
color:#666;
}

.sst-t4{
margin-top:30px;
font-weight:600;
font-size:1.025em;
}

.sst-t4:before{
content:"";
display:block;
width:20px;
height:2px;
background:#999;
margin-bottom:20px;
}


.sub-sales-list ul{
display:flex;
flex-wrap:wrap;
}

.sub-sales-list li{
width:23.5%;
margin-left:2%;
order:0;
margin-bottom:20px;
}
.sub-sales-list li a{
display:block;
position:relative;
}
.sub-sales-list li:nth-child(4n+1){
margin-left:0;
}

.ssl-img div{
display:flex;
width:100%;
height:190px;
justify-content: center;
align-items: center;
overflow: hidden;
border:1px #e0e0e0 solid;
border-bottom-width:0;
box-sizing:border-box;
}

.ssl-img div img{
max-width:100%;
}

.ssl-img2 div{
display:flex;
width:100%;
height:120px;
justify-content: center;
align-items: center;
overflow: hidden;
border:1px #e0e0e0 solid;
border-bottom-width:1;
box-sizing:border-box;
}

.ssl-img2 div img{
max-width:60%;
}

.ssl-title{
height:50px;
line-height:50px;
border:1px #e0e0e0 solid;
box-sizing:border-box;
font-weight:500;
font-size:18px;
overflow:hidden;
padding:0 10px;
}

.ssl-title2{
height:100px;
line-height:30px;
border:1px #e0e0e0 solid;
box-sizing:border-box;
font-weight:500;
font-size:18px;
overflow:hidden;
padding:0 10px;
}


.ssl-hover{
position:absolute;
width:100%;
height:100%;
left:0;
top:50px;
background:rgba(0,0,0,0.8);
overflow:hidden;
color:#fff;
box-sizing:border-box;
padding:15px;
opacity:0;
transition: .5s ease;
}

.sub-sales-list li a:hover .ssl-hover{
opacity:1;
top:0px;
}

.ssl-hover dt{
height:30px;
line-height:20px;
/*overflow:hidden;*/
font-weight:700;
margin-bottom:10px;
}

.ssl-hover table td{
height:20px;
line-height:20px;
overflow:hidden;
color:rgba(255,255,255,0.8);
font-size:0.85em;
}

.ssl-hover table th{
color:rgba(255,255,255,0.9);
width:80px;
font-size:0.85em;
font-weight:600;
}

.ssl-hover table,
.ssl-hover table tbody,
.ssl-hover table th,
.ssl-hover table td{
display:block;
}
.ssl-hover table tr{
display:flex;
margin-bottom:5px;
}

.ssl-text{
border:1px #e0e0e0 solid;
padding:20px;
box-sizing:border-box;
}
.ssl-text dt{
font-size:1.125em;
font-weight:600;
height:30px;
line-height:30px;
overflow:hidden;
margin-bottom:10px;
}

.ssl-text table td{
height:20px;
line-height:20px;
overflow:hidden;
}

.ssl-text table th{
font-weight:600;
color:#666;
position:absolute;
left:0;
top:0;
height:20px;
line-height:20px;
}

.ssl-text table,
.ssl-text table tbody,
.ssl-text table tr,
.ssl-text table th,
.ssl-text table td{
display:block;
}
.ssl-text table tr{
margin-bottom:10px;
position:relative;
padding-left:60px;
box-sizing:border-box;
}

/*1-1인사말*/
.greeting{
position:relative;
width:100%;
padding-top:100px;
}
.greet-img{
position:absolute;
left:0;
top:0;
width:50%;
}

.greet-txt{
width: 60%;
box-sizing:border-box;
margin-left:40%;
padding:100px;
padding-bottom:80px;
position:relative;
background:#fff;
box-shadow:2px 2px 10px 0 rgb(0 0 0 / 10%)
}

.grt1{
color:#1862ae;
font-weight:800;
font-size:22px;
line-height:1.2;
}
.grt2{
font-family: 'Raleway', sans-serif;
letter-spacing:0em;
text-transform:uppercase;
font-weight:300;
font-size:60px;
line-height:1.2;
margin:10px 0;
color:#2b3949;
}

.grt2 strong{
font-weight:700;
}

.grt3{
font-size:1.25em;
margin-bottom:20px;
font-weight:600;
color:#445366;
}

.grt-box p{
word-break:keep-all;
margin-bottom:15px;
}

/*1-2경영이념*/
.vision{
text-align:center;
background:url(img/ba-img1.jpg);
background-size:cover;
background-position:100% 50%;
background-image:url(img/ba-img5.jpg);
}
.sv-tit{
color:#0566c1;
font-weight:700;
font-size:40px;
border-bottom:5px #0566c1 solid;
display:inline-block;
padding-bottom:20px;
margin-bottom:40px;
}

.sv-t1{
text-align: center;
font-size: 28px;
font-weight: 300;
color: #666;
}

.sv-t1 strong{
color:#000;
}

.sv-t1 span{
color: #283c82;
font-weight: 600;
}

.sv-t2{
margin-top:10px;
font-size:25px;
font-weight:600;
}

.sv-t3{
font-size:1.25em;
margin-top:20px;
}

.vision-list{
margin-top:50px;
}

.vision-list li{
display:inline-block;
position:relative;
margin-left:-50px;
width:25%;
}

.vision-list li:first-child{
margin-left:0;
}

.vision-list li img{
width:100%;
}

.manage{
width:100%;
background:#f0f3f4;
padding:50px 0;
}

.manage-box{
width:94%;
max-width:1100px;
margin:0 auto;
text-align:center;
}
.manage-list{
margin-top:40px;
}

.manage-list li{
display:inline-block;
width:25%;
margin:0 2%;
background:#fff;
box-sizing:border-box;
padding:60px 0;
font-size:22px;
font-weight:500;
color:#1f3e4f;
}

.manage-list li img{
width:120px;
margin-bottom:20px;
}

.img25{
margin:50px auto 0;
border-radius:20px;
overflow:hidden;
}

.img25 img{
width:100%;
}

/*1-3연혁*/
.history-box{
display:table;
width:100%;
table-layout:fixed;
}
.history-top{
text-align:center;
}

.ht-t1{
font-family: 'Raleway', sans-serif;
letter-spacing:0em;
text-transform:uppercase;
font-weight:300;
font-size:42px;
line-height:1.2;
margin:10px 0;
}

.ht-t1 strong{
font-weight:700;
}

.ht-t2{
font-weight:300;
font-size:20px;
opacity:0.5;
}

.ht-t3{
letter-spacing:0em;
text-transform:uppercase;
font-weight:700;
font-size:28px;
}
.history-list ul{
border-left:1px #e0e0e0 solid;
margin-left:50%;
padding-left:25px;
width:50%;
}
.history-list li{
position:relative;
margin:35px 0;
}

.history-list li:after{
content:"";
display:block;
width:8px;
height:8px;
border:4px #2471c1 solid;
left:-34px;
top:3px;
position:absolute;
background:#fff;
border-radius:999px;
}

.history-list li span{
position:absolute;
width:100px;
left:-150px;
top:-2px;
font-weight:700;
letter-spacing:0em;
font-size:1.125em;
text-align:right;
display:block;
color:#16264e
}

.history-list li p{
font-size:1.025em;
}

/*회사소개*/
.family-list dl{

}
.family-list li{
border-bottom:1px #e5e8eb solid;
margin-top:50px;
}

.family-list li:first-child{
margin-top:0;
}

.family-list dt{
font-weight:700;
color:#1c4775;
position:relative;
font-size:28px;
padding-left:25px;
margin-bottom:10px;
}

/*.family-list dt:after{
width:8px;
height:8px;
border:5px #1c4775 solid;
position:absolute;
left:0;
top:50%;
margin-top:-10px;
content:"";
display:block;
border-radius:9999px;
}*/

.family-list dd{
display:table;
vertical-align:middle;
table-layout:fixed;
width:100%;
border-right:1px #e5e8eb solid;
border-top:2px #2a3b47 solid;
}


.fl-img{
width:380px;
box-sizing:border-box;
height:150px;
background:#f0f5f9;
vertical-align:middle;
display:table-cell;
border:1px #e5e8eb solid;
border-width:0 1px;
text-align:center;
}

.fl-img img{
height:40px;
}

.fl-txt{
display:table-cell;
padding-left:50px;
padding-top:30px;
padding-bottom:30px;
vertical-align:middle;
}

.fl-txt > p{
font-weight:700;
color:#2a3b47;
position:relative;
font-size:24px;
}

.fl-txt tr th,
.fl-txt tr td{
padding-top:10px;
}

.fl-txt th{
width:100px;
}

.fl-txt th p{
background:#2a3b47;
border-radius:9999px;
color:#fff;
text-align:center;
font-weight:500;
padding:7px 0;
}

.fl-txt td{
padding:0 20px;
vertical-align:middle;
word-break:keep-all;
}

/*1-5오시는길*/
.location:first-child{
margin-bottom:60px;
}

.location dl{
display:table;
table-layout:fixed;
width:100%;
margin-top:30px;
position:relative;
}

.location dt{
display:table-cell;
width:250px;
font-size:32px;
font-weight:600;
vertical-align:top;
position:relative;
height:100%;
}


.map-link{
font-size:16px;
display:block;
width:120px;
text-align:center;
font-weight:300;
background:#2471c1;
color:#fff;
padding:10px 0;
position:absolute;
right:0; 
top:0;
}

.location dd{
display:table-cell;
vertical-align:bottom;
}

.location dd li{
display:table;
width:100%;
table-layout:fixed;
font-size:1.125em;
margin-top:10px;
}

.location dd li span{
display:table-cell;
width:60px;
font-weight:700;
}

.location dd li p{
display:table-cell;

}

/*4-3ci/bi소개*/
.cb-top{
margin-top:80px;
padding-bottom:20px;
}
.cb-top dl{
display:table;
width:100%;
table-layout:fixed;
}

.cb-top dt{
width:350px;
font-size:65px;
font-weight:700;
line-height:1.1em;
display:table-cell;
vertical-align:middle;
}

.cb-top dt span{
font-family: 'Raleway', sans-serif;
letter-spacing:0em;
text-transform:uppercase;
font-weight:400;
font-size:28px;
display:block;
}

.cb-top dd{
display:table-cell;
}

.cb-top dd strong{
font-weight:700;
font-size:1.125em;
margin-bottom:20px;
}

.cb-top dd li{
margin-bottom:30px;
border-top:1px #e0e0e0 solid;
padding-top:20px;
}

.cb-top dd li:first-child{
border-top-width:0;
padding-top:0;
}

.cb-list{
width:100%;
max-width: 1100px;
margin:0 auto;
}


.cb-list li{
position:relative;
margin-top:50px;
box-sizing:border-box;
padding-left:400px;
}
.cb-list dt:before{
content:"";
displaY:block;
width:50px;
height:5px;
background:#0e51b6;
margin-bottom:20px;
}

.cb-list dt{
color:#0e51b6;
margin-bottom:10px;
position:absolute;
left:0;
}

.cb-list dt span{
font-family: 'Raleway', sans-serif;
letter-spacing:0em;

font-weight:400;
color:#4c6281;
}

.cb-list dt p{
font-weight:700;
font-size:32px;
margin-top:10px;
}

.cb-list dt p em{
font-weight:400;
font-size:0.85em;
}

.cb-box{
width:100%;
border:1px #e0e0e0 solid;
background:url(img/line-bg.png);
background-position:0;
padding:50px 0;
text-align:center;
}

.cb-box img{
width:85%;
max-width:140px;
margin:0 auto;
}

.cb-box2{
box-sizing:border-box;
border:1px #ebebeb solid;
text-align:center;
padding:30px 0;
}

.cb-box2 img{
width:90%;
max-width:500px;
}

.cb2-list{
margin:0 auto;
margin-top:30px;
border-top:1px #e0e0e0 solid;
padding-top:20px;
width:94%;
}

.cb2-list:first-child{
margin-top:0;
border-top-width:0;
padding-top:0;
}

.cb2-list strong{
color:#2b3d54;
font-size:1.025em;
font-weight:500;
letter-spacing:0em;
display:block;
text-align:left;
position:relative;
padding-left:10px;
}

.cb2-list strong:after{
width:4px;
height:4px;
content:"";
display:block;
position:absolute;
background:#2b3d54;
left:0;
top:11px;
border-radius:999px;
}

/*5-1인재상*/
.human-top{
background:url(img/human-bg.jpg);
background-size:cover;
background-position:50%;
height:300px;
width:100%;
display:table;
table-layout:fixed;
}

.human-top p{
display:table-cell;
height:100%;
width:100%;
vertical-align:middle;
text-align:center;
font-family: 'Raleway', sans-serif;
letter-spacing:0.1em;
text-transform:uppercase;
font-weight:700;
font-size:38px;
color:#fff;
}

.human-top span{
color:#21a9ff;
}

.human-t1{
text-align:center;
font-size:24px;
margin-top:40px;
font-weight:300;
margin-bottom:50px;
}

.human-list li{
display:table;
width:100%;
table-layout:fixed;
border-top:1px #e0e0e0 solid;
padding:60px 0;
}

.hl-img{
display:table-cell;
width:300px;

}

.hl-img div{
width:inherit;
height:300px;
line-height:80px;
background:#f0f3f4;
border-radius:10000px;
text-align:center;
}

.hl-img div img{
width:80%;
padding-top:10%;
}

.hl-txt{
padding-left:80px;
display:table-cell;
vertical-align:middle;
}

.hlt-t1{
font-family: 'Raleway', sans-serif;
letter-spacing:0.1em;
text-transform:uppercase;
font-weight:700;
font-size:38px;
color:#1589d1;
}

.hlt-t1 span{
font-size:1.5em;
}

.hlt-t2{
color:#23314e;
font-weight:700;
font-size:26px;
margin:15px 0 20px;
}

.hlt-t3{
font-size:1.125em;
word-break:keep-all;
}

/*5-2복리후생*/
.welfare-top{
text-align:center;
font-size:23px;
font-weight:300;
color:#666;
margin-bottom:40px;
}

.welfare-top span{
color:#283c82;
font-weight:400;
}

.welfare-top strong{
color:#222;
}

.welfare-p{
text-align:center;
color:#ce450f;
font-weight:700;
font-size:2.15em;
margin-bottom:30px;
}

.welfare-list{
display:flex;
flex-wrap: wrap;
}
.welfare-list li{
width:30%;
border-top:#1f2c58 3px solid;
margin-left:5%;
box-sizing:border-box;
padding:25px 100px 50px 5px;
position:relative;
}

.welfare-list li img{
width:50px;
position:absolute;
right:20px;
bottom:20px;
opacity:0.6;
}

.welfare-list li:nth-child(3n+1){
margin-left:0;
}

.welfare-list li p{
word-break:keep-all;
}

.welfare-list li span{
font-weight:700;
color:#2c5bb3;
font-size:1.5em;
display:block;
margin-bottom:10px;
}