@charset "utf-8";
/* CSS Document */

#wrapper{position:relative; width:100%; height:100%;}
.default_box{position:relative; width:1000px; min-width:320px; margin:0 auto;}
.clear_div{clear:both; height:0;}
.skip{visibility:hidden; overflow:hidden; position:absolute;}

/*상단*/
#head{position:relative; width:100%; height:100%; min-width:320px; background:#f2f2f2; z-index:10;}
#head .logo{float:left; padding:25px 0 20px;}
#head .gnb{float:right; padding:35px 0 0; background:none;}
#head .gnb span{display:inline-block; padding:0 15px; border-right:1px solid #d3d3d3; font-size:1.1em;}
#head .gnb span a{color:#787878;}
#head .gnb span a:hover, #head .gnb span a:focus{color:#2a71d8;}
#head .gnb span.last{border:none; padding:0 0 0 15px;}

#topmenu{display:block; position:relative; width:100%; background:#fff url(/Common/Images/common/topmenu_line.png) repeat-x 0 51px; min-height:57px;}
#topmenu .lnb{padding:0; border-top:1px solid #dbdbdb; border-bottom:1px solid #b7b7b7; background:#fff url(/Common/Images/common/topmenu_line.png) repeat-x 0 50px; min-height:54px; overflow:visible; position:absolute; width:100%;}
#topmenu .lnb>ul>li{float:left; padding:0; width:11.1%; text-align:center; line-height:1.5em;background:#fff url(/Common/Images/common/topmenu_line.png) repeat-x 0 50px;}
#topmenu .lnb>ul>li.over{background-color:#f7faff;}
#topmenu .lnb>ul>li>a{display:block; min-height:15px; padding:14px 13% 18px; border-left:#eee solid 1px; font-size:14px; letter-spacing:-0.04em; font-weight:bold; color:#444444; word-break:break-word;}
#topmenu .lnb>ul>li.row2>a{min-height:35px; padding-top:7px; padding-bottom:7px; }
#topmenu .lnb>ul>li.over>a{color:#2a71d8; text-decoration:none;}
#topmenu .lnb>ul>li.blue{float:right;}
#topmenu .lnb>ul>li.blue>a{color:#fff; background:#2a71d8; border-left:none;}
#topmenu .lnb>ul>li>a>span{display:block;}

#topmenu .lnb ul.depth2{padding:10px 0; border-left:#eee solid 1px; margin-left:-1px; min-height:220px;}
#topmenu .lnb ul.depth2>li{float:none; background:none; min-height:12px; max-width:100%; padding:0;}
#topmenu .lnb ul.depth2>li a{display:block; padding:5px 10px; color:#575757; font-size:1em; line-height:1.25em; font-weight:normal; text-align:left;}
#topmenu .lnb ul.depth2>li a:hover, #topmenu .lnb ul.depth2>li a:focus {color:#2a71d8;}
/*
#topmenu .lnb2{position:absolute; top:60px; left:0; width:100%; background:#fff; z-index:100; border-bottom:1px solid #b7b7b7; letter-spacing:-0.01em;}
#topmenu .lnb2 ul.depth1>li{float:left; background:url(/Common/Images/common/bg_line.gif) repeat-y 0; padding:0 1%; min-height:340px; width:10.5%;}
#topmenu .lnb2 ul.depth1>li:hover, #topmenu .lnb2 ul.depth1>li.over{background:#fcfcfc url(/Common/Images/common/bg_line.gif) repeat-y 0;}
#topmenu .lnb2 ul.depth1>li.first{background-image:none;}
#topmenu .lnb2 ul.depth1>li>a{display:block; height:40px; padding:5px 0 0 0; color:#165fc8; font-size:1.1em; font-weight:bold;}
#topmenu .lnb2 ul.depth1>li>a span{display:block;}
#topmenu .lnb2 ul.depth1>li ul.depth2>li{float:none; background:none; min-height:12px; max-width:100%; padding:0;}
#topmenu .lnb2 ul.depth1>li ul.depth2>li a{display:block; height:100%; padding:5px 0; color:#575757; font-size:1em; font-weight:normal;}
*/
#m_menu{display:none;}

