@charset "utf-8";
/* ----------
css
---------- */


/* layout */
html { height:100%; }
body, table, th, td, input,
textarea, button, select {
	font-family:"나눔고딕", NanumGothic, "Nanum Gothic", "돋움", Dotum, Arial, sans-serif;
	font-size:13px;
	color:#666;
}
body { height:100%; position:relative; }
#wrap { min-width:1440px; min-height:100%; position:relative; overflow:hidden; }
#sidebar { width:159px; height:100%; background:url("/kr/images/layout/sidebar_bg_01.png") repeat-y left top; position:absolute; left:0; top:120px; z-index:99999999; }
#sidebarInner { width:150px; position:relative; }
#sidebarInner .sidebar-btn { display:block; width:30px; height:93px; font-size:0; position:absolute; left:150px; top:180px; }
#sidebarInner .sidebar-banner { font-size:0; }
#sidebarInner .sidebar-tel { font-size:0; }
#sidebarInner .sidebar-bank { font-size:0; }
#sidebarInner .sidebar-sns { margin:20px 0 0 10px; overflow:hidden; }
#sidebarInner .sidebar-sns li { float:left; margin-right:5px; font-size:0; }
#quick { width:89px; height:100%; background:url("/kr/images/layout/quick_bg_01.png") repeat-y right top; position:absolute; right:0; top:120px; z-index:9999999; overflow:hidden; }
#quickInner { width:80px; margin-left:9px; overflow:hidden; }
#quickInner .quick-top { font-size:0; }
#quickInner .quick-banner li { background:url("/kr/images/layout/quick_banner_line.gif") no-repeat left bottom; padding-bottom:2px; font-size:0; }
#quickInner .quick-top-btn { font-size:0; }
#quickInner .quick-bottom-btn { font-size:0; }
#header { height:120px; background:#fff url("/kr/images/layout/header_bg_01.gif") repeat-x left top; position:relative; }
#headerInner { width:1100px; height:120px; margin:0 auto; }
#headerInner .logo {
	width:228px; height:120px; border-left:1px solid #d5d5d5; border-right:1px solid #d5d5d5; font-size:0;
	position:absolute; left:50%; top:0; margin-left:-550px;
}
#headerInner .logo a { display:block; width:228px; height:120px; }
#headerInner .top-menu-box { width:1100px; height:30px; overflow:hidden; }
#headerInner .top-menu-box .my-btn {
	display:block; float:right; width:59px; height:22px; margin:4px 0 0 10px;
	background:url("/kr/images/layout/top_my_btn.gif") no-repeat left top; overflow:hidden;
}
#headerInner .top-menu-box .my-btn .my-btn-txt { display:block; width:59px; height:22px; font-size:13px; color:#fff; text-align:center; line-height:22px; }
#headerInner .top-menu-box .mail-btn {
	display:block; float:right; width:99px; height:22px; margin-top:4px;
	background:url("/kr/images/layout/top_mail_btn.gif") no-repeat left top; overflow:hidden;
}
#headerInner .top-menu-box .mail-btn .mail-btn-txt { display:block; height:22px; padding-left:28px; font-size:13px; color:#fff; line-height:22px; }
#headerInner .top-menu-box .tel-area { float:right; width:195px; height:22px; margin:4px 0 0 0; overflow:hidden; }
#headerInner .top-menu-box .tel-area .tel-st { display:block; float:left; height:22px; font-size:13px; color:#fff; line-height:22px; }
#headerInner .top-menu-box .tel-area .tel-num {
	display:block; float:left; height:22px; margin-left:8px; padding-left:24px;
	background:url("/kr/images/layout/top_tel_icon.gif") no-repeat left 5px;
	font-size:13px; color:#56beff; line-height:22px;
}
#headerInner .gnb { width:1100px; height:90px; }
#headerInner .gnb .gnb-ul { height:90px; padding-left:313px; }
#headerInner .gnb .gnb-ul .gnb-li { float:left; padding-right:75px; position:relative; z-index:999999; }
#headerInner .gnb .gnb-ul .gnb-li:last-child { padding-right:0; }
#headerInner .gnb .gnb-ul .gnb-li.last { padding-right:0; }
#headerInner .gnb .gnb-ul .gnb-li .depth1 { display:block; height:90px; font-size:18px; color:#3d3d3d; line-height:90px; }
#headerInner .gnb .gnb-ul .current .depth1 { color:#56beff; }
#headerInner .gnb .gnb-ul .gnb-li .gnb-sub-ul { height:150px; position:absolute; left:0; top:115px; overflow:hidden; display:none; height:0; }
#headerInner .gnb .gnb-ul .gnb-li .gnb-sub-ul .gnb-sub-li { margin-bottom:15px; }
#headerInner .gnb .gnb-ul .gnb-li .gnb-sub-ul .gnb-sub-li .depth2 { font-size:13px; color:#555; }
#headerInner .gnb .gnb-ul .gnb-li .gnb-sub-ul .sub-current .depth2 { color:#00556c; }
#headerInner .gnb .gnb-sub-box {
	width:100%; height:179px; background-color:#fff; border-bottom:1px solid #d5d5d5;
	position:absolute; left:0; top:120px; z-index:99999; display:none; height:0;
}
#headerInner .gnb .gnb-sub-box .gnb-sub-box-inner { width:1100px; height:179px; margin:0 auto; background:url("/kr/images/layout/gnb_sub_bg.jpg") no-repeat left bottom; }
#container { background-color:#fff; position:relative; }
#container.container-webflow { min-height:1080px; }
#colorBg { width:100%; height:100%; background-color:#000; opacity:.50; position:absolute; left:0; top:0; z-index:9; overflow:hidden; }
#mvBg {
	width:auto; min-width:100%; height:auto; min-height:100%; max-height:1080px; overflow:hidden;
	background:#000 url("/kr/images/layout/mv_bg_img_01.jpg") no-repeat center top;
	background-size:cover; -moz-background-size:cover; -webkit-background-size:cover;
	position:absolute; left:0; top:0; z-index:0;
}
#containerInner { width:1100px; margin:0 auto; background:url("/kr/images/layout/container_bg_01.jpg") no-repeat center top; overflow:hidden; position:relative; z-index:99; }
#containerInner.container-inner-webflow { background:none; }
#containerInner .top-visual { width:1100px; height:88px; font-size:0; text-align:right; }
#containerInner .snb { width:1100px; height:31px; }
#containerInner .snb ul { float:right; overflow:hidden; }
#containerInner .snb ul li { float:left; }
#containerInner .snb ul .cell { width:1px; height:10px; margin:10px 10px 0 10px; background-color:#b1b1b1; font-size:0; }
#containerInner .snb ul li a {
	display:block; height:31px; padding:0 15px 0 15px; font-size:15px; color:#555; line-height:31px;
}
#containerInner.container-inner-webflow .snb ul li a { color:#ccc; }
#containerInner .snb ul .current a {
	background-color:#00556c; color:#fff;
	border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px;
}
#containerInner.container-inner-webflow .snb ul .current a { color:#fff; }
#containerInner .tit-area { width:1100px; height:70px; margin-top:10px; }
#containerInner .tit-area .tit { height:50px; font-size:40px; color:#333; font-weight:600; }
#containerInner.container-inner-webflow .tit-area .tit { color:#eee; }
#containerInner .tit-area .location { *zoom:1; }
#containerInner .tit-area .location:after { content:""; display:block; clear:both; }
#containerInner .tit-area .location li { float:left; font-size:12px; color:#a1a1a1; }
#containerInner .tit-area .location li a { font-size:12px; color:#a1a1a1; }
#containerInner .tit-area .location li span { font-size:12px; color:#a1a1a1; }
#containerInner .tit-area .location .home { padding-left:16px; background:url("/kr/images/layout/location_icon.gif") no-repeat left 2px; }
#containerInner .tit-area .location .arrow {
	width:4px; height:7px; background:url("/kr/images/layout/location_arrow.gif") no-repeat left top; font-size:0; margin:3px 15px 0 15px;
}
#containerInner .content { width:1100px; min-height:600px; height:auto !important; _height:600px; padding:40px 0 100px 0; }
#footer { height:190px; background-color:#fff; }
#footerTop { height:39px; border-top:1px solid #d5d5d5; border-bottom:1px solid #d5d5d5; }
#footerTopInner { width:1100px; height:39px; margin:0 auto; overflow:hidden; }
#footerTopInner .bottom-menu { float:left; margin:13px 0 0 21px; overflow:hidden; }
#footerTopInner .bottom-menu li { float:left; font-size:13px; color:#666; }
#footerTopInner .bottom-menu li a { font-size:13px; color:#666; }
#footerTopInner .bottom-menu .cell { width:1px; height:12px; margin:1px 27px 0 27px; background-color:#d5d5d5; font-size:0; }
#footerTopInner .bottom-top-btn {
	display:block; float:right; width:45px; height:19px; margin-top:10px; background:#b1b1b1 url("/kr/images/layout/bottom_top_btn_arrow.gif") no-repeat 8px 8px;
	border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px;
}
#footerTopInner .bottom-top-btn span { display:block; height:19px; padding-left:16px; font-size:11px; color:#fff; font-weight:600; line-height:19px; }
#footerTopInner .bottom-login-btn {
	display:block; float:right; height:19px; margin:10px 10px 0 0; padding:0 12px 0 12px; background-color:#56beff;
	font-size:11px; color:#fff; font-weight:600; line-height:19px;
	border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px;
}
#footerTopInner .bottom-logout-btn {
	display:block; float:right; height:19px; margin:10px 10px 0 0; padding:0 12px 0 12px; background-color:#56beff;
	font-size:11px; color:#fff; font-weight:600; line-height:19px;
	border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px;
}
#footerTopInner .bottom-inquiry-btn {
	display:block; float:right; height:19px; margin:10px 10px 0 0; padding:0 12px 0 12px; background-color:#00c5a7;
	font-size:11px; color:#fff; font-weight:600; line-height:19px;
	border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px;
}
#footerTopInner .bottom-support-btn {
	display:block; float:right; height:19px; margin:10px 10px 0 0; padding:0 12px 0 12px; background-color:#708ae8;
	font-size:11px; color:#fff; font-weight:600; line-height:19px;
	border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px;
}
#footerTopInner .bottom-admin-btn {
	display:block; float:right; height:19px; margin:10px 10px 0 0; padding:0 12px 0 12px; background-color:#00556c;
	font-size:11px; color:#fff; font-weight:600; line-height:19px;
	border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px;
}
#footerBottom { width:1100px; height:150px; margin:0 auto; overflow:hidden; }
#footerBottom .footer-copy { float:left; width:800px; margin:26px 0 0 20px; font-size:11px; color:#a1a1a1; line-height:2; }
#footerBottom .footer-copy a { color:#555; }
#footerBottom .footer-mark { float:right; margin:20px 0 0 0; overflow:hidden; }
#footerBottom .footer-mark .mark-w3c { display:block; float:left; width:78px; height:23px; padding:28px 40px 0 0; font-size:0; }
#footerBottom .footer-mark .mark-kb { display:block; float:left; width:78px; height:78px; font-size:0; }