#subVisual
{width:100%; height:500px;}
#subVisual .visual-txt-con 
{display:table; width:100%; height:100%; max-width:1260px; margin:0 auto;}
#subVisual .visual-txt-con h2 
{font-size:54px; font-weight:600; color:#fff; overflow:hidden;}
#subVisual .visual-txt-con p
{font-size:18px; color:rgba(255,255,255,.8)}
#subContent
{padding:100px 0px;}
.sub-title
{text-align:center; margin-bottom:80px; position:relative}
.sub-title:before
{content:''; position:absolute; width:3px; background:#ddd; height:50px; left:50%; bottom:-50px;}
.sub-title:after 
{content:''; position:absolute; width:3px; height:15px;  background:#07b1f0; left:50%; bottom:-50px; /*animation:down 2s ease-in-out infinite; transition:all 4s ease;*/}
.sub-title h2 
{font-size:46px; font-weight:600; color:#222; display:inline-block;}
.sub-title .eng-tit 
{font-size:21px; color:#37c0f3; font-family:'Montserrat'; font-weight:600; display:inline-block; width:100%;}
@keyframes down {
	0% {
		transform: translateY(10px)
	}
    100% {
		transform: translateY(50px)
	}
}
@media screen and (max-width:1260px){
    #subVisual .visual-txt-con 
    {padding:0 20px;}
}
@media screen and (max-width:650px) {
    #subVisual
    {height:400px;}
    #subVisual .visual-txt-con h2
    {font-size:38px;}
    .sub-title h2
    {font-size:36px;}
}

.greeting-top-img 
{position:relative;}
.greeting-top-img:before 
{content:''; position:absolute; width:100%; height:440px; bottom:-170px; background:#f9f9f9; z-index:-1;}
.greeting-img-con
{position:relative; background-image:url('../img/greeting-bg.png'); height:500px; background-repeat:no-repeat; border-radius:50px 50px 0 0;}
.greeting-img-con .top-txt-box 
{position:absolute; padding:100px 120px 60px 100px; background-color:#f9f9f9; bottom:0; left:0;}
.greeting-img-con .top-txt-box .top-logo 
{float:left;}
.greeting-img-con .top-txt-box .top-txt 
{float:right; padding-left:50px;}
.greeting-img-con .top-txt-box .top-txt p 
{font-size:24px; font-weight:300; color:#000;}
.greeting-txt-con 
{padding:80px 0px 0; text-align:center;}
.greeting-txt-con .greeting-bold-txt 
{ font-size:24px; font-weight:600; color:#1b1b1b; margin-bottom:50px;}
.greeting-txt-con .greeting-txt 
{font-size:18px; font-weight:400; margin-bottom:20px; color:#222;}
@media screen and (max-width:650px) {
    .greeting-img-con
    {background-position:90%;}
    .greeting-img-con .top-txt-box
    {padding:0; width:100%;}
    .greeting-img-con .top-txt-box .top-txt
    {padding:20px; width:100%;}
    .greeting-img-con .top-txt-box .top-txt p
    {font-size:21px;}
    .greeting-txt-con .greeting-bold-txt
    {font-size:21px;}
    .greeting-top-img:before
    {display:none;}
}
.business-con
{max-width:1000px; margin:0 auto;}
.business-con .business-list 
{border:1px solid #ddd; padding:35px 20px; border-radius:10px; display:flex; align-items:center; margin-bottom:10px;}
.business-con .business-list .num 
{min-width:130px; padding:0 15px;}
.business-con .business-list .num span 
{position:relative; display:inline-block; color:#fff; line-height:50px; width:50px; height:50px; padding-left:12px; background:#07b1f0; border-radius:50%; font-size:19px; font-weight:700; font-style:italic}
.business-con .business-list .num span:before 
{content:''; position:absolute; width:70px; height:70px; left:-10px; top:-10px; background:#daf5ff; border-radius:50px; z-index:-1;}
.business-con .business-list .txt h4 
{font-size:21px; font-weight:600; margin-bottom:5px;}
.business-con .business-list .txt p 
{font-size:17px; color:#666; font-weight:300;}
@media screen and (max-width:650px) {
    .business-con .business-list
    {padding:35px 10px;}
    .business-con .business-list .num 
    {min-width:90px;}
    .business-con .business-list .txt p
    {font-size:16px;}
}
.organization-content
{text-align:center; padding:40px;}
.organization-content img 
{display:inline-block;}
@media screen and (max-width:900px) {
    .organization-content 
    {padding:0;}
    .organization-content img 
    {width:100%;}
}

.certificate-con .certi-list 
{display:flex; margin:0 -0.5%; justify-content: center; flex-wrap:wrap;}
.certificate-con .certi-list .certi-item
{width:24%; margin:0 0.5%; border: 1px solid #eee;}
.certificate-con .certi-list .certi-img 
{width:100%; overflow:hidden}
.certificate-con .certi-list .certi-img img 
{width:100%;}
.certificate-con .certi-list .certi-txt 
{padding:20px 0px; text-align:center; color:#333; font-weight:500; font-size:18px; transition:all 0.3s ease; border-top:1px solid #eee;}
.certificate-con .certi-list .certi-item:hover
{}
.certificate-con .certi-list .certi-item:hover .certi-img 
{opacity:.8}
@media screen and (max-width:1024px) {
    .certificate-con .certi-list .certi-item 
    {width:33%;}
}
@media screen and (max-width:650px) {
    .certificate-con .certi-list .certi-item 
    {width:100%; margin-bottom:30px;}
}
.location-con 
{display:flex; align-items:center; flex-wrap:Wrap;}
.location-con .map 
{width:50%;}
.location-con .map .section_address
{display: none;}
.location-con .map .root_daum_roughmap
{width: 100% !important;}
.location-con .location-tbl 
{width:47%; padding-left:3%;}
.location-con .location-tbl h2 
{font-size:32px; font-weight:700; color:#07b1f0; border-bottom:1px solid #ddd; padding-bottom:20px;}
.location-con .location-tbl li
{display:flex; align-items:center;}
.location-con .location-tbl li b 
{color:#000; font-size:16px; font-weight:600; width:20%; padding:10px; background:#f4f4f4}
.location-con .location-tbl li span 
{width:80%; font-size:15px; color:#666; padding:10px;}
@media screen and (max-width:1024px) {
    .location-con .map
    {width:100%;}
    .location-con .location-tbl
    {width:100%; margin-top:30px; padding-left:0;}
    .location-con .location-tbl li
    {align-items: stretch;}
    .location-con .location-tbl li b 
    {min-width:130px; text-align:center;}
    .location-con .location-tbl li span 
    {width:calc(100% - 130px) }
}
@media screen and (max-width:650px) {
    .location-con .location-tbl li b 
    {min-width:100px; font-weight:500;;}
    .location-con .location-tbl li span 
    {width:calc(100% - 100px) }
}
/* TECHNICAL */
.technical-tbl-sec .technical-tbl table th.lightblue
{background:#44a6ef}
.technical-tbl-sec .technical-tbl table th.bluegreen 
{background:#65b4b7;}
.technical-tbl-sec .technical-tbl table th.green 
{background:#87c478;}
.technical-list .eng-ser-tbl table th.bluegreen 
{background:#65b4b7;}
.technical-list .eng-ser-tbl table th.green 
{background:#87c478;}
.technical-list .eng-ser-tbl table th.lightgreen 
{background:#97cb25;}


.technical-top 
{background:#f4f4f4; padding:50px 0px;}
.technical-top h2 
{font-size:28px; font-weight:600; color:#1b1b1b; margin-bottom:30px; position:relative; display:inline-block; padding-left:20px;}
.technical-top h2:before 
{content:''; position:absolute; left:0%; top:14px; width:12px; height:12px; background:#07b1f0; border-radius:50%;}
.technical-top p 
{font-size:19px; font-weight:400; word-break:keep-all; margin-bottom:10px; color:#4e4e4e;}
.technical-top p span 
{color:#0895c9; font-weight:500;;}

.technical-img-sec
{text-align:center; display:block; margin:60px 0px;}
.technical-img-sec .container 
{display:flex; flex-wrap:wrap; flex-direction:column-reverse;}
.technical-img-sec .container .img-desc-con 
{width:100%; text-align:center;}
.technical-img-sec .container .img-desc-con.flow-txt
{}

.technical-img-sec .img-desc-con p 
{font-size:21px; font-weight:600; color:#1b1b1b; display:inline-block;}
.technical-img-sec .container .img-con 
{width:100%}
.technical-img-sec .container .img-con.no-border 
{border:none;}
.technical-img-sec .container .img-con img 
{text-align:center;}

.technical-respon-sec
{margin:60px 0px;}
.technical-respon-sec .container 
{max-width:800px;}
.technical-respon-sec .respon-con 
{border:1px solid #ddd; text-align:center; padding:30px;}
.technical-respon-sec .respon-con h4
{color:#222; font-size:19px; font-weight:300;}
.technical-respon-sec .respon-con span
{font-weight:700;}
.technical-respon-sec .respon-con span.blue 
{color:#138fe8;}
.technical-respon-sec .respon-con span.green 
{color:#00ac48;}
.technical-respon-sec .respon-desc-con
{text-align:center; padding:10px 0px;}
.technical-respon-sec .respon-desc-con p 
{font-size:21px; font-weight:600; color:#1b1b1b;}

.technical-tbl-sec 
{margin:60px 0px;}
.technical-tbl-sec h4 
{position:relative; font-size:24px; font-weight:600; color:#1b1b1b; margin-bottom:20px; padding-left:15px;}
.technical-tbl-sec h4:before 
{content:''; position:absolute; left:0; top:50%; transform:translateY(-50%); width:6px; height:6px; border-radius:50%; background:#07b1f0;}
.technical-tbl-sec .technical-tbl.tbl-center table td 
{text-align:center;}
.technical-tbl-sec .technical-tbl.tbl-center table td.left 
{text-align:left;}
.technical-tbl-sec .technical-tbl table
{}
.technical-tbl-sec .technical-tbl table tr 
{border-bottom:1px solid #ddd;}
.technical-tbl-sec .technical-tbl table th 
{background:#07b1f0; color:#fff; font-size:17px; font-weight:300; padding:20px 20px;}
.technical-tbl-sec .technical-tbl table td:first-child 
{background:#f4f4f4; text-align:center; color:#000}
.technical-tbl-sec .technical-tbl table td
{font-size:16px; color:#222; padding:20px; border-right:1px solid #ddd; min-width:200px;}
.technical-tbl-sec .technical-tbl table td p
{position:relative; padding:0 10px; margin:0; display:inline-block; width:100%;}
.technical-tbl-sec .technical-tbl table td p:before 
{content:''; position:absolute; width:5px; height:1px; background:#333; left:0; top:10px;}
.technical-tbl-sec .technical-tbl table td p.adjust:before 
{top:13px;}
.technical-tbl-sec .technical-tbl table td p.nline:before 
{display:none;}
.technical-tbl-sec .technical-tbl table td p.num
{padding:0 25px;}
.technical-tbl-sec .technical-tbl table td p.num1:before 
{content:'(1)'; background:none; top:0;}
.technical-tbl-sec .technical-tbl table td p.num2:before 
{content:'(2)'; background:none; top:0;}
.technical-tbl-sec .technical-tbl table td strong 
{color:#07b1f0; font-size:19px; font-weight:600;}
@media screen and (max-width:900px) {
    .technical-img-sec .container .img-con img
    {width:100%;}
    .technical-tbl-sec .technical-tbl 
    {overflow:scroll;}
    .technical-tbl-sec .technical-tbl table 
    {table-layout:fixed; width:800px;}
    .technical-tbl-sec .technical-tbl table td p
    {width:98%;}
}
/* ENGINEERING SERVICE */
.technical-list 
{margin-bottom:80px;}
.technical-list .eng-ser-tit
{font-size:28px; font-weight:600; color:#1b1b1b; margin-bottom:10px; position:relative; display:inline-block; padding-left:20px;}
.technical-list .eng-ser-tit:before 
{content:''; position:absolute; left:0; top:14px; width:12px; height:12px; background:#07b1f0; border-radius:50%;}
.technical-list .eng-ser-sub-tit
{font-size:21px; font-weight:600; color:#222;}
.technical-list .eng-ser-sub-tit span 
{color:#07b1f0}
.technical-list .tech-list
{margin-top:20px;}
.technical-list .tech-list li 
{font-size:17px; color:#4e4e4e; position:relative; font-weight:400; padding-left:10px; margin-bottom:10px;}
.technical-list .tech-list li:before 
{content:''; position:absolute; width:4px; height:4px; border-radius:50%; background:#07b1f0; top:10px; left:0; }
.technical-list .eng-ser-tbl 
{margin-top:20px;}
.technical-list .eng-ser-tbl table
{border:1px solid #ddd; margin-bottom:30px;}
.technical-list .eng-ser-tbl table th 
{background:#07b1f0; color:#fff; font-weight:300; font-size:19px; padding:20px 0px;  width:50%; word-break:keep-all;}
.technical-list .eng-ser-tbl table td 
{padding:20px; border-right:1px solid #ddd; width:50%;}
.technical-list .eng-ser-tbl table td p 
{font-size:17px; font-weight:300; color:#000; margin-bottom:10px; position:relative; padding-left:10px;}
.technical-list .eng-ser-tbl table td p:before 
{content:''; width:4px; height:4px; background:#666; border-radius:50%; position:absolute; left:0; top:10px; }
@media screen and (max-width:650px) {
    .technical-list .eng-ser-tit
    {font-size:26px;}
}
.board-category
{margin-bottom:60px;}
.board-category ul 
{display:flex; justify-content: center; flex-wrap:wrap;;}
.board-category ul li 
{border:1px solid #ddd; background:#fff; margin:0 -0.5px; text-align:center; min-width:15%; display:Table;}
.board-category ul li a 
{color:#222; font-weight:400; font-size:15px; display:inline-block; padding:8px 10px; display:table-cell; vertical-align:middle;}
.board-category ul li.on 
{background:#07b1f0;}
.board-category ul li.on a 
{color:#fff;}
@media screen and (max-width:900px){

    .board-category ul li
    {width:33%;}
    .board-category ul li a 
    {word-break:keep-all;}
    .board-content 
    {overflow:scroll;}
}

@media screen and (max-width:650px){

}