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

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

.cont_center	{width:1000px; margin:0 auto; 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;}


/*header*/
html,body	{width:100%; min-width:1000px; overflow-x:hidden;}

#header {position:absolute; width:100%; z-index:1000;}
#header .wrap_top_menu ul {float:right; margin:18.4px 0;}
#header .wrap_top_menu ul li	{float:left; margin-right:20px; margin-top:4px}
#header .wrap_top_menu ul li:nth-child(2) {margin-right:0 !important}
#header .wrap_top_menu ul li a	{display:block; }

#gnb	{width:100%; background-color:#ff6098;}
#gnb #logo	{float:left; padding-top:25px;}
#gnb #logo a	{display:block;}
#gnb .set_menu	{float:right; border-left:1px solid #ff8db5;}
#gnb .set_menu>li	{float:left; border-right:1px solid #ff8db5;}

#gnb .set_menu .dep1	{display:block; overflow:hidden;  width:100px; height:80px; margin-top:0;}

#gnb .sub_menu	{visibility:hidden; position:absolute; left:0; top:152px; width:100%; height:0; background:url(../images/header/sm_bg.gif);z-index:1001;}
.sub_menu h2	{float:left; width:192px;}
.sub_menu ul	{float:left;}
.sub_menu .menu_list	{position:relative; width:344px; height:200px; padding:15px 30px; background:url(../images/header/dep2_bg.gif) repeat-y left top #fff;}
.sub_menu .menu_list .dep2	{height:22px; overflow:hidden;}
.sub_menu .menu_list .dep2>a	{float:left;display:block; overflow:hidden; width:120px; height:22px; margin-right:10px; }
.sub_menu .menu_list .dep2>a img	{margin-top:0px;}

.sub_menu .menu_list .dep2.on>a img	{margin-top:-22px;}

.sub_menu .menu_list .dep3	{position:absolute; top:15px; left:160px; visibility:hidden; width:214px; height:230px; padding-left:30px; opacity:0;z-index:100;}
.sub_menu .menu_list .dep3 li	{width:92px; height:22px; float:left;}
.sub_menu .menu_list .dep3 li a	{display:block; overflow:hidden; width:92px; height:22px;}
.sub_menu .menu_list .dep3 li a img	{margin-top:0;}
.sub_menu .menu_list .dep3 li a:hover img	{margin-top:-22px;}

.menu1 .menu_list,.menu4 .menu_list,.menu7 .menu_list,.menu8 .menu_list{background-image:none; background-color:#fff;}
.menu_list .dep2_tp2	{width:114px;height:22px; float:left;}
.menu_list .dep2_tp2 a {display:block; overflow:hidden; width:92px; height:22px;}
.menu_list .dep2_tp2 a img {margin-top:0px;}
.menu_list .dep2_tp2 a:hover img {margin-top:-22px;}



.sub_menu .menu_quick>li	{float:left;width:202px; height:200px;}
.sub_menu .menu_quick>li.om_	{float:left;width:134px; height:200px;}
.sub_menu .menu_quick>li.om__	{float:left;width:135px; height:200px;}
.sub_menu .menu_quick>li>a	{display:block;}


/* contents */
#contents	{overflow:hidden;}

/* footer banner */
.footer_bn	{height:40px;padding:10px; background:url(../images/footer/bg_bn.gif);border:1px solid #ddd;}
.footer_bn .bn_title	{float:left; width:105px; margin-top:14px; margin-right:30px;}
.footer_bn .slider	{float:left; position:relative; width:865px; }
.footer_bn #footer_bn_left	{position:absolute; left:0; top:0;}
.footer_bn #footer_bn_right	{position:absolute; right:0; top:0;}

/* footer */
#footer	{background:url(../images/footer/bg_footer.jpg)no-repeat 50% top;}
#footer>.cont_center>div	{width:284px; height:360px; padding:45px 23px 0 23px; background:url(../images/footer/bg_info.gif);}
.footer_logo	{border-bottom:1px solid #888;}
.sns	{padding:17px 0; border-bottom:1px solid #888;}
.sns ul	{overflow:hidden; margin-left:98px;}
.sns ul li	{float:left;margin:0 2px;}