/* 인텐스 - 서브 애니메이트 헤더 */
.breadcrumb-classic {fill:#214f77; background:#214f77; padding:0; height:83px;
	background: -moz-linear-gradient(90deg, #214f77 0%, #1164ac 100%);
	background: -webkit-linear-gradient(90deg, #214f77 0%, #1164ac 100%);
	background: -o-linear-gradient(90deg, #214f77 0%, #1164ac 100%);
	background: -ms-linear-gradient(90deg, #214f77 0%, #1164ac 100%);
    background: linear-gradient(90deg, #fff 0%, #dbffb7 50%, #dbffb7 100%);}
.breadcrumb-classic:before {fill: #214f77; background: #214f77; animation:fadeBoth 7s infinite;
	background: -moz-linear-gradient(270deg, #214f77 0%, #1164ac 100%);
	background: -webkit-linear-gradient(270deg, #214f77 0%, #1164ac 100%);
	background: -o-linear-gradient(270deg, #214f77 0%, #1164ac 100%);
	background: -ms-linear-gradient(270deg, #214f77 0%, #1164ac 100%);
    background: linear-gradient(270deg, #fff 0%, #a2c8fc 50%, #a2c8fc 100%);}
.breadcrumb-classic, .breadcrumb-classic a {color: #ffffff;}


/* sub - subtitle  */
p.location {font-size:.8rem; text-align:right; padding:1rem 2rem 1rem 0;}
p.location .path:after {padding:0 7px; background: url(../../images/arr_left.png) .4rem .5rem no-repeat; content: '';}
p.location strong {font-weight:normal;}
.sub_page {min-height:630px;}
.sub_page h1 {font-weight:100; letter-spacing:-1px; font-size:44px; margin:0 0 1rem 0;}
.sub_page h1 strong{font-family:'NotoSerifKR'; font-style:italic; font-size:32px; letter-spacing:-0.1rem; color:#6193d7; margin:0 0 1rem 0; }
.sub_page h1 p{font-weight:100; letter-spacing:-0.2rem; font-size:48px; margin:0 0 1rem 0;}


.sub_page h1.black_b strong {font-family:'NotoSerifKR'; font-style:normal; font-size:26px; letter-spacing:2px; color:#333; margin:0}
.sub_page h1.black_b p {margin:1.4rem 0 2rem 0;} 

.sub_page .container{padding:0;}
.sub_page .container h2 {font-weight:100; font-size:48px; margin:4rem 0 2rem 0;}
.sub_page .container h2 strong {font-weight:100; letter-spacing:-1px; color:#6193d7; margin:0 0 1rem 0; }
.sub_page .container h2 p {font-weight:normal;}
.sub_page .container h2 em {display:flex; justify-content:center;}

.sub_page h2 strong.st02 {display:flex; justify-content:center; font-weight:normal; letter-spacing:.2rem; color: #6193d7; margin:0 0 1rem 0; font-size: 30px;}

/* sub - serif_type_subtitle  */
.sub_page h2.serif {font-family:NotoSerifKR; font-weight:100; font-size:68px; margin:4rem 0 3rem 0;}
.sub_page h2.serif strong {font-family:NotoSerifKR; font-weight:100; letter-spacing:-0.2rem; color:#000; margin:0; }
.sub_page h2.serif p {margin:0; font-family:NotoSerifKR; font-weight:100;}
.sub_page h2.serif em {display:flex; justify-content:center; font-size:22px; margin-top:2rem; }

/* TabMenu (뉴버전)*/
.tabMenu01 {display:flex; justify-content:center; width:100%; height:3rem; border:1px solid #ddd; background:#FFF; }
.tabMenu01 ul {display:flex; justify-content:center; width:1200px; height:3rem;}
.tabMenu01 ul li {display:flex; justify-content:center; width:100%; }
.tabMenu01 ul.tab2 li {width:340px;}
.tabMenu01 ul.tab3 li {width:33.3%;}
.tabMenu01 ul.tab4 li {width:25%;}
.tabMenu01 ul.tab5 li {width:20%;}
.tabMenu01 ul li.nowPage {position:relative; border-bottom:0; border-bottom:2px solid #6193d7; background-color:#fff}
.tabMenu01 ul li.nowPage a {color:#6193d7;}
.tabMenu01 ul li:first-childe {margin:0;}
.tabMenu01 ul li a {display:flex; justify-content:center; align-items: center; width: 100%; color:#999; font-size:1.1rem; font-weight:bold;}

.sticky {position:fixed; top:0; z-index:9997; width:100%; background-color:rgba(95, 153, 229, 0.9); border-bottom:5px solid rgba(255, 255, 255, 0.5) !important; background-clip:padding-box; box-sizing:content-box;}
.sticky .nowPage{border-bottom: 4px solid #FFF !important;}
.sticky .nowPage a {color:#5f99e5 !important; font-size:18px;}
.sticky a {color:#fff !important;}
.sticky + .container {-ms-transition:all .5s ease-in-out; transition:all .5s ease-in-out;}


/* TabMenu (뉴버전) -> 화살표 있는 탭 */
.tabMenu02 {clear:both; position:relative; width:100%; height:50px; margin:30px 0 0 0; padding:0; text-align:center;}
.tabMenu02 ul {display:inline-block;}
.tabMenu02 ul li {float:left; display:inline; width:330px; height: 40px; border-right:1px solid #ccc; background-color:#fff }
.tabMenu02 ul li:last-child {border-right:0}
.tabMenu02 ul.tab5 li {width:198px;}
.tabMenu02 ul.tab4 li {width:168px;}
.tabMenu02 ul.tab3 li {width:180px;}
.tabMenu02 ul.tab2 li {width:340px;}
.tabMenu02 ul li.nowPage {position:relative; color:#333; border-bottom:0px solid #318bd1; }
.tabMenu02 ul li.nowPage a {color:#318bd1; background:url(../images/arrow_icon.gif) left 10px no-repeat; }
.tabMenu02 ul li:first-childe {margin:0;}
.tabMenu02 ul li a {color:#999; margin:0; font-size:1.4rem; font-weight:bold; padding:5px 20px 5px 40px;}



/* 425px - 모바일 M - */	

@media (max-width:499px) {

.breadcrumb-classic {height:63px}
p.location {font-size:.7rem; text-align:center; padding:1rem 0}
p.location .path:after{background: url(../../images/arr_left.png) .4rem .4rem no-repeat;}
.sub_page {min-height:200px;}
.sub_page h1 {font-size:24px; margin:0 0 1rem 0; letter-spacing:0;}
.sub_page h1 strong {font-size:20px; letter-spacing:0;}
.sub_page h1.black_b strong {font-size:18px;}
.sub_page h1.black_b p {margin:1rem 0;}
.sub_page h1.black_b p img{width:60%}
.sub_page h1 p{font-size: 36px;}
.sub_page h2.serif em {font-size:16px; padding:0 2rem;}

.sub_page .container h2 {font-size:30px; margin:2rem 0 1rem 0;}
.sub_page h2.serif {font-size:34px}
.sub_page .container h2 p {padding:0 2rem; }

.tabMenu01 {height:auto; border-top:1px solid #ddd; border-left:0; border-right:0; border-bottom:0;}
.tabMenu01 ul li a {font-size:14px; padding:0 .5rem;}
.tabMenu01 .mob_hide{display:none;}
.tabMenu01 ul {display:flex; justify-content:center; flex-wrap:wrap; height: auto;}
.tabMenu01 ul.tab4 li {padding:.5rem 0; flex: 0 0 50%; border-bottom:1px solid #ddd;}
.tabMenu01 ul li.nowPage {border-bottom: 2px solid #6193d7;}

.sticky .nowPage a {font-size:14px;}
}

/* 375px - 모바일 M - */	

@media (max-width:380px) {
.sub_page .container h2 p {font-size:26px; padding:0 1rem;}	
}






/* 주요실적 box */
.tbox{width:100%; display:flex; flex-wrap:wrap; margin:-.1rem; }
.tbox li{width:25%; padding:1rem; }
.tbox li .in{border:1px solid #ccc;}
.tbox li .in h6{padding:.5rem; color:#6193d7; word-wrap:break-word}
.tbox .timg {width:100%; height:180px}
.tbox .timg img{width:100%; height:100%; object-fit: contain; }
.tbox .in p {display:flex; justify-content:flex-start; padding:.2rem 0 .5rem .5rem;}
.tbox .in p:nth-child(5){margin-bottom:.5rem;}
.tbox .in p label{width:90px; display:block; font-style:normal;font-size:.8rem; font-weight:bold; background:#d3e6ff; color:#6193d7; border-radius:15px; margin-left:.5rem;}
.tbox .in p span{display:flex; width:100%; justify-content:flex-start; margin-left:.5rem; padding-left:.5rem; white-space: nowrap;}
/* 주요실적 - 인텐스 폼그룹 - select 박스 */
.form-group{width:250px; margin:.5rem;}
.form-group .select2-selection__rendered{font-size:15px;}

/* 주요실적 - 썸네일 목록 - 인텐스 이펙트- apollo */
.thumbnail-apollo p {max-height:none; margin:0;}
.thumbnail-apollo img {opacity:1; transition: opacity 0.35s, transform 0.35s; -webkit-transform:none; transform:none;}
.thumbnail-apollo:hover img {opacity: 0.5; -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); }
.thumbnail-apollo, .thumbnail-apollo figure {overflow:hidden; background:#FFF;}
.thumbnail-apollo:before {position: absolute; z-index:1; top:0; left:0; width:100%; height:100%; background: rgba(255, 255, 255, 0.5); content:''; transition:transform 0.6s; -webkit-transform: scale3d(2, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, -110%, 0); transform: scale3d(2, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, -110%, 0);}
.thumbnail-apollo figure figcaption, .thumbnail-apollo figcaption {
    position:absolute; display:flex; flex-flow: column; align-items: center; justify-content: center;
    top: 50%;
    width: 100%;
    height: 100%;
    padding: 0 8%;
    margin-top: 0;
    color:#000; opacity:0; border:1px solid #5f99e5; background:rgba(208, 231, 255, 0.8); -webkit-transform: translateY(-50%); transform: translateY(-50%);}
 .thumbnail-apollo .fa{font-size:4rem; color:#5f99e5}

/* 주요실적 - 인테리어 포트폴리어 목록 인텐스 - */
.thumbnail-josip figure figcaption, .thumbnail-josip figcaption {background-color:rgba(255,255,255, 1); border-bottom: 1px solid #ddd;}
.thumbnail-josip-title {color:#444;}


/* 포트폴리오 - 인테리어 포트폴리어 헤드바 - */
.head_port {display:flex; justify-content:space-between; align-items:center; padding:0 20px; background:#f6f6f6; height:90px;}
.head_port .left {position:relative;}
.head_port .left img {}
.head_port .left span {width:250px; text-align: left; position:absolute; top:22px; left:160px; font-weight:bold;}
.head_port .left span::before {content:''; width:10px; border-left:2px solid #d5d5d5; margin:0 .7rem 0 .5rem;}
.head_port .right {font-size:14px; color:#aaa; margin: 1.5rem 0 0 0;}

#interior-list .btn{border:1px solid #333;}
#interior-list .btn:hover{border:1px solid #5f99e5; background:#5f99e5; color:#fff}

/* 포트폴리오 - 인텐스 필터 - 오피스, 호텔 리조트 등등 탭필터바- */
@media (min-width: 992px){
.isotope-filters-horizontal:not(.isotope-filter-collapse-lg) .isotope-filters-list > li > a:after,
.isotope-filters-vertical:not(.isotope-filter-collapse-lg) .isotope-filters-list > li > a:after {
    background: -moz-linear-gradient(90deg, #5f99e5 0%, #8abbfb 100%);
    background: -webkit-linear-gradient(90deg, #5f99e5 0%, #8abbfb 100%);
    background: -o-linear-gradient(90deg, #5f99e5 0%, #8abbfb 100%);
    background: -ms-linear-gradient(90deg, #5f99e5 0%, #8abbfb 100%);
    background: linear-gradient(90deg, #5f99e5 0%, #8abbfb 100%);
    height: 4px;}
}

/* 포트폴리오 - 상세뷰 - */

.port_view {}
.port_view .btn_list {margin-left:1rem; position:relative; display:flex; flex-flow:column; justify-content:center; text-align:center; width:100px; height:100px; padding:.5rem; border:1px solid #666;}
.port_view .btn_list i{margin:0 0 .5rem 0; color:#5f99e5; display:none;}
.port_view .btn_list a{font-size:14px; font-weight:bold; color:#666}
.port_view .btn_list:hover{border:2px solid #5f99e5;animation: opacity .3s;}
.port_view .btn_list:hover a{content:'';position:absolute; left:0; top:0; width:100%; height:100%}
.port_view .btn_list:hover a span{display:none; animation:opacity .3s;}
.port_view .btn_list:hover i{display:block; font-size:2rem}
.logo_view{position:absolute; left:20px; bottom:0}



/* 1440px - 랩탑 L - */	
@media (max-width:1440px) {
.port_view .logo_view {left:inherit; right:20px; margin: 0;}

}


/* 425px - 모바일 L - */	

@media (max-width:499px) {
.head_port{display:block; height:auto; padding:1.5rem 0 1rem 0;}
.head_port .left span {position:relative; display:block; width:100%; margin-top:.3rem; text-align:center; top:0; left:0}
.head_port .left span::before {display:none;}
.head_port .right {margin-top:.3rem; font-size:12px;}

#interior-list .offset-top-14 {margin-top:0;}
#interior-list .thumbnail-josip figure figcaption, .thumbnail-josip figcaption {padding:7px 5%; height: auto;}

.port_view .btn_list {position:absolute; top:5px; right:5px; width:80px; height:80px; padding:0;}
.port_view .logo_view {position:absolute; left:inherit; right:20px; bottom:20px; margin:0 !important;}
}




/* insight - News, Marketreport, issuereport */
.insight_list01 {width:100%; padding:1rem 0;}
.insight_list01 i {margin:0 .4rem;}
.insight_list01 p {display:flex; justify-content:space-between; padding:1rem 0 .5rem 0;}
.insight_list01 p span {text-align:left; font-size:14px; font-weight:bold; color:#999;}
.insight_list01 ul {display:flex; height:4rem; margin:1rem 0; border-bottom:1px solid #ccc; border-top:1px solid #ccc; background-color:#FFF}
.insight_list01 ul li {display:flex; justify-content:center; align-items:center; width:100%; }
.insight_list01 ul li a:after{content:'PDF 다운로드'}
.insight_list01 ul li:first-child {width:20%; background:#bbb; color:#FFF;}
.insight_list01 ul li:nth-child(2) {justify-content:flex-start; padding-left:2rem; }
.insight_list01 ul li:last-child {width:25%; padding:0 1rem 0 0;}
.insight_list01 ul li a {width:180px; padding:.6rem 0; background:#6193d7; border-radius:50px; font-size:14px; color:#FFF}


/* 425px - 모바일 L - */	
@media (max-width:499px) {
.insight_list01 p {flex-flow:column; align-items:center; padding:0}
.insight_list01 .hide {display:none}
.insight_list01 ul li:first-child {display:none;}
.insight_list01 ul li:nth-child(2) {padding-left: 1.2rem;}
.insight_list01 ul li:last-child {padding:0}
.insight_list01 ul li a { width: auto; font-size:1.1rem; padding:.7rem;}
.insight_list01 ul li a:after{content:''}

}





/* 사업상담문의 컨텐츠 icon box */
.business_contact01{margin:3rem 0 0 0;}
.ibox{width:100%; display:flex; justify-content:center; flex-wrap:wrap; padding:2rem 0 2rem 0; background:#fff; border-radius:20px 10px 0 0; box-shadow:0 2px 4px 1px #c1cdd8;}
.ibox li{width:20%; padding:1rem; margin:1rem; }
.ibox li .in h6{padding:.5rem; color:#6193d7; word-wrap:break-word}
.ibox .in p {display:flex; width:100%; justify-content:center; word-wrap: break-word }
.ibox .in a {display:block; margin:1rem auto; width:150px; padding:.6rem 0; background:#5f99e5; border-radius:50px; border:2px solid transparent; font-size:16px; text-shadow:2px 2px 1px #3766b3; color:#FFF;}
.ibox .in a i {margin-right:.3rem;}
.ibox .in a:hover {border:2px solid #8cd26e; background:#fff; color:#52b40a; font-weight:bold; text-shadow:none; transition:all .3s}
.ibox .bg_hr {width:1px; margin:2rem .7rem; border:.5px solid #e7e7e7;}
.ibox .bg_hr:nth-of-type(4n){display:none;}	


/* 425px - 모바일 L - */	

@media (max-width:499px) {
.ibox{padding:2rem 0 2rem 1rem;}
.ibox li {width:auto; position:relative; height:280px; display:flex; flex-flow:column; flex:0 0 40%; justify-content:flex-start; padding:0; margin:1rem 1rem 1rem 0rem;}
.ibox .in a {position:absolute; bottom:0; width:100%;}
.ibox .in h6 {font-size:15px}
.ibox .in p {font-size:14px}
.ibox .bg_hr {margin:2rem .7rem 2rem 0;}
.ibox .bg_hr:nth-of-type(2n){display:none;}	
	
}





/* 375px - 모바일 M - */	

@media (max-width:380px) {
.ibox{padding:2rem 0 2rem 1rem;}
.ibox li {width:auto; position:relative; height:310px; display:flex; flex-flow:column; flex:0 0 40%; justify-content:flex-start; padding:0; margin:1rem 1rem 1rem 0rem;}
.ibox .in a {position:absolute; bottom:0;}	

}


/* 320px - 모바일 S - */	

@media (max-width:350px) {
.ibox li {height:300px;}
.ibox li .in h6 {font-size:16px}
.ibox li .in p {font-size:14px}
.ibox .in a {position:absolute; bottom:0; font-size:14px; margin:0;}	

}


/* 고객의 소리 - */
.list01{margin:1rem 0 0 0;}
.list01 .list_info{display:flex; justify-content:space-between; align-items:center; margin:1rem 0 2rem 0; padding:1rem .5rem; border-bottom:2px solid #666;}
.list01 .list_info span{display:block; font-size:.8rem;}
.list01 .list_info .list_serch{}
.list01 .list_area{}
.list01 .list_area table{width:100%; }
.list01 .list_area table tr {height:4.5rem; border-bottom:1px solid #ddd;}
.list01 .list_area table td {border-right:0; border-bottom:0;}
.list01 .list_area table td em{display:none;}


/* 고객의 소리 - 아이콘 마스크 컬러 체인지 IE 안됨.. 
.list01 .list_area table td.smile {mask:url(../images/ico_smile.svg) no-repeat 50% 50%; -webkit-mask:url(../images/ico_smile.svg) no-repeat 50% 50%; mask-size:40%; -webkit-mask-size:40%;  background-color: red;}  */
.list01 .list_area table td.smile {background: url(../images/ico_smile.svg) no-repeat 50% 50%; background-size:40%;}
.list01 .list_area table td.smile_b {background: url(../images/ico_smile_b.svg) no-repeat 50% 50%; background-size:40%;}
.list01 .list_area table td.complaint { background: url(../images/ico_complaint.svg) no-repeat 50% 50%; background-size:40%;}
.list01 .list_area table td.complaint_b { background: url(../images/ico_complaint_b.svg) no-repeat 50% 50%; background-size:40%;}
.list01 .list_area table td.offer { background: url(../images/ico_offer.svg) no-repeat 50% 50%; background-size:40%;}
.list01 .list_area table td.offer_b { background: url(../images/ico_offer_b.svg) no-repeat 50% 50%; background-size:40%;}
.list01 .list_area table td:nth-child(2) {font-size:1.4rem; font-weight:100; letter-spacing: -.1rem; color:#000; text-align:left; padding-left:1.5rem;}
.list01 .list_area table td.date {font-size:2rem;}
.list01 .list_area table td.date2 {font-size:1.4rem;}
.list_view01{margin-top:2rem; padding:2rem; border-top:2px solid #ccc; }
.list_view01 .list_view_top {display:flex;}
.list_view01 .list_view_top .top_ico {padding:.5rem 1rem;}
.list_view01 .list_view_top .top_ico img {width:65px; height:65px;}
.list_view01 .list_view_top .top_txt { margin:0 0 0 1rem; text-align:left;}
.list_view01 .list_view_top .top_txt h6 {font-size:1.6rem; font-weight:normal}
.list_view01 .list_view_top .top_txt p {margin-top:.5rem;}
.list_view01 .list_view_top .top_txt p span label{display:inline-block; font-style:normal; font-size:14px; padding: 0 1rem; border-radius: 20px; background:#d3e6ff; color:#6193d7;}
.list_view01 .list_view_top .top_txt p span em{padding:0 1rem;}
.list_view01 .edit_txt {margin:2rem 0 0 7rem; text-align:left;}
.list_view01 .edit_txt2 {margin:2rem 0 0 1rem; text-align:left;}
.list_view01_re{padding:2rem; border-top:10px solid #d3e6ff; border-bottom:10px solid #d3e6ff }
.list_view01_re .list_view_top {display:flex; }
.list_view01_re .list_view_top .top_ico {padding:.5rem .5rem;}
.list_view01_re .list_view_top .top_ico img {width:75px; height:66px;}
.list_view01_re .list_view_top .top_txt { margin:0 0 0 1rem; text-align:left;}
.list_view01_re .list_view_top .top_txt h6 {font-size:1.6rem; font-weight:normal}
.list_view01_re .list_view_top .top_txt p {margin-top:.5rem; }
.list_view01_re .list_view_top .top_txt p span label{display:inline-block; font-style:normal; font-size:14px; padding: 0 1rem; border-radius: 20px; background:#d3e6ff; color:#6193d7;}
.list_view01_re .list_view_top .top_txt p span em{padding:0 1rem;}
.list_view01_re .edit_txt {margin:2rem 0 0 7rem; text-align:left;}

/* 인재채용 리스트 - */
.list02{padding:1rem 0;}
section.bg-blue{background:#f5f9ff}
.list02 .list_info{display:flex; justify-content:space-between; align-items:center; padding:1rem .5rem; border-bottom:2px solid #666;}
.list02 .list_info span{display:block; font-size:.8rem;}
.list02 .list_area table{width:100%; background: #FFF }
.list02 .list_area table tr {height:7rem; border-bottom:1px solid #ddd;}
.list02 .list_area table tr.area_none {display:none;}
.list02 .list_area table tr > table {border:1px solid red;}
.list02 .list_area .btn_area {height:5rem;display:flex; justify-content:space-between; align-items:center; background:#edf0f4; border-bottom:2px solid #a5a5a5;}
.list02 .list_area .btn_area button.st1{width:180px; height:50px; padding:.6rem 0; margin:0 2rem 0 0; background:#6193d7; border-radius:50px; font-size:14px; color:#FFF; border:1px solid #FFF;}
.list02 .list_area .btn_area .disabled {opacity:0.65; cursor:not-allowed;}
.list02 .list_area table td {padding:1rem;}
.list02 .list_area table td.resume{ background: url(../images/ico_resume.png) no-repeat 50% 50%; background-size:40%;}

.list02 .list_area table td em{display:none;}
.list02 .list_area table td a{display:block; position: relative;}
.list02 .list_area table td:nth-child(2) {font-size:1.6rem; font-weight:100; letter-spacing:-.1rem; color:#000; text-align:left;}
.list02 .list_area table td h5 {display:inline-block;font-size:1.6rem; letter-spacing:-.1rem; text-align:left;}
.list02 .list_area table td p {font-size:1.1rem; font-weight:bold; letter-spacing:0rem; color:#9f9f9f; text-align:left;}

.list_ico_end{position:absolute; top:.5rem; right:34px;}
.icon-rect, .icon-circle, .icon-rounded, .icon-outlined {width:40px; height:40px; font-size:20px; line-height:40px; text-align:center; background:#d6d6d6; border:none;}
.fa-chevron-down:before{color:#FFF;}
.badge01{color:#fff; background-color:#80c43c; font-size:.9rem; letter-spacing: 0rem; margin: 0 0 0 1rem;}
.badge02{color:#fff; background-color:#898989; font-size: .9rem; letter-spacing: 0rem; margin: 0 0 0 1rem;}
[class*='fa-edit']:before {padding-right:.5rem;}

.single_pagination {display:table; width:100%; max-width:1200px; height:180px; margin:0 auto; position: relative; border-top: 1px solid #ddd;}
.single_pagination_prev, .single_pagination_title_prev {padding-right:60px; padding-left:20px;}
.single_pagination_next, .single_pagination_title_next {padding-left:60px; padding-right:20px;}
.single_pagination_prev, .single_pagination_next {max-width: 0;}
.single_pagination_link, .single_pagination_title {display:table-cell; width:50%; height:100%; position:relative; font-size:15px; text-align:center; vertical-align:middle; color:#555;}
.single_pagination_link b {display:inline-block; position:relative; font-size:22px; line-height:1; letter-spacing:0.05em; font-weight:600; text-transform:uppercase; -webkit-transition:color 200ms, padding 300ms; transition:color 200ms, padding 300ms; }

.single_pagination_link span {display:block; padding-top:10px; -webkit-transition:color 200ms; transition:color 200ms; overflow:hidden;
    text-overflow:ellipsis; white-space:nowrap; word-wrap:normal;}
.single_pagination_list {
    display:block; width:73px; height:73px; position:absolute; top:50%; left:50%; margin-top:-36.5px; margin-left:-36.5px;
    font-size:0; background:#aac8ef url(../images/ico_list.png) no-repeat center center; background-size:18px 18px; z-index: 1;}
.single_pagination_list:hover {background:#8cd26e url(../images/ico_list.png) no-repeat center center; background-size:18px 18px; z-index: 1;}






/* 컨텐츠별 서브_탑 디자인 컨텐츠 */   
.sub_top_img{width:100%;}
.consulting01_img{height:70px; background:url(../../images/pages/lease_top_img.png) no-repeat 50% top;}
.consulting02_img{height:70px; background:url(../../images/pages/consulting02_top_img.png) no-repeat 76% top;}
.consulting03_img{height:90px; background:url(../../images/pages/consulting03_top_img.png) no-repeat 50% top;}
.management02_top{}
.management02_top p{display:flex; justify-content:center; margin:0;}
.management02_top p em{position:relative; width:720px; height:80px;width:720px; font-size:72px; }
.management02_top em span{ z-index:2; }
.management02_top .d01{position:absolute; left:30px; bottom:1px; line-height:0; z-index:1;  }
.management02_top .d02{position:absolute; right:1px; bottom:-15px; line-height:0; z-index:1; }
.sub_top_tit{font-size:22px;}
h2 .b{display:inline-flex; align-items:center; justify-content:center; width:140px; height:140px; border-radius:70px; padding-right:3px; background:#5f99e5; color:#fff;}

/* 컨텐츠별 서브페이지 라벨 */   
.sub_page label {font-size:18px; color:#888; font-weight:bold; font-style:italic;}



/* 425px - 모바일 L - */	

@media (max-width:499px) {

br {display:none;}
.consulting01_img{height:50px; background-size: 70%;}
.consulting02_img {height:40px; background-size: 30%;}
.consulting03_img {height:45px; background-size:40%;}
.consulting04_img ~ p {padding:0 4rem}

h2 .b {width:35px; height:35px; border-radius:15px; padding:0 4px 2px 0; background:#5f99e5; color:#fff;}
.sub_top_tit {font-size:1rem; padding:0 1rem; text-shadow:2px 2px 2px #fff;}
.sub_page h2 strong.st02 {margin:0 0 .5rem 0; font-size:16px; letter-spacing: .1rem;}
.sub_page label {font-size:14px;}

}


/* 375px - 모바일 M - */	

@media (max-width:380px) {


.sub_top_tit {font-size:14px; padding: 0 1rem; letter-spacing:0;}
.sub_page h2 strong.st02 {margin:0 0 .5rem 0; font-size:16px; letter-spacing: .1rem;}
.sub_page label {font-size:14px;}


}




/* 임대차 대행 컨텐츠 */
.lease01 {width:100%; height:800px; background:url(../../images/pages/back_01.png) no-repeat 75% top; background-size:600px; margin-top:5rem; border:1px solid transparent }
.lease01 .lease01_01 {display:flex; width:1200px; margin-top:6rem; }
.lease01 .lease01_02 {display:flex; margin-top:4rem;}
.lease01 .txt01{display:flex; align-self:center; flex-wrap:wrap; margin-left: 3rem; text-align:left;}
.lease01 .txt02{display:flex; align-self:center; justify-content:flex-end; flex-wrap:wrap; margin-right: 3rem; text-align:right; padding-left:2rem; }
.lease01 h4{font-size:34px; font-weight:bold; color:#555; letter-spacing: -.1rem; background-color:rgba(255, 255, 255, 0.7);}
.lease01 h5{color:#5f99e5; font-weight:bold; background-color:rgba(255, 255, 255, 0.7);}
.lease01 p{font-size:22px; background-color:rgba(255, 255, 255, 0.7); letter-spacing:0; padding-top:1rem;}

.lease02 {text-align:left; background:url(../../images/pages/lease_03.jpg) no-repeat 0 top; margin-top:5rem; padding-bottom:3rem; border:1px solid transparent }
.lease02 label{margin-top:2rem;}
.lease02 .lease02_01 {display:flex; justify-content:center;}
.lease02 .lease02_01 img {margin-top:3rem;}
.lease02 .lease02_01_m {display:none;}

.lease03 {display:flex; justify-content:center; margin:5rem 0; text-align:left; }
.lease03 ul li {font-size:18px; font-weight:bold; color:#777}
.lease03 .lease03_01 {display:flex; margin-right:1rem; }
.lease03 .lease03_01 .label_box01 {width:160px; height:380px; padding-top: 1rem; background:#e2ecfc; border-left:7px solid #aac8ef; border-top:7px solid #aac8ef; border-right:7px solid #5f99e5;border-bottom: 5px solid #5f99e5;}
.lease03 .lease03_01 .label_box01 span {display:flex; margin:0 0 0 1rem;}
.lease03 .lease03_01 .label_box01 .name01 {color:#5f99e5; font-weight:bold;}
.lease03 .lease03_01 .label_box01 .name02 {color:#5f99e5; font-style:italic}
.lease03 .lease03_01 ul {width:360px; font-size:20px;}
.lease03 .lease03_01 ul li {margin:1rem 0 1rem 2.2rem; position:relative;}
.lease03 .lease03_01 ul li::before {content:"\2022"; color:#5f99e5; font-weight:bold; display:inline-block; position:absolute; top:0; left:-1rem;}

.lease03 .lease03_02 {display:flex; margin-left:1rem; }
.lease03 .lease03_02 .label_box02 {width:160px; height:380px; padding-top: 1rem; background:#f4fce2; border-left:7px solid #b7e38c; border-top:7px solid #b7e38c; border-right:7px solid #8cd26e;border-bottom: 5px solid #8cd26e;}
.lease03 .lease03_02 .label_box02 span {display:flex; margin:0 0 0 1rem;}
.lease03 .lease03_02 .label_box02 .name01 {color:#76bf57; font-weight:bold;}
.lease03 .lease03_02 .label_box02 .name02 {color:#76bf57; font-style:italic}
.lease03 .lease03_02 ul {width:400px; font-size:20px;}
.lease03 .lease03_02 ul li {margin:1rem 0 1rem 2.2rem; position:relative;}
.lease03 .lease03_02 ul li::before {content:"\2022"; color: #8cd26e; font-weight: bold; display:inline-block; position:absolute; top:0; left:-1rem;}

.value_title01 {border:1px solid red;}
.value_title01 h1 {border:1px solid red;}
.value_title01 h1 p {display:flex; justify-content:center; align-items:center; margin:2rem; font-size: 60px; border:1px solid red;}



/* 499px - 모바일 M - */	

@media (max-width:499px) {
	
.lease01 {width:100%; height:auto; background:none; margin-top:2rem; border:1px solid transparent;}
.lease01 .lease01_01 {display:block; margin-top:0rem;}
.lease01 .lease01_01 img {width: 100%; height: auto;}
.lease01 .txt01 {margin-left:2rem;}
.lease01 .txt02 {margin:2rem 2rem 1rem 1rem; padding-left: 0;}
.lease01 h5 {font-size:16px; margin: 1rem 0 0 0;}
.lease01 h4 {font-size:24px;}
.lease01 p {font-size:16px; padding-top:0;}

.lease01 .lease01_02{display:block; position:relative; border-top:1px solid #ddd;}
.lease01 .lease01_02 img {width: 100%;height: auto;}

.lease02 {text-align:center; margin-top:2rem; padding-bottom:0; background:none}
.lease02 .lease02_01 {display:none;}
.lease02 .lease02_01_m {display:flex; justify-content: center; margin:2rem 0;}

.lease03 {display:block; margin:2rem 0;}
.lease03 .lease03_01 {display:block; margin:0 1rem;}
.lease03 .lease03_01 .label_box01 {display:flex; width:100%; height:auto; padding:.5rem; border-left:5px solid #aac8ef; border-top: 5px solid #aac8ef; border-right: 5px solid #5f99e5; border-bottom: 5px solid #5f99e5;}
.lease03 .lease03_01 ul li{font-size:14px; margin:1rem;}

.lease03 .lease03_02 {display:block; margin:0 1rem;}
.lease03 .lease03_02 .label_box02 {margin-top: 3rem; display:flex; width:100%; height:auto; padding:.5rem;border-left: 5px solid #b7e38c;border-top:5px solid #b7e38c; border-right:5px solid #8cd26e; border-bottom:5px solid #8cd26e;}
.lease03 .lease03_02 ul {width:100%;}
.lease03 .lease03_02 ul li{font-size:14px; margin:1rem}




}



/* 투자자문 컨텐츠 */
.investment01 {text-align:left; background:url(../../images/pages/investment_01.jpg) no-repeat 0 top; margin-top:5rem; padding:1rem 0 3rem 0; border:1px solid transparent }
.investment01 ul{display:flex; justify-content:space-between; margin-top: 2rem; }
.investment01 ul li{width:130px;}
.investment01 ul li img{}
.investment01 ul li span{display:flex; justify-content:center; margin-top:10px; font-weight:bold; font-size: 20px; /* color: #5f99e5; */ text-shadow: 2px 2px 2px #fff;}

.investment02 {margin-top:5rem;}
.investment02 label {display:flex;}
.investment02 .process_box{position:relative; display:flex; padding-top:4rem;}
.investment02 .process_box > ul {width:280px; height:250px; display:flex; flex-direction:column;}
.investment02 .process_box > ul li {text-align:left; font-size:1.1rem; margin:7px 0 0 20px;}
.investment02 .process_box > ul li:nth-child(2) {margin:20px 0 0 20px;}
.investment02 .process_box > ul li::before {content:"\2022"; color:#5f99e5; font-weight:bold; display:inline-block; width:1em;}
.investment02 .process_box > ul li.tit01 {text-align:center; background:#5f99e5; color:#FFF; font-weight:bold; font-size:1.2rem; border-radius:35px; margin:0; padding:.5rem 1rem;}
.investment02 .process_box > ul li.tit01::before {display:none;}
.investment02 .process_box .arr_left{width:50px; height:50px; margin:.5rem 3.5rem; background:url(../../images/pages/ico_arr_left.png) no-repeat 50% top; }
.investment02 .process_box .arr_left em{display:none;}
.investment02 .process_box .step03{width:300px; height:362px; display:flex; justify-content:center; position:absolute; right:0; top:0;background:url(../../images/pages/investment_process_box.png) no-repeat 0 top;}
.investment02 .process_box .step03 ul {margin:6rem 0 0 0;}
.investment02 .process_box .step03 ul hr {border:1px solid #cfddef;}
.investment02 .process_box .step03 ul li {font-size:1.2rem; font-weight:bold; color:#888; padding: 0 1rem;}
.investment02 .process_box .step03 ul li::before {font-family:"Material Design Icons"; content:'\f222'; margin-right:.3rem; color:#5f99e5; font-weight:bold; display:inline-block; width:1em;}
.investment02 .process_box .step03 ul li.tit02 {font-size:1.6rem; font-weight:bold; letter-spacing:-1px; line-height:2rem; color:#5f99e5;}
.investment02 .process_box .step03 ul li.tit02::before{display:none;}

.investment03 {margin-top:10rem; display:flex; align-items:center; height:340px; background:url(../../images/pages/investment_03.jpg) no-repeat 0 top; padding-bottom:3rem; border:1px solid transparent}
.investment03 div {display:flex; flex-flow:column; justify-content:flex-start; text-align:left;}
.investment03 .tit03 {font-size:2.2rem; font-weight:bold; letter-spacing:-.1rem; color:#555; }
.investment03 p {font-size:1.2rem; width: 600px; margin:.5rem 0 .5rem .3rem;}
.investment03 .link_btn {border-radius:4px; background-color:transparent; border:1px solid #555; color:#666; text-align:center; font-size:18px; font-weight:bold; padding:.3rem 1rem; width:180px; transition:all 0.5s; cursor:pointer; margin:5px;}
.investment03 .link_btn span {cursor:pointer; display:inline-block; position:relative; transition:0.5s;}
.investment03 .link_btn span:after {font-family:'FontAwesome'; content:'\f0a4'; font-weight:100; font-size:16px; position:absolute; opacity:0; top:2px; right:-20px; transition:0.5s;}
.investment03 .link_btn:hover span {padding-right:25px;}
.investment03 .link_btn:hover span:after {opacity:1; right:0;}


/* 499px - 모바일 L - */	

@media (max-width:499px) {
	
.investment01 {text-align:center; margin-top:3rem; padding:1rem 0;}
.investment01 ul {padding: 1rem; flex-wrap: wrap; margin-top:.5rem;}
.investment01 ul li {flex:0 0 50%; padding: 0 0 1rem 0;}
.investment01 ul li img {width:43%;}
.investment01 ul li span {margin-top:5px; font-size: 14px;}

.investment02 {margin-top:1rem;}
.investment02 label {display:block;}
.investment02 .process_box {display:flex; flex-flow:column; align-items:center; padding-top:2rem;}
.investment02 .process_box > ul {height:auto;}
.investment02 .process_box > ul li.tit01 {height:55px; font-size:1.1rem;}
.investment02 .process_box .step03 {position:relative; background:url(../images/pages/investment_process_box.png) no-repeat 50% top; background-size:85%;}
.investment02 .process_box .step03 ul{margin:6rem 0 0 0;}
.investment02 .process_box .step03 ul li {font-size:1.1rem;}
.investment02 .process_box .step03 ul li.tit02 {font-size: 1.6rem;}
.investment02 .process_box .arr_left {transform:rotate(90deg); width:30px; height:30px; margin:2rem; background:url(../images/pages/ico_arr_left.png) no-repeat 50% 50%; background-size:50%;}

.investment03 {margin-top:1rem; height:auto; padding:1rem;}
.investment03 .container {display:flex; justify-content:center; align-items:center;}
.investment03 .tit03 {font-size:1.4rem;}
.investment03 div {text-align:center;}
.investment03 p {font-size:.95rem;}
}





/* 매입매각 컨텐츠 */
.transaction01{width:100%;}
.transaction01 .container{border:1px solid green; background:url(../../images/pages/back_03.png) no-repeat left top; margin-top:5rem; border:1px solid transparent}
.transaction01 .transaction01_01{position:relative; display:flex; align-items:center; text-align:left; height:500px; border:1px solid transparent}
.transaction01 .transaction01_01 ul{width:500px; margin:3rem 0 0 4rem;}
.transaction01 .transaction01_01 ul li.tit{margin-left:0; margin-top:2rem; font-size:1.4rem; font-weight:bold; color:#5f99e5;}
.transaction01 .transaction01_01 ul li.tit:first-child{ margin-top:0;}
.transaction01 .transaction01_01 ul li.tit::before {font-family:"Material Design Icons"; content:'\f222'; margin-right:.5rem; color:#5f99e5; font-weight:bold; display:inline-block;}
.transaction01 .transaction01_01 ul li{font-size:20px; margin-left:2rem; }
.transaction01 .transaction01_01 img {position:absolute; top:4rem; right:3rem;}

.transaction02 {display:flex; align-items:center; height:360px; background:url(../../images/pages/transaction_02.jpg) no-repeat 0 top;}
.transaction02 .in_round{position:relative; display:flex; justify-content:center; color:#fff; }
.transaction02 .in_round li{float:left; margin:0 1rem; width:250px; color:#fff;}
.transaction02 .in_round li .round.property{position:relative; z-index:100; height:102px; background: url(../../images/circle_white.png) no-repeat center bottom;}
.transaction02 .in_round li .round {display:table; width:100%; margin: 0 auto;}
.transaction02 .in_round li .tit {display:table-cell; font-size:20px; font-weight:bold; vertical-align:top; border-top:1px solid #FFF; padding-top:.5rem;}
.transaction02 .in_round li .line {position:absolute; display:flex; z-index:10; top:130px; width:250px; border-top: 1px solid #FFF;}
.transaction02 .in_round li .txt {display:flex; justify-content:center; margin-top:20px; font-size:18px;}
.transaction02 .in_round li .step {display:flex; justify-content:center; margin-bottom:1rem;} 


.transaction03 {margin:5rem 0; border:1px solid transparent;}
.transaction03 label {display: flex;}
.transaction03 .flow_in{display:flex; justify-content:space-between;}
.transaction03 .thumb_box{width:320px; margin:2rem 1rem 0 0;}
.transaction03 .thumb_box:last-child{margin:2rem 0 0 0;}
.transaction03 .thumb_box .in_thm{position:relative; padding:1rem; border:1px solid #ccc;}
.transaction03 .thumb_box .in_thm img{width:280px; height:354px; border:1px solid #ccc;}
.transaction03 .thumb_box .in_thm .tit{position:absolute; top:20px; left:30px; padding:.5rem; font-size:20px; font-weight:bold; text-shadow:2px 2px 1px #999; color:#fff;}
.transaction03 .thumb_box .in_thm .stamp{display:flex; justify-content:center; align-items:center; position:absolute; bottom:30px; right:10px; color:#fff; font-weight:bold; background:#5f99e5; width:140px; height:50px; border-radius:40px;}
.transaction03 .more {display:flex; justify-content:flex-end; align-items:center; padding-right: 1rem; font-size: 16px;height: 60px;}
.transaction03 .more a {}


/* 매입매각 - 499px - 모바일 M (375px) */	

@media (max-width:499px) {
	
.transaction01 .container {margin-top:2rem; background:none;}
.transaction01 .transaction01_01 {display:flex; align-items:center; text-align:left; right:0; height:380px;}
.transaction01 .transaction01_01 ul {display:block; width:100%; padding:1rem 0 1rem 1.5rem; margin:0; position:absolute; z-index:10; color:#fff; background:rgba(95, 153, 229, .6);}
.transaction01 .transaction01_01 ul li.tit {color:#fff; font-size:1rem; margin-top:1.2rem;}
.transaction01 .transaction01_01 ul li.tit::before{color:#fff;}
.transaction01 .transaction01_01 ul li {font-size:.9rem; font-weight: bold; margin-left:1.6 rem; padding-right:1rem;}

.transaction01 .transaction01_01 img {position: absolute;top:0; right:0;}

.transaction02 {height:auto; margin-top: 2rem; background:none;}
.transaction02 .in_round {display:flex; flex-wrap:wrap;}
.transaction02 .in_round li {position: relative; flex: 0 0 40%; color:#5f99e5; margin: .5rem 1rem 2rem .5rem;}
.transaction02 .in_round li .step{font-size:12px; font-weight:bold; margin-bottom:0; color:#888;} 
.transaction02 .in_round li .tit {font-size:16px; font-weight:bold; padding-top:.5rem; border-top:0;}
.transaction02 .in_round li .txt {font-size:14px; margin-top:10px; color: #333;}
.transaction02 .in_round li .line {top:70px; margin:.7rem 0 0 0; width:100%; border-top:1px solid #5f99e5;}
.transaction02 .in_round li:first-child .line {margin:0;}
.transaction02 .in_round li:nth-child(2) .line {margin:0;}
.transaction02 .in_round li .round.property {height:60px; background:url(../images/circle_blue.png) no-repeat center bottom;}

.transaction03 {margin-top:2rem}
.transaction03 label {display:block;}
.transaction03 .flow_in {display:flex; flex-flow:column; align-items:center;}
.transaction03 .thumb_box {width:66%; margin:1rem 0 1rem 0;}
.transaction03 .thumb_box:last-child {margin:1rem 0 0 0;}
.transaction03 .thumb_box .in_thm .tit{font-size:1rem; top:15px; left:20px;}
.transaction03 .thumb_box .in_thm img {width:100%; height:auto;}
.transaction03 .more {display:none;}

}


/* 350px - 모바일 S - */	

@media (max-width:350px) {

}



/* 물리적자산실사 컨텐츠 */
.phy_due_01 {margin-top:5rem; text-align:left; background:url(../../images/pages/phy_due_01.jpg) no-repeat 0 top;}
.phy_due_01 .container {display:flex; justify-content:flex-end; padding:1.5rem;}
.phy_due_01 ul {width:55%}
.phy_due_01 ul li {font-size:18px; margin-left:2rem;}
.phy_due_01 ul li.tit {margin-left:0; margin-top:2rem; font-size:1.4rem; font-weight:bold; color:#5f99e5;}
.phy_due_01 ul li.tit::before {font-family:"Material Design Icons"; content:'\f222'; margin-right:.5rem; color:#5f99e5; font-weight:bold; display:inline-block;}
.phy_due_01 ul li.tit:first-child{margin-top:0;}

.phy_due_02 .box-icon-bordered {border:2px solid #ddd;}
.phy_due_02 label{padding-bottom:2rem;}
.phy_due_02 .icon-outlined:after {position:absolute; top:-7px; right:-7px; bottom:-7px; left:-7px; content:''; border:2px solid #ddd;}
.phy_due_02 .icon:before {display:inline-block; position:relative; color:#5f99e5; text-shadow:none;}
.phy_due_02 .icon-rect, .icon-circle, .icon-rounded, .icon-outlined {text-align:center;background:#d0e7ff; border:none;}

.phy_due_03 {}
.phy_due_03 ul {margin:0 1rem 0 1.5rem;}
.phy_due_03 ul li {font-size:1.2rem; padding-bottom:5px; border-bottom:1px solid #d7d7d7;}
.phy_due_03 .bg_blue{position:relative; width:600px; height:250px; background:#eaf3ff}
.phy_due_03 .bg_blue img{position:absolute; top:-40px; left:100px;}

.phy_due_04 {margin:2rem 0 3rem}
.phy_due_04 label {padding-bottom:3rem;}
.phy_due_04 .dia_radius {display:flex; justify-content:space-between; }
.phy_due_04 .dia_radius ul {display:flex; flex-flow:column; align-items:center; padding:3rem 10px; width:180px; margin:0 30px; border-radius:90px; border:6px solid #bad8f0;}
.phy_due_04 .dia_radius ul li {font-size:1.4rem; font-weight:bold;}

.phy_due_02 label, .phy_due_03 label, .phy_due_04 label{display:flex;}



/* 425px - 모바일 L - */	

@media (max-width:499px) {

.phy_due_01 {padding:1rem 1.5rem; margin-top:3rem; background:url(../../images/pages/phy_due_01_m.jpg) no-repeat 0 top; background-size:160%;}
.phy_due_01 ul {width:100%;}
.phy_due_01 ul li {font-size:.9rem; margin-left:1.6rem;}
.phy_due_01 ul li.tit {font-size:1rem; margin-top:1rem;}
.phy_due_02 label, .phy_due_03 label, .phy_due_04 label {display:block;}
.phy_due_02 label {padding-bottom:.5rem;}
.phy_due_02{padding:2rem;}	
.phy_due_02 .box-icon-bordered {margin:0 1.5rem 3rem 1.5rem}
.phy_due_03 {padding:0}
.phy_due_03 .bg_blue {width:100%; height:auto;}
.phy_due_03 .bg_blue img {position:relative; width:50%; top:0; left:0;}
.phy_due_03 ul li {font-size:1rem;}

.phy_due_04 {margin:3rem 0; padding:0}
.phy_due_04 label {padding-bottom:2rem;}
.phy_due_04 .dia_radius {display:flex; flex-wrap:wrap; justify-content:center;}
.phy_due_04 .dia_radius ul {flex: 0 0 36%; padding:2.5rem 10px;  margin:10px;}
.phy_due_04 .dia_radius ul li {font-size: 1.1rem;}
}

/* 375px - 모바일 M - */	

@media (max-width:380px) {
.phy_due_01 {background-size:140%;}
.phy_due_04 .dia_radius ul {flex: 0 0 40%;}

}

/* 320px - 모바일 s - */	

@media (max-width:380px) {
.phy_due_01 {background-size:260%;}
}


/* 자산관리 컨텐츠 */
.mob .hr {display:block}
.management01_01 {background:url(../../images/pages/management01_01.jpg) no-repeat 0 bottom; ;}
.management01_01 div  {position:relative; height:500px; }
.management01_01 div img {position:absolute; bottom:-20px; left:180px; z-index:10;}
.txt_back01{background:#4a85cf; padding:3rem 0;}
.txt_back01 p{text-shadow: 1px 1px 2px #245899;}
.txt_back01 p.tit{font-size:1.6rem; color:#FFF}
.txt_back01 p.txt{font-size:1.2rem; color:#FFF; margin:1rem 0;}

.management01_02 {text-align:left; margin-top:6rem; padding:2rem 0 4rem 0; border:1px solid transparent }
.management01_02 ul{display:flex; justify-content:space-between; margin-top: 2rem; }
.management01_02 ul li{text-align:center;}
.management01_02 ul li img{}
.management01_02 ul li span{display:flex; justify-content:center; margin-top:10px; font-weight:bold;}

.management01_03 {margin:6rem 0;}
.management01_03 .img_box{display:flex; margin-top:3rem; }
.management01_03 .img_box .img01{}
.management01_03 .img_box ul.list{margin:0 0 0 2rem; text-align:left; }
.management01_03 .img_box li{margin:2rem 0;}
.management01_03 .img_box li:first-child{margin-top:0;}
.management01_03 .img_box li strong{display:block; font-size:18px }
.management01_03 .img_box li em{font-size:16px;}

.management01_04 {margin:6rem 0;}
.owl-carousel-testimonials-2 .owl-nav {visibility: hidden;}

.management02_01{margin-top:5rem; height:340px; background:url(../../images/pages/management02_01.jpg) no-repeat 0 top;}
.management02_01 .container{}
.management02_01 .container div{width:700px; text-align:left; padding:2rem 3rem; background:rgba(95, 153, 229, 0.5); font-size:1.2rem; color:#fff; text-shadow:1px 1px 1px #555}
.management02_01 .hr {margin:2rem 0;}
.management02_01 .container .tit{font-weight:bold; font-size:1.4rem;}

.management02_02 {margin-top:14rem; border:1px solid transparent}
.management02_02 .container{display:flex; text-align:left;}
.management02_02 .box01 {}
.management02_02 .box02 {margin-left:2rem; }
.management02_02 .box02 span {color:#5f99e5; font-weight: bold; font-size:1.2rem; margin:1rem 0; }
.management02_02 .box02 img {margin:2rem 0;}

.management02_03 {min-height:500px; }
.management02_03 .container{display:flex; justify-content:flex-end; align-content: center; position:relative; text-align:left;  }
.management02_03 .box01{position:absolute; left:0; top:-100px; }
.management02_03 .box02{margin:5rem 10rem 0 0;}
.management02_03 .box02 span {color:#5f99e5; font-weight: bold; font-size:1.2rem; margin:1rem 0; }
.management02_03 .hr {margin:2rem 0;}

.management02_04 {margin:5rem 0 0 0;}
.management02_04 .container div h2{font-size:34px; margin:0; letter-spacing:-1px;}
.management02_04 .container div h2 em{display:inline; font-style:italic; font-weight: 100;}


/* 425px - 모바일 L - */	

@media (max-width:499px) {
.mob .hr {display:none}
.management01_01 {margin-top:2rem; width:100%; background:url(../../images/pages/management01_01.jpg) no-repeat 0 bottom; background-size:100%;}
.management01_01 div {height:auto;}
.management01_01 div img {width:70%; position:relative; bottom:0; left:0;}
.management01_01 .txt_back01{padding:1rem;}
.txt_back01 {padding:1.5rem}
.txt_back01 p.tit {font-size:1.2rem;}
.txt_back01 p.txt {font-size:14px; margin:1rem 0;}

.management01_02 {margin-top:0; padding:.5rem}
.management01_02 ul {display:flex; flex-wrap:wrap; justify-content:space-between;}
.management01_02 ul li {flex:0 1 50%;  margin:0 0 2rem 0; padding:0 .5rem;}
.management01_02 ul li em {font-size:14px;}
.management01_02 ul li img {width:50%;}

.management01_03 {margin:0;}
.management01_03 .img_box {display:block; margin:0;}
.management01_03 .img_box .img01 {height:auto;}
.management01_03 .img_box .img01 img {width:100%;}
.management01_03 .img_box ul.list {margin:2rem 2rem 0 2rem;}
.management01_03 .img_box li strong {font-size: 16px;}
.management01_03 .img_box li em {font-size: 14px;}

.management01_04 p {padding:0 1rem;}


.management02_top p em {font-size: 50px; height: 54px;}
.management02_top .d01 {width:30%; left:10px; bottom:-1px;}
.management02_top .d01 img {width:100%;}
.management02_top .d02 {width:30%; right:0; bottom:-4px;}
.management02_top .d02 img {width:80%;}

.management02_01 {margin-top:2rem; background-size:100%;}
.management02_01 .container div {background:none; width:100%; padding:7rem 2rem 1rem 2rem; text-shadow:none; color: #555;}
.management02_01 .container .tit {font-size:1rem;}
.management02_01 .container div p{font-size:.9rem}

.management02_02 {margin-top:6rem;}
.management02_02 .container {display:block; text-align: center;}
.management02_02 .box01 img{width:86%;}
.management02_02 .box02 {margin-left:0}
.management02_02 .box02 > div {margin:1rem; text-align:left;}
.management02_02 .box02 > div > p {font-size:14px; padding: 0 1rem}
.management02_02 .box02 span {font-size:16px; padding: 0 1rem}
.management02_02 .box02 img{width:90%; position: absolute; right:0;}
.management02_03 .box01 {left:0; top:44vh}
.management02_03 .box01 img{width:34%;}
.management02_03 .box02 {margin:19rem 0rem 3rem 10rem;}
.management02_03 {min-height:400px;}
.management02_03 .hr {margin:1rem 2rem 1rem 1rem;}
.management02_03 .box02 span {font-size:16px; padding: 0 1rem}
.management02_03 .box02 > div > p {font-size:14px; padding: 0 1rem}

.management02_04 {margin: 1rem 0 0 0;}
.management02_04 .container div h2 {font-size:28px;}
.management02_04 .container div h2 a {border-bottom: 1px solid #666;}
.management02_04 .section-98 {padding-top:40px; padding-bottom:40px;}

}


/* 375px - 모바일 M - */	

@media (max-width:380px) {
.management02_top p em {font-size:46px; height:50px;}
.management02_03 .box01{left:10vw; top:32vh;}
.management02_03 .box01 img {width:60%;}
.management02_03 .box02 {margin:29rem 0rem 3rem 2.2rem;}
.management02_04 .container div h2 {font-size:24px;}
}



/* 320px - 모바일 S - */	

@media (max-width:320px) {
.management02_top p em {font-size:40px; height:44px;}
.management02_03 .box01{left:10vw; top:30vh;}
.management02_03 .box01 img {width:60%;}
.management02_03 .box02 {margin: 28rem 0rem 3rem 1.5rem;}
}


/* 인테리어 컨텐츠 */
.interior01 {height:260px; display:flex; align-items:center; background:url(../../images/pages/interior01.jpg) no-repeat 0 bottom; }
.interior01 .container{position:relative;}
.interior01 .container h2{margin:0;}
.interior01 .box_st_btn01 {display:flex; justify-content:center; align-items:center; position:absolute; top:7rem; right:2rem; width:200px; height:200px; background:rgba(255,255,255, .5); border: 2px solid #5f99e5;}
.interior01 .box_st_btn01 .in{display:flex; flex-flow:column; justify-content:center; width:170px; height:170px; background:rgba(255,255,255, .5); border: 1px solid #8cd26e;}
.interior01 .box_st_btn01 .in i:before {font-size:4rem; color: #5f99e5;}
.interior01 .box_st_btn01 .in span{font-weight:bold; font-size:18px; color:#6193d7}

.interior05 {margin-top:5rem; text-align:left;}
.interior05 .txt_box{display:flex; flex-flow:column; justify-content:center;}
.interior05 .txt_box h4{font-size:1.8rem; font-weight:bold; letter-spacing:-1px; padding:0 0 0 .5rem}
.interior05 .txt_box h5{font-family:NotoSerifKR; font-size:1.1rem; letter-spacing:0; padding:.3rem 0 0 .7rem; font-weight:100;}
.interior05 .txt_box p{padding:1rem 1rem 0 .7rem; font-size:1.1rem;}
.interior05 hr {width:100%;}
.interior05 .txt_box2{display:flex; flex-flow:column; justify-content:center; text-align:right}
.interior05 .txt_box2 h4{font-size:1.4rem; font-weight:bold; letter-spacing:-1px; padding:0 1rem 0 0;}
.interior05 .txt_box2 p{padding:1rem 1.2rem 0 2rem; font-size:1.1rem;}

.interior02 {text-align:left; margin-top:5rem; padding:1rem 0 3rem 0; border:1px solid transparent }
.interior02 ul{display:flex; justify-content:space-between; margin-top:2rem; }
.interior02 ul li{width:170px; height:170px;}
.interior02 ul li.arr{width:20px; background:url(../../images/arrow_icon02.gif) no-repeat left 50%;}
.interior02 ul li.arr em{display:none;}
.interior02 ul li img{}
.interior02 ul li span{display:none; justify-content:center; margin-top:10px; font-weight:bold;}

.interior03 {margin-top:4rem; border:1px solid transparent}
.interior03 .container{display:flex; text-align:left;}
.interior03 .box01 {}
.interior03 .box02 {margin-left:3rem; word-break:keep-all;}
.interior03 .box02 span {display:flex; color:#5f99e5; font-weight:bold; font-size:1.2rem; margin-top:2rem;}
.interior03 .box02 p {font-size:1.2rem; }
.interior03 .box02 img {margin:2rem 0;}
.interior03 .box02 ul li {font-size:1.2rem}
.interior03 .box02 ul li::before {content:"\2022"; color:#ccc; font-weight:bold; display:inline-block; width:1em;}

.interior04 {min-height:360px; }
.interior04 .container{display:flex; justify-content:flex-start; align-content: center; position:relative; text-align:left;  }
.interior04 .box01{position:absolute; right:0; top:-100px; }
.interior04 .box02{margin:4.3rem 0 0 7rem;}
.interior04 .box02 span {color:#5f99e5; font-weight: bold; font-size:1.2rem; margin:1rem 0; }
.interior04 .hr {margin:2rem 0;}



/* 499px - 모바일 M - */	

@media (max-width:499px) {
	
.interior01 {height:170px; background:url(../../images/pages/interior01.jpg) no-repeat 40% 0; background-size:200%;}
.interior01 .container{display:flex; flex-flow:column; align-items:center; padding-bottom:2rem;}
.interior01 .box_st_btn01 {width:80%; top:6.5rem; right: auto; height:70px;}
.interior01 .box_st_btn01 .in{display:flex; flex-flow:row; justify-content:center; align-items:center; width:100%; height:auto; border:0;}
.interior01 .box_st_btn01 .in i:before {font-size:2.8rem;}
.interior01 .box_st_btn01 .in span {padding:.5rem; font-size:14px; text-align:left;}

.interior05 {text-align:center;}
.interior05 .row {margin-top:20px;}
.interior05 .none01{display:block; width:100%}
.interior05 .txt_box h4 {font-size:1.6rem;}
.interior05 .txt_box p {font-size:1rem;}
.interior05 .txt_box2 {text-align:center;}
.interior05 .txt_box2 h4 {font-size:1.2rem}
.interior05 .txt_box2 p {font-size:1rem;}

.interior02 {margin-top:2rem; text-align:center;}
.interior02 ul {flex-wrap:wrap; justify-content:center; padding: 1.5rem; margin-top:0;}
.interior02 ul li {width:auto; height:auto;}
.interior02 ul li img {width:70%}

.interior03{margin-top:1rem;}
.interior03 .container {display:block;}
.interior03 img {width:100%;}
.interior03 .box02 span {font-size: 1rem;}
.interior03 .box02 p {font-size:1rem;}
.interior03 .box02 ul li {font-size:1rem;}

.interior04 {min-height:400px;}
.interior04 .container{display:block;}
.interior04 img{width:100%}
.interior04 .box01 {position:relative; top:20px;}
.interior04 .box02 {margin:0}
.interior04 .box02 img{width:70%; float:right;}
}


/* 375px - 모바일 S - */	

@media (max-width:380px) {
.interior02 ul {flex-wrap:wrap; justify-content:center; padding:0rem;}
}

/* 320px - 모바일 S - */	

@media (max-width:325px) {
.interior02 ul {flex-wrap:wrap; justify-content:center; padding:0rem;}
.interior02 ul li {flex: 0 0 30%;}
.interior02 ul li img {width:90%;}
.interior02 ul li.arr {flex: 0 0 5%; background-size: 80%;}
.interior03 .box02 {margin-left:2rem;}
}



/* PCM 컨텐츠 */
.pcm01 {text-align:left; margin-top:5rem; padding:1rem 0 3rem 0; border:1px solid transparent }
.pcm01 ul{display:flex; justify-content:space-between; margin-top: 2rem; }
.pcm01 ul li{width:30%}
.pcm01 ul li img{width:100%;}
.pcm01 ul li span{display:flex; justify-content:center; font-size:20px; margin-top:20px; color:#5f99e5; font-weight:bold;}
.pcm01 ul li p{ text-align:center; margin-top:10px;  font-size:18px;}

.pcm02 {margin-top:5rem; padding:.5rem 0 2rem 0; text-shadow:1px 1px 1px #555; background:url(../../images/pages/pcm05.jpg) no-repeat 0 bottom; }
.pcm02 .container{position:relative;}
.pcm02 .container label{padding:2rem 0 1rem 0; color:#fff;}
.pcm02 ul {display:flex; justify-content: space-between;}
.pcm02 ul li{width:220px; color:#fff}
.pcm02 ul li .tit{padding: 1rem 0; font-size:18px; border-bottom:1px solid rgba(255, 255, 255, 0.6); margin-bottom:1rem;}
.pcm02 ul li p{font-size:16px;}

.pcm03 {margin:6rem 0; height:450px;}
.pcm03 .container{ position:relative; text-align:left;}
.pcm03 .container label{padding-bottom:1rem}
.pcm03 .box01 {float:left; width:600px;}
.pcm03 .box02 {float:left; text-align:left; width:480px; margin:0 0 0 1rem;}
.pcm03 .box02 p {font-size:18px; margin:.5rem 0 0 1.8rem; word-break:keep-all;}
.pcm03 .box02 span {display:flex; color:#5f99e5; font-weight: bold; font-size:1.2rem; margin-top:2rem;}
.pcm03 .box02 span.tit::before {font-family:"Material Design Icons"; content:'\f222'; margin-right:.5rem; color: #5f99e5; font-weight:bold; display:inline-block;}
.pcm03 .box02 span:first-child { margin-top:0;}

.pcm02 label, .pcm03 label{display:flex;}



/* 499px - 모바일 M - */	

@media (max-width:499px) {

.pcm01 {text-align:center; margin-top:2rem; padding: 1rem 0;}
.pcm01 ul {display:block;}
.pcm01 ul li {width:100%; margin:2rem 0 0 0;}
.pcm01 ul li img {width:60%}
.pcm01 ul li span {font-size:16px; margin-top:10px;}
.pcm01 ul li p {margin-top:3px; font-size:16px;}

.pcm02 {margin-top:2rem; height:auto; padding:.5rem 0 2rem 0; background: #6193d7;}
.pcm02 label, .pcm03 label {display:block;}
.pcm02 .container label {padding:1rem 0;}
.pcm02 ul {flex-wrap:wrap; justify-content: space-evenly;}
.pcm02 ul li {flex:0 0 40%; margin: 1rem 0 0 0;}
.pcm02 ul li .tit {font-size:16px;}
.pcm02 ul li p {font-size:14px;}

.pcm03 {height:auto;}
.pcm03 .container {text-align:center;}
.pcm03 .box01 {float: none; width:100%; text-align: center;}
.pcm03 .box01 img {width:80%}

.pcm03 {margin: 3rem 0 4rem 0;}
.pcm03 .box02 {width:100%;  float:none; margin:0; padding:2rem 1rem 0 2.5rem;}
.pcm03 .box02 p{text-align:left; font-size:14px; margin:.5rem 0 0 1.5rem;}
.pcm03 .box02 span {font-size:16px}
}



/* 에너지 컨텐츠 */
.energy_back{background:url(../../images/pages/energy01.jpg) no-repeat 0 top; background-size:100%;}
.energy01{height:420px;}
.energy01 .container{display:flex; justify-content:center;}
.energy01 .box01{display:flex; flex-flow:column; align-items:center; width:380px; height:280px; padding:1.5rem 0 1rem; margin-top:6rem; background:rgba(255, 255, 255, 0.6); border:1px solid #fff;}
.energy01 .box01 img{width:110px; height:82px;}
.energy01 .box01 span{margin:1rem 0 .5rem 0; font-weight:bold; font-size:1.2rem;}
.energy01 .box01 p{width:280px; font-size:16px; word-break:keep-all; }

.energy02{margin-top:2rem; padding:6rem 0 2rem; background:#fff;}
.energy02 .container{position:relative; height:940px;}
.energy02 .container .box_tit{position:absolute; top:80px; text-align:left; background: #FFF; z-index:5;}
.energy02 .container .box_tit h5{font-size:32px; padding:.5rem 0; font-weight:bold;}
.energy02 .container .box_tit .serif{letter-spacing:0; font-style:italic; font-family:NotoSerifKR;}
.energy02 .container .box_st{width:680px; height:560px; position:absolute; left:90px; border: 15px solid #daeaff}
.energy02 .container .box_st em{display:none;}
.energy02 .container .box_img{position:absolute; top:240px; z-index:10;}
.energy02 .container .box_list{position:absolute; bottom:0; z-index:10;}
.energy02 ul{display:flex; flex-wrap:wrap; width:1100px; margin:2rem 0 0 1rem; }
.energy02 ul li{width:340px; margin:2rem 1.5rem 0 0; text-align:left; background:url(../../images/tit_ico_05.png) no-repeat 0 4px;}
.energy02 ul li span{display:flex; margin-left:2rem; font-size:1.2rem; font-weight:bold;}
.energy02 ul li p{font-size:1.1rem; word-break: keep-all; margin-left:2rem; }

.energy03{margin-top:6rem; background:url(../../images/pages/energy03.jpg) no-repeat 0 top; background-size:100%;}
.energy03 label {display:flex}
.energy03 .container{position:relative; height:220px}
.energy03 .container label{padding:2rem 0 1rem 0; }
.energy03 ul {display:flex; justify-content:space-between;}
.energy03 ul li{width:220px;}
.energy03 ul li .tit{position:relative; padding-top:; height:92px; font-size:16px; border-bottom:1px solid rgba(153, 153, 153, 0.5); margin-bottom:1rem;}
.energy03 ul li .tit::after{display:flex; position:absolute; top:89px; left:48%; width:15px; height:5px; background:#aaa; transform:skewY(30deg); content:'';}
.energy03 ul li .tit em, .tit span{font-weight:bold; display: block;}
.energy03 ul li p{font-size:16px; word-break:keep-all}

/* 499px - 모바일 M - */	

@media (max-width:499px) {

.energy_back {background:url(../../images/pages/energy01_m.jpg) no-repeat 0 top; background-size:150%;}
.energy01 {height:auto;}
.energy01 .container {display:block;}
.energy01 .box01{margin-top:1.5rem; width:100%; height:auto; background:rgba(255, 255, 255, 1);}

.energy02 {margin-top:0; padding:3rem 0 2rem;}
.energy02 .container {height:860px}
.energy02 .container .box_tit h5 {font-size:1.3rem; text-align:left; padding:.5rem 1.5rem;}
.energy02 .container .box_st {width:280px; height:380px; top:20px; left:65px; border:10px solid #daeaff;}
.energy02 .box_img img{width:100%;}
.energy02 ul {display:block; width:100%; padding:0 1rem 0 2rem; margin:0}
.energy02 ul li{width:100%; margin:1rem 1rem 0 0; background:url(../../images/tit_ico_04.png) no-repeat 0 5px; background-size:3%;}
.energy02 ul li span {font-size:16px; margin-left:1.2rem}
.energy02 ul li p {font-size:14px; margin-left:1.2rem;}

.energy03 {margin-top:1rem; padding-bottom: 2rem; background: #e6f1ff;}
.energy03 .container {height:auto;}
.energy03 label {display:block;}
.energy03 ul {flex-wrap:wrap;}
.energy03 ul li {flex:0 0 50%;margin:1rem 0; padding:0 1.5rem;}
.energy03 ul li .tit {font-size:1rem;}
.energy03 ul li p {font-size:.9rem;}
}



@media (max-width:380px) {
.energy01 .box01 span {font-size: 1rem;}
.energy02 .container .box_st {width:250px; height:380px; top:20px; border: 10px solid #daeaff;}
}

@media (max-width:325px){
.energy02 .container {height:670px}
.energy02 .container .box_st {width:200px; height:260px; top:30px; left:35px; border:8px solid #daeaff;}
.energy02 ul {padding:2rem 1rem 0 2rem;}
}



/* Real Value 01 */
.value01_01 {margin-top:4rem; background:url(../../images/pages/value01_01.jpg) no-repeat 0 top; padding: 3rem 0 4rem 0; font-size: 1.2rem;}
.value01_01 .in_box{display:flex; flex-flow:column; justify-content:center;  color:#fff;}
.value01_01 .in_box h1 {font-size:44px;}
.value01_01 .in_box span{font-size:1.6rem; margin:0 0 1rem 0}
.value01_01 .in_box ul{display:flex; justify-content:center;  margin-top: 2rem;}
.value01_01 .in_box ul li{display:flex; justify-content:center; align-items:center; width:240px; height:50px; margin-right:2rem; border:1px solid #fff;}
.value01_01 .in_box ul li:last-child{margin-right:0;}
.value01_01 .in_box ul li.ico{width:30px; height:50px; font-size:28px; margin-right:2rem; color:rgba(255,255,255, 0.7); border:none;}
.value01_01 .in_box p{font-size:1.3rem; margin-top:3rem;}
.value01_01 .in_box p:last-child{margin-top:0}

.value01_02 {margin:10rem 0 5rem 0;}
.value01_02 .in_box{display:flex; flex-flow:column; justify-content:center; }
.value01_02 .in_box h1{font-size:44px; }
.value01_02 .in_box h4{margin-bottom:1rem; text-align:left; color:#5f99e5; font-size:1.4rem; font-weight:bold;}
.value01_02 .in_box ul{display:flex; justify-content:space-between; margin-top: 2rem;}
.value01_02 .in_box ul li{display:flex; flex-flow: column; justify-content:center; align-items:center; margin-right:2rem; border:1px solid #fff;}
.value01_02 .in_box ul li:last-child{margin-right:0;}
.value01_02 .in_box ul li img{}
.value01_02 .in_box ul li label{font-size:1.3rem; margin:.5rem 0; font-style:normal; color:#525252}
.value01_02 .in_box ul li .data_box{}
.value01_02 .in_box .data_box .data{font-size:1.8rem; font-weight:bold;}
.value01_02 .in_box .data_box .num_unit{font-size:1.2rem; color:#5f99e5; font-weight:bold; }
.value01_02 .in_box .data_box .m_unit{font-size:1rem; }


.value01_03 {margin:8rem 0; }
.value01_03 .container{height:450px;  background:url(../../images/pages/value01_03_back.png) no-repeat 0 bottom; }
.value01_03 h4{margin-bottom:1rem; text-align:left; color:#5f99e5; font-size:1.4rem; font-weight:bold;}
.value01_03 .in_box{display:flex; align-items:center; margin:3rem 0 0 0;}
.value01_03 .in_box .left{margin:0 0 0 1rem;}
.value01_03 .in_box .right{margin:0 0 0 5rem; text-align:left; }
.value01_03 .in_box .right li{position:relative; font-size:1.5rem; font-weight:bold; letter-spacing:-1px; margin-top:1rem; color:#444}
.value01_03 .in_box .right ul li::before {font-family:"Material Design Icons"; content:'\f222'; margin-right:1rem; color:#5f99e5; font-weight:bold; position:absolute; left:-2.2rem;}



.value01_04 {margin:8rem 0 0 0; background:url(../../images/pages/value01_03_img02.jpg) no-repeat 0 top; }
.value01_04 .container {display:flex; position:relative; justify-content:space-between; align-items:center; padding:3rem 0 1rem 0; text-align:left; line-height: 1.8rem; }
.value01_04 .container .rect{display:flex; position: absolute; top:-20px; width:15px; height:50px; background:#5f99e5; margin-bottom:1rem; }
.value01_04 .container .rect em{display:none;}
.value01_04 h4 {display:flex; align-self:stretch; font-size:1.6rem; font-weight:bold; color:#5f99e5;}
.value01_04 .in_box {display:flex; font-size: 1.1rem; }
.value01_04 .in_box ul{width:800px; height:400px; display:flex; flex-wrap:wrap; }
.value01_04 .in_box ul li{flex:1 0 300px; padding:0 1rem 0 0;}
.value01_04 .in_box ul li span{font-weight:bold;}
.value01_04 .in_box ul li p{}


/* 499px - 모바일 L - */	

@media (max-width:499px) {

.value01_01 {margin-top:2rem; padding:1rem 0; background:url(../../images/pages/value01_01_m.jpg) no-repeat 0 top;}
.value01_01 .in_box {font-weight:bold;}
.value01_01 .in_box span {font-size: 1.2rem;}
.value01_01 .in_box ul {flex-flow:column; align-items:center; margin:0}
.value01_01 .in_box ul li {margin:0; font-size:1rem;  width:220px; height:40px;}
.value01_01 .in_box ul li.ico{margin:0; font-size:20px; transform: rotate(90deg);}
.value01_01 .in_box p {font-size:1rem; margin-top:1rem; padding:0 2rem;}

.value01_02 {margin:3rem 0;}
.value01_02 .in_box h4 {text-align:center;}
.value01_02 .in_box ul {margin:0; flex-wrap:wrap;}
.value01_02 .in_box ul li{margin:0 0 1rem 0; flex:0 0 50%; border-right:1px solid #eee;}
.value01_02 .in_box ul li:nth-child(2n) {border-right:0}
.value01_02 .in_box ul li img {width:45%}
.value01_02 .in_box ul li label {font-size:1rem; margin:.5rem 0 0 0}
.value01_02 .in_box .data_box .data{font-size:1.6rem;}
.value01_02 .in_box .data_box .num_unit {font-size:1rem;}
.value01_02 .in_box .data_box .m_unit{font-size:.8rem;}

.value01_03 {margin:4rem 0;}
.value01_03 .container {background:none; }
.value01_03 h4 {text-align:center;}
.value01_03 .in_box {display:block;}
.value01_03 .in_box .left{margin:0}
.value01_03 .in_box img {width:86%;}
.value01_03 .in_box .right {margin:2rem 0 0 3rem; padding-right:1rem;}
.value01_03 .in_box .right li {font-size:1.1rem;}

.value01_04 {margin:6rem 0 0 0; background-size:100%;}
.value01_04 .container {display:block; padding:2.2rem 0 1rem 2.4rem;}
.value01_04 .container .rect {left:10vw; height:5vh;}
.value01_04 h4 {font-size:1.4rem; line-height:1.4rem; text-shadow:2px 2px 2px #fff;}
.value01_04 .in_box {margin-top:3rem; margin-left:.2rem;}
.value01_04 .in_box ul li {flex:0 0 100%; padding-right:1rem;}
.value01_04 .in_box ul li span {font-size:1rem;}
.value01_04 .in_box ul li p {font-size:.9rem; line-height:1rem;}

}

/* 375px - 모바일 M - */	
@media (max-width:380px) {
.value01_01 .in_box span {font-size:1rem;}
.value01_01 .in_box p {font-size:.9rem;}
.value01_02 .in_box .data_box .data {font-size:1.4rem;}
.value01_03 {margin-top:3rem;}
.value01_03 .container {height:auto;}
.value01_03 .in_box .right {margin:2rem 0 0 2rem;}
.value01_03 .in_box .right li {font-size:1.1rem;}
.value01_04 {margin-top:4rem}
.value01_04 .in_box {}
.value01_04 .container {padding:2rem 0 1rem 2rem;}
.value01_04 h4 {font-size:1.2rem; line-height:1.2rem;}
.value01_04 .in_box ul li span {font-size:1rem;}
.value01_04 .in_box ul li p {font-size:.8rem;}

}


/* 320px - 모바일 S - */	
@media (max-width:325px) {

.value01_02 .in_box h4 {font-size:1rem;}
.value01_02 .in_box ul li label {font-size: .9rem;}
.value01_03 h4 {font-size:1rem;}
.value01_03 .in_box .right {margin: 1.5rem 0 0 1.5rem;}
.value01_03 .in_box .right li {font-size:1rem;}
.value01_04 .in_box {margin-top: 2rem; margin-left: .2rem;}
}




/* Real Value 01 - 리테일 */

.re_01 {margin:5rem 0 0 0;}
.re_01 h5 {font-weight:bold; color:#5f99e5;}
.re_01 label {display:flex;}
.re_02 {margin:7rem 0 0 0; position:relative; height:1200px; }

.re_02 .container {position:relative; height:1200px; background:url(../../images/pages/re_05.jpg) no-repeat 0 bottom; border:1px solid transparent; }
.re_02 .txt_box{position:absolute; width:450px; top:-30px; text-align:left;}
.re_02 .txt_box p.tit{color:#5f99e5; font-weight:bold; font-size:1.6rem; line-height:1.8rem;}
.re_02 .txt_box p.tit .rect{display:flex; width:15px; height:50px; background:#5f99e5; margin-bottom:1rem; }
.re_02 .txt_box p.tit .rect em{display:none;}
.re_02 .txt_box label{font-size:1rem; font-style:normal; margin:1rem 0 .5rem; }
.re_02 .txt_box p.process01 {font-size:16px; font-weight:bold; color:#777; word-break:keep-all;}
.re_02 .txt_box p.process01 .path:after {padding:0 7px; content: "\f105"; font-family: 'FontAwesome';}
.re_02 .txt_box p.process01 .path:last-child::after {content:'';}
.re_02 .txt_box p.process01 strong {color:#6193d7}

.re_02 .img_box{position:relative; margin-top:4rem; height:1100px; }
.re_02 .img01{position:absolute; right:0; z-index:1}
.re_02 .img02{position:absolute; top:170px; z-index:2 }
.re_02 .img03{position:absolute; bottom:0; z-index:3}
.re_02 .img04{position:absolute; top:422px; left:500px; z-index:4}

.re_02 .container .st_txt{position:absolute; right:110px; bottom:200px; color:#5f99e5; font-weight:bold; font-size:1.4rem; letter-spacing:-.05rem; }
.re_02 .st_back{position:absolute; bottom:70px; width:100%; height:280px; background: rgba(95, 153, 229, 0.2)}

.re_03 {margin-top:3rem;}


/* 425px - 모바일 L - */	
@media (max-width:499px) {
.re_01 {margin:3rem 0 0 0;}
.re_01 h6 {display:inline;}
.re_01 label {display:block;}
.re_02 {margin-top:1rem; height: 570px;}
.re_02 .container {background:none; height:auto;}
.re_02 .txt_box {position:relative; width:100%; padding:1rem;}
.re_02 .txt_box label {font-size:.9rem; margin:.5rem 0;}
.re_02 .txt_box p.tit .rect{margin-right:.5rem;}
.re_02 .txt_box p.tit {display:flex; font-size:1.3rem; line-height: 1.6rem;}
.re_02 .txt_box p.process01 {font-size:13px; padding:0 1rem 0 0;}
.re_02 .img_box {position: relative;margin-top:0; height:360px;}
.re_02 .img_box img{width:100%}
.re_02 .img01 {width:50%;}
.re_02 .img02 {width:50%; top:50px;}
.re_02 .img03 {width:50%;}
.re_02 .img04 {width:40%; top:16vh; left:40vw;}
.re_02 .container .st_txt {right:10px; bottom:50px; font-size:10px; letter-spacing: 0;}
.re_02 .st_back {bottom: 20px; height: 80px; font-weight:normal; letter-spacing: 0;}
.re_03 .row {margin-top:-15px}
.re_03 div.col-sm-6 {flex:0 0 50%;}
.re_03 div.col-sm-6 img{width:80%;}
}

/* 375px - 모바일 M - */	
@media (max-width:380px) {
.re_02 {margin-top:1rem; height:540px;}
.re_02 .img_box {height:320px;}
.re_02 .container .st_txt {right:10px; width:150px; padding:1rem; bottom:20px;}
}


/* Real Value 03 - 물류 */


.rosi_01{margin:7rem 0 0 0;}
.rosi_01 .icon:before {display:inline-block; position:relative; color:#5f99e5; text-shadow:none;}
.rosi_01 .inset-xl-left-50 {padding-left:20px;}
.rosi_01 h4{font-size:1.4rem; color:#5f99e5}
.rosi_01 .unit-body p{margin:.5rem .5rem 0 1px; font-size: 16px; word-break:keep-all;}

.rosi_02 {margin:10rem 0 0 0;}
.rosi_02 h5 {font-weight:bold; color:#5f99e5;}
.rosi_02 label {display:flex;}
.rosi_03 {margin:8rem 0 3rem 0;}
.rosi_03 .container {display:flex; align-items: center; text-align:left; line-height: 1.8rem;}
.rosi_03 .container .img_box{}
.rosi_03 .container .txt_box{flex: 0 0 50%; margin:0 0 0 5rem; }
.rosi_03 .container .txt_box .tit{font-size:1.6rem; font-weight:bold; color:#5f99e5;}
.rosi_03 .container .txt_box .txt01{margin:2rem 0 0 0; font-size:1.2rem; font-weight:bold; }
.rosi_03 .container .txt_box .txt02{}
.rosi_03 .container .txt_box .txt02 em{}
.rosi_03 .container .txt_box .txt02 span{}

.rosi_03 .container .list_box{}
.rosi_03 .container .list_box li{font-size:1.2rem; list-style: disc;  margin: 0 0 0 2rem;}

.rosi_04{margin:7rem 0 5rem 0;}
.rosi_04 .container{display:flex; align-items:center; text-align:left; line-height: 1.8rem;}
.rosi_04 .container .tit{display:flex; align-self:stretch; font-size:1.6rem; font-weight:bold; color:#5f99e5; }
.rosi_04 .right_flex{width:80%; display: flex; justify-content: flex-end;}
.rosi_04 .right_flex .list_box{background: #f2f2f2; padding:1rem}
.rosi_04 .right_flex .list_box li{padding:.5rem 0; margin: 0 0 0 1rem;}
.rosi_04 .right_flex .txt_box01{width:420px; margin: 0 1rem 0 0;}
.rosi_04 .right_flex .txt_box01 span{display:flex; background: #5f99e5; font-size:20px; text-shadow:1px 1px 1px #333; color:#fff; font-weight:bold; padding: 1rem 0 1rem 2rem;}
.rosi_04 .right_flex .txt_box01 ul li::before {content:"\2022"; color:#5f99e5; font-weight:bold; display:inline-block; width:1em;}
.rosi_04 .right_flex .txt_box02{width:420px; }
.rosi_04 .right_flex .txt_box02 span{display:flex; background: #8cd26e; font-size:20px; text-shadow:1px 1px 1px #333; color:#fff; font-weight:bold; padding: 1rem 0 1rem 2rem;}
.rosi_04 .right_flex .txt_box02 ul li::before {content:"\2022"; color:#8cd26e; font-weight:bold; display:inline-block; width:1em;}
@media (min-width: 1600px){
    .rosi_01 .col-xxl-4 {flex:0 0 40%; max-width:40%;}
}

/* 425px - 모바일 L - */	

@media (max-width:499px) {
.rosi_01 {margin:3rem 0 0 0;}
.rosi_01 .unit-body p {padding:1rem;}
.rosi_02 {border-top:1px solid #ddd; padding-top:3rem; margin:3rem 0 0 0;}
.rosi_02 label {display:block;}
.rosi_03 {margin: 3rem 0 3rem 0;}
.rosi_03 .container {display:block;}
.rosi_03 .container .img_box {text-align:center;}
.rosi_03 .container .img_box img {width:75%}
.rosi_03 .container .txt_box {margin:1rem 0 0 3rem; padding: 0 1.5rem 0 0; line-height: 1.4rem;}
.rosi_03 .container .txt_box .tit {font-size: 1.2rem;}
.rosi_03 .container .txt_box .txt01 {margin:1rem 0 0 0; font-size: 1.1rem;}
.rosi_03 .container .list_box li {font-size:1rem;}
.rosi_04 {margin:2rem 0 0 0;}
.rosi_04 .container {display:block;}
.rosi_04 .container .tit {display:block; font-size: 1.2rem; padding: 0 0 1rem 2rem;}
.rosi_04 .right_flex {display:block; width: 100%;}
.rosi_04 .right_flex .txt_box01 {width:100%; margin:0; padding:0 1.5rem 1.5rem 1.5rem;}
.rosi_04 .right_flex .txt_box01 span {font-size:1rem;}
.rosi_04 .right_flex .txt_box02 {width:100%; margin:0; padding:0 1.5rem 1.5rem 1.5rem;}
.rosi_04 .right_flex .txt_box02 span {font-size:1rem;}
}


/* Real Value 03 - FM 브랜드 소디안 */
.fmservice01{margin-top:5rem;}
.fmservice01 div p {font-size:1.2rem; padding:0 1rem 0 0;}

.fmservice02 {margin-top:5rem;}
.fmservice02 .container h2 {font-weight:bold; letter-spacing:0; font-size:1.8rem; color:#fff; margin:4rem 0 2rem 0;}
.fmservice02 .container h5 {margin-top:1rem; color:#fff;}
.fmservice02 .container p {font-weight:normal; color:#fff;}
.fmservice02 .container .icon{width:70px; height:70px; line-height:70px; font-size:32px; background:#fff; color:#366fb6;}
.fmservice02 .container .icon:before{text-shadow:none;}
.fmservice02 .parallax-container {padding-bottom:3rem;}

.fmservice03 {margin:12rem 0 5rem 0;}
.fmservice03 .container {display:flex; align-items: center; text-align:left; line-height: 1.8rem;}
.fmservice03 .container .img_box{background:url(../../images/pages/fmservice03.png) no-repeat 0 top; background-size:100%;}
.fmservice03 .container .txt_box{margin:0 0 5rem 3rem;}
.fmservice03 .container .txt_box .tit{font-size:2rem; font-weight:bold; color:#5f99e5;}
.fmservice03 .container .txt_box .txt01{margin:1rem 0 0 0; font-size:1.4rem; font-weight:bold; }
.fmservice03 .container .list_box li{font-size:1.2rem; list-style: disc;  margin: 0 0 0 2rem;}

.fmservice04 {margin:10rem 0 2rem 0;}
.fmservice04 .container{display:flex;}
.fmservice04 .left_flex {text-align:left;}
.fmservice04 .container .tit{font-size:2rem; font-weight:bold; color:#5f99e5; margin-bottom:1rem; }
.fmservice04 .container .txt{font-size:1.2rem; padding-right:2rem;}

.fmservice05 {margin:5rem 0 0 0;}
.fmservice05 .container div h2{font-size:36px; margin:0; letter-spacing: -2px;}
.fmservice05 .container div h2 em{display:inline; font-style:italic; font-weight: 100;}


/* 425px - 모바일 L - */	
@media (max-width:499px) {
.fmservice01 {margin-top:2rem;}
.fmservice01 div p {font-size:1rem; padding: 0 1.5rem;}
.fmservice02 {margin-top:3rem;}
.fmservice02 .container p { padding: 0 1.5rem;}
.fmservice03 {margin:6rem 0 3rem 0;}
.fmservice03 .container {display: block;}
.fmservice03 .container hr {display:none;}
.fmservice03 .container .img_box {width:100%; height:auto; display:flex; justify-content:center; background-size:100%;}
.fmservice03 .container .img_box img {width: 90%;}
.fmservice03 .container .txt_box {margin:2rem 0 3rem 2rem;}
.fmservice03 .container .txt_box .tit {font-size:1.8rem;}
.fmservice03 .container .txt_box .txt01 {font-size:1.2rem;}
.fmservice03 .container .list_box {margin-top:1rem; display:flex; flex-wrap:wrap;}
.fmservice03 .container .list_box li {font-size:1rem; flex:0 0 40%;}
.fmservice04 {margin:4rem 0 2rem 0;}
.fmservice04 .container {display:block;}
.fmservice04 .left_flex {margin:0 0 0 2rem;}
.fmservice04 .container .tit {font-size:1.8rem;}
.fmservice04 .container .txt {font-size:1rem; padding-right:1rem;}
.fmservice04 .right_flex {margin-top:1rem;}
.fmservice04 .right_flex img {width:90%}
.fmservice05{margin:3rem 0 0 0;}
.fmservice05 .container div h2 {font-size:1.4rem; letter-spacing:-1px; font-weight: normal; padding:0 2rem;}
.fmservice05 .section-98 {padding-top:30px; padding-bottom:30px;}
}



/* P.R 홍보 자료실 - 브로슈어, CI */
.ci01 {margin:5rem 0;}
.ci02 {margin:5rem 0;}
.ci02 .container {display:flex; flex-wrap:wrap; height:360px; background:url(../../images/pages/ci01_back.jpg) no-repeat 0 top; }
.ci02 .left {position:relative; flex:0 0 300px;}
.ci02 .left label {display:flex; align-items:center; justify-content:flex-end; padding-right:2rem; position:absolute; top:120px; width:100%; height:44px; background:#aac8ef; color:#fff; text-shadow:1px 1px 1px #5e7dac;}
.ci02 .left span.trans_btn {position:absolute; top:190px; right:0; display:flex; align-items:center; justify-content:center; width:140px; height:44px; background: rgb(255, 255, 255, .8); color: #555; cursor:pointer; border: 1px solid #444;}
.ci02 .right {flex:1 0 auto; flex-wrap:wrap;  padding:4rem 0 0 6rem; text-align: left; }
.ci02 .right img.two {margin-left:2rem;}
.ci02 .right p {margin:3rem 0;}

.ci03 {margin:5rem 0 0 0;}
.ci03 .container {display:flex; flex-wrap:wrap; height:720px; background:url(../../images/pages/ci01_back.jpg) no-repeat 0 top; }
.ci03 .container .set{}
.ci03 .left {position:relative; flex:0 0 300px;}
.ci03 .left label {display:flex; align-items:center; justify-content:flex-end; padding-right:2rem; position:absolute; top:70px; width:100%; height:44px; background:#aac8ef; color:#fff; text-shadow:1px 1px 1px #5e7dac;}
.ci03 .left label.top{top:0} 
.ci03 .right {flex:1 0 auto; flex-wrap:wrap;  padding:5rem 0 0 6rem; text-align: left; }
.ci03 .right.p_top {padding-top:0;}
.ci03 .right img{padding:0 0 0 1rem; text-align: left; }
.ci03 .right p {margin:3rem 0;}
.ci03 hr {margin:3rem 0; border:0; border-top:1px solid #c5cfdd;}



/* 425px - 모바일 L - */	
@media (max-width:499px) {
.ci01 {margin:2rem 0; font-size: 1rem; padding: 0 1rem;}
.ci02 {margin:2rem 0;}
.ci02 .container {display:block; height:300px;}
.ci02 .left label {position:relative; top:inherit; justify-content:flex-start; padding:0 0 0 2rem;}
.ci02 .left span.trans_btn {top:0}
.ci02 .right {flex:none; padding: 2rem 1rem 1rem 1rem; text-align:center;}
.ci02 .right p {margin:1rem 0;}
.ci02 .right img{width:40%}

.ci02 .right img.two{margin:1.5rem 0 0 0;}

.ci03 {margin: 2rem 0 0 0;}
.ci03 .container {display:block; height:auto}
.ci03 .left {flex:none;}
.ci03 .left label {top:0}
.ci03 .right {padding: 4rem 0 2rem 0; text-align:center;}
.ci03 .right img {padding:0; width:40%}
.ci03 .right.p_top img {width:18%;  margin:4rem 0 2rem 0;}

}


/* P.R 홍보 자료실 - 브로슈어, CI */
.bro_back{height:420px; background:url(../../images/pages/pr_back.jpg) no-repeat 0 top; }
.bro_back .multi{height:300px; display:flex; align-items:center;}
.bro01 {margin:5rem 0 0 0;}
.bro01 .container{display:flex;}
.bro01 .img_box{width:485px; height:620px; position:relative; background:url(../../images/pages/brochure01.jpg) no-repeat 0 top; }
.bro01 .img_box .in{position:absolute; top:70px; right:-10px}
.bro01 .txt_box{display:flex; flex-flow:column; justify-content:center;text-align:left; margin-left:5rem; }
.bro01 .txt_box h4{font-size:22px; }
.bro01 .txt_box h4 em{padding-left:.5rem; font-size:16px;}
.bro01 .txt_box .rect_sm{width:50px; height:4px; background:#ccc; margin:1rem 0;}
.bro01 .txt_box .rect_sm em{display:none;}
.bro01 .txt_box p{font-size:18px; }
.bro01 .txt_box .btn_area {display:flex; margin:2rem 0 0 0;}
.bro01 .txt_box .btn03{display:flex; align-items:center; justify-content:center; margin-right:1rem; width:155px; height:50px; border:1px solid #333; cursor: pointer;}

.bro02{}
.bro02 .container{position:relative; height:720px; display:flex; justify-content:flex-end; }
.bro02 .container .z_box{position:absolute; top:-150px; right:0;}
.bro02 .img_box{width:450px; height:700px; position:relative; background:url(../../images/pages/brochure03.jpg) no-repeat 0 top; }
.bro02 .img_box .in{position:absolute; top:52px; right:0}
.bro02 .txt_box h4{font-size:22px; }
.bro02 .txt_box h4 em{padding-left:.5rem; font-size:16px;}
.bro02 .txt_box{display:flex; position:absolute; top:160px; right:420px; z-index:1; width:250px; background:#fff; flex-flow:column; justify-content:center; text-align:right; }
.bro02 .txt_box .btn_area {display:flex; justify-content:flex-end; margin-top:2rem;}
.bro02 .txt_box .btn03{display:flex; align-items:center; justify-content:center; width:155px; height:50px; border:1px solid #333; cursor: pointer;}

.bro03{}
.bro03 .container{position:relative; display:flex; height:200px;}
.bro03 .container .z_box{position:absolute; top:-450px}
.bro03 .txt_box{text-align:left;}
.bro03 .txt_box h4{font-size:22px; }
.bro03 .txt_box h4 em{padding-left:.5rem; font-size:16px;}
.bro03 .img_box{margin:3rem 0 0 1rem; display:flex; justify-content:flex-start; width:900px; height:400px; text-align:left; background:url(../images/pages/brochure05.jpg) no-repeat right bottom; }
.bro03 .img_box .in{position:relative;}
.bro03 .img_box .in label{position:absolute; top:-15px; left:-10px; font-size:12px; padding:.3rem .5rem; background:#5f99e5; color:#fff;}


/* 425px - 모바일 L - */	
@media (max-width:499px) {
.bro_back{height:auto; background-size:150%;}
.bro_back .multi {height:100px; padding:0 0 1rem 0;}
.bro01 {margin:3rem 0 0 0}
.bro01 .container {display:block;}
.bro01 .img_box {width:auto; height:auto; background:none;}
.bro01 .img_box .in{position:relative; top:inherit; right:inherit;}
.bro01 .img_box .in img {width:70%}
.bro01 .txt_box {display:block; flex:none; text-align:center;  margin:1rem 0 2rem 0;}
.bro01 .txt_box h4 {font-weight: bold;}
.bro01 .txt_box h4 em {display:block; padding:0; font-size:16px;}
.bro01 .txt_box p {font-size:16px; margin:1rem 0 0 0;}
.bro01 .txt_box .rect_sm {display:none;}
.bro01 .txt_box .btn_area {justify-content: center; margin: 1rem 0 0 0;}
.bro02 {display:none;}
.bro03 {display:none}
}


/* 찾아오시는길 - MAP */
.map_01{margin:3rem 0 0 0;}
.map_01 .container #map{width:100%; height:500px;}
.map_01 .container #map em{display:none;}
.map_01 .map_btn{text-align:right; margin:1rem 0;}

.map_02{margin:2rem 0 0 0; padding-bottom:5rem;}


/* 담당 연락처 -  */
.tel01 {margin-top:5rem;}
.table_green {width:100%; border-top: 2px solid #bfdafe; border-bottom: 2px solid #bfdafe;}
.table_green th {border-bottom: 1px solid #ddd; font-weight: bold; color: #666;}
.table_green th, table.table_green td {text-align: center; padding:15px 17px; border-right:1px solid #ddd; border-bottom: 1px solid #ddd;}
.BorderTopNone {border-top: none !important;}
.BorderRightNone {border-right: none !important;}

.tel02 {margin:5rem 0;}



/* 비전 2020 */
.vision_back{background:url(../../images/pages/vision_01.jpg) no-repeat 0 top; background-size: 100% 25%;}
.vision_h1{margin-top:4rem;}
.vision_h1 h1{}
.vision_h1 h1 strong{}
.vision_h1 h1 p{font-size:38px; font-weight:bold; letter-spacing:-1px;}

.vision_h1_txt{margin:4rem 0; display:flex; flex-flow:column; align-items:center;}
.vision_h1_txt .rect{display:flex; width:50px; height:6px; background:#5f99e5; margin-bottom:1rem;}
.vision_h1_txt .rect em{display:none;}
.vision_h1_txt p{font-size:1.2rem; font-weight:bold; padding:0 1rem;}

.vision01{height:150px;}
.vision01 .container{display:flex; padding-top:5rem;}
.vision01 label{width:20%; color:#5f99e5}
.vision01 p{width:80%;font-size:1.4rem; font-weight:bold; color: #555;}

.vision02{padding:3rem 0;}
.vision02 label{width:20%; color:#5f99e5; display:flex; justify-content:center; }


/* 425px - 모바일 L - */	
@media (max-width:499px) {
.vision_h1 h1 strong {font-size:16px}	
.vision_back {background-size:340%}
.vision_h1 {margin-top:0}
.vision_h1 h1 p {font-size:22px; padding:0 1rem;}
.vision_h1_txt {margin: 2rem 0 0 0;}
.vision_h1_txt p{font-size: .9rem; text-shadow: 2px 2px 2px #fff; line-height:1.2rem; padding:0 3rem; letter-spacing:0;}
.vision_h1_txt .rect {width:40px; height:5px;}
.vision01 {height:auto; margin-top:2rem;}
.vision01 .container {display:block; padding:1rem 0;}
.vision01 p {width:100%; font-size:1.2rem; padding:1rem 3rem; letter-spacing:-1px;}
.vision02 {padding:1rem 0; background: url(../../images/pages/vision_03.png) no-repeat 0 bottom; background-size:100%;}
.vision02 img{width:80%; margin-top:1rem}
.vision02 label {width:100%;}
}

/* 375px - 모바일 M - */	
@media (max-width:380px) {
.vision_h1 h1 p {font-size:22px;}
.vision_h1_txt {margin:1.5rem 0 0 0;}
.vision_h1_txt .rect {width:40px; height:4px; margin-bottom:.5rem;}
.vision_back {background-size:280%;}
.vision01 p {padding:0 2rem;}
}


/* 320px - 모바일 S - */	
@media (max-width:325px) {
.vision_back {background-size:300%;}
.vision_h1 h1 p {font-size:18px; letter-spacing: -2px;}
.vision_h1_txt {margin:1rem 0 0 0;}
.vision_h1_txt p {padding:0 1.5rem; margin:.5rem 0; font-size: .8rem; line-height: 1rem;}
.vision01 p {font-size:1rem;}
}

/* CEO 인사말 -  */

.ceo01 {margin-top:3rem; text-align:left;}
.ceo01 .container{position:relative;}
.ceo01 .container .ceo_bd{position:absolute; width:410px; height:150px; bottom:150px; left:650px; background:url(/images/pages/ceo_bd.png) no-repeat 0 top;}
.ceo01 .container .ceo_bd em{display:none;}
.ceo01 .container .z_box01 {z-index:10; position:absolute; bottom:-60px; left:450px; display:flex; align-items:center; line-height:2rem; width:630px; height:240px; border:10px solid #5f99e5;}
.ceo01 .container .z_box01 p {margin:0 0 0 1.6rem; padding:2rem; font-size:1.9rem; line-height:2.5rem; letter-spacing:-.15rem; font-weight:bold; background: #f1f9ff;}
.ceo01 .container .z_box02 {z-index:5; position:absolute; width:420px; height:320px; top:100px; right:0; background:url(../images/pages/ceo02.png) no-repeat 0 top;}
.ceo01 .container .z_box02 em{display:none;}
.ceo01 .container .z_box03 {z-index:1; width:360px; height:300px; right:100px; top:150px; position:absolute; border:6px solid #8cd26e;}
.ceo01 .container .z_box03 em {display:none;}

.ceo02 {padding-bottom:4rem; text-align: left;}
.ceo02 .txt_box {width:80%; padding:6rem 0 2rem 1.5rem;}
.ceo02 .txt_box p {font-size:20px; word-break:keep-all; word-wrap:break-word; }
.ceo02 .txt_box p.top {margin:1rem 0 0 0;}


/* 425px - 모바일 L - */	
@media (max-width:499px) {
.ceo01 {margin-top:1rem; height:430px;}
.ceo01 .container .ceo_p img{width:100%}
.ceo01 .container .ceo_bd {position:relative; left:70px; bottom:100px; height:100px; background-size:80%;}
.ceo01 .container .z_box01 {position:relative; bottom:100px; left:0; display:flex; align-items:center; line-height:2rem; width:100%; height:auto; border:8px solid #5f99e5;}
.ceo01 .container .z_box01 p {margin:0; padding: 1.2rem; font-size:1.2rem; line-height:1.7rem; letter-spacing:-1px;}
.ceo01 .container .z_box02 {top:135px; width:100%; height:220px; background: url(../images/pages/ceo02_m.png) no-repeat 25px top;}
.ceo01 .container .z_box03 {display:none;}
.ceo02 {padding-bottom:1rem;}
.ceo02 .txt_box {width:100%; padding:0rem 1rem 2rem 1.5rem;}
.ceo02 .txt_box p {font-size:.9rem;}
}

/* 425px - 모바일 L - */	
@media (max-width:499px) {
.ceo01 {margin-top:1rem; height:430px;}
.ceo01 .container .ceo_p img{width:100%}
.ceo01 .container .ceo_bd {position:relative; left:110px; bottom:85px; height:100px; background-size:70%;}
.ceo01 .container .z_box01 {position:relative; bottom:100px; left:0; display:flex; align-items:center; line-height:2rem; width:100%; height:auto; border:8px solid #5f99e5;}
.ceo01 .container .z_box01 p {margin:0; padding: 1.2rem; font-size:1.2rem; line-height:1.7rem; letter-spacing:-1px;}
.ceo01 .container .z_box02 {top:135px; width:100%; height:220px; background: url(../images/pages/ceo02_m.png) no-repeat 25px top;}
.ceo01 .container .z_box03 {display:none;}
.ceo02 {padding-bottom:1rem;}
.ceo02 .txt_box {width:100%; padding:0rem 1rem 2rem 1.5rem;}
.ceo02 .txt_box p {font-size:.9rem;}
}

/* 375px - 모바일 M - */	
@media (max-width:380px) {
.ceo01 {height:380px;}
.ceo01 .container .ceo_bd {left:80px;}
.ceo01 .container .z_box01 {}
.ceo01 .container .z_box01 p{font-size:1.2rem; line-height:1.3rem;}
.ceo01 .container .z_box02 {top: 110px; background-size: 86%;}
.ceo02 .txt_box {}
}


/* 320px - 모바일 S - */	
@media (max-width:325px) {
.ceo01 {height:330px;}
.ceo01 .container .ceo_bd {position:relative; left:25px; bottom:100px; height:100px; background-size:70%;}
.ceo01 .container .z_box01 {border:5px solid #5f99e5;}
.ceo01 .container .z_box01 p {font-size:1rem;}	
}


/* 기업현황  */
.responsive-tabs .resp-tabs-list li {position:relative; display: inline-block; padding: 0 0 13px; font-size: 16px; font-weight:700; color:#9b9b9b; text-transform: uppercase; list-style-type: none; padding:.5rem; cursor: pointer; transition:color .2s ease-in;}


@media (min-width: 992px){

.resp-tabs-list li:before, .responsive-tabs-classic[data-type="horizontal"] .resp-tabs-list li:before {
    position:absolute; left:50%; bottom:0; width:0; height:5px; background-color:#8cd26e; content: ''; transform: translateX(-50%);}
.responsive-tabs-classic[data-type="horizontal"] {margin-top:2rem; border-bottom: none;}    
}


/* 개요  */
.state01{margin-top:2rem; padding-bottom:5rem; }
.state01 .state_tab01{margin-top:4rem; padding-top:3rem;}
.state01 .state_tab01 .resp-tabs-container {padding:2rem 0; }
.state01 .state_tab01 .resp-tabs-container div[class*='col-lg-4'] {margin:3rem 0; padding: 0 2rem; }
.state01 .state_tab01 .label{display:flex; align-items:flex-end; justify-content:center; width:100%; height:90px; padding:0 0 1rem 0; border-bottom:1px solid #ccc; background:url(../../images/tit_ico_04.png) no-repeat 50% top;}
.state01 .state_tab01 .label label{font-style:normal; color: #666;}

.state01 .state_tab01 .value {margin-top: 1rem;}
.state01 .state_tab01 .value span {font-size:28px;}
.state01 .state_tab01 .value em {font-size:21px;}
.state01 .state_tab01 .etc {font-size:18px}




/* 기업현황  */
/* 연혁  */
/* 연혁 */
.hisTable { border-spacing:0; empty-cells:show; border-collapse:collapse; width:560px; margin:0 2rem 0 0; border-spacing:0;}
.hisTable caption { display:none; }
.hisTable th,
.hisTable td {border-bottom:1px solid #ddd; padding:5px 0; border-right:0; text-align: left }
.hisTable th {padding:7px 0; font-size:2rem; font-weight:bold; color:#3f82be; text-align:left; vertical-align:top !important;}
.hisTable td {color:#444; font-size:1.1rem;}
.hisTable td strong { color:#6194c2; text-align:center; }
.PAT10 {padding-top:20px !important;}
.PAB10 {padding-bottom:20px !important;}


/* 기업현황  */
/* 사업영역  */
/* 사업상담문의 컨텐츠 icon box */
.state_business01{margin:0;}
.state_business01 .ibox{width:100%; display:flex; justify-content:center; flex-wrap:wrap; padding:2rem 0 2rem 0; background:transparent; box-shadow:none}
.state_business01 .ibox li{width:20%; padding:1rem; margin:1rem; }
.state_business01 .ibox li .in h6{padding:.5rem; color:#6193d7; word-wrap:break-word}
.state_business01 .ibox .in p {display:flex; width:100%; justify-content:center; word-wrap: break-word }
.state_business01 .ibox .in a {display:block; margin:1rem auto; width:150px; padding:.6rem 0; background:#5f99e5; border-radius:50px; border:2px solid transparent; font-size:16px; text-shadow:2px 2px 2px #3766b3; color:#FFF;}
.state_business01 .ibox .in a i {margin-right:.3rem;}
.state_business01 .ibox .in a:hover {border:2px solid #8cd26e; background:#fff; color:#52b40a; font-weight:bold; text-shadow:none; transition:all .3s}
.state_business01 .bg_hr {width:1px; margin:2rem .7rem; border:.5px solid #dbe7f0;}


/* 기업현황  */
/* 관계사  */

/* 관계사 및 재단 */
.relationship {flex:0 0 20%; text-align: center; margin:1rem 0 1rem 0;}
.relationship dl {display:inline-block; width:100%; padding:10px 0;}
.relationship dl dt {color:#3da338; font-weight:bold; font-size:18px; padding:.3rem .5rem;}
.relationship dl dd {}

.r_s01 {margin:5rem 1.5rem 0 1.5rem;}
.r_s01 dt { color:#3da338; font-weight:bold; font-size:18px; padding-bottom:10px;}
.r_s01 dd {padding-bottom:15px; word-break:keep-all; word-wrap:break-word;}
.mr_0{margin-right:0;}


/* 425px - 모바일 L - */	
@media (max-width:499px) {
.state01 h3 {font-size:1.1rem; margin:1rem 0;}
.state01 .state_tab01{margin-top:0; padding-top:1rem;}
.state01 .state_tab01 .resp-tabs-container {padding:0}
.state01 .state_tab01 .label {background-size: 6%; height: 60px;}
.state01 .responsive-tabs .resp-accordion {padding:15px 30px 15px 20px;}
.state01 .responsive-tabs .resp-accordion.resp-tab-active{}
.state01 .responsive-tabs .resp-accordion .resp-arrow{right: 20px;}
.state01 .col-sm-6{flex:0 0 50%;}
.state01 .state_tab01 .resp-tabs-container div[class*='col-lg-4'] {margin:2rem 0;}
.state01 .state_tab01 .value span {font-size:1rem; font-weight:bold;} 
.state01 .state_tab01 .value em {font-size:.8rem;}
.state01 .state_tab01 .etc {font-size:.8rem}
.state01 .row{justify-content: center;}
.hisTable {width:100%; margin:0 2rem;}
.hisTable tr {font-size:1rem; font-size: .9rem;}
.hisTable th {font-size:1rem; font-size: .9rem;}
.hisTable td {font-size:.9rem; line-height: 1rem;}
table.m0 {margin:0 2rem !important}
.state_business01 .ibox li{padding:0; margin:0; }
.relationship {width:100%;}
.relationship dl dd {width:100%; padding:0 1rem; font-size: .9rem;}
.r_s01 {width:100%; margin:2rem;}
}

/* 320px - 모바일 S - */	
@media (max-width:325px) {

	.hisTable tr {}
.state01 .state_tab01 .resp-tabs-container div[class*='col-lg-4'] {padding: 0 .5rem;}
}



/* 재무현황  */
.fi_back{height:420px; background:url(../images/pages/finance_01.jpg) no-repeat 0 top; }
.fi_back .multi{height:300px; display:flex; align-items:center;}

.finance01{margin: 5rem 0 0 0;}
.finance01 .container{display: flex;}
.finance01 .h4_st{width:20%;  }
.finance01 h4{text-align:left; font-size:1.6rem; font-weight: bold; color:#5f99e5 }
.finance01 p.st{text-align:left;}

.finance02{margin:3rem 0;}
.finance02 .container{display: flex;}
.finance02 .h4_st{width:20%;  }
.finance02 h4{text-align:left; font-size:1.6rem; font-weight: bold; color:#5f99e5 }
.finance02 p.st{text-align:left;}

#finance_box {letter-spacing:1px; width:100%; padding:0 0 1rem 2rem;}
#finance_box .fi_table {width:100%; border-top:2px solid #aaa; margin:5px 0 0 0;}
#finance_box .fi_table .end {border-bottom:2px solid #ddd;}
#finance_box .fi_table .right0 {border-right:0px;}
#finance_box .fi_table thead th{border-right:0;}
#finance_box .fi_table caption {display:none;}
#finance_box .fi_table th, td{text-align:center; padding:10px 17px; border-right:1px solid #e2e2e2; border-bottom:1px solid #e2e2e2;}
#finance_box .fi_table th{background:#f5f5f5; font-weight:bold; color:#646973}
#finance_box .fi_table td {color:#333; text-align:right;}
#finance_box .fi_table td ul li {display:inline;}
#finance_box .fi_table td dl dt,
#finance_box .fi_table td dl dd {display:inline; padding-right:10px; }
#finance_box .fi_table td dl dt {font-weight:bold; }
#finance_box .fi_table td ol li {padding-top:5px;}
#finance_box .fi_table td strong{color:#444;}
#finance_box .fi_table td.cr{background: #fff}
#finance_box .fi_table td a:hover{color:#36c; text-decoration:underline;}

/* 인재채용  */
/* 인재상  */
.job_tit_01 {margin:4rem 0;}
.job01 { margin-bottom:6rem;}
.job01 .img_box{display:flex; margin-top:5rem;}
.job01 .img_box .img01{}
.job01 .img_box ul.list{margin:0 0 0 3rem; padding: 0 2rem 0 0; text-align:left; }
.job01 .img_box li{margin:3rem 0;}
.job01 .img_box li strong{font-size:22px; font-weight:bold; color:#5f99e5 }
.job01 .img_box li em{font-size:20px; margin-left:1rem;}
.job01 .img_box li p{font-size:18px; word-break: keep-all}

.job02 {margin:5rem 0;}
.job02 .container{position:relative; height:680px; background:url(../images/pages/ci01_back.jpg) no-repeat 0 top; }
.job02 .container label{display:flex;padding: 2rem 0 2rem 3rem;}
.job02 .container .left{min-height:500px; width:800px; display:flex; flex-wrap:wrap; padding:2rem 0 0 4rem; }
.job02 .left > div{width:320px; height:200px; text-align:left; margin:0 0 0 2rem; padding: 20px 0 0 70px; }
.job02 .left .ico{width:60px; height:60px;}
.job02 .left .txt{}
.job02 .left .benefit01{background:url(../images/pages/job_ico01.png) no-repeat 0 top;}
.job02 .left .benefit02{background:url(../images/pages/job_ico02.png) no-repeat 0 top;}
.job02 .left .benefit03{background:url(../images/pages/job_ico03.png) no-repeat 0 top;}
.job02 .left .benefit04{background:url(../images/pages/job_ico04.png) no-repeat 0 top;}

.job02 .right {position: absolute; top:90px; right:0; }
.job02 .right > div {position:relative; }
.job02 .right .rect_big {display:flex; position: absolute; top:180px; right:-40px; width:330px; height:320px; border:15px solid #8cd26e;}
.job02 .right .rect_big em {display:none;}
.job02 .right .img{display:flex; position:absolute; right:0; width:310px; height:450px; background:url(../images/pages/job02.jpg) no-repeat 0 top;}
.job02 .right .img em{display:none;}

/* 인재채용  */
/* 채용정보  */
.job03 .process{margin:3rem 0 2rem 0;}




/* 425px - 모바일 L - */	

@media (max-width:499px) {
.job_tit_01 {font-size:1.6rem !important;}
.job01 {margin-bottom:1rem;}
.job01 .img_box {margin-top:2rem; display:block;}
.job01 .img_box .img01 img {width:80%}
.job01 .img_box ul.list {margin: 0 0 0 2.6rem;}
.job01 .img_box li {margin: 1.5rem 0;}
.job01 .img_box li strong {font-size:1.1rem;}
.job01 .img_box li em {font-size:1rem; margin-left:.5rem;}
.job01 .img_box li p {font-size:.9rem;}

.job02 {margin:0;}
.job02 .container {height: auto;}
.job02 .container .left{width:100%; padding:0 0 0 1rem;}
.job02 .left > div {height:auto; margin:0 0 1rem 2rem; padding:7px 0 0 70px;}
.job02 .right {display:none;}

.job03 .process{display:none;}
.job03 .list_ico_end{right:0;}
.job03  .icon-rect, .icon-circle, .icon-rounded, .icon-outlined {width:30px; height:30px; font-size:16px; line-height:30px; background:#eee;}
.job03 .badge01{display:flex; background:none; margin:0; padding:0.25em 0; color:#80c43c;}
.job03 .badge02{display:flex; background:none; margin:0; padding:0.25em 0; color:#898989;}
.job03 .list02 .list_info {padding:0;}
.job03 .list02 .list_area table td.resume {display:none;}
.job03 .list02 .list_area table td h5 {font-size: 1.4rem; font-weight: bold;}
.job03 .list02 .list_area table td p {font-size:1rem;}
.job03 .btn.btn-icon, .pagination-classic > li > a.btn-icon, .pagination-classic > li > span.btn-icon {padding-left:0;}
.job03 .list02 .list_area .btn_area button {opacity:0.5; pointer-events: none;}
.job03 .list02 .list_area .btn_area button.st1 {margin: 0 1rem 0 0;}

}


/* 직무윤리  */
.eth_back{height:420px; background:url(../images/pages/ethics01.jpg) no-repeat 0 top;}
.eth_back .multi{height:300px; display:flex; align-items:center;}

/* 직무윤리헌장 */
.spirit01 {margin:1rem 0 0 0; padding-bottom:4rem; font-size:18px;}
.spirit01 dl {margin:40px 0 0 0; padding:0 0 0px 3px; line-height:1.8;}
.spirit01 dl dt {padding-bottom:5px; color:#777; font-weight:bold; font-size:16px; line-height:1.6; word-break:break-all;}
.spirit01 dl dd {padding:10px 0 3px 0px; color:#555}
.spirit01 dl dd a{padding-bottom:2px;}

.ethics01 {margin:5rem 0; font-size:18px;}
.ethics01 label {display:flex; text-align: left;}
.ethics01 h5.tit {font-size:18px; font-weight: bold;}
.ethics01 p{word-break: keep-all;}

.ethics02 {margin:5rem 0;}
.ethics02 h5 {font-size:18px; font-weight: bold; margin:1rem 0 0 1rem; }
.ethics02 p {margin:0 0 1rem 1rem; word-break: keep-all}
.ethics02 h5.tit {margin:0}
.ethics02 p.txt {margin:0; word-break: keep-all}

.ethics03 {margin:5rem 0;}
.ethics03 h5 {font-size:18px; font-weight: bold;}
.ethics03 p {word-break: keep-all}


/* 개인정보처리방침 */
.privacy01 { background-color:#f3f3f3;}
.privacy01 h1 {background-color:#fff; padding: 5rem 0;}
.privacy01 .container {text-align: left;}
.box.type2 {padding:40px 0;}
.box .inner {position: relative;}
.fot_tit1 {font-size:18px; font-weight:bold; line-height:20px; color:#444; margin: 2rem 0 0 0;}
.fot_tit2 {font-size:2rem; line-height:36px; color:#000;}
.fot_txt2 {font-size:16px; color:#333; word-break: keep-all;}
.fot_dl {margin:1rem 0}
.fot_dl dt {font-size:15px; color:#000; font-weight:bold; padding-left:1rem}
.fot_dl dd {font-size:15px; color:#000; padding-left:1rem; word-break: keep-all;}


/* 협력업체 설문조사 */
.title_style01 {position:relative; padding:1rem 0; margin:1rem 0 0 0; border-top:2px solid #5f99e5; border-bottom:solid 1px #bec0c2; background:#f2f2f2;}
.title_style01 .upload {position:absolute; right:1rem; top:.8rem; padding:.2rem .3rem; background:#fff; border:1px solid #5f99e5; cursor:pointer;}
.title_style01 .upload .fa-cloud-upload {font-size:20px; color:#5f99e5;}
.title_style01 .upload .fa-cloud-upload:before {padding:0}
.survey01{text-align:left;}
.survey01 .qna_box{display:flex; margin:2rem 0 .5rem 0;}
.survey01 .ico_imp{width:30px; height:auto; display:flex; justify-content:center; margin:0; }
.survey01 .ico_imp_none{width:30px; height:auto; display:flex; justify-content:center; margin:0; color:#fff;}
.survey01 .qna{}
.survey01 .answer {padding:0 0 0 3rem;}
.survey01 .center_info{margin: 1rem 0 .5rem 0; text-align:center}
.form_info_absol


/* 425px - 모바일 L - */	

@media (max-width:499px) {
.box.type2 {padding:20px 20px;}
}


/* 더보기 박스 */
.expand_box {display:flex; justify-content:center; align-items:center; width:100%; height:3.3rem; margin:2rem auto; cursor:pointer; border-radius:26px; border:1px solid #ccc;}



/* info 박스 01 - 사업문의 - footer blue box */
.info01 {display:flex; justify-content:center; width:100%; background:#84aee4;}
.info01 .info_in {width:1200px; padding:1rem 0;}
.info01 div{display:flex; justify-content:space-between; }
.info01 span {display:flex; align-items:center;}
.info01 .tit {font-size:2.2rem; color:#FFF; text-shadow:.5px .5px 1px #888; letter-spacing:-1px;}
.info01 .tit .fa-building-o {margin-right:1rem; font-size:40px;}
.info01 .txt {margin-left:2rem; color:#FFF; text-shadow:.5px .5px .5px #888;}
.info01 .link_btn {border-radius:4px; background-color:transparent; border:1px solid #FFF; color:#FFF; text-shadow:.5px .5px 1px #555; text-align:center; font-size:18px; font-weight:bold; padding:.3rem 1rem; width:180px; transition:all 0.5s; cursor:pointer; margin:5px;}
.info01 .link_btn span {cursor:pointer; display:inline-block; position:relative; transition:0.5s;}
.info01 .link_btn span:after {font-family:'FontAwesome'; content:'\f0a4'; font-weight:100; font-size:16px; position:absolute; opacity:0; top:2px; right:-20px; transition:0.5s;}
.info01 .link_btn:hover span {padding-right:25px;}
.info01 .link_btn:hover span:after {opacity:1; right:0;}

/* info 박스 02 - 고객의 소리 */
.info02 {position:relative; width:100%; height:120px; padding:1rem 0; margin-top:2rem; border-top:1px solid #ccc; border-bottom:1px solid #ccc;}
.info02 h5{float:left; padding:1rem 0 0 3rem; font-weight:bold}
.info02 p{float:left; margin:.5rem 0 0 3rem;}
.info02 p span{display:block; text-align:left;}
.info02 p .info_process{display: flex;}
.info02 p .info_process span{}
.info02 p .info_process span.path:first-child{margin-left:.5rem;}
.info02 p .info_process span.path:after{padding:0 8px; background: url(../images/arr_left.png) .4rem .7rem no-repeat; content: '';}
.info02 p .info_process em.st01{color:#999;}
.info02 p .info_process em.st02{color:#5f99e5}
.info02 button{position:absolute; right:10px; top:30px; width:180px; padding:.6rem 0; background:#5f99e5; border-radius:50px; font-size:16px; color:#FFF; border:1px solid #FFF;}

/* info 박스 03 - 채용관련 */
.info03 {position:relative; display:flex; width:100%; height:auto; padding:1rem 0; margin-top:2.4rem; background:#eef5fe}
.info03 h5{padding:1rem 0 0 3rem; font-weight:bold}
.info03 p{ margin:.5rem 0 0 3rem;}
.info03 p span{display:block; text-align:left;}
.info03 button{position:absolute; right:10px; top:30px; width:180px; padding:.6rem 0; background:#6193d7; border-radius:50px; font-size:14px; color:#FFF; border:1px solid #FFF;}

/* info 텍스트 01 - 그린스타일 스몰사이즈  */
.con_info_txt1 {font-size:14px; margin:.5rem 0 0 0; color: #46a600;}
.con_info_txt1 i {margin:0 .5rem 0 .3rem;}




/* 499px - 모바일 M - */	

@media (max-width:499px) {

.info01 .info_in {width:100%; }
.info01 div {display:flex; flex-flow:column; justify-content:center; align-items:center;}
.info01 .tit {font-size:1.8rem}
.info01 .tit .fa-building-o {margin-right:.5rem; font-size:26px;}
.info01 .txt {margin-left:0;}
.info01 .link_btn {width:160px; margin:1rem 0 0 0; padding:.5rem 1rem; }

.display_none * {display:none;}

}



/* 350px - 모바일 S - */	

@media (max-width:350px) {

}



/* 인텐스 스크롤탑 버튼 */ 
@media (min-width: 480px) {
    .ui-to-top {right:50px; bottom:50px;}
    }
    .icon-darker-filled {background:#8cd26e;}
    .ui-to-top:hover {color: #ffffff;background: #5ebc00 !important;}
    .icon:before {display:inline-block; position:relative; text-shadow: 1px 1px 2px #555;}

/* 백그라운드 컬러 sub page  */
.blue_gray{background:#e8ebf3}
.blue_lite{background:#f1f9ff}
.blue_lite_2{background:#e6f1ff}
.blue_lite_border{border-top:3px solid #8cd26e; background:#f1f9ff}



/* 인텐스 - page 네비게이션 스타일 변경*/
.page_nav{margin:4rem 0;}
.page-item.active .page-link {z-index: 1; color:#fff; background-color:#5f99e5; border-color:#5f99e5;}
.page-link:hover {z-index:2; color:#fff!important; text-decoration:none; background-color:#8cd26e; border-color:#8cd26e;}



/* ETC */

.bred{border:1px solid red;}
.hr {margin-top:10px; margin-bottom:10px;}
.m0{margin:0 !important}
.mb0{margin-bottom:0!important}
.hei1{height:1rem !important;}
.ml5{margin-left:5px;}
.ml10{margin-left:10px;}
.ml20{margin-left:20px;}
.ml30{margin-left:30px;}
.mr5{margin-right:5px;}
.mr20{margin-right:20px;}
.mt20{margin-top:20px !important}
.mt40{margin-top:40px !important}
.mb20{margin-bottom:20px !important}
.mb40{margin-bottom:40px !important}
.mb60{margin-bottom:60px !important}
.pt1rem{padding:1rem 0 0 0 !important}
.p4rem{padding:0 4rem !important}
.pb60{padding-bottom:60px !important}
.hid {visibility:hidden;}





/* animate */
/* opacity */
@-webkit-keyframes opacity { from {opacity:0;} to {opacity:1;} } /* Safari 4.0 - 8.0 */
@keyframes opacity { from {opacity:0;} to {opacity:1;} } /* Standard syntax */