@charset "utf-8";
/* Reset */
html,body{min-height:100%}
body{margin:0;background-position:top center;background-repeat:no-repeat;background-size:1920px;}


.topLayer{width:100%;background:rgba(33, 150, 243, 0.3);padding:2px 0;}
.topLayerWrapper>.side {width:1100px;margin:-12px auto 0 auto;text-align:right;padding:7px 0 3px 0;height:16px;position:relative;}
.topText {width:1100px;margin:-18px auto 0 auto;text-align:left;padding:7px 0 3px 0;height:16px;position:relative;}

.topLayer>.topLayerWrapper{width:1100px;margin:0 auto;text-align:right;padding:7px 0 3px 0;height:16px;}
.topLayer>.topLayerWrapper>a#church>img{height:24px;vertical-align:middle;}
.topLayer>.topLayerWrapper>a#facebook{font-size:13px;padding-left:4px;}
.topLayer>.topLayerWrapper>a#facebook>img{height:26px;vertical-align:middle;}
.topLayer>.topLayerWrapper>a{color:#fff;padding-left:16px;text-decoration:none;}

/* Skin to content */
.skip{margin:0}
.skip>a{display:block;text-align:center;line-height:28px;height:1px;overflow:hidden}
.skip>a:focus{height:auto}

/* Header */
.header>h1{display:inline-block;*display:inline;zoom:1;margin:19px 0}
.header>h1>a,
.header>h1 img{display:block}
.header>h1>a{font-size:32px;text-decoration:none;color:#333}


/* Login */
.account{margin-left:15px !important}

/* Search */
.header .search{display:inline-block;*display:inline;zoom:1;vertical-align:top;margin:0}
.header .search>input{font-size:12px;vertical-align:top;border-radius:2px}
.header .search>input[type="text"]{background:#e5e6e8;border:1px solid #dedede;height:21px;line-height:21px;padding:0 4px;margin:0 -6px 0 0;width:126px}
.header .search>input[type="submit"]{background:#484d51;border:1px solid #272b30;color:#fff;height:23px;line-height:23px;padding:0 15px;margin:0;cursor:pointer;box-shadow:0 1px 0 #6d7174 inset}

/* GNB */
.gnb{position:relative;}
.gnb ul{list-style:none;}
.gnb a{text-decoration:none;white-space:nowrap;}
.gnb>ul>li{position:relative;float:left;text-align:center;width:170px;}
.gnb>ul>li>a{line-height:32px;color:#4E4B4B;font-size: 17px; font-weight: 600;}
.gnb>ul>li.active>a,
.gnb>ul>li.hover>a{color:#77b6c2;}
.gnb ul ul{display:block;position:relative;z-index:2;padding:0 20px;margin:0 0 0 -1px;height:0;overflow:hidden}
.gnb ul ul:before{content:"";position:absolute;left:0;top:0;width:1px;height:100%;background:#4b5265}
.gnb>ul>li:first-child>ul{border:0}
.gnb>ul>li:first-child>ul:before{content:normal}
.gnb ul ul a{display:block;line-height:20px;font-size:12px;color:#fff}
.gnb ul ul a:hover,
.gnb ul ul a:focus{text-decoration:underline}

/*footer*/



.bottomLayer {width:100%; background:url(/layouts/dimode_gs_layout/images/main/footer_bg_01.png);margin: 60px 0 0 0;}
.bottomLayer .bottomlayerwp {width:1100px; text-align:center;    margin: 0 auto;}
.bottomlayerwp img {margin:0 30px 0 10px;}
.footer {background:#02213D;width:100%;padding: 15px 0 10px 0;height:100px;}
.footer>p,.footer>p>a{color:#fff;}
.footer .footerWp {width:1100px;margin:0 auto;}
.footer .footerWp .copy1 {color:#fff; font-size:13px;}
.footer .footerWp .copy2 {color:#A0A8AC; font-size:12px;}
.footer .copyLogo {float:left;margin:-5px 80px 0 45px; height:70px;}