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

@import url('NanumGothic.css');

/*html, body{ font-family: 'NanumGothic', 'NanumGothicWeb', 돋움, 굴림, Dotum, Gulim, sans-serif; }*/

html, body { font-family : 'NanumGothicWeb', 돋움, 굴림, Dotum, Gulim, sans-serif; -webkit-text-size-adjust:none; }
strong, b{ font-family: 'NanumGothicWeb_b',  돋움, 굴림, Dotum, Gulim, sans-serif; font-weight:normal;}

a { text-decoration:none; color:#acc0d7;}


.mr6 { margin-right:6px;}
.mr30 { margin-right:30px;}
.mr33 { margin-right:34px;}
.mr34 { margin-right:34px;}
.mr35 { margin-right:35px;}
.mr36 { margin-right:36px;}
.mr37 { margin-right:37px;}
.mr38 { margin-right:38px;}

.mb0 { margin-bottom:0px !important;}
.mb12 { margin-bottom:12px;}
.mb14 { margin-bottom:14px;}
.mb20 { margin-bottom:20px;}
.mb25 { margin-bottom:25px;}
.mb27 { margin-bottom:27px;}
.mb30 { margin-bottom:30px;}
.mb37 { margin-bottom:37px;}
.mb46 { margin-bottom:46px;}
.mb50 { margin-bottom:50px;}


.pt42 { padding-top:42px;}

.plr17 { padding:0 7px;}
.pr17 { padding-right:0px;}
.pl17 { padding-left:0px;}

.ls05 { letter-spacing:-0.5px; *letter-spacing:-1px;}

.fs16 { font-size:16px;}

.fwb { font-weight:bold;}

.fl { float:left;}
.fr { float:right !important;}

.ft16 { font-size:16px;}

.col555 { color:#555 !important;}

.w516 { width:516px !important;}



.btn_area { float:left; width:100%; text-align:center;}
.btn_area img { margin:0 3px;}

body { background:url(../images/common/body_bg.jpg) repeat; font-family : 'NanumGothicWeb', 돋움, 굴림, Dotum, Gulim, sans-serif; -webkit-text-size-adjust:none;}

#wrap { width:1260px; overflow:hidden; background:#fff; margin-bottom:20px; position:relative;}

/* header */
.header { width:199px; border-right:1px solid #e3e3e3; /* height:100%; min-height:559px; */ max-height:559px; min-height:0px;/* *min-height:1073px; */float:left; position:relative; position:absolute; top:0; left:0; background:#f2f2f2; z-index:999;}
.header .lan { float:left; width:100%; border-bottom:1px solid #e3e4df;}
.header .lan ul { float:left; width:100%;}
.header .lan ul li {float:left; margin-right:2px;}
.header .lan ul li a {float:left; text-align:center; font-size:9px; color:#343434; font-weight:bold; padding:13px 0; width:63px; border-right:1px solid #e3e4df; background:#fff;}
.header .lan ul li a.last { border-right:0; width:65px;  margin-right:0;}
.header .lan ul li a:hover { color:#fff; background:#0c4ca3;}
.header .lan ul li a.sel { color:#fff !important; background:#0c4ca3 !important;}

.hc_logo { float:left; width:198px; padding:40px 0 65px 1px; text-align:center; background:#fff;}
.hc_logo img { margin-right:15px;}

.menu_wrap { float:left; width:199px; /*background:#f2f2f2; padding-bottom:304px; */}
.menu { float:left; width:182px; background:#0c4da2; padding:52px 0 75px 18px; height:244px;}
.menu ul { float:left;}
.menu ul li { float:left; width:182px; padding-bottom:41px; }
.menu ul li:hover {background:url(../images/common/menu_pointer.jpg) no-repeat 157px 3px;}
/*.menu ul li a { float:left; font-weight:normal; font-size:16px; line-height:110%; font-family:'NanumGothicWeb_b'}*/
.menu ul li a { float:left; font-weight:normal; font-size:16px; color:#BDCEE2; line-height:105%; font-family: 'NanumGothicWeb_b',  돋움, 굴림, Dotum, Gulim, sans-serif; }

.menu ul li a:hover { color:#fffff9;}
.menu ul li.last { padding-bottom:0;}




.menu_sub_wrap { float:left; width:185px; height:100%; margin-left:200px;}
.menu_sub_t { float:left; width:165px; padding:68px 0 46px 20px; border-bottom:1px solid #e2e2e2; }
.menu_sub_t img { float:left;}
.menu_sub { width:100%; float:left;}
.menu_sub ul { float:left;}
.menu_sub ul li { width:185px; float:left;}
.menu_sub ul li a { float:left; width:169px; padding:15px 0 16px 16px; font-size:14px; color:#555;  font-weight:normal; font-family: 'NanumGothicWeb_b',  돋움, 굴림, Dotum, Gulim, sans-serif; border-bottom:1px solid #e2e2e2;}
.menu_sub ul li a.bt { border-top:1px solid #e2e2e2;}
.menu_sub ul li a:hover { background:#8a8a8a url(../images/common/menu_sub_pointer.jpg) no-repeat 167px 21px; color:#fff;}

.menu_sub ul li .m_ss { float:left; padding:7px 0;}
.menu_sub ul li .m_ss li { float:left; }
.menu_sub ul li .m_ss li a { float:left; width:154px; border-bottom:0; font-size:12px; font-weight:normal; background:url(../images/sub/box2_2_off.jpg) no-repeat 18px center; padding:8px 0 8px 29px; }
.menu_sub ul li .m_ss li a:hover { background:url(../images/sub/box2_2_on.jpg) no-repeat 18px center; color:#2074e2;  font-weight:normal; font-family: 'NanumGothicWeb_b',  돋움, 굴림, Dotum, Gulim, sans-serif;}


.contents { width:794px; float:left; padding:68px 40px 0 39px; border-left:1px solid #e3e3e3; min-height:1073px; *min-height:1073px; height:100%; }
.con_h { float:left; width:100%; padding-bottom:47px; position:relative;}
.con_h .con_tit { float:left; width:100%; padding-bottom:15px;}
.con_h .con_tit img { float:left; }
.con_h .con_tit_s { float:left; width:100%;}
.con_h .con_tit_s p { float:left; font-size:14px; color:#646464; line-height:1.2;}
.con_h .s_nav { position:absolute; right:0px; top:33px;}
.con_h .s_nav ul { float:left;}
.con_h .s_nav ul li { float:left; margin-right:9px; font-size:12px; color:#616161;}
.con_h .s_nav ul li a { float:left; font-size:12px; color:#616161;}
.con_h .s_nav ul li a span { font-weight:bold;}
.con_h .s_nav ul li a img { vertical-align:middle; margin-right:6px;}
.con_h .s_nav ul li a img.home { margin-right:0;}

.con_h .s_nav ul li a { float:left; font-size:12px; color:#616161;}
.con_h .s_nav ul li span { font-weight:bold;}
.con_h .s_nav ul li img { vertical-align:middle; margin-right:6px;}
.con_h .s_nav ul li img.home { margin-right:0;}

.con_h .s_nav ul li.last { margin-right:0;}


.contents_site { width:981px; float:left; padding:68px 40px 0 39px; border-left:1px solid #e3e3e3; min-height:1073px; *min-height:1073px; height:100%; margin-left:200px; }
.contents_personal { width:981px; float:left; padding:68px 40px 0 39px; border-left:1px solid #e3e3e3; min-height:1073px; *min-height:1073px; height:100%; margin-left:200px; }



.email_pop { width:480px; height:238px; position:absolute; left:300px; top:300px; z-index:500;}
.email_pop .pop_h { width:447px; background:#0c4da2; padding:30px 0; padding-left:33px; position:relative;}
.email_pop .pop_h p { font-size:20px; color:#fff;}
.email_pop .pop_h .pop_x { position:absolute; top:23px; right:28px;}
.email_pop .pop_h .pop_x img { cursor:pointer;}
.email_pop .pop_c { width:447px; background:#fff; padding:37px 0 55px 33px;}
.email_pop .pop_c p { font-size:14px; color:#363636; line-height:1.5; letter-spacing:-1px;}
.email_pop .pop_c p span { color:#d73232;}



.f_box { float:left; background:#fff; width:199px; position:relative; position:absolute; left:0; bottom:0; border-top:1px solid #e1e1e1;}
.nav_menu { float:left; width:181px; padding:45px 0 13px 18px; border-bottom:1px solid #e5e5e5;}
.nav_menu ul { float:left;}
.nav_menu ul li { float:left; width:181px; padding-bottom:26px;}
.nav_menu ul li a { float:left; font-size:14px; color:#767676; font-family: 'NanumGothicWeb_b',  돋움, 굴림, Dotum, Gulim, sans-serif;}

.hc_addr { float:left; width:181px; padding:19px 0 14px 18px; }
.hc_addr p { font-size:12px; color:#777; line-height:1.3; letter-spacing:-1px;}
.family_site { float:left; width:162px; padding:16px 20px 14px 18px; background:#515151; position:relative;}
.family_site p { float:left; width:162px;}
.family_site a { float:left; color:#fff; font-size:13px;}
.family_site img.fm_p { position:absolute; top:16px; right:20px; cursor:pointer;}
.family_site img.fm_m { position:absolute; top:21px; right:20px; cursor:pointer; display:none;}

.family_site_more { float:left; width:200px; position:absolute; bottom:43px; *bottom:47px; left:0; background:#515151; z-index:999;  display:none; }
.family_site_more ul.ul01 { float:left; width:100%; padding-top:28px; padding-bottom:16px;}
.family_site_more ul.ul01 li { float:left; width:100%;}
.family_site_more ul.ul01 li a { float:left; width:182px; padding:9px 0 8px 18px; font-size:13px; color:#f3f3f3;}
.family_site_more ul.ul01 li a:hover { background:#4e83c8; color:#fff; font-weight:normal; font-family: 'NanumGothicWeb_b',  돋움, 굴림, Dotum, Gulim, sans-serif;}

.family_site_more .fm_line { float:left; width:160px; height:1px; margin-left:18px; background:#b5b5b5; }

.family_site_more ul.ul02 { float:left; width:100%; padding-top:13px; padding-bottom:27px;}
.family_site_more ul.ul02 li { float:left; width:100%;}
.family_site_more ul.ul02 li a { float:left; width:182px; padding:9px 0 8px 18px; font-size:13px; color:#bbbbbb;}
.family_site_more ul.ul02 li a:hover { background:#4e83c8; color:#fff; font-weight:normal; font-family: 'NanumGothicWeb_b',  돋움, 굴림, Dotum, Gulim, sans-serif;}





.family_site2 { float:right; width:162px; padding:12px 20px 10px 18px; *padding:8px 20px 5px 18px; background:#686868; position:relative;}
.family_site2 p { float:left; width:162px;}
.family_site2 a { float:left; color:#fff; font-size:13px;}
.family_site2 img.fm_p { position:absolute; top:15px; right:13px; cursor:pointer;}
.family_site2 img.fm_m { position:absolute; top:15px; right:13px; cursor:pointer; display:none;}

.family_site_more2 { float:left; width:200px; position:absolute; bottom:43px; *bottom:55px; left:0; background:#515151; z-index:999;  display:none; }
.family_site_more2 ul.ul01 { float:left; width:100%; padding-top:28px; padding-bottom:16px;}
.family_site_more2 ul.ul01 li { float:left; width:100%;}
.family_site_more2 ul.ul01 li a { float:left; width:182px; padding:9px 0 8px 18px; font-size:13px; color:#f3f3f3;}
.family_site_more2 ul.ul01 li a:hover { background:#4e83c8; color:#fff; font-weight:normal; font-family: 'NanumGothicWeb_b',  돋움, 굴림, Dotum, Gulim, sans-serif;}

.family_site_more2 .fm_line { float:left; width:160px; height:1px; margin-left:18px; background:#b5b5b5; }

.family_site_more2 ul.ul02 { float:left; width:100%; padding-top:13px; padding-bottom:27px;}
.family_site_more2 ul.ul02 li { float:left; width:100%;}
.family_site_more2 ul.ul02 li a { float:left; width:182px; padding:9px 0 8px 18px; font-size:13px; color:#bbbbbb;}
.family_site_more2 ul.ul02 li a:hover { background:#4e83c8; color:#fff; font-weight:normal; font-family: 'NanumGothicWeb_b',  돋움, 굴림, Dotum, Gulim, sans-serif;}




















.footer { clear:both; padding-left:18px; padding-bottom:25px;}
.footer p { font-size:11px; color:#6e6e6e;}

/*페이징*/
.paging { clear:both; width:100%; text-align:center;}
.paging table { width:}
.paging_wrap { float:left; margin:0 auto;}
.paging ul { float:left;}
.paging ul li { float:left; width:32px; text-align:center; margin-right:5px; font-size:12px;}
.paging ul li a { float:left; width:30px; font-size:12px; color:#686868; padding:10px 0; border:1px solid #e2e2e2; background:#fff;}
.paging ul li a:hover { border:1px solid #2761ae; background:#2761ae; color:#fff;}
.paging ul li a.pg_sel { color:#fff !important; background:#2761ae !important; border:1px solid #2761ae;}


/*.paging ul li.nolink:hover { border:1px solid #2761ae; background:#2761ae; color:#fff;}*/
.paging ul li.nolink { float:left; width:30px; padding:10px 0; margin-right:5px; border:1px solid #e2e2e2; background:#fff; color:#686868; text-align:center; }
.paging ul li.pg_sel { color:#fff !important; background:#2761ae !important; border:1px solid #2761ae;}


.selected {
			 background:url(../images/common/menu_pointer.jpg) no-repeat 157px 3px;

}

.selected2 {
			 background:#8a8a8a url(../images/common/menu_sub_pointer.jpg) no-repeat 167px 21px;
}

.selected3 {
			 color:#2074e2 !important; font-weight:normal; font-family: 'NanumGothicWeb_b',  돋움, 굴림, Dotum, Gulim, sans-serif;
}

.over {
		 color:#fffff9;
}

.over2 {

		 color:#fff !important;
}


/*페이징*/
.paging { clear:both; width:100%; height:38px; text-align:center; line-height:3.2;}
.paging_wrap { width:100%; height:34px;}
.paging span { width:32px; text-align:center; margin-right:5px; font-size:12px;}
.paging span a { display:inline; width:30px; font-size:12px; color:#686868; padding:10px 13px; border:1px solid #e2e2e2; background:#fff;}
.paging span a:hover { border:1px solid #2761ae; background:#2761ae; color:#fff;}
.paging span a.pg_sel { color:#fff !important; background:#2761ae !important; border:1px solid #2761ae;}

.paging span.prev1 { width:32px; text-align:center; margin-right:5px; font-size:12px;}
.paging span.prev2 { width:32px; text-align:center; margin-right:5px; font-size:12px;}
.paging span a.prev1 { display:inline; width:30px; font-size:12px; color:#686868; padding:10px 12px; border:1px solid #e2e2e2; background:#fff;}
.paging span a.prev2 { display:inline; width:30px; font-size:12px; color:#686868; padding:10px 9px; border:1px solid #e2e2e2; background:#fff;}
.paging span a.prev1:hover { border:1px solid #2761ae; background:#2761ae; color:#fff;}
.paging span a.prev2:hover { border:1px solid #2761ae; background:#2761ae; color:#fff;}


.paging span.next1 { width:32px; text-align:center; margin-right:5px; font-size:12px;}
.paging span.next2 { width:32px; text-align:center; margin-right:5px; font-size:12px;}
.paging span a.next1 { display:inline; width:30px; font-size:12px; color:#686868; padding:10px 12px; border:1px solid #e2e2e2; background:#fff;}
.paging span a.next2 { display:inline; width:30px; font-size:12px; color:#686868; padding:10px 9px; border:1px solid #e2e2e2; background:#fff;}
.paging span a.next1:hover { border:1px solid #2761ae; background:#2761ae; color:#fff;}
.paging span a.next2:hover { border:1px solid #2761ae; background:#2761ae; color:#fff;}


/*.paging ul li.nolink:hover { border:1px solid #2761ae; background:#2761ae; color:#fff;}*/
.paging span.nolink1 { display:inline; width:30px; padding:10px 12px; margin-right:5px; border:1px solid #e2e2e2; background:#fff; color:#686868; text-align:center; }
.paging span.nolink2 { display:inline; width:30px; padding:10px 9px; margin-right:5px; border:1px solid #e2e2e2; background:#fff; color:#686868; text-align:center; }
.paging span.pg_sel { color:#fff !important; background:#2761ae !important; border:1px solid #2761ae;}




#skipNav {position:relative; width:100%;z-index:10;}
#skipNav a {display:block; overflow:hidden; height:0; font-weight:bold; color:#fff; text-align:center; position:absolute;left:0;top:-3px;width:100%;}
#skipNav a:hover, #skipNav a:focus, #skipNav a:active {background:#024da0; padding:3px; border:1px solid #999; height:auto;}






.sel6 { float:right; margin-right:18px; margin-top:12px; background:#686868; }
.sel6 .sel_img { float:left; /*height:26px;*/ position:relative; width:146px; padding:10px 0px 9px 7px; z-index:30;}
.sel6 .sel_img p { float:left; width:146px; cursor:pointer; min-width:59px; *min-width:59px; *height:12px;}
.sel6 .sel_img p img { float:right; margin-top:5px; margin-right:9px; float:right;}
.sel6 .sel_img p a { text-decoration:none; font-size:12px; color:#fff !important; font-weight:bold;}
.sel6 .sel_img p span { float:left; margin-left:5px;}
.sel6 .sel_img .sel_pointer { float:left; position:absolute; left:83px; top:12px;}
.sel6 .sel_img .sel_pointer img { float:right;}
.sel6 .sel_img .sel_opt { background:#fff; position:absolute; left:0; top:-315px; z-index:99; border:1px solid #c9c9c9; display:none;}
.sel6 .sel_img .sel_opt ul { float:left; width:151px;}
.sel6 .sel_img .sel_opt ul li { font-size:12px; cursor:pointer; background:#fff;}
.sel6 .sel_img .sel_opt ul li a { float:left; width:139px; font-size:12px; padding:5px 0 5px 12px; min-width:54px; color:#474747; font-weight:bold; margin-bottom:4px;}
.sel6 .sel_img .sel_opt ul li a:hover { background:#999;}
.sel6 .sel_img .sel_opt ul li a:focus { background:#999;}

/* 210720 */
.all_box .all_box2 ul li .all_2d ul li a .font_gothic{    font-family: 'Nanum Gothic';}