/*
  Css Name : common.css
  Description : 사용자 메인 CSS
  Modification Information
 
*/


body {margin: 0; padding : 0;font-family:돋움,굴림,arial !important} /* color #555; font : 13px "돋움",Arial; */
img {border: 0; } /*vertical-align:middle;*/
* {margin: 0; padding: 0; }
* html {height: 1px;}
a {color: #666; text-decoration: none}
a:link {color: #333; text-decoration: none}
a:hover {color: #333; text-decoration: none}
caption {display: none; font-size:0; height:0; margin:0; padding:0; line-height:0;}
p {line-height: 160%; font-family: "돋움"; font-size: 12px; color: #666;}
.blind {display:none;}
.mtop3 {margin-top: 3px;}
.mtop5 {margin-top: 5px;}
.mtop10 {margin-top: 10px;}
.mtop15 {margin-top: 15px;}
.mtop17 {margin-top: 17px;}
.mtop20 {margin-top: 20px;}
.mtop25 {margin-top: 25px;}
.mtop30 {margin-top: 30px;}
.mtop35 {margin-top: 35px;}
.mtop70 {margin-top: 70px;}
.mleft10 {margin-left: 10px;}
.mleft14 {margin-left: 14px;}
.mleft30 {margin-left: 30px;}
.mleft40 {margin-left: 40px;}
.mleft470 {margin-left: 470px;}
.mtop-30 {margin-top: -30px;}
.mbottom10 {margin-bottom: 10px;}
.mbottom20 {margin-bottom: 20px;}
.ptop5 {padding-top: 5px;}
.ptop10 {padding-top: 10px;}
.ptop15 {padding-top: 15px;}
.ptop20 {padding-top: 20px;}
.pbottom20 {padding-bottom: 20px;}
.ptop30 {padding-top: 30px;}
.mright10 {margin-right: 10px;}
.mright20 {margin-right: 20px;}


/* 로그인 */
.bg {background: #e7edce;}
.loginbg {width:100%; background: url('../image/bg_login.gif') repeat-x;}
.loginimg {width:796px; height:482px; background: url('../image/img_login.gif') no-repeat; margin: 0 auto;  position: relative;}
.loginimg2 {width:796px; height:482px; background: url('../image/img_login2.gif') no-repeat; margin: 0 auto;  position: relative;}
.loginimg3 {width:796px; height:482px; background: url('../image/img_login3.gif') no-repeat; margin: 0 auto;  position: relative;}
.loginimg4 {width:796px; height:482px; background: url('../image/img_login4.gif') no-repeat; margin: 0 auto;  position: relative;}
.loginbox {position:absolute; top: 170px; left: 75px;}
.loginbox2 {position:absolute; top: 170px; left: 315px;}
.loginbox3 {position:absolute; top: 175px; left: 95px; text-align: center;} /* 통합로그인, 회원가입 */
.loginbox3 h1 {text-align: left; font-family: "돋움"; font-size: 12px; color: #666; font-weight: normal; position: relative;}
.loginbox3 h1 span {top: 5px; left: 95px; position:absolute; }
.logintxt {font-family: "돋움"; font-size: 11px; color: #666; padding: 3px 0 0 10px; letter-spacing:-1px;}
.btn_go_login {position:absolute; top: 350px; left: 315px;}

.login_tbox {width: 680px; overflow: hidden; margin: 0 auto;}
.loginul {float: left; margin: 20px 0;}
/* 191002 김용재 권자경주임 요청으로 변경 */
/*.loginul ul {width: 340px; height: 80px; margin: 0; padding: 0; font-family: "돋움"; font-size: 11px; color: #666;}*/
.loginul ul {width: 340px; height: 90px; margin: 0; padding: 0; font-family: "돋움"; font-size: 11px; color: #666;}
.loginul ul li {height:20px; list-style: none; padding-left:12px; background: url('../image/icon_dot_green.gif') no-repeat; line-height: 150%;}

/* header */
.header {background: #fff;}
.top {width: 980px; height: 102px; margin: 0 auto; position: relative; }
.logo {width:100px; position:absolute; top: 0px; left: 0px; z-index: 210;}
.logotxt {width:393px; position:absolute; top: 0px; left: 0px;}
.logout {width:240px; position:absolute; top:20px; right:0px;}
.logout ul {height: 21px; overflow: hidden; }
.logout ul li {float: left; list-style: none;}
.logout ul li a {display: block;}
.logout li a:link {text-decoration: none;}
.logininfo {position:absolute; top:70px; right:10px; font-size: 12px; vertical-align: middle;}

/* head-현직자 */
.gnb {width: 100%; height: 35px; background: url('../image/bg_menu1_1.gif'); position: relative; z-index: 200;}
.topmenu {width: 980px; position: relative; margin: 0 auto;  position: relative;}
.topmenu ul { overflow: hidden; margin-left: 100px;}
.topmenu ul li {float: left; list-style: none;}
.topmenu ul li a {display: block;}
.topmenu li a:link {text-decoration: none;}
.steping {position:absolute; top: -4px; left: 760px;}

/* head-퇴직자 */
.r_gnb {width: 100%; height: 35px; background: url('../image/bg_menu1_11.gif'); position: relative; z-index: 200;}
.r_topmenu {width: 980px; position: relative; margin: 0 auto;  position: relative;}
.r_topmenu ul { overflow: hidden; margin-left: 100px;}
.r_topmenu ul li {float: left; list-style: none;}
.r_topmenu ul li a {display: block;}
.r_topmenu li a:link {text-decoration: none;}

/* head submenu 현직자 */
.submenu {background:#fff; display:none; width: 100%; position:absolute; z-index:100; border-bottom: #9bc200 2px solid;}
.submenubox {width: 990px; position: relative; margin: 0 auto; padding: 10px 0 5px 0; overflow: hidden;}
.submenubox span {float: left;}
.submenubox ul { overflow: hidden; float: left;}
.submenubox ul li {float: left; list-style: none;  width: 100px; padding: 10px 10px 0 10px; overflow: both;}
/* .submenubox ul .li {float: left; list-style: none;  width: 90px; padding: 10px 0 0 10px; overflow: both;} */
.submenubox ul .li {float: left; list-style: none;  width: 95px; padding: 10px 0 0 10px; overflow: both;}
.submenubox ul .li2 {float: left; list-style: none;  width: 290px; padding: 10px 0 0 10px; overflow: both;}
.submenubox ul li a {display: block;}
.submenubox ul.ul2 {margin-left:230px;}
.submenubox ul.line {border-bottom:1px solid #e2eabe; padding-bottom:10px;}
.submenubox li a:link {text-decoration: none;}
.submenudot {border-left: #cacaca 1px dashed; height: 85px;}
.submenudot2 {border-left: #cacaca 1px dashed; height: 25px;}
.submenudot3 {border-left: #cacaca 1px dashed; height: 25px;}

.submenubox2 {position: relative;}
.submenubox2 ul {margin: 8px 0; width: 100px;}
.submenubox2 ul li {list-style: none; padding: 3px 0; border: 0;}
.submenubox2 ul li a {display: block;}
.submenubox2 li a:link {text-decoration: none;}

.submenubox3 {position: relative; float: left; }
.submenubox3 ul {margin: 8px 10px 0 0; width: 80px;}
.submenubox3 .ul {margin: 8px 10px 0 0; width: 100px;}
.submenubox3 ul li {list-style: none; padding: 3px 0; border: 0; }
.submenubox3 ul li a {display: block;}
.submenubox3 li a:link {text-decoration: none;}

/* head submenu 퇴직자  */
.r_submenu {background:#fff; display:none; width: 100%; position:absolute; z-index:100; border-bottom: #3ca9d6 2px solid;}
.r_submenubox {width: 980px; position: relative; margin: 0 auto; padding: 10px 0 5px 0; overflow: hidden;}
.r_submenubox span {float: left;}
.r_submenubox ul { overflow: hidden; float: left; margin-left: 20px;}
.r_submenubox ul li {float: left; list-style: none;  width: 100px; padding: 10px 10px 0 10px; overflow: both;}
.r_submenubox ul li a {display: block; }
.r_submenubox li a:link {text-decoration: none;}
.r_submenudot {border-left: #cacaca 1px dashed; height: 85px;}
.r_submenudot2 {border-left: #cacaca 1px dashed; height: 25px;}

.r_submenubox2 {position: relative;}
.r_submenubox2 ul {margin: 8px 0; width: 100px;}
.r_submenubox2 ul li {list-style: none; padding: 3px 0; border: 0;}
.r_submenubox2 ul li a {display: block;}
.r_submenubox2 li a:link {text-decoration: none;}

/* 배경 */
.conbg {background:#e7eecf;} /* 전체배경-현직자 */
.conbg2 {width: 100%; background: url('../image/bg_con.gif') repeat-x; padding-top: 15px; } /* 본문배경-현직자 */
.r_conbg {background:#eaf3f1;} /* 전체배경-퇴직자 */
.r_conbg2 {width: 100%; background: url('../image/bg_con1.gif') repeat-x; padding-top: 15px; } /* 본문배경-퇴직자 */

/* footer */
.footer {height: 168px; background: url('../image/bg_footer.gif') repeat-x; }
.r_footer {height: 168px; background: url('../image/bg_footer1.gif') repeat-x; }
.copy {width: 980px; margin: 0 auto; overflow: hidden;}
.copyleft {float: left; width: 400px;}
.copyright {float: right; width: 145px;}

/* mcontent - 메인화면 */
.mcontainer {width: 980px; margin: 0 auto; overflow: hidden; z-index:10; padding-bottom: 20px;}
.mconleft {float: left; width: 235px;}
.mcontent {float: left; width: 507px;}
.mconright {float: right; width: 238px; overflow: hidden;}
.mcontent p {line-height: 150%;}
.mcontainer h1 {height: 21px;}

/* mconleft - 메인화면  왼쪽 */
.sinmall {margin-top: 15px;}
.mille21 {padding-bottom: 4px;}
.clip {margin: 7px 0;}
.main_left {margin-top: 15px;}

/* mcontent - 메인화면  가운데 */
.mainimg {margin-top: 15px; position: relative;}
.main_btn {position: absolute; top: 220px; left: 275px;}
.main_btn2 {position: absolute; top: 245px; left: 335px;}
.main_btn3 {position: absolute; top: 245px; left: 340px;}
.main_btn4 {position: absolute; top: 245px; left: 225px;}
.main_btn5 {position: absolute; top: 260px; left: 70px;}
.main_btn6 {position: absolute; top: 260px; left: 272px;}
.samtab {margin: 10px 0 0 13px;background: url('../image/samtab_bg.gif') no-repeat;height:226px;}

.samtab_table_tit {margin-left:10px; clear:both; overflow: auto; width:461px; font-size:12px;}
.samtab_table{margin-left:10px; clear:auto; overflow:auto; height:125px; font-size:12px; width:460px;}
.samtab ul{margin:0px;padding:0;}
.samtab ul li{margin:0px;padding:0px;list-style:none;float:left}
.samtab table{border-collapse: collapse; font-family: "돋움"; font-size: 11px; color:#666; width:440px;}
.samtab table th{background:url('../image/samtab_line.gif') right bottom no-repeat; border-bottom:1px solid #89ac00; height:24px;}
.samtab table th:last-child{background-image:none !important}
.samtab table td{text-align:center;height:25px;border-bottom:1px dotted #ccc}
.samtab table td.room{text-align:left}

.main_search {width:311px; height: 28px; padding-left: 150px; padding-top: 3px; background:url('../image/tit_search.gif') no-repeat;}
.main_search img {vertical-align: middle;}

.center_notice {width: 464px; height: 215px; background: url('../image/center_notice_bg.gif') no-repeat; margin:0 0 0 7px;padding: 14px 14px 0 14px; position: relative;}
.center_notice ul {list-style: none; font-size: 12px; margin-top:10px;}
.center_notice ul li {height:16px; padding: 0 0 0 14px; margin: 5px 0; background: url('../image/icon_bu_1.gif') no-repeat;}
.center_notice ul li a {display: block; color: #333; text-decoration: none;}
.center_notice ul li a:hover,.notice2 ul li a:hover {color: #d17b00;}
.center_notice span {position:absolute; right:15px;}

/* mcontent - 퇴직자 메인화면  가운데:사진첩 */
.mpic {width: 456px; height: 110px; margin: 14px; padding:14px 10px 5px 10px; border: #75a7cd 3px solid; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; position: relative;} 
.mpic ul {list-style: none; font-size: 12px; margin-top: 8px;}
.mpic ul li {float: left; margin: 4px; width: 83px; height: 68px; background:#999}
.mpic ul li a {display: block; color: #333; text-decoration: none;}
.mpic ul li a:hover {color: #d17b00;}
.mpic span {position:absolute; right:20px;}
.img_pic img {width: 83px; height: 68px;}

/* mconright - 메인화면  오른쪽 */
.wedding {height: 80px; margin-top: 15px;}
.cottonvill {height: 74px;}
.sangjo {height: 112px;}
.notice {width: 223px; height: 150px; margin-top: 11px; padding-left: 14px; padding-top:14px; background: url('../image/bg_notice2.gif') no-repeat; position: relative;}
.notice ul, .notice2 ul {list-style: none; font-size: 12px; margin-top:10px;}
.notice ul li,.notice2 ul li {height:16px; padding: 0 0 0 14px; margin: 5px 0; background: url('../image/icon_bu_1.gif') no-repeat;}
.notice ul li a,.notice2 ul li a {display: block; color: #333; text-decoration: none;}
.notice ul li a:hover,.notice2 ul li a:hover {color: #d17b00;}
.notice span,.notice2 span {position:absolute; right:15px;}
.qna {margin-top:8px;}
.notice2 {width: 210px; height: 207px; margin-top: 11px; padding-left: 14px; padding-right: 14px; padding-top:14px; background: url('../image/notice_bg.gif') no-repeat; position: relative;}

.main_right {margin-top: 15px;}

/*경조사 알림 중앙위치*/
.mboard_cnt {width: 456px; height: 110px; margin: 14px; padding:14px 10px 5px 10px; border: #75a7cd 3px solid;  -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; position: relative;font-family:돋움}
.mboard_cnt span {position:absolute; right:20px;}
.mboard_cnt .list_right {width: 380px; float: left;}
.mboard_cnt  ul {list-style: none; font-size: 12px; padding-left: 10px;position:relative}
.mboard_cnt  ul li {height:16px; padding: 0 0 0 14px; margin: 5px 0; *margin: 0; background: url('../image/icon_bu_1.gif') no-repeat;}
.mboard_cnt  ul li a {/*display: block;*/ color: #333; text-decoration: none;}
.mboard_cnt  ul li a:hover {color: #d17b00;}
.mboard_cnt  ul li span{float:right;right:0px;}

/*사진첩 오른쪽 위치*/
.mpicture {width: 223px; height: 134px; margin-top: 11px; padding-left: 14px; padding-top:14px; background: url('../image/bg_notice2.gif') no-repeat; position: relative;}
.mpicture ul {list-style: none; font-size: 12px; margin-top: 8px;position:relative}
.mpicture ul li {float: left; margin: 4px 4px 4px 0px; width: 83px; height: 68px; background:#999}
.mpicture ul li a {/*display: block;*/ color: #333; text-decoration: none;}
.mpictureul li a:hover {color: #d17b00;}
.mpicture span {position:absolute; right:20px;}
.mpicture ul li span{position: absolute; width:120px;top:0px;right:0px;padding-right:10px}
.img_pic img {width: 83px; height: 68px;border:1px solid #ccc}


/* mconright - 퇴직자 메인화면  오른쪽 :경조사알림,새로운소식,관내개업현황 */
.mboard {width: 224px; overflow: hidden; position: relative; padding-left: 14px; }
.mboard_left {width: 66px; float: left;}
.mboard_right {width: 152px; float: left;}
.mboard  ul {list-style: none; font-size: 12px; padding-left: 10px;}
.mboard  ul li {height:16px; padding: 0 0 0 14px; margin: 5px 0; *margin: 0; background: url('../image/icon_bu_1.gif') no-repeat;}
.mboard  ul li a {display: block; color: #333; text-decoration: none;}
.mboard  ul li a:hover {color: #d17b00;}
.mboard span {position:absolute; right:20px;}
.stepping1 {height: 111px; background: url('../image/bg_stepping1.gif') no-repeat;}
.stepping2 {height: 110px; background: url('../image/bg_stepping2.gif') no-repeat;}
.stepping3 {height: 112px; background: url('../image/bg_stepping3.gif') no-repeat;}

/* container - 서브화면 */
.container {width: 980px; margin: 0 auto; overflow: hidden; padding: 0;  background: url('../image/bg_subline2.gif') repeat-y;}
.conleft {float: left; width: 198px;}
.content {float: left; width: 754px; padding: 0  0px 80px 28px; position: relative; background: url('../image/bg_subtop.gif') no-repeat;}
.r_content {float: left; width: 754px; padding: 0  0px 80px 28px; position: relative; background: url('../image/bg_subtop1.gif') no-repeat;}

/* conleft, snb - 서브화면  왼쪽   */
.snb {float: left; width: 196px; padding: 0 1px;}
.snb ul {list-style: none; margin: 0; padding: 0;}
.snb ul li {float: left; }
.snb ul li a {display: block; color: #333; font-weight: bold;}
.snb ul li a:hover {color: #d17b00;}
.snb h1 {height: 107px;}
.conleft h1 {height: 107px;}
.topnav { width: 196px;}
.snbtop {padding: 0; margin:0;}

/* content - 서브화면  가운데 */
.path {position:absolute; top:40px; right:35px; font-family: "돋움"; font-size: 11px; z-index:10; color:#666;}
.content h1 {margin-top:50px; padding-left: 23px;}
.r_content h1 {margin-top:50px; padding-left: 23px;}
.con {width: 680px; margin: 0 auto;}
.con h2 {width: 680px; height: 26px; border-bottom: #cacaca 1px solid; margin-top: 30px;}
.con h3 {height: 26px; margin-top: 30px; font-size: 14px; color: #666; font-weight: bold; position: relative;}
.con h3 .checkvalign { font-family: "돋움"; font-size: 12px; color: #666; font-weight: bold; vertical-align: top; position: absolute; top: -5px; left: 90px;}
.con h3 .checkvalign2 { font-family: "돋움"; font-size: 12px; color: #666; font-weight: bold; vertical-align: top; position: absolute; top: 2px; left: 70px;}
.con h4 {height: 22px; margin-top:20px; font-family: "돋움"; font-size: 12px; color: #666; padding: 0 0 0 14px; background: url('../image/icon_dot_green2.gif') no-repeat; position: relative;}
.con h4 .right {position: absolute; top: 0px; left: 430px; }
.con h4 .right2 {position: absolute; top: 0px; left: 500px; }
.con p {line-height: 160%; font-family: "돋움"; font-size: 12px; color: #666;}
.con .btn {position: relative; margin-top: 10px;}
.con .btn0 {position: relative;}
.con .btn1 {position: absolute; top: 75px; left: 28px;} /* 상병부조금 버튼 1 */
.con .btn2 {position: absolute; top: 75px; left: 202px; } /* 상병부조금 버튼 2 */
.con .btn3 {position: absolute; top: 15px; right: 20px; } /* 보험청구 버튼 1 */
.con .btn4 {position: absolute; top: 125px; right: 20px; } /* 보험청구 버튼 2 */
.con .btn5 {position: absolute; top: 235px; right: 20px; } /* 보험청구 버튼 3 */
.con .btn6 {position: absolute; top: 345px; right: 20px; } /* 보험청구 버튼 4 */
.con .btn7 {position: absolute; top: 130px; left: 28px; } /* 카튼빌,  예식장 버튼1*/
.con .btn8 {position: absolute; top: 130px; left: 230px; } /* 예식장  버튼2 */
.con .btn9 {position: absolute; top: 270px; left: 230px; } /* 카튼빌 ok 안내보기 버튼 */
.con .btn9_1 {position: absolute; top: 250px; left: 230px; } /* 카튼빌 ok 안내보기 버튼 */
.con .btn10 {position: absolute; top: 70px; left: 470px; } /* 리조트 이용가능일 수 */
.con .btn11 {position: absolute; top: 730px; left: 390px; } /* 징검다리 회원가입버튼 */
.con .btn12 {position: absolute; top: 60px; left: 10px; } /* 복지카드 자료실 */
.con .btn13 {position: absolute; top: 60px; left: 250px; } /* 복지카드 카드신청 */
.con .btn13_2 {position: absolute; top: 88px; left: 250px; } /* 복지카드 카드신청 */
.con .btn14 {position: absolute; top: 200px; left: 10px; } /* 클립서비스 바로가기 */
.con .btn15 {position: absolute; top: 150px; left: 10px; } /* 교육현황 바로가기 */
.con .imgtop {border-top: #cacaca 1px solid; padding-top:30px; margin-top:10px;}

.ssg {background: url('../image/ssg_back.gif') no-repeat; width:666px; height:230px;margin:20px 0 0 20px; padding:146px 0 0 16px;}
.ssg span{margin:0;}

.highone {background: url('../image/highone_bk.gif') no-repeat; width:666px; height:868px;margin:20px 0 0 20px; padding:610px 0 0 81px;}
.highone span{margin:0;}

/*자동차보험 20191213 김용재*/
.carinsurance {background: url('../image/carinsurance_bk.gif') no-repeat; width:666px; height:230px;margin:20px 0 0 20px; padding:146px 0 0 16px;}
.carinsurance span{margin:0;}

.con .box {border: #cacaca 2px solid; padding: 20px;  margin: 60px 0; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; position: relative; width:640px;}
.box .iconcs {vertical-align:middle; margin:10px 5px 10px 0;}
.box .btn3 {vertical-align:middle; position: absolute; top:76px; right:20px;}
.box .btn4 {vertical-align:middle; position: absolute; top:110px; right:20px;}
.conline {border-bottom: #cacaca 1px dashed; width: 616px; margin-bottom:5px;}

.dltype1 {margin-top: 10px;} /* 내용목록 dt */
.dltype1 h5 {font-size: 14px; color:#005825; margin:10px 0 10px 0;}
.dltype1 dl {list-style: none; font-size: 12px; margin-top:5px; color: #666;  overflow:auto; line-height: 160%;}
.dltype1 dt {padding: 0 0 0 14px; background: url('../image/icon_dot_green1.gif') no-repeat; font-weight: bold; margin-right:3px; line-height: 200%;}
.dltype1 dd {font-weight:normal; line-height: 200%; padding-left: 5px;}
.d1_fl {float:left;}
.bank {background: #efffd6; margin-left: 15px; padding: 10px; width: 350px;}
.valignimg {vertical-align:middle;}

.ultype1 {margin-top: 10px;} /* 내용목록 dot */
.ultype1 h5 {font-size: 12px; color:#7B2D00; margin:0 0 10px 0; }
.ultype1 ul {list-style: none; font-size: 12px; margin-top:0px; color: #666; line-height: 160%;}
.ultype1 ul li {padding: 0 0 0 14px; margin: 0; background: url('../image/icon_dot_green1.gif') no-repeat; line-height: 200%;}
.ultype1 .iconx {padding: 0 0 0 14px; margin: 0; background: url('../image/icon_x.gif') no-repeat; line-height: 200%;}
.ultype1 .iconarr {padding: 0 0 0 14px; margin: 0; background: url('../image/icon_arr.gif') no-repeat; line-height: 200%;}

.ultype2 .icondot ul li {padding: 0 0 0 14px; margin: 0; background: url('../image/icon_dot_gray.gif') no-repeat; line-height: 180%;}
.ultype2 ul {list-style: none; margin: 0; padding: 0; font-size: 12px; color: #666;} /* 내용목록 bar */
.ultype2 ul li {padding: 0 0 0 14px; margin: 0; *margin: 0; background: url('../image/icon_bar_green.gif') no-repeat; line-height: 200%;}
.ultype2 ul li a {color: #ff7901; }
.ultype2 .iconx {padding: 0 0 0 14px; margin: 0; background: url('../image/icon_x.gif') no-repeat; line-height: 200%;}
.txtblack {color: #486900;}

.iconx {padding: 0 0 0 14px; background: url('../image/icon_x.gif') no-repeat; line-height: 200%;}
.icon_bar {padding: 0 0 0 14px; background: url('../image/icon_bar_green.gif') no-repeat;}

/* 탭메뉴 ul */
.ultype3 {height: 31px; margin: 0; border-bottom: #9dc414 1px solid;} 
.ultype3 ul {padding: 0; margin: 0; list-style: none; overflow: hidden;}
.ultype3 ul li {padding: 0; margin: 0; float: left; margin-right:1px;}
.ultype3 li a {display: block;}
.ultype3_2 {height: 60px; margin: 0; border-bottom: #9dc414 1px solid;} 
.ultype3_2 ul {padding: 0; margin: 0; list-style: none; overflow: hidden;}
.ultype3_2 ul li {padding: 0; margin: 0; float: left; margin-right:1px;}
.ultype3_2 li a {display: block;}

.card1 {width: 680px; height: 270px; line-height: 160%; background: url('../image/img_card_1.gif') no-repeat; position: relative;}
.card2 {width: 680px; height: 270px; line-height: 160%; background: url('../image/img_card_2.gif') no-repeat; position: relative;}
/*20190603 김용재 .card3 추가함*/
.card3 {width: 680px; height: 270px; line-height: 160%; background: url('../image/kbcard_01.png') no-repeat; position: relative; background-position: right 30px top;}
.card {position: absolute; top:0px; left:0px;}
.sangjo2 {width: 680px; height: 160px; background: url('../image/bg_sangjo.gif') no-repeat;}
.sangjobtn {padding: 10px 20px;}


/* 복지시설-사진 ul */
.ultype4 { margin: 0;} 
.ultype4 ul {padding: 0; margin: 0; list-style: none; overflow: hidden;}
.ultype4 ul li {padding: 4px; margin: 0; float: left; margin:5px; border: #cacaca 1px solid;}
.txtimg {padding-top: 10px;}

/* 카튼빌-입주현황 */
.tbType_1 {border-top: #afd40c 2px solid; border-bottom: #afd40c 1px solid;}
.tbType_1 table {width: 680px; border: 0; line-height: 160%; font-family: "돋움"; font-size: 12px; color: #666; border-collapse: collapse;}
.tbType_1 thead th {height: 27px; border-left: #cacaca 1px solid; border-right: #cacaca 1px solid; background: #f4f4f4; text-align:center; font-weight:bold; color: #333; padding: 5px;}
.tbType_1 thead td {height: 27px; border-left: #cacaca 1px solid; border-right: #cacaca 1px solid; background: #fff; text-align:center; font-weight:normal; color: #333; padding: 5px;}
.tbType_1 tbody th {height: 26px; border: #cacaca 1px solid; text-align:center; background: #f4f4f4; font-weight: normal; padding: 5px;}
.tbType_1 tbody td {height: 26px; border: #cacaca 1px solid; text-align:center; padding: 5px;}
.tbType_1 tfoot th {height: 27px; border-left: #cacaca 1px solid; border-right: #cacaca 1px solid; background: #fff; text-align:center; font-weight:bold; color: #333; padding: 5px;}
.tbType_1 tfoot td {height: 27px; border-left: #cacaca 1px solid; border-right: #cacaca 1px solid; background: #fff; text-align:center; font-weight:bold; color: #333; padding: 5px;}
.tbType_1 .left {height: 26px; border-bottom: #cacaca 1px solid; text-align:left;}
.tbType_1 .lline0 {border-left: 0; }
.tbType_1 .rline0 {border-right: 0; }
.txt-orange {color: #df602b; }
.txt-black {color: #000; }

/* 카튼빌-입주신청,신청내용  */  /* 예식장-예약신청 */
.tbType_2 {border-top: #afd40c 2px solid; border-bottom: #afd40c 1px solid;}
.tbType_2 table {width: 680px; line-height: 160%; font-family: "돋움"; font-size: 12px; color: #666; border-collapse: collapse; }
.tbType_2 .tblogin {width: 600px; line-height: 160%; font-family: "돋움"; font-size: 12px; color: #666; border-collapse: collapse; }
.tbType_2 table tbody th {height: 26px; border-right: #cacaca 1px solid; border-bottom: #cacaca 1px solid; text-align: left; background: #f4f4f4; font-weight: bold; padding: 5px;}
.tbType_2 table tbody td {height: 26px; border-bottom: #cacaca 1px solid; text-align: left; padding: 5px 10px;}
.tbType_2 .center {height: 26px; border-bottom: #cacaca 1px solid; text-align:center;}
.ck_dot {padding-left: 18px; background: url('../image/icon_dot.gif') no-repeat;}
.ck_txt {padding-left: 18px; font-weight: normal; font-family: "돋움"; font-size: 8px; color: blue; }
.ck_check {padding-left: 18px; background: url('../image/icon_check.gif') no-repeat;}
.ck_check2 {vertical-align: middle;}
.ck_btn {text-align: center; margin: 20px;}
.lineleft {border-left: #cacaca 1px solid;}
.txtblue {color:#2275ff;}
.txtred {color:#ff3d3d;}

/* 마이페이지 green */
.tbType_3 table {width: 680px; border: 0; line-height: 160%; font-family: "돋움"; font-size: 12px; color: #666; border-collapse: collapse;}
.tbType_3 thead th {border-bottom: #cacaca 1px solid; background: #f4f4f4; text-align:center; font-weight:bold; color: #666; padding: 8px 5px;}
.tbType_3 thead td {border-bottom: #cacaca 1px solid; background: #f4f4f4; text-align:center; font-weight:normal; color: #333; padding: 8px 5px;}
.tbType_3 tbody th {border-bottom: #cacaca 1px solid; text-align: center; background: #f4f4f4; font-weight: normal; padding: 5px;}
.tbType_3 tbody td {border-bottom: #cacaca 1px solid; text-align: center; padding: 5px;}
.tbType_3 tfoot th {border-bottom: #cacaca 1px solid; background: #fff; text-align:center; font-weight:bold; color: #333; padding: 5px;}
.tbType_3 tfoot td {border-bottom: #cacaca 1px solid; background: #fff; text-align:center; font-weight:bold; color: #333; padding: 5px;}
.tbType_3 .txt_type1 {color:#ff3d3d;}
.tbType_3 .txt_type2 {color:#2275ff;}
.tbType_3 img {vertical-align: middle;}
.tbType_3 .txt_left {text-align: left; padding-left: 10px;}
.line_green {border-top: #afd40c 2px solid; border-bottom: #afd40c 1px solid;}
.line_blue {border-top: #68bbdd 2px solid; border-bottom: #68bbdd 1px solid;}

.wedding_cancel { width: 520px; margin: 0 auto;}
.wedding_cancel p {text-align: left;}


/* 마이페이지 blue */
.tbType_4 {border-top: #68bbdd 2px solid; border-bottom: #68bbdd 1px solid;}
.tbType_4 table {width: 680px; border: 0; line-height: 160%; font-family: "돋움"; font-size: 12px; color: #666; border-collapse: collapse;}
.tbType_4 thead th {border-bottom: #cacaca 1px solid; background: #f4f4f4; text-align:center; font-weight:bold; color: #666; padding: 8px 5px;}
.tbType_4 thead td {border-bottom: #cacaca 1px solid; background: #f4f4f4; text-align:center; font-weight:normal; color: #333; padding: 8px 5px;}
.tbType_4 tbody th {border-bottom: #cacaca 1px solid; text-align: center; background: #f4f4f4; font-weight: normal; padding: 5px;}
.tbType_4 tbody td {border-bottom: #cacaca 1px solid; text-align: center; padding: 5px;}
.tbType_4 tfoot th {border-bottom: #cacaca 1px solid; background: #fff; text-align:center; font-weight:bold; color: #333; padding: 5px;}
.tbType_4 tfoot td {border-bottom: #cacaca 1px solid; background: #fff; text-align:center; font-weight:bold; color: #333; padding: 5px;}
.tbType_4 .txt_type1 {color:#ff3d3d;}
.tbType_4 .txt_type2 {color:#2275ff;}
.tbType_4 img {vertical-align: middle;}
.tbType_4 .txt_left {text-align: left; padding-left: 10px;}

/* content - 카튼빌 입주신청 공실안내 테이블 1~15층 */
.floor {width: 680px; height: 68px; position: relative; border-top: #cacaca 1px solid; }
.floortit {width: 148px; float: left; margin: 1px 0;}
.floorroom {width: 522px; float: right; margin: 2px 5px;}
.floorroom table {width:100%; line-height: 160%; font-family: "돋움"; font-size: 12px; color: #888;  border-collapse: collapse;}
.floorroom table tbody {border: #fff 1px solid;}
.floorroom table tbody td {height: 31px; text-align:center; border: #cacaca 1px dashed;}
.blanka {background: url('../image/img_blank_g.gif') no-repeat;}
.blankb {background: url('../image/img_blank_y.gif') no-repeat;}
.footline {border-bottom: #cacaca 1px solid; }
.floorimg {float:right;}
.floorimg img {vertical-align: top;}
.rooma {color:#98bb38; font-weight:bold;}
.roomb {color:#ffae00; font-weight:bold;}

.btnright {float: right; margin-left: 20px;}
.btnleft {float: left; margin: 0 20px 0 0; padding: 4px; border: #cacaca 1px solid;} /* 카튼빌 주요시설물 사진 */
.imgcenter {text-align: center; border-top: #afd40c 1px dashed; padding: 20px;}

/* 예식장 달력 */
.calendartitle {width:657px; text-align: center; padding: 10px; margin: 13px 0 10px 0; font-weight: bold;}
.arpadding {padding: 0 20px;}

.calendar {position: relative; height: 18px; width:655px; background: #eee; border: #cacaca 1px solid; padding: 7px; margin-bottom: 10px; margin-left: 3px;}
.calendar ul {list-style: none; overflow: hidden; position: absolute; top:10px; left:80px;}
.calendar ul li {float: left; width: 24px; text-align: center; color: #888;}
.calendar ul li a {display: block; font-family: "돋움"; font-size: 12px; color: #666;}
.calendar ul li a:link {text-decoration: none; font-family: "돋움"; font-size: 12px; color: #666;}

.table_calendar {width: 676px; background: url('../image/bg_calendar_2.gif') repeat-y;}
.table_calendar table {width: 672px; margin-left: 3px; border: 0px; border-collapse: collapse; padding:0px;}
.table_calendar thead th {text-align: center; vertical-align: left; }
.table_calendar tbody td {height: 86px; padding:5px; vertical-align: top; border-top: #ffcd97 1px solid;}
.table_calendar .csun {color: #ff6969;}
.table_calendar .csat {color: #317fff;}
.table_calendar .cday {color: #666;}
.table_calendar p {line-height: 150%;}
.table_calendar .img {vertical-align:middle;}
.table_calendar a:link {color: #666;}
.table_calendar a .span_L, .table_calendar a .span_R {display:none;}
.table_calendar a:hover .span_L {display: block; position: absolute; z-index: 100; left: 83px; padding: 5px 15px; margin-top: -23px; width: 200px; border: 2px solid #ff9b2f; background: #fff;
-webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; -webkit-box-shadow: #ccc 2px 2px 2px; -moz-box-shadow: #ccc 2px 2px 2px; box-shadow: #ccc 2px 2px 2px;}
.table_calendar a:hover .span_R {display: block; position: absolute; z-index: 100; right: 85px; padding: 5px 15px; margin-top: -23px; width: 200px; border: 2px solid #ff9b2f; background: #fff;
-webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; -webkit-box-shadow: #ccc 2px 2px 2px; -moz-box-shadow: #ccc 2px 2px 2px; box-shadow: #ccc 2px 2px 2px;}
.span_box {position: relative; line-height: 180%; font-family: "돋움"; font-size: 12px; color: #666;}

/* 리조트  */
.rest_logo_bg {width: 680px; height: 38px; padding-top: 5px; background: url('../image/tit_logo_bg.gif') no-repeat;}
.rest {width: 180px; height: 32px; text-align: center; background:#999; margin: 0px 0px 0px 20px; }
.rest_box {overflow: hidden; margin-top: 20px;}
.rest_box2 {overflow: hidden; margin-top: 20px; height: 150px; border-bottom: #cacaca 1px solid;}
.rest_box_left {float: left;}
.rest_box_right {float: left; padding-left: 30px; margin-top: 20px;}
.rest_box_right2 {float: left; padding-left: 30px; }
.rest_box_right dl {width: 360px; height: 32px; list-style: none; font-size: 12px;  color: #666;  overflow:auto; line-height: 160%; background: url('../image/bg_dotline.gif') no-repeat;}
.rest_box_right dt {width: 100px; padding-top: 10px; float:left; font-weight: bold;}
.rest_box_right dd {font-weight: normal; padding-top: 10px;}
.rest_box_right2 dl {width: 280px; height: 32px; list-style: none; font-size: 12px;  color: #666;  overflow:auto; line-height: 160%; background: url('../image/bg_dotline.gif') no-repeat;}
.rest_box_right2 dt {width: 100px; padding-top: 10px; float:left; font-weight: bold;}
.rest_box_right2 dd {font-weight: normal; padding-top: 10px;}
.rest_box_right2 .line_clear {background: url('../image/bg_dotline2.gif') no-repeat;}
.rest_box .pic {border: #cacaca 3px solid; width: 270px;}
.rest_box2 .pic_2 {border: #cacaca 3px solid;  width: 200px;}
.rest_box_btn {width: 320px; text-align: center;}
.rest_box_btn2 {float: right; padding-top: 70px;}

.rest_d {width: 680px;  line-height: 160%;}
.txt_green {color: #749200; font-size: 14px;}

.cancel_bg {padding: 10px 20px; background: url('../image/cancel_bg.gif') repeat-y;}
.resort_select {width: 680px; height: 20px; padding: 10px;  text-align: left; background: url('../image/bg_resort.gif') no-repeat;}
.resort_txt {margin: 0 20px; font-size: 12px; color:#666;}
.rest_box_left .btn_photoview {text-align: center; margin: 5px;}
.rest_img {width: 270px; height: 180px; border: #cacaca 1px solid; }

/* 리조트달력 */
.rest_title_box {overflow: hidden;}
.rest_title {float: left; margin: 13px 0 10px 0; }
.rest_arpadding {padding: 0 10px;}
.rest_icon {float: right; margin: 16px 5px 7px 0; font-size: 12px; color: #666;}
.rest_icon img {vertical-align: top; margin-left: 10px;}

.rest_calendar {position: relative; height: 18px; width:655px; background: #eee; border: #cacaca 1px solid; padding: 7px; margin-bottom: 10px; margin-left: 3px;}
.rest_calendar ul {list-style: none; overflow: hidden; position: absolute; top:10px; left:80px; }
.rest_calendar ul li {float: left; width: 24px; text-align: center; color: #888;}
.rest_calendar ul li a {display: block; font-family: "돋움"; font-size: 12px; color: #666;}
.rest_calendar ul li a:link {text-decoration: none; font-family: "돋움"; font-size: 12px; color: #666;}

.rest_table_calendar {width: 676px; background: url('../image/bg_calendar_21.gif') repeat-y;}
.rest_table_calendar table {width: 672px; margin-left: 3px; border: 0px; border-collapse: collapse; padding:0px;}
.rest_table_calendar thead th {text-align: center; }
.rest_table_calendar tbody td {height: 86px; padding:5px; vertical-align: top; border-top: #ffdcdc 1px solid;}
.rest_table_calendar p {line-height: 140%;}
.resttxt {overflow: hidden;}
.resttxt span {float: left; display: block; width: 28px; *width: 24px; font-size: 12px; color: #666; font-weight:normal;}
.rest_table_calendar .img {vertical-align: middle; margin-right: 2px; *margin: 2px 1px;}

/* 리조트검색 */
.resort_search {width: 650px; border: #afd40c 3px solid; padding: 20px 10px; text-align: center; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px;}


/* 팝업 레이어 */
#popupLayer {position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; padding-top: 550px; text-align: center; z-index:100; }
#popupLayer .img {border: 0; cursor: pointer;}
.pop_layer {width: 900px; margin: 0 auto; background:#fff; border: #f17e7e 3px solid; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; overflow: hidden;  box-shadow: #ccc 3px 3px 3px;  position: relative;}
.pop_layer .left {width: 600px; height: 328px;   float: left; border-right: #bfbfbf 1px solid;}
.pop_layer .resort_list {height: 280px; margin: 5px; overflow:auto;}
.resort_list table {border-collapse: collapse; margin-left: 6px;}
.resort_list thead th {font-size: 12px; color: #666; font-weight:normal; padding: 10px 5px; border-bottom: #efefef 1px solid; }
.resort_list tbody td {font-size: 12px; color: #666; font-weight:normal; padding: 5px; text-align: center;}
.resort_list .left {text-align: left;}
.pop_layer .resort_list2 {height: 280px; margin: 5px; overflow:auto;}
.resort_list2 table {border-collapse: collapse; margin-left: 10px;}
.resort_list2 tbody th {font-size: 12px; color: #666; font-weight:normal; text-align: left; padding: 10px 10px; border-bottom: #eee 1px dashed; border-right: #efefef 1px dashed;}
.resort_list2 tbody td {font-size: 12px; color: #666; font-weight:normal; text-align: left; padding: 10px 20px; border-bottom: #eee 1px dashed;}

.pop_layer .right {width: 299px; float: right; position: relative; }
.pop_layer .total {width: 900px; padding: 10px; border-top: #bfbfbf 1px solid; border-bottom: #bfbfbf 1px solid; overflow: hidden;}
.pop_layer .left2 {float: left; padding: 14px 0 0 10px;}
.pop_layer .right2 {float: right; padding: 0 40px 0 20px; overflow: hidden;}
.pop_layer .total_box {width: 270px; height: 28px; padding-top:10px; float:left; font-weight: bold; color:#e04e4e; border: #d29d9d 2px solid; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;}
.pop_layer .total_txt {width: 270px; height: 28px; padding-top:10px; float:left;}
.pop_layer .total_box a {color:#e04e4e;}
.pop_layer .total_box2 {float: left; background:#999; margin:0 10px;}
.pop_layer .guide {text-align: left; font-size: 12px; color:#666; line-height: 160%;}

.rest_txt {text-align: left; margin: 20px; color: #d44e4e; font-size: 12px;}
.resort_name {height: 28px; padding-top: 10px; padding-left: 10px; background: #f2f2f2;  border-bottom: #bfbfbf 1px solid; text-align: left; font-weight:bold;}
.resort_name2 {height: 28px; padding-top: 10px; padding-left: 20px; background: #f2f2f2;  border-bottom: #bfbfbf 1px solid; text-align: left;}
.right dl {width: 260px; list-style: none; font-size: 12px; margin-top:5px; color: #666; overflow:auto; line-height: 160%; overflow: hidden; padding-left:20px;}
.right dl dt {line-height: 200%; float: left; width: 80px; height:21px; text-align: left; padding-top:5px;}
.right dl dd {font-weight:normal; line-height: 200%; text-align: left;}
.right .unline {border-bottom: #efefef 1px solid; padding-bottom: 6px; }
.tpadding {width: 100px; display: block;}

.btn_close {position: absolute; right: 5px; top: 8px; }

#popupLayer2 {position: absolute; left: 80px; top: 210px; width: 400px; height: 300px; font-size: 12px; color: #666; font-weight:normal; text-align: center; z-index:200; background:#fff; border: #999 3px solid;  -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; box-shadow:#ccc 3px 3px 3px;}
#popupLayer2 .img {border: 0; cursor: pointer;}
.pay_date {width: 360px; height: 20px; text-align: left; border: #bfbfbf 1px solid; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; margin: 10px; padding: 10px;}
.pay_date img {vertical-align: middle; margin: 0 5px;}
.pay_date span {color: #769400; font-weight: bold; margin: 0 5px;}
.pay_total {width: 360px; padding: 15px 23px; text-align: left;}
.pay_total img {vertical-align: middle; margin: 0 5px;}
.pay_total .txt1 {color: #ba7200; font-weight: bold; margin: 0 5px;}
.pay_total .txt2 {color: #769400; font-weight: bold; margin: 0 5px;}
.pay_total2 {width: 150px; padding: 10px; margin: 0 0 10px 220px; border: #bfbfbf 1px solid; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;}
.pay_total2 img {vertical-align: middle; margin: 0 5px;}
.pay_total2 span {font-size: 13px; color:#e04e4e;}
.pay_table table {width: 382px;  margin: 0 10px; border-collapse: collapse;}
.pay_table tbody th {border: #bfbfbf 1px solid; padding: 5px; height: 25px;  background:#f2f2f2;}
.pay_table tbody td {border: #bfbfbf 1px solid; padding: 5px; height: 60px; color: #4aa1a4;}
.pay_table .gray {background:#999; color: #fff;}

/* discount 리솜리조트 할인카드 팝업 */
.discount_close {width: 320px; padding-left: 300px; padding-top: 20px;}
.discount {width:620px; overflow: hidden; font-size: 12px; color: #666; margin-top: 20px;}
.discount .left {width:180px;  float: left;}
.discount .right {width:440px; float: right;}
.discount h2 {padding-left: 14px; _width:90%; font-size: 12px; color: #666; font-weight: normal; background: url('../image/icon_discount.gif') no-repeat; height: 18px; border-bottom: #cacaca 0px solid; margin-top: 0px;}
.s_calendar {height: 158px; background: url('../image/bg_s_calendar.gif') no-repeat;}
.s_calendar_year {margin-left: 35px; padding-top: 7px; *margin-top: 7px;}
.s_calendar_day {margin: 5px 10px;  border-collapse: collapse; font-size: 11px; color: #666;}
.s_calendar_day thead td {padding: 4px 4px 1px 4px; text-align: center; border-top: #ff7779 1px solid; border-bottom: #ff7779 1px solid;}
.s_calendar_day tbody td {padding: 3px 4px 0px 4px; text-align: center; height: 13px\9; cursor:pointer;}
.s_calendar_day .on {background: #eb585b; color:#fff;}
*:first-child+html .s_calendar_day tbody td {height: 13px; padding: 3px 4px 0px 4px; text-align: center;}
.discount_choice {height: 40px; background: url('../image/bg_discount.gif') no-repeat; padding-top: 12px;}
.discount_choice img{vertical-align:middle;}
.discount_txt {color:#ff3131; line-height: 140%; padding-left:10px;}
.discount_con {position: relative; margin-top: 10px;}
.discount_btn {position: absolute; top: 95px; left: 15px; } /* 리솜리조트 할인카드 이용안내 바로가기 */
.discount_table table {border: 0; line-height: 160%; font-family: "돋움"; font-size: 12px; color: #666; border-collapse: collapse;}
.discount_table thead th {border-bottom: #cacaca 1px solid; background: #f4f4f4; text-align:center; font-weight:bold; color: #666; padding: 8px 5px;}
.discount_table thead td {border-bottom: #cacaca 1px solid; background: #f4f4f4; text-align:center; font-weight:normal; color: #333; padding: 8px 5px;}
.discount_table tbody th {border-bottom: #cacaca 1px solid; text-align: center; background: #f4f4f4; font-weight: normal; padding: 5px;}
.discount_table tbody td {border-bottom: #cacaca 1px solid; text-align: center; padding: 5px;}

/* club  */
.club_list {width: 680px;} /* 내용목록 dot */
.club_list h5 {font-size: 12px; color:#666; }
.club_list ul {list-style: none; font-size: 12px; margin: 0px; color: #666; overflow: hidden;}
.club_list ul li {width: 330px; float: left; padding: 0; margin: 8px 4px;}
.club_txt_list ul {}
.club_txt_list ul li {width: 235px; padding-left: 5px; margin: 3px 0px 3px 0px; line-height: 120%;}
.club_img {float: left; border: #e1e1e1 1px solid; }
.club_line {border-top: #e1e1e1 1px solid; margin-top: 10px;}
.club_line2 {border-top: #e1e1e1 1px solid; }

/* sitemap  */
.sitemap {width: 680px;} /* 내용목록 dot */
.sitemap ul {font-size: 12px; margin: 0px; padding: 0; color: #666; overflow: hidden;}
.sitemap ul li {width: 170px; _width: 126px; list-style: none; float: left; margin: 0px; display: block; }
.sitemap ul li a {width: 170px; _width: 126px; color:#666; }
.sitemap_list ul {padding-top: 10px; margin: 0 10px; overflow: hidden;}
.sitemap_list ul li {padding: 6px 0 6px 22px; border-bottom: #ddd 1px dashed; font-weight: bold;}
.sitemap_list_s ul {padding-top: 6px; margin: 0; overflow: hidden;}
.sitemap_list_s ul li {margin-left: 5px; padding: 2px 0; border: 0; font-weight: normal; }

/* pop */ 
.pop_bg {background: #bfbfbf;}
.bgpop {width: 604px; height: 456px; background: url('../image/bg_pop.gif') no-repeat; text-align: center; padding-top: 20px;}
.bgpop2 {width: 700px; height: 590px; background: url('../image/bg_pop1.gif') no-repeat; text-align: center; padding-top: 20px;}
.bgpop3 {width: 768px; height: 637px; background: url('../image/bg_map.gif') no-repeat; text-align: center; padding-top: 20px;}
.bgpop4 {width: 604px; background: url('../image/pop_bg_1.gif') repeat-y; text-align: center; padding-top: 20px;}
.gallery {width: 634px; margin: 10px 0 0 33px; overflow: hidden;}
.gallery ul {width: 594px; float: left; list-style: none; font-size: 12px; margin: 0px; padding: 0; color: #666; overflow: hidden;}
.gallery ul li {float: left; margin: 0 5px; }
.gallery .arr_left {float: left; margin-right: 6px;}
.gallery .arr_right {float: right;}
.maptxt {text-align: left; padding-top: 10px; width: 700px; margin: 0 auto; position: relative;}
.maptxt span {position: absolute; right: 0;}
.popbtn_close {position: absolute; top: 235px; left: 210px;}

/* pop - 이벤트 */
.pop_event {background: url('../image/bg_event.gif') repeat-x;}
.pop_event_box {height: 70px; font-size: 12px; color: #666; overflow: hidden; }
.pop_event_left {width: 136px; float: left;}
.pop_event_right {width:256px; float: right;}
.pop_event_title {padding: 20px; margin: 0 20px;  font-size: 12px; color: #666; line-height: 160%; border: #e1e1e1 1px solid;  background: #fff;
border-top-left-radius:10px; -webkit-border-top-left-radius:10px; -moz-border-radius-topleft:10px;
border-top-right-radius:10px; -webkit-border-top-right-radius:10px; -moz-border-radius-topright:10px;}
.event_title {font-size: 14px; color: #666; font-weight: bold;}
.event_day {position: relative;}
.event_title_right {position: absolute; top: 0px; right: 10px; *top: -5px; *right: 50px;}
.event_txt {word-break: break-all; min-height: 310px; _height:310px;}
.event_btn {text-align:center;}
.pop_event_title .line {border-bottom: #e1e1e1 1px solid; }
.pop_close {height: 18px; padding: 5px 20px; color: #fff; background: #999; margin: 0 20px; position: relative;
border-bottom-left-radius:10px; -webkit-border-bottom-left-radius:10px; -moz-border-radius-bottomleft:10px;
border-bottom-right-radius:10px; -webkit-border-bottom-right-radius:10px; -moz-border-radius-bottomright:10px;}
.pop_close_btn {position: absolute; top: 5px; right: 20px;}

/* pop 템플릿 */
.pop_1 .pop_top_box {font-size: 12px; color: #666; overflow: hidden; background: url('../image/1_top_bg.gif') repeat-x; min-width: 400px;}
.pop_1 .pop_top_left, .pop_1 .pop_bottom_left {float: left;}
.pop_1 .pop_top_right, .pop_1 .pop_bottom_right {float: right;}
.pop_1 .pop_middle_box {font-size: 12px; color: #666; min-width: 400px;}
.pop_1 .pop_middle_box table {border-collapse: collapse; width:100%;}
.pop_1 .pop_middle_left {background: url('../image/1_middle_left.gif') repeat-y;}
.pop_1 .pop_middle_right {background: url('../image/1_middle_right.gif') repeat-y;}
.pop_1 .pop_bottom_box {font-size: 12px; color: #666; overflow: hidden; background: url('../image/1_bottom_bg.gif') repeat-x; min-width: 400px;}

.pop_2 .pop_top_box {font-size: 12px; color: #666; overflow: hidden; background: url('../image/2_top_bg.gif') repeat-x; min-width: 400px;}
.pop_2 .pop_top_left, .pop_2 .pop_bottom_left {float: left;}
.pop_2 .pop_top_right, .pop_2 .pop_bottom_right {float: right;}
.pop_2 .pop_middle_box {font-size: 12px; color: #666; min-width: 400px;}
.pop_2 .pop_middle_box table {border-collapse: collapse; width:100%;}
.pop_2 .pop_middle_left {background: url('../image/2_middle_left.gif') repeat-y;}
.pop_2 .pop_middle_right {background: url('../image/2_middle_right.gif') repeat-y;}
.pop_2 .pop_bottom_box {font-size: 12px; color: #666; overflow: hidden; background: url('../image/2_bottom_bg.gif') repeat-x; min-width: 400px;}

.pop_3 .pop_top_box {font-size: 12px; color: #666; overflow: hidden; background: url('../image/3_top_bg.gif') repeat-x; min-width: 400px;}
.pop_3 .pop_top_left, .pop_3 .pop_bottom_left {float: left;}
.pop_3 .pop_top_right, .pop_3 .pop_bottom_right {float: right;}
.pop_3 .pop_middle_box {font-size: 12px; color: #666; background: #f4f9ff; min-width: 400px; }
.pop_3 .pop_middle_box table {border-collapse: collapse; width:100%;}
.pop_3 .pop_middle_left {background: url('../image/3_middle_left.gif') repeat-y;}
.pop_3 .pop_middle_right {background: url('../image/3_middle_right.gif') repeat-y;}
.pop_3 .pop_bottom_box {font-size: 12px; color: #666; overflow: hidden; background: url('../image/3_bottom_bg.gif') repeat-x; min-width: 400px;}

.pop_4 .pop_top_box {font-size: 12px; color: #666; overflow: hidden; background: url('../image/4_top_bg.gif') repeat-x; min-width: 400px;}
.pop_4 .pop_top_left, .pop_4 .pop_bottom_left {float: left;}
.pop_4 .pop_top_right, .pop_4 .pop_bottom_right {float: right;}
.pop_4 .pop_middle_box {font-size: 12px; color: #666; background: #f5ffd5; min-width: 400px; }
.pop_4 .pop_middle_box table {border-collapse: collapse; width:100%;}
.pop_4 .pop_middle_left {background: url('../image/4_middle_left.gif') repeat-y;}
.pop_4 .pop_middle_right {background: url('../image/4_middle_right.gif') repeat-y;}
.pop_4 .pop_bottom_box {font-size: 12px; color: #666; overflow: hidden; background: url('../image/4_bottom_bg.gif') repeat-x; min-width: 400px;}

.pop_txt {word-break: break-all;}
.pop_x {height: 18px; padding: 5px 20px; color: #fff; background: #999; position: relative; font-size: 12px; min-width: 360px;}
.pop_x_btn {position: absolute; top: 5px; right: 20px;}


/* bbs */
/* bbs_list_1 -> list */
.bbs_list_1 {background: url('../image/bg_title.gif') no-repeat;}
.bbs_list_1 table {width: 680px; border: 0; line-height: 160%; font-family: "돋움"; font-size: 12px; color: #666; border-collapse: collapse; }
.bbs_list_1 thead th { text-align:center; font-weight:bold; color: #333;  padding: 10px;}
.bbs_list_1 thead td {text-align:center; font-weight:normal; color: #333; padding: 7px;}
.bbs_list_1 tbody td {border-bottom: #e1e1e1 1px solid; text-align: center; padding: 7px;}
.bbs_list_1 .tleft {text-align: left;}
.bbs_list_1 .vtop {vertical-align: top;}
.icon_re {vertical-align: middle; padding-right: 5px;}
.bbs_position {position: absolute; top: 160px; left: 35px;}
.bbs_list_1 .q {padding-left: 10px; text-align:left;}
.bbs_list_1 .a {padding: 10px 10px 10px 15px; text-align:left;}
.bbs_list_1 .txt_red{color: #ff6969;}

.bbs_search {width: 660px; text-align: left; padding: 10px; font-family: "돋움"; font-size: 12px; color: #666;}
.bbs_search img, .bbs_search_member img,.bbs_search2 img {vertical-align: middle;}
.bbs_search_member {width: 665px; height: 100px; margin-left:10px; position: relative; background: url('../image/box_personSelect.gif') no-repeat;}
.bbs_search_member .ra1 {position: absolute; top: 37px; left: 40px;}
.bbs_search_member .ra2 {position: absolute; top: 22px; left: 320px;}
.bbs_search_member .ra3 {position: absolute; top: 55px; left: 320px;}

.bbs_search2 { width: 660px; text-align: left; padding: 10px; margin: 10px 0; font-family: "돋움"; font-size: 12px; color: #666; border: #e1e1e1 2px solid; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px;  line-height: 160%;}

/* pageing */
.btnArea_R {width: 680px; padding-top: 5px; text-align: right;}
.btnArea_C {width: 680px; padding-top: 5px; text-align: center;}
.paging_area {width: 680px; padding-top:5px; text-align: center; font-family: "돋움"; font-size: 12px; color: #666;}
.bbs_list_1 img, .paging_area img {vertical-align: middle;}
.pageing_number {padding: 2px 5px 0 5px; border: #cacaca 1px solid; }
.bg_b {padding: 2px 5px 0 5px; border: #cacaca 1px solid; background: #666; color: #fff;}

/* bbs_list_2 -> 사진첩 */
.bbs_list_2 {background: url('../image/bg_title2.gif') no-repeat;}
.bbs_list_2 table {width: 680px; border: 0; line-height: 160%; font-family: "돋움"; font-size: 12px; color: #666; border-collapse: collapse; }
.bbs_list_2 tbody td {border-bottom: #e1e1e1 1px solid; text-align: center; padding: 0;}
.bbs_list_2 .tleft {text-align: left;}
.bbs_list_2 .vtop {vertical-align: top;}
.bbs_list_2 p {margin: 7px; padding: 2px 5px;}
.bbs_list_2 .pic {width:157px; height: 116px; border: #e1e1e1 1px solid; margin:7px 0;}
.bbs_list_2 .ptit {background: #f4f4f4; font-weight: bold; color: #333; margin: 7px; padding: 5px;}
.bbs_list_2 img {vertical-align: middle;}

/* bbs_view_1 */
.bbs_view_1 {background: url('../image/bg_title.gif') no-repeat;margin-top:10px}
.bbs_view_1 table {width: 680px; border: 0; line-height: 160%; font-family: "돋움"; font-size: 12px; color: #666; border-collapse: collapse;}
.bbs_view_1 thead th {height: 34px; text-align: center; font-weight: bold; color: #333;}
.bbs_view_1 thead td {height: 20px; text-align: center; font-weight: normal; color: #333; padding: 5px;}
.bbs_view_1 tbody td {height: 20px; text-align: center; padding: 5px 0;}
.bbs_view_1 .tleft {text-align: left; padding-left: 20px; font-weight: bold;}
.m_txt {width: 640px; text-align: left; padding: 18px;  border: #e1e1e1 1px solid; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px;  line-height: 160%; color: #666; word-break:break-all;}
.m_txt img{max-width:640px !important}
.m_txt p font{font-size:12px !important;font-family:돋움,굴림 !important}/*DB에 저장된 기존 데이터의 글꼴 및 크기 제어*/
.m_txt table{width:100% !important}/*DB에 저장된 기존 데이터의 테이블 크기 제어*/
.m_txt table p img{max-width:640px !important}/*DB에 저장된 기존 데이터의 이미지 크기 제어*/
.m_txt2 {/*width: 640px;*/ text-align: left; padding: 10px 18px;  border: #e1e1e1 1px solid; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px;font-size:12px;font-family:돋움}
.m_txt2 span {width: 640px; display: block; text-align:left;}
.m_txt2 span img {vertical-align:middle;}
.bf_af dl {width: 680px; height:59px; list-style: none; font-size: 12px; margin-top:5px; color: #666; line-height: 160%; overflow: both;}
.bf_af dt {width: 40px; border-bottom: #e1e1e1 1px solid; font-weight: bold; float: left; padding: 5px 20px; }
.bf_af dd {width: 560px; border-bottom: #e1e1e1 1px solid; float: left; padding: 5px 20px;}
.event_line {width: 640px; border-bottom: #e1e1e1 1px solid; padding: 5px 20px; line-height: 160%; font-family: "돋움"; font-size: 12px; color: #666;}

.qnatable {width:676px; margin:0; border:1px solid #e1e1e1; border-radius:10px;}
.qnatable table {width:676px; border-collapse:collapse; border-spacing:0;}
.qnatable tbody th {border-right:1px solid #e1e1e1; border-bottom:1px solid #e1e1e1; text-align: center; font-weight: normal; color: #666; padding: 7px; background: #eee; font-family: "돋움"; font-size: 12px; color: #666;}
.qnatable tbody td {border-right:1px solid #e1e1e1; border-bottom:1px solid #e1e1e1; text-align: left; font-weight: normal; color: #666; padding: 7px; font-family: "돋움"; font-size: 12px; color: #666;}
.qnatable th:last-child,.qnatable td:last-child {border-right:none;}
.qnatable tr:last-child td,.qnatable tr:last-child th {border-bottom:none;}
.qnatable .left {text-align: left; padding: 12px 20px; }

.round-topleft {border-top-left-radius:10px; -webkit-border-top-left-radius:10px; -moz-border-radius-topleft:10px;}
.round-topright {border-top-right-radius:10px; -webkit-border-top-right-radius:10px; -moz-border-radius-topright:10px;}
.round-bottomleft { border-bottom-left-radius:10px; -webkit-border-bottom-left-radius:10px; -moz-border-radius-bottomleft:10px;}
.round-bottomright {border-bottom-right-radius:10px; -webkit-border-bottom-right-radius:10px; -moz-border-radius-bottomright:10px;}

/* bbs_write_1 */
.bbs_top {width: 680px; height: 10px; background: url('../image/bg_write_top.gif') no-repeat;}
.bbs_bottom {width: 680px; height: 10px; background: url('../image/bg_write_bottom.gif') no-repeat;}
.bbs_write_1 {width: 640px; padding: 20px 20px 20px 20px; background: url('../image/bg_content.gif') repeat-y; }
.bbs_tit {padding: 10px 0;}
.bbs_write_1 img {vertical-align: middle;}

/* bbs_pop */
.bbs_pop {width: 300px; text-align: center; margin: 10px; padding: 10px; border:1px solid #e1e1e1; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; background: #f2f2f2;}
.bbs_pop img {vertical-align: middle;}
.bbs_pop .tit {width: 260px; padding: 10px 0; border-bottom :1px solid #e1e1e1; margin: 0 auto;}
.bbs_pop .tit2 {width: 260px; padding: 10px 0; margin: 0 auto;}

/* form */
input, textarea, input, textarea {padding:3px 1px 2px; border:1px solid #DBDBDB; background:#fff; font-size: 12px; color: #666;}
select, label {font-size: 12px; color: #666;}
input[type="radio"], input[type="checkbox"] {border:0px;vertical-align:middle}

.txt1 {width: 180px;}
.txt2 {width: 80px;}
.txt3 {width: 71px;}
.txt4 {width: 510px; margin-bottom: 5px;}
.txt5 {width: 510px;}
.txt6 {width: 63px;}
.txt7 {width: 156px;}
.txt8 {width: 58px;}
.txt9 {width: 147px;}
.txt10 {width: 63px;}
.txt11 {width: 470px;}
.txtphone {width: 49px;}
.txtphone2 {width: 39px;}
.txtyear {width: 50px;}
.txtday {width: 30px;}
.txt_carlendar {width: 68px; border:1px solid #DBDBDB; background:#fff; font-size: 11px; color: #666;}
.zipcode, .agree, .check{vertical-align:middle;}
.memo1 {width: 490px; padding:5px; color: #666;}
.write_subject {width: 620px; padding:2px; color: #666;}
.write_file {width: 560px; color: #666; font-size: 11px;}
.write_file_box {width: 630px;}
.write_file_box img {vertical-align:middle;}
.write_content {width: 620px; padding:5px; color: #666; }


.check1 {border:0px; background: #e1e1e1; vertical-align:middle}
.check2 {border:0px; background: #efefef; vertical-align:middle}
.check3
  { color:#000000;
     padding-left:2;
     position:absolute; top:-2px; left:103px;
     border-color:#9CBED3;
     background-color:transparent!important;
     border-style:none !important;}
.check4
  { color:#000000;
     padding-left:2;
     position:absolute; top:-2px; left:150px;
     border-color:#9CBED3;
     background-color:transparent!important;
     border-style:none !important;}
.check5 {border:0px; background: #999; vertical-align:middle}


/* mail */
.mail_1 {margin-top: 10px;}
.mail_1 table {font-family: "돋움"; font-size: 11px; color:#666; border-collapse: collapse; margin:0 auto; width: 724px;}
.mail_1 .bg_1 {background: url('../image/img_1.gif') no-repeat;}
.mail_1 .bg_2 {background: url('../image/img_2.gif') repeat-y;}
.mail_1 .bg_3 {background: url('../image/img_3.gif') repeat-y;}
.mail_1 .bg_4 {background: url('../image/img_4.gif') no-repeat;}

.mail_2 {margin-top: 10px;}
.mail_2 table {font-family: "돋움"; font-size: 11px; color:#666; border-collapse: collapse; margin:0 auto; width: 724px;}
.mail_2 .bg_1 {background: url('../image/img_11.gif') no-repeat;}
.mail_2 .bg_2 {background: url('../image/img_21.gif') repeat-y;}
.mail_2 .bg_3 {background: url('../image/img_31.gif') repeat-y;}
.mail_2 .bg_4 {background: url('../image/img_41.gif') no-repeat;}

.mail_3 {margin-top: 10px;}
.mail_3 table {font-family: "돋움"; font-size: 11px; color:#666; border-collapse: collapse; margin:0 auto; width: 756px;}
.mail_3 .bg_1 {background: url('../image/img_12.gif') no-repeat;}
.mail_3 .bg_2 {background: url('../image/img_22.gif') repeat-y;}
.mail_3 .bg_3 {background: url('../image/img_32.gif') repeat-y;}
.mail_3 .bg_4 {background: url('../image/img_42.gif') no-repeat;}

.mail_4 {margin-top: 10px;}
.mail_4 table {font-family: "돋움"; font-size: 11px; color:#666; border-collapse: collapse; margin:0 auto; width: 713px;}
.mail_4 .bg_1 {background: url('../image/img_13.gif') no-repeat;}
.mail_4 .bg_2 {background: url('../image/img_23.gif') repeat-y;}
.mail_4 .bg_3 {background: url('../image/img_33.gif') repeat-y;}
.mail_4 .bg_4 {background: url('../image/img_43.gif') no-repeat;}

.mail_5 {margin-top: 10px;}
.mail_5 table {font-family: "돋움"; font-size: 11px; color:#666; border-collapse: collapse; margin:0 auto; width: 818px;}
.mail_5 .bg_1 {background: url('../image/img_14.gif') no-repeat;}
.mail_5 .bg_2 {background: url('../image/img_24.gif') repeat-y;}
.mail_5 .bg_3 {background: url('../image/img_34.gif') repeat-y;}
.mail_5 .bg_4 {background: url('../image/img_44.gif') no-repeat;}