@charset "utf-8";


body {background-color:#fff;}

.popupWrap,
.wrapper {font-family: 'Noto Sans KR', sans-serif; word-break:normal;}
.wrapper a {text-decoration:none;}


div.wrapper { position:relative; width:100%; min-width:1000px; z-index:0; overflow:hidden; }

.hid{position:absolute;left:-9999px;font-size:0;width:0;height:0;overflow:hidden;text-indent:-9999px;}

/* header */
div.headerWrap { z-index:10;position:relative; width:100%; height:89px; background: url('/image/common/head_bg.png'); }
div.headerInner { width:700px; height:89px; padding-left: 300px;margin:0 auto; position:relative; }
div.headerInner h1 { position:absolute; top:25px; left:0; }
div.headerInner p { padding:50px 0; text-align:center; }

/* gnbWrap */
.gnbWrap { position:relative; }
.gnbWrap #gnbUI { height: 86px;}
.gnbWrap #gnbUI > li { position: relative;float: left;width: 100px;}
.gnbWrap #gnbUI > li > a { display: block;padding: 38px 0 30px;text-align:center; color:#222222; font-size:18px; font-weight:bold; line-height:18px; height:18px;}
.gnbWrap #gnbUI > li > a.twoLine {height: 36px;padding: 29px 0 21px; }
.gnbWrap #gnbUI > li.on > a { color:#0f3e7e; }

.gnbWrap #gnbUI > li div.subWrap { display:none; position: absolute;left: 50%;top: 86px;margin-left: -90px; background: url('/image/common/sub_bg.png');}
.gnbWrap #gnbUI > li.on div.subWrap { display:block !important; }

.gnbWrap #gnbUI > li div.subWrap > ul { position:relative; background: url('/image/common/subWrap_bg_icon.png') center 0 no-repeat; width:150px; padding:20px 15px 5px 15px; }
.gnbWrap #gnbUI > li div.subWrap > ul li { margin-bottom:20px; text-align:center; }
.gnbWrap #gnbUI > li div.subWrap > ul li a { color:#cacbcd; font-size:15px; line-height:1.1; font-weight:normal; }
.gnbWrap #gnbUI > li div.subWrap > ul li a:hover { color:#5496cd; }


/* 컨텐츠 영역*/
div#container { position:relative; margin-top:-3px; z-index:8; width:100%; min-width:1000px; background-color:#fff; }
div#container.main { }

div#contents { width:1000px; margin:0 auto; position:relative; }

/* Footer */
div.footerWrap { position:relative; z-index:30; padding:25px 0; background-color:#2e3039; }
div.footerInner { width:1000px; margin:0 auto; }
div.footerInner p.copyWrap { text-align:center; color:#7f8388; font-size:12px; }


/* main */
div.main div.mainVisual { overflow:hidden;height:677px; position:relative; z-index:0;}
div.main div.mainVisual li {width:100% !important;background-position:center top;background-repeat:no-repeat;background-color:#b0c0d1;}
div.main div.mainVisual li img {display:block;margin:0 auto;}

/* quickMenu */
div.main .quickMenu { position:absolute; top:-677px; right:0; width:267px; z-index:10;}
div.main .quickMenu .quickWrap { }
div.main .quickMenu .quickWrap > li { position:relative; display:block; width:267px; overflow:hidden; }
div.main .quickMenu .quickWrap > li.quick01 { height:45px; background:url('/image/main/quick01_bg.png') 0 0 no-repeat; }
div.main .quickMenu .quickWrap > li.quick02 { height:158px; background:url('/image/main/quick02_bg.png') 0 0 no-repeat; }
div.main .quickMenu .quickWrap > li.quick03 { height:158px; background:url('/image/main/quick03_bg.png') 0 0 no-repeat; }
div.main .quickMenu .quickWrap > li.quick04 { height:158px; background:url('/image/main/quick04_bg.png') 0 0 no-repeat; }
div.main .quickMenu .quickWrap > li.quick05 { height:158px; background:url('/image/main/quick05_bg.png') 0 0 no-repeat; }
div.main .quickMenu .quickWrap > li .btn_quick { margin-top:85px; text-align:center; }

dl#utilMenu { overflow:hidden; width:267px;  }
dl#utilMenu dd ul { float:right; margin:6px 0 0 10px; }
dl#utilMenu dd ul li { float:left; padding:0 18px; min-width:40px; background:url('/image/main/utilMenu_brr.png') left center no-repeat; }
dl#utilMenu dd ul li a { color:#fff; font-size:12px; }
dl#utilMenu dd ul li.first { background:none; }

dl#utilMenu dd.out .out, 
dl#utilMenu dd.in .in { display:block; }

dl#utilMenu dd.out .in,
dl#utilMenu dd.out .admin, 
dl#utilMenu dd.in .out {display:none;}

/* 로그인 */
.loginWrap { position:relative; display:block; width:765px;height:295px; background:#f9f9f9; margin-top:30px; }
.loginWrap h3 { padding:55px 0 45px 150px; }
.loginWrap .loginArea { position:relative; display:block; width:450px; height:90px; margin:0 auto; overflow:hidden; }
.loginWrap .loginArea dl dd { margin-bottom:7px; }
.loginWrap .loginArea dl dd input[type=text],
.loginWrap .loginArea dl dd input[type=password] { width:322px; padding:10px; }
.loginWrap .loginArea .btn { position:absolute; top:0; right:0; }
.loginWrap .loginArea .btn input.btn_login { display:block; width:97px; height:88px; background-color:#2a59a3; color:#fff; font-size:18px; border:0 none; }

.loginWrap .save { position:relative; display:block; width:340px; height:40px; margin:15px 0 0 158px; overflow:hidden; font-size:13px;  }
.loginWrap .save span.save_id { color:#005ba7; }
.loginWrap .btn_pwfind { position:absolute; bottom:43px; right:158px;  }
.loginWrap .btn_pwfind a { padding:0; font-size:12px; width:95px; height:22px; line-height:22px !important; }

.loginWrap .btn_join { position:absolute; bottom:15px; right:158px;  }
.loginWrap .btn_join a { padding:0; font-size:12px; width:95px; height:22px; line-height:22px !important; }

/* 비밀번호 찾기 */
.findWrap { position:relative; display:block; width:765px;height:395px; background:#f9f9f9; margin-top:10px;}
.findWrap h3 { padding:50px 0 28px 0; color:#343434; font-weight:bold; font-size:25px; text-align:center; }
.findWrap .findArea { position:relative; display:block; width:345px; height:200px; margin:0 auto; overflow:hidden; }
.findWrap .findArea dl dd { margin-bottom:7px; }
.findWrap .findArea dl dd input[type=text] { width:322px; padding:10px; }
.findWrap .findArea .btn input.btn_find { display:block; width:344px; height:42px; background-color:#2a59a3; color:#fff; font-size:18px; border:0 none; margin-top:10px; }
.findWrap .find_info { margin:10px 0 30px 100px; }
.findWrap .find_info p { color:#717171; font-size:14px; background:url('/image/sub/icon_find_info.png') 0 5px no-repeat; padding-left:20px; }
.findWrap .find_info p span { color:#2a59a3; }

.findWrap .find_cont { display:block; width:765px;height:80px; background-color:#dedfe0; }
.findWrap .find_cont p { padding:20px 0 0 105px; }
.findWrap .find_cont p,
.findWrap .find_cont p a{ color:#4e4e4e; font-size:14px }

/* 컨텐츠 공통스타일*/
div.contents {color:#707070;font-size:15px; line-height:1.5; } 

div.titArea {position:absolute; right:0; top:28px ;  width:765px; height:34px; padding:20px 0 20px;margin-bottom:40px;border-bottom:1px solid #6e8bbe; background-color:#fff; }
div.titArea h2 {color:#4f4f4f;font-size:35px;line-height:35px; letter-spacing:-4px; }

div.titArea dl {position:absolute;top:0;right:0;}
div.titArea dd { color:#717171; font-size:12px; line-height:10px;}
div.titArea dd span.home { display:inline-block; width:11px; height:18px; background:url('/image/sub/pagePath_home.gif') 0 0 no-repeat; overflow:hidden; text-indent:-9999px; padding-right:7px; }
div.titArea dd span {vertical-align:top;}

div.ing {padding:150px 0;text-align:center;}

/* 상단 메뉴 */
div.utilWrap { position:relative; width:100%; height:26px; background:#204c98; }
dl#utilMenu {position:relative;height:26px; color:#595959;width:1000px;margin:0 auto; overflow:hidden; }
dl#utilMenu li.admin { padding:0;  }
dl#utilMenu li.admin a { border:1px solid #fff; background-color:#acacac; height:19px; line-height:19px; width:51px; padding:0 10px; margin-top:4px; }