@charset "UTF-8";
/* @import url('common.css'); */


/* 더보기 버튼 */
section .subMore { margin:0 auto; width:100%; max-width:1200px; }
section .subMore button { display:inline-block; position:relative; width:147px; height:40px; font-size:1.5rem; background:#fff; border:1px solid #222; transition:0.3s; outline:0; overflow:hidden; }
section .subMore button span { position:relative; }
section .subMore button:before { content:""; display:inline-block; position:absolute; bottom:0; left:0; right:0; margin:0 auto; width:100%; height:100%; background:#222; transform:scale(0,1); transition:all 0.3s ease;}
section .subMore button:hover { color:#fff; border:1px solid #222; }
section .subMore button:hover:before { transform:scale(1,1); }
section .subMore button:hover:span { color:#fff; }

/* 서브 타이틀 */
.subTit { display:table; margin:0 auto; width:100%; max-width:1920px; height:100%; max-height:460px; min-height:460px; }
.subTit.sub01 { background:url("../afo_images/sub/sub01.jpg") no-repeat top; background-size:cover; }
.subTit.sub02 { background:url("../afo_images/sub/sub02.jpg") no-repeat top; background-size:cover; }
.subTit.sub03 { background:url("../afo_images/sub/sub03.jpg") no-repeat top; background-size:cover; }
.subTit.sub04 { background:url("../afo_images/sub/sub04.jpg") no-repeat top; background-size:cover; }
.subTit.sub05 { background:url("../afo_images/sub/sub05.jpg") no-repeat top; background-size:cover; }
.subTit p { display:table-cell; height:100%; font-size:4.5rem; font-weight:bold; color:#fff; text-align:center; vertical-align:middle;  }
/* 네비게이션용 DIV */
.navLocation { position:relative; }
.navLocation span { position:absolute; top:-110px; }
/* sub Text */
section .subTxt { margin:0 auto 50px auto; width:100%; max-width:1200px; line-height:1.5; font-size:1.8rem; text-align:center; }
section .subTxt2 { margin:0 auto; width:100%; max-width:1200px; line-height:1.5; font-size:1.8rem; text-align:center; }

/* 서브 네비게이션 */
.subNav {  margin:0 auto; width:100%; max-width:1920px; background:#fff; border-bottom:1px solid #ddd; z-index:11; transition:all 0.3s; }
.subNav .desktopNav { overflow:hidden; margin:0 auto; width:800px;  }
.subNav .desktopNav li { float:left; width:33.333%; text-align:center;  }
.subNav.nav4 .desktopNav li {  float:left; width:25%; text-align:center; }
.subNav .desktopNav li a { display:inline-block; padding:25px 0; width:100%; font-size:2rem; font-weight:bold; color:#666; transition:all 0.3s; }
.subNav .desktopNav li a:hover { color:#1a4a98; transition:all 0.3s; }
.subNav .desktopNav li a.current { color:#1a4a98; border-bottom:3px solid #1a4a98; }
.subNav.subNavScroll { position:fixed; top:65px; max-width:100%; transition:all 0.3s; }
.subNav.subNavScroll .desktopNav li a { padding:14px 0 6px 0; }

/* 모바일 서브 네비게이션 */
.mobileNav { display:none; position:relative; width:100%; height:50px; vertical-align:middle; background:#fff;}
.mobileNav:after { content:"\e5c5"; position:absolute; top:25%; right:15px; font-size:2.5rem; color:#222; font-family:"Material Icons"; }
.mobileNav > a { display:block; position:absolute; padding:0 15px; width:100%; height:100%; line-height:50px; font-size:16px; color:#222; border:1px solid #ccc; border-bottom:0;}
.mobileNav > ul { display:none; position:absolute; width:100%; top:50px; background:#fff; border:1px solid #ccc; border-top:none; z-index:1;}
.mobileNav > ul > li{ padding:10px; height:50px; line-height:36px; font-size:16px; color:#222; border-bottom:1px solid #ccc; cursor:pointer;}
.mobileNav > ul > li:first-child { border-top:1px solid #ccc; }
.mobileNav > ul > li:last-child { border-bottom:none; }
.subNavScroll .mobileNav { margin-top:14px; }

/* ================================================= Company(회사소개) ================================================= */
.introduce .introBg img { width:100%; }
.introduce .introTxt { line-height:27px; font-size:1.7rem; color:#222; text-align:center; letter-spacing:-0.5px; }
/* 연혁 */
.history .historyRow { margin:50px auto; width:100%; max-width:1200px; overflow:hidden; }
.history .historyRow .hlistoryLine  { width:12%; }
.history .historyRow .hlistoryLine .year { font-size:3.5rem; text-align:center; }
.history .historyRow .hlistoryLine .ion-location { padding-left:5px; width:100%; font-size:5rem; text-align:center; color:#1a4a98; }
.history .historyRow .hisoryTxt { width:44%; }
.history .historyRow .hisoryTxt ul { margin-top:125px; }
.history .historyRow .hisoryTxt ul li { position:relative; display:block; margin-top:10px; width:100%; height:20px; line-height:30px; clear:both; }
.history .historyRow .hisoryTxt ul li:after { content:""; position:absolute; top:-41px; right:596.6px; display:inline-block; width:2px; height:55px; background:#ccc; z-index:-1;}
.history .historyRow .hisoryTxt ul li.right:after { right:-75.2px; }
.history .historyRow .hisoryTxt ul li:before { content:""; position:absolute; top:12px; right:535.6px; display:inline-block; width:46px; border:1px dashed #ccc; z-index:-1;}
.history .historyRow .hisoryTxt ul li b.client { display:inline-block; margin-right:5px; color:#0593ff; }
.history .historyRow .hisoryTxt ul li b.bizTit { display:inline-block; color:#333; }
.history .historyRow .hisoryTxt ul li b.bizTit.highlight:after { bottom:4px; border-bottom-color:#ffef4c; box-shadow:#ffef4c; }
.history .historyRow .hisoryTxt ul li b.bizTit.highlight:hover:after { color:#fff; box-shadow:inset 0 -17px 0 #ffef4c;}
.history .historyRow .hisoryTxt ul li.right:before { right:-53.2px; }
.history .historyRow .hisoryTxt ul li span { float:left; display:block; width:90%; }
.history .historyRow .hisoryTxt ul li span:first-child { display:inline-block; margin-right:10px; }
.history .historyRow .hisoryTxt ul li span.month { float:left; position:relative; width:40px; }
.history .historyRow .hisoryTxt ul li span.month.noMonth { margin:0; width:0; }
.history .historyRow .hisoryTxt ul li.right { text-align:right; }
.history .historyRow .hisoryTxt ul li.right span { float:right; display:block; width:90%; }
.history .historyRow .hisoryTxt ul li.right span.month { float:right; display:block; width:40px; }
.history .historyRow .hisoryTxt ul li.right span.month.noMonth { margin-right:10px; width:0; }
.history .historyRow .hisoryTxt .historyConts:before { content:""; position:absolute; bottom:3px; display:inline-block; width:6px; height:6px; background:#fff; border-radius:50%; border:3px solid #1a4a98; }
.history .historyRow .hisoryTxt .historyConts.left:before { right:-15.09%; }
.history .historyRow .hisoryTxt .historyConts.right:before { left:-14.3%; }

/* 모바일 연혁 */
.mobileHistory { display:none; }
.mobileHistory .historyRow2 { margin:50px auto; width:100%; max-width:1200px; overflow:hidden; }
.mobileHistory .historyRow2 .hlistoryLine  { width:100%; }
.mobileHistory .historyRow2 .hlistoryLine .year { font-size:3.5rem; text-align:center; }
.mobileHistory .historyRow2 .hlistoryLine .ion-location { padding-left:5px; width:100%; font-size:5rem; text-align:center; color:#1a4a98; }
.mobileHistory .historyRow2 .hisoryTxt { margin:0 auto; width:100%; max-width:510px; text-align:left; }
.mobileHistory .historyRow2 .client { float:left; display:block; margin-right:10px; width:52px; color:#0593ff; }
.mobileHistory .historyRow2 .hisoryTxt ul { margin-top:10px; }
.mobileHistory .historyRow2 .hisoryTxt ul li { position:relative; display:block; margin-top:10px; line-height:23px; text-align:center; clear:both; overflow:hidden; }
.mobileHistory .historyRow2 .hisoryTxt ul li:after { display:none; }
.mobileHistory .historyRow2 .hisoryTxt ul li:before { display:none; }
.mobileHistory .historyRow2 .hisoryTxt ul li span { display:inline-block; position:relative; /* width:90% */ }/* width:73% */
.mobileHistory .historyRow2 .hisoryTxt ul li span:first-child { display:inline-block; margin-right:3px; width:35px;}
.mobileHistory .historyRow2 .hisoryTxt ul li span:first-child:before { content:""; display:inline-block; position:absolute; top:6px; left:-10px; width:5px; height:5px; background-color:#1a4a98; border-radius:50%;  }
.mobileHistory .historyRow2 .hisoryTxt ul li span:first-child.noMonth { /* width:90% */ width:auto; }/* width:73% */
.mobileHistory .historyRow2 .hisoryTxt ul li b.bizTit.highlight:after { bottom:2px; border-bottom-color:#ffef4c; box-shadow:#ffef4c; }
.mobileHistory .historyRow2 .hisoryTxt ul li b.bizTit.highlight:hover:after { color:#fff; box-shadow:inset 0 -17px 0 #ffef4c;}

/* CI소개 */
.ci .container h2 { margin:100px auto 0; width:95.91%; font-size:1.9rem; color:#335a9a; }
.ci .container .line { padding-top:80px; border-top:1px solid #ccc; }
.ci .container .gridBox { position:relative; width:95.91%; margin:20px auto 30px; border:1px solid #ccc; overflow:hidden; background:url("../afo_images/sub/bg_grid.png"); }
.ci .container .gridBox:before { content:""; display:block; padding-top:30.4%; }
.ci .container .gridBox span { display:block; position:absolute; z-index:10; left:0; top:0; right:0; bottom:0; text-align:center; }
.ci .container .gridBox span img { position:relative; top:30%; width:70%; max-width:640px; height:auto; outline:none; }
.ci .container .text { width:95.91%; margin:10px auto 0; font-size:1.7rem; }
.ci .container .ciBox { width:95.91%; margin:20px auto 30px; overflow:hidden; }
.ci .container .ciBox div { position:relative; width:47.9%; }
.ci .container .ciBox div:before { content:""; display:block; padding-top:39%; }
.ci .container .ciBox div.left { float:left; }
.ci .container .ciBox div.right { float:right; }
.ci .container .ciBox div h3 { position:absolute; top:0; left:0; font-size:1.7rem; }
.ci .container .ciBox div .imgBox { display:block; position:absolute; left:0; top:35px; right:0; bottom:0; text-align:center; border:1px solid #ddd; overflow:hidden; background:url("../afo_images/sub/bg_grid.png"); }
.ci .container .ciBox.type1 div .imgBox img { position:relative; top:30%; height:40%; outline:none; }
.ci .container .ciBox.type2 div .imgBox img { position:relative; top:21%; height:60%; outline:none; }

/* 오시는길 */
.map .container .mapCanvas { position:relative; width:94%; margin:20px auto 30px auto; border:1px solid #ccc; overflow:hidden; }
.map .container .mapCanvas:before { content:""; display:block; padding-top:49%; }
.map .container .mapCanvas .root_daum_roughmap { position:absolute; left:50%; top:50%; width:1152px; height:578px; margin-left:-576px; margin-top:-289px; }
.map .container .trafficInfo { margin:0 auto; width:100%; max-width:1128px; overflow:hidden; }
.map .container .trafficInfo h2 { margin:0 auto; font-size:1.9rem; color:#335a9a; }
.map .container .trafficInfo p { margin:10px 0 10px 5px; font-size:1.8rem; }
.map .container .trafficInfo p i { margin-right:5px;  vertical-align:middle; }
.map .container .trafficInfo > div { width:50%; }
/* .map .container .trafficInfo .floatL .traffic {  } */
.map .container .trafficInfo .floatL .traffic ul { overflow:hidden; }
.map .container .trafficInfo .floatL .traffic ul li { float:left; margin:5px; }
.map .container .trafficInfo .floatL .traffic ul li a { display:inline-block; padding:4px 25px 1px 25px; font-size:1.6rem; color:#fff; background:#3d5bab; }
.map .container .trafficInfo .floatL .traffic.subway ul li a { margin-right:10px; padding:5px 25px 0px 25px; background:#39b448; }
.map .container .trafficInfo .floatL .traffic ul li a:hover { opacity:0.7; }
.map .container .trafficInfo .floatL .traffic.subway ul li a:nth-of-type(2) { padding:5px 0 0 0; color:#333; background-color:transparent; }
.map .container .trafficInfo .floatL .traffic.subway ul li a:nth-of-type(2):hover { font-weight:bold; color:#3d5bab; text-decoration:underline; opacity:1; }

/* ================================================= Business(사업소개) ================================================= */
/* 사업분야 */
.fieldBiz { position:relative; margin-top:20px; overflow:hidden; }
.fieldBiz > div { float:left; width:33.333%; }
.fieldBiz > div:first-child { text-align:right; }
.fieldBiz > div p { font-size:1.7rem; }
.fieldBiz > div:first-child, .fieldBiz > div:last-child { padding-top:45px; }
.fieldBiz .fieldBizImg { text-align:center; }
.fieldBiz .fieldBizImg img { width:300px; }

.bizDiv { margin-top:25px; overflow:hidden; } 
.bizDiv h2 { float:left; width:40%; height:350px; border-top:3px solid #1a4a98; }
.bizDiv .bizTxt { float:left; padding:75px 0 0 50px; width:60%; line-height:1.5; border-top:3px solid #ccc;}
.bizDiv .bizTxt .bizTitleEn { margin-bottom:10px; font-size:1.8rem; color:#1a4a98; }
.bizDiv .bizTxt .bizTitle { margin-bottom:15px; font-size:3rem; }
.bizDiv .bizTxt p { font-size:1.7rem; }
.bizDiv .subH2 { text-align:center; }
.bizDiv .subH2 img { margin-top:85px; width:200px; }
/* 모바일 si, DB */
.siMobile, .dbMobile { display:none; }


/* ================================================= Portfolio(포트폴리오) ================================================= */
/* 포트폴리오 */
.pofolIntroduce .container { overflow:hidden; }
.pofolIntroduce .container .portfolio { margin-bottom:50px; }
.pofolIntroduce .container .portfolio .potfolList { float:left; position:relative; margin:8% 2% 0 0; width:32%; }
.pofolIntroduce .container .portfolio .potfolList:nth-of-type(3n) { margin-right:0; }
.pofolIntroduce .container .portfolio .potfolList { float:left; }
.pofolIntroduce .container .portfolio .potfolList .thumbnail { display:block; position:relative; width:100%; max-width:384px; height:100%; max-height:239px; border:1px solid #ccc; overflow:hidden; }
.pofolIntroduce .container .portfolio .potfolList .thumbnail:hover img { -webkit-transform:scale(1.1); -moz-transform:scale(1.1); -o-transform:scale(1.1); transform:scale(1.1); transition:0.3s; }
.pofolIntroduce .container .portfolio .potfolList .thumbnail img { display:block; width:100%; height:100%; transition:0.3s; }
.pofolIntroduce .container .portfolio .potfolList .thumbnail .thumbHov { position:absolute; top:0; left:0; bottom:0; right:0; margin:0; background:rgba(26, 74, 152, 0.8); opacity:0; filter:alpha(opacity=0); -webkit-transition:all 0.3s; transition:all 0.3s; cursor:default; overflow:hidden; }
.pofolIntroduce .container .portfolio .potfolList:hover .thumbnail .thumbHov,
.pofolIntroduce .container .portfolio .potfolList:hover .thumbnail .thumbHov .thumbTxt { opacity:1; filter:alpha(opacity=100); }
.pofolIntroduce .container .portfolio .potfolList:hover .thumbnail .thumbHov .thumbTxt { top:50%; }
.pofolIntroduce .container .portfolio .potfolList .thumbnail .thumbHov .thumbTxt { position:absolute; top:0%; left:0; width:100%; opacity:0; filter:alpha(opacity=0); -webkit-transform:translateY(-55%); -ms-transform:translateY(-55%); transform:translateY(-55%); -webkit-transition:all 0.3s 0.2s; transition:all 0.3s 0.2s; }
.pofolIntroduce .container .portfolio .potfolList .thumbnail .thumbHov .thumbTxt,
.pofolIntroduce .container .portfolio .potfolList .thumbnail .thumbHov .thumbTxt h4,
.pofolIntroduce .container .portfolio .potfolList .thumbnail .thumbHov .thumbTxt h4 a { text-align:center; color:#fff; }
.pofolIntroduce .container .portfolio .potfolList .thumbnail .thumbHov .thumbTxt h4 { margin-bottom:15px; font-size:1.8rem; /* text-transform:uppercase; */ font-weight:800; letter-spacing:1px; }
.pofolIntroduce .container .portfolio .potfolList .thumbnail .thumbHov .thumbTxt p { font-size:1.6rem; margin-bottom:0; font-weight:normal; color:#fff; line-height:20px; }
.pofolIntroduce .container .portfolio .potfolList .thumbnail .thumbHov .thumbTxt a { color:#fff; }
.pofolIntroduce .container .portfolio .potfolList .serviceName { position:absolute; top:105%; left:0; font-size:2rem; font-weight:bold; color:#3b4652; }
.pofolIntroduce .container .portfolio .potfolList .serviceName2 { position:absolute; top:105%; left:0; font-size:2rem; font-weight:bold; color:#3b4652; }

/* ================================================= recruit(인재채용) ================================================= */
/* 인재상 */
.talent .container .contInner { padding:50px 10px; }
.talent .container ul { overflow:hidden; }
.talent .container ul li { display:block; float:left; margin-right:1.333%; width:24%; text-align:center; background:#fff; }
.talent .container ul li:last-child { margin-right:0; }
.talent .container ul li .contInner { padding:50px 10px; }
.talent .container ul li .contInner > img { width:143px; }
.talent .container ul li .contInner > h3 { position:relative; margin-top:20px; padding-top:20px; }
.talent .container ul li .contInner > h3:after { content:""; display:inline-block; position:absolute; bottom:-25px; left:50%; margin-left:-12px; width:24px; height:2px; background:#999; }
.talent .container ul li:nth-of-type(1) .contInner > h3:after { background:#3b4652; }
.talent .container ul li:nth-of-type(2) .contInner > h3:after { background:#91de14; }
.talent .container ul li:nth-of-type(3) .contInner > h3:after { background:#f47214; }
.talent .container ul li:nth-of-type(4) .contInner > h3:after { background:#0593ff; }
.talent .container ul li .contInner > h3 p:first-child { font-size:2rem; color:#1a4a98; }
.talent .container ul li .contInner > h3 p:last-child { font-weight:bold; }
.talent .container ul li .innerDetail { font-size:1.7rem; }
/* 복리후생 */
.welfare .welfareRow:last-child { margin-top:10px; }
.welfare .welfareRow > div { width:48%; }
.welfare .welfareRow > div:last-child { margin-right:0; }
.welfare .welfareRow > div .inline { padding:30px 0; line-height:35px; }
.welfare .welfareRow > div .inline:first-child { width:40%; text-align:center; border-top:3px solid #1a4a98; }
.welfare .welfareRow > div .inline:last-child { margin-left:-5px; padding-left:20px; width:58%; height:209px; border-top:3px solid #ccc; vertical-align:middle;  }
.welfare .welfareRow > div .inline img { width:143px; }
.welfare .welfareRow > div .inline h4 { font-size:1.8rem; }
/* 채용절차 */
/* .recruit {  } */
/* .recruit .container {  } */
.recruit .container .stepList { margin-top:50px; overflow:hidden; }
.recruit .container .stepList li { display:block; float:left; position:relative; width:20%; text-align:center; background:#fff; }
.recruit .container .stepList li:after { content:"\f3d1"; position:absolute; top:50%; left:0; margin-top:-18px; font-size:3rem; color:#1a4a98; font-family:"Ionicons"; }
.recruit .container .stepList li:first-child:after { display:none; }
.recruit .container .stepList li .step { display:block; position:relative; margin:50px auto; width:150px; height:150px; border-radius:50%;  }
.recruit .container .stepList li .step .stepInner { position:absolute; top:50%; left:50%; margin:-70px 0 0 -70px; width:140px; height:140px; background:#fff; border-radius:50%; z-index:1;}
.recruit .container .stepList li .step .stepInner .stepBy { padding-top:22px; font-size:2rem; color:#222; }
.recruit .container .stepList li .step .stepInner .oneLine { padding-top:5px; line-height:15px; font-size:1.7rem; }
.recruit .container .stepList li .step .stepInner .oneLine > span { font-size:1.4rem; }
.recruit .container .stepList li .step .stepInner i { position:absolute; bottom:15px; left:50%; margin-left:-20px; font-size:4rem; color:#818181; z-index:11; }

.recruit .container .stepList li:before { content:""; position:absolute; top:50px; left:0; right:0; bottom:0; height:75px; background-color:#fff; opacity:0.5; z-index:1;}

.recruit .container .stepList li:last-child .step { border-color:#1a4a98; }
.recruit .container .stepList li:last-child .step .stepBy { color:#1a4a98;; }
.recruit .container .stepList li:last-child .step .oneLine { color:#1a4a98; }
.recruit .container .stepList li:last-child .step i { color:#1a4a98; }

.recruit .container .stepList li:nth-of-type(1) .step { background:#98aaf9; }/* c9d2fb 8da5cc */
.recruit .container .stepList li:nth-of-type(2) .step { background:#4cacf6; }/* 98aaf9 5f81b7 */
.recruit .container .stepList li:nth-of-type(3) .step { background:#2a8ad4; }/* 6783f7 486fad */
.recruit .container .stepList li:nth-of-type(4) .step { background:#486fad; }/* 375cf6 315da3 */
.recruit .container .stepList li:nth-of-type(5) .step { background:#1a4a98; }/* 1a4a98 */


.recruit .container .numList { padding-left:100px; }
.recruit .container .numList li {list-style:decimal;margin-top:10px;font-size:1.6rem;line-height:180%;color:#555;}
.recruit .container .numList li p { margin-bottom:0; padding-left:20px; font-size:1.6rem; color:#333; line-height:180%; }
.recruit .container .numList li p:first-child { padding-left:5px; font-size:1.8rem; color:#333; }


/* ================================================= Contact(연락처) ================================================= */
.contact .subTxt { font-size:2rem; }
.contact .container .address h2 { display:inline-block; margin:0 auto; padding:2px 0 0 20px; font-size:1.9rem; color:#335a9a; background:url("../afo_images/sub/icon_location.svg") no-repeat left top ; background-size:14px; }
.contact .container .address p { margin:10px 0 10px 5px; }
.contact .container .contactUs { width:100%; border:1px solid #ccc; }
.contact .container .contactUs ul { overflow:hidden; }
.contact .container .contactUs ul li { display:block; float:left; position:relative; padding:50px 33px; width:33.333%; text-align:left; }
.contact .container .contactUs ul li:after { content:""; display:inline-block; position:absolute; left:-1px; top:50%; margin-top:-63px; width:1px; height:126px; background:#ccc; }
.contact .container .contactUs ul li:first-child:after { display:none; }
.contact .container .contactUs ul li img { float:left; display:block; width:125px; height:125px; }
.contact .container .contactUs ul li div.numberWrap { float:left; display:table; padding-left:15px; width:60.5%; height:126px; word-break:break-all; }
.contact .container .contactUs ul li div.number { display:table-cell; vertical-align:middle; }
.contact .container .contactUs ul li div.number p { font-size:1.8rem; }
.contact .container .contactUs ul li div p:first-child { font-size:2rem; font-weight:800; }


/* 서비스 준비중 */
.preparing { margin:0 auto; padding:200px 0 50px 0; width:1200px; max-width:1200px; text-align:center; }
/* .preparing { margin:0 auto; padding:200px 0 50px 0; width:100%; max-width:1200px; text-align:center; } 반응형*/
.preparing .homeBtn { margin-top:-70px; }
.preparing .viewMore2 { margin:0 auto; padding:0; width:100%; max-width:1200px; }
.preparing .viewMore2 button { display:inline-block; position:relative; width:147px; height:40px; font-size:1.5rem; background:#fff; border:1px solid #222; overflow:hidden; }
.preparing .viewMore2 button:after { content:""; position:absolute; top:-1px; left:-99%; width:147px; height:40px; line-height:41px; background:#222 url("../afo_images/icon_more_white.png") no-repeat center center; background-size:75px; transition:0.3s all; outline:0; overflow:hidden; }
.preparing .viewMore2 button:hover:after { left:-1px; width:147px; }
.preparing .viewMore2 button:focus:after { left:-1px; width:147px; }


/* ================================================= Business2(사업소개) ================================================= */
/* Characteristics */
.charRow h2 { font-size:1.8rem; font-weight:800; }
.charRow > div { position:relative; padding:30px 20px; width:48%; min-height:211px; border:1px solid #ccc; border-top:3px solid #ccc; border-radius:5px; }
.charRow > div:before { content:""; position:absolute; top:-3px; left:2px; width:40%; height:3px; background-color:#1a4a98; border-radius:10px;}
.charRow > div p { line-height:35px; }

/* Big Data Platform */
.bizImg { padding:20px; }
.bizImg img { width:100%; height:auto; }


/* Characteristics */
.welfare.character .welfareRow > div .inline:first-child { width:35%; text-align:center; border-top:3px solid #1a4a98; }
.welfare.character .welfareRow > div .inline:last-child { margin-left:-5px; padding-left:20px; width:63%; height:209px; border-top:3px solid #ccc; vertical-align:middle;  }
.welfare.character .welfareRow > div .inline img { width:143px; }
.welfare.character .welfareRow > div .inline h4 { font-size:1.8rem; }


/* Reference */
.referWrap .container .portfolio { padding-bottom:70px; }
.referWrap .container .portfolio .potfolList { float:left; position:relative; margin:2% 2% 0 0; width:32%; }
.referWrap .container .portfolio .potfolList:nth-of-type(3n) { margin-right:0; }
.referWrap .container .portfolio .potfolList { float:left; }
.referWrap .container .portfolio .potfolList .thumbnail { display:block; position:relative; width:100%; max-width:384px; height:100%; max-height:239px; border:1px solid #ccc; overflow:hidden; }
.referWrap .container .portfolio .potfolList .thumbnail:hover img { -webkit-transform:scale(1.1); -moz-transform:scale(1.1); -o-transform:scale(1.1); transform:scale(1.1); transition:0.3s; }
.referWrap .container .portfolio .potfolList .thumbnail img { display:block; width:100%; height:100%; transition:0.3s; }
.referWrap .container .portfolio .potfolList .thumbnail .thumbHov { position:absolute; top:0; left:0; bottom:0; right:0; margin:0; background:rgba(26, 74, 152, 0.8); opacity:0; filter:alpha(opacity=0); -webkit-transition:all 0.3s; transition:all 0.3s; cursor:default; overflow:hidden; }
.referWrap .container .portfolio .potfolList:hover .thumbnail .thumbHov,
.referWrap .container .portfolio .potfolList:hover .thumbnail .thumbHov .thumbTxt { opacity:1; filter:alpha(opacity=100); }
.referWrap .container .portfolio .potfolList:hover .thumbnail .thumbHov .thumbTxt { top:50%; }
.referWrap .container .portfolio .potfolList .thumbnail .thumbHov .thumbTxt { position:absolute; top:0%; left:0; width:100%; opacity:0; filter:alpha(opacity=0); -webkit-transform:translateY(-55%); -ms-transform:translateY(-55%); transform:translateY(-55%); -webkit-transition:all 0.3s 0.2s; transition:all 0.3s 0.2s; }
.referWrap .container .portfolio .potfolList .thumbnail .thumbHov .thumbTxt,
.referWrap .container .portfolio .potfolList .thumbnail .thumbHov .thumbTxt h4,
.referWrap .container .portfolio .potfolList .thumbnail .thumbHov .thumbTxt h4 a { text-align:center; color:#fff; }
.referWrap .container .portfolio .potfolList .thumbnail .thumbHov .thumbTxt h4 { margin-bottom:15px; font-size:2rem; /* text-transform:uppercase; */ font-weight:800; letter-spacing:1px; }
.referWrap .container .portfolio .potfolList .thumbnail .thumbHov .thumbTxt p { font-size:1.8rem; margin-bottom:0; font-weight:normal; color:#fff; line-height:20px; }
.referWrap .container .portfolio .potfolList .thumbnail .thumbHov .thumbTxt a { color:#fff; }
.referWrap .container .portfolio .potfolList .serviceName { position:absolute; top:105%; left:0; font-size:2rem; font-weight:bold; color:#3b4652; }
.referWrap .container .portfolio .potfolList .serviceName2 { position:absolute; bottom:-59px; left:0; font-size:2rem; font-weight:bold; color:#3b4652; }


/* ================================================= aboutAfo ================================================= */
.gallery { padding:20px; /* height:500px; */ }
.gallery ul.galleryList li { float:left; margin-right:2%; margin-bottom:30px; width:32%; }
.gallery ul.galleryList li:nth-of-type(3n) { margin-right:0 }
.gallery ul.galleryList li a { display:inline-block; width:100%; /* min-width:371.19px; */ }
.gallery ul.galleryList li a:hover .cardCont img { transform:scale(1.1); transition:all 0.3s; }
.gallery ul.galleryList li .cardWrap {  border-radius:7px; box-shadow:rgba(99, 99, 99, 0.2) 0px 2px 8px 0px; }
.gallery ul.galleryList li .cardCont { height:100%; max-height:260px; border-radius:7px 7px 0 0; overflow:hidden; }
.gallery ul.galleryList li .cardCont img { width:100%; height:100%; min-height:260px; border-radius:7px 7px 0 0; transition:all 0.3s; }
.gallery ul.galleryList li .cardBtm { padding:25px; background-color:#fff; border-radius:7px; }
.gallery ul.galleryList li .cardBtm p:first-child { margin-bottom:5px; font-size:1.7rem; font-weight:bold; }
.gallery ul.galleryList li .cardBtm p:last-child { font-size:1.5rem; color:#a9a9a9; }
/* swiper 제어 */
.galleryNav { display:none; }
.gallery .swiper-pagination-bullet { width:20px !important; height:20px !important; line-height:25px !important; font-size:2rem !important; background-color:transparent; border-radius:3px !important; vertical-align:middle !important; }
/* .gallery .swiper-pagination-bullet.swiper-pagination-bullet-active { color:#fff !important; background-color:#f47214 !important; } */

/* 레이어 팝업 기본 세팅 */
.layerPop { display:none; position:fixed; top:0; bottom:0; left:0; right:0; text-align:center; background-color:rgba(0, 0, 0, 0.7); z-index:2222; }
.layerPop:before { content:""; display:inline-block; height:100%; vertical-align:middle; margin-right:0px; }
.layerPop.layerOpen { display:block; }
.layerPop .layerConts { display:inline-block; position:relative; padding:35px 20px 30px 20px; vertical-align:middle; height:auto; background-color:#fff; border:1px solid #ccc; z-index:2222; }
.layerPop .layerConts02 { display:inline-block; position:relative; padding:35px 20px 30px 20px; vertical-align:middle; height:auto; background-color:#fff; border:1px solid #ccc; z-index:2222; }
/* 레이업 닫기버튼 */
.closeBtn { position:absolute; top:-30px; right:-50px; width:23px; height:25px; text-align:center; background-color:transparent;}
.closeBtn i { line-height:27px; font-size:6rem;  color:#fff; background-color:transparent; transition:all ease 0.01s; }
.closeBtn:hover i { transform:rotate( 90deg ); transition:all ease 0.5s; }

/* 레이어 팝업 - gallery */
.layerPop.galleryWrap .layerConts { position:absolute; top:15%; bottom:0; left:20%; right:20%; width:60%; height:85%; transform:translateY(-10%); }
.layerPop.galleryWrap .layerConts .layerContsInner { width:100%; height:100%; overflow:auto; }
.boardHeader { padding:30px 35px;border-top:1px solid #777777;border-bottom:1px solid #e0e0e0;position:relative;overflow:hidden; }
.boardHeader .boardTit { width:100%; font-size:2rem; font-weight:700; color:#333; }

.boardConts .summary { padding:20px; line-height:25px; text-align:left; }
.boardConts .summary p:nth-of-type(2) span, .boardConts .summary p:nth-of-type(3) span { letter-spacing:28px; }
.boardConts .photo { padding:20px; }
.boardConts .photo ul li { position:relative; margin-top:10px; overflow:hidden; }
.boardConts .photo ul li img { width:100%; }
.boardConts .photo ul li .imgTxt { position:absolute; bottom:-65px; left:0; right:0; height:50px; line-height:55px; background:rgba(0, 0, 0, 0.5); transition:all 0.3s; }
.boardConts .photo ul li .imgTxt p { padding-left:20px; text-align:left; color:#fff; }
.boardConts .photo ul li:hover .imgTxt { bottom:1px; transition:all 0.3s;  }

/* 주차장 안내 */
.info_parking div { padding:10px; border:1px solid #ccc; border-radius:5px; }
.info_parking ul { margin-top:10px; padding-left:15px; }
.info_parking ul li { margin-top:10px; }
.afo_parking img { width:100%; }