/*왼쪽메뉴*/
#leftmenu{display:block; position:absolute; width:200px; z-index:1; top:0; left:0; letter-spacing:-0.05em;}
#leftmenu h2{color:#1a62cc; font-size:2.2em; text-align:center; padding:45px 23px 40px; min-height:35px; line-height:1.1; word-break:break-word;}
#leftmenu h2 span { display:block;}
#leftmenu ul.depth1{border-top:1px solid #dbdbdb;}
#leftmenu ul.depth1>li{border-bottom:1px solid #dbdbdb;}
#leftmenu ul.depth1>li a{display:block; padding:12px 20px; font-size:1.15em; color:#333;}
#leftmenu ul.depth1>li a:hover, #leftmenu ul.depth1>li a:focus{color:#1a62cc;}
#leftmenu ul.depth1>li.on a{font-weight:bold; background:#1a62cc; color:#fff;}
#leftmenu ul.depth1>li.on ul.depth2{background:#f7f7f7; padding:10px 0; display:block;}
#leftmenu ul.depth1>li ul.depth2{display:none;}
#leftmenu ul.depth1>li a.open{background:url(/Common/Images/common/leftmenu_ico_open.gif) no-repeat 90% center;}
#leftmenu ul.depth1>li.on a.open{background:#1a62cc url(/Common/Images/common/leftmenu_ico_on.gif) no-repeat 90% center;}
#leftmenu ul.depth1>li ul.depth2 li{border:none;}
#leftmenu ul.depth1>li ul.depth2 li a{font-size:1.0em; padding:4px 20px 4px 27px; color:#575757; background:url(/Common/Images/common/bu01.gif) no-repeat 20px 10px; font-weight:normal;}
#leftmenu ul.depth1 li ul.depth2 li.on a{color:#2e86d8; background:url(/Common/Images/common/bu02.gif) no-repeat 20px 10px; font-weight:bold;}

