/* 메인슬라이더 */
#idx_wrapper{ position:relative;width:100%; min-width:1100px; height:850px; text-shadow:2px 2px 5px #333}
#idx_wrapper .left_txt{position:absolute; left:20px; top:20px; color:#fff; z-index:100; font-size:3em; font-weight:600;}
#visual{width:100%; min-width:1100px; height:850px; 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; color:#fff;}
#visual #mslogan{ display:none;}
#visual #slogan .img01{ position:absolute; top:130px; left:50%; margin-left:-297px; opacity:0; z-index:998;font-size:75px; font-weight:700;}
#visual #slogan .ms_line{ position:absolute; top:200px; left:50%; margin-left:-350px; opacity:0; z-index:998; width:700px; height:1px; background:#fff;}
#visual #slogan h2{ position:absolute; top:260px; left:50%; transform:translateX(-50%);opacity:0; z-index:999; line-height:1.4em; font-size:30px; letter-spacing:-1.5px; font-weight:700;}
#visual #slogan h2 strong{ color:#310886; font-weight:700;}
#visual #slogan h3{ position:absolute; top:310px; left:50%; margin-left:-367px; opacity:0; z-index:998;font-size:18px; letter-spacing:-1px; font-weight:lighter;}

#visual .sliderbx li{ width:100% !important; height:850px; 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.mv04{background-image:url(../img/main/mvisual04.jpg)}

#visual div.bx-pager{ position:absolute; top:150px; left:50%; margin-left:-61px; z-index:101;}
#visual div.bx-pager div{ float:left; margin:0 7px;}
#visual div.bx-pager div a{ display:block; width:16px; height:16px; text-indent:-9999px; border-radius:9px; background:#FFF;}
#visual div.bx-pager div a.active{ width:19px; height:19px; background:none; border:4px solid #310886; margin-top:-3px;}
#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:1039;} /*좌우버튼동시선택*/
#visual a.bx-prev{ transform:translateY(-50%) rotate(45deg); left:50px;}
#visual a.bx-next{ transform:translateY(-50%) rotate(-135deg); right:50px;}	
#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;}
@media (max-width:575px) {
#idx_wrapper{  width:100%; min-width:100%; height:auto;}
#idx_wrapper .left_txt{left:10px; top:10px;  font-size:1.3em;}
#visual{ width:100%; min-width:100%; height:230px; margin:0; position:relative; overflow:hidden;}
#visual #slogan{ display:none;}
#visual #mslogan{ display:block; text-align:center; color:#fff; position:absolute; top:0px;opacity:0; z-index:998; padding:15px;}
#visual #mslogan .img01{ font-size:25px; font-weight:700;}
#visual #mslogan .ms_line{ width:200px; height:1px; background:rgba(250,250,250,0.3); margin:4px auto;}
#visual #mslogan h2{ font-size:14px; letter-spacing:-0.5px; line-height:1.4em; word-break: keep-all}
#visual #mslogan h2 strong{ display:block; font-size:1.2em; color:#2e0084; font-weight:700; margin-top:7px;}
#visual #mslogan h3{ font-size:12px; letter-spacing:-1px; font-weight:lighter; margin-top:10px;}
#visual .sliderbx li{ width:100% !important; height:250px; background-position:center top; background-size:cover; text-align:center;}
#visual div.bx-pager{ top:auto; bottom:35px; margin-left:-29px;}
#visual div.bx-pager div{ margin:0 3px;}
#visual div.bx-pager div a{ width:8px; height:8px;}
#visual div.bx-pager div a.active{ width:10px; height:10px; border:3px solid #2e0084; margin-top:-1px;}
#visual div.bx-controls-direction{ display:none;}
}


/*아이콘*/
#micon_wrap{ position:absolute; bottom:80px; left:50%; margin-left:-603px; text-align:center; z-index:998;}
#micon_wrap button{ background:none; border:0; margin:0 15px; outline:none; width:145px;}
#micon_wrap .mc_img{ width:140px; height:140px; background:rgba(250,250,250,1); border-radius:70px; box-shadow:0 3px 7px rgba(0,0,0,0.5); overflow:hidden; position:relative; }
/*#visual #micon_wrap button:nth-child(odd) .mc_img{ border:3px solid #2351b0;}
#visual #micon_wrap button:nth-child(even) .mc_img{ border:3px solid #2494d8;}*/
#micon_wrap .mc_img .mover{ position:absolute; top:0px; left:0; width:140px; height:140px; line-height:135px; font-size:2em; color:rgba(250,250,250,0); background:rgba(0,0,0,0.3); z-index:10; transition:all 0.3s;transition:all 0.3s;-webkit-transition: all 0.3s;-moz-transition: all 0.3s;-o-transition: all 0.3s;}
#micon_wrap button:hover .mc_img .mover{ height:140px; background:rgba(0,0,0,0.7); color:rgba(250,250,250,0.7); transition:all 0.3s;transition:all 0.3s;-webkit-transition: all 0.3s;-moz-transition: all 0.3s;-o-transition: all 0.3s;}
#micon_wrap button:hover .mc_img{ border:4px solid #310886;}
#micon_wrap p{ font-size:1.2em; font-weight:500; color:#fff; margin-top:10px; line-height:1.3em; min-height:130px;}

