/* 메인슬라이더 */
#visual{width:100%; min-width:1200px; height:560px; margin:0 auto; position:relative; overflow:hidden;}
a{cursor:pointer}

#visual .sliderbx{ z-index:10;width:100% !important; height:850px; position:relative;}

#visual #slogan{ text-align:center; width:1000px; margin:0 auto; position:absolute; top:180px; left:50%; margin-left:-500px ;z-index:999;}
#visual #mslogan{ display:none;}
#visual #slogan .img01{ font-size:50px; color:#fff; font-weight:900; letter-spacing:0;}
#visual #slogan .img02{ font-size:25px; color:#fff; font-weight:400; letter-spacing:-2px; line-height:2em;}
#visual #slogan .img02 strong{ font-weight:700;}
#visual #slogan .mt{ font-size:18px; font-weight:400; color:rgba(250,250,250,0.7);}
#visual #slogan a.sbtn{font-size:20px; font-weight:700; color:#fff; background:rgba(250,250,250,0); border:4px solid rgba(250,250,250,1); display:block; width:180px; line-height:65px; margin:25px auto 0; transition:all 0.3s;-webkit-transition: all 0.3s;-moz-transition: all 0.3s;-o-transition: all 0.3s;}
#visual #slogan a.sbtn:hover{ background:rgba(56,195,246,1); border:4px solid rgba(56,195,246,1); transition:all 0.3s;-webkit-transition: all 0.3s;-moz-transition: all 0.3s;-o-transition: all 0.3s;}

#visual .sliderbx li{ width:100% !important; height:1400px; background-repeat:no-repeat; background-position: center top;}
#visual .sliderbx li.mv01{background-image:url(../img/main/mvisual01.jpg)}
#visual .sliderbx li.mv02{background-image:url(../img/main/mvisual02.jpg)}
#visual .sliderbx li.mv03{background-image:url(../img/main/mvisual03.jpg)}
#visual .sliderbx li a{ display:block; width:100%; height:750px;}

#visual div.bx-pager{ position:absolute; bottom:50px; left:50%; margin-left:-45px; z-index:101; opacity:0;}
#visual div.bx-pager div{ float:left; margin:0 5px;}
#visual div.bx-pager div a{ display:block; width:20px; height:20px; text-indent:-9999px; border-radius:15px; border:5px solid rgba(250,250,250,1)}
#visual div.bx-pager div a.active{ border:5px solid rgba(56,195,246,1)}
#visual div.bx-controls-direction a{ 
display:block; width:40px; height:40px; border-bottom:3px solid #FFF; border-left:3px solid #FFF; border-radius:0 0 0 5px; text-indent:-9999px; position:absolute; top:50%; margin-top:-25px !important; z-index:998;} /*좌우버튼동시선택*/
#visual a.bx-prev{ transform:translateY(-50%) rotate(45deg); left:30px;}
#visual a.bx-next{ transform:translateY(-50%) rotate(-135deg); right:30px;}	
#visual div.bx-controls-auto{position:absolute; width:40px; top:30px; z-index:2; left:50%; margin-left:470px; }
#visual div.bx-controls-auto a{	float:left; margin-right:3px; width:12px; height:12px; border-radius:9px; color:#FFF; text-align:center; line-height:12px; font-size:12px; text-indent:-9999px;	} /*플레이스탑버튼동시선택*/
#visual div.bx-controls-auto a.bx-start{background:url(../img/common/btn_play.png) no-repeat 50% 50% #4C5365;}
#visual div.bx-controls-auto a.bx-stop{background:url(../img/common/btn_stop.png) no-repeat 50% 50% #4C5365;}

/*공지사항*/
#notice_wrap{ background:url(../img/main/notice_bg.gif) no-repeat center top; height:71px;}
#noti{ width:1200px; margin:0 auto;}
#noti dl:after{ display:block; content:""; clear:both;}
#noti dt{ float:left; width:375px; line-height:71px; color:#fff; font-size:16px; font-weight:500; letter-spacing:0; position:relative; padding-left:15px;}
#noti dt:before{ display:block; content:""; width:5px; height:5px; background:#fff; position:absolute; top:32px; left:0px;}
#noti dt span{ color:rgba(250,250,250,0.7); font-weight:300; font-size:14px;}
#noti dd{ float:left;}