.miryang_contact{margin:30px 0 0; background:#fafafa; border-bottom:1px solid #e3e3e3;}
.miryang_contact h6{color:#fff; font-size:1.15em; text-align:center; background:#75acef; padding:7px 0;}
.miryang_contact dl dt{background:#e5e5e5; color:#000; font-weight:bold; padding:7px 19px;}
.miryang_contact dl dd{padding:7px 19px; letter-spacing:0;}
	
/*하단*/
#foot{position:relative; width:100%; height:100%; min-width:320px; background:#eaeaea;}
#foot .foot_top_bg{background:#d9d9d9; padding:7px 0;}
#foot .foot_top{padding:0;}
#foot .foot_top .link_box{position:relative;float:left;}
#foot .foot_top .link_box h5{background:#fff url(/Common/Images/common/bottom_select_bg.gif) no-repeat 100% center; font-size:1em; font-weight:normal; width:190px; margin:3px 12px 3px 0; padding:0;}
#foot .foot_top .link_box h5.last{margin:3px 0;}
#foot .foot_top .link_box h5 a{display:block; line-height:15px; padding:4px 10px; color:#555; border:1px solid #c0c0c0;}
#foot .foot_top .link_box ul{position:absolute; bottom:27px; left:0; background:#fafafa; width:188px; max-height:230px; border:1px solid #c0c0c0; z-index:150; overflow-y:scroll;}
/* #foot .foot_top .link_box ul.long{width:450px;} */
#foot .foot_top .link_box ul li a, #foot .foot_top .link_box ul li strong{display:block; padding:7px 10px; border-top:1px dashed #c0c0c0;}
#foot .foot_top .link_box ul li.first a, #foot .foot_top .link_box ul li.first strong{border:none;}

#foot .txt{padding:30px 50px 30px 0;}
#foot .txt .logo{display:block; float:left; width:32%;}
#foot .txt p{float:left; width:67%; color:#777; line-height:1.5;}
#foot .txt p font{color:#575757; font-size:1.1em;}
#foot .txt .bt_top{position:absolute; top:0; right:0; width:45px; height:45px; background:#adadad url(/Common/Images/common/bottom_bt_top.gif) no-repeat center;}
#foot .txt .bt_top a{display:block; width:45px; height:45px;}

/*콘텐츠*/	
.content_bg{border-left:1px solid #e3e3e3;}
#content{position:relative; width:auto; height:100%; min-width:320px; top:-5px; margin:0 0 -5px;}
#contentbox{min-height:900px; border-left:1px solid #e3e3e3; margin:0 0 0 200px; padding:0 0 40px 39px;}
.sub_tit{padding:20px 0 40px;}
.sub_tit p{font-size:1.1em; color:#666; text-align:right; min-height:19px;}
.sub_tit span{margin:0 0 0 2px; height:19px; padding:0 12px 0 0; color:#666; background:url(/Common/Images/common/location_bg.gif) no-repeat 100% center;}
.sub_tit span.last{background:none; padding:0;}
.sub_tit span img{vertical-align:1px;}
.sub_tit a{display:inline-block;}
.sub_tit h2{color:#333; font-size:2.2em; padding:7px 0 15px; min-height:35px; letter-spacing:-0.05em; background:url(/Common/Images/common/sub_tit_line.gif) no-repeat 0 100%;}



@media all and (max-width:1000px) {
	.default_box{width:auto;}
	
	
	/*상단*/
	#head{position:relative; width:100%; height:100%; min-width:320px; background:#f2f2f2; z-index:10;}	
	#head .logo{float:none; padding:20px 4%;}
	#head .gnb{float:none; text-align:right; padding:4px 4%; background:#d9d9d9;}
	#head .gnb span{display:inline-block; padding:0 15px; border-right:1px solid #b7b7b7; font-size:1.1em;}
	#head .gnb span a{color:#575757;}
	#head .gnb span a:hover, #head .gnb span a:focus{color:#2a71d8;}
	#head .gnb span.last{border:none; padding:0 0 0 15px;}
	
	#topmenu{display:none;}
	#m_menu{display:block;}

	#foot .txt .logo{display:none;}
	
	#foot .foot_top{float:none; padding:0 4%;}
	#foot .foot_top .link_box h5{width:190px; margin:3px 15px 3px 0;}
	#foot .txt{padding:30px 50px 30px 4%;}
	#foot .txt p{float:none; width:auto;}
	
	
	.content_bg{border-left:none}
	#contentbox{min-height:900px; border-left:1px solid #e3e3e3; margin:0 0 0 200px; padding:0 40px 40px 39px;}
	

	/*모바일메뉴*/
	#m_menu{display:block; background:#fff url(/Common/Images/common/topmenu_line.png) repeat-x 0 0; padding:9px 0 0;}
	#m_menu .bt_menu{position:absolute; top:50px; right:4%;}
	#m_menu ul.depth1{border-bottom:3px solid #dbdbdb; padding:0; margin:0; height:100%;}
	#m_menu ul.depth1 li{border-top:1px solid #dbdbdb; padding:5px 0 10px; height:100%; margin:0;}
	#m_menu ul.depth1 li:hover{background:#f7faff;}
	#m_menu ul.depth1 li.first{border:none;}
	#m_menu ul.depth1 li a{display:block; font-size:1.4em; letter-spacing:-0.01em; font-weight:bold; color:#1a62cc; padding:10px 4%;float:left; width:26%;}
	#m_menu ul.depth1 li ul.depth2{float:left; width:65%;}
	#m_menu ul.depth1 li ul.depth2 li{border:none; padding:0; float:left; width:49%;}
	#m_menu ul.depth1 li ul.depth2 li a{font-size:1.1em; color:#333; padding:4px 8%; width:84%;}
	#m_menu ul.depth1 li ul.depth2 li a:hover, #m_menu ul.depth1 li ul.depth2 li a:focus{color:#1a62cc;}
	#m_menu ul.depth1 li ul.depth2 li ul.depth3 li{width:100%;}
	#m_menu ul.depth1 li ul.depth2 li ul.depth3 li a{font-size:1em; color:#666; padding:3px 8% 3px 12%; background:url(/Common/Images/common/bu01.gif) no-repeat 8% 10px; font-weight:normal;}
	#m_menu ul.depth1 li ul.depth2 li ul.depth3 li a:hover, #m_menu ul.depth1 li ul.depth2 li ul.depth3 li a:focus{color:#2e86d8; background:url(/Common/Images/common/bu02.gif) no-repeat 8% 10px;}
}

	
@media all and (max-width:768px) {	

	#leftmenu{display:none;}
	
	#foot .foot_top .link_box{float:left;}
	#foot .foot_top .link_box ul{width:100%; bottom:25px;}
	/* #foot .foot_top .link_box ul.long{width:100%;} */
	#foot .foot_top .link_box{position:relative;float:none;}
	#foot .foot_top .link_box h5{width:auto; display:block; margin:5px 0;}
	#foot .foot_top .link_box h5.last{width:auto; display:block; margin:5px 0;}
	
	
	.content_bg{border-left:none}
	#contentbox{position:relative; height:100%; padding:0 4%; margin:0 0 40px;}
	
	/*모바일메뉴*/
	#m_menu ul.depth1 li a{float:none; width:auto;}
	#m_menu ul.depth1 li ul.depth2{float:none; width:auto;}
	#m_menu ul.depth1 li ul.depth2 li a{width:auto;}
	
	
}