@charset "utf-8";
/* 레이아웃 */
@import url(reset.css);
@import url(style.css);

* {font-family: "Nanum Gothic", sans-serif !important;}

/* Layout */
body { background:url(/images/layout/bg_top.png) repeat-x 0 -3px;}
#wrap { width:1200px; margin:0 auto;}
#header{width:1200px; margin:0 auto; height:113px;}
#header .left {float:left; width:180px; padding:30px 0;}
#header .right {float:right; margin-top:25px;}
#header .spot {float:right; font-family:'Nanum Gothic'; color: #8f9197;}
#header .spot li {float:left; position:relative; padding:0 5px;}
#header .spot li a {font-size:12px; color:#8f9197;}
#header .spot li:after {content:""; display:block; position:absolute; left:0; top:3px; height:9px; border-left:1px solid #d9d9d9;}
#header .spot li:first-child:after {display:none;}
#lnb {clear:both; margin-top:30px; font-family: "Nanum Gothic", sans-serif}
#lnb > ul {}
#lnb > ul:after { content:""; display:block; clear:both;}
#lnb > ul > li { position:relative; display:inline-block; min-width:110px; height:50px;}
#lnb > ul > li > a { display:block; padding:0 20px; height:40px; line-height:40px; text-align:center; color:#333; font-weight:800; font-size:18px !important;} /*GNB 1depth*/
#lnb > ul > li:hover > a { color:#4778c0;}
#lnb > ul div {display:none; position:absolute; top:48px; left:-30%; z-index:10; background:#fff;}
#lnb > ul > li:hover > a + div { display:block; min-width:180px; border:1px solid #4778c0; border-top:2px solid #4778c0; box-shadow:0px 0px 4px #567a9e;}
#lnb > ul > li:hover > a + div li { border-bottom:1px solid #cdd7e4;}
#lnb > ul > li:hover > a + div li:last-child {border-bottom:none;}
#lnb > ul > li:hover > a + div li a { display:block; height:30px; line-height:30px; text-indent:8px; color:#6f6f6f; text-align:left;}
#lnb > ul > li:hover > a + div li a:hover { color:#fff; font-weight:bold; background:#4778c0;}
#lnb > ul > li:hover > a + div ul { position:relative;}
#lnb > ul > li:hover > a + div ul:after { content:""; position:absolute; left:50%; top:-12px; margin-left:-8px; border-color:transparent transparent #4778c0 transparent; border-width:5px; border-style:solid;}

#lnb > ul #trdecoAnal div { display:none; position:absolute; top:48px; left:-30%; z-index:10; background:#fff;}
#lnb > ul > #trdecoAnal:hover > a + div { display:block; min-width:180px; border:1px solid #4778c0; border-top:2px solid #4778c0; box-shadow:0px 0px 4px #567a9e;}
#lnb > ul > #trdecoAnal:hover > a + div li { border-bottom:1px solid #cdd7e4;}
#lnb > ul > #trdecoAnal:hover > a + div li:last-child {border-bottom:none;}
#lnb > ul > #trdecoAnal:hover > a + div li a { display:block; height:30px; line-height:30px; text-indent:8px; color:#6f6f6f; text-align:left;}
#lnb > ul > #trdecoAnal:hover > a + div li a:hover { color:#fff; font-weight:bold; background:#4778c0;}
#lnb > ul > #trdecoAnal:hover > a + div ul { position:relative;}
#lnb > ul > #trdecoAnal:hover > a + div ul:after { content:""; position:absolute; left:50%; top:-12px; margin-left:-5px; border-color:transparent transparent #4778c0 transparent; border-width:5px; border-style:solid;}