/*메인-중간컨텐츠1*/
#mban_wrap{ /*background:url(../img/main/quick_bg.jpg) no-repeat center top;*/}
#mban{ width:1300px; margin:0 auto; padding:130px 0 120px 0; position:relative;}
#mban .qtitle{ text-align:right; position:absolute; top:66px; left:0;}
#mban h1{ font-size:40px; color:#222; font-weight:700; margin-bottom:20px;}
#mban a.qbtn{ text-align:center; font-size:18px; color:#222; display:inline-block; line-height:60px; border:4px solid #222; padding:0 35px; font-weight:700; transition:all 0.3s;-webkit-transition: all 0.3s;-moz-transition: all 0.3s;-o-transition: all 0.3s;}
#mban a.qbtn:hover{ background:#222; color:#fff; transition:all 0.3s;-webkit-transition: all 0.3s;-moz-transition: all 0.3s;-o-transition: all 0.3s;}
#mban .container{ margin-left:300px; padding:0;}
#mban dl{ padding:0; width:295px; margin:0 25px;}
#mban .txt{ border-left:1px solid #222; padding-left:20px; margin-top:30px; min-height:120px;}
#mban dt{ font-size:21px; font-weight:700; color:#222; margin-bottom:10px;}
#mban dd{ word-break:keep-all;font-size:13px; color:#888; font-weight:400; line-height:1.6em;}


#middle2{ width:100%; min-width:1200px; text-align:center; padding:70px 0; box-sizing: border-box;}
#middle2 p{ font-size:1.8em; font-weight:700; color:#222; margin:20px 0 5px 0;}
#middle2 span{ display:block; font-size:14px; color:#888; font-family:Tahoma, Geneva, sans-serif; letter-spacing:0;}
#middle2 span:after{ display:block; width:32px; height:5px; margin:20px auto 20px auto; content:""; background:url(../img/main/mid_bar.gif) no-repeat center bottom;}
#middle2 a{ display:inline-block; line-height:30px; padding:0 30px; color:#999; border:2px solid #ccc; left:0; transition:all 0.3s;-webkit-transition: all 0.3s;-moz-transition: all 0.3s;-o-transition: all 0.3s;}
#middle2 a:hover { background:#25b4e8; border:2px solid #25b4e8;  color:#fff; transition:all 0.3s;-webkit-transition: all 0.3s;-moz-transition: all 0.3s;-o-transition: all 0.3s;}
#middle2 .abox{ display:inline-block; padding:50px 0 !important; border-top:1px solid #ddd; border-left:1px solid #ddd; border-bottom:1px solid #ddd;}
#middle2 .abox:last-child{ border-right:1px solid #ddd;}

#middle_wrap{ width:100%; min-width:1200px; height:auto; padding:150px 0; background:url(../img/main/mid_bg.jpg) no-repeat center bottom;}
#middle{ width:1132px; margin:0 auto;}
#middle .mid01{ color:#fff; background:url(../img/main/mid_call.png) no-repeat center 80% #122c5d; width:280px; height:280px; padding:40px 20px;}
#middle .mid01 h1{ font-size:35px; font-family: 'Spoqa Han Sans',sans-serif; text-align:center;}
#middle .mid01 h2{ font-size:25px; font-weight:700; margin-bottom:5px;}
#middle .mid01 h3{ font-weight:100; font-size:15px; letter-spacing:0; text-align:center;}
#middle .mid01 p{ font-size:14.5px; margin-bottom:20px;}
#middle .mid02{ color:#222; background:url(../img/main/mid_map.png) no-repeat center 80% #fff; width:280px; height:280px; padding:40px 20px; text-align:center; margin:0 6px;}
#middle .mid02 h2{ font-size:25px; font-weight:700; margin-bottom:5px;}
#middle .mid02 p{ color:#999; font-size:14px; margin-bottom:20px;}
#middle .mid02 a.mbtn{ display:block; border:3px solid #222; line-height:35px; text-align:center; font-weight:700; letter-spacing:0; font-size:16px; color:#222; transition:all 0.3s;-webkit-transition: all 0.3s;-moz-transition: all 0.3s;-o-transition: all 0.3s;}
#middle .mid02 a.mbtn:hover{ background:#222; color:#fff; transition:all 0.3s;-webkit-transition: all 0.3s;-moz-transition: all 0.3s;-o-transition: all 0.3s;}
#middle .mid03{ background:url(../img/main/mid_company.jpg) no-repeat left center; width:560px; height:280px; color:#fff; padding:130px 0 30px 40px;}
#middle .mid03 h1{ font-size:45px; font-weight:700; line-height:1em;}
#middle .mid03 h1 strong{font-weight:900; font-size:1.5em;}
#middle .mid03 p{ font-weight:100;}


