/*공통*/

.htitle{clear: both; width: 100%;  margin: 0 auto 50px;   text-transform: uppercase; color:#2a2a2a;  }
.htitle h1{font-size: 2.4em;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% !important; margin:0 auto !important;}
.shtitle{clear: both; width: 100%;  margin: 0 auto 30px;   text-transform: uppercase; color:#444;  }
.shtitle h2{    color: #000 !important;    font-size: 2em;
    margin: 0 auto 50px;    background: url(tit_bar.png)no-repeat 0 55%;    padding-left: 20px; }






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

.shtitle h2{font-size: 1.5em;}


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


}






#footerarea{clear: both;    width: 100%;    background: #4c5459; padding: 20px 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; margin-top: 30px;}



}




/*메인*/

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

.ourworks ul{width:100%; display:inline-block; margin:0 auto; padding:0 !important; text-align: center; }
.ourworks h2 {
    font-family: 'Lato','Noto Sans KR'!important;
    font-size: 22px;
    font-weight: 900;
    text-transform: capitalize;
    color: #333;
    margin: 10px 0 5px!important;
}
.ourworks ul li {
    display: inline-block;
    width: 100%;
    line-height: 1.3;
    font-size: 15px;
    color: #666666;
    letter-spacing: -0.02em;
}
.ourworks ul li.imgarea{overflow: hidden;}
.ourworks ul li img{display: inline-block; width: 100%;   -webkit-transform:scale(1);
    -moz-transform:scale(1);    -ms-transform:scale(1); 
    -o-transform:scale(1);      transform:scale(1);
    -webkit-transition:.2s;    -moz-transition:.2s;
    -ms-transition:.2s;    -o-transition:.2s;    transition:.2s;}
.ourworks a:hover img{  -webkit-transform:scale(1.1);    -moz-transform:scale(1.1);
    -ms-transform:scale(1.1);       -o-transform:scale(1.1);    transform:scale(1.1);}    