#lnb > ul #peerGrpAnal div { display:none; position:absolute; top:48px; left:-10%; z-index:10; background:#fff;}
#lnb > ul > #peerGrpAnal:hover > a + div { display:block; min-width:180px; border:1px solid #4778c0; border-top:2px solid #4778c0; box-shadow:0px 0px 4px #567a9e;}
#lnb > ul > #peerGrpAnal:hover > a + div li { border-bottom:1px solid #cdd7e4;}
#lnb > ul > #peerGrpAnal:hover > a + div li:last-child {border-bottom:none;}
#lnb > ul > #peerGrpAnal:hover > a + div li a { display:block; height:30px; line-height:30px; text-indent:8px; color:#6f6f6f; text-align:left;}
#lnb > ul > #peerGrpAnal:hover > a + div li a:hover { color:#fff; font-weight:bold; background:#4778c0;}
#lnb > ul > #peerGrpAnal:hover > a + div ul { position:relative;}
#lnb > ul > #peerGrpAnal:hover > a + div ul:after { content:""; position:absolute; left:50%; top:-12px; margin-left:-5px; border-color:transparent transparent #4778c0 transparent; border-width:5px; border-style:solid;}

#footer { border-top:1px solid #dcdcdc; clear:both;}
#footer > div { position:relative; padding:25px 0; margin:0 auto; width:1200px;}
#footer > div address { font-size:12px; color:#8c8c8c; line-height:18px;}
#footer > div .logo { position:absolute; right:200px; top:25px;}
#footer > div .family { position:absolute; right:0; top:30px; text-align:right;}
#footer > div .family select { width:185px; color:#8c8c8c;}
#contents { position:relative; padding:30px 40px; min-width:1120px;}
#contents.only { margin:0 auto; padding:30px 0; width:1200px;}
#contents.only #location { top:35px; right:0;}
#contents.only h1 { padding-bottom:5px; border-bottom:1px dashed #ccc; margin-bottom:5px;}
#location { position:absolute; right:40px; top:40px; padding:0 0 0 17px; color:#909090; background:url(/images/layout/ico_home.gif) no-repeat 0 2px;} 

/* index */
#main .bzc_visual { min-width:1000px; width:100%; height:442px; background:url("/images/index/bg_mainTop_3.gif") repeat-x; border-bottom:1px solid #d3d3d3; text-align:center; margin-bottom: 16px; margin-top:-12px;}
.bzc_visual_mainImg{background:url("/images/index/visual00.png") no-repeat 50px 0; width: 1024px; height: 445px;}
#main .bzc_visual img { padding:30px 0 15px 0;}
#main .bzc_visual > div { position:relative; margin:0 auto; width:1200px;}

#main .bzc_visualbtn {margin:-172px auto 0; background:url(/images/index/bzc_visualbtn.png) no-repeat; width: 880px; height: 210px;}
#main .bzc_visualbtn ul {overflow:hidden; padding:14px 16px;}
#main .bzc_visualbtn ul li {float:left; margin-right:13px;}
#main .bzc_visualbtn ul li:last-child {margin-right:0;}
#main .bzc_visualbtn ul li a {display:inline-block; width:270px; height:180px;}
#main .bzc_visualbtn ul li a .tit {margin-top:80px; font-size:23px; color:#fff; font-weight:bold;}
#main .bzc_visualbtn ul li a .con {margin-top:10px; font-size:12px; color:#fff; word-spacing:-1px;}
.bzc_visual_top{width: 1280px; height: 113px;position: absolute; left: 0;}
.bzc_visual_top ul li.logo{background: url("/images/layout/h1_logo2.gif") no-repeat 40px 5px; width: 300px; height: 113px; float: left;}
.bzc_visual_top ul li.topRmenu3{background: url("/images/index/topMenuImg.png") no-repeat ; width: 853px; height: 16x; position: absolute; float: left; border:1px solid yellow}
.bzc_visual_top ul li.gnb{position: relative; left: 1040px; margin-top: 35px;}
.bzc_visual_top ul li.gnb span{padding-left: 10px;}

#main .ani_txt {position:absolute; right:170px; top:150px; text-align:left;}
#main .ani_txt img { padding:0 0 10px 0;}
#main .ani_txt p { position:relative;}
#main .ani_txt p.ani1 { right:-100px; opacity:0;}
#main .ani_txt p.ani2 { bottom:-50px; opacity:0;}
#main .ani_txt p.ani3 { bottom:-30px; opacity:0; margin-top: -7px;}

#main .ani_txt2 { position:absolute; right:240px; top:130px; text-align:left;}
#main .ani_txt2 img { padding:0 0 10px 0;}
#main .ani_txt2 p { position:relative;}
#main .ani_txt2 p.ani1 { right:-100px; opacity:0;}
#main .ani_txt2 p.ani2 { bottom:-50px; opacity:0;}
#main .ani_txt2 p.ani3 { bottom:-30px; opacity:0; margin-top: -7px;}

