@charset "utf-8";
@import url("common.css");


/*일단 헤더랑 leftmenu 가져오기위한 임시css파일 */


	.topBg > div {width:1500px; margin:0 auto; min-height:241px; background:url('../images/temporary/topBg_repeat_main.png') no-repeat center 0;text-indent:-9999px; background-size:1500px 750px;}
	.topMenu > ul > li.on > a, .topMenu > ul > li > a:hover {color:#006dc9}
	.allMenuLayer {
	
		top:-31px;
		left:0;
		z-index:100;
		width:100% !important;
		padding-bottom:50px;
		overflow-y:scroll;
		background:#fff;
	}
	.allMenuLayer > div > ul, .allMenuLayer > div > ul > li.last > ul {font-size:0; margin-left:-30px}
	.allMenuLayer > div > ul > li, .allMenuLayer > div > ul > li.last > ul > li {
		display:inline-block;
		width:20%;
		padding-left:40px;
		vertical-align:top;
	}
	.allMenuLayer > div > ul > li.last {width:100%}
	.allMenuLayer > div > ul > li.last > ul > li {margin-top:40px;}
	.allMenuLayer > div > ul > li > ul {border-radius: 0 0 20px 20px;}
	.allMenuLayer > div > ul > li.last > ul > li > a {border-top:1px solid #333}
	.allMenuLayer > div > ul > li > a {
		display:block;
		color:#333;
		font-size:28px;
		line-height:30px;
		padding-bottom:5px;
		margin-top:40px;
		border-bottom:7px solid #2885C8;
		cursor:none;
	}
	
	.allMenuLayer > div > ul > li > ul  {
	 	background: #EAF3F9;
	}
/* [s] leftmenu */
.leftmenu {        
    background: #E9ECF1;
    width: 215px;
    padding: 12px;
    min-height: 800px;
    margin-top: 40px;
    margin-right: 40px;
    }
.leftmenu .leftmenu_tab_top{margin-top: 5px; margin-bottom: 5px;}
.leftmenu .leftmenu_tab_top > img { margin: 10px 55px;}
.leftmenu .leftmenu_tab_top > h2 {text-align: center; font-weight: bold; color: #4A8FF5; font-size: 25px; padding-bottom: 10px; box-shadow: 0px 15px 12px -16px #7e7e7e;}
.leftmenu > ul{margin-top: 15px;}
.leftmenu > ul > li {color:#000;font-size: 20px; font-weight: 600; padding: 5px 5px;}
.leftmenu > ul > li > a{color:#000;}
.leftmenu > ul > li > a:hover{color:#4A8FF5;}
.leftmenu > ul > li.active > a{color:#4A8FF5;}
.leftmenu > ul > li > ul { display: none; margin-left: 12px; margin-top: 5px;}
.leftmenu > ul > li.active > ul { display:  block;}
.leftmenu > ul > li > ul > li > a { color: #000; font-size: 17px;}
.leftmenu > ul > li > ul > li.active >  a{color:#4A8FF5;}
.leftmenu > ul > li > ul > li > ul { display: none; margin-left: 12px; margin-top: 5px;}
.leftmenu > ul > li > ul > li.active > ul { display:  block;}
.leftmenu > ul > li > ul > li > ul > li > ul { display: none; margin-left: 10px; margin-top: 5px;}
.leftmenu > ul > li > ul > li > ul > li.active > ul { display:  block;}


.conts {
    position: relative;
    float: right;
    padding-top: 15px;
    width:100%;
}

@media screen and (max-width:1016px) {
	.leftmenu {display:none}
}

@media screen and (min-width: 1217px) {
    .content.type5 {
        background: url(../images/content/bgType05.png) no-repeat right 105px;
    }
    .content.type2 {
        background: url(../images/content/bgType02.png) no-repeat right 300px;
    }
    .content.type3 {
        background: url(../images/content/bgType03.png) no-repeat right 0;
    }
    .content.type4 {
        background: url(../images/content/bgType04.png) no-repeat right 300px;
    }
}

/*--[e] leftmenu */