@charset "utf-8";

@font-face{
	font-family: "MBC-1961-M";
	src: url("../font/MBC-1961-M.woff");
}

html { overflow-y:auto;}
::-webkit-scrollbar{width:0; height:0;} /*webkit scrollbar*/
html,body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,hr,form,fieldset,legend,input,textarea,caption,button,p,th,td,figure,figcaption {margin:0; padding:0; word-wrap:break-word; white-space:normal;}
html,body {width:100%;}
body {-webkit-overflow-scrolling:touch; font-family:'Noto Sans KR', sans-serif; color:#333; font-size:100%; line-height:1; font-weight:400; 
-webkit-text-size-adjust: 100%;
-moz-text-size-adjust: 100%;
-ms-text-size-adjust: 100%;
-ms-overflow-style:none; /*ie scrollbar*/
}
article,aside,figcaption,figure,footer,header,main,nav,section{display:block;}
audio,canvas{display:inline-block;}
audio:not([controls]){display:none;height:0;}
li {list-style:none;}
img, fieldset {border:0 none;}
img {vertical-align:top;}
legend, hr {display:none;}
legend {position:absolute; top:0; left:0; width:0; height:0; display:block; overflow:hidden; visibility:hidden; font-size:0; line-height:0;}
input, textarea {font-size:100%; color:#333; background:transparent;}
button {border:0 none; background:transparent; padding:0; margin:0;}
em, address {font-style:normal;}
table {border-spacing:0; border-collapse:collapse; width:100%;}
caption {font-size: 0; line-height: 0; width:0; height:0; text-indent:-1000px; overflow: hidden;}
a, a:link, a:visited {text-decoration:none; color:#333;}
a:hover, a:active {text-decoration:none;}
a,input{-webkit-tap-highlight-color:transparent;}
textarea {border:none; width:100%; font-size:100%;}
input,textarea,select {-webkit-appearance:none; font-family:inherit; box-sizing:border-box; font-size:inherit;color:inherit;border-radius:0;border:0;background:none;}
input[type="button"], input[type="submit"] {border:0; padding:0px; margin:0px; cursor:pointer; appearance:none; -webkit-appearance: none; -webkit-border-radius:0; border-radius:0;}
input[type="text"], input[type="password"], input[type="email"], input[type="number"], 
input[type="tel"], input[type="search"], input[type="date"] {border:0; line-height:0; vertical-align:middle; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; width:100%;}
select {width:100%; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box;}
* {box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box;}
label  {vertical-align:middle;}

/*checkbox 버튼 정의*/
.checkbox {display:inline-block; cursor:pointer; background:url('../images/checkbox_off.png')no-repeat left center; width:28px; height:28px; background-size:28px 28px;}
.checkbox.on {background:url('../images/checkbox_on.png')no-repeat left center; background-size:28px 28px;}

/*select*/
.selectBox {position:relative;  z-index: 1; display:block; box-sizing:border-box; letter-spacing:-0.5px;}
.selectBox:before {content: ""; position: absolute; top: 50%; right: 20px; width: 0; height: 0; margin-top: -1px;
border-left: 5px solid transparent; border-right: 5px solid transparent; border-top: 5px solid #888;}

/*common*/
.wrap {width:100%;}
a.contentLink {position:absolute; top:0; left:0; height:0; font-size:0; visibility:hidden;}
.coNt_wrap {width:1300px; margin: 0 auto;}
.coNt_wrap:after {content:""; display: block; height: 0; clear: both;}
.layer_mask {position:fixed; top: 0; left: 0; width:100%; height:100%; z-index: 100; background:rgba(0, 0, 0, 0.6);}

/*contents common*/
.container {padding-top:80px; width:100%;}
.coNtTop {margin:120px auto 0; position:relative; z-index: 60; width:1300px; background:#fff; opacity: 0; transition:all .7s;}
.coNtTop:before {content: ""; width:31px; height:236px; background:url('../images/shadow_bg.png')no-repeat; background-size:100%; background-position:center center; position:absolute; top: 0; left: -31px;}
.coNtTop:after {content: ""; width:31px; height:236px; background:url('../images/shadow_bg.png')no-repeat; background-size:100%; background-position:center center; position:absolute; top: 0; right: -31px; transform:rotate(-180deg)}
.coNtTop.on {margin:-70px auto 0; opacity: 1; transition:all .7s;}
/*header*/
.header {height:80px; background:#ffff; border-bottom: 1px solid #ddd; position:fixed; top: 0; left: 0; width: 100%; z-index: 80;}
.header h1.logo {float: left; padding: 24px 0;}
.header h1.logo a {display:block; width:160px;}
.header h1.logo a img {width:100%;}
.header .gnb {float: right;}
.header .gnb:after {content:""; display: block; height: 0; clear: both;}
.header .gnb li {float: left; padding:10px 0 10px 0; position:relative; width:155px;}
.header .gnb li > a {display:block; font-size:20px; font-weight:500; padding:18px 0; text-align:center;}
.header .gnb li > ul {opacity:0; transition: all .5s; position: absolute; top:79px; left: 0; z-index:60; visibility:hidden; height:0;}
.header .gnb li > ul > li {border-bottom: 1px solid #ddd; transition: all .5s; background:#eee;}
.header .gnb li > ul > li:nth-child(1) {position:relative;}
.header .gnb li > ul > li:nth-child(1):after {content: ""; width:15px; height: 15px; transition: all .5s; position:absolute; top:-7px; left:50%; transform:translateX(-50%) rotate(45deg); background: #eee;}
.header .gnb li > ul > li:last-child {border-bottom:0;}
.header .gnb li > ul > li > a {text-align:left; padding:5px 15px; font-size: 16px; color:#333; }
.header .gnb li:hover > ul {opacity:1; visibility:visible;  height:100%;}
.header .gnb li > ul > li:hover {background:#0d3181;}
.header .gnb li > ul > li:hover > a {color:#fff;} 
.header .gnb li > ul > li:hover:after {background:#0d3181;}

/*메인슬라이드*/
.mainSlider {overflow: hidden; width:100%; position:relative;}
.mainSlider .swiper-wrapper .swiper-slide {height:550px; background-size:cover; background-position:center center; }
.mainSlider .swiper-wrapper .swiper-slide .mainslider_wrap {width:1300px; margin: 0 auto; position:relative; height:100%;}
.mainSlider .swiper-wrapper .swiper-slide .mainslider_wrap .mainslider_inner {position:absolute; top:50%; right: 0; text-align:right; transform:translateY(-50%); overflow:hidden;}
.mainSlider .swiper-wrapper .swiper-slide .mainslider_wrap .mainslider_inner h2 {color:#fff; font-family: 'Gotham Black', sans-serif; font-size:70px; margin-bottom:350px; opacity:0; transition:all .7s;}
.mainSlider .swiper-wrapper .swiper-slide .mainslider_wrap .mainslider_inner h2 span {font-family: 'Gotham Thin', sans-serif; display:block;}
.mainSlider .swiper-wrapper .swiper-slide .mainslider_wrap .mainslider_inner p {color:#fff; line-height:38px; font-size:24px; margin-top:45px;}
.mainSlider .swiper-wrapper .swiper-slide.swiper-slide-active .mainslider_wrap .mainslider_inner h2 {margin-bottom:0; opacity: 1;}
.mainSlider.swiper-container-horizontal>.swiper-pagination-bullets {transform:translateX(-50%); bottom:80px; left:50%; width:auto;}
.mainSlider .swiper-pagination .swiper-pagination-bullet {width:15px; height:15px; transition:all .5s; border-radius:50%; background:#fff; opacity:0.4;}
.mainSlider .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {width:35px; border-radius:25px; opacity:1;}

/*footer*/
.footer {background:#081121; padding:75px 0;}
.footer .footerlogo {float:left; width:145px;}
.footer .footerlogo img {width:100%;}
.footer .footercNt {float:left; margin-left:65px; width:calc(100% - 210px);}
.footer .footercNt .footerTop {position:relative;}
.footer .footercNt .footerTop:after {content:""; display: block; height: 0; clear: both;}
.footer .footercNt .footerTop ul {float:left;}
.footer .footercNt .footerTop ul:after {content:""; display: block; height: 0; clear: both;}
.footer .footercNt .footerTop ul li {float: left;}
.footer .footercNt .footerTop ul li > a {font-size:16px; color: #fff; position:relative; display:block; padding: 0 20px 0 20px;}
.footer .footercNt .footerTop ul li:first-child a {padding: 0 20px 0 0;}
.footer .footercNt .footerTop ul li:last-child a {padding: 0 0 0 20px;}
.footer .footercNt .footerTop ul li > a:after {content: ""; width:1px; height:15px; background:#fff; opacity:0.3; position:absolute; top:2px; right: 0;}
.footer .footercNt .footerTop nav {float: right;}
.footer .footercNt .footerTop nav:after {content:""; display: block; height: 0; clear: both;}
.footer .footercNt .footerTop nav a {display:block; font-size: 16px; color: #fff; float:left; padding: 0 20px 0 0; position:relative;}
.footer .footercNt .footerTop nav a + a {padding: 0 0 0 20px;}
.footer .footercNt .footerTop nav a:after {content: ""; width:1px; height:15px; background:#fff; opacity:0.3; position:absolute; top:2px; right: 0;}
.footer .footercNt .footerTop nav a + a:after {display:none;}
.footer .footercNt address {margin-top:40px;}
.footer .footercNt address .adrTxx {color:#fff; line-height:28px;}
.footer .footercNt address .adrTxx span {display:inline-block; margin-right:25px;}
.footer .footercNt address .adrTxx span em {margin-right:10px;}
.footer .footercNt address .adrTxx.copytxx {color:#cdcdcd;}

.sns_Link {text-align:right;margin-top:-30px;}

/* scrolling top button */
.scollingTop {position:fixed; bottom:30%; right:16%; width:45px; height:45px; overflow:hidden; z-index:250;}
.scollingTop button {display:inline-block; cursor:pointer; opacity:0; margin-left:50px; position:relative; text-align:center; width:45px; height:45px; transform:rotate(180deg); transition:all .5s; -webkit-transition:all .5s; -moz-transition:all .5s;}
.scollingTop button.on {opacity:1; margin-left:0;}

/*메일링서비스*/
.layer_mailing {display:none; position:fixed; top: 0; left: 0; z-index: 100; width:100%; height: 100%; margin-top:-100px; opacity:0;}
.layer_mailing .mailing_wrap {padding:20px 15px; width:550px; background:#fff; position:absolute; top:50%; left:50%; transform:translate(-50%, -50%);}
.layer_mailing .mail_inner .mailing_field {border-top:1px solid #333333; border-bottom:1px solid #e1e1e1; padding:15px 10px;}
.layer_mailing .mail_inner .mailing_field:after {content:""; display: block; height: 0; clear: both;}
.layer_mailing .mail_inner {text-align:center;}
.layer_mailing .mail_inner .mailing_field label {display: block; text-align:left; width:80px; float: left; line-height:42px; font-weight:500; font-size:18px;}
.layer_mailing .mail_inner .mailing_field input {float: left; text-align:left; width:calc(100% - 80px); padding:0 10px; border: 1px solid #999; padding:8px 10px;}
.layer_mailing .mail_inner input[type="button"] {margin-top:20px; display:inline-block; width:225px; height:50px; line-height:48px; color: #fff; background:#102748;}
.layer_mailing a.closeBtn {width:45px; height:45px; position:absolute; top: 0; right:-45px; text-indent:-9999px;}
.layer_mailing a.closeBtn:before {content: ""; width:100%; height:1px; background:#fff; position:absolute; top: 20px; left: 0; transform:rotate(45deg);}
.layer_mailing a.closeBtn:after {content: ""; width:100%; height:1px; background:#fff; position:absolute; top: 20px; left: 0; transform:rotate(-45deg);}

/*메인페이지*/
.maincNt_title {padding:180px 0 0 0; text-align: center;}
.maincNt_title h2 {display:inline-block; position:relative; font-family: "MBC-1961-M"; font-size:55px;}
.maincNt_title h2:after {content: ""; width:1px; height:45px; position:absolute; top:-75px; left:50%; background:#000;}
.maincNt_title .msubTxx {font-size:20px; line-height:32px; margin-top:35px;}

/*메인지식센터*/
.mcoNtTabbox {}
.mcoNtTabbox .mTab {width:700px; margin:60px auto 0; padding-bottom:50px;}
.mcoNtTabbox .mTab:after {content:""; display: block; height: 0; clear: both;}
.mcoNtTabbox .mTab li {float: left; border: 1px solid #ccc; width:50%;}
.mcoNtTabbox .mTab li + li {border-left: 0;}
.mcoNtTabbox .mTab li > a {display:block; height:70px; text-align:center; font-size:25px; padding-top:22px; font-weight:500; position:relative;}
.mcoNtTabbox .mTab li.on {border: 1px solid #102748;}
.mcoNtTabbox .mTab li.on > a {background:#102748; color:#fff;}
.mcoNtTabbox .mTab li.on > a:after {content: ""; width:25px; height:25px; transition: all .5s; position:absolute; bottom:-7px; left:50%; transform:translateX(-50%) rotate(45deg); background: #102748;}
.mtabcoNt {display:none; padding:80px 130px; background-size:cover; background-position:center center; position:relative; background:#fcfcfc;}
.mtabcoNt h3 {font-size:32px; font-weight:600; margin:0 0 25px 0; color:#333;}
.mtabcoNt .inner_bxwrap:after {content:""; display: block; height: 0; clear: both;}
.mtabcoNt .inner_bxwrap .boxSubtxx {float:left; font-size:18px; line-height:28px; color:#333; width:calc(100% - 280px);}
.mtabcoNt .inner_bxwrap div.boxSubtxx + div.boxSubtxx {margin-left:30px; width:250px;}
.mtabcoNt .inner_bxwrap div:only-child {width:100%;}
.mtabcoNt .intab_btn {text-align:center; margin-top:50px;}
.mtabcoNt .detail_btn {display:inline-block; width:230px; height:60px; border:1px solid #333; text-align:center; margin-top:30px; transition:all .5s;}
.mtabcoNt .detail_btn span {display:inline-block; position:relative; color:#333; padding:20px 25px 0 0;}
.mtabcoNt .detail_btn span:after {content:""; display:block; width:8px; height:8px; border-bottom:1px solid #333; border-right:1px solid #333; position:absolute; top:25px; right: 0; transform:rotate(-45deg);}
.mtabcoNt .detail_btn:hover {background:#333;}
.mtabcoNt .detail_btn:hover span {color:#fff;}
.mtabcoNt .detail_btn:hover span:after { border-bottom:1px solid #fff; border-right:1px solid #fff;}
.mtabcoNt .moveLink {display:block; width:100%; height:100%; text-align:center;}
.mtabcoNt .moveLink img {padding-top:85px;}

/*메인 프로젝트*/
.mainProjetor {background:url('../images/mproject_bg.png') no-repeat; background-position:top center; background-size:100%; margin-top:150px;}
.mainProjetor .paddingbtm {padding:140px 0 50px 0;}
.project_slider {overflow: hidden; width:100%; position:relative;}
.project_slider .swiper-wrapper .swiper-slide {width:25%; height:715px; cursor:pointer; background-size:cover; background-position:center center;}
.project_slider .swiper-wrapper .swiper-slide .mask_inner {visibility: hidden; opacity:0; background:rgba(0, 0, 0, 0.5); width:100%; height:100%; position:relative; transition:all .5s;}
.project_slider .swiper-wrapper .swiper-slide .mask_inner .inner_wrap {position:absolute; top:50%; left:0; width:100%; text-align:center; transform:translateY(-50%);}
.project_slider .swiper-wrapper .swiper-slide .mask_inner .inner_wrap h3 {color:#fff; font-size:32px; margin-bottom:120px; transition:all .5s;}
.project_slider .swiper-wrapper .swiper-slide .mask_inner .inner_wrap p {color: #fff; line-height:28px; font-size:18px;}
.project_slider .swiper-wrapper .swiper-slide:hover .mask_inner {visibility: visible; opacity:1;}
.project_slider .swiper-wrapper .swiper-slide:hover .mask_inner .inner_wrap h3 {margin-bottom:30px;}
.project_slider .swiper-button-next {background-image: url('../images/arrow_Rbtn.png'); width:63px; height:63px; background-size:63px 63px; opacity:0.5; transition:all .5s;}
.project_slider .swiper-button-prev {background-image: url('../images/arrow_Lbtn.png'); width:63px; height:63px; background-size:63px 63px; opacity:0.5; transition:all .5s;}
.project_slider .swiper-button-prev:hover, .project_slider .swiper-button-next:hover {opacity: 1;}

/*메인 오시는길*/
.contactUs {margin-top:150px; background:#f8f8f8;}
.contactUs .paddingbtm {padding:180px 0 120px 0;}
.contactUs .mapLink {display:inline-block; width:230px; height:60px; border:1px solid #333; text-align:center; margin-top:30px; transition:all .5s;}
.contactUs .mapLink span {display:inline-block; position:relative; padding:20px 25px 0 0;}
.contactUs .mapLink span:after {content:""; display:block; width:8px; height:8px; border-bottom:1px solid #333; border-right:1px solid #333; position:absolute; top:25px; right: 0; transform:rotate(-45deg);}
.contactUs .mapLink:hover {background: #000;}
.contactUs .mapLink:hover span {color:#fff;}
.contactUs .mapLink:hover span:after {border-bottom:1px solid #fff; border-right:1px solid #fff;}

/*서브공통*/
.subTBox {height:360px; background: rgb(16,39,72); background: linear-gradient(90deg, rgba(16,39,72,1) 0%, rgba(16,39,72,1) 46%, rgba(0,0,0,1) 100%);}
.subTBox .subtit {padding-top:0px; opacity:0; transition:all .7s; text-align:center;}
.subTBox .subtit.on {padding-top:140px; opacity:1;}
.subTBox .subtit h2 {font-family: "MBC-1961-M"; font-size:55px; color:#fff; font-weight:100;}
.subTBox .subtit p {font-family: 'Gotham', sans-serif; color:#fff; transition:all .7s; margin-top:120px;}
.subTBox .subtit p.on {margin-top:10px;}

/*서브본문페이지*/
.subcNtTopbg {padding:75px 60px 105px 60px;}
.searchbox {position:relative; width:965px; margin:0 auto 70px;}
.searchbox label {position:absolute; top: 0; left: 0; z-index: -1; text-indent:-9999px; height: 0; font-size: 0;}
.searchbox input[type="text"] {display:block; width:100%; background:#f1f1f1; height:75px; padding:0 75px 0 20px; font-size:18px;}
.searchbox input[type="image"] {position:absolute; top: 0; right: 0;}
.sublNb_wrap:after {content:""; display: block; height: 0; clear: both;}
.lnb_wrap {width: 220px; float:left;}
.lnb_wrap .lnb > li {margin-top:10px;}
.lnb_wrap .lnb > li:first-child {margin-top: 0;}
.lnb_wrap .lnb > li > a {display:block; padding:18px 0; text-align:center; border:1px solid #ccc; font-size:20px;}
.lnb_wrap .lnb > li.active > a {background:#102748; color:#fff; border: 1px solid #102748;}
.rightcNt {width: calc(100% - 262px); float:right;}
.lnb_wrap .checkBoxLnb > li {padding:15px 5px; border-bottom:1px solid #e5e5e5;}
.lnb_wrap .checkBoxLnb > li .check_wrap, .lnb_wrap .checkBoxLnb > li .numbering {display:inline-block; vertical-align:middle;}
.lnb_wrap .checkBoxLnb > li .check_wrap .checkbox, .lnb_wrap .checkBoxLnb > li .check_wrap label {display:inline-block; margin: 0 2.5px; vertical-align:middle;}
.checkBoxLnb > li .check_wrap label {font-size:20px; font-weight:500; letter-spacing: -1px;}

/* pager */
.pager {text-align:center;}
.pager a.prevBtn, .pager a.nextBtn {display:inline-block; position: relative; border: 1px solid #000; border: 1px solid #ccc; width: 35px; height: 35px;}
.pager a.prevBtn::before {content: ''; position: absolute; width: 7px; height: 7px; border-top: 1px solid #ccc;border-left: 1px solid #ccc; top: 50%; left:50%; transform:translate(-50%, -50%) rotate(-45deg); margin-right:-3.5px;}
.pager a.nextBtn::before {content: ''; position: absolute; width: 7px; height: 7px; border-top: 1px solid #ccc; border-right: 1px solid #ccc; top: 50%; left:50%; transform:translate(-50%, -50%) rotate(45deg); margin-left:-3.5px;}
.pager ol {display:inline-block; margin:0 50px;}
.pager ol:after {content:""; display: block; height: 0; clear: both;}
.pager ol > li {float: left; border-right: none;}
.pager ol > li > a {display:block; font-weight:400; font-size:14px; color:#ccc; border:1px solid #ccc; width: 35px; height: 35px; text-align: center; padding-top:9px; border-right:none;}
.pager ol > li:last-child a {border-right: 1px solid #ccc;}
.pager ol > li:hover > a {color:#666; border: 1px solid #5d5d5d;}
.pager a.prevBtn:hover, .pager a.nextBtn:hover {border: 1px solid #5d5d5d;}
.pager a.prevBtn:hover::before {border-top: 1px solid #5d5d5d; border-left: 1px solid #5d5d5d;}
.pager a.nextBtn:hover::before {border-top: 1px solid #5d5d5d; border-right: 1px solid #5d5d5d;}

/*하단 버튼*/
.btNwrap {text-align: center; margin-top:70px;}
.btNwrap input, .btNwrap a {display:inline-block; height: 50px; text-align:center; width:135px; line-height:48px; margin:0 15px; vertical-align:middle;}
.blue_btn {background: #102748; color: #fff;}
.gray_btn {background: #f8f8f8; border: 1px solid #ccc;}

/* 제품 컨텐츠 페이지 */
.product_warp .product_list li {height:410px; margin-bottom: 65px;}
.product_warp .product_list li.product_listLt figure > * {float: left;}
.product_warp .product_list li.product_listRt figure > * {float: right;}
.product_warp .product_list li figure {height:100%;}
.product_warp .product_list li figure:after {content:""; display: block; height: 0; clear: both;}
.product_warp .product_list li figure .product_Img {width:590px;}
.product_warp .product_list li figure figcaption {width:590px; height:100%; padding-top: 40px; box-sizing: border-box; position:relative;}
.product_warp .product_list li figure figcaption .align_middle {position:absolute; top:50%; transform:translateY(-50%);}
.product_warp .product_list li.product_listRt figure figcaption {text-align: right; padding-left:0; padding-right: 95px;}
.product_warp .product_list li figure figcaption h4 {font-size: 50px; font-family: "MBC-1961-M"; font-weight: 100; position: relative;}
.product_warp .product_list li.product_listLt figure figcaption h4::before {content: ''; position: absolute; width: 30px; height: 1px; background-color: #102441; left: 0; bottom: -15px;}
.product_warp .product_list li.product_listRt figure figcaption h4::before {content: ''; position: absolute; width: 30px; height: 1px; background-color: #102441; right: 0; bottom: -15px;}
.product_warp .product_list li figure figcaption h4 b, .product_warp .product_list li figure figcaption h4 em {display: block; color: #cdcdcd;}
.product_warp .product_list li figure figcaption h4 b {margin-bottom: 5px; font-size: 30px;}
.product_warp .product_list li figure figcaption h4 em {margin-top: 5px; font-size: 25px;}
.product_warp .product_list li figure figcaption .product_Txx {margin-top: 30px; width: 400px; font-size: 16px; color: #333; line-height: 32px;}
.product_warp .product_list li.product_listLt figcaption .align_middle {left:95px;}
.product_warp .product_list li.product_listRt figcaption .align_middle {right:95px;}

/*업무페이지*/
.work_wrap .work_bottom {margin-top: 40px;}
.work_wrap .work_top {width: 920px;}
.work_wrap .work_top img {width: 100%;}
.work_wrap .work_bottom .work_bottomTxx {height: 30px; margin-bottom: 40px; position: relative;}
.work_wrap .work_bottom .work_bottomTxx > h4 {font-size: 30px;}
.work_wrap .work_bottom .work_bottomTxx > a {font-size: 20px; font-weight: 500; position:absolute; top: 5px; right: 0; display:inline-block;}
.work_wrap .work_bottom .work_bottomTxx::after {content: ''; clear: both; margin: 0;}
.work_wrap .work_bottom > ul {display: flex; justify-content: space-between;}

/*회사소개 페이지*/
.company_wrap .company_info {margin:-70px auto 0; position:relative; z-index: 60; width:840px; background:#fff; padding:75px 60px 120px 60px;}
.company_wrap .company_info:before {content: ""; width:15px; height:160px; background:url('../images/company_shadowbg.png')no-repeat; background-size:100%; background-position:center center; position:absolute; top: 0; left: -15px;}
.company_wrap .company_info:after {content: ""; width:15px; height:160px; background:url('../images/company_shadowbg.png')no-repeat; background-size:100%; background-position:center center; position:absolute; top: 0; right: -15px; transform:rotate(-180deg)}
.company_wrap .company_info h3 {font-size:40px; font-family: "MBC-1961-M"; font-weight: 100; margin-bottom:30px;}
.company_wrap .company_info h3 span {color:#0d3181;}
.company_wrap .company_info .company_innerTxx {font-size:18px; line-height: 32px; color:#666; word-break:keep-all; letter-spacing: -1.3px;}
.company_wrap .company_info .ceo_sign {position: absolute; bottom: 0; right: 0;}

/* 회사소개 : 연락처 페이지 */
.community_wrap > h4 {color:#333; font-weight: 500; text-align: center; font-size: 20px;}
.community_wrap .contact_Map {width: 900px; height: 490px; margin-top: 75px; border: 1px solid #ccc;}
.contact_bottom {}
.contact_bottom div {padding:15px 0;}
.contact_bottom div h5 {font-size:20px; font-weight:500;}
.contact_bottom .inner_subway {border-bottom:1px solid #333;}
.contact_bottom .inner_subway p {line-height:25px; margin:15px 0 5px;}
.contact_bottom .inner_subway p span {display:inline-block; vertical-align:middle;}
.contact_bottom .inner_subway p span + span {margin-left:10px; position:relative; padding-left:12px;}
.contact_bottom .inner_subway p span em {display:inline-block; background:#aa9872; color:#fff; padding:0 10px; border-radius:25px; vertical-align:middle; margin-right:5px;}
.contact_bottom .inner_subway p span + span:after {content:""; width:1px; height:14px; position:absolute; top:6px; left:0; background:#333;}
.contact_bottom .inner_subway p span strong {color:#f06a00; font-weight:400; margin-left:8px;}
.contact_bottom .bus_infoList {border-bottom:1px solid #ddd;}
.contact_bottom .bus_infoList:after {content:""; display: block; height: 0; clear: both;}
.contact_bottom .bus_infoList .bus_title {float:left; width:70%;}
.contact_bottom .bus_infoList .bus_title span {color:#0169c2; margin-right:8px;}
.contact_bottom .bus_infoList .bus_number {float:left; width:30%;}
.contact_bottom .bus_infoList .bus_number span {display:block;}
.contact_bottom .bus_infoList .bus_number span + span {margin-top:10px;}
.contact_bottom .bus_infoList .bus_number span em {display:inline-block; padding:8px 10px; color:#fff; border-radius:5px; margin-right:8px;}
.contact_bottom .bus_infoList .bus_number span .blue {background:#707ff2;}
.contact_bottom .bus_infoList .bus_number span .green {background:#63bb4a;}

/* 회사소개 : 공지사항 */
.notice_list {margin-bottom:70px;}
.notice_list {border-top: 1px solid #333;}
.notice_list > li {height: 80px; border-bottom: 1px solid #e1e1e1; padding: 30px; color: #333; font-weight: 500;}
.notice_list > li.notice_listBg {background-color: #f8f9fb;}
.notice_list > li > a > span {float: right; color: #666; font-weight: 400;}
.notice_list > li > a > span::after {content: ''; clear: both; margin: 0;}

/* 공지사항 상세페이지 */
.notice_detailwrap {}
.notice_detailwrap .title_top {border-top: 1px solid #333; border-bottom: 1px solid #e1e1e1; background:#f8f9fb; position:relative;}
.notice_detailwrap .title_top strong {display:block; color: #333; font-weight:400; font-size:20px; padding:20px; width:88%; line-height:32px;}
.notice_detailwrap .title_top .date {display:inline-block; font-size: 16px; color: #666666; position:absolute; top:50%; right:20px; transform: translateY(-50%);}
.notice_innercNt {padding: 0 20px; margin-top:40px;}

/* 설치사례 리스트 페이지 */
.instance_list {margin-bottom: 50px;}
.instance_list:after {content:""; display: block; height: 0; clear: both;}
.instance_list > li {width: calc(33.333% - 10.5px); float: left; margin:0 5.25px 50px;}
.instance_list > li:nth-child(3n+1) {margin:0 10.5px 50px 0;}
.instance_list > li:nth-child(3n) {margin:0 0 50px 10.5px;}
.instance_list > li > a > figure .instList_img img{width:100%;}
.instance_list > li > a > figure figcaption h4 {font-size:20px; font-weight: 500; margin-top:20px;}
.instance_list > li > a > figure figcaption h4 span {display: block; margin-bottom: 10px; font-size:16px; font-weight:400;}

/* 설치사례 상세페이지 */
.instance_view .instance_viewTop {height:355px;}
.instance_view .instance_viewTop::after {content:""; display: block; height: 0; clear: both;}
.instance_view .instance_viewTop .instance_viewTopimg {float:left; width: 380px; overflow: hidden; position: relative;}
.instance_view .instance_viewTop .instance_viewTxx {float:left; width:calc(100% - 380px); padding-left:50px; height:355px; position: relative;}
.instance_view .instance_viewTop .instance_viewTxx h3 {margin-top: 25px; font-weight: 500; color: #333; font-size: 30px; position:relative; padding-bottom:25px;}
.instance_view .instance_viewTop .instance_viewTxx h3:after {content: ""; width: 20px; height:1px; position:absolute; bottom: 0; left: 0; background: #1b3458;}
.instance_view .instance_viewTop .instance_viewTxx .instance_solutionTxx {margin-top:25px; line-height:28px; color: #999; font-size:16px; max-height:190px; overflow-y:auto;}
.instance_view .instance_viewTop .instance_viewTxx .instance_solutionTxx strong {display: block; color: #333; font-size: 20px; margin-bottom:30px;}
.instance_view .instance_viewTop .instance_viewTxx a {color: #999; border: 1px solid #ccc; background-color: #f8f8f8; font-weight: 500; padding:10px 30px; height:42px; font-size:16px; position: absolute; right: 2px; bottom: 0; transition:all .5s;}
.instance_view .instance_viewTop .instance_viewTxx a:hover {color:#fff; background-color:#333; border: 1px solid #333;}
.instance_view .instance_viewBottom {margin-top: 70px;}
.instance_view .instance_viewBottom img {width:100%;}

/* 지원 리스트 페이지  */
.support_list {margin-bottom:70px;}
.support_list > li .support_listTitle {background-color: #f8f9fb; height: 80px; padding: 30px; border-bottom: 1px solid #e1e1e1; border-top: 1px solid #333;}
.support_list > li .support_listTitle span {font-size: 20px; color: #333;}
.support_list > li .support_listTxx {padding: 30px 0 30px 30px;}
.support_list > li .support_listTxx > a {font-size: 20px; line-height: 1.6em; padding-right: 30px; display: block;}
.support_list > li .support_listTxx ul {font-size: 20px; padding-top: 30px;}
.support_list > li .support_listTxx ul > li {font-size: 20px; display: inline-block; color: #666699;}
.support_list > li .support_listTxx > div {display: inline-block; float: left;}
.support_list > li .support_listTxx::after {content:""; display: block; height: 0; clear: both;}
.support_list > li .support_listTxx .support_listTxxLt {width: 70%; padding-right: 30px;}
.support_list > li .support_listTxx .support_listTxxLt a {font-size: 20px; line-height: 1.6em; height: 170px; max-height: 170px; display: block; overflow-y: auto;}
.support_list > li .support_listTxx .support_listTxxLt a span{display: block; margin-bottom: 15px;}
.support_list > li .support_listTxx .support_listTxxRt {width: 30%; text-align: right;}
.support_list > li .support_listTxx .support_listTxxRt {display: inline-block;}
.support_list > li .support_listTxx .support_listTxxRt a {display:inline-block;}

/*문의하기*/
.inquiry_wrap .inquiry_tbl {border-top: 1px solid #333333;}
.inquiry_wrap .inquiry_tbl .cw01 {width:140px;}
.inquiry_wrap .inquiry_tbl .cw02 {width:calc(50% - 140px);}
.inquiry_wrap .inquiry_tbl tbody th, .inquiry_wrap .inquiry_tbl tbody td {height:85px; border-bottom:1px solid #e1e1e1;}
.inquiry_wrap .inquiry_tbl tbody th {font-weight:400; font-size:18px; padding:18px 20px; text-align:left;}
.inquiry_wrap .inquiry_tbl tbody th.top {vertical-align:top;}
.inquiry_wrap .inquiry_tbl tbody td {padding:18px 10px;}
.inquiry_wrap .inquiry_tbl tbody td input[type="text"], .inquiry_wrap .inquiry_tbl tbody td input[type="tel"] {height:50px; border: 1px solid #999; padding:0 10px;}
.inquiry_wrap .inquiry_tbl tbody td .selectBox select {height:50px; padding: 0 10px; border: 1px solid #999;}
.inquiry_wrap .inquiry_tbl tbody td textarea {padding:10px; border: 1px solid #999;}
.inquiry_wrap .inquiry_tbl tbody td .privacy_policy {padding:10px; border: 1px solid #999; font-size:14px; min-height:250px;}
.inquiry_wrap .inquiry_tbl tbody td .privacy_check { margin-top:20px; }
.inquiry_wrap .inquiry_tbl tbody td .privacy_check .checkbox {width: 22px; height:22px; background-size: 22px 22px; vertical-align:middle;}
.inquiry_wrap .inquiry_tbl tbody td .privacy_check label {vertical-align:middle; margin-left:5px;}

/*지원 상세페이지 (새창)*/
.new_header {height: 80px; background: rgb(16,39,72); background: linear-gradient(90deg, rgba(16,39,72,1) 0%, rgba(16,39,72,1) 46%, rgba(0,0,0,1) 100%);}
.new_header h1, .new_header h2 {float:left;}
.new_header h1 {margin-right:100px; width:180px; padding:20px 0;}
.new_header h2 {width:calc(100% - 280px); padding: 25px 0; font-size:24px; color: #fff; font-weight:500;}
.new_content {margin: 70px 0 0 0;}

/* 이메일 무단수집 거부 페이지 */
.email_collection h4 {font-size: 40px; color: #333;}
.email_collection .email_collectionBox {border: 1px solid #999; padding: 60px 70px; margin-top: 50px; display: flex;}
.email_collection .email_collectionBox img {width: 102px; height: 102px;}
.email_collection .email_collectionBox .email_collectionTxx {margin-left: 50px; font-size: 20px; color: #333; line-height: 1.6em;}
.email_collection .email_collectionInfo {margin: 45px 0 50px 15px;}
.email_collection .email_collectionInfo > li {position: relative; font-size: 22px;}
.email_collection .email_collectionInfo > li::before {content: ''; position: absolute; width: 10px; height: 10px; background-color: #cc5252; border-radius: 50%; top: 8px; left: -20px;}
.email_collection .email_collectionInfo .email_collectionList {margin-top: 50px;}
.email_collection .email_collectionInfo .email_collectionList li {line-height: 1.6em; font-size: 22px; position: relative;}
.email_collection .email_collectionInfo .email_collectionList li::before {content: ''; position: absolute; width: 6px; height: 2px; background-color: #5d5d5d; top: 15px;left: -20px;}
.email_collection span {line-height: 1.6em; font-size: 22px;}
.email_collection span em {color: #cc5252;}
.email_collection span em a {color: #3366cc;}

/* 모달 레이어 */
.modal_movie {position:fixed; top:50%; left:50%; transform:translate(-50%, -50%); z-index:250; display:none;}
.modal_movie iframe {border:0;}
.modal_movie .closEbtn {position:absolute; top:0; right:-45px; text-indent:-9999px; width:35px; height:35px;}
.modal_movie .closEbtn:before {content:""; width:35px; height:1px; background:#fff; position:absolute; top:16px; left:0; transform:rotate(-45deg);}
.modal_movie .closEbtn:after {content:""; width:35px; height:1px; background:#fff; position:absolute; top:16px; left:0; transform:rotate(45deg);}