/* ¼­ºê ºñÁê¾ó ÅؽºÆ® deahan ÆùÆ®´Â seoulH·Î º¯°æÇØ »ç¿ëÇß½À´Ï´Ù. */
#wrapper{}

@media only screen and (max-width:1220px){
	#wrapper{background-size:100% auto;}
}
@media only screen and (max-width:850px){
	#wrapper{background-size:auto 224px;}
}
h3 {display: table;  z-index: 10;  padding-left: 22px; color: #262626;}
h3:before {background: #aaba42;}
h3:after {display: block; position: absolute; bottom: -2px; left: 22px; z-index: -1; width: calc(100% - 22px); height: 7px; background-color: #ececec;}

h4:before {background:url('../images/sub/h4_bg.png') no-repeat left center}
h5:before {background:url('../images/sub/h5_bg.png') no-repeat left center}

/* ºñÁê¾ó¿µ¿ª */
.sub_visual{height: 215px; line-height:160px; text-align: center; background:url('../images/sub/sub_visual.jpg') no-repeat center center;}
.sub_visual .inner{display: inline-block; line-height: normal;}
.sub_visual .title {font-size: 32px; font-family: 'NanumS'; color: #00163d; font-weight:600; letter-spacing:-0.025em}
.sub_visual .title em.em_green {color:#6d7e00}
.sub_visual .title em.em_green2 {color:#007672}
.sub_visual .title span {font-size:26px}

@media only screen and (max-width:1220px){
	.sub_visual {display:none}

}


/* 2, 3Â÷ ¸Þ´º */
@media only screen and (min-width:1221px){
	#sub_menu {margin:-65px 0 0 0; }
	#sub_menu .active_btn{display: none; }
	#sub_menu .second_menu{ }
	#sub_menu .second_menu .wrap{height: 65px; line-height: 60px; background:#0a285f; }
	#sub_menu .second_menu .menu_title{position: absolute; left: 0; bottom: 0; width: 260px; height: 100px; line-height: 82px; padding:0; text-align:center; background-color: #c9d964; }
	/*
	#sub2 #sub_menu {margin:-85px 0 0 0;}
	#sub2 #sub_menu .second_menu .wrap {height:85px; line-height:80px}
	#sub2 #sub_menu .second_menu .menu_title {height:100px; line-height:90px} */


	#sub_menu .second_menu .menu_title span{position:relative; display: inline-block; font-size: 22px; font-weight: 600; padding:0 40px; color: #181818; vertical-align: middle; line-height: normal;}
	#sub_menu .second_menu .menu_title span:before {position:absolute; left:0px; top:14px; display:block; width:20px; height:70px; background: url(../images/sub/sub_sprite.png) no-repeat left -38px;}
	#sub_menu .second_menu .menu_title span:after {position:absolute; right:0px; top:14px; display:block; width:20px; height:70px; background: url(../images/sub/sub_sprite.png) no-repeat left -38px;}
	#sub_menu .second_menu .menu_list{display: inline-block;  width:100%; vertical-align: middle; line-height: normal; text-align:center;}
	#sub_menu .second_menu .menu_list li{display:inline-block; padding: 3px 15px;}
	/*#sub2 #sub_menu .second_menu .menu_list li {width:25%} */
	#sub_menu .second_menu .menu_list li a{position:relative; font-size: 17px; color: #fff; padding:0 15px 0 0}
	#sub_menu .second_menu .menu_list li.active a{font-weight: 600; color: #fff;}
	#sub_menu .second_menu .menu_list li.active a:after{position:absolute; top:10px; right:0px; display: inline-block; width: 11px; height: 8px; margin-left: 10px; background: url(../images/sub/sub_sprite.png) no-repeat -22px -6px; vertical-align: middle;}

	#sub_menu .third_menu .menu_list{width: 100%; margin:0 auto; padding: 0 30px;  text-align: center;}
	#sub_menu .third_menu .menu_list li{display: inline-block; position: relative; padding: 0 25px;}
	#sub_menu .third_menu .menu_list li:not(:first-child):before{display: block; position: absolute; top: calc(50% - 3px); left: -3px; width: 6px; height: 6px; border-radius:5px; background-color: #909090;}
	#sub_menu .third_menu .menu_list li a{display: inline-block; position: relative; height: 55px; padding:0 5px; font-size: 17px; color: #3c3c3c; line-height: 55px;}
	#sub_menu .third_menu .menu_list li.active a{font-weight: 600; color: #242424; text-decoration: none;}
	#sub_menu .third_menu .menu_list li.active a:before{display: block; position: absolute; left: 0; bottom: 0; width: 100%; height: 3px; background-color: #242424;}
}
@media only screen and (max-width:1220px){
	#sub_menu .active_btn{display: block;}
	#sub_menu .menu_list li.active{display: none;}
	#sub_menu .second_menu{position: relative; z-index: 20; height: auto; border-bottom: 1px solid #ddd;}
	#sub_menu .second_menu .menu_title{width:104%; margin:0 0 0 -2%; text-align:center; font-weight:bold; display:block; background:#c9d964; height:60px; line-height:60px; color:#1d1d1d; font-size:22px;}
	#sub_menu .second_menu .active_btn{display: block; position: relative; width:100%; height:55px; padding: 0 35px 0 25px; font-weight:bold; border: 2px solid transparent; border-bottom: none; font-size: 16px; color: #00163d; text-align: left; line-height: 55px; transition:all 0.2s linear;}
	#sub_menu .second_menu .active_btn.on{border-color: #b3c156;}
	#sub_menu .second_menu .active_btn:after{display: block; position: absolute; top: calc(50% - 5px); right: 21px; width: 11px; height: 8px; background: url(../images/sub/sub_sprite.png) no-repeat -22px -6px;}
	#sub_menu .second_menu .menu_list{visibility: hidden; position: absolute; top: 100%; left: 0; z-index: 10; width: 100%; border: 2px solid transparent; border-top: none;  background-color: #fff; transform:scaleY(0); transform-origin:top; transition:all 0.2s linear;}
	#sub_menu .second_menu .menu_list li{position: relative; padding: 0 35px 0 25px;}
	#sub_menu .second_menu .menu_list li:not(:last-child){border-bottom: 1px solid #ddd;}
	#sub_menu .second_menu .menu_list li:before{display: block; position: absolute; top: calc(50% - 3px); right: 27px; width: 5px; height: 7px; background: url(../images/sub/sub_sprite.png) no-repeat -89px -4px}
	#sub_menu .second_menu .menu_list li a{display: block; padding: 11px 0; font-size: 15px; color: #282828; line-height: 1.2; }
	#sub_menu .second_menu.active .menu_list{visibility: visible; border-color: #b3c156; transform:scaleY(1); }

	#sub_menu .third_menu{position: relative; z-index: 10; margin-top: 13px; }
	#sub_menu .third_menu .active_btn{display: block; position: relative;z-index: 20; width: 100%; height:39px; padding: 0 40px 0 25px; border-bottom: 1px solid transparent; border-radius:20px; background-color: #f3f3f3; text-align: left; }
	#sub_menu .third_menu .active_btn.on{border-bottom: 1px solid #ddd; border-radius:20px 20px 0 0;}
	#sub_menu .third_menu .active_btn:after{display: block; position: absolute; top: calc(50% - 2px); right: 21px; width: 7px; height: 4px; background: url(../images/sub/sub_sprite.png) no-repeat -102px -4px;}
	#sub_menu .third_menu .active_btn span{display: inline-block; position: relative; font-size: 15px; font-weight: 600; color: #1e1e1e; line-height: 39px; }
	
	#sub_menu .third_menu .active_btn span:before{display: block; position: absolute; bottom: 0; left: 0; width: 100%; height: 2px; background-color: #000;}
	#sub_menu .third_menu .menu_list{visibility: hidden; position: absolute; top: 0; left: 0; z-index: 10; width: 100%; padding-top: 39px; border-radius:20px; background-color: #f3f3f3;  transform:scaleY(0); transform-origin:top; transition:all 0.2s linear;}
	#sub_menu .third_menu .menu_list li{position: relative; padding: 0 35px 0 25px;}
	#sub_menu .third_menu .menu_list li:not(:last-child){border-bottom: 1px solid #ddd;}
	#sub_menu .third_menu .menu_list li:before{display: block; position: absolute; top: calc(50% - 3px); right: 27px; width: 5px; height: 7px; background: url(../images/sub/sub_sprite.png) no-repeat -89px -4px}
	#sub_menu .third_menu .menu_list li a{display: block; padding: 11px 0; font-size: 15px; color: #282828; line-height: 1.2; }
	#sub_menu .third_menu.active .menu_list{visibility: visible; border-color: #e14f38; transform:scaleY(1); }
}

/* º»¹® ¿µ¿ª */


@media only screen and (min-width:1221px){
	#colgroup{margin-top: 42px;}
	#colgroup .sub_head .sub_title{position: relative; max-width:75%; padding-left: 35px; font-size: 28px; font-weight: 600; color: #262626;}
	#colgroup .sub_head .sub_title:before{display: block; position: absolute; top: 14px; left: 10px; width: 18px; height: 18px;  background: url(../images/sub/sub_sprite.png) no-repeat -63px top; }
	#colgroup .sub_head .path{position: absolute; top: 10px; right: 0; }
	#colgroup .sub_head .path span{display:inline-block;  font-size: 16px; color: #515151; vertical-align: middle; line-height: 1.2;}
	#colgroup .sub_head .path span.home{width:16px; height: 14px; background: url(../images/sub/sub_sprite.png) no-repeat -41px -3px ;font-size:0;}
	#colgroup .sub_head .path span.arrow{margin: 3px 5px 0; font-family:Dotum,'µ¸¿ò'; }
}
@media only screen and (max-width:1220px){
	#colgroup{margin-top: 30px;}
	#colgroup .sub_head .sub_title{font-size: 18px; font-weight: 600; color: #262626; text-align: center;}
	#colgroup .sub_head .path{display: none;}
}

#contents{margin-top: 42px; padding-bottom: 50px;}

@media only screen and (max-width:1220px){
	#contents{margin-top: 30px;}
}