/*공통*/

.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% !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 !important;
    padding: 0 0 5px;
    border-bottom: 3px #ccc double;}


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


}



/*
.footerwrap{clear: both; width: 100%; font-size:12px; color:#999;}
.footerwrap em{display: inline-block; width: 10px;}
.footerwrap b{display: inline-block; font-weight: 400; color:#333; padding-right:5px;}
*/
/*.pc-footer{display: inline-block; max-width:220px; position:absolute; bottom:0; padding:15px;}*/
/*
.m-footer{display: none;}
.footernoticesns{padding:0 0 20px;}
.footernoticesns img{max-width: 26px;}
.footernoticesns a{display: inline-block; padding-right:5px;}
.footernoticesns a:last-child{padding-right: 0;}
.adminbtn{display: inline-block; margin-left:10px; color:#999;}
*/

@media (max-width: 768px){
/*.pc-footer{display: none;}*/
/*
.m-footer{display: inline-block; width: 100%; padding:30px 20px; border-top: 1px #f1f1f1 solid;}
.m-footer ul li br{display: none;}
*/
}



/*레이아웃*/
#hwrap{clear: both; width: 100%; height: auto;}
#hwrap .container-fluid{padding:0; margin:0 auto;}

#hwrap .row .col-md-2 { flex-grow:0; flex-shrink:0; flex-basis:200px; max-width:220px; position:fixed; z-index:9999; height:100%; min-height:700px; background:#fff;    border-right: 1px #eee solid;}
#hwrap .row .col-lg-10 {flex-grow:0; flex-shrink:0; flex-basis:calc(100% - 220px); max-width: calc(100% - 200px)}

@media only screen and (max-width: 979px) {/*모바일레이아웃*/
#hwrap .row .col-md-2 {flex-basis:100%; max-width:100%;  height:65px; min-height: inherit; background:#fff; display:block !important;border-right: 0;}
#hwrap .row .col-lg-10 {flex-basis:100%; max-width: 100%}	
#head-area{background: #fff;    border-bottom: 1px #eee solid;}
/*.pc-footer { display:none}*/
}




/*메인*/

