/* Default Style */
@font-face{font-family:NanumGothic; src:url('./font/NanumGothic.eot')}
@font-face{font-family:NanumGothicExtraBold; src:url('./font/NanumGothicExtraBold.eot')}
@font-face{font-family:NanumGothicExtraBold2; src:url('./font/NanumGothicBold.ttf')}
* {margin:0; padding:0;}
body {background-color:#fff;}

td *, div *, li *, span *, p *  {vertical-align: middle;}
ul, ol, li {list-style:none; }

#viewBoardImgBox ul,
#viewBoardImgBox ol,
#viewBoardImgBox li {list-style:revert !important; padding:revert !important;}

img, hr {border:none;}
img {vertical-align:top; border:0px ;}
strong {font-weight:bold;}

/* Link Style */
a:link,
a:visited,
a:active,
a:hover {text-decoration:none; color:#666;}

/* Table Style */
table {border-collapse:collapse;  border-spacing:0; width:100%;}
table td img {vertical-align:middle;}

/* tag all font-size set */
p,div,ul,li,dl,dt,dd,ol,em,fieldset,textarea,input,select,table,th,td,address,cite,h1,h2,h3,h4,h5,h6  {color:#666; font-family:NanumGothic, Arial, sans-serif; font-size:14px; line-height: 1.5rem;}

/* From Style */
textarea {border:1px solid #e1e0de; padding:5px;}
input {vertical-align:middle; }
input.txt,input.text,input.it {height: 18px; line-height:18px; border: solid 1px #e1e0de; background-color:#fff;}

hr, caption {display:none;}
legend {position:absolute; height:0; font-size:0px; line-height:0; overflow:hidden; text-indent:-20000px; }
address,cite,em {font-style:normal;}
fieldset {border:0; padding:0; }
label {cursor:pointer;}

#wrap {}
#wrap h1 {font-weight:700; font-size:20px;}
#wrap h2 {font-weight:600; font-size:16px;}

/* gnb Menu */
#header { z-index:1000 }
 #LOGO { max-width:180px; max-height:70px;}
 .gnbMenu_container {position:relative;height:100px;margin:0 auto;}
 .gnbMenu_wrap {display: flex; width:1110px;height:100px;margin:0 auto; text-align:center;}
 .gnbMenu_wrap > a {align-self: center;}
 .gnb {z-index:1000; float:right; height:58px; border:0px solid #0f0;}
 .gnb li.dept1 { min-width:115px; margin-top:24px; padding:18px 0; text-align:center; border:0px solid #f0f}
 .gnb h2 a {font-size:18px; font-weight:600; color:#333;}
 .gnb .dept1{ position:relative; float:left; font-size:14px; color:#355d95; font-weight:bold; text-align:left;}
 .gnb .dept1 .dept1_menu { display:inline-block; line-height:38px; font-size:16px; color:#355d95; padding:0 20px;}
 .gnb .dept1 .dept1_menu:hover { text-decoration:none; color:#ff8400}

 .gnb li.dept1 div ul {display:none; margin-top:20px;  *zoom:1;}
 .gnb li.dept1 div ul:after {display:block; content:""; clear:both }
 .gnb li.dept1 div ul li{padding:7px 0;}
 .gnb li.dept1 div ul li a{ color:block; letter-spacing: -0.045rem;}
 .gnb li.dept1 div ul li a:hover { color:#f68b1f}

 .top_func_wrap {height:50px; background-color:#eeeeee;}
 .top_func {position:relative; width:1110px; height:40px; margin:0 auto; padding-top:8px;}
 .counting { float:left; margin-top:8px;}
 .counting li {padding-left:0px; float:left; font-weight:bold;}
 .counting li span {display:inline-block; vertical-align:top; font-size:13px; color:#888;}
 .counting li span > b {margin-left:15px; color:#333;}
 .counting li:first-child:after {display:inline-block; content:' '; width:1px; height:13px; background:#ddd; margin:2px 15px;}

 .login_area img {vertical-align:middle; font-size:13px;}
 .login_area #lblLoginInfo {font-size:13px; color:#888;}
 .off a {margin:0; font-weight:600; font-size:13px;}
 .off a.lo1 { float:left; height:34px; line-height:34px; background:#7cad25; padding:0 15px; margin-right:20px; border-radius:5px; color:#fff;}
 .off a.lo2:after {display:inline-block; content:' '; width:1px; height:13px; background:#ddd; margin:0 15px; vertical-align:bottom;}
 .off a.lo3 {}
 .off a.lo2, .off a.lo3 { float:left;  margin-top:8px; color:#888;}

 .on a {display:inline-block; height:34px; line-height:34px; padding:0 15px; border:0; border-radius:5px; font-weight:600; font-size:13px; color:#fff;}
 .on a.lo1 {background:#6f6f6f; margin-right:5px;}
 .on a.lo2 {background:#7cad25;}
 .on a.lo3 {background:#3487d7;}


 .func_login {float:right; margin-left:15px; }
 .func_login input[type="text"],  .func_login input[type="password"] {width:160px; height:34px; line-height:34px; background:#dddddd; border:0; border-radius:5px; font-weight:500; font-size:13px; text-indent: 10px;}
 .func_login  input[type="submit"] {height:34px; line-height:34px; background:#6f6f6f; padding:0 15px; margin-right:5px; border:0; border-radius:5px; color:#fff;}
 .id_save_area {float:right; margin-top:8px; }
 .find_login {float:right;}

 /* main contents */
#mid_area { position:relative; z-index:10 }
#mid_area .gnbMenu_bg {  position:absolute; top:-3px; left:0; display:none; width:100%; height:335px; background-color:#fff; color:white;
	opacity:0.90;                   /* 비 IE 계열에 사용  */
	filter:alpha(opacity=90);     /* IE 계열에는 필터 사용하여 효과적용 */
}

/* #mid_area .btn_up { width:67px; height:23px; margin:0 auto }
#mid_area .btn_down { width:67px; height:23px; margin:0 auto }
#mid_area .table_L1 { width:1110px; margin:0 auto; }
#mid_area .table_L1 thead tr th { height:45px; border:1px solid #fbc98f } */

.quick {width:100%; height:100px; background:url('/images/login/apt_design_G/bg_quick.jpg') center no-repeat;}
.quick .quick_wrap {width:1110px; margin:0 auto;}
.quick .quick_wrap .quick_call {float:left; width:190px;}
.quick .quick_wrap .quick_call p:nth-child(1) {padding:29px 0 5px; color:#fff;}
.quick .quick_wrap .quick_call p:nth-child(2) {font-size:22px; color:#fff; font-weight:600;}
.quick .quick_wrap ul {float:right; width:920px;}
.quick .quick_wrap ul li {width:20%; float:left; display:inline-block; vertical-align:top;}
.quick .quick_wrap ul li a {display:block; padding: 32px 0px 32px 50px;}
.quick .quick_wrap ul li span {position:relative; padding-left:8px; line-height:36px; font-weight:600; font-size:16px; color:#fff;}
.quick .quick_wrap ul li span > img {position:absolute; top:4px; right:-30px;}

.topImg {position:relative; min-height: 200px; display: flex; justify-content: center; overflow: hidden;}

#contents_wrap { margin-top: 1.5rem; margin-bottom: 1.5rem;}
#contents_wrap #contents { width:1110px; margin:0 auto;  *zoom:1}
#contents_wrap #contents:after {  display:block; content:""; clear:both  }
#contents_wrap #contents  .left_area {float:left; width:885px;  }
#contents_wrap #contents  .left_area .top { float:left}

.common_area_logout { position:relative; float:left; width:160px; margin:0px 30px 0px 0px; padding:0px}
.common_area_logout tr:first-child td {padding-bottom:18px;}
.common_area_logout p {margin-top:10px; font-weight:600; color:#888; text-align:center;}
.area_logout_icon { width: 65px; height: 65px; margin: 0px auto; padding-top:15px; background-color: #eaeaea; border-radius: 50%; box-sizing: border-box; text-align:center; }

#contents_wrap #contents  .left_area .top .common_area_login {float:left; width:160px; height:197px; margin-right:30px; margin-bottom: 30px;}
#contents_wrap #contents  .left_area .top .common_area_login ul li {background:url('/images/login/apt_design_G/ico_arrow.png') center right no-repeat; padding:14px 0; border-bottom:1px solid #ededed;}
#contents_wrap #contents  .left_area .top .common_area_login ul li a {display:block; font-weight:600; font-size:16px; color:#333;}


#contents_wrap #contents  .left_area .top .one_notice_area { position:relative; float:left; width:475px; height:197px; background:url('/images/login/apt_design_G/bg_notice.jpg') 0 0 no-repeat; }
#contents_wrap #contents  .left_area .top .one_notice_area .txt {margin:28px 0; text-align:center;}
#contents_wrap #contents  .left_area .top .one_notice_area .txt h1 {font-weight:600; color:#fff;}
#contents_wrap #contents  .left_area .top .one_notice_area .txt p {margin-top:10px; color:#fff;}
#contents_wrap #contents  .left_area .top .one_notice_area .disp { width:355px; height:60px; padding:10px; margin:0 auto; text-align:center; background-color:#fff; box-sizing:border-box; border-radius:60px; line-height:40px; font-weight:600; color:#333;}
#contents_wrap #contents  .left_area .bottom { width:100%; float:left;  margin-top:10px; }
#contents_wrap #contents  .left_area .bottom table {}
#contents_wrap #contents  .left_area .bottom table tr td { height:40px; border-bottom:1px solid #ededed;}
#contents_wrap #contents  .left_area .bottom .notice_wrap {width:410px; margin-bottom:40px;}
#contents_wrap #contents  .left_area .bottom .notice_wrap .notice_area { position:relative; width:410px; margin-bottom:15px;}
#contents_wrap #contents  .left_area .bottom .notice_wrap .notice_area h1 {color:#333;}
#contents_wrap #contents  .left_area .bottom .notice_wrap .notice_area .more {position:absolute; top:0; right:0; display:block; width:30px; height:30px; background:#dddddd url('/images/login/apt_design_G/btn_more.png') center no-repeat; border-radius:5px;}
#contents_wrap #contents  .left_area .bottom .notice_wrap .main_notice .date {text-align:right; font-size:12px;}
#contents_wrap #contents  .left_area .bottom .notice_wrap .main_notice .menu {font-weight:600; font-size:12px; color:#aaaaaa;}
#contents_wrap #contents  .left_area .bottom .notice_wrap .main_notice .menu .ellipsis::before {margin-right:10px;}
#contents_wrap #contents  .left_area .bottom .notice_wrap .main_notice .ellipsis::before {display:inline-block; content:''; width:4px; height:4px; background:#dddddd;}
#contents_wrap #contents  .left_area .bottom .notice_wrap .main_notice .ellipsis a {padding-left:10px;}
#contents_wrap #contents  .left_area .bottom .notice_wrap .main_notice .clsComment_on {font-weight:600; font-size:12px; color:#ff5a00;}
#contents_wrap #contents  .left_area .bottom .aStoryCommunity_area { float:right; width:365px}

#recent { float:left; width:188px; height:197px; background:url('/images/login/apt_design_G/ico_recent.png') 112px 128px no-repeat; padding:30px; margin-left:30px; box-sizing: border-box; border:1px solid #ddd; border-radius: 5px;}
#recent.move {background:url('/images/login/apt_design_G/ico_move.png') 80px 126px no-repeat; padding:30px 29px;}
#recent.calendar {background:url('/images/login/apt_design_G/ico_calendar.svg') 116px 126px no-repeat; padding:30px 29px;}
#recent h1 {color:#333;}
#recent p {padding-top:15px; line-height:22px;}

#bn_md {clear:both; margin-bottom: 30px;}

#contents_wrap #contents  .right_area {float:right}

/* 즐겨찾기 */
#bo_contents_wrap { width:100%; margin-top:10px }
#bo_contents_G_type_body { width:100%; background-color:#e4e4e4; padding:30px 0;}
#bo_contents_wrap #bo_contents_G_type { position:relative;  width:1110px; margin:0 auto;  *zoom:1}
#bo_contents_wrap #bo_contents_G_type:after { display:block; content:""; clear:both}
#bo_contents_wrap #bo_contents_G_type  .to_wrap { position:relative; }


#bo_contents_wrap #bo_contents_G_type  .to_wrap .favorite_area { position:absolute; top:0; left:0; width:525px; height:92px; background:#fff; padding:20px 0  20px 30px; overflow:hidden; z-index:100; border-radius:5px; }
#bo_contents_wrap #bo_contents_G_type  .to_wrap .favorite_area h2 {position:absolute; top:55px; background:url('/images/login/apt_design_G/ico_favorite.png') 0 -1px no-repeat; text-indent:25px; color:#333;}
#bo_contents_wrap #bo_contents_G_type  .to_wrap .favorite_area .favorite_li {padding-left:145px;}
#bo_contents_wrap #bo_contents_G_type  .to_wrap .favorite_area dl { float:left; width:160px; height:55px; margin-right:20px;}
#bo_contents_wrap #bo_contents_G_type  .to_wrap .favorite_area dl dt {width:160px; overflow:hidden; text-overflow: ellipsis;}
#bo_contents_wrap #bo_contents_G_type  .to_wrap .favorite_area dl dt a {white-space: nowrap; font-weight:600; font-size:15px; color:#333;}
#bo_contents_wrap #bo_contents_G_type  .to_wrap .favorite_area dl dt a::after {content:''; display:inline-block; width:20px; height:20px; background:url('/images/login/apt_design_G/ico_launch.png') 2px -1px no-repeat; vertical-align:middle;}
#bo_contents_wrap #bo_contents_G_type  .to_wrap .favorite_area dl dd { width:160px; overflow:hidden; padding-top:4px;}
#bo_contents_wrap #bo_contents_G_type  .to_wrap .favorite_area dl dd a {font-size:13px;}

/* 전자투표/설문조사 */
#bo_contents_wrap #bo_contents_G_type  .to_wrap .poll_area { display:table; float:right; position:relative;  width:465px; height:92px; background:#fff; padding:20px 30px; z-index:10; border-radius:5px;}
#bo_contents_wrap #bo_contents_G_type  .to_wrap .poll_area h2 {position:absolute; top:55px; background:url('/images/login/apt_design_G/ico_poll.png') 0 -1px no-repeat; text-indent:25px; color:#333;}
#bo_contents_wrap #bo_contents_G_type  .to_wrap .poll_area dl {display:table-cell; padding-left:200px;}
#bo_contents_wrap #bo_contents_G_type  .to_wrap .poll_area .no1 { padding-top:10px; font-size:12px; font-weight:bold; color:#888; }
#bo_contents_wrap #bo_contents_G_type  .to_wrap .poll_area .no2 { font-weight:600; font-size:15px; color:#333; overflow:hidden;}
#bo_contents_wrap #bo_contents_G_type  .to_wrap .poll_area .no2 a {font-weight:600; font-size:15px; color:#333;}
#bo_contents_wrap #bo_contents_G_type  .to_wrap .poll_area .poll_on .no1 {color:#7cad25;}
#bo_contents_wrap #bo_contents_G_type  .to_wrap .poll_area  .btn_more { position:absolute; top:90px; left:17px }
/* #bo_contents_wrap #bo_contents_G_type  .to_wrap .poll_area  .btn_go { position:absolute; top:85px; right:15px }

/* 입주민앨범 */
#bo_contents_wrap #bo_contents  .gallery_area { width:1110px; position:relative; margin:50px auto 0; }
#bo_contents_wrap #bo_contents  .gallery_area h1 {color:#333;}
#bo_contents_wrap #bo_contents  .gallery_area .main_album { display:inline-block; width:100%; height:130px; margin-top:20px; text-align:center; }
#bo_contents_wrap #bo_contents  .gallery_area .main_album li {width: 150px; height:130px; float: left; margin-right:10px;}
#bo_contents_wrap #bo_contents  .gallery_area .main_album li:last-child {margin-right:0;}
/* #bo_contents_wrap #bo_contents  .gallery_area .btn_more { position:absolute; top:3px; right:10px; font-size:10px } */
#bo_contents_wrap #bo_contents  .gallery_area .more {position:absolute; top:0; right:0; display:block; width:30px; height:30px; background:#dddddd url('/images/login/apt_design_G/btn_more.png') center no-repeat; border-radius:5px;}

/* 카피라이터 */
#footer	{width: 100%; position:relative; clear:both; margin-top:60px; padding:40px 0; border-top:1px solid #eee;} /*  background:url(../images/common/footer.jpg) 0 0 no-repeat; */
#footer table {width:1110px; margin:0 auto;}
#footer table td {vertical-align:top;}
#footer .footer_logo {max-width: 185px; max-height: 70px;}
#footer .footer_top a {margin-bottom:10px; font-weight:600; color:#888;}
#footer .adress {margin-top:15px;}
#footer .adress p {line-height:22px; color:#888;}
#footer .adress span {padding-right:22px;}
#footer .aptstory {text-align:right;}
/* #footer p{position:absolute;left:200px;top:30px; text-align:left;} */
#footer .f_img	{margin: 0 auto;}
#footer .f_img2	{position:absolute; left:10px; top:-126px; }


.R_bn_1 ul li {padding-bottom:5px}
.R_bn_2 .BannerBG1 { width:200px; height:200px; background: #fff; border: 1px solid #ddd; border-radius: 8px; overflow: hidden; margin-bottom:5px}
.R_bn_2 .BannerBG1 img {width: 100%; vertical-align: middle;}
.R_bn_2 .BannerBG2 { width:200px; height:72px; background: #fff; border: 1px solid #ddd; border-radius: 8px; overflow: hidden; margin-bottom:5px }
.R_bn_2 .BannerBG2 img {width: 100%; vertical-align: middle;}


/* 회원가입 */
.member_join { clear:both; width:100%; margin:0; min-height:500px }
.member_join .agreementstart_area p { margin-top:20px}
.member_join .agreementstart_btn_area { float:right; margin-top:15px }
.member_join .agreementstart_btn_area li{ display:inline-block;}

/*회원가입_정보입력*/
.member_join .step_area { margin-top:20px; }
.member_join .member_table_wrap { margin-top: 40px; width:100%; margin-top:60px; }
.member_join .member_table_wrap .member_table { border-top:2px solid #596bbc; margin-top:8px; border-collapse:collapse}
.member_join .member_table_wrap .member_table .star { display:inline-block; margin-right:3px; font-weight:bold; color:#ff6c00 }
.member_table_wrap .member_table tbody tr td {padding-left:10px; line-height:35px }
.member_join .member_table_wrap .member_table tbody tr td.td1 { background:#f8f8f8 }
.member_join .member_table_wrap .member_table tbody tr td input { padding:2px; border:1px solid #c0c0c0; margin-right:10px}
.member_join .member_table_wrap .member_table tbody tr td input.input2 { width:70px; margin-right:0px }
.member_join .member_table_wrap .member_table tbody tr td .yearselect1 { margin-left:15px }
.member_join .member_table_wrap .member_table tbody tr td img { vertical-align:middle}

/*회원가입_가입신청완료*/
.member_join .subContents .regiDone_area { margin-top:20px;}
.member_join .subContents .regiDone_area h2,
.member_join .subContents .regiDone_area p { margin-bottom:20px; }
.member_join .subContents .regiDone_area ul { float:right; margin-right:40px; margin-bottom:100px }
.member_join .subContents .regiDone_area ul li{ display:inline }
.member_join .subContents .regiDone_area .show_regiID { position:relative; background:url('../images/login/regidong_img2.jpg') no-repeat; width:724px; height:189px; margin:50px 0;  }
.member_join .subContents .regiDone_area .show_regiID p {position:absolute; top:90px; left:220px; font-weight:bold; width:490px; color:#497591; line-height:26px }
.member_join .subContents .regiDone_area .show_regiID p span { font-weight:bold; color:#eb9500 }

/*아이디 패스워드 찾기*/
.member_join  .find_area {}
.member_join  .find_area .find_id_area { background:url('../images/login/fint_id_pw_bg.png') no-repeat; width:460px; height:174px; margin:0px 0 0 120px; padding:16px 0 0 24px; }
.member_join  .find_area .find_id_area dl {clear:both; margin:20px 0 0 40px; *zoom:1}
.member_join  .find_area .find_id_area dl:after { clear:both; display:block; content:""}
.member_join  .find_area .find_id_area dl dt { float:left; width:100px }
.member_join  .find_area .find_id_area dl dd { float:left }
.member_join  .find_area .find_id_area dl input { padding:1px}
.member_join  .find_area .find_id_area p { margin:32px 0 0 160px}
.member_join  .find_area .find_pw_area { background:url('../images/login/fint_id_pw_bg2.png') no-repeat; width:460px; height:260px;  margin:0px 0 0 120px; padding:16px 0 0 24px; }
.member_join  .find_area .find_pw_area dl {clear:both; margin:20px 0 0 40px; *zoom:1 }
.member_join  .find_area .find_pw_area dl:after { clear:both; display:block; content:""}
.member_join  .find_area .find_pw_area dl dt { float:left; width:100px }
.member_join  .find_area .find_pw_area dl dd { float:left }
.member_join  .find_area .find_pw_area dl input { padding:1px}
.member_join  .find_area .find_pw_area p { margin:25px 0 0 160px}

/*조직도 이미지 사이즈 제한*/
.organization > p > img{max-width:750px;}
.lottery_content{width:750px;}
.lottery_content > table{width:750px;}