/* 메인슬라이더 */
#visual{width: 1100px; height: 350px; margin:20px auto; position:relative;}
.scroll-img {width: 1100px; height: 350px; overflow: hidden; background:url(../img/main/mvisual_bg.jpg) no-repeat center top;}
.scroll-img ul { width: 1100px; height: 350px; margin: 0; text-align:center;}
.scroll-img ul li { display: inline-block; margin:38px 20px;}
#demo4.scroll-img ul, #demo5.scroll-img ul { width: 1480px;}
#demo5-btn { margin:10px auto; position:absolute; bottom:-40px; right:0px; z-index:10;}
#demo5-btn .btn{ border:1px solid #ccc; background:#fff; padding:3px 8px; font-size:13px;}
#visual img {
    max-height: 300px;
}
/*메인-중간컨텐츠*/
#main_cont{ width:1100px; height:855px; overflow:hidden; margin:0 auto 20px auto;}
#main_cont:after{ display:block; content:""; clear:both;}
#mc_left{ width:259px; float:left;}
#mc_left .catalog{ border:1px solid #ccc; border-left:6px solid #ccc; overflow:hidden; margin-bottom:5px;}
/*#mc_left .catalog2{ margin-bottom:8px;}
#mc_left .catalog img{ width:100%; height:auto;}*/
#mc_left .catalog a{ display:block; margin:3px 0; padding-left:10px; background:url(../img/main/catalog_arrow.svg) no-repeat left center;    background-size: 7px;}
#mc_left .catalog li{ padding:6px 10px 5px 10px;
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ffffff+17,eeeeee+100 */
background: #ffffff; /* Old browsers */
background: -moz-linear-gradient(top,  #ffffff 17%, #eeeeee 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #ffffff 17%,#eeeeee 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #ffffff 17%,#eeeeee 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#eeeeee',GradientType=0 ); /* IE6-9 */


}
#mc_left .catalog li:first-child{ border-bottom:1px solid #eee;}
.catalog img {    max-height: 20px;}
.catalog li a span {  float:right}

