@charset "utf-8";

html, body { width:100%; font-size:13px; color:#333; }
.wrap { width:100%; min-width:1100px;}
.inner { width:1100px; margin:0 auto; }
.inner:after { content:""; display:block; clear:both; }
.headerWrap { width:100%; }
.headerWrap .top { height:90px; }
.headerWrap .top h1 { float:left; padding-top:30px; }
.headerWrap .top .siteMenu { float:right; padding-top:40px; }
.headerWrap .top .siteMenu li { display:inline-block; }
.headerWrap .top .siteMenu li a { display:inline-block; padding:0 5px; font-size:14px; vertical-align:top; }
.headerWrap .gnb { background:#003471; border-top:2px solid #328fce; position:relative; }
.headerWrap .gnb .inner { position:relative; }
.headerWrap .gnb .gnbList { width:1000px; height:70px; padding:15px 0 0 30px; overflow:hidden; }
.headerWrap .gnb .gnbList > li { float:left; }
.headerWrap .gnb .gnbList .gnbL1 {  }
.headerWrap .gnb .gnbList .gnbL1 .depth2 { width:195px; margin-left:-30px; }
.headerWrap .gnb .gnbList .gnbL2 .depth2 { width:160px; }
.headerWrap .gnb .gnbList .gnbL3 .depth2 { width:195px; margin-left:10px; }
.headerWrap .gnb .gnbList .gnbL4 .depth2 { width:170px; margin-left:30px; }
.headerWrap .gnb .gnbList .gnbL5 .depth2 { width:190px; margin-left:30px; }
.headerWrap .gnb .gnbList .gnbL6 .depth2 { width:130px; margin-left:15px; }

.headerWrap .gnb .gnbList > li > a { display:inline-block; padding:10px 30px; margin:0 14px; font-size:20px; font-weight:bold; color:#fff; }
.headerWrap .gnb .gnbList > li > a.on, .headerWrap .gnb .gnbList > li > a.now,
.headerWrap .gnb .gnbList > li > a:hover,
.headerWrap .gnb .gnbList > li > a:focus { background:#fff; color:#328fce; border-radius:25px; }
.headerWrap .gnb .bg_depth, .headerWrap .gnb .depth2 { display:none; }
.headerWrap .gnb.open .bg_depth, .headerWrap .gnb.open .depth2 { display:block; }
.headerWrap .gnb .bg_depth { width:100%; height:330px; background:#f5f5f5; border-top:1px solid #bebebe; box-shadow:0 0 10px rgba(0, 0, 0, 0.5); position:absolute; top:70px; z-index:9; }
.headerWrap .gnb .gnbList > li .depth2 { height:250px; margin:20px 0 0 0; border-left:1px solid #ddd;  position:absolute; top:70px; z-index:10; }
.headerWrap .gnb .gnbList > li:first-child .depth2 { border:0; }
.headerWrap .gnb .gnbList > li .depth2 li { float:none; padding:0 0 15px 0; }
.headerWrap .gnb .gnbList > li .depth2 li a { margin:0 15px 17px; padding:0 0 0 10px; font-size:15px; color:#464646; }
.headerWrap .gnb .gnbList > li .depth2 li a:hover,
.headerWrap .gnb .gnbList > li .depth2 li a:focus{ background:url('../images/icon/bul_b_dot.png') no-repeat 0 50%; background-size:3px 3px; color:#328fce; } 
.headerWrap .gnb .gnbList > li .depth3 { margin-top:15px; padding-left:8px; }
.headerWrap .gnb .gnbList > li .depth3 li { float:none; padding:0 0 15px 0; }
.headerWrap .gnb .gnbList > li .depth3 li a { margin:0 0 17px 15px; padding:0 0 0 10px; font-size:13px; color:#909090; }
.headerWrap .gnb .gnbList > li .depth3 li a:hover,
.headerWrap .gnb .gnbList > li .depth3 li a:focus { background:none; color:#328fce; }
.headerWrap .allMenu { position:absolute; top:12px; right:0; }
.headerWrap .allMenu a { padding:0; border-top:0; }
.headerWrap .allmenuOpen { display:none; width:1210px; height:775px; margin-left:-605px; padding:35px 25px; background:#fff; border:1px solid #ebebeb;  position:absolute; top:100px; left:50%; z-index:9; }
.headerWrap .allmenuOpen .menuList { margin-top:10px; }
.headerWrap .allmenuOpen .menuList a { display:block; text-align:center; }
.headerWrap .allmenuOpen .menuListA { overflow:hidden; height:210px; }
.headerWrap .allmenuOpen .menuList .menuListA:first-child { height:280px; }
.headerWrap .allmenuOpen .menuListA > li { float:left; }
.headerWrap .allmenuOpen .menuListA .depth01 { height:30px; background:#4b9dd4 url('../images/icon/bul_depth01.gif') no-repeat 0 50%; font-size:16px; font-weight:bold; line-height:30px; text-align:center; color:#fff; }
.headerWrap .allmenuOpen .menuListA li:first-child .depth01 { background:#4b9dd4; }
.headerWrap .allmenuOpen .menuListA > li .depth02 { margin-top:25px; font-size:17px; color:#363636; }
.headerWrap .allmenuOpen .menuListA > li .depth02 > li, .headerWrap .gnb .allmenuOpen .menuListA > li .depth03 > li  { margin-bottom:10px; font-weight:bold; }
.headerWrap .allmenuOpen .menuListA > li .depth03 { margin-top:10px; font-size:16px; color:#6e6e6e; }
.headerWrap .allmenuOpen .menuListB, .headerWrap .allmenuOpen .menuListC { overflow:hidden; }
.headerWrap .allmenuOpen .menuListB li, .headerWrap .allmenuOpen .menuListC li { float:left; width:264px; height:43px; margin-left:20px; background:#2e76bf; border-radius:3px; font-size:18px; font-weight:bold; line-height:43px; color:#fff; }
.headerWrap .allmenuOpen .menuListB li:first-child { margin-left:25px; } 
.headerWrap .allmenuOpen .menuListC li { float:left; width:203px; margin-left:25px; background:#a0a0a0; font-size:16px; }
.bg_dim { display:none; position:fixed; top:0; left:0; right:0; bottom:0; background:rgba(0, 0, 0, 0.5); z-index:8; }

/*
.main .headerWrap .gnb { background:#fff; border-top:2px solid #00a99d; }
.main .headerWrap .gnb .gnbList { width:1100px; height:70px; padding:15px 0 0 30px; overflow:hidden; }
.main .headerWrap .gnb .gnbList li { float:left; }
.main .headerWrap .gnb .gnbList li a { display:inline-block; padding:10px 30px; margin-left:30px; font-size:19px; font-weight:bold; color:#444; }
*/
.footerWrap { height:165px; }
.footerWrap .footerLink { height:68px; background:#f1f4fd; }
.footerWrap .footerLink .inner { padding:27px 0 0 25px; position:relative; }
.footerWrap .footerLink a { display:inline-block; padding:0 15px; font-size:14px; }
.footerWrap .footerLink .familySite { position:absolute; top:20px; right:30px; }
.footerWrap .footerLink .familySite select { width:180px; height:30px; }
.footerInfo { padding:30px 0 0 40px; font-size:13px; line-height:1.8; color:#858585; position:relative; }
.footerInfo .footLogo { position:absolute; top:20px; right:30px; }