#main .ani_txt3 { position:absolute; right:320px; top:150px; text-align:left;}
#main .ani_txt3 img { padding:0 0 10px 0;}
#main .ani_txt3 p { position:relative;}
#main .ani_txt3 p.ani1 { right:-100px; opacity:0;}
#main .ani_txt3 p.ani2 { bottom:-50px; opacity:0;}
#main .ani_txt3 p.ani3 { bottom:-30px; opacity:0; margin-top: -7px;}

#main .container {overflow:hidden; width:1200px; margin:0 auto;}
#main .contents {margin-top:60px; padding-left:80px; background:#fff;}
#main .contents:after { content:""; display:block; clear:both;}
#main .contents > div { margin:0 auto;}
#main .contents > div > div { float:left;}

#main .contents .member { padding-left:40px; padding-right:40px; width:275px;}
#main .contents .member h2 {line-height:30px; border-bottom:1px solid #d3d3d3;}
#main .contents .member .login_box { position:relative; padding:18px 70px 0 0;}
#main .contents .member .login_box .login { position:absolute; right:0; top:18px;}
#main .contents .member .login_box input { width:200px; height:22px; border:1px solid #d2d2d2; text-indent:24px; line-height:22px;}
#main .contents .member .login_box li { padding:0 0 5px 0;}
#main .contents .member .id input { background:url(/images/index/ico_log1.gif) no-repeat left;}
#main .contents .member .pass input { background:url(/images/index/ico_log2.gif) no-repeat left;}
#main .contents .member .chk { padding:15px 0; font-family:'Nanum Gothic'; color: #8f9197;}
#main .contents .member .chk input {margin-top:-1px;}
#main .contents .member .chk label {display:inline-block; padding-left:5px;}
#main .contents .member .bottons { padding:0 0 0 1px; font-family:'Nanum Gothic'; color: #8f9197;}
#main .contents .member .bottons a { display:inline-block; margin-left:-1px; width:88px; height:20px; line-height:20px; border:1px solid #d2d2d2; color:#747474; text-align:center;}
#main .contents .member .bottons a:hover { background:#535353; color:#fff;}
#main .contents .member .info { padding:30px 0px 30px 65px; line-height:20px; background:url(/images/index/ico_log3.gif) no-repeat left;}

#main .contents .notice { position:relative;}
#main .contents .notice h2 { padding:0 0 3px 0; border-bottom:1px solid #747474; font-size:15px;}
#main .contents .notice li { position:relative; padding:10px 0 0 20px;}
#main .contents .notice li a { margin-left:5px;}
#main .contents .notice li span { position:absolute; left:0; top:15px;}
#main .contents .notice p { position:absolute; right:80px; top:5px;}

#main .contents .ad_box {font-size:0;}
#main .main_banner {width:263px;}
#main .main_banner .bn1 {position: relative; height:90px; margin-bottom:10px;}
#main .main_banner .bn1 dl {padding:20px 15px 10px;}
#main .main_banner .bn1 dt .t1 {font-size:17px; color:#172c54; font-weight:bold;}
#main .main_banner .bn1 dt .t2 {position:absolute; right:0; top:18px; width:80px;}
#main .main_banner .bn1 dt .t2 .btn {font-size:11px; font-weight:bold;}
#main .main_banner .bn1 dd.con {margin-top:10px; font-size:11px; line-height:16px; color:#5a7c9d;}
#main .main_banner .bn2 {height:68px; background:url(/images/index/main_help.png) no-repeat 10px 10px; border:1px dashed #e7e7e7;}
#main .main_banner .bn2 dl {padding:10px 0 10px 80px;}
#main .main_banner .bn2 dt .t1 {font-size:14px; color:#777; font-weight:bold;}
#main .main_banner .bn2 dt .small {font-size:11px; word-spacing:-2px;}
#main .main_banner .bn2 dd.tel {font-size:26px; color:#ff4200; font-weight:bold; word-spacing:2px;}
#main .main_banner .bn2 dd.tel span {display:inline-block; font-size:20px; font-weight:bold; padding:0 3px;}