.mainbanners{width:100%; margin:0 auto; padding: 0 0;}
.mainbanners ul{width:100%; display:inline-block; margin:0 auto; padding:0 !important; text-align: center; }
.mainbanners h2{  font-size: 1.8em;    font-weight: 600;
    text-transform: uppercase;    padding: 0 0 10px !important;
    color: #222;    margin: 0 auto;}

.mainbanners ul li{display:inline-block; width:100%;    line-height: 160%;  font-size: 15px;}
.mainbanners a ,.mainbanners a:hover{color:#333; position:inherit; z-index:99}

.mainbanners ul li em{    display: inline-block;    cursor: pointer; font-style: normal; font-size:13px;
   background:#eee; color:#666;     padding:0 20px; line-height: 30px;   margin-top: 20px; }
.mainbanners a:hover em{background: #333; color: #fff; }

.mainbanners .container { max-width:100%;}
.mainbanners .container .row { margin:0 0}
.mainbanners .container .col-lg-3 { padding:80px 0; }
.mainbanners .container .col-lg-3 i{ font-size:60px }

.mainbanners .col-lg-3:nth-child(1) { background: url('/bizdemo105854/img/2udesign/img/mainbg1.jpg') no-repeat; background-size: cover; }
.mainbanners .col-lg-3:nth-child(3) { background: url('/bizdemo105854/img/2udesign/img/mainbg2.jpg') no-repeat; background-size: cover;}
.mainbanners .col-lg-3:nth-child(1):before, .mainbanners .container .col-lg-3:nth-child(3):before { content:""; position:absolute; left:0; top:0; z-index:0; width:100%; height:100%; background:rgba(0,0,0,.3); backdrop-filter:contrast(0.5) }
.mainbanners .col-lg-3:nth-child(1) ul, .mainbanners .col-lg-3:nth-child(3) ul,
.mainbanners .col-lg-3:nth-child(1) i, .mainbanners .col-lg-3:nth-child(3) i,
.mainbanners .col-lg-3:nth-child(1) h2, .mainbanners .col-lg-3:nth-child(3) h2 { color:#fff}





@media (min-width: 992px){
.col-md-push-6 {  left: 50%;}
.col-md-pull-6 {  right: 50%; }
}


@media (max-width: 768px){

.mainbanners ul li{font-size: 14px;}
.mainbanners .col-md-4{margin-bottom: 30px;}    

.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; background: #f5f5f5;}


@media (max-width: 768px){
.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: 0 0; background:#eee;}
.mail_notice_divs iframe{display: inline-block; width: 100%; max-height: 300px;}



.noticeoutput tr {border-bottom: 1px #ccc 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:  'Noto Sans KR', sans-serif !important; padding:10px 0 !important;}
.noticeoutput tr td a{font-family:  'Noto Sans KR', sans-serif !important; font-size: 13px !important; }
.noticeoutput tr td a:hover{color:#333; text-decoration: none;}




.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; display: inline-block;}
.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: #007ed1;text-transform: uppercase;   }
.mail_notice_divs h3{text-transform: uppercase;     font-size: 1.4em;
    display: block;    color: #333 !important; 
    padding: 50px 0 10px;    font-weight: 600; }
.mail_notice_divs h3:after { content:""; width:40px; height:3px; background:#555;  display:block; margin:10px auto}

.mail_notice_divs .board_output { width:calc(100% - 60px); margin:0 auto}




@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: 100% !important;}
input[type="text" i]{margin-bottom:5px; max-width: 100%;}
.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 .board_output{width: calc(100% - 30px);}
.mail_notice_divs{padding:50px 0 0;}
.mail_notice_divs .col-md-4:first-child,.mail_notice_divs .col-md-4:last-child{margin-bottom: 50px;}

.mail_notice_divs iframe{height: 300px;}


}


@media (max-width: 480px){
.mainbanners .container .col-lg-3 {  padding: 60px 0;}    
.mainbanners .container .col-lg-3 i { font-size: 40px;}
.mainbanners h2{font-size: 1.4em;}
}    




/*서브*/

#subtitbg{clear: both; width:100%; margin:0 auto; padding: 40px 0 0; color:#fff;}
#subtitbg h2{font-size: 2.5em;font-weight: 600; text-transform: uppercase;margin: 0 auto !important; text-shadow: 1px 1px 5px rgba(0,0,0,0.8);}
#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:40px auto 0 !important;}
.submn li a{display: inline-block;  color:#fff; line-height: 50px; font-size: 16px; padding:0 25px; }
.submn li a:hover{background:#fff; color:#222;}

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

.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;}
.submn14 .submn li:nth-child(14) a{background:#fff !important;color: #222;}
.submn15 .submn li:nth-child(15) 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:#007bff;}
.csinfo p{margin:0 auto; font-size: 85% !important; letter-spacing: -0.02em;}

#subarea{clear: both; width:100%; margin:0 auto; padding: 80px 0 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;}
#subarea{padding:50px 0 0;}
#subtitbg{padding:50px 0; text-align: center;     margin-top: 65px;}
#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; text-align: center;}
.submn li{display: inline-block; margin:2px; height: auto;}
.submn li a{padding:0 10px;font-size:13px; background: transparent; border:1px rgba(255,255,255,.5) solid; line-height: 30px; }  



}	


/**/


.subcontxt{clear: both; width: 100%;    padding: 0 0 80px;
    min-height: 210px;}
.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: #007bff; }
.subcontxt h4{font-size: 1.2em;}
.subcontxt h5{font-size: 1.1em;}

.subcontxt iframe{display: inline-block; width: 100%;}
.subcontxt p{font-size: 16px}
.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:#007bff;    border-radius: 100%;    z-index: 2;
    border: 2px #333333 solid;    position: absolute;
    left: 50%;    margin-left: -4px;}

.his_list h3{margin-bottom: 5px !important;font-family: 'Lato'!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: 16px !important}

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

.h_no{display: inline-block;    color: #007bff;    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%;}



}