@charset "utf-8";
/* --- 공통 --- */

/* 레이아웃 */
body	{overflow-y:scroll;}
div#sub_wrap	{width:100%; height:100%; margin:0; padding:0;}

.cont_center	{width:1000px; margin:0 0 0 50px; overflow:hidden;}



/* 텍스트 */
a	{color:#666; text-decoration:none;}
a:hover,	a:focus	{color:#666; text-decoration:none;}

.text_hidden	{overflow:hidden; visibility:hidden; position:absolute; width:0; height:0; font-size:0; line-height:0;}	
.text_hidden2	{overflow:hidden; font-size:0; text-indent:-9999%; }/* 숨김 처리*/
.lt	{font-weight:normal;}
em	{font-style:normal; font-weight:600;}

/* 입력폼 */
.input_text,	.input_file	{width:135px; height:22px; padding:0 8px; background-color:#fff; color:#8ea2ad; border:1px solid #b9c5cc; font-size:11px; line-height:24px;}
.input_file	{width:252px\9; height:20px\9; color:#8ea2ad;}
select	{min-width:153px; height:24px; padding:2px 2px 2px 4px; color:#8ea2ad; border:1px solid #b9c5cc; font-size:11px; line-height:22px;}	/* Safari에서 line-height로 높이값 제어 */
/* width 값을 지정하면 텍스트가 더 길어질 경우 숨겨지므로 min-width 값 사용, IE7에서 너비값이 지정되지 않으나 따로 처리하지 않음 */
@media \0screen	{select	{min-width:145px;}}	/* IE8 너비 수정 */
textarea	{width:452px; height:61px; padding:2px 8px 0; color:#8ea2ad; border:1px solid #b9c5cc; font-size:11px;}
.input_ch	{margin:-1px 1px 0 0; vertical-align:middle;}

/* 버튼 */
button,	.btn	{*overflow:visible; display:inline-block; margin:0; *margin:0 2px; border:none; background:none; text-align:center; vertical-align:middle; white-space:nowrap; cursor:pointer;}	/* overflow:visible; IE7 여백 제거 */
button::-moz-focus-inner {padding:0; border:0;}	/* Firefox 버튼 여백 제거 */
.btn_m	{min-width:70px; padding:6px 12px; background-color:#00436a; color:#fff; font-weight:bold; font-size:14px;}
.btn_m:hover,	.btn_m:focus	{background-color:#ff4e00 !important; color:#fff !important; text-decoration:none;}
.btn_m.lt	{background-color:#acbdc5;}
.btn_img	{padding:4px;}
.btn_img02	{margin:0 -2px -3px 0;}


#contents	{margin-left:200px;}
/*header*/
#wrapper	{position:relative;width:100%; height:100%;}
html,body	{width:100%; height:100%;}

#header {position:fixed; left:0; top:0;overflow:hidden; width:200px; height:150px; background-color:#fff; z-index:1001;}
#header h1	{padding:42px 0 43px 0; z-index:1001;}
#header h1 a	{display:block; text-align:center;}
.header_login	{overflow:hidden; padding:4px 11px 4px 10px; background-color:#aaa; z-index:1001;}
.header_login>li	{float:left;}
#gnb	{position:fixed; left:0; top:150px; width:200px; height:743px; background-color:#fff; z-index:1000;}
.gnb_over	{position:fixed; left:0; bottom:0; width:200px; height:100px; z-index:1000;}
.over	{opacity:0; visibility:hidden;}
#gnb .set_menu	{}
#gnb .set_menu>li	{width:100%; background-color:#fff; /*height:50px;*/}
.scroll_area	{position:absolute; left:0; top:0;}

#gnb .set_menu>li>a	{display:block; overflow:hidden; height: 50px; padding:0 30px; border-bottom:1px solid #ddd;}
#custom	{width:140px;background-color:#fff;padding:30px ;}
.sub_menu	{position:fixed; left:200px; top:0;width:0; height:100%; background-color:#36cbd7;overflow:hidden;}
.sub_menu.on	{width:150px;}
.sub_menu h2	{height:150px;}
.sub_menu .dep2>li	{overflow:hidden; width:150px;height:50px; border-bottom:1px solid #73dbe3;}
.sub_menu .dep2>li a	{display:block;padding-left:20px;}
.sub_menu .dep2>li a:hover	{background-color:#eee}
.sub_menu .dep2>li a:hover img	{margin-top:-50px;}

.header_bg	{position:fixed; left:0; top:0; width:150px; height:100%; background-color:#fff;}

/* footer */
#footer	{padding:30px 0; background-color:#f6f6f6;}
#footer_logo	{display:block; text-align:center; margin-bottom:15px;}
#footer address	{text-align:center; margin-bottom:10px;}
.copyright	{text-align:center; }


#snb ul>li {box-sizing: border-box}