#wrapper{width:100%;height:100%;background:#f0f0f0 url('/new_img/part/top_bg.gif') repeat-x}

/* ---- 중간영역 ---- */
#container{background:url('/new_img/part/visual.jpg') no-repeat center top}
#container #content{position:relative;margin:0 auto;padding-top:220px;width:900px;}


/* ---- 하단영역 ---- */
#footer {padding:30px 0;font-size:12px;text-align:center}

/*
================================================================================
콘텐츠
================================================================================
*/
.content_box{position:relative;padding:45px 40px;background:#fff;border:1px solid #dadada;border-width:0 1px 1px}
.content_box .head_top{position:absolute;top:-165px;left:0;width:100%;border-bottom:5px solid #417edb;} 
.content_box .head_top .top_title{padding:40px 0 0 30px;height:120px;background:url('/new_img/part/tit_bg.jpg') no-repeat ;}
.content_box .head_top .top_title h1{margin-bottom:10px;padding-top:12px;font-size:38px;color:#fff;line-height:38px;background:url('/new_img/part/tit_line.gif') no-repeat}
.content_box .head_top .top_title p{color:#abc5ef}

.content_box .head_top +  h2.title{margin-top:0}

.part_guide{padding:20px 30px;background:#f1f5fc;border:1px solid #dadee6}
.part_guide ul{height:100%;overflow:hidden}
.part_guide ul li{position:relative;float:left;margin-bottom:5px;padding-left:120px;width:255px}
.part_guide ul li .name{position:absolute;top:0;left:0;padding-left:20px;color:#0e51b8;font-weight:bold;background:url('/new_img/common/h4_dot.png') no-repeat 0 5px;}
.map_box{border:1px solid #c0c0c0}    

@media all and (max-width: 1024px){
	#container #content{width: 100%;box-sizing: border-box;overflow: hidden;}
	.content_box .head_top{left: 20px}
}	

@media all and (max-width: 768px){
	.content_box .head_top .top_title{background-size: 300px 160px;}
	.content_box .head_top .top_title h1{font-size: 30px;}
	.content_box .head_top .top_title p{width: 250px}
}