.ourworks a,.ourworks a:hover{color:#666;}


.ourworks ul li em{    display: inline-block;    cursor: pointer; font-style: normal;
   background:#fff; color:#333;     padding:0 30px; line-height: 40px;   margin-top: 20px; border:1px #999 solid;}
.ourworks a:hover em{background: #00a3d9; color: #fff; border:1px #00a3d9 solid;}






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

.aboutus h2 {    font-size: 2em;
    color: #2a2a2a;    margin: 0 auto 15px !important;
    font-weight: 600;    text-transform: uppercase;}   
.aboutus img{width: 100%; height: auto;}

.aboutus a{display: inline-block;    cursor: pointer; font-style: normal; border-radius: 20px;
   background:transparent; color:#333;     padding:0 30px; line-height: 40px;   margin-top: 10px; border:1px #999 solid;}
.aboutus a:hover{background: #00a3d9; color: #fff; border:1px #00a3d9 solid;}

@media (min-width: 992px){

.col-md-push-6 {  left: 50%;}
.col-md-pull-6 {  right: 50%; }

}

@media (max-width: 768px){
.ourworks .col-md-4{margin-bottom: 50px;}
.ourworks{padding:50px 0 0;}
.ourworks h2{font-size: 1.2em;}
.ourworks ul li{font-size: 14px;}
.mdivpadding{padding:50px 0 !important;}
.aboutus .col-md-6:nth-child(1) { margin-bottom: 30px; }

}



.adv_divs{width:100%; margin:0 auto; padding: 120px 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:40px;}
.adv_divs a:hover{background:#fff; color:#000; }




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


@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;}

}	





.mmailform {position: fixed;    bottom: 20px;    right: 20px;
    z-index: 99999999999999;    width: 100%; 
    max-width: 300px;    margin: 0 auto;    text-align: center;}
.mmailarea{background: #00a3d9;    padding:30px; border-radius: 10px;}

.mmailbtn{margin:0 auto 10px; text-align: right; width: 90%;}
.mmailbtn a{display: inline-block; margin-right: 5px;}
.mmailbtn a:last-child{margin-right: 0;}
.mmailbtn img{max-width: 50px;}

.mmailbtn a.topcsmailm{display: none;}

.mail_notice_divs{width:100%; margin:0 auto; padding: 80px 0; }
.mail_notice_divs .mmailform{padding:0; /*padding:30px;  background:#f1f1f1;*/}
.mail_notice_divs .mmailform textarea{background:#fff;}
.mail_notice_divs .mmailform iframe{display: inline-block; width: 100%; max-height: 420px;}

.mailformtb{font-size: 14px; width: 100%; margin:0 auto; font-family:'Noto Sans KR', 'Roboto', sans-serif !important; }
.mailformtb td{padding:5px 0 !important; color:#fff !important;}
.mailformtb td.formmail_title_bgcolor{width: 30%; background-color:transparent !important;text-align: left; line-height: 0 !important;}
.mailformtb td.formmail_cell_bgcolor{width:70%; text-align: left; line-height: 0 !important; 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]
{border:0 !important; background:#fff !important; padding:4px !important;line-height: 26px; width: 100%;}
.mailformtb .formmail_textarea_style{max-height: 60px !important; min-height: 60px; padding:10px !important;}
.mailformt br{display: none; }
.mailformtb .formmail_border{width: 100%;}

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



.smailformtb{font-size: 14px; width: 100%; margin:0 auto; font-family:'Noto Sans KR', 'Roboto', sans-serif !important; }
.smailformtb td{padding:5px 0 !important; color:#666 !important;}
.smailformtb td.formmail_title_bgcolor{width: 15%; background-color:transparent !important;text-align: left; line-height: 0 !important;}
.smailformtb td.formmail_cell_bgcolor{width:85%; text-align: left; line-height: 0 !important; padding:0 0 5px 0 !important; background: transparent;}
.smailformtb td input:not([type]), 
.smailformtb td input[type="email" i], 
.smailformtb td input[type="number" i], 
.smailformtb td input[type="password" i], 
.smailformtb td input[type="tel" i], 
.smailformtb td input[type="url" i], 
.smailformtb td input[type="text"],
.smailformtb td input[type="text" i]
{border:0 !important; background:#f1f1f1 !important; padding:4px !important;line-height: 30px; max-width: 60%;}
.smailformtb .formmail_textarea_style{min-height: 150px;}
.smailformtb br{display: none; }
.smailformtb .formmail_border{width: 100%; line-height: 30px;}

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








.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: 30px;}
.subcontxt .mailformtb select{width: 100%; }


.mailform1{clear: both; width: 100%; margin-top: 10px;}
.mailform1 a{display: inline-block; background: #2560a4; 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:#333;}


.mmnotice{width:95%; margin-left:5%;}
.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 10px !important;
    padding: 0 0 10px;    font-weight: 600; border-bottom: 1px #ccc 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: 'Noto Sans KR', 'Roboto', sans-serif !important; padding:10px 0 !important;}
.noticeoutput tr td a{font-family: 'Noto Sans KR', 'Roboto', 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; }



.smailformtb td input:not([type]), 
.smailformtb td input[type="email" i], 
.smailformtb td input[type="number" i], 
.smailformtb td input[type="password" i], 
.smailformtb td input[type="tel" i], 
.smailformtb td input[type="url" i], 
.smailformtb td input[type="text"],
.smailformtb td input[type="text" i]{max-width: 80%;}
.smailformtb table td{display: inline-block; width: 100%;}
.smailformtb td{padding:0 !important;}
.smailformtb td.formmail_title_bgcolor{width: 30%; }
.smailformtb td.formmail_cell_bgcolor{width: 70%;line-height: 25px !important; }

.mmailarea{display: none;}
.mmailbtn a.topcsmailm{display: inline-block;}
.mmailbtn img{max-width: 40px;}

.mail_notice_divs .mmailform iframe{max-height: 250px;}


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

.mail_notice_divs .mmailform{padding:20px 10px;}

.mmailform{width: 90% !important; margin:0 auto;}

.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 0; color:#fff;}
#subtitbg h2{font-size: 3.3em;font-weight: 400; 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 top; background-size:cover; }
.subbg2{background:url('subbg2.jpg')no-repeat center top; background-size:cover; }
.subbg3{background:url('subbg3.jpg')no-repeat center top; background-size:cover; }
.subbg4{background:url('subbg4.jpg')no-repeat center top; background-size:cover; }
.subbg5{background:url('subbg5.jpg')no-repeat center top; background-size:cover; }


.submn{clear: both; margin:80px auto 0 !important;text-align: center;}
.submn li a {
    display: inline-block;
    color: #888788!important;
    line-height: 3.5;
    font-size: 15px;
    margin: 0 20px;
    font-weight: 400;
    letter-spacing: 0.05em;
}
.submn li a:hover{color: #00a3d9!important;}

.submn li{display: inline-block; margin-right: -4px;}

.submn1 .submn li:nth-child(1) a{color: #00a3d9!important; border-bottom: 1px solid #00a3d9;}
.submn2 .submn li:nth-child(2) a{color: #00a3d9!important; border-bottom: 1px solid #00a3d9;}
.submn3 .submn li:nth-child(3) a{color: #00a3d9!important; border-bottom: 1px solid #00a3d9;}
.submn4 .submn li:nth-child(4) a{color: #00a3d9!important; border-bottom: 1px solid #00a3d9;}
.submn5 .submn li:nth-child(5) a{color: #00a3d9!important; border-bottom: 1px solid #00a3d9;}
.submn6 .submn li:nth-child(6) a{color: #00a3d9!important; border-bottom: 1px solid #00a3d9;}
.submn7 .submn li:nth-child(7) a{color: #00a3d9!important; border-bottom: 1px solid #00a3d9;}
.submn8 .submn li:nth-child(8) a{color: #00a3d9!important; border-bottom: 1px solid #00a3d9;}
.submn9 .submn li:nth-child(9) a{color: #00a3d9!important; border-bottom: 1px solid #00a3d9;}
.submn10 .submn li:nth-child(10) a{color: #00a3d9!important; border-bottom: 1px solid #00a3d9;}



.csinfo{clear: both; width:100%; margin:0 auto 30px;padding:10px; border:1px #eee solid;text-align: center; }
.csinfo h2{font-size: 1.3em;font-weight: 400;  letter-spacing: -0.03em; text-transform: uppercase; width: 100%; }
.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: 100px 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){
.mtableo{padding:0;}
#subtitbg{padding:50px 0;}
#subtitbg h2{font-size: 2em;}	
#subtitbg p{font-size: 90% !important}
.mtableo iframe{width:100%; float:none; margin:0;}


.submn {    padding: 0 !important;    margin: 30px auto 0 !important;}
.submn li{display: inline-block; margin:2px 1px; height: auto;}
.submn li a {
    padding: 0 15px;
    font-size: 14px;
    background: transparent;
    border: 1px rgba(255, 255, 255, .5) solid;
    line-height: 40px;
    color: #fff!important;
    margin: 0 5px;
} 



}	


/**/


.subcontxt{clear: both; width: 100%;}
.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.8em;    color: #00a3d9; }
.subcontxt h4{font-size: 1.6em;}
.subcontxt h5{font-size: 1.1em;}

.subcontxt iframe{display: inline-block; width: 100%;}
.subcontxt p{font-size: 16px !important}
.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; }
.subcontxt p{font-size: 14px !important}

}	




/**/

.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: 13px;
    height: 13px;
    background-color: #79bc28;
    border-radius: 100%;
    z-index: 2;
    position: absolute;
    left: 50%;
    margin-left: -6px;
    top: 20px;}

.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;
    text-align: right; }

.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: 16px !important}

.his_list::before {    content: "";    position: absolute;    height: 100%;
    width: 1px;    left: 50%;    background-color: #ddd;}
.his_box{  padding: 0 20px 0;    }

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


@media (max-width: 680px){

.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: 320px;height: 240px; 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: 240px;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!important; min-height: auto !important}
.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: 160px!important; min-height: auto !important;}
.glist3t td{width: 50%; height: auto;}
.glist3t td table td{width: 100%;} 
.glist3t td table{width: 97%;}

.glist4t img{height:160px!important; min-height: auto !important}
.glist4t td{width: 50%; height: auto;}
.glist4t td table td{width: 100%;} 
.glist4t td table{width: 97%;}



}