@charset "utf-8";

/* 상단 : header */
#header { 
	position:relative; display:block; height:57px; background:#fff; overflow:hidden;
	box-shadow:0px 2px 5px rgba(0,0,0,0.2);
	z-index:100;
}
#header .h1_label { position:relative; display:block; width:158px; height:100%; margin:0 auto; overflow:hidden; }
#header .h1_label a { position:absolute; display:block; left:0; right:0; top:50%; height:39px; margin-top:-19px; }
#header .h1_label a img { max-width:100%; }
#header .btn_open_menu { position:absolute; display:block; left:0; top:0; width:57px; height:57px; background:url('/m/images/btn_open_menu_bg.png') no-repeat center 50%; background-size:50%; }

/* 하단 : Footer */
#footer { display:block; height:115px; background:#f5f6f8; overflow:hidden; }
#footer .foot_btn { display:block; padding-left:20px; border:1px solid #d5dae1; border-left:none; border-right:none; }
#footer .foot_btn a { display:inline-block; padding:15px 10px 15px 0; font-size:87.5%; color:#4a5b6d; font-weight:400; background:url('/m/images/foot_point.png') no-repeat 100% 50%; }
#footer .foot_btn a.last { padding-right:0; background-image:none; }
#footer .foot_btn a.top { position:absolute; right:0; padding-left:10px; background:url('/m/images/main_foot_top.png') no-repeat left 50%; background-size:20%; }
#footer .foot_btn a .icon_home { display:inline-block; width:14px; height:14px; margin:2px 2px 0 0; background:url('/m/images/main_foot_home.png') no-repeat left 50%; background-size:contain; vertical-align:top; }

#footer address { display:block; font-style:normal; margin:0 20px; padding:15px 0; text-align:center; }
#footer address p { font-size:60%; color:#7b8695; font-weight:400; line-height:2; letter-spacing:-0.05em; white-space:nowrap; }

/* 좌측 슬라이드 메뉴 */
#slide_bg { position:fixed; display:none; top:0; width:100%; height:100%; background:#000; opacity:0.7; z-index:100; }
#slide_left { position:fixed; display:block; left:-250px; right:auto; top:0; bottom:0; width:250px; height:100%; background:#fff; overflow-y:auto; z-index:101; }
#slide_left .slide_head { display:block; overflow:hidden; }
#slide_left .slide_head a { display:block; width:35px; height:35px; margin:0 0 0 auto; background:#fff url('/m/images/btn_close_menu_bg2.png') no-repeat center 50%; background-size:30%; }


#slide_left .side_menu { display:block; border-top:1px solid #ddd; overflow:hidden; }
#slide_left .side_menu ul { display:block; list-style:none; margin:0; padding:0; overflow:hidden; }
#slide_left .side_menu ul li { position:relative; display:block; overflow:hidden; }
#slide_left .side_menu ul li a { position:relative; display:block; }

#slide_left .side_menu .side_ln { }
#slide_left .side_menu .side_ln > li { background:#4f81b5; }
#slide_left .side_menu .side_ln > li > a { display:block; padding:15px 0 15px 50px; font-size:96%; color:#fff; border-bottom:1px solid #ddd; }
#slide_left .side_menu .side_ln > li:nth-child(1) > a { background-color:transparent; background:url('/m/images/icon_menu1.png') no-repeat 10px 50%; background-size:13%; }
#slide_left .side_menu .side_ln > li:nth-child(2) > a { background-color:transparent; background:url('/m/images/icon_menu2.png') no-repeat 10px 50%; background-size:13%; }
#slide_left .side_menu .side_ln > li:nth-child(3) > a { background-color:transparent; background:url('/m/images/icon_menu3.png') no-repeat 10px 50%; background-size:13%; letter-spacing:-1px; }
#slide_left .side_menu .side_ln > li:nth-child(4) > a { background-color:transparent; background:url('/m/images/icon_menu4.png') no-repeat 10px 50%; background-size:13%; }
#slide_left .side_menu .side_ln > li:nth-child(5) > a { background-color:transparent; background:url('/m/images/icon_menu5.png') no-repeat 10px 50%; background-size:13%; }

#slide_left .side_menu .side_sub_menu { background:#f1f1f1; }
#slide_left .side_menu .side_sub_menu > li { }
#slide_left .side_menu .side_sub_menu > li > a { display:block; padding:10px 0 10px 30px; font-size:90%; color:#333; background-image:none; border-bottom:1px solid #ddd; }

#slide_left .side_menu .side_ln > li > a .arrow_up { position:absolute; display:inline-block; right:10px; top:0; bottom:0; width:20px; height:20px; margin:auto 0; background:url('/m/images/icon_arrow_up.png') no-repeat right 50%; background-size:50%; }

#slide_left .side_menu .side_ln > li.current { background:#86a6cb; }
#slide_left .side_menu .side_ln > li.current a .arrow_up { position:absolute; display:inline-block; right:10px; top:0; bottom:0; width:20px; height:20px; margin:auto 0; background:url('/m/images/icon_arrow_down.png') no-repeat center 50%; background-size:80%; }

#slide_left .icon_first { position:absolute; right:10px; top:16px; width:16px; height:16px; background:url('/index/m/images/side_menu_bg1.png') no-repeat left top; background-size:contain; }
#slide_left .icon_second { position:absolute; right:10px; top:0; bottom:0; width:10px; height:10px; margin:auto auto; background:url('/index/m/images/side_menu_bg2.png') no-repeat left top; background-size:contain; }