@charset "utf-8";
@import url(https://fonts.googleapis.com/earlyaccess/nanumgothic.css);

/* Layout */
#wrap {position:relative; width:100%;z-index:10;}
#header {position: fixed;width: 100%;top: 0;left: 0;right: 0;z-index: 1000;height: auto;background:url('/images/common/h_bg.png') no-repeat 50% 100%;}
#footer {overflow:hidden;position:relative;width:100%;background:#fff;z-index:100}
#footer .footer_visual_main.onlyMain {background:#eee;}

.ci_blue {color:#4394e5;}


/* Main Page */
.page-main {position:relative;margin-left:0;width:100%;margin-top:116px;z-index:1;overflow: hidden;}
#home {overflow:hidden; position:relative; width:100%; padding:0; border:0;}
#home .mainTit {margin:100px 0 0; text-align:center; font-size:32px; font-weight:bold; color:#000;}
#home .inner {overflow:hidden; width:96%; max-width:1140px; margin:0 auto;}
#home-slider {position:relative; border:0; margin:0; height:100%; min-height: 845px;}
#home-slider .slides {display:block; overflow:hidden; width:100%;}
#home-slider .slides .slider {overflow:hidden; float:left; position:relative; width:100%; height:100%; min-height:845px;}
#home-slider .slides .slider .imgBox {position:absolute; width:100%; height:100%; transition:all 6s ease-in-out; transform:scale(1.4); background-position:center;}
#home-slider .slides .slider .txtBox {position:absolute; top:120px; left:50%; z-index:1; width:880px; margin-left:-395px; text-align:left; color:#fff;}
#home-slider .slides .slider .txtBox .txt01 {display:block; position:relative; left:-200px; text-align:left; font-family:arial; font-size:76px; font-weight:bold; line-height:1em; text-transform:uppercase; opacity:0; transition:all 2s ease-in-out;}
#home-slider .slides .slider .txtBox .txt02 {display:block; position:relative; left:200px; margin-top:25px; text-align:left; font-size:20px; line-height:1.5em; opacity:0; transition:all 2s ease-in-out;}
#home-slider .slides .slider .txtBox .txt02:before {content:""; display:block; width:60px; height:8px; margin:70px 0; background:#fff;}
#home-slider .slides .slider .txtBox p span {display:block;}
#home-slider .slides .slider .imgBox.on {transform:scale(1);}
#home-slider .slides .slider .txtBox .txt01.on {left:0; opacity:1;}
#home-slider .slides .slider .txtBox .txt02.on {left:0; opacity:1;}

.slick-dots {position:absolute; bottom:40px; right:0; left:0; z-index:100; margin:auto; text-align:center;}
.slick-dots > li {display:inline-block; text-align:center;}
.slick-dots > li > button {display:block; z-index:1000; width:12px; height:12px; padding:0; margin:0 5px; outline:0; text-indent:-9999px; cursor:pointer; background:#fff;}
.slick-dots > li > button:hover {background:#4394e5;}
.slick-dots > li.slick-active > button {width:62px; background:#4394e5;}
/* .mainBtnWrap {overflow:hidden; margin-top:70px;} */
.mainBtnWrap {overflow:hidden; margin-top:70px;}
.mainBtnWrap li {float:left; width:50%; height:148px;}
.mainBtnWrap a {display:block; padding:0; vertical-align:top; text-align:center; font-size:24px; line-height:148px; color:#fff;}
.mainBtnWrap a:hover {color:#fff;}
.mainBtnWrap a span {display:inline-block; width:84px; height:148px; margin-right:30px; vertical-align:top;}
.mainBtnWrap a.btnGoCompany {margin-right:10px; background:#bdbdbd;}
.mainBtnWrap a.btnGoCompany:hover {background:#0e79b4;}
.mainBtnWrap a.btnGoInvest {margin-left:10px; background:#bdbdbd;}
.mainBtnWrap a.btnGoInvest:hover {background:#99c630;}

.mainBtnWrap a.btnGoCompany span {background:url(/images/common/btnGoCompany.png) no-repeat center center;}
.mainBtnWrap a.btnGoInvest span {background:url(/images/common/btnGoInvest.png) no-repeat center center;}



ul.opList.ceo {margin-top:50px; border-top:0;}
ul.opList.ceo li {overflow:hidden; padding:0; border-bottom:0; background:#fff;}
ul.opList.ceo li .thm {float:left; width:216px; height:252px; padding:0 16px 16px 0; background:url(/images/sub/sub0103_opCeoBg.png) no-repeat left top; background-size:cover;}
ul.opList.ceo li .infoBox {float:left; padding-left:15px;}
ul.opList.ceo li .infoBox h4 {font-size:22px;}
.greeting {overflow:hidden;}
.greeting .greeting_vis01 {position:relative;float:left;width:25%;}
.greeting .greeting_vis01 img {width:100%; display:block;}
.greeting .greeting_vis01 .slogan{background: url(/images//sub/bceo_img01_01.png) center center no-repeat rgba(0,0,0,0.5);position:absolute;/* top: 30%; */left:0;bottom:10%;right:0;height: 70px;background-size:100% auto;}
.greeting .txt01 {float:left; width:35%;}
.greeting .txt02 {}
.greeting .txt01 p {font-size:24px; line-height:1.4em;}
.greeting .txt02 p {max-width:530px; margin:0 auto; text-align:center; font-size:16px; line-height:24px;}
.greeting .txt02 p.signiture {font-size:18px;}
.greeting .txt02 p.signiture strong {padding-left:10px; font-size:28px; letter-spacing:10px;}
.nceo_btm_img {}
.nceo_btm_img img {width:100%; display:block; max-width:1338px; margin:0 auto;}
#con-contactus .naverMap {margin-top:60px;}
#con-contactus .contactInfo {overflow:hidden; margin-top:20px;}
#con-contactus .contactInfo li {font-size:16px; line-height:28px;}

#home-portfolio {}
#home-portfolio .portfolioSlide {position:relative; margin-top:40px;}
#home-portfolio .portfolioSlide .slick-prev {position:absolute; top:50%; left:45px; z-index:1; margin-top:-59px; width:62px; height:118px; font-size:0; text-indent:-9999px; background:url(/images/common/main_arrow_left.png) no-repeat center center;}
#home-portfolio .portfolioSlide .slick-next {position:absolute; top:50%; right:45px; z-index:1; margin-top:-59px; width:62px; height:118px; font-size:0; text-indent:-9999px; background:url(/images/common/main_arrow_right.png) no-repeat center center;}
#home-portfolio .portfolioSlide .slides {overflow:hidden;}
#home-portfolio .portfolioSlide .slides .slider {overflow:hidden; float:left; position:relative; width:100%; height:100%; min-height:700px;}
#home-portfolio .portfolioSlide .slides .slider .imgBox {position:absolute; width:100%; height:100%;}
#home-portfolio .portfolioSlide .slides .slider:hover .txtBox {opacity:1;}
#home-portfolio .portfolioSlide .slides .slider .txtBox {opacity:0; transition:1s all ease; overflow:hidden; position:absolute; bottom:45px; left:50%; z-index:1; width:368px; height:368px; margin-left:-570px; background:rgba(0,0,0,0.9);}
#home-portfolio .portfolioSlide .slides .slider .txtBox:before {content:""; display:block; width:60px; height:6px; margin:40px 0 0 -30px; background:#99c630;}
#home-portfolio .portfolioSlide .slides .slider .txtBox .txt01 {position:relative; padding:50px 40px 0; font-size:32px; color:#fff; opacity:0; left:-100px; transition:all 1s ease-in-out;}
#home-portfolio .portfolioSlide .slides .slider .txtBox .txt02 {position:relative; padding:40px 40px 0; font-size:0; opacity:0; left:-100px; transition:all 1s ease-in-out;}
#home-portfolio .portfolioSlide .slides .slider .txtBox .txt02 dt {display:inline-block; width:40%; vertical-align:top; font-size:16px; line-height:30px; color:#fff;}
#home-portfolio .portfolioSlide .slides .slider .txtBox .txt02 dd {display:inline-block; width:60%; vertical-align:top; font-size:16px; line-height:30px; color:#fff;}
#home-portfolio .portfolioSlide .slides .slider.on .txtBox .txt01,
#home-portfolio .portfolioSlide .slides .slider.on .txtBox .txt02 {opacity:1; left:0;}

#home-news {}
#home-news .inner {padding-bottom:100px;}
#home-news ul.newsList {overflow:hidden; margin-top:40px;}
#home-news ul.newsList li {float:left; width:33.33%; padding:0 9px 18px;}
#home-news ul.newsList li a {display:block; position:relative; padding:30px 30px 100px; background:#f5f5f5;}
#home-news ul.newsList li a .headTxt {overflow:hidden; height:56px; font-size:20px; font-weight:bold; line-height:28px; color:#111;}
#home-news ul.newsList li a .detailTxt {word-break: break-all;overflow:hidden; height:130px; margin-top:30px; font-size:15px; line-height:26px; color:#545454;}
#home-news ul.newsList li a i.more {display:block; position:absolute; bottom:30px; right:30px; z-index:1; width:25px; height:25px; background:url(/images/common/mainBlogMoreHover.png) no-repeat center center; background-size:25px 25px;}
#home-news ul.newsList li a:hover i.more {background-color:#99c630; background-image:url(/images/common/mainBlogMore.png); background-position:center center; background-size:25px 25px;}

#home-news ul.newsList li a:hover {background:#99c630;}
#home-news ul.newsList li a:hover .headTxt,
#home-news ul.newsList li a:hover .detailTxt {color:#fff;}

/* #home-blog {background:#eee; background:url(/images/sub/architecture-828596.png) 50% top no-repeat; background-size:100% auto; background-attachment:fixed;} */
#home-blog {background:#eee;}
/* #home-blog .inner {padding-bottom:250px; padding-top:250px;} */
#home-blog .inner {padding-bottom:100px;}
#home-blog .blogList {overflow:hidden; margin-top:40px; padding-bottom:30px;}
#home-blog .blogList .slides {float:left; width:33.33%; padding:0 9px 18px;}
#home-blog .blogList .slides a {display:block; position:relative; padding:30px 30px 100px; border:1px solid #ddd; background:#fff;}
#home-blog .blogList .slides a:hover {background:#4394e5;}
#home-blog .blogList .slides a .headTxt {overflow:hidden; height:56px; font-size:20px; font-weight:bold; line-height:28px; color:#111;}
#home-blog .blogList .slides a:hover .headTxt {color:#ffffff;}
#home-blog .blogList .slides a:hover .detailTxt {color:#ffffff;}
#home-blog .blogList .slides a .detailTxt {overflow:hidden; height:130px; margin-top:30px; font-size:15px; line-height:26px; color:#545454;}
#home-blog .blogList .slides a i.more {display:block; position:absolute; bottom:30px; right:30px; z-index:1; width:25px; height:25px; background:#0f79b4 url(/images/common/mainBlogMore.png) no-repeat center center; background-size:25px 25px;}
/*#home-blog .blogList .slides a:hover i.more {background-image:url(/images/common/mainBlogMoreHover.png) no-repeat center center; background-color:#99c62f;}
#home-blog .blogList .slides a:hover {background:#0e79b4;}
#home-blog .blogList .slides a:hover .headTxt,
#home-blog .blogList .slides a:hover .detailTxt {color:#fff;}*/
#home-blog .blogList .slides a:hover i.more {background-color:#99c630; background-image:url(/images/common/mainBlogMoreHover.png); background-position:center center; background-size:25px 25px;}
#home-blog .blogList ul.slick-dots {bottom:0px; overflow:hidden; width:100%; text-align:center;}
#home-blog .blogList ul.slick-dots li {display:inline-block; float:none; width:10px; height:10px; margin:0 5px; vertical-align:top;}
#home-blog .blogList ul.slick-dots li button {display:inline-block; width:10px; height:10px;  vertical-align:top; font-size:0; text-indent:-9999px; background:#fff;}
#home-blog .blogList ul.slick-dots li.slick-active button {background:#0090d5;}

/* 서브 공통 */
#navi {position:relative; width:100%; height:248px; margin-top:117px; background:#fff;}
#navi .subVisual {overflow:hidden; position:relative; width:100%; height:190px;}
/*#navi .subVisual h2 {position:absolute; top:50%; left:0; z-index:87; width:100%; padding:0; margin-top:-25px; text-align:center; font-size:38px; font-weight:bold; line-height:50px; letter-spacing:-1px; color:#fff;}*/
#navi .subVisual h2 {width:96%; max-width:1140px; padding:0; margin:130px auto 0; text-align:left; font-size:38px; font-weight:bold; line-height:50px; letter-spacing:-1px; color:#fff;}
#navi .subVisual.visual01 {background:url("/images/sub/subVisual01.png") no-repeat center top; background-size:cover;}
#navi .subVisual.visual02 {background:url("/images/sub/subVisual02.png") no-repeat center top; background-size:cover;}
#navi .subVisual.visual03 {background:url("/images/sub/subVisual03.jpg") no-repeat center top; background-size:cover;}
#navi .subVisual.visual04 {background:url("/images/sub/subVisual04.png") no-repeat center top; background-size:cover;}
#navi .subVisual.visual05 {background:url("/images/sub/subVisual05.png") no-repeat center top; background-size:cover;}
#navi .root {width:100%; height:58px; border-bottom:1px solid #ddd; background:#fff;}
#navi .root.fixed {position:fixed; top:117px; left:0; z-index:101;}
#navi .root .root-area {width:100%; max-width:1140px; margin:0 auto;}
#navi .root .root-area a,
#navi .root .root-area .n-subject {display:inline-block; height:57px; padding:0 40px; border-right:1px solid #ddd; vertical-align:top; text-align:center; font-size:15px; line-height:57px; color:#111;}
#navi .root .root-area a {padding:0 30px;}
#navi .root .root-area .current {font-weight:bold;}

.subContainer {position:relative; width:100%; max-width:1140px; margin:0 auto;}
.subContainer .page-title {z-index:50; width:100%; max-width:1140px; padding:70px 0 0; margin:0; text-align:left; font-size:38px; font-weight:bold; color:#111;}
.subContainer ul.lnb-ho, .subContainer ul.lnb-ho1 {display:block; overflow:hidden; z-index:50; width:100%; max-width:1140px; padding:0; margin:0;}
.subContainer ul.lnb-ho.fixed, .subContainer ul.lnb-ho1.fixed {position:fixed; top:334px; width:96%;}
.subContainer ul.lnb-ho li, .subContainer ul.lnb-ho1 li{text-align:center;font-size:15px;background: #fff;padding: 0;border-collapse: collapse;}
.subContainer ul.lnb-ho li:hover, .subContainer ul.lnb-ho1 li:hover{background: rgb(153,202,60);border-color: #94c33a;-webkit-transition: all 0.2s linear;-moz-transition: all 0.2s linear;-ms-transition: all 0.2s linear;-o-transition: all 0.2s linear;transition: all 0.2s linear;color:#fff;}
.subContainer ul.lnb-ho li a, .subContainer ul.lnb-ho1 li a{line-height:30px; display: block; font-size:15px; height: auto;padding: 10px 0;text-decoration:none;border: 1px solid #e9e9e9;color:#999;}
.subContainer ul.lnb-ho li a:hover, .subContainer ul.lnb-ho1 li a:hover{color:#fff;}
.subContainer ul.lnb-ho li.active, .subContainer ul.lnb-ho1 li.active{background:#008fd4;color:#fff;}
.subContainer ul.lnb-ho li.active a, .subContainer ul.lnb-ho1 li.active a{color:#fff}
.subContainer ul.lnb-ho li a.active, .subContainer ul.lnb-ho1 li a.active{background:#008fd4;color:#fff;border: 1px solid #008fd4;}
.subContainer .tab-content,
.subContainer .newtab-content{display:none; margin-top:0;}
.subContainer .tab-content.active,
.subContainer .newtab-content.active {display:block;}
.subContainer .head-title-area{position: relative;margin-top: 20px;margin-bottom: 30px;}
.subContainer .main-tit, .subContainer .main-tit-t{padding:40px 0; text-align:center; font-size:25px; font-weight:bold;}
.subContainer .main-tit:before{width: 60px;transition:0.3s;-webkit-transition-delay:1.1s;transition-delay:1.1s;-webkit-transition-timing-function:cubic-bezier(0.52, 0.42, 0, 1.01);transition-timing-function:cubic-bezier(0.52, 0.42, 0, 1.01);}

.subContainer .btnWrap {overflow:hidden; text-align:center; font-size:0;}
.subContainer .btnWrap li {display:inline-block; padding:5px; vertical-align:top;}
.subContainer .btnWrap li a {display:inline-block; width:auto; height:60px; padding:0 30px; border-radius:30px; vertical-align:top; text-align:center; font-size:15px; line-height:58px;}
.subContainer .btnWrap li a i {display:inline-block; height:58px; margin-right:10px; vertical-align:middle;}
.subContainer .btnWrap li a i.download {width:20px; background:url(/images/sub/iconDownload01.png) no-repeat left center;}
.subContainer .btnWrap li a i.view {width:18px; background:url(/images/sub/iconview01.png) no-repeat left center;}
.subContainer .btnWrap li a.btnType01 {border:1px solid #333; color:#111; background:#fff;}
.subContainer .btnWrap li a.btnType02 {border-radius:0; border-color:#111; font-size:20px; color:#fff; background:#111;}

.subContainer section .conTit {line-height:36px; position:relative; margin-top:30px; text-align:center; font-size:26px; font-weight:normal; color:#111;}
.subContainer section .conTit strong {font-weight:bold; color:#008ed4;}
.subContainer section .conTit a {display:block; position:absolute; top:0; right:0; z-index:1; font-size:14px; line-height:26px; color:#666;}
.subContainer section h5 {margin:30px 0 20px; font-size:20px; font-weight:bold;}
.subContainer section p {font-size:16px; line-height:1.8em; color:#111;}
.subContainer section p.guideTxt01 {height:21px; padding-left:32px; margin-top:20px; font-size:14px; line-height:21px; background:url(/images/sub/iconGuide01.png) no-repeat left top;}
.subContainer section .imgBox img {width:100%; height:auto; vertical-align:top;}

.subContainer section .txtBoxType01 .decoLine {display:block; width:28px; height:4px; margin:50px auto 40px; background:#000;}
.subContainer section .txtBoxType01 p {text-align:center; color:#111;}
.subContainer section .txtBoxType01 p span {display:block;}
.subContainer section .txtBoxType01 .txt01 {font-size:28px; font-weight:bold;}
.subContainer section .txtBoxType01 .txt02 {font-size:16px;}.subContainer section ul.halfBox {overflow:hidden;}
.subContainer section .txtBoxType02 .decoLine {display:block; width:28px; height:4px; margin:50px 0 40px; background:#000;}
.subContainer section .txtBoxType02 p {text-align:left; color:#111;}
.subContainer section .txtBoxType02 p span {display:block;}
.subContainer section .txtBoxType02 .txt01 {font-size:16px; font-weight:bold;}
.subContainer section .txtBoxType02 .txt02 {font-size:16px;}
.subContainer section .txtBoxType03 .decoLine {display:block; width:28px; height:4px; margin:50px 0 40px; background:#000;}
.subContainer section .txtBoxType03 p {text-align:left; color:#111;}
.subContainer section .txtBoxType03 p span {display:block;}
.subContainer section .txtBoxType03 .txt01 {font-size:24px; font-weight:bold; line-height:1.4em;}
.subContainer section .txtBoxType03 .txt02 {font-size:16px;}

.subContainer section .tblType01 {table-layout:fixed; position:relative; width:100%; border-collapse:collapse; border-top:none;}
.subContainer section .tblType01 caption {display:block; position:absolute; top:-30px; right:0; z-index:1; font-size:12px; color:#666;}
.subContainer section .tblType01 th {height:50px; border:1px solid #ddd; vertical-align:middle; text-align:center; font-size:15px; color:#111; background:#eee;}
.subContainer section .tblType01 td {height:40px; padding:0 25px; border:1px solid #ddd; vertical-align:middle; text-align:center; font-size:15px; color:#333; background:#fff;}
.subContainer section .tblType01 .txtL {text-align:left;}


/* 1. Company */
#sub_company {}
#sub_company .greeting {overflow:hidden; margin-top:70px;}
#sub_company .greeting .imgBox {float:left; width:20%;}
#sub_company .greeting .imgBox img {width:96%; max-width:201px; height:auto; vertical-align:top;}
#sub_company .greeting .txtBox {float:left; width:80%; padding-left:50px;}
#sub_company .greeting .txtBox p {text-align:left; font-size:15px; letter-spacing:-0.08em; line-height:1.8em;}
#sub_company .greeting .txtBox p span {display:block;}
#sub_company .greeting .txtBox p.signiture strong {padding-left:10px; font-size:28px; letter-spacing:10px;}

#sub_company .historyBox {overflow:hidden; padding-top:70px; background:url(/images/sub/borderLine_ddd.gif) no-repeat center top; background-size:1px 100%;}
#sub_company .historyBox.first {padding-top:0; margin-top:40px;}
#sub_company .historyBox .year {width:240px; height:60px; margin:0 auto; text-align:center; font-size:28px; font-weight:bold; line-height:60px; color:#fff; background:#99ca3c;}
#sub_company .historyBox ul.list01 {overflow:hidden; margin-top:70px;}
#sub_company .historyBox ul.list01 > li {position:relative; width:50%; padding-bottom:30px;}
#sub_company .historyBox ul.list01 > li > strong {display:block; font-size:26px; line-height:30px;}
#sub_company .historyBox ul.list01 > li > strong:before {content:""; display:block; position:absolute; top:10px; z-index:1; width:60px; height:10px;}
#sub_company .historyBox ul.list02 {overflow:hidden; margin-top:15px;}
#sub_company .historyBox ul.list02 > li {font-size:16px; line-height:32px;}
#sub_company .historyBox ul.list02 > li em {font-weight:bold; margin-right:10px;}

#sub_company .historyBox ul.list01 > li:nth-child(odd) {padding-left:80px; margin-left:50%; text-align:left;}
#sub_company .historyBox ul.list01 > li:nth-child(even) {padding-right:80px; margin-right:50%; text-align:right;}
#sub_company .historyBox ul.list01 > li:nth-child(odd) > strong:before {left:-4px; background:url(/images/sub/dotLine_left.png) no-repeat left center;}
#sub_company .historyBox ul.list01 > li:nth-child(even) > strong:before {right:-5px; background:url(/images/sub/dotLine_right.png) no-repeat right center;}
#sub_company .historyBox ul.list01 > li:nth-child(even) ul.list02 > li {text-align:right;}


/* 2. Portfolio */
#sub_portfolio {}
#sub_portfolio .fullBox {width:200%; margin-left:-50%;}
#sub_portfolio .fullBox .inner {overflow:hidden; width:48%; max-width:1140px; padding:50px 0 50px; margin:0 auto; text-align:center;}
#sub_portfolio .newTabSliderBox {overflow:hidden; width:100%; height:86px;}
#sub_portfolio .newTabSlider {overflow:hidden; overflow-x:scroll; position:relative; padding:0 30px;}
#sub_portfolio .newTabSlider .bx-controls {}
#sub_portfolio .newTabSlider .bx-controls .bx-controls-direction a {position:absolute; top:50%; z-index:1; margin-top:-21px; width:30px; height:42px; font-size:0; text-indent:-9999px;}
#sub_portfolio .newTabSlider .bx-controls .bx-controls-direction a.bx-prev {left:0px; background:url(/images/sub/btnPrev02.png) no-repeat center center;}
#sub_portfolio .newTabSlider .bx-controls .bx-controls-direction a.bx-next {right:0px; background:url(/images/sub/btnNext02.png) no-repeat center center;}
#sub_portfolio .newTab {display:inline-block; position:relative; z-index:50; /*width:100%; max-width:1140px;*/ padding:0 0 20px; margin:0; white-space:nowrap;}
#sub_portfolio .newTab li {display:inline-block;/*float:left; width:11.11%;*/ width:115px; padding:0; text-align:center;}
#sub_portfolio .newTab li a {display:inline-block; position:relative; padding:20px 0; font-size:26px; line-height:26px; letter-spacing:-0.08em; text-decoration:none; color:#ccc;}
#sub_portfolio .newTab li a:after {content:""; display:block; position:absolute; bottom:0; left:50%; z-index:1; width:70px; height:3px; margin-left:-35px;}
#sub_portfolio .newTab li a.active {color:#018fd5;}
#sub_portfolio .newTab li a.active:after {background:#018fd5;}
#sub_portfolio .newTab li a:hover {color:#99ca3c;}
#sub_portfolio .newTab li a:hover:after {background:#99ca3c;}
#sub_portfolio .movieList {overflow:hidden; border-bottom:1px solid #ddd;}
#sub_portfolio .movieList li {float:left; width:50%; padding:60px 0 50px; border-top:1px solid #ddd;}
#sub_portfolio .movieList li:first-child,
#sub_portfolio .movieList li:nth-child(2) {border-top:0;}
#sub_portfolio .movieList li img {float:left; width:63%; max-width:355px; height:auto; padding-right:30px; }
#sub_portfolio .movieList li .tBox {float:left; width:37%;}
#sub_portfolio .movieList li .tBox strong {display:block; font-size:18px; font-weight:bold; color:#018fd5;}
#sub_portfolio .movieList li .tBox span {display:block; font-size:14px; word-wrap:break-word; color:#999;}


#con-portA01 .fullBox {margin-top:60px; background:url(/images/sub/sub0201_movieImg01.jpg) no-repeat center top; background-size:cover; background-attachment: fixed;}
#con-portA01 .fullBox .subTit {font-size:32px; color:#fff;}

#con-portB01 ul.companyList {overflow:hidden; margin-top:60px;}
#con-portB01 ul.companyList li {float:left; width:50%; padding-bottom:20px;}
#con-portB01 ul.companyList li .inBox {display:table; table-layout:fixed; width:100%; border:1px solid #ddd;}
#con-portB01 ul.companyList li .inBox .cLogo {display:table-cell; width:50%; height:140px; vertical-align:middle; text-align:center;}
#con-portB01 ul.companyList li .inBox .cLogo img {max-width:100%; height:auto;}
#con-portB01 ul.companyList li .inBox .cInfo {display:table-cell; width:50%; height:140px; vertical-align:middle; text-align:left;}
#con-portB01 ul.companyList li .inBox .cInfo strong {display:inline-block; width:100%; padding-right:10px; font-size:18px; word-wrap:break-word; color:#000;}
#con-portB01 ul.companyList li .inBox .cInfo a {display:inline-block; width:100%; padding-right:10px; font-size:13px; word-wrap:break-word; color:#999;}
#con-portB01 ul.companyList li:nth-child(odd) {padding-right:10px;}
#con-portB01 ul.companyList li:nth-child(even) {padding-left:10px;}

/* 3. 투자조합 */
#sub_invest {}
#con-invest01 ul.unionList {overflow:hidden; margin-top:60px;}
#con-invest01 ul.unionList li {float:left; width:50%; margin-bottom:20px; height:202px;}
#con-invest01 ul.unionList li .inBox {display:table;  height:202px; table-layout:fixed; width:100%; border:1px solid #ddd;}
#con-invest01 ul.unionList li .inBox .cInfo {display:table-cell; width:100%; height:auto; padding:30px; vertical-align:top; text-align:left;}
#con-invest01 ul.unionList li .inBox .cInfo .unionName  {display:inline-block; width:100%; padding-right:10px; font-size:18px; font-weight:bold; word-wrap:break-word; color:#008fd4}
#con-invest01 ul.unionList li .inBox .cInfo dl {overflow:hidden; margin:0;}
#con-invest01 ul.unionList li .inBox .cInfo dl.first {margin-top:20px;}
#con-invest01 ul.unionList li .inBox .cInfo dl dt,
#con-invest01 ul.unionList li .inBox .cInfo dl dd {display:inline-block; font-size:14px; color:#666;}
#con-invest01 ul.unionList li:nth-child(odd) {padding-right:10px;}
#con-invest01 ul.unionList li:nth-child(even) {padding-left:10px;}

#con-process {}
#con-process .fullBox {width:200%; margin-left:-50%; margin-top:40px; background:url(/images/sub/sub0302_processImg01.jpg) no-repeat center top; background-size:auto 950px;}
#con-process .fullBox .inner {overflow:hidden; width:48%; max-width:1140px; height:950px; padding:0; margin:0 auto; text-align:center;}
#con-process ul.investProcess {overflow:hidden; height:100%;}
#con-process ul.investProcess li {display:table; table-layout:fixed; float:left; width:33.33%; height:50%; border-left:1px solid rgba(221,221,221,0.2);}
#con-process ul.investProcess li .rowType {transition:1s all ease;display:table-cell; overflow:hidden; padding:60px 40px 0; vertical-align:top; text-align:left;}
#con-process ul.investProcess li .rowType:hover {background:#99c630;}
#con-process ul.investProcess li .icon {display:inline-block; width:100%;}
#con-process ul.investProcess li .subject {display:inline-block; width:100%; height:102px; margin-top:25px; font-size:24px; font-weight:bold; line-height:34px; word-wrap:break-word; color:#fff;}
#con-process ul.investProcess li .subject span {display:inline-block; width:100%;}
#con-process ul.investProcess li .detail {display:inline-block; width:100%; margin-top:20px; font-size:16px; line-height:28px; word-wrap:break-word; color:#fff;}

#con-process ul.investProcess li.step_inq h3 {margin:0; text-align:center; }
#con-process ul.investProcess li.step_inq .rowType {text-align:center;}
#con-process ul.investProcess li.step_inq h3 span {display:inline-block; padding:0 10px; font-size: 24px; font-weight: bold; line-height: 34px; color:#ffffff; border-top:1px solid #ffffff; border-bottom:1px solid #ffffff;}
#con-process ul.investProcess li.step_inq {text-align:center;}
#con-process ul.investProcess li.step_inq .w1 {margin-top:10px; text-align:center; color:#ffffff; font-size:18px;}
#con-process ul.investProcess li.step_inq a {margin-top:15px; text-align:center; color:#ffffff; font-size:15px; display:inline-block;}
#con-process ul.investProcess li.step_inq a span {display:block; width:42px; height:42px; background:url(/images/sub/env_ico01.png) center top no-repeat; margin:0 auto 4px auto; background-size:42px;}
#con-process ul.investProcess li.step_inq .rowType:hover a span {background-position:center -106px;}
#con-process ul.investProcess li.step_inq .w2 {text-align:center; color:#ffffff; font-size:15px;}
#con-process ul.investProcess li.step_inq .w3 {text-align:center; margin-top:20px; color:#ffffff; font-size:15px;}



/* 이하 반응형 미디어 쿼리 영역입니다..... */
@media all and (min-width: 769px) and (max-width: 1199px) {
	#home .mainTit {margin-top:40px;}
	#home .inner {padding-bottom:50px;}
	#home-slider {min-height:480px !important;}
	#home-slider .slick-track {height:480px;}
	#home-slider .slick-list {height:480px;}
	#home-slider .slides .slider .imgBox {height:480px;}
	#home-slider .slides {height:480px;}
	#home-slider .slides .slider {height:480px;}
	#home-slider .slides .slider img {min-width:1200px;}
	#home-slider .slides .slider .txtBox {top:80px; width:395px; margin-left:-197px;}
	#home-slider .slides .slider .txtBox .txt01 {font-size:38px;}
	#home-slider .slides .slider .txtBox .txt02 {font-size:15px;}
	#home-slider .slides .slider .txtBox .txt02:before {height:4px; margin:20px 0;}
	#home-slider .slides .slider .txtBox p span {display:block;}
	#home-portfolio .portfolioSlide {margin-top:20px;}
	#home-portfolio .portfolioSlide .slick-prev {left:20px; background:url(/images/common/main_arrow_left.png) no-repeat center center; background-size:31px auto;}
	#home-portfolio .portfolioSlide .slick-next {right:20px; background:url(/images/common/main_arrow_right.png) no-repeat center center; background-size:31px auto;}

	#home-portfolio .portfolioSlide .slides .slider .txtBox {bottom:20px; left:15%; width:250px; height:220px; margin-left:0;}
	#home-portfolio .portfolioSlide .slides .slider .txtBox:before {height:3px; margin:20px 0 0 -30px;}
	#home-portfolio .portfolioSlide .slides .slider .txtBox .txt01 {padding:20px 20px 0; font-size:24px;}
	#home-portfolio .portfolioSlide .slides .slider .txtBox .txt02 {padding:20px 20px 0;}
	#home-portfolio .portfolioSlide .slides .slider .txtBox .txt02 dt {width:35%; font-size:12px; line-height:20px;}
	#home-portfolio .portfolioSlide .slides .slider .txtBox .txt02 dd {width:65%; font-size:12px; line-height:20px;}
	#home-portfolio .portfolioSlide .slides .slider img {width:100%; height:auto;}

	#home-news ul.newsList li a {padding:15px 15px 70px;}
	#home-blog .blogList .slides a {padding:15px 15px 70px;}
	#home-blog .blogList .slides a i.more {bottom:15px; right:15px; width:45px; height:45px; background-size:17px auto;}

	/* .mainBtnWrap {margin-top:50px;} */
	.mainBtnWrap li {height:80px;}
	.mainBtnWrap a {font-size:18px; line-height:80px; color:#fff;}
	.mainBtnWrap a span {width:33px; height:80px; margin-right:15px;}
	.mainBtnWrap a span img {width:100%; height:auto;}
	.mainBtnWrap a.btnGoCompany {margin-right:10px;/*  background:#0e79b4; */}
	.mainBtnWrap a.btnGoInvest {margin-left:10px; /* background:#99c630; */}
	.mainBtnWrap a.btnGoCompany span {background:none;}
	.mainBtnWrap a.btnGoInvest span {background:none;}

	#con-process ul.investProcess li .rowType {padding:40px 20px 0;}
	#con-process ul.investProcess li .icon img {width:55px; height:auto;}
	#con-process ul.investProcess li .subject {height:90px; margin-top:15px; font-size:20px; line-height:30px;}
	#con-process ul.investProcess li .detail {margin-top:10px; font-size:16px; line-height:28px;}
	.greeting .greeting_vis01 .slogan {height: 60px;}

}

@media all and (max-width:768px){	/* iPad 세로모드 이하 (모바일 포함) */

	.greeting .greeting_vis01 .slogan {height: 50px; bottom:6%;}
	.greeting .txt01 {width:30%;}
	.greeting .txt02 {}
	.greeting .txt01 p {font-size:16px;}
	.greeting .txt02 p {text-align:center; padding-bottom:20px; font-size:14px; line-height:22px;}
	.greeting .txt02 p.signiture {font-size:12px;}
	.greeting .txt02 p.signiture strong {font-size:20px;}


	#home .mainTit {margin-top:40px;}
	#home .inner {padding-bottom:50px;}

	#home-slider {min-height:420px;}
	#home-slider .slick-track {height:420px;}
	#home-slider .slick-list {height:420px;}
	#home-slider .slides .slider .imgBox {height:420px;}
	#home-slider .slides {display:block; overflow:hidden; width:100%; height:420px;}
	#home-slider .slides .slider {float:left; position:relative; width:100%; height:420px;}
	#home-slider .slides .slider img {width:auto; min-width:auto; height:420px; vertical-align:top;}

	#home-slider .slides .slider .txtBox {display:table; width:100%; height:420px;}
	#home-slider .slides .slider .txtBox {display:table-cell; vertical-align:middle; width:60%; position:static; padding:0 20px;}
	/* #home-slider .slides .slider .txtBox {position:absolute; top:130px; left:20px; z-index:1; width:60%; margin-left:0; text-align:left; color:#fff;} */
	#home-slider .slides .slider .txtBox .txt01 {display:block; font-family:arial; font-size:22px; font-weight:bold; line-height:1em; text-transform:uppercase;}
	#home-slider .slides .slider .txtBox .txt02 {display:block; margin-top:15px; font-size:16px; line-height:1.5em;}
	#home .mainMenu {position:absolute; top:0; left:0; z-index:2; width:100%; text-align:right; color:#fff;}
	#home-slider .slides .slider .txtBox .txt02:before {height:4px; margin:20px 0;}
	#home-slider .slides .slider .txtBox p span {display:block;}
	#home-slider .slides .slick-dots {bottom:20px;}
	.subContainer section .conTit {margin:20px 0 15px; font-size:22px; line-height:30px;}
	.subContainer section .tblType01 thead th {height:30px; font-size:13px;}
	.subContainer section .tblType01 tbody th,
	.subContainer section .tblType01 tbody td {height:30px; padding:0 5px; font-size:12px;}
	.subContainer section .tblType01 tfoot th,
	.subContainer section .tblType01 tfoot td {height:30px; padding:0 5px; font-size:12px;}
	.subContainer section .tblType01 td span {line-height:26px;}

	#home-portfolio .portfolioSlide {margin-top:20px;}
	#home-portfolio .portfolioSlide .slick-prev {left:0px; background:url(/images/common/main_arrow_left.png) no-repeat center center; background-size:18px auto;}
	#home-portfolio .portfolioSlide .slick-next {right:0px; background:url(/images/common/main_arrow_right.png) no-repeat center center; background-size:18px auto;}
	#home-portfolio .portfolioSlide .slides .slider .imgBox {height:250px;}
	#home-portfolio .portfolioSlide .slides .slider .txtBox {margin-top:250px; position:static; bottom:0; left:0; width:100%; height:auto; margin-left:0;}
	#home-portfolio .portfolioSlide .slides .slider .txtBox:before {display:none;}
	#home-portfolio .portfolioSlide .slides .slider .txtBox .txt01 {padding:10px 10px 0; margin:0; font-size:14px;}
	#home-portfolio .portfolioSlide .slides .slider .txtBox .txt02 {padding:10px; margin:0;}
	#home-portfolio .portfolioSlide .slides .slider .txtBox .txt02 dt {width:35%; font-size:12px; line-height:16px;}
	#home-portfolio .portfolioSlide .slides .slider .txtBox .txt02 dd {width:65%; font-size:12px; line-height:16px;}
	#home-portfolio .portfolioSlide .slides .slider img {width:100%; height:auto;}

	#home-news ul.newsList {margin-top:20px;}
	#home-news ul.newsList li {width:50%; padding:0 5px 10px;}
	#home-news ul.newsList li a {padding:10px 10px 50px;}
	#home-news ul.newsList li a .headTxt {height:40px; font-size:14px; line-height:20px;}
	#home-news ul.newsList li a .detailTxt {height:100px; margin-top:10px; font-size:12px; line-height:20px;}
	#home-news ul.newsList li a i.more {bottom:10px; right:10px; width:30px; height:30px; background-size:17px auto;}

	#home-blog .blogList {margin-top:20px;}
	#home-blog .blogList .slides {width:50%; padding:0 5px 10px;}
	#home-blog .blogList .slides a {padding:10px 10px 50px;}
	#home-blog .blogList .slides a .headTxt {height:40px; font-size:14px; line-height:20px;}
	#home-blog .blogList .slides a .detailTxt {height:100px; margin-top:10px; font-size:12px; line-height:20px;}
	#home-blog .blogList .slides a i.more {bottom:10px; right:10px; width:30px; height:30px; background-size:17px auto;}

	/* .mainBtnWrap {margin-top:30px;} */
	.mainBtnWrap li {width:100%; height:60px;}
	.mainBtnWrap a {font-size:14px; line-height:50px; color:#fff;}
	.mainBtnWrap a span {width:33px; height:50px; margin-right:15px;}
	.mainBtnWrap a span img {width:100%; height:auto;}
	.mainBtnWrap a.btnGoCompany {margin-right:0;}
	.mainBtnWrap a.btnGoInvest {margin-left:0;}
	.mainBtnWrap a.btnGoCompany span {background:none;}
	.mainBtnWrap a.btnGoInvest span {background:none;}

	#content-page.subContainer {padding-bottom:50px;}

	#sub_company .greeting {margin-top:20px;}
	#sub_company .greeting .imgBox {width:30%;}
	#sub_company .greeting .txtBox {width:70%; padding-left:10px;}
	#sub_company .greeting .txtBox p span {font-size:14px; line-height:22px;}
	#sub_company .greeting .txtBox p.signiture strong {font-size:24px;}

	#sub_company .historyBox {padding-top:20px;}
	#sub_company .historyBox.first {margin-top:20px;}
	#sub_company .historyBox .year {width:200px; height:40px; font-size:20px; line-height:40px;}
	#sub_company .historyBox ul.list01 {margin-top:30px;}
	#sub_company .historyBox ul.list01 > li {width:50%; padding-bottom:20px;}
	#sub_company .historyBox ul.list01 > li > strong {font-size:18px; line-height:20px;}
	#sub_company .historyBox ul.list01 > li > strong:before {top:5px; width:30px;}
	#sub_company .historyBox ul.list02 {margin-top:10px;}
	#sub_company .historyBox ul.list02 > li {font-size:14px; line-height:20px; word-wrap:break-word;}
	#sub_company .historyBox ul.list01 > li:nth-child(odd) {padding-left:30px;}
	#sub_company .historyBox ul.list01 > li:nth-child(even) {padding-right:30px;}

	#con-contactus .naverMap {margin-top:20px;}

	#sub_portfolio .fullBox {width:100%; margin-left:0;}
	#sub_portfolio .fullBox .inner {width:96%; padding:20px 0 20px;}
	#sub_portfolio .newTabSliderBox {height:46px;}
	#sub_portfolio .newTab li {width:auto; padding:0 10px;}
	#sub_portfolio .newTab li a {padding:10px 0; font-size:20px;}
	#sub_portfolio .newTab li a:after {width:50px; margin-left:-25px;}
	#sub_portfolio .movieList li img {width:50%; padding-right:20px;}
	#sub_portfolio .movieList li .tBox {width:50%;}

	#con-portA01 .fullBox {margin-top:20px;}
	#con-portA01 .fullBox .subTit {font-size:24px;}

	#con-portB01 ul.companyList {margin-top:30px;}
	#con-portB01 ul.companyList li {padding-bottom:10px;}
	#con-portB01 ul.companyList li:nth-child(odd) {padding-right:5px;}
	#con-portB01 ul.companyList li:nth-child(even) {padding-left:5px;}

	#con-invest01 ul.unionList {margin-top:30px;}
	#con-invest01 ul.unionList li {width:100%; height:auto; padding-bottom:10px; margin-bottom:0px;}
	#con-invest01 ul.unionList li .inBox {height:auto;}
	#con-invest01 ul.unionList li:nth-child(odd) {padding-right:0;}
	#con-invest01 ul.unionList li:nth-child(even) {padding-left:0;}
	#con-invest01 ul.unionList li .inBox .cInfo {padding:10px;}
	#con-invest01 ul.unionList li .inBox .cInfo .unionName {padding-right:0; font-size:14px;}
	#con-invest01 ul.unionList li .inBox .cInfo dl.first {margin:0;}
	#con-invest01 ul.unionList li .inBox .cInfo dl dt,
	#con-invest01 ul.unionList li .inBox .cInfo dl dd {font-size:12px;}


	#con-process .fullBox {width:100%; margin-left:0; margin-top:20px; background:url(/images/sub/sub0302_processImg01.jpg) no-repeat center top; background-size:cover;}
	#con-process .fullBox .inner {width:100%; max-width:100%; height:auto;}
	#con-process ul.investProcess li {width:100%; height:auto;border-bottom:1px solid rgba(221,221,221,0.2); border-left:0;}
	#con-process ul.investProcess li.step_inq {border-bottom:0;}
	#con-process ul.investProcess li.blank {display:none;}
	#con-process ul.investProcess li .rowType {padding:10px 10px;}
	#con-process ul.investProcess li .icon {float:left; width:25%; max-width:65px; padding-right:10px;}
	#con-process ul.investProcess li .icon img {width:55px; height:auto;}
	#con-process ul.investProcess li .subject {float:left; width:75%; height:auto; margin-top:0; font-size:14px; line-height:18px;}
	#con-process ul.investProcess li .detail {display:block; clear:both; padding-top:10px; font-size:12px; line-height:16px;}

	#con-process ul.investProcess li.step_inq h3 {padding-top:10px;}
	#con-process ul.investProcess li.step_inq h3 span {display:inline-block; padding:0 5px; font-size: 16px; font-weight: bold; line-height: 24px; color:#ffffff; border-top:1px solid #ffffff; border-bottom:1px solid #ffffff;}
	#con-process ul.investProcess li.step_inq {}
	#con-process ul.investProcess li.step_inq .w1 {margin-top:5px; color:#ffffff; font-size:14px;}
	#con-process ul.investProcess li.step_inq a {margin-top:5px; color:#ffffff; font-size:14px; display:inline-block; }
	#con-process ul.investProcess li.step_inq a span {display:block; width:42px; height:42px; background:url(/images/sub/env_ico01.png) center top no-repeat; margin:0 auto 4px auto; background-size:42px;}
	#con-process ul.investProcess li.step_inq .w2 {color:#ffffff; font-size:12px;}
	#con-process ul.investProcess li.step_inq .w3 {margin-top:10px; color:#ffffff; font-size:12px;}


}
@media all and (max-width:415px){	/* iPhone 6 Plus 이하 */

	.greeting .greeting_vis01 {background:url(/images/sub/bceo_img01.png) no-repeat; width:100%; height:200px; float:none; background-position:center center; background-size:cover;}
	.greeting .greeting_vis01 img {display:none;}
	.greeting .greeting_vis01 .slogan {background-position:center;height:60px;bottom:6%;background-size: auto 40px;}
	.greeting .txt01 {width:100%; float:none;}
	.greeting .txt02 {width:100%; float:none; margin-top:20px;}

	#footer {margin-top: 0;}
	#bottom-image {display:none;}

	#sub_portfolio .movieList li {width:100%; padding:10px 0;}
	#sub_portfolio .movieList li:first-child {border-top:0;}
	#sub_portfolio .movieList li:nth-child(2) {border-top:1px solid #ddd;}

	#sub_portfolio .movieList li .tBox strong {display:block; font-size:18px; font-weight:bold;}
	#sub_portfolio .movieList li .tBox span {display:block; font-size:14px; color:#999;}

	#con-portB01 ul.companyList li {width:100%;}
	#con-portB01 ul.companyList li .inBox .cLogo {height:80px;}
	#con-portB01 ul.companyList li .inBox .cInfo {height:80px;}
	#con-portB01 ul.companyList li .inBox .cInfo strong {font-size:14px;}
	#con-portB01 ul.companyList li .inBox .cInfo a {font-size:12px;}
	#con-portB01 ul.companyList li:nth-child(odd) {padding-right:0;}
	#con-portB01 ul.companyList li:nth-child(even) {padding-left:0;}

	#home-slider .slides .slick-dots {bottom:5px;}
	#home-slider .slides .slick-dots > li > button {width:8px; height:8px;}
	#home-slider .slides .slick-dots > li.slick-active > button {width:62px;}
	#home .mainTit {font-size:18px;}

	#home-slider {min-height:270px;}
	#home-slider .slick-track {height:270px;}
	#home-slider .slick-list {height:270px;}
	#home-slider .slides .slider .imgBox {height:270px;}
	#home-slider .slides {display:block; overflow:hidden; width:100%; height:270px;}
	#home-slider .slides .slider {float:left; position:relative; width:100%; height:270px;}
	#home-slider .slides .slider .txtBox {display:table; width:100%; height:270px;}
	#home-slider .slides .slider .txtBox {display:table-cell; vertical-align:middle; width:100%; position:static; padding:0 15px;}
    #home-slider .slides .slider .txtBox .txt02 {font-size:14px;}



	#home-portfolio .portfolioSlide .slides .slider .imgBox {height:200px;}
	#home-portfolio .portfolioSlide .slides .slider .txtBox {margin-top:200px; position:static; bottom:0; left:0; width:100%; height:auto; margin-left:0;}
}


.recruit01-img{overflow:hidden;padding-bottom:40px;}
.recruit01-section01{}
.recruit01-section01 .img-area{text-align:center;margin-top:50px;}
.recruit01-section01 .img-area img{width:100%}
.recruit01-section01 h4{font-size:19px;font-weight:700;margin-top:50px;margin-bottom:20px;}
@media (max-width: 767px) {
    .recruit01-section01 .recruit01-img{margin-bottom:20px;}
    .recruit01-section01 .img-area{text-align:center;margin-top:20px;}
    .recruit01-section01 h4{font-size:17px;font-weight:700;margin-top:30px;margin-bottom:10px;}
}

.recruit02-section01{}
.recruit02-section01 > div{margin-bottom:30px;}
.recruit02-section01 .img-area{position:relative;}
.recruit02-section01 .img-area img{width:100%}
.recruit02-section01 .img-area h4{position:absolute;left:20px;bottom:10px;margin-bottom:0;font-size:40px;font-weight:700;letter-spacing:-2px;/* text-shadow:1px 1px 1px #333 */}
.recruit02-section01 .info{padding:20px;font-size:15px;color:#fff;}
.recruit02-section01 .bg01{background:#008fd5;}
.recruit02-section01 .bg02{background:#99ca3c;}
.recruit02-section01 .info ul li{padding:2px 0;}

.point01 {
    color: #008fd5 !important;
}

.point02 {
    color: #99ca3c !important;
}

@media (min-width: 768px) {
	.txt-green {
	    font-size: 32px;
	    font-weight: 700;
	    background-color: #99ca3c;
	    color:#ffffff;
	    margin-bottom: 50px;
	    line-height: 1.8;
	    text-align: center;

	}
	.sj_rec_p01 {margin-top:12px;font-weight:normal; font-size:16px; line-height:24px; color:#008fd4;}

}

@media (max-width: 767px) {
	.sj_rec_p01 {margin-top:8px; font-weight:normal;  font-size:14px; line-height:20px; color:#008fd4;}
    .recruit02-section01 > div{margin-bottom:20px;}
    .recruit02-section01 .img-area h4{position:absolute;left:15px;bottom:10px;margin-bottom:0;font-family:'Open Sans';font-size:28px;font-weight:700;letter-spacing:-2px;}
    .recruit02-section01 .info{padding:15px;font-size:13px;color:#fff;}
    .txt-green{padding:0 20px; font-family:'Open Sans';font-size:24px;font-weight:700; color:#ffffff; background-color:#99ca3c;margin-bottom:10px;}
    #home-slider .slides .slider .imgBox {transform:scale(1.2);}
    #home-portfolio .portfolioSlide .slides .slider {min-height:250px;}
}

.sj_rec_wr01 {margin-top:30px;}
.sj_rec_wr01 .w1:after {content:""; display:block; clear:both;}
.sj_rec_wr01 .w1 .e1 {float:left;}
.sj_rec_wr01 .w1 .e2 {margin-top:50px; float:left; margin-left:55px;}
.sj_rec_wr01 .w1 .e2 p {margin-top:20px;}
.sj_rec_wr01 .w1 .e2 h4 span {font-size:28px; font-weight:bold;}
.sj_rec_wr01 .w1 .e2 h4 {font-size:22px;}
.sj_rec_wr01 .w1 {margin-bottom:72px;}

@media (max-width: 768px) {
.sj_rec_wr01 .w1 .e1 {float:none; padding:0 20px;}
.sj_rec_wr01 .w1 .e1 img {width:100%;}
.sj_rec_wr01 .w1 .e2 {padding:0 20px; margin-top:20px; float:none; margin-left:0px;}
.sj_rec_wr01 .w1 .e2 p {margin-top:10px;}
.sj_rec_wr01 .w1 .e2 h4 span {font-size:20px; font-weight:bold;}
.sj_rec_wr01 .w1 .e2 h4 {font-size:16px;}
.sj_rec_wr01 .w1 {margin-bottom:50px;}

}

.sj_rec_wr02 {margin-top:30px;}
.sj_rec_wr02 .w1:after {content:""; display:block; clear:both;}
.sj_rec_wr02 .w1 .e1 {float:left;}
.sj_rec_wr02 .w1 .e2 {margin-top:50px; float:left; margin-left:55px;}
.sj_rec_wr02 .w1 .e2 p {margin-top:20px;}
.sj_rec_wr02 .w1 .e2 h4 {font-size:28px; font-weight:bold;}
.sj_rec_wr02 .w1 {margin-bottom:72px;}
.sj_rec_wr02 .w1 .e2 ul {margin-top:30px;}

@media (max-width: 768px) {
.sj_rec_wr02 .w1 .e1 {float:none; padding:0 20px;}
.sj_rec_wr02 .w1 .e1 img {width:100%;}
.sj_rec_wr02 .w1 .e2 {padding:0 20px; margin-top:20px; float:none; margin-left:0px;}
.sj_rec_wr02 .w1 .e2 p {margin-top:10px;}
.sj_rec_wr02 .w1 .e2 h4 {font-size:20px; font-weight:bold;}
.sj_rec_wr02 .w1 {margin-bottom:50px;}
	.sj_rec_wr02 .w1 .e2 ul {margin-top:15px;}
}


/* 검색 */
.search_area{width:50%;margin: 0 auto;padding-top:30px;text-align:center;}

/* === 게시판 공통스타일 === */
.board_top{overflow:hidden; padding-bottom:15px;}
.board_top p{float:left; color:#1e1e1e; font-size:16px; line-height:17px;}
.board_top div{float:right; overflow:hidden;}
.board_top div select{float:left; border:1px solid #c3c3c3; width:78px; height:30px; line-height:30px;}
.board_top div input{float:left; margin-left:4px; border:1px solid #c3c3c3; width:176px; height:30px; line-height:26px;}
.board_top div a{float:left; margin-left:4px;}

/* 게시판_리스트 */
.board_list{width:100%; border-top:1px solid #2a2a2a;}
.board_list table{width:100%;}
.board_list table thead th{background:#f5f5f5; border-bottom:1px solid #b4b4b4; font-size:14px; color:#222; line-height:43px; font-weight:700; text-align:center;}
.board_list table tbody td{border-bottom:1px solid #dcdcdc; color:#888; line-height:20px; text-align:center; padding:10px 0}
.board_list table tbody td.num{color:#666}
.board_list table tbody td a{color:#444;}
.board_list table tbody td a.new{background:url('/images/icon/icon_new.gif') no-repeat 100% 0; padding-right:20px;}
.board_list table tbody td img{vertical-align:middle}


/* 게시판_상세보기 */
.table-view{}
.table-view .subject{padding-top:15px;padding-bottom:10px;}
.table-view .port_title{font-size:18px;color:#008fd4;font-weight: 600;margin: 0;}
.table-view .regdate{padding-bottom:15px;border-bottom: 1px solid #b4b4b4;}
.table-view .regdate img{}
.table-view .file{padding-top:10px;padding-bottom:10px;border-bottom: 1px solid #ddd;}
.table-view .file a{color: #008fd4;}
.table-view .content-area{min-height: 200px;}
.table-view .content-area p{}
.table-view .content-area p.img{margin-bottom: 20px;}
.table-view .content-area .sm-tit{font-size: 18px;}
.table-view .content-area .desc-txt{font-size: 18px;}
.table-view .content-area .con-txt{font-size:16px}
.table-view .content-area .con_v{text-align:left;font-size:14px}
.table-btn{padding-bottom:10px}
.table-btn .btn{transition: all 0.4s ease-in-out;font-weight: 700;}
.table-btn .btn:hover{color:#fff}

/* 게시판_글쓰기 */
.board_write{width:100%; border-top:1px solid #2a2a2a; margin-bottom:20px;}
.board_write table{width:100%;}
.board_write table tbody th{background:#f1f1f1; color:#222; border-bottom:1px solid #cacaca; font-weight:700; line-height:14px; padding:11px 0 11px 2%; vertical-align:middle; text-align:left;}
.board_write table tbody th em{color:#c9274d;}
.board_write table tbody td{border-bottom:1px solid #cacaca; word-break:break-all; line-height:14px; padding:11px 0 11px 10px;}
.board_write table tbody td input[type=text]{width:97%; border:1px solid #d2d2d2; height:28px; line-height:28px;}
.board_write table tbody td textarea{width:98%; border:1px solid #d2d2d2; height:100px}
.board_write table tbody td.keyword{}
.board_write table tbody td .keyword_01{display:inline-block; width:40%; overflow:hidden;}
.board_write table tbody td .keyword_01 input{width:80%; float:left;}
.board_write table tbody td .keyword_01 a{margin-left:3px; float:left; display:inline-block; background:#999 url('/images/icon/icon_close.png') no-repeat 50% 50%; text-indent:-999px; width:32px; height:32px}
.board_write table tbody td .keyword_02{display:inline-block; width:39%; text-align:left;}
.board_write table tbody td .keyword_02 .popOpen{margin-left:3px; float:left; display:inline-block; background:#3b81c3 url('/images/icon/icon_01.png') no-repeat 10px 50%; line-height:30px; height:30px; border:1px solid #276aaa; color:#fff; padding:0 10px 0 30px}
.board_write .resi_date{border:none !important;}
.board_write .file_upload{width:100%; overflow:hidden;}
.board_write .file_upload img{float:left; padding-left:10px;}
.board_write #file_sub{width:200px; border:1px solid #d2d2d2; background:#fff; float:left; vertical-align:top; margin-top:1px;}
.board_write #real_file{display:none; float:left;}

/* 이전글,다음글 */
.page_sec{width:100%; margin-bottom:20px; border-top:1px solid #b4b4b4; border-bottom:1px solid #b4b4b4;}
.page_sec dl{width:100%;margin: 0;}
.page_sec dl dt{border-top:1px solid #dcdcdc;background:#f1f1f1;line-height:22px;padding:10px 19px;color:#222;font-weight:700;text-align:left;vertical-align:middle;}
.page_sec dl dt label{margin:0}
.page_sec dl dd{border-top:1px solid #dcdcdc;line-height: 44px;padding: 0 21px;vertical-align:middle;}
.page_sec dl dd a{color:#333}

/* 페이징 */
.page_no{width:100%; height:32px; padding-top:30px; text-align:center;}
.page_no a{display:inline-block; min-width:30px; height:30px; line-height:30px;  text-align:center; margin:0; vertical-align:middle; border:1px solid #ccc; font-size:11px;}
.page_no a.on{background-color:#777; border: 1px solid #777; color:#fff;}
.page_no a:hover{background-color:#777; border:1px solid #777; color:#fff;}
.page_no .pageBtn:hover{border:1px solid #dcdcdc; background:none;}


#sub_promotion {}
#sub_promotion section .txtBoxType01 .ciImgBox {text-align:center;}
#sub_promotion section .txtBoxType01 .ciImgBox img {width:100%; max-width:260px; height:auto;}
#sub_promotion section ul.halfBox {border-top:1px solid #ddd; border-bottom:none;}
#sub_promotion section ul.halfBox > li {padding:0;}
#sub_promotion section ul.halfBox > li:nth-child(odd) {padding-right:25px;}
#sub_promotion section ul.halfBox > li:nth-child(even) {padding-left:25px;}
#sub_promotion section ul.halfBox > li p {min-height:180px;}
#sub_promotion section ul.halfBox > li p.guideTxt {min-height:auto; margin-top:10px; font-size:14px; font-weight:bold; line-height:26px; color:#0091de;}
#sub_promotion section ul.halfBox {overflow:hidden; border-bottom:1px solid #f5f5f5;}
#sub_promotion section ul.halfBox > li {float:left; width:50%; padding:0 0 50px;}
#sub_promotion section ul.halfBox > li ul li {font-size:16px;}
#sub_promotion section .conTit {position:relative; margin:50px 0 20px; font-size:28px; font-weight:bold; color:#111;}

.sub_content .bt-sabo {
    position: relative;
    padding: 15px 50px;
    font-size: 23px;
    display:inline-block;
    margin-bottom: 1px;
}

.company_logo{margin:50px 0;text-align:center;}
.company_logo img{width:100%; max-width:547px}


.box_group{background:#f7fafb;overflow:hidden;padding:30px 15px 20px 15px;}
.box_group .area{float:left;width:16.66%;min-width:180px;padding:0 10px;min-height:265px;}
.box_group .area > h4 span.txt{position:absolute;top:1px; margin-left:7px; }
.box_group .area > p{margin-top:12px;}
.box_group .area > p > img{width:100%;}
.box_group .area > ul{margin-top:15px}
.box_group .area > ul li{width:100%;}
.box_group .area > ul li a i.more {display:block; position:absolute; top:8px; right:0px; z-index:1; width:14px; height:14px; background:url(/images/company/group_ico01.png) no-repeat center -42px; background-size:14px auto;}
.box_group .area > ul li a:hover i.more {background-image:url(/images/company/group_ico01.png); background-position:center top; background-size:14px auto;}
.box_group .area > ul li a{position:relative;}


.box_group .area > ul li a:hover{color:#008fd5}

@media (min-width: 768px) {
    .box_group .area > h4{font-size:15px;color:#333;font-weight:700;line-height:24px;position:relative}
    .box_group .area > h4 span.bg{display:inline-block;width:20px;height:20px;line-height:20px;font-size:12px;font-weight:900;letter-spacing:0px;color:#fff;background:#008fd5;text-align:center;}
    .box_group .area > ul li a{display:inline-block;padding:7px 5px;width:100%;font-size:14px;color:#666;font-weight:600;letter-spacing:-1px;line-height:18px;}

}
@media (max-width: 767px) {
    .box_group .area > h4{font-size:14px;color:#333;font-weight:700;line-height:24px;position:relative}
    .box_group .area > h4 span.bg{display:inline-block;width:24px;height:24px;line-height:22px;font-size:12px;font-weight:900;letter-spacing:0px;color:#fff;background:#008fd5;text-align:center;margin-right:4px;}
    .box_group .area{clear:both;width:100%;margin-bottom:30px;min-height:1px;padding-left:15px;;padding-right:15px;}
    .box_group .area > ul li a{display:inline-block;padding:7px 5px;width:100%;font-size:13px;color:#666;font-weight:700;letter-spacing:-1px;line-height:18px;}
}


.box_business{min-height:308px;overflow:hidden;padding:40px;background:url("/images/company/bg_box_business.jpg") 0 0 repeat;margin-top:40px;font-size:18px;color:#fff;font-weight:700;line-height:30px;letter-spacing:-1px;}

.lnb-ho .s_movie_ico01 {line-height:30px; display:inline-block; padding-left:38px; background:url("/images/sub/s_movie_ico01.png") 0 0 no-repeat; background-size:30px;}
.lnb-ho a.active .s_movie_ico01 {background-position:0 -61px;}
.lnb-ho a:hover .s_movie_ico01 {background-position:0 -61px;}
.lnb-ho .s_company_ico01 {line-height:30px; display:inline-block; padding-left:38px; background:url("/images/sub/s_company_ico01.png") 0 0 no-repeat; background-size:30px;}
.lnb-ho a.active .s_company_ico01 {background-position:0 -61px;}
.lnb-ho a:hover .s_company_ico01 {background-position:0 -61px;}

.lnb-ho li a span .axi, .lnb-ho li a span .fa{font-size:25px; vertical-align:middle;}

@media all and (max-width: 1280px) {
	#home-portfolio .portfolioSlide .slides .slider .txtBox{opacity:1;}
}

@media (max-width: 767px) {

/* 계열사 */
/*.familySite{background:#8ccbf2;}*/
body .familySite{background:#eee}
body .allMenu_On{display:none; width:100%; margin:0 auto; padding:15px 0}
body .allMenu_On ul{width:94%;overflow:hidden;margin:0 3%;}
body .allMenu_On ul li{float:left; width:100%; padding-bottom:6px; background:transparent;}
body .allMenu_On ul li a{color:#3b4145; font-size:14px; font-weight:500; display:block; line-height:40px; text-align:right;margin-right:7px;margin-left:7px;}
body .allMenu_On ul li.posi_right a{margin:0;}

/*#98d4fa*/
body .allMenu_On ul li#allMenu_bg_gbio a{background:#fff url('../images/common/allMenu_bg_gbio.png') no-repeat 15px center; padding-left:0 !important;padding-right:15px;}
body .allMenu_On ul li#allMenu_bg01 a{background:#fff url('../images/common/allMenu_bg01.png') no-repeat 15px center; padding-left:0 !important;padding-right:15px;}
body .allMenu_On ul li#allMenu_bg02 a{background:#fff url('../images/common/allMenu_bg02.png') no-repeat 15px center; padding-left:0 !important;padding-right:15px;}
body .allMenu_On ul li#allMenu_bg03 a{background:#fff url('../images/common/allMenu_bg03.png') no-repeat 15px center; padding-left:0 !important;padding-right:15px;}
body .allMenu_On ul li#allMenu_bg04 a{background:#fff url('../images/common/allMenu_bg04.png') no-repeat 15px center; padding-left:0 !important;padding-right:15px;}
body .allMenu_On ul li#allMenu_bg05 a{background:#fff url('../images/common/allMenu_bg05.png') no-repeat 15px center; padding-left:0 !important;padding-right:15px;}
body .allMenu_On ul li#allMenu_bg06 a{background:#fff url('../images/common/allMenu_bg06.png') no-repeat 15px center; padding-left:0 !important;padding-right:15px;}
body .allMenu_On ul li#allMenu_bg07 a{background:#fff url('../images/common/allMenu_bg07.png') no-repeat 15px center; padding-left:0 !important;padding-right:15px;}
body .allMenu_On ul li#allMenu_bg08 a{background:#fff url('../images/common/allMenu_bg08.png') no-repeat 15px center; padding-left:0 !important;padding-right:15px;}
body .allMenu_On ul li#allMenu_bg09 a{background:#fff url('../images/common/allMenu_bg09.png') no-repeat 15px center; padding-left:0 !important;padding-right:15px;}
body .allMenu_On ul li#allMenu_bg10 a{background:#fff url('../images/common/allMenu_bg10.png') no-repeat 15px center; padding-left:0 !important;padding-right:15px;}
body .allMenu_On ul li#allMenu_bg11 a{background:#fff url('../images/common/allMenu_bg11.png') no-repeat 15px center; padding-left:0 !important;padding-right:15px;}
body .allMenu_On ul li#allMenu_bg12 a{background:#fff url('../images/common/allMenu_bg12.png') no-repeat 15px center; padding-left:0 !important;padding-right:15px;}
body .allMenu_On ul li#allMenu_bg13 a{background:#fff url('../images/common/allMenu_bg13.png') no-repeat 15px center; padding-left:0 !important;padding-right:15px;}


}

.mnd_wrap1 {margin-bottom:120px;}
.nm2d {margin-top:40px;}
.nm2d_in {max-width: 1170px;margin-left:-15px;display: flex;flex-flow: wrap;/* align-content: center; *//* align-items: center; */justify-content: center;}
.nm2d_in:after {content:""; display:block; clear:both;}
.nm2d_dv {width: calc(33.33% - 35px);margin: 15px 15px;/* float:left; *//* display: inline-block; */}
.nm2d_dv a {display:block;position:relative;overflow:hidden;width: 100%;height: 280px;}
.nm2d_dv a img {transition:all 0.3s ease;}
.nm2d_dv a:hover img {transform:scale(1.2);}
.nm2d_dv a span {text-align:center; position:absolute; width:264px; margin-left:-132px; left:50%; top:50%; color:#ffffff; font-size:24px; font-weight:600;
margin-top:-25px; line-height:30px; padding:10px 0; border:1px solid #ffffff; border-width:1px 0 1px 0;}
.nm1d {margin-top:-96px;}
.nm1d {background:#008fd5; position:relative; z-index:3; padding:25px 50px; width:748px;}
.nm1d h2 {color:#ffffff; margin:0; font-size:50px; line-height:60px; font-weight:600;}
.nm1d p {color:#ffffff; margin:0; font-size:20px; line-height:28px; font-weight:500; letter-spacing:-0.5px;}
.sj_mvis_dv {height:960px; }
.sj_mvis_img {transition:all 2.5s ease-in; transform:scale(1.2); position:absolute; top:0; left:0; right:0; bottom:0; background-size:cover; background-position:center bottom;}
.sj_mvis_dv.slick-active .sj_mvis_img {transform:scale(1);}
.sj_mvis_box {position:absolute; top:50%; left:50%; margin-left:-570px; margin-top:-253px; width:505px; height:505px; padding:100px 50px 0 50px; background:rgba(150,200,54,0.9);}

@media all and (max-width:1000px) {
	.sj_mvis_box {margin-left: -410px;}
}

.sj_mvis_box h2 {text-shadow:1px 1px 2px #38383899; transition:all 1s ease-out; transform:translateX(-200px); opacity:0; margin:0; font-size:54px; line-height:56px; font-weight:600; letter-spacing:-1px; color:#ffffff;}
.sj_mvis_dv.slick-active .sj_mvis_box h2 {transform:translateX(0px); opacity:1;}
.sj_mvis_dv h2 span {font-size:28px; line-height:32px; display:inline-block;}
.sj_mvis_slide .slick-dots {position:absolute; bottom:130px; left:0; right:0; text-align:center;}
.sj_mvis_slide .slick-dots li {margin:0 5px; display:inline-block;}
.sj_mvis_slide .slick-dots li button {display:block; width:8px; height:8px; background:#ffffff; text-indent:-9999px; font-size:0; margin:0; padding:0;}
.sj_mvis_slide .slick-dots li.slick-active button {width:60px; background:#94c93d;}
.sj_mvis_box p {text-shadow:1px 1px 2px #38383899;transition:all 1s ease-out;transform:translateX(100px);margin-top: 20px;font-size:20px;line-height:30px;color:#ffffff;letter-spacing:-0.5px;}
.sj_mvis_dv.slick-active .sj_mvis_box p {transform:translateX(0px); opacity:1;}
.nm3d {margin-top:40px;}
.nm3d_in {max-width: 1180px;margin-left:-20px;}
.nm3d_in:after {content:""; display:block; clear:both;}
.mn3d_dv {width: calc(50% - 40px);height:240px;margin:0 20px;float:left;}
.mn3d_dv a {display:block; padding:40px 50px; position:relative; overflow:hidden;}
.mn3d_dv1 {background:#94c93d;}
.mn3d_dv1 a:after {z-index:1; content:""; position:absolute; top:0; right:0; bottom:0; left:0; background:url(/images/mn3d_bg01.png) right bottom no-repeat;}
.mn3d_dv2 a:after {z-index:1; content:""; position:absolute; top:0; right:0; bottom:0; left:0; background:url(/images/mn3d_bg02.png) right bottom no-repeat;}
.mn3d_dv2 {background:#008fd5;}
.mn3d_dv .w1 {position:relative; z-index:2; display:block; font-size:36px; line-height:42px; font-weight:600; color:#ffffff;}
.mn3d_dv .w2 {position:relative; z-index:2;margin-top:13px; display:block; font-size:18px; line-height:22px; color:#ffffff;}
.mn3d_dv .w3 {position:relative; z-index:2;margin-top:21px; display:inline-block; border-radius:4px; border:1px solid #ffffff; color:#ffffff; padding:0 13px; line-height:36px; font-size:18px; font-weight:500;}
.mn3d_dv1 a:before {content:""; transition:all 0.3s ease; position:absolute; top:0; left:0; bottom:0; right:0; transform:translateX(-550px); background:#7eb02c;}
.mn3d_dv1 a:hover:before {transform:translateX(0px);}
.mn3d_dv2 a:before {content:""; transition:all 0.3s ease; position:absolute; top:0; left:0; bottom:0; right:0; transform:translateX(-550px); background:#0284c4;}
.mn3d_dv2 a:hover:before {transform:translateX(0px);}
@media all and (max-width:768px){
	#home {padding-bottom:0;}
	#footer {position:static;}
}

@media all and (min-width: 769px) and (max-width: 1199px) {


}

@media all and (max-width:768px){
	.mnd_wrap1 {margin-bottom:20px;}
.sj_mvis_slide .slick-dots {position:absolute; bottom:60px; left:0; right:0; text-align:center;}
.sj_mvis_slide .slick-dots li {margin:0 2px; display:inline-block;}
	.sj_mvis_slide .slick-dots li button {display:block; width:4px; height:4px; background:#ffffff; text-indent:-9999px; font-size:0; margin:0; padding:0;}
.sj_mvis_slide .slick-dots li.slick-active button {width:24px; background:#94c93d;}
	.sj_mvis_dv {height:400px;}
	.sj_mvis_box {height:240px; width:240px; padding:20px 10px 0 20px; margin-left:0px; left:10px; margin-top:-140px;}
	.sj_mvis_box h2 {font-size:22px; line-height:26px; }
	.sj_mvis_dv h2 span {font-size:16px; line-height:24px;}
	.sj_mvis_box p {margin-top:5px; font-size:13px; line-height:18px;}
	.nm1d {margin:0 10px; margin-top:-40px; width:auto;}
	.nm1d {background:#008fd5; position:relative; z-index:3; padding:15px 20px;}
	.nm1d_in {width:100%; }
	.nm1d h2 {color:#ffffff; margin:0; font-size:24px; line-height:26px; font-weight:600; padding:0;}
	.nm1d p {color:#ffffff; margin:0; margin-top:8px;  font-size:13px; line-height:18px; font-weight:500; letter-spacing:-0.5px;}
	.nm2d {margin-top:0px;}
	.nm2d_in {width:100%; margin-left:-0px;}
	.nm2d_in:after {content:""; display:block; clear:both;}
	.nm2d_dv {width:100%; padding:0 10px; float:none; margin:0px; margin-top:20px;}
	.nm2d_dv a {display:block; position:relative; overflow:hidden; width:100%; height:auto;}
	.nm2d_dv a img {transition:all 0.3s ease; width:100%;}
	.nm2d_dv a:hover img {transform:scale(1.2);}
	.nm2d_dv a span {text-align:center; position:absolute; width:220px; margin-left:-110px; left:50%; top:50%; color:#ffffff; font-size:20px; font-weight:600;
	margin-top:-25px; line-height:28px; padding:10px 0; border:1px solid #ffffff; border-width:1px 0 1px 0;}

	.nm3d {margin-top:0px; margin:0 10px;}
	.nm3d_in {width:auto; margin-left:0px;}
	.nm3d_in:after {content:""; display:block; clear:both;}
	.mn3d_dv {width:100%; height:auto; margin:0px; float:none; margin-top:20px;}
	.mn3d_dv a {display:block; padding:20px 20px; position:relative; overflow:hidden;}
	.mn3d_dv1 {background:#94c93d;}
	.mn3d_dv1 a:after {z-index:1; content:""; position:absolute; top:0; right:0; bottom:0; left:0; background:url(/images/mn3d_bg01.png) right bottom no-repeat; background-size:84px auto;}
	.mn3d_dv2 a:after {z-index:1; content:""; position:absolute; top:0; right:0; bottom:0; left:0; background:url(/images/mn3d_bg02.png) right bottom no-repeat; background-size:132px auto;}
	.mn3d_dv2 {background:#008fd5;}
	.mn3d_dv .w1 {position:relative; z-index:2; display:block; font-size:20px; line-height:24px; font-weight:600; color:#ffffff;}
	.mn3d_dv .w2 {position:relative; z-index:2;margin-top:8px; letter-spacing:-0.5px; display:block; font-size:13px; line-height:18px; color:#ffffff;}
	.mn3d_dv .w3 {position:relative; z-index:2;margin-top:10px; display:inline-block; border-radius:4px; border:1px solid #ffffff; color:#ffffff; padding:0 13px; line-height:24px; font-size:14px; font-weight:500;}
	.mn3d_dv1 a:before {content:""; transition:all 0.3s ease; position:absolute; top:0; left:0; bottom:0; right:0; transform:translateX(-550px); background:#7eb02c;}
	.mn3d_dv1 a:hover:before {transform:translateX(0px);}
	.mn3d_dv2 a:before {content:""; transition:all 0.3s ease; position:absolute; top:0; left:0; bottom:0; right:0; transform:translateX(-550px); background:#0284c4;}
	.mn3d_dv2 a:hover:before {transform:translateX(0px);}

}

@media all and (max-width:359px){
	.mn3d_dv .w3 {max-width:180px;}
}

#f-snb{position: relative;width: 100%;padding: 0;overflow: hidden;}
#f-snb .container{width:100%}
#f-snb .row{padding:20px 0;border-bottom: 1px solid #ddd;}
#f-snb .tit{font-weight: bold;text-align: center;font-size: 20px;}
#f-snb img{display: inline-block;width: auto;margin: 0 auto;}
#f-snb .snb-desc{text-align: center;}
#f-snb ul.menu-box{margin-top: 10px;}
#f-snb ul.menu-box>li{margin-bottom: 10px;}
#f-snb ul.menu-box>li .s-tit{vertical-align:middle;display: block;font-size: 16px;font-weight: bold;/* width: 190px; */text-align: left;padding-right: 20px;margin-bottom: 10px;}
#f-snb ul.menu-box>li>a{vertical-align:middle; color: #4c4c4c;}
#f-snb ul.menu-box>li>a:after{content:'|';margin: 0 10px;}
#f-snb ul.menu-box>li>a:last-child:after{content:''}
#f-snb ul.menu-box>li>ul:after {content:""; display:block; clear:both;}
#f-snb ul.menu-box>li>ul>li {position:relative; float:left; margin-left:12px; padding-left:13px;}
#f-snb ul.menu-box>li>ul>li:first-child {margin-left:0px; padding-left:0px;}
#f-snb ul.menu-box>li>ul>li:first-child:before {display:none;}
#f-snb ul.menu-box>li>ul>li:before {content:""; position:absolute; top:4px; bottom:4px; left:0px; width:1px; background:#c7c7c7;} 


.subContainer ul.newTab {display:block; overflow:hidden; z-index:50; width:100%; max-width:1140px; padding:0; margin:0;}
.subContainer ul.newTab.fixed {position:fixed; top:334px; width:96%;}
.subContainer ul.newTab li {padding:0; text-align:center;}
.subContainer ul.newTab li a {display:block; padding:10px 0; border-bottom:2px solid #ddd; font-size:18px; text-decoration:none; color:#999; background:#fff;}
.subContainer ul.newTab li a.active {border-color:#008fd4; color:#111; color:#008fd4;}

.historyWrap {overflow:hidden; margin-bottom:50px;}
.historyWrap .infoBox {float:left; width:48%;}
.historyWrap .infoBox .inner {padding:0 0 0 25px;}
.historyWrap .infoBox .inner p span {display:block;}
.historyWrap .infoBox .inner p span.w1 {font-size:36px;}
.historyWrap .infoBox .inner p span.w2 {font-size:48px; color:#008ed4;}
.historyWrap .infoBox .inner .txt01 {font-size:51px; font-weight:bold; line-height:1em;}
.historyWrap .infoBox .inner .txt02 {font-size:18px; line-height:1.6em;}
.historyWrap .infoBox .inner img {width:95%; max-width:468px; height:auto; vertical-align:top;}
.historyWrap ul.timelineList {margin-top:150px; float:left; width:52%;}
.historyWrap ul.timelineList > li {overflow:visible; padding-bottom:40px; margin-left:5px; background:url(/images/sub/borderLine_ddd.gif) no-repeat left top; background-size:1px 100%;}
.historyWrap ul.timelineList > li:first-child {background-position:left 6px;}
.historyWrap ul.timelineList > li:last-child {background-size:1px 6px;}
.historyWrap ul.timelineList > li .yearTxt {position:relative; padding-left:65px; margin-left:-5px; text-align:left; font-size:21px; line-height:22px; color:#0082d4;}
.historyWrap ul.timelineList > li .yearTxt:before {content:""; display:inline-block; overflow:hidden; position:absolute; top:50%; left:0; z-index:1; width:10px; height:10px; margin-top:0px; border-radius:50%; background:#0082d4;}
.historyWrap ul.timelineList > li ul {position:relative; top:-10px; padding-left:65px; margin-left:-5px;}
.historyWrap ul.timelineList > li ul li {text-align:left; font-size:18px; line-height:2em;}
.historyWrap ul.timelineList > li ul li em {font-weight:bold;}
.historyWrap .csoon {font-size:36px; color:#d1d1d1; font-weight:900;}
.historyWrap ul.timelineList > li ul li+li {margin-left:28px;}


.acd0 {margin-top:30px; text-align:center;}
.acd0 img {display:inline-block;}
.acd1 {overflow:hidden; margin-top:50%;}
.acd1 .w1 {float:left; width:45%;}
.acd1 .w2 {float:left; width:55%; padding-top:50px;}
.acd1 .w2 .e1 {margin-top:20px; margin-left:30px; margin-bottom:30px;}
.acd1 .w1 img {display:block; width:100%;}
.acd1 .w2 p {margin-left:30px; font-size:18px; line-height:26px;}
.acd1 .w2 p {margin-bottom:15px;}
.acd2 {/* background:url(/images/sub/bd_img02.png) center top no-repeat; */ background-size:cover; margin-top:70px;}
.acd2 p {text-align:center; font-size:24px; line-height:36px; padding:200px 0; font-weight:bold;}
.acd1 .w2 p .r1 {color:#008ed4; font-weight:bold;}
.acd1 .w2 p .r2 {font-weight:bold;}
.acd1 .w2 p .r3 {font-weight:bold;}
.nceo_btm_img {display:none;}

@media all and (max-width:768px){
	.acd0 img {height:24px; display:inline-block;}
	.acd2 p {padding:100px 0;}
	.acd1 .w2 {padding-top:30px;}
	.acd1 .w2 p {margin-left:10px; font-size:14px; line-height:20px;}
	.acd1 .w2 .e1 {margin-left:10px; margin-top:0px;}
	.acd1 .w2 .e1 img {height:24px;}
	.historyWrap .infoBox .inner {padding:0 0 0 10px;}
	.historyWrap .infoBox .inner .txt01 {font-size:28px;}
	.historyWrap .infoBox .inner p span.w1 {font-size:22px;}
	.historyWrap .infoBox .inner p span.w2 {font-size:28px; color:#008ed4;}

	.historyWrap .infoBox .inner .txt02 {font-size:14px;}
	.historyWrap ul.timelineList {margin-top:100px;}
	.historyWrap ul.timelineList > li {overflow:visible; padding-bottom:20px;}
	.historyWrap ul.timelineList > li .yearTxt {padding-left:20px; font-size:15px;}
	.historyWrap ul.timelineList > li ul {top:-8px; padding-left:20px;}
	.historyWrap ul.timelineList > li ul li {font-size:12px;}
	.historyWrap ul.timelineList > li ul li+li {margin-left:18px;}
	.historyWrap .csoon {font-size:13px;}
}

.acd3 .img_pc {display:block; width:100%; max-width:1091px; margin:100px auto 50px auto;}
.acd3 .img_m {display:none; max-width:300px; margin:0 auto;}
.mb100 {margin-bottom:100px !important;}

@media all and (max-width:415px){
	.acd1 .w1 {float:none; width:100%;}
	.acd1 .w2 {float:none; width:100%; padding-top:30px;}
	.acd1 .w2 p {margin-left:0px;}
	.acd1 .w2 .e1 {margin-left:0px; text-align:center;}

}

@media all and (max-width:640px){
	.acd3 .img_pc {display:none;}
	.acd3 .img_m {display:block; }
	.acd3 {overflow-y:hidden; overflow-x:auto; margin:50px auto 20px auto;}
	.acd3 img {width:640px;}
}

.acd_in_img {margin-top:60px; height:301px; background-position:center; background-repeat:no-repeat; background-size:cover;}
.acd_in_img01 {background-image:url(/images/sub/acd_in_img01.png);}
.acd_in_img02 {background-image:url(/images/sub/acd_in_img02.png);}
.acd_in_img03 {background-image:url(/images/sub/acd_in_img03.png);}


.acd4 {margin-top:70px; overflow:hidden;}
.acd4 .w1 {width:18%; float:left;}
.acd4 .w2 {width:82%; float:left;}
.acd4 .w1 h2 {font-size:30px; font-weight:bold; margin:0; padding-top:30px; position:relative;}
.acd4 .w1 h2:before {content:""; display:block; position:absolute; top:0; left:0; width:60%; background:#9acc3a; height:6px;}
.acd4 .w2 h3 {font-weight:bold; font-size:20px; line-height:28px;}
.acd4 .w2 p {font-size:16px; line-height:24px;}

.acd4 .w2.tp02 {clear:both;}

.acd5 {margin-top:70px; margin-left:-10px; margin-right:-10px; overflow:hidden;}
.acd5_dv {width:25%; float:left; }
.acd5_dv .w1 {height:520px; padding:25px 24px 0 24px; margin:0 10px; background:#f5f7f8;}
.acd5_dv h4 {font-size:20px; font-weight:bold; line-height:28px;}
.acd5_dv p {margin-top:20px; font-size:14px; line-height:24px; height:72px;}
.acd5_dv ul li {font-size:14px; line-height:24px; padding-left:8px; background:url(/images/sub/nsj_bul01.png) left 11px no-repeat;}
.acd5_dv ul {margin-top:30px;}

.acd5_dv1 .w1 {background-image:url(/images/sub/bb1_img01.png); background-position:center bottom; background-repeat:no-repeat; background-size:100% auto;}
.acd5_dv2 .w1 {background-image:url(/images/sub/bb1_img02.png); background-position:center bottom; background-repeat:no-repeat; background-size:100% auto;}
.acd5_dv3 .w1 {background-image:url(/images/sub/bb1_img03.png); background-position:center bottom; background-repeat:no-repeat; background-size:100% auto;}
.acd5_dv4 .w1 {background-image:url(/images/sub/bb1_img04.png); background-position:center bottom; background-repeat:no-repeat; background-size:100% auto;}

.acd6 {margin-top:70px; margin-left:-10px; margin-right:-10px; overflow:hidden;}
.ace6 .acd6_dv:first-child {width:33.34%;}
.acd6_dv {width:33.33%; float:left; }
.acd6_dv .w1 {height:520px; padding:25px 24px 0 24px; margin:0 10px; background:#f5f7f8;}
.acd6_dv h4 {font-size:20px; font-weight:bold; line-height:28px;}
.acd6_dv p {margin-top:20px; font-size:14px; line-height:24px;}
.acd6_dv ul li {font-size:14px; line-height:24px; padding-left:8px; background:url(/images/sub/nsj_bul01.png) left 11px no-repeat;}
.acd6_dv ul {margin-top:20px;}

.acd6_dv1 .w1 {background-image:url(/images/sub/bb2_img01.png); background-position:center bottom; background-repeat:no-repeat; background-size:100% auto;}
.acd6_dv2 .w1 {background-image:url(/images/sub/bb2_img02.png); background-position:center bottom; background-repeat:no-repeat; background-size:100% auto;}
.acd6_dv3 .w1 {background-image:url(/images/sub/bb2_img03.png); background-position:center bottom; background-repeat:no-repeat; background-size:100% auto;}



@media all and (max-width: 1199px) {
	.acd5_dv h4 {font-size:18px; font-weight:bold; line-height:24px;}
	.acd5_dv p {margin-top:20px; font-size:13px; line-height:20px;}
	.acd5_dv ul li {font-size:13px; line-height:20px;}
	.acd4 .w1 h2 {font-size:20px;}
	.acd4 .w2 h3 {font-weight:bold; font-size:18px; line-height:24px;}
	.acd4 .w2 p {font-size:15px; line-height:21px;}
	.acd_in_img {height:150px; background-position:center; background-repeat:no-repeat; background-size:cover;}
	.acd6_dv .w1 {height:450px;}
	.acd6_dv h4 {font-size:18px; font-weight:bold; line-height:24px;}
	.acd6_dv p {margin-top:20px; font-size:13px; line-height:20px;}
	.acd6_dv ul li {font-size:13px; line-height:20px;}
	.acd5_dv .w1 {height:450px;}
}

@media all and (max-width:768px){
	.acd_in_img {margin-top:10px; height:100px;}
	.acd4 .w1 {width:100%; float:none;}
	.acd4 .w2 {width:100%; float:none;}
	.acd4 .w1 h2:before {content:""; display:block; position:absolute; top:0; left:0; width:50px; background:#9acc3a; height:4px;}
	.acd4 .w1 h2 {font-size:20px; padding-top:15px;}
	.acd5_dv {width:50%; float:left; }
	.acd5_dv .w1 {height:360px;}
	.acd5 .acd5_dv+.acd5_dv+.acd5_dv {margin-top:20px;}
	.acd5_dv p {margin-top:10px;}
	.acd5_dv ul {margin-top:15px;}
	.acd6_dv .w1 {height:480px;}
	.acd6 {margin-top:30px;}
	.acd6_dv {width:50%; float:left; }
	.acd6 .acd6_dv+.acd6_dv+.acd6_dv {margin-top:20px;}
	.acd6_dv p {margin-top:10px;}
	.acd6_dv ul {margin-top:15px;}
	.acd5_dv .w1 {height:480px;}
}

@media all and (max-width:415px){
	.acd4 {margin-top:35px;}
	.acd5_dv {width:100%; float:left; }
	.acd5_dv .w1 {height:360px;}
	.acd5 .acd5_dv+.acd5_dv {margin-top:20px;}
	.acd5_dv p {margin-top:10px; height:auto;}
	.acd5_dv ul {margin-top:15px;}

	.acd6 {margin-top:30px;}
	.acd6_dv {width:100%; float:left; }
	.acd6_dv .w1 {height:420px;}
	.acd6 .acd6_dv+.acd6_dv {margin-top:20px;}
	.acd6_dv p {margin-top:10px;}
	.acd6_dv ul {margin-top:15px;}

	.acd5_dv .w1 {background-position: center 130%;}
	.acd6_dv .w1 {background-position: center bottom;}
	.acd6 .acd6_dv:nth-child(2) .w1{height:450px;}
	.acd5_dv .w1 {height:450px;}
}

.acd7 {margin-top:50px;}
.acd7_in {}
.acd7_in .img_pc {display:block; margin:0 auto; max-width:100%;}
.acd7_in .img_m {display:none; max-width:300px; margin:0 auto;}
.acd8 {margin-top:50px;}

.acd8 ul {overflow:hidden;}
.acd8 ul li {padding:30px 0;width:25%; float:left; background:#f4f4f4;}
.acd8 ul li img {display:block; margin:0 auto;}
.acd8 ul li .w1 {text-align:center; font-size:20px;}
.acd8 ul li .w2 {text-align:center; font-size:24px; font-weight:bold;}
.acd8 ul li:nth-child(2n) {background:#8bbb3c;}


@media all and (max-width:768px){
	.acd7_in .img_pc {display:none;}
	.acd7_in .img_m {display:block;}
	.acd8 ul li img {width:62px;}
	.acd8 ul li .w1 {text-align:center; font-size:14px;}
	.acd8 ul li .w2 {text-align:center; font-size:18px; font-weight:bold;}

}
@media all and (max-width:415px){
	.acd7{margin-top:25px;}
	.acd8 {margin-top:25px;}
	.acd8 ul li {padding:30px 0;width:50%;}
	.acd8 ul li:nth-child