/*****모달창******/
.modal-header h1{ font-size:2em; color:#000; margin:5px 10px; letter-spacing:-0.5px;}
.modal-header h1 span{ color:#0e5cb1; font-weight:bold;}
.modal-dialog{ width:700px; margin:100px auto;}
.modal-dialog .close{ position:absolute; top:20px; right:20px; z-index:10; font-size:2em; }
.mi_cont{ text-align:center; padding:50px 0;}
.mi_cont a{ display:inline-block; width:40%;}
.mi_cont p{ display:inline-block; font-size:1.3em; font-weight:bold; color:#333; text-align:center; margin-top:15px; border:2px solid #333; line-height:35px; padding:0 15px;}
.mi_cont p:hover{ border:2px solid #0e5cb1; background:#0e5cb1; color:#fff;}


/*#mc_left .catalog a{ display:block; font-size:1em; color:rgba(250,250,250,0.7); padding:9px 25px; position:relative; line-height:1.3em;}
#mc_left .catalog p{ color:rgba(250,250,250,1); font-size:1.3em; font-family:Tahoma, Geneva, sans-serif; letter-spacing:0px;}
#mc_left .catalog svg{ position:absolute; top:10px; right:25px; color:#fff; font-size:2em;}
#mc_left .catalog a.ca1{ background:#0c4ea2;}
#mc_left .catalog a.ca2{ background:#063065;}
*/
#mc_left .mc_menu{ margin:10px 0 20px 0;}
#mc_left .mc_title{ font-size:1.8em; color:#000; text-align:center; margin-bottom:15px; padding: 9px 0; border-top:2px solid #39a7c6; border-bottom:2px solid #39a7c6;background:url(../img/main/title_bg.gif) repeat bottom;}
#mc_left .mc_menu ul{z-index:1 !important;    position: relative;}
#mc_left .mc_menu li{ position:relative;background:url(../img/main/title_bg.gif) repeat bottom;}
#mc_left .mc_menu li a{ display:block; line-height:50px; border-bottom:1px solid #ddd; font-size:1.3em; color:#333; text-indent:18px; transition:all 0.3s;}
#mc_left .mc_menu li:first-child a{ border-left:3px solid #30bfee;}
#mc_left .mc_menu li:nth-child(2) a{ border-left:3px solid #2289ac;}
#mc_left .mc_menu li:nth-child(3) a{ border-left:3px solid #0c5c75;}
#mc_left .mc_menu li:last-child a{ border-left:3px solid #00394c;}
#mc_left .mc_menu li svg{ font-size:1.1em; transition:all 0.3s;}
#mc_left .mc_menu li:first-child svg{ color:#30bfee;}
#mc_left .mc_menu li:nth-child(2) svg{ color:#2289ac;}
#mc_left .mc_menu li:nth-child(3) svg{ color:#0c5c75;}
#mc_left .mc_menu li:last-child svg{ color:#00394c;}
#mc_left .mc_menu li a:hover{ transition:all 0.3s; border-bottom:1px solid #39a7c6;}
#mc_left .mc_menu li a:hover svg{transition:all 0.3s;}

#mc_left .mc_movie{  border:4px solid #ccc; overflow:hidden; margin:8px 0;}

#mc_left .mc_company{ /*background:#ccc; padding:4px; border-left:3px solid #0c4ea2;*/ border:4px solid #ccc; overflow:hidden; height:144px}
#mc_left .mc_company a{display:block;}
#mc_left .mc_company dl{ display:inline-block;}
#mc_left .mc_company dt{ color:#0c4ea2; font-size:1.1em;}
/* #mc_left .mc_company dd img{ width:auto; height:114px;} */
#mc_left .mc_company dd img{ width:100%; height:auto;}


#mc_right{ float:left; width:820px; margin-left:20px; margin-top:10px;}
#mc_right h2{ font-size:1.8em; color:#000; text-align:left; padding: 13px 0 13px 30px; border-top:2px solid #39a7c6; border-bottom:2px solid #39a7c6;
 background:url(../img/main/title_bg.gif) repeat bottom; margin:0 auto 10px auto;}
#mc_right h3{ width:100%; height:40px; margin:0 auto 15px auto; padding:7px 0 5px 30px;background:url(../img/main/title_bg2.gif) repeat bottom;}
#mc_right .mc_tl img{ height:22px;}
#mc_right img{}
#mc_right h3.mc_tl{}
#mc_right .mc_category .mc_cate{ border:4px solid #ccc; padding:0 !important; width:49%; min-height:323px;}
#mc_right .mc_category .mc_cate2{ margin-left:16px;}
#mc_right .mc_category ul{ padding:0 15px 10px 12px; height:auto;}
#mc_right .mc_category li{ background:url(../img/main/mc_icon.svg) no-repeat left center;     background-size: 15px;padding-left:18px; margin-bottom:2px;}
#mc_right .mc_category li a{ font-size:1.25em;    letter-spacing: -0.2px; }
#mc_right .mc_category li a:hover{ color:#49707e;font-weight:600;    letter-spacing: -0.5px;}

#mc_right .mpro_box{ margin-top:6px; background:#efefef; padding:5px 4px 1px 5px;
display: flex;
    flex-wrap: wrap;
}
#mc_right .mpro_box a{ transition:all 0.3s; display:inline-block; width:128px; margin:0 8px 6px 0;}
#mc_right .mpro_box a.mr0{margin-right:0}
#mc_right .mpro_box a img{ width:100%;}
#mc_right .mpro_box a:nth-child(6) ,
#mc_right .mpro_box a:nth-child(12) {margin-right:0}
#mc_right .mpro_box a:hover img{ transition:all 0.3s; transform:scale(1.05); -webkit-transform:scale(1.05); -moz-transform:scale(1.05);}

#mc_right .mbbs{ margin-top:10px;}
#mc_right .mbbs h2:after{ background:#00469d; margin:10px auto;}

@media (max-width:575px) {
/* 메인슬라이더 */
#visual{ width:100%; height: 200px; margin:0px auto;}
.scroll-img { width:100%; height: 200px; margin:0px auto; background-size:cover;}
.scroll-img ul { width:100%; height: 200px;}
.scroll-img ul li { margin:30px 5px; max-width:150px;}
.scroll-img ul li img{ width:100%;}
#demo4.scroll-img ul, #demo5.scroll-img ul { width:660px;}
#demo5-btn { display:none;}

	#mc_right .mc_category li a {    letter-spacing: -0.5px;}
/*메인-중간컨텐츠*/
#main_cont{ width:100%; margin:0 auto 20px auto; height:auto;}
#mc_left{ width:100%; float:none;}
/*****모달창******/
.modal-header h1{ font-size:1.5em; margin:5px 0px;}
.modal-dialog{ width:100%; margin:30px auto;}
.mi_cont{ text-align:center; padding:40px 0;}
.mi_cont a{ display:inline-block; width:48%;}
.mi_cont a:first-child img{ width:100px; height:auto;}
.mi_cont a:last-child img{ width:120px; height:auto;}
.mi_cont p{ font-size:1em; padding:0 10px;}



#mc_left .mc_menu{ margin:0px 0;}
#mc_left .mc_title{ margin-bottom:0px;}
#mc_left .mc_menu ul:after{ display:block; content:""; clear:both;}
#mc_left .mc_menu li{ width:50%; float:left; box-sizing: border-box;}
#mc_left .mc_menu li a{ line-height:40px; border-bottom:1px solid #ddd; border-left:0; font-size:1.1em; border-right:1px solid #ddd;}
#mc_left .mc_menu li svg{ position:absolute; top:12px; right:10px; width:17px; height:17px;}

#mc_left .mc_movie { width:100%; margin:15px auto 0px auto; }
#mc_left .mc_company {    height: 275px;}

#mc_right{ float:none; width:100%; margin-left:0px;}
#mc_right h2{ font-size:1.6em; margin-top:20px; margin-bottom:0px;}
#mc_right h3{}
#mc_right .mc_category .mc_cate{ width:100%; margin:0 0px 5px 0;}
#mc_right .mc_category .mc_cate2{ margin-left:0px;}
#mc_right .mc_category li{ background-position:left 5px;}
#mc_right .mc_category li a{ font-size:1.4em; }


#mc_right .mpro_box{ padding:5px 5px; box-sizing: border-box;
	    justify-content: space-between;
}
#mc_right .mpro_box a{ display:inline-block; width:32.5%; margin:0 0 4px 0;}

#mc_right .mbbs{ margin-top:0px;}
#mc_right .mbbs h2:after{ background:#00469d; margin:10px auto;}

}