/*공통*/

.htitle{clear: both; width: 100%;  margin: 0 auto 50px;   text-transform: uppercase; color:#2a2a2a;  }
.htitle h1{font-size: 2.5em;font-weight: 700; 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{    color: #000;    font-size: 2em;
    margin: 0 auto 50px;    padding:0 0 10px; border-bottom: 3px #ddd double; }


.goto_btns{    position: fixed;    right: 0; top:70px;    z-index: 99;}

.goto_btns a{display:block; width: 40px;}
.goto_btns a img{display: inline-block;}
.goto_btns a:hover{opacity: .8;}



@media (max-width: 768px){
.goto_btns {    top: auto;    z-index: 99;    bottom: 90px;}    
.htitle{max-width: 90%;}    
.htitle h1{font-size: 1.8em;}
.htitle h2{font-size: 1.5em;}
.htitle p br{display: none;}
.shtitle h2{font-size: 1.5em;}


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


}






#footerarea{clear: both;    width: 100%;    background: #222; padding: 40px 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;}
#footerarea a{color:#999;}



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

.ourworks .main-bsn{width:25%; float: left; display: inline-block; text-align: center; margin-bottom: 50px;}
.ourworks ul{width:94%; display:inline-block; margin:0 auto !important; padding:0 !important; }
.ourworks ul li{display:inline-block; width:100%;    line-height: 160%;  color: #666; 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 ul:hover li img{   -webkit-transform:scale(1.2);    -moz-transform:scale(1.2);
    -ms-transform:scale(1.2);       -o-transform:scale(1.2);    transform:scale(1.2);}

.ourworks a h3{    font-size: 1.5em;    font-weight: 600; color: #222;    margin:20px auto 5px !important; }
.ourworks a b{display: inline-block; margin-top:10px; font-size: 14px; font-weight: 400;
    width: 120px;    border-radius:50px;     border: 1px solid #333;color: #333;
    line-height: 40px;}
.ourworks a{display: inline-block; cursor: pointer; }

.ourworks ul:hover b{background: #333; color:#fff;}





.aboutus{width:100%; margin:0 auto; padding: 80px 0; position: relative;  color:#222; background: url('aboutus_bg.jpg')no-repeat; background-size: cover;}
.aboutus .aboutimg img{max-width: 100%; height: auto;}
.aboutus .abouttxt{    position: absolute;    bottom: 10%;
    max-width: 500px;    left: 55%; }
.aboutus em{display: inline-block; font-size: 2em;}    
.aboutus .abouttxt blockquote{border:0; padding:50px; background: #fff;     box-shadow: 10px 10px #7ddeda;}
.aboutus .abouttxt p{font-size: 1.3em !important;    line-height: 200% !important;
    letter-spacing: -0.02em;}
.aboutus .abouttxt a{display: inline-block; padding:0 25px; border:1px #666 solid; line-height: 40px; color:#666; font-size: 14px; margin-top:10px;}
.aboutus .abouttxt a i{display: inline-block; margin-left: 10px; }
.aboutus .abouttxt a:hover{background: #666; color:#fff;}


@media (max-width: 1199px){
.ourworks{padding:50px 0 0;}  
.ourworks .row{margin:0 auto;}  
.ourworks{font-size: 14px; letter-spacing: -0.04em;}
.ourworks a b{width: 110px; font-size: 13px; line-height: 30px;}
.ourworks a h3{font-size: 1.2em; margin: 10px auto 0 !important;}
.ourworks .main-bsn{width: 50% !important;}


.aboutus{padding:50px 0;}
.aboutus .abouttxt blockquote{padding:30px;}
.aboutus .aboutimg{text-align: center;}
.aboutus .aboutimg img{width: 100%;}
.aboutus .abouttxt blockquote{box-shadow: none;}
.aboutus .abouttxt{    position: relative;    font-size: 16px;
    top: 0;    max-width: 100%;
    left: 0;    margin: 0 auto;}
.aboutus .abouttxt p{font-size: 14px !important;}



}    


@media (min-width: 992px){

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

}

@media (max-width: 768px){
.ourworks ul{width: 90%;}
.ourworks ul li{font-size: 90%;}
.mdivpadding{padding:50px 0 !important;}


}



.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: 2em;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;}

}	





.mail_notice_divs{width:100%; margin:0 auto; padding: 80px 0; }
.mail_notice_divs iframe{display: inline-block; width: 100%; max-height: 240px;}
.mail_notice_divs p{font-size:13px !important;}

a.btn_s{display:inline-block;border:1px #ddd solid; color:#999; padding:0 25px; font-size: 13px; line-height:35px; border-radius: 50px; margin:3px;}
a.btn_s:hover{background:#666; color:#fff; border:1px #666 solid; }

.mailformtb{font-size: 14px; width: 100%; margin:0 auto;}
.mailformtb td{padding:5px 0 !important;}
.mailformtb td.formmail_title_bgcolor{width: 15%; background-color:transparent !important;text-align: left; line-height: 0}
.mailformtb td.formmail_cell_bgcolor{width: 85%; text-align: left; line-height: 25px !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:#f1f1f1 !important; padding:4px !important;line-height: 30px; }

.mailformtb textarea{max-height: 150px; 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: 80px; 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: 30px;}
.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;}



.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: 13px !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: 13px !important; }
.noticeoutput tr td a:hover{color:#333; text-decoration: none;}


@media (max-width: 980px){  

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

}

@media (max-width: 768px){	
.mailformtb table td{display: inline-block; width: 100%;}
.mailformtb td{padding:0 !important;}
.mailformtb td.formmail_title_bgcolor{width: 100%; }
.mailformtb td.formmail_cell_bgcolor{width: 100%;line-height: 25px !important; }
.mail_notice_divs .mmailform iframe{max-height: 250px;}
.mailformtb  input[type='text']{width: 80% !important;}
.mailformtb table textarea,
.mailformtb textarea{width: 94% !important;}


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


.mail_notice_divs{padding:50px 0 0;}
.mail_notice_divs .col-md-4{margin-bottom: 50px;}

.mail_notice_divs iframe{height: 300px;}


}





/*서브*/

#subtitbg{clear: both; width:100%; margin:0 auto; padding: 100px 0 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 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;}

.submn li a{display: inline-block;  color:#fff; line-height: 60px; font-size: 16px; padding:0 40px;background: #222;}
.submn li a:hover{background:#fff; color:#222;}

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

.submn1 .submn li:nth-child(1) a{background:#fff !important; color: #222;}
.submn2 .submn li:nth-child(2) a{background:#fff !important;color: #222;}
.submn3 .submn li:nth-child(3) a{background:#fff !important;color: #222;}
.submn4 .submn li:nth-child(4) a{background:#fff !important;color: #222;}
.submn5 .submn li:nth-child(5) a{background:#fff !important;color: #222;}
.submn6 .submn li:nth-child(6) a{background:#fff !important;color: #222;}
.submn7 .submn li:nth-child(7) a{background:#fff !important;color: #222;}
.submn8 .submn li:nth-child(8) a{background:#fff !important;color: #222;}
.submn9 .submn li:nth-child(9) a{background:#fff !important;color: #222;}
.submn10 .submn li:nth-child(10) a{background:#fff !important;color: #222;}
.submn11 .submn li:nth-child(11) a{background:#fff !important;color: #222;}
.submn12 .submn li:nth-child(12) a{background:#fff !important;color: #222;}
.submn13 .submn li:nth-child(13) a{background:#fff !important;color: #222;}



.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: 60px 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: 1.5em;}	
#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; height: auto;}
.submn li a{padding:0 15px;font-size:14px; background: transparent; border:1px rgba(255,255,255,.5) solid; line-height: 40px; }  



}	


/**/


.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: #004a8d; }
.subcontxt h4{font-size: 1.2em;}
.subcontxt h5{font-size: 1.1em;}

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



}