/*공통*/

.htitle{clear: both; width: 100%;  margin: 0 auto 50px;   text-transform: uppercase; color:#2a2a2a;  }
.htitle h1{font-size: 2.3em;font-weight: 600; margin:0 auto;  }
.htitle h2{font-size: 2em;font-weight: 600; margin:0 auto;   }
.htitle h3{font-size: 1.5em;font-weight: 600;  margin:0 auto;  }
.htitle h4{font-size: 1.2em;margin:0 auto;  }
.htitle h5{font-size: 1.1em;margin:0 auto;  }
.htitle p{margin:10px auto 0; font-size: 1em;}

h1, h2, h3, h4, h5, h6{line-height: 180% ; margin:0 auto ;}
.shtitle{clear: both; width: 100%;  margin: 0 auto 30px;   text-transform: uppercase; color:#444;  }
.shtitle h2{font-size: 1.6em;font-weight: 600; border-bottom: 1px #ddd solid;letter-spacing: -0.03em;padding:10px 0 10px 20px; }






@media (max-width: 768px){
.htitle h1{font-size: 1.8em;}
.htitle h2{font-size: 1.5em;}

.shtitle h2{    font-size: 1.5em;     padding: 0 0 5px 0;}


/*타블렛, 모바일 비노출*/
.mbnone{display: none !important;}


}






#footerarea{clear: both;    width: 100%;    background: #222; padding: 30px 0; font-size:13px; color:#fff;}
#footerarea .footer_mn{margin-bottom: 20px;}
#footerarea .footer_mn a{color:#999 !important; padding:0 5px; }
#footerarea .footer_mn a:last-child{border-right:0;}
#footerarea .footer_mn a:first-child{padding-left:0;}

#footerarea ul li{display: block;}
#footerarea ul span{    display: inline-block;    padding-right: 15px;}
#footerarea ul b{font-weight: 400; padding-right: 5px; display: inline-block; }

#footerarea .col-lg-3{text-align: center;}




@media (max-width: 768px){
#footerarea{padding: 30px 0;}
#footerarea .col-lg-3{text-align: left;}
.footersubarea{border:0; padding:0 15px !important; }



}




/*메인*/

.ourworks{width:100%; margin:0 auto; padding: 80px 0; background: #f1f1f1;}



.service1 .service1-element,
.service1 .service1-info, 
.service1:hover .service1-element,.service1:hover .service1-info{transition-duration:.3s;transition-property:all;transition-timing-function:cubic-bezier(.7,1,.7,1)}
.service1 h3, .service1 h4{font-size:18px;margin:20px auto 10px !important; font-weight: 600;}


.service1{background:#fff;padding:50px; color:#333; }
.service1 p{ margin: 0 0 10px;     line-height: 160% !important;color:#666; }
.service1 i{font-size:2.5em; color: #333; font-weight: 400;}
.service1 .service1-element,.service1 .service1-info{-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
.service1 .service1-icon{display:block;font-size:30px; margin-bottom:30px}
.service1:hover .service1-element{opacity:0;-webkit-transform:translate3d(0,-100%,0);-moz-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}
.service1:hover .service1-info{-webkit-transform:translate3d(0,-30%,0);-moz-transform:translate3d(0,-30%,0);transform:translate3d(0,-30%,0)}
.service1 a{ display:inline-block; text-transform: uppercase;   color: #999; border-bottom: 1px #ddd solid;}

.service1 a:hover{color:#03aace;}

.service1-bg-color .row-space-1{margin-right:-1px;margin-left:-1px}
.service1-bg-color .row-space-1>[class*=col-]{padding-left:1px;padding-right:1px}
.service1-bg-color .content{padding-top:40px;padding-bottom:40px}
.service1-bg-color .content-sm{padding-top:60px;padding-bottom:60px}
.service1-bg-color .content-md{padding-top:80px;padding-bottom:80px}

.service1-bg-color .margin-l-0{margin-left:0!important}
.service1-bg-color .margin-l-5{margin-left:5px!important}
.service1-bg-color .margin-l-10{margin-left:10px!important}
.service1-bg-color .margin-l-20{margin-left:20px!important}
.service1-bg-color .margin-r-20{margin-right:20px!important}
.service1-bg-color .margin-b-0{margin-bottom:0!important}
.service1-bg-color .margin-b-2{margin-bottom:2px!important}








@media (max-width: 768px){

.ourworks{padding:50px 0;}

.sm-margin-b-2{margin-bottom:2px!important}
.sm-margin-b-10{margin-bottom:10px!important}
.sm-margin-b-20{margin-bottom:20px!important}

.service1 h3, .service1 h4{font-size:16px;}
.ourworks .container{margin:0 auto;width: 100%;}
.service1 p{font-size: 13px;}
.service1{padding:40px;}



.mdivpadding{padding:50px 0 !important;}



}



.adv_divs{width:100%; margin:0 auto; padding: 100px 0; color:#fff; background: url('adv_divs.jpg')no-repeat; background-size: cover;}
.adv_divs h2{font-size: 3em;font-weight: 600;margin:0 auto 15px;}
.adv_divs .row{width: 96%; margin:0 auto;}
.adv_divs p{font-size: 1em;}
.adv_divs a{display:inline-block; margin:15px auto 0;border:1px #fff solid; color:#fff; padding:0 25px; font-size: 14px; line-height:35px; border-radius: 20px;}
.adv_divs a:hover{background:#fff; color:#000; }




.gallery_divs{width:100%; margin:0 auto; padding: 80px 0; background: #f1f1f1;}


@media (max-width: 768px){
.gallery_divs{padding:50px 0 30px;}
.adv_divs h2{font-size: 1.5em;}
.adv_divs a{line-height: 30px; padding: 0 20px;}
}	





.mov_divs{width:100%; margin:0 auto; padding: 80px 0; background:#f1f1f1; }
.mov_divs iframe{display: inline-block; width: 100%; height: 550px;border:0;}

@media (max-width: 768px){
.mov_divs{padding:50px 0;}
.mov_divs iframe{width:98%; height: 280px;}

}	




.clients-divs{width:100%; margin:0 auto; padding: 80px 0; background:#f1f1f1; text-align: center; }

@media (max-width: 768px){
.clients-divs{padding:50px 0;}	
}


.mail_notice_divs{width:100%; margin:0 auto; padding: 80px 0;  }
.mail_notice_divs .mmailform{}
.mail_notice_divs .mmailform textarea{background:#fff;}
.mail_notice_divs iframe{display: block; width: 100%; height: 450px;}

.mailformtb{font-size: 14px; width: 94%; margin:0 auto;}
.mailformtb td{padding:5px 0 !important;}
.mailformtb td.formmail_title_bgcolor{width: 20%; background-color:transparent !important;text-align: left; line-height: 0}
.mailformtb td.formmail_cell_bgcolor{width: 80%; text-align: left; line-height: 0; padding:0 0 5px 0 !important; background: transparent;}
.mailformtb td input:not([type]), 
.mailformtb td input[type="email" i], 
.mailformtb td input[type="number" i], 
.mailformtb td input[type="password" i], 
.mailformtb td input[type="tel" i], 
.mailformtb td input[type="url" i], 
.mailformtb td input[type="text"],
.mailformtb td input[type="text" i]
{width: 100% !important; border:0 !important; background:#fff !important; padding:4px !important;line-height: 30px; }

.mailformtb textarea{max-height: 80px; width: 100%;border:0 !important; min-height: 80px; background:#f1f1f1;}
.mailformtb .formmail_title_bgcolor, 
.mailformtb .formmail_cell_bgcolor{border-bottom: 0 !important;}
.mailformtb table td{font-size: 13px !important; vertical-align: middle;}
.mailformtb table textarea{height: 50px; color:#999;min-height: 50px;}

.subcontxt .mailformtb input[type='text']{width: 70% !important; border:0 !important; background:#f1f1f1 !important; padding:10px !important;}

.subcontxt .mailformtb textarea{max-height: 120px;}
.subcontxt .mailformtb td table{margin-top: 20px;}

.subcontxt .mailformtb td.formmail_cell_bgcolor{line-height: 17px !important;}
.subcontxt .mailformtb select{width: 100%; }


.mailform1{clear: both; width: 100%; margin-top: 10px;}
.mailform1 a{display: inline-block; background: #999; line-height: 35px; color:#fff; padding:0 15px; margin-right: 5px; font-size: 13px;}
.mailform1 a:last-child{margin-right: 0;}
.mailform1 a:hover{color:#fff; background:#666;}


.mmnotice{width:95%; margin-left:5%; text-align: left; }
.mail_notice_divs h2{font-size: 1.8em !important; font-weight: 600;}
.mail_notice_divs h2 i{display: inline-block; padding-left: 5px; vertical-align: middle; font-size: 18px !important;}
.mail_notice_divs h2 a{   color: #3f86cf;text-transform: uppercase;   }
.mail_notice_divs h3{text-transform: uppercase;     font-size: 1.4em;
    display: block;    color: #333 !important;    margin: 0 auto 20px !important;
    padding: 0 0 10px;    font-weight: 600; border-bottom: 1px #999 solid; }



.noticeoutput tr {border-bottom: 1px #eee solid; }
.noticeoutput tr td:nth-child(1){display:none;}
.noticeoutput tr td:nth-child(2){width:70%; text-align: left;}
.noticeoutput tr td:nth-child(3){width:30%; text-align: right; color: #999;}
.noticeoutput tr td{font-size: 14px !important; font-family: 'Roboto', 'Noto Sans KR', sans-serif !important; padding:10px 0 !important;}
.noticeoutput tr td a{font-family: 'Roboto', 'Noto Sans KR', sans-serif !important; font-size: 14px !important; }
.noticeoutput tr td a:hover{color:#333; text-decoration: none;}




@media (max-width: 768px){	
.mailformtb table td{display: inline-block; width: 100%;}
.mailformtb td{padding:0 !important;}
.mailformtb td.formmail_title_bgcolor{width: 30%; }
.mailformtb td.formmail_cell_bgcolor{width: 70%;line-height: 25px !important; }

.subcontxt .mailformtb input[type='text']{width: 100% !important;}
.subcontxt .mailformtb select{margin-bottom: 10px;}

.mail_notice_divs iframe{height: 250px;}

.subcontxt .mailformtb td.formmail_title_bgcolor{line-height: 30px;}




.mmnotice{margin:50px auto 0; width: 98%;}
.noticeoutput tr td:nth-child(2),
.noticeoutput tr td:nth-child(3){display: inline-block !important; text-align: left !important; width: 100% !important; padding:5px 0 !important;}

}





/*서브*/

#subtitbg{clear: both; width:100%; margin:0 auto; padding: 100px 0; color:#fff;}
#subtitbg h2{font-size: 2.5em;font-weight: 600; text-transform: uppercase;margin: 0 auto !important; }
#subtitbg p{margin:0 auto; font-size: 1.1em !important;}

.subbg1{background:url('subbg1.jpg')no-repeat center center; background-size:cover; }
.subbg2{background:url('subbg2.jpg')no-repeat center center; background-size:cover; }
.subbg3{background:url('subbg3.jpg')no-repeat center center; background-size:cover; }
.subbg4{background:url('subbg4.jpg')no-repeat center center; background-size:cover; }
.subbg5{background:url('subbg5.jpg')no-repeat center center; background-size:cover; }
.subbg6{background:url('subbg6.jpg')no-repeat center center; background-size:cover; }
.subbg7{background:url('subbg7.jpg')no-repeat center center; background-size:cover; }
.subbg8{background:url('subbg8.jpg')no-repeat center center; background-size:cover; }


.submn{clear: both; width:100%; margin:0 auto 30px;}
.submn h2{font-size: 1.3em;margin-bottom:0; font-weight: 600; border-bottom: 1px #eee solid;  padding: 10px 0; letter-spacing: -0.02em; text-transform: uppercase; text-align: center; width: 100%; color:#fff; background: #03aace;}

.submn a{display: block; border-bottom: 1px #f1f1f1 solid; color:#333; line-height: 45px; font-size: 95%; letter-spacing: -0.04em;padding-left: 10px;}
.submn a:hover{background:#f1f1f1; color:#333;}

.submn1 .submn ul li{display: inline-block; width: 100%;}

.submn1 .submn ul li:nth-child(1) a{background:#f1f1f1 !important;}
.submn2 .submn ul li:nth-child(2) a{background:#f1f1f1 !important;}
.submn3 .submn ul li:nth-child(3) a{background:#f1f1f1 !important;}
.submn4 .submn ul li:nth-child(4) a{background:#f1f1f1 !important;}
.submn5 .submn ul li:nth-child(5) a{background:#f1f1f1 !important;}
.submn6 .submn ul li:nth-child(6) a{background:#f1f1f1 !important;}
.submn7 .submn ul li:nth-child(7) a{background:#f1f1f1 !important;}
.submn8 .submn ul li:nth-child(8) a{background:#f1f1f1 !important;}
.submn9 .submn ul li:nth-child(9) a{background:#f1f1f1 !important;}
.submn10 .submn ul li:nth-child(10) a{background:#f1f1f1 !important;}



.csinfo{clear: both; width:100%; margin:0 auto 30px;padding:10px; text-align: center; }
.csinfo h2{font-size: 1.1em;font-weight: 600;  letter-spacing: -0.02em; text-transform: uppercase; width: 100%; color:#000;}
.csinfo h3{font-size: 1.2em;font-weight: 600;  letter-spacing: -0.03em; text-transform: uppercase; width: 100%; color:#03aace;}
.csinfo p{margin:0 auto; font-size: 85% !important; letter-spacing: -0.02em;}

#subarea{clear: both; width:100%; margin:0 auto; padding: 80px 0;}
#subarea .row .col-lg-2, 
#subarea .row .col-lg-2.col-md-2 
{padding-left:0 !important;}



.mtableo{width:100%; height:auto; min-height:600px; text-align: center; padding: 0 15px;}
.mtableo iframe{display:inline-block; padding-bottom:50px; float:left; width:48%;margin-right:4%; text-align:center;height: 350px; }
.mtableo iframe:nth-child(2n){margin-right:0;}

a.mtableolink{background:#d42428; display: inline-block; padding:10px 25px; font-size: 1em; margin:0 auto; color:#fff; text-align: center;}

a.mtableolink span{display: inline-block; width: 100%; padding-bottom: 10px; }
a.mtableolink:hover{color:#fff; background:#444;}




@media (max-width: 768px){
#subarea{padding:50px 0;}	
.mtableo{padding:0;}
#subtitbg{padding:50px 0;}
#subtitbg h2{font-size: 1.5em;}	

.mtableo iframe{width:100%; float:none; margin:0;}	

}	


/**/


.subcontxt{clear: both; width: 100%; padding:0 15px;}
.subcontxt h1,.subcontxt h2, .subcontxt h3, .subcontxt h4, .subcontxt h5{text-transform: uppercase; color:#333; font-weight: 600;}
.subcontxt h1{font-size: 2.3em;}
.subcontxt h2{font-size: 2em;}
.subcontxt h3{font-size: 1.5em; }
.subcontxt h4{font-size: 1.2em;}
.subcontxt h5{font-size: 1.1em;}

.subcontxt iframe{display: inline-block; width: 100%;}

.addarea{width: 100%;}
.addarea b{display: inline-block; padding-right: 5px; color: #333;}
.addarea p{margin-bottom: 5px;}

@media (max-width: 768px){
.subcontxt{padding:0;}
.subcontxt h1{font-size: 1.8em;}
.subcontxt h2{font-size: 1.5em;}
.subcontxt h3{font-size: 1.3em; }


}	




/**/

.his_list {    position: relative;    margin: 80px auto 0;    width: 96%;}

.his_list ul{margin:0 auto !important; padding:0 !important;}
.his_list ul li {    margin-bottom: 50px;
    list-style-type: none;    display: flex;
    flex-direction: row;    align-items: center;}

.his_point {    min-width: 12px;    height: 12px;
    background-color:#28abb9;    border-radius: 100%;    z-index: 2;
    border: 2px #333333 solid;    position: absolute;
    left: 50%;    margin-left: -4px;}

.his_list h3{margin-bottom: 20px !important;}
.his_list ul li .his_content {    width: 48%; }

.his_list ul li:nth-child(odd) .his_content {    padding-left: 0; }

.his_list ul li:nth-child(odd) .date {    padding-right: 0;}

.his_list ul li:nth-child(even) .his_content {    padding-right: 0;}

.his_list ul li:nth-child(even) .date {    padding-left: 0; }

.his_list ul li .date {    width: 50%;    padding: 0 20px;    font-weight: normal; }

.his_list ul li:nth-child(even) {    flex-direction: row-reverse;}

.his_list p{margin-bottom:5px; font-size: 14px !important}

.his_list::before {    content: "";    position: absolute;    height: 100%;
    width: 2px;    left: 50%;    background-color: #333;}
.his_box{    background: #f1f1f1;    padding: 30px;    }

.h_no{display: inline-block;    color: #03aace;    font-weight: 600; vertical-align: top;}
.h_cons{display: inline-block;padding-left: 10px;}
.h_cons br{display: inline-block !important;}


@media (max-width: 768px){

.his_point,
.his_list::before{left:0;}
.his_list ul li .his_content { width: 90%; margin-left: 10%;}
.his_list ul li:nth-child(even) { flex-direction: row;}

}	


@media (max-width: 480px){
.h_cons{display: block;}
.h_cons{padding-left: 0; letter-spacing: -0.02em;}

}	















/*갤러리*/

.btnlist, .pagelist{clear: both; width: 100%; margin:20px 0;}
.btnlist img, .pagelist img ,.searchlist img{width:auto !important; height: auto !important;min-width: auto !important; min-height: auto !important;}
.pagelist{text-align: center;}
.pagelist a{color:#999;}

.btnlist{text-align: right;}
.searchlist{text-align: center;}
.board_output_gallery_img{width: 100%;}



.gallery_title, 
.board_output_gallery_subject{display:block; font-size: 14px !important; margin:0 auto;line-height: 30px;}



.glist3{width:100%;}
.glist3 table{width:33.3%; display: inline-block; text-align: center; margin-bottom:20px; float:left;}

.glist3 img{ max-width: 100%;min-height: 100%; width: 320px;height: 240px; object-fit:cover; object-position:center; transition: .3s ease;}
.glist3 img:hover{opacity: .6;}



.glist3t{width:100%;}
.glist3t tr{ display:inline;    font-size:0;}
.glist3t td{display: inline-block; text-align: center; }
.glist3t td table{width: 96%; margin:0 auto;}

.glist3t img{ max-width: 100%;min-height: 100%; width: 280px;height: 200px; object-fit:cover; object-position:center; transition: .3s ease;}
.glist3t img:hover{opacity: .6;}

.glist3t .board_admin_bgcolor table{display: none;}
.glist3t input[type=checkbox], .glist3t input[type=radio]{display: none;}



.glist4t{width:100%;}
.glist4t tr{ display:inline;    font-size:0;}
.glist4t td{display: inline-block; text-align: center; }
.glist4t td table{width: 96%; margin:0 auto;}

.glist4t img{ max-width: 100%;min-height: 100%; width: 200px;height: 160px; object-fit:cover; object-position:center; transition: .3s ease;}
.glist4t img:hover{opacity: .6;}

.glist4t .board_admin_bgcolor table{display: none;}
.glist4t input[type=checkbox], .glist3t input[type=radio]{display: none;}







@media (max-width: 768px){

#search_table{width: 100% !important; margin:0 auto;}
#search_table td:nth-child(1){width:20%; text-align: right;}
#search_table td:nth-child(2){width:50%; text-align: left;}
#search_table td:nth-child(3){width:30%; text-align: left; }
#search_table td input[type="text"] { max-width: 90% !important;     width: 100%;}

.gallery_title, 
.board_output_gallery_subject{display:inline-block; width: 100%; font-size: 90% !important;}


.glist3 img{height: 160px;}
.glist3 table{width:48%; margin-right: 4%;}
.glist3 table:nth-child(2n){margin-right: 0;}
.glist3 table:nth-child(odd){margin-right: 4%;}	



.glist3t img{height: 180px;}
.glist3t td{width: 50%; height: auto;}
.glist3t td table td{width: 100%;} 
.glist3t td table{width: 97%;}

.glist4t img{height: 180px;}
.glist4t td{width: 50%; height: auto;}
.glist4t td table td{width: 100%;} 
.glist4t td table{width: 97%;}



}