/*20190822 추가 메인css*/
.m_content_area{ background: #fff; padding:50px 0}
.m_content00{position:relative; background:#fff; width:1200px; margin:0px auto}
.m_content00 .m_box{ padding:30px !important; min-height:266px}
.m_content00 .m_box h3.t::before{ content:""; display:block; width:30px; height:3px; background:#fff; margin-bottom:15px;}
.m_content00 .m_box h3.t{ font-size:1.20em; color:#fff; margin:0 0 20px; font-weight:600; line-height:1.20em; letter-spacing: -.060em}
.m_content00 .m_box p.c{ font-size:1.07em; color:rgba(255,255,255,.8); line-height: 1.5em; letter-spacing: -.020em; margin:0 0 15px}
.m_content00 .m_box .call{ font-size:2.80em; color:#fff; margin:0 0 10px; font-weight:600; line-height:1.20em; letter-spacing: -.060em; font-family:'Noto Sans KR', sans-serif,"돋움", "굴림", tahoma, sans-serif;}
.m_content00 .m_box .fax{ font-size:1.30em; color:#fff; margin:0; font-weight:600; line-height:1.20em; letter-spacing: -.060em}
.m_content00 .m_box:first-child{ padding:0 !important; background:#848b96; background-size:over; border-right:0px;}
.m_content00 .m_box:nth-child(2){background:url(../img/main/m_banner02.jpg) no-repeat center center #5f6a8a; background-size:cover; border-right:0px}
.m_content00 .m_box:nth-child(3){background:url(../img/main/m_banner03.jpg) no-repeat center center #777777; background-size:cover; border-right:0px}
.m_content00 .m_box:nth-child(4){background:url(../img/main/m_banner04.jpg) no-repeat center center #798190; background-size:cover; border-right:0px}
.m_content00 .m_banner{padding:0 0 30px; min-height:304px}
.m_content00 .m_banner:first-child{ background:url(../img/main/m_logo.png) no-repeat 95% #1ca0cb; padding:0 0 30px;}
.m_content00 .m_banner:last-child{ background:#414141; padding:0 0 30px;}
.m_content00 .m_banner .t::before{ content:""; display:block; width:30px; height:3px; background:#fff; margin-bottom:15px;}
.m_content00 .m_banner .t{ font-size:2.20em; color:#fff; margin:0 0 10px; font-weight:600; letter-spacing: -.060em;}
.m_content00 .m_banner .c{ font-size:1.0em; color:rgb(255,255,255,0.6); color:rgba(255,255,255,0.6); line-height: 1.6em;}
.m_content00 .m_tel{font-family: 'Titillium Web', Arial, sans-serif;font-size: 3.5em;color: #363636; line-height:0.8; font-weight:400}
.m_content00 .m_f_box{font-family: 'Titillium Web', Arial, sans-serif;background:#282a52; border:0px; padding:3px 6px; font-size:1.00em; color:#fff; margin-right:10px}

.m_content00 .cbtn{ /*position:absolute; top:25px; right:0px; width:210px;*/}
.m_content00 .cbtn a{ font-size:1.25em; color:#fff; font-weight:500; display:block; line-height:87px; padding:0px 15px 0px 20px; letter-spacing:0; border-bottom:1px dotted rgba(255,255,255,.4); border-bottom:1px dotted rgb(255,255,255,.4); background:url(../img/main/icon_com01.png) no-repeat 92% 50% #848b96}
.m_content00 .cbtn a:nth-child(2){ background:url(../img/main/mid_call.png) no-repeat 92% 50% #848b96}
.m_content00 .cbtn a:last-child{ border-bottom:0; background:url(../img/main/icon_com03.png) no-repeat 92% 50% #848b96}

.m_content00 .cbtn p{ font-size:10px; letter-spacing:0; font-weight:100; color:rgba(250,250,250,0.6);}
.m_content00 .m_box p a.more{font-weight:400; color:#fff; background:rgba(255,255,255,0); border:1px solid rgba(255,255,255,.5); display:inline; margin:35px auto 0; transition:all 0.3s;-webkit-transition: all 0.3s;-moz-transition: all 0.3s;-o-transition: all 0.3s; text-align:center; font-size:0.7em; padding:3px 10px; letter-spacing:0}
.m_content00 .m_box p a.more:hover{ background:#38c2f5; color:#fff; transition:all 0.3s;-webkit-transition: all 0.3s;-moz-transition: all 0.3s;-o-transition: all 0.3s; border:1px solid #38c2f5}

/*@media (max-width: 991px) {
.m_content00 .m_box{ padding:20px; min-height:245px}
.m_content00 .m_banner{padding:0 0 30px; min-height:auto}
.m_content_area{ height:auto}
.m_content00{position:relative; top:0; z-index:10; margin-left: auto;left: 0%; background:#fff; width:100%;}
.m_content00 .m_box:first-child{border-top:0px }
.m_content00 .cbtn a{ font-size:1.15em;line-height:80px;}
}*/

.m_content01{position:relative; background:#fff; width:1200px; margin:0px auto;}
.m_content01 .m_box{ padding:130px 30px 30px !important; min-height:266px; text-align:center}
.m_content01 .m_box h3.t::before{ content:""; display:block; width:30px; height:3px; background:#fff; margin:0px auto 15px;}
.m_content01 .m_box h3.t{ font-size:1.10em; color:#fff; margin:0 0 20px; font-weight:600; line-height:1.20em; letter-spacing: -.060em}
.m_content01 .m_box p.c{ font-size:1.00em; color:rgb(255,255,255,0.6); color:rgba(255,255,255,0.6); line-height: 1.4em; letter-spacing: -.020em}
.m_content01 .m_box .call{ font-size:2.80em; color:#fff; margin:0 0 10px; font-weight:600; line-height:1.20em; letter-spacing: -.060em; font-family:'Noto Sans KR', sans-serif,"돋움", "굴림", tahoma, sans-serif;}
.m_content01 .m_box .fax{ font-size:1.30em; color:#fff; margin:0; font-weight:600; line-height:1.20em; letter-spacing: -.060em}
.m_content01 .m_box p a.more{font-size:20px; font-weight:400; color:#fff; background:rgba(255,255,255,0); border:1px solid rgba(255,255,255,.5); display:inline; margin:25px auto 0; transition:all 0.3s;-webkit-transition: all 0.3s;-moz-transition: all 0.3s;-o-transition: all 0.3s; text-align:center; font-size:0.8em; padding:5px 15px; letter-spacing:0}
.m_content01 .m_box p a.more:hover{ background:#fff; color:#333; transition:all 0.3s;-webkit-transition: all 0.3s;-moz-transition: all 0.3s;-o-transition: all 0.3s;}
.m_content01 .m_box:first-child{background:url(../img/main/m_banner05.png) no-repeat 50% 20% #242d3c;}
.m_content01 .m_box:nth-child(2){ background:url(../img/main/m_banner06.png) no-repeat 50% 20% #1677c4;}
.m_content01 .m_box:nth-child(3){background:url(../img/main/m_banner07.png) no-repeat 50% 20% #848b96; border-right:0px}
.m_content01 .m_box:last-child{background:url(../img/main/m_banner08.png) no-repeat 50% 20% #fff; border-right:0px}
.m_content01 .m_box:last-child h3.t{ color:#333}
.m_content01 .m_box:last-child p a.more{ font-weight:400; color:#777; background:rgba(0,0,0,0); border:1px solid rgba(0,0,0,.5); display:inline; margin:25px auto 0; transition:all 0.3s;-webkit-transition: all 0.3s;-moz-transition: all 0.3s;-o-transition: all 0.3s; text-align:center; font-size:0.8em; padding:5px 15px; letter-spacing:0}
.m_content01 .m_box:last-child p a.more:hover{ background:#333; color:#fff; transition:all 0.3s;-webkit-transition: all 0.3s;-moz-transition: all 0.3s;-o-transition: all 0.3s;}
.m_content01 .m_box:last-child .t2{ font-size:2.50em; color:#fff; margin:12px 0 10px; font-weight:400; line-height:1.0em}
.m_content01 .m_banner{padding:0 0 30px; min-height:304px}
.m_content01 .m_banner:first-child{ background:url(../img/main/m_logo.png) no-repeat 95% #1ca0cb; padding:0 0 30px;}
.m_content01 .m_banner:last-child{ background:#414141; padding:0 0 30px;}
.m_content01 .m_banner .t::before{ content:""; display:block; width:30px; height:3px; background:#fff; margin-bottom:15px;}
.m_content01 .m_banner .t{ font-size:2.20em; color:#fff; margin:0 0 10px; font-weight:600; letter-spacing: -.060em;}
.m_content01 .m_banner .c{ font-size:1.0em; color:rgb(255,255,255,0.6); color:rgba(255,255,255,0.6); line-height: 1.6em;}
.m_content01 .m_tel{font-family: 'Titillium Web', Arial, sans-serif;font-size: 3.5em;color: #363636; line-height:0.8; font-weight:400}
.m_content01 .m_f_box{font-family: 'Titillium Web', Arial, sans-serif;background:#282a52; border:0px; padding:3px 6px; font-size:1.00em; color:#fff; margin-right:10px}
/*@media (max-width: 991px) {
.m_content01 .m_box{ padding:20px; min-height:245px}
.m_content01 .m_banner{padding:0 0 30px; min-height:auto}
.m_content_area{ height:auto}
.m_content01{position:relative; top:0; z-index:10; margin-left: auto;left: 0%; background:#fff; width:100%;}
.m_content01 .m_box:first-child{border-top:0px }
}*/

/*@media (max-width:991px) {
#visual{ width:100%; min-width:100%; height:250px; margin:0; position:relative; overflow:hidden;}

#visual #slogan{ display:none;}
#visual #mslogan{ display:block; text-align:center;position:absolute; top:25%; left:50%; margin-left:-150px; opacity:0; z-index:998;}
#visual #mslogan .img01{ font-size:35px; color:#fff; font-weight:900; letter-spacing:0;}
#visual #mslogan .img02{ font-size:17px; color:#fff; font-weight:400; letter-spacing:-2px; line-height:2em;}
#visual #mslogan .img02 strong{ font-weight:700;}
#visual #mslogan .mt{ font-size:13px; font-weight:400; color:rgba(250,250,250,0.7);}

#visual .sliderbx li{ width:100% !important; height:250px; background-position:center top; background-size:cover;}
#visual div.bx-pager{ display:none;}
#visual .bx-controls-direction{ display:none;}


#notice_wrap{ background:#122c5d; height:50px;}
#noti{ width:100%; padding:0 10px;}
#noti dt{ display:none;}
#noti dd{ float:none;}


#mban_wrap{ background-size:cover;}
#mban{ width:100%; padding:40px 0 20px 0;}
#mban .qtitle{ text-align:left; padding-left:20px; position:relative; top:auto; left:auto;}
#mban h1{ font-size:30px; margin-bottom:10px;}
#mban a.qbtn{ line-height:30px; padding:0 15px; font-size:13px;}
#mban .container{ margin-left:0; padding:0;}
#mban dl{ display:none;}



#middle2{ min-width:100%; padding:0px 0;}
#middle2 .abox{  padding:30px 0; border-top:0;}
#middle2 .abox:nth-child(3){ border-left:0;}
#middle2 .abox:first-child{ border-left:0;}
#middle2 .abox:last-child{ border-right:0;}
#middle2 .abox img{ width:auto; height:45px;}
#middle2 p{ font-size:1.5em; margin:10px 0 5px 0;}
#middle2 span:after{ margin:10px auto 10px auto;}
#middle2 a{ line-height:25px; padding:0 20px;}


#middle_wrap{ min-width:100%; padding:0px 0; background:none;}
#middle{ width:100%; margin:0 auto;}
#middle .mid01{ background-image:none;  width:100%; height:auto; padding:30px 40px; text-align:center;}
#middle .mid02{ background-image:none; width:100%; height:auto; padding:30px 40px; margin:0 0px;}
#middle .mid02 h2{ font-size:25px; font-weight:700; margin-bottom:5px;}
#middle .mid02 p{ color:#999; font-size:14px; margin-bottom:20px;}
#middle .mid03{ background-size:cover; width:100%; height:auto;padding:130px 0 20px 20px;}
#middle .mid03 h1{ font-size:35px;}
}*/