@media (max-width:1300px) {
#micon_wrap button{width:140px;}
}

@media (max-width:575px) {
#micon_wrap{ position:relative; bottom:auto; left:auto; margin-left:0px; padding:20px 0 20px 5px; background:#f0f0f0; box-sizing: border-box;}
#micon_wrap button{ width:30%; min-height:140px; vertical-align:top; margin:0 5px 5px 5px; width:100px;}
#micon_wrap .mc_img{ width:100px; height:100px; box-shadow:none; }
#micon_wrap .mc_img .mover{  width:100px; line-height:95px; font-size:1.5em}
#micon_wrap button:hover .mc_img .mover{ height:100px;}
#micon_wrap button:first-child .mc_img{ border:1px solid #ddd;}
#micon_wrap button:nth-child(2) .mc_img{ border:1px solid #ddd;}
#micon_wrap .mc_img imgm{ width:100%;}
#micon_wrap p{ font-size:1em; color:#333; letter-spacing:-0.6px; min-height:85px; word-break: keep-all}
}


/*모달창 - 아이콘클릭시 내용부분*/
.modal{ z-index:1040 !important;}
.modal-dialog{ width:1100px; margin:40px auto;}
.modal-content{ border-radius:0;}
.modal-content .close{ position:absolute; top:-10px; right:-10px; background:#555; width:45px; height:45px; border-radius:25px; opacity:1; z-index:10; outline:none;}
.modal-content .close span{ font-size:1.2em;color:#fff; display:inline-block; margin-bottom:5px;}
 
.modal-body{ padding:0;}
.modal-body .mi_cont{}
.mi_top{ border-bottom:1px dashed #8165b5; padding:60px 20px 60px 20px;}
.mi_top h1{ font-size:2em; color:#2e0084; line-height:1.4em; font-weight:bold; letter-spacing:-0.3px; margin-bottom:20px;}
.mi_top h2{ font-size:1.8em; color:#333; font-weight:bold; letter-spacing:-1.5px; margin-bottom:10px;}
.mi_top p{ font-size:1.3em; color:#333; line-height:1.6em; letter-spacing:-0.3px; text-align:justify; }
.mi_top .micon_img{ margin-top:30px;}
.mi_mid{ border-bottom:1px solid #8165b5;}
.mi_mid li{ float:left; font-size:2.8em; font-weight:500; letter-spacing:-0.3px; color:#333;}
.mi_mid li:first-child{ width:533px; padding:30px 0 0px 40px; box-sizing:border-box;}
.mi_mid li:last-child{ width:565px;}
.mi_mid li.mdli{ padding:15px 0 0 40px;}
.mi_bot{ background:#f1f1f1;}
.mi_bot dl{ display:inline-block; height:280px; border-right:1px dashed #ccc; padding:30px 20px; margin-left:-2px; box-sizing: border-box; position:relative; vertical-align:top;}
.mi_bot dl:first-child{ margin-left:0;}
.mib01 dl{ width:16.6%; border-bottom:1px dashed #ddd;}
.mib02 dl{ width:33%; height:300px; padding:25px 20px;}
.mib03 dl{ width:25%; height:300px;}
.mib01 dl:last-child{ border-right:0; width:17%;}
.mib02 dl:last-child{ border-right:0; width:34%;}
.mi_bot dt{ font-size:1.25em; color:#444; margin-bottom:10px; letter-spacing:-0.3px;}
.mi_bot dd{ font-size:1.15em; color:#666; letter-spacing:-0.3px; line-height:1.5em; height:170px; overflow:hidden;}
.mib02 dd{ height:190px;}
.mib03 dd{ height:190px;}
.mi_bot span{ display:block; width:20px; height:20px; font-size:1.5em; color:#999; line-height:20px; text-align:center; border:1px solid #ccc; border-right:0; border-bottom:0px;
 position:absolute; bottom:0px; right:0px;}
.mib01 dl:last-child span{/* right:-3px;*/}
.mi_bot dl:hover{ background:#fff;}
.mi_bot dl:hover span{ border-left:1px solid #555; border-top:1px solid #555; background:#fff;color:#333;}

/*두번째 모달창 관련*/
.modal-dialog2{ margin:200px auto;}
.mi_cont2{ padding:80px 50px;}
.mi_cont2 h2{ font-size:2.8em; font-weight:600; letter-spacing:-0.3px; color:#2e0084; margin-bottom:20px;}
.mi_cont2 h2 span{ font-size:27px; color:#333; letter-spacing:-0.5px;}
.mi_cont2 h2:before{ display:block; content:""; width:40px; height:3px; border-radius:2px; background:#2e0084; margin-bottom:8px;}
.mi_cont2 ul{ border:1px solid #ccc; border-top:1px solid #2e0084; padding:40px 30px; background:#f5f5f5;}
.mi_cont2 li{ font-size:1.4em; color:#444;letter-spacing:-0.3px; margin-bottom:4px; position:relative; padding-left:8px;}
.mi_cont2 li:before{ display:block; content:""; width:4px; height:4px; border-radius:2px; background:#2e0084; position:absolute; top:9px; left:0px;}
.mi_cont2 li .li_link{ display:inline-block; border:1px solid #444; background:#fff; font-size:11px; padding:0 10px; height:25px; overflow:hidden; position:absolute; top:0px; left:62%;}
.mi_cont2 li .li_link img{ width:70px; height:auto;}
.mi_cont2 .mi_cont2_tel{ margin-top:30px; background:#2e0084; text-align:right;}
@media (max-width:575px) {
.modal-dialog{ width:100%; margin:80px auto;}
.modal-content { border:0;}
.modal-content .close{top:5px; right:10px; width:30px; height:30px;}
.modal-content .close span{ margin-bottom:5px;}
 
.mi_top{ padding:20px 10px ;}
.mi_top h1{ font-size:1.3em; letter-spacing:-0.3px; margin-bottom:10px;}
.mi_top h2{ font-size:1.4em;}
.mi_top p{ font-size:1em;;}
.mi_top .micon_img{ margin-top:30px;}
.mi_top .micon_img img{ width:100%;}
.mi_mid li{ float:none; font-size:1.3em;letter-spacing:-0.2px;}
.mi_mid li:first-child{ width:100%; padding:20px 30px; text-align:center}
.mi_mid li:last-child{ width:100%; margin-left:-15px;}
.mi_mid li:last-child img{ width:120%;}
.mi_bot dl{ height:200px; border-bottom:1px solid #ddd; padding:20px 10px; overflow:hidden;}
.mi_bot dl:first-child{ margin-left:0;}
.mib01 dl{ width:33%;}
.mib02 dl{ width:33%; height:200px; padding:20px 10px;}
.mib03 dl{ width:49%; height:200px;}
.mib03 dl:nth-child(even){ border-right:0;}
.mib01 dl:last-child{ width:34%;}
.mib01 dl:nth-child(3){ width:34%;}
.mib02 dl:last-child{ width:34%;}
.mi_bot dt{ font-size:1em;line-height:1.2em; }
.mi_bot dd{ height:115px; font-size:1em;line-height:1.2em; }
.mib02 dd{ height:115px;}
.mib03 dd{ height:115px;}

/*두번째 모달창 관련*/
.mi_cont2{ padding:20px 20px;}
.mi_cont2 h2{ font-size:1.4em; margin-bottom:10px;}
.mi_cont2 h2 span{ display:block; font-size:15px;}
.mi_cont2 h2:before{ width:30px; height:2px;}
.mi_cont2 ul{ padding:15px 15px;}
.mi_cont2 li{ font-size:1em; padding-left:5px;}
.mi_cont2 li:before{ width:3px; height:3px; top:7px;}
.mi_cont2 li .li_link{ display:block; width:140px; position:relative; top:auto; left:auto;}
.mi_cont2 .mi_cont2_tel{ text-align:left; margin:20px 0 0 -380px;}
}



/*메인-중간컨텐츠*/
#middle{ width:100%; height:430px; position:relative;}
#middle:after{ display:block; content:""; clear:both;}
#middle .mid_box{ float:left; width:50%; box-sizing:border-box;}
#middle .tra_line{ width:30px; height:4px; margin-bottom:15px; background:#fff;}
#middle .mid_box h1{ font-size:2em; color:#fff; font-weight:400; letter-spacing:-0.3px; line-height:1.2em; text-shadow:0 0 3px #444;}
#middle .mid_box a.btn_tra{ display:inline-block; border-bottom:1px solid #fff; line-height:30px; font-size:1.55em; color:#fff;font-weight:500;text-shadow:0 0 3px #444; text-align:center; margin-top:80px;}
#middle .mid_box a.btn_tra:hover{ font-weight:600;}
#middle .mdbox01{ width:50%; height:430px; background:url(../img/main/mdbox01.jpg) no-repeat right top; padding:80px 70px 0 20%;}
#middle .mdbox02{ width:50%; height:430px; background:url(../img/main/mdbox02.jpg) no-repeat left top; padding:80px 0 0 70px;}
#middle .mdbox01 a.btn_tra{ margin-top:120px;}
#middle .mdbox01 a span{margin-left:5px;}
#middle .mdbox01 a span img{width:30px; height:30px;}
@media (max-width:1700px) {
#middle .mdbox01{padding:80px 70px 0 10%;}
}
@media (max-width:1280px) {
#middle .mid_box h1{ font-size:1.6em; }
#middle .mdbox01{ padding:80px 0 0 60px;}
#middle .mdbox02{ padding:80px 0 0 60px;}
}
@media (max-width:1000px) {
#middle .mid_box h1{ font-size:1.3em; }

}
@media (max-width:575px) {
#middle{ height:auto; background:none;}
#middle_in{ width:100%;}
#middle .tra_line{ width:20px; height:3px; margin-bottom:10px;}
#middle .mid_box h1{ font-size:1em; letter-spacing:-0.3px; line-height:1.2em; word-break: keep-all}
#middle .mid_box a.btn_tra{ font-size:0.92em; margin-top:30px; letter-spacing:-0.3px;}
#middle .mdbox01 a.btn_tra{ margin-top:48px;}
#middle .mdbox01{ padding:30px 15px; height:auto; min-height:200px; background-size:cover;}
#middle .mdbox02{ padding:30px 15px; height:auto; min-height:200px; background-size:cover;}
#middle .mdbox01 a span img{width:22px; height:22px;}
}

/*메인-중간컨텐츠*/
#middle2{ width:100%; border-bottom:1px solid #cecece; clear:both;}
#middle2_in{ width:1220px; margin:0 auto;}
#middle2_in:after{ display:block; content:""; clear:both;}
#middle2 .abox{ float:left; box-sizing: border-box; letter-spacing:0;}
#middle2 .abox01{ padding:25px 30px 25px 0; background:url(../img/main/tel_bg.gif) no-repeat left 70px / 50px auto; padding-left:60px;}
#middle2 .abox01 h1{ font-size:2.7em; color:#333; margin:5px 0 10px 0; font-family:Tahoma, Geneva, sans-serif;}
#middle2 .abox01 h2{ font-size:1.2em; color:#b2b2b2; font-family:Tahoma, Geneva, sans-serif;}
#middle2 .abox01 h2 span{ font-size:1.1em; font-weight:500; color:#183d63; font-family:'Noto Sans KR', sans-serif; letter-spacing:-1px;}
#middle2 .abox01 h3{ font-size:1.1em; font-weight:500; text-align:center; color:#878787; background:#e0e0e0; padding:7px 0; margin-bottom:3px; font-family:Tahoma, Geneva, sans-serif;}
#middle2 .abox01 h4{ font-size:1.1em; text-align:center; color:#fff; background:#3d4351; padding:7px 0; font-family:Tahoma, Geneva, sans-serif;}
#middle2 .abox02{ border-left:1px solid #ddd; margin-top:55px; padding-left:10px;}
#middle2 .abox02 a{ display:inline-block; margin:0 0 0 16px; padding:10px 0;}
#middle2 .abox02 a img {height:41px;}
#middle2 .abox02 a img.big {height:45px;}
@media (max-width:575px) {
#middle2_in{ width:100%;}
#middle2 .abox{ float:none;}
#middle2 .abox01{ padding:25px 30px 25px 110px; background-size:60px auto; background-position:25px 70px; border-bottom:1px dashed #ddd;}
#middle2 .abox02{ border-left:0; padding-left:0px; width:70%; margin:30px auto; text-align:center;}
#middle2 .abox02 a{ display:block; margin:0 0 0 0px; padding:5px 5px; border:1px solid #ddd; margin-bottom:5px;}
#middle2 .abox02 img{ height:55px; width:auto;}
}



#bbs_ch{width:1220px; margin:30px auto 30px auto;}
#bbs_ch h2{font-size:2em; font-weight:600;}
@media (max-width:575px) {
#bbs_ch{width:100%; margin:30px auto 30px auto;}
}