input,checkbox, label{font-family:'나눔고딕','Nanum Gothic'; color: #8f9197;}
.type5{}
/* type2 */
.type2 #main .ani_txt { right:140px; top:140px;}
.type2 #main  { background:#fcfbf1;}
.type2 #main .visual { border:none; background:#fcfbf1;}
.type2 #lnb { background:url(/images/layout/bg_lnb.gif) repeat-x;}
.type2 #lnb > ul > li > a { padding:0 25px;}
/*.type2 #contents h1 { float:left;}*/
/*.type2 #location { float:left; position:static; right:40px; top:40px; padding:10px 13px 0 10px; color:#909090; background:url(/images/layout/ico_home.gif) no-repeat right 12px;}*/ 
.type2 #location img { position:relative; top:-1px; padding:0 5px;}
.type2 #location + * { clear:both;}


/* type3 */
.type3 #header { height:70px; padding:40px 0 0 0;}
.type3 #header:after { content:""; display:block; clear:both;}
.type3 #header h1 { float:left; padding:0;}
.type3 #header #lnb { float:right; padding:20px 0 0 0; background:none; border:none;}
.type3 #header #lnb > ul { width:auto; margin:0;}
.type3 #header #lnb > ul > li > a { padding:0 25px; font-size:15px; color:#333;}
.type3 #header #lnb > ul > li:last-child > a { padding-right:0;}
.type3 #header .spot { top:30px;}
.type3 #main .visual {background:#1e3d78; height:445px;}
.type3 #main .visual img { padding:0;}
.type3 #main .ani_txt { right:290px; top:150px;}
.type3 #main .ani_txt .ani3 { margin-left:-4px;}
.type3 #main .visual ul { position:relative; z-index:3; margin-top:-160px; padding:15px; width:855px; background:#fff; box-shadow:0 3px 5px #d9d9d9;}
.type3 #main .visual ul li { padding:0 0 0 15px;}
.type3 #main .visual ul li:first-child { padding:0;}
.type3 #main .visual ul li a{ overflow:visible; width:auto; height:auto; background:none; text-indent:0;}
.type3 #main .contents { padding-top:75px;}
.type3 #lnb > ul > li:hover > a + div { margin-left:-25px; box-shadow:0px 0px 4px #5c7fa3; border:none;}
.type3 #lnb > ul > li:hover > a + div li a:hover { color:#fff; background:#4778c0;}
.type3 #lnb > ul > li:hover > a + div ul:after {border-color:transparent transparent #4778c0 transparent; border-width:5px; border-style:solid;}

.type3.sub #header { margin:0; padding:40px 40px 0 40px; width:auto; border-bottom:2px solid #4778c0; box-shadow:0px 2px 2px #d2d2d2;}
.type3.sub #header .spot { right:40px;}

/* notice popup*/
.popNoticeTit{width:330px; height:230px; background:url(images/popup/bg_notice.gif) repeat-x top;}
.popNoticeTit span.NoticIco1{position:relative; top:8px; left:7px;}
.popNoticeTit span.NoticTit{position:relative; top:8px; left:7px;}
.popNoticeTit div.contents{margin-top:20px;}

/* etc */
.padding_bot5{padding-bottom: 5px;}
.padding_bot10{padding-bottom: 10px;}
.padding_bot15{padding-bottom: 15px;}
.padding_bot20{padding-bottom: 20px;}
.padding_bot50{padding-bottom: 50px;}
.padding_top10{padding-top: 46px;}
.padding_top30{padding-top: 30px;}
.padding_left20{padding-left:20px;}
.f_red {color: #c11d22; font-size: 18px; font-weight: bold;}
.f_grn {color: #73b43b; font-size: 18px; font-weight: bold;}
.f_ble {color: #3b5e9d; font-size: 18px; font-weight: bold;}
.f_org {color: #d4452b; font-size: 18px; font-weight: bold;}
.f_sky {color: #00b5f4; font-size: 18px; font-weight: bold;}
.w40 {width:40px;}
.w60 {width:67px;}
.w94 {width:94px;}
.w200 {width:200px;}
.center {text-align:center;}