@charset "utf-8";

#header {position:fixed; top:0; left:0; right:0; height:68px; background:#fff; border-bottom:1px solid #dadada; z-index:98;  font-size:50px; padding:15px 0 0 0;}
#header h1 {text-align:center; font-size:30px;}
/*#header h1 a img {width:150px;}*/
.home {position:absolute; top:20px; left:12px; height:40px;}
.home a {display:block; width:100%; height:40px;}
.home a img {height:30px;}
.login {position:absolute; top:20px; right:12px; height:40px;}
.login a {display:block; width:100%; height:40px;}
.login a img {height:30px;}
.mypage {position:absolute; top:20px; right:40px; height:40px;}
.mypage a {display:block; width:100%; height:40px;}
.mypage a img {height:30px;}



/***************Container******************/
#container {max-width:720px; margin:0 auto; position:relative; min-height:700px; top:68px; padding:0 2% 150px 2%; }
#container .sub_title {position:relative; font-size:34px; height:100px; line-height:100px; text-align:center;}
#container > h3 {color:#7c6741; font-size:20px;}

.sub {position:absolute; top:0; left:0; right:0; width:100%; margin:0 auto; line-height:58px; height:60px; background:#c8c8c8;}
.sub li {float:left; text-align:center; font-size:20px;}
.sub li + li {border-left:1px solid #ddd; }
.sub li a {display:inline-block; width:100%; height:100%; color:#444; font-weight:500;}
.sub li.on a , .sub li:active a { height:60px; color:#fff; background:#b4a07c; font-weight:500;}


.content h3 {font-size:20px;}




/**************************Footer*********************/
#footer {position:relative; left:0; right:0; bottom:0; width:100%; background:#292929; text-align:center; z-index:9999; padding:10px 0;}
#footer .foot_menu {font-size:13px; height:30px; line-height:30px;}
#footer .foot_menu span {}
#footer .foot_menu span a {display:inline-block; color:#fff;}
#footer .foot_menu .bar {font-size:12px; color:#8f8f91;}
#footer .address {padding:10px 0; font-size:11px; color:#fff;}



/************************************************버튼********************************************/

div.xlBtn {text-align:center; vertical-align:middle; margin-top:30px;}
div.xlBtn a{display:inline-block; min-width:100%; height:50px; line-height:50px; padding:0 30px; font-size:18px; background:#c8c8c8; color:#fff;}
div.xlBtn a.col {background:#b4a07c; color:#fff;}
div.xlBtn a.col_b {background:#2f2f2f; color:#fff;}
div.xlBtn a.col_d {background:#ad1e2c; color:#fff;}

div.bigBtn {text-align:center; vertical-align:middle; margin-top:30px;}
div.bigBtn a{display:inline-block; min-width:45%; height:50px; line-height:50px; padding:0 30px; margin:0 5px; font-size:18px; background:#c8c8c8; color:#fff; }
div.bigBtn a.col {background:#b4a07c; color:#fff;}
div.bigBtn a.col_b {background:#2f2f2f; color:#fff;}
div.bigBtn a.col_d {background:#ad1e2c; color:#fff;}

div.mediumBtn {text-align:center; vertical-align:middle; margin-top:30px;}
div.mediumBtn a{display:inline-block; width:30%; height:45px;  line-height:45px; text-align:center; font-size:16px; background:#fff; border:1px solid #ddd; color:#444; margin:0 1%;}
div.mediumBtn a.col {background:#b4a07c; color:#fff;}
/*div.mediumBtn a.col_g {background:#09512c; color:#fff;}*/
div.mediumBtn a.col_d {background:#ad1e2c; color:#fff;}
div.mediumBtn a.col_b {background:#2f2f2f; color:#fff;}

div.smallBtn {text-align:center; vertical-align:middle;}
/*div.smallBtn a{display:block; width:100%; height:30px; line-height:30px; text-align:center; font-size:15px; background:#c8c8c8; color:#fff;}*/
div.smallBtn a{display:inline-block; min-width:80px; height:30px; line-height:30px; text-align:center; font-size:15px; background:#fff; color:#fff; border:1px solid #ddd; color:#444;}
div.smallBtn a.col {background:#b4a07c; color:#fff;}
div.smallBtn a.col_b {background:#2f2f2f; color:#fff;}
div.smallBtn a.col_g {background:#09512c; color:#fff;}
div.smallBtn a.col_d {background:#ad1e2c; color:#fff;}
a.btn_sm {display:block; width:100%; height:40px; line-height:40px; text-align:center; font-size:15px; background:#b4a07c url(../images/search.png) center no-repeat; color:#fff; text-indent:-9999px; }

div.xsmallBtn {text-align:center; vertical-align:middle;}
div.xsmallBtn a{display:inline-block; width:90%; height:25px; line-height:25px; font-size:14px; background:#c8c8c8; color:#fff;}
div.xsmallBtn a.col {background:#dc594b; color:#fff;}
div.xsmallBtn a.col_g {background:#b4a07c; color:#fff;}
div.xsmallBtn a.col_d {background:#ddd; color:#444;}

div.pointBtn {position:absoltue; left:0; bottom:0; text-align:center; vertical-align:middle; margin-top:30px;}
div.pointBtn a{display:inline-block; min-width:100px; height:50px; line-height:50px; padding:0 30px; font-size:18px; background:#c8c8c8; color:#fff; }
div.pointBtn a.col {background:#ffd24d; color:#000;}
div.pointBtn a.col_g {background:#09512c; color:#fff;}
div.pointBtn a.col_r {background:#000; color:#fff;}
div.pointBtn a.col_b {background:#eee; color:#6e6e6e;}
div.pointBtn a.col_d {background:#ad1e2c; color:#fff;}

a.delete {display:inline-block; width:80px; height:30px; line-height:30px; color:#fff; text-align:center; background:#4f4f4f; margin-left:20px;}

/************************************************테이블*********************************************************/
.tbl_left tr th {text-align:left; font-weight:400;}
.tbl_left tr td {text-align:left; }

.tbl_center {border-bottom:1px solid #eee;}
.tbl_center tr th {text-align:center; font-size:16px; border-top:1px solid #000; background:#eee; padding:15px 0; font-weight:500;}
.tbl_center tr td {text-align:center; font-size:15px; padding:15px 0; border-bottom:1px solid #ddd;}

.tbl_group {border-top:2px solid #09512c; border-left:1px solid #ddd; border-right:1px solid #ddd;}
.tbl_group tr th {text-align:center; padding:10px; font-size:17px; font-weight:400; background:#eee; border-bottom:1px solid #ddd;}
.tbl_group tr td {text-align:left; padding:10px; font-size:16px;  border-bottom:1px solid #ddd;}

.tbl_deposit {border-top:2px solid #09512c; width:100%; border-right:1px solid #ddd; border-left:1px solid #ddd;}
.tbl_deposit tr th {text-align:center; padding:10px; font-size:17px; font-weight:400; background:#eee; border-bottom:1px solid #ddd;}
.tbl_deposit tr td {text-align:left; padding:10px; font-size:16px;  border-bottom:1px solid #ddd;}

.tbl_join {border-top:1px solid #000; border-right:1px solid #ddd; border-left:1px solid #ddd; width:100%;}
.tbl_join th {text-align:center; padding:15px; font-size:17px; font-weight:400; background:#eee; border-bottom:1px solid #ddd;}
.tbl_join td {text-align:left; padding:15px; font-size:16px;  border-bottom:1px solid #ddd; }

.tbl_board {border-bottom:1px solid #eee;}
.tbl_board th {text-align:center; font-size:16px; border-top:1px solid #000; background:#eee; height:40px; line-height:40px; font-weight:500;}
.tbl_board td {text-align:center; font-size:15px; border-bottom:1px solid #ddd; padding:5px; height:30px; line-height:30px;}


.tbl01 {border-bottom:1px solid #eee; width:100%; border-top:1px solid #000;}
.tbl01 th {font-size:16px; padding:15px; background:#eee; font-weight:500; border-bottom:1px solid #ddd;}
.tbl01 td {font-size:15px; padding:15px; border-bottom:1px solid #ddd;}




/***************************************************폼**********************************************************/
select.selStyle {height:40px; border:1px solid #ccc; background-color:#fff; background:url(../images/arrowDown.png) 95% center no-repeat; width:100%; padding:0 10px; 
appearance:none;-webkit-appearance:none;-moz-appearance:none;-ms-appearance:none;-o-appearance:none;}
select.sel_s {width:100%; height:30px; border:1px solid #ccc; background-color:#fff; background:url(../images/arrowDown.png) 95% center no-repeat; padding:0 10px; 
appearance:none;-webkit-appearance:none;-moz-appearance:none;-ms-appearance:none;-o-appearance:none;}
select.sel_ss {height:40px; border:1px solid #ccc; background-color:#fff; background:url(../images/arrowDown.png) 95% center no-repeat; width:80px; padding:0 10px; 
appearance:none;-webkit-appearance:none;-moz-appearance:none;-ms-appearance:none;-o-appearance:none;}
select.sel_sw {height:40px; border:1px solid #ccc; background-color:#fff; background:url(../images/arrowDown.png) 95% center no-repeat; width:100%; padding:0 10px; 
appearance:none;-webkit-appearance:none;-moz-appearance:none;-ms-appearance:none;-o-appearance:none;}
select::-ms-expand {opacity:0;}
ul.checkbox li {display:inline-block;}
div.allCheckBox ul.checkbox {text-align:center;}
::placeholder { color:#a1a1a1; opacity: 1;}
:-ms-input-placeholder { color:#a1a1a1;}
::-ms-input-placeholder {color:#a1a1a1;}

input.iptStyle {padding:0 5px;width:100%;border:1px solid #ccc;box-sizing:border-box;vertical-align: middle;height:40px;}
input.phone {width:30%;}
input.ipt_s {border:1px solid #ccc; width:20%; height:30px; padding:5px;}
input.ipt_sw {border:1px solid #ccc; width:100%; height:40px; padding:5px;}
textarea {width:100%; border:1px solid #c8c8c8; padding:5px;}




/***********************조인게시판******************************/
.reply {border:1px solid #ddd; }
.reply h3 {height:40px; line-height:40px; background:#eee; padding:0 20px;}
.reply p {padding-left:20px;}
.reply ul {padding:10px 0;}
.reply ul li {padding-left:25px;}
span.joinbBtn {display:inline-block; padding:0 10px; color:#fff; background:#bfbfbf;}
span.col {background:#2d77ab;}


/************************************게시판************************************************/
div.viewBox {border-top:1px solid #000;}
p.viewTit {padding:20px; border-bottom:1px solid #ccc;font-size:18px;font-weight:500; line-height:1.5; color:#222;background:#eee;}
ul.viewDate {border-bottom:1px solid #ccc;height:50px;}
ul.viewDate li {position:relative; display:inline-block; padding:16px 30px; color:#777;}
ul.viewDate li:first-child::after {display:none;}
ul.viewDate li::after {position:absolute;top:50%;left:-2px;content:'';display:block;margin-top:-6px;width:1px;height:12px;background:#ddd;}
ul.viewDate li span {color:#222;}
div.viewCnt {padding:40px 30px;border-bottom:1px solid #ccc;}
div.viewCnt img {max-width:100%;}
div.viewCnt p {font-size:15px;line-height:26px;}

ul.event_cate {}
ul.event_cate li {float:left; width:50%; height:50px; line-height:48px; border:1px solid #ccc; text-align:center; font-size:20px;}
ul.event_cate li.on {height:50px; line-height:50px; border:2px solid #b4a07c; margin-top:-1px;}
ul.event_cate li a {display:block; }


/*********************갤러리*********************/
ul.eventBoard {width:100%;}
ul.eventBoard li {float:left; width:210px; height:250px; margin-right:20px; border:1px solid #ddd;}
ul.eventBoard li:last-child {margin-right:0;}
ul.eventBoard li dl.imgBox dt {width:100%; height:180px; margin-bottom:10px;}
ul.eventBoard li dl.imgBox dt img {width:100%; height:100%;}
ul.eventBoard li dl.imgBox dd {padding-left:20px; color:#000; height:20px; line-height:20px; overflow:hidden;}
ul.eventBoard li dl.imgBox dd:last-child {font-size:13px; color:#818181;}




/****************************************************************** 예약 *******************************************************/

div.leftCnt {width:100%; text-align:center;}
.leftCnt h2.title , .rightCnt h2.title {text-align:left; font-size:20px; color:#000; margin-bottom:20px; font-weight:400;}
.pre {text-align:left; margin-top:30px;}

div.leftCnt .colorIndex {float:right;}
div.leftCnt .colorIndex li {float:left; position:relative; padding:0 0 0 22px; margin-left:15px;}
div.leftCnt .colorIndex li:nth-child(1):before {content:""; position:absolute; left:0; top:5px; width:20px; height:19px; background:#8c7d61;}
div.leftCnt .colorIndex li:nth-child(2):before {content:""; position:absolute; left:0; top:5px; width:20px; height:19px; border:2px solid #8c7d61;}
div.leftCnt .colorIndex li:nth-child(3):before {content:""; position:absolute; left:0; top:5px; width:20px; height:19px; background:#e1e1e1;}
div.calBox h2.calHead{background:#f7f7f7;height:50px;line-height:50px;}
h2.calHead {position:relative; font-size:22px;color:#363636;}
h2.calHead span.prev {position:absolute; top:15px; left:80px;}
h2.calHead span.next {position:absolute; top:15px; right:80px;}
table.calenda {width:100%;}
table.calenda thead th{ border-bottom:1px solid #d2d2d2; height:50px;}
table.calenda tbody td {height:45px; text-align:center; vertical-align:middle;}
table.calenda tbody tr:last-child td{border-bottom:1px solid #ddd;}
table.calenda tbody tr td:last-child a{ color:#335eb4;}
table.calenda tbody tr td:first-child a{ color:#b34848;}
table.calenda th {height:28px;font-size:20px;font-weight:300;}
table.calenda th.sun {color:#b34848;}
table.calenda th.sat {color:#335eb4;}
table.calenda td {height:40px; line-height:40px; color:#7d7d7d;border:1px solid #c8c8c8;}
table.calenda td a {display:inline-block; width:100%; height:100%; font-size:17px; }
table.calenda td a.today { background-color:#b92c42;color:#fff;}
table.calenda td a.closed {background-color:#efefef;color:#444;}
table.calenda td span {display:block; line-height:1; color:#000; font-size:13px;}
table.calenda td a.reserved {border:2px solid #8c7d61; color:#000;}
table.calenda td a.select , table.calenda td a:hover , table.calenda td a:hover > span {background-color:#8c7d61; color:#fff;}
table.calenda td a{background-color:#fff; color:#000;}
table.calenda tbody td:first-child a:hover{background-color:#8c7d61; color:#fff;}
table.calenda tbody td:last-child a:hover{background-color:#8c7d61; color:#fff;}


div.rightCnt {position:relative; width:100%; text-align:center;}
div.rightCnt .course {height:60px; line-height:60px; border-top:1px solid #c8c8c8; border-right:1px solid #c8c8c8;}
div.rightCnt .course li {float:left; width:33.333%; border-left:1px solid #c8c8c8; font-size:18px; background:#ebebeb;}
div.rightCnt .course li a {display:block; width:100%; height:100%;}
div.rightCnt .course li:hover a {background:#ddd; color:#444;}
div.rightCnt .course li.on a {background:#8c7d61; color:#fff;}
div.rightCnt .cate {background:#f5f5f5; height:43px; line-height:43px; border:1px solid #c8c8c8; border-bottom:none; font-size:17px; border-top:2px solid #000; padding-right:20px;}
div.rightCnt .cate li {float:left; width:25%; height:41px; line-height:41px; text-align:center;}
div.rightCnt .reserve_wrap {height:700px; overflow-x:hidden; overflow-y:auto; border:1px solid #c8c8c8; background:#fff;}

.btn_reserve {display:inline-block; min-width:100px; height:30px; line-height:30px; border:1px solid #685839; padding:0 15px; color:#0a512c; }
.btn_reserve:hover {background:#685839; color:#fff;}
.btn_ing {display:inline-block; min-width:100px; height:30px; line-height:30px; border:1px solid #646464; padding:0 15px; color:#1a1a1a; }
.btn_ing:hover {background:#646464; color:#fff;}
.btn_cancel {display:inline-block; min-width:100px; height:30px; line-height:30px; border:1px solid #9e1f32; padding:0 15px; color:#1a1a1a;}
.btn_cancel:hover {background:#9e1f32; color:#fff;}
table.reserve {width:100%;} 
table.reserve tr {height:35px; cursor:pointer;} 
table.reserve tr:hover td {color:#1a1a1a;}
table.reserve th {background-color:#e6e6e7; font-weight:500; font-size:18px; color:#1a1a1a; font-weight:400;} 
table.reserve td {text-align:center; font-size:15px; font-weight:400; color:#989898; padding:5px 0;}
.reserve_info {display:none; float:left; width:100%; margin-top:100px; padding-top:30px; border-top:1px solid #ddd; }
.reserve_info .btn {display:block; width:300px; height:50px; line-height:50px; background:#80ba27; text-align:center; margin:30px auto; font-size:20px;}
.reserve_info .btn a {color:#fff;}

p.reCheckTxt span {font-size: 28px; letter-spacing: 1px; color: #3c4856;}


ul.userInfo {
    font-size: 24px;
    text-align: center;
    border: 3px solid #ddd;
    border-radius: 50px;
    margin-bottom: 30px;
    padding: 10px 0;
}
ul.userInfo li span {
    color: #8c7d61;
}


/****************************예약 레이어팝업***************************/
#popup{position:fixed; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,0.5); font-size:16px; line-height:1.2; display:none; z-index:99999;}
#popup .popup_inner{position:absolute; left:50%; top:50%; transform:translate(-50%, -50%); background:#fff; max-width:720px; color:#000; overflow:hidden;}
#popup .popup_inner .pointBtn a {float:left; width:50%;}
.close{position:absolute; right:10px; top:10px;}
.popup_inner .title {font-size:28px; text-align:center; font-weight:500; height:50px; line-height:50px; color:#444; margin-top:30px; margin-bottom:20px;}
.tbl_reserve {width:100%; border-top:1px solid #ddd;}
.reserve_info2 {width:330px; margin:0 auto; text-align:center; background:#eee; border-top:1px solid #ddd; border-bottom:1px solid #ddd; padding:20px 0;}
.reserve_info2 li {font-size:16px; text-align:left; padding:0 20px; line-height:1.8;}
.reserve_info2 li strong {color:#107ab7;}
.reserve_info2 li span {display:inline-block; min-width:110px; font-size:16px; margin:0 2%;}



/*************************************예약확인/취소**************************************************/
table.search_reserve {width:100%;}
table.search_reserve th {text-align:center;}
table.search_reserve td {text-align:center;}
table.search_reserve td:last-child {float:right; width:90%;}

/*
.search {overflow:hidden; display:table; width:50%;}
.search li {display:table-cell; text-align:center; vertical-align:middle;}
.search li:first-child {width:100px;}
.search li:last-child {width:100px;}
.search_date {overflow:hidden; display:table; width:100%;}
.search_date li {display:table-cell; text-align:center; vertical-align:middle;}
*/


/****************************************단체예약**************************************************/
.group_info {padding:0 20px 20px 20px; border:1px solid #ddd;}
.group_info .title_jo {display:inline-block; margin-top:20px;}



/*******************************************************************Login**************************************************/
div.loginPage {
    background-color:#f7f7f7;
}
h2.loginTit {
    font-size:48px;
    text-align:center;
    color:#333333;
}
p.loginTxt {font-size:15px; text-align:center; color:#666;}
div.loginInner {
	margin:50px auto;
}
div.loginInner p {text-align:center;}
ul.loginForm {
    width:100%;
	margin-top:30px;
}
ul.loginForm li {
    float:left;
    width:70%;
    vertical-align:top;
}
ul.loginForm li input:first-child {
    margin-bottom:10px;
}
ul.loginForm li.loginBtn {
    float:right;
    width:30%;
    text-align:right;
}
ul.loginForm li.loginBtn a {
    display:inline-block;
    width:95%;
    height:90px;
    background-color:#b4a07c;
    font-size:16px;
    text-align:center;
    line-height:90px;
    color:#fff;
}
div.loginInner ul.checkBox {
    margin:10px 0;
    text-align:left;
}
div.loginInner ul.sns {width:500px; margin:0 auto;}
div.loginInner ul.sns img {width:240px;}
div.loginInner ul.sns li {float:left; margin-left:20px;}
div.loginInner ul.sns li:first-child {margin:0;}
ul.checkBox li {
    margin-left:0;
}
div.linkBtn a:first-child {
    float:left;
}
div.linkBtn a {
    float:right;
    display:block;
    width:48%;
    height:50px;
    font-size:15px;
    font-weight:600;
    line-height:50px;
    color:#3b4856;
    text-align:center;
    border:1px solid #3b4856;
}

div.joinBox p {
    font-size:14px;
    line-height:22px;
}
div.joinBtn {
    margin:0 auto;
    padding:15px 0 50px 0;
}
div.joinBtn a {
    display:block;
    height:60px;
    background-color:#727272;
    font-size:17px;
    line-height:60px;
    text-align:center;
    color:#fff;
}
div.join_box p.desc {text-align:center;}


/*--//Login--*/


/*---- Id 아이디찾기 ----*/
div.idpwPage {}
div.idpwBox {
    background-color:#fff;
}
ul.findTab {
    display:table;
    width:100%;
}
ul.findTab li {
    display:table-cell;
    width:50%;
    border:1px solid #c8c8c8;
}
ul.findTab li.on {
    border:2px solid #b4a07c;
}
ul.findTab li a {
    display:block;
    width:100%;
    height:55px;
    font-size:17px;
    text-align:center;
    line-height:55px;
    color:#767676;
}

div.idpwInner {
    padding:60px 5px;
    width:100%;
    background-color:#fff;
    border:1px solid #c8c8c8;
    border-top:0;
}
div.idpwInner p {
    font-size:15px;
    text-align:center;
    line-height:26px;
    color:#666;
}

table.idpwTbl input.phone {width:29%;}
table.idpwTbl {margin:20px auto; width:100%; border-top:1px solid #ddd;}
table.idpwTbl tr th {font-size:17px; text-align:center; background:#f7f7f7; height:37px; padding:12px 0; border-bottom:1px solid #ddd; font-weight:400;}
table.idpwTbl tr td {padding:10px; border-bottom:1px solid #ddd;}
table.idpwTbl tr td a {display:inline-block; width:100px;height:40px;background-color:#727272;font-size:16px;line-height:40px;color:#fff;text-align:center;}


div.idpwOkbox {
    padding:50px 0;
    font-size:18px;
    text-align:center;
    color:#666;
    line-height:32px;    
    text-align:center;
}
div.idpwOkbox span {
    border-bottom:1px solid #333;
    color:#000;
}
div.idpwOkbox span.id {
    margin:0 15px;
    font-size:36px;
}
/*-- END Id 아이디찾기 --*/




/**********************JOIN************************************/

h2.joinTit {
    font-size:24px;
    color:#333;
	font-weight:400;
	margin-top:80px;
}
h2.joinTit span {
    font-size:16px;
    color:#dc594b;
}
ul.step {
    padding:30px 0;
    position:relative;
    text-align:center;
}
ul.step::after {
    content:'';
    display:block;
    position:absolute;
    top:50%;
    left:50%;
    margin-top:-15px;
    margin-left:-180px;
    width:300px;
    height:1px;
    background-color:#ddd;
    z-index:-1;
}
ul.step li {
    display:inline-block;
    margin:0 30px;
    width:90px;
    text-align:center;
}
ul.step li span.sqcIc {
    display:block;
    width:92px;
    height:92px;
    background:url('../images/sequence.png') no-repeat;
}
ul.step li span.ic00 {
    background-position:0 -92px;
}
ul.step li span.ic01 {
    background-position:-92px -92px;
}
ul.step li span.ic02 {
    background-position:-184px -92px;
}
ul.step li.act span.ic00 {
    background-position:0 0;
}
ul.step li.act span.ic01 {
    background-position:-92px 0;
}
ul.step li.act span.ic02 {
    background-position:-184px 0;
}
ul.step li p {
    margin-top:15px;
    font-size:15px;
    color:#888;
}
ul.step li.act p {
    font-family: 'Noto Sans Medium';
    color:#293d4a;
}
div.allCheckBox {
    padding:45px 20px ;
    width:100%;
    border:4px solid #eee;
    text-align:center;
}
div.allCheckBox p {
    margin-bottom:30px;
    font-size:20px;
    font-family: 'Noto Sans Bold';
    line-height:1.5;
    color:#333;
	font-weight:600;
}
div.allCheckBox ul.checkBox {
    margin-top:0;
    text-align:center;
}
div.allCheckBox ul.checkBox li input[type="checkbox"] + label {
	font-size:16px;
	color:#666666;
}
div.agreeCnt {
    margin-top:70px;
   /* border-bottom:1px solid #e9e9e9; */
}
div.agreeInner {
    margin-bottom:50px;
}
div.agreeInner div.scrollbox {
    margin-top:15px;
    width:100%;
    height:230px;
    background-color:#f6f6f6;
	overflow:auto;
	-webkit-overflow-scrolling:touch;
}
div.agreeInner div.scrollbox iframe {
    width:100%;
    height:100%;
}
div.agreeInner p.joinTxt {
    margin-top:15px;
    font-size:14px;
    line-height:24px;
    color:#454545;
}
div.joinCnt span.point {font-size:15px;}
   
h3.subTit02 span {
    margin-left:10px;
    font-size:14px;
    font-family: 'Noto Sans Light';
    color:#888;
}
div.joinInner {
    margin-top:15px;
    width:100%;
    background-color:#f9f9f9;
    border-top:2px solid #3b4856;
    border-bottom:1px solid #e9e9e9;
}
table.joinTbl {
    width:100%;
	border-top:2px solid #1a1a1a;
	border-bottom:1px solid #ddd;
	border-right:1px solid #ddd;
	border-left:1px solid #ddd;
}
table.joinTbl tr th {
    font-size: 15px;
    text-align: left;
    background: #f7f7f7;
    padding: 10px 20px;
    border-bottom: 1px solid #ddd;
	border-top:1px solid #ddd;
	font-weight:400;
	/*width:100%;*/
}
table.joinTbl tr td {
    padding:10px;
    font-size:14px;
	border-top:1px solid #ddd;
}

table.agreeTbl {
    margin:20px auto;
    width:100%;
	border-top:2px solid #1a1a1a;
	border:1px solid #c8c8c8;
}
table.agreeTbl tr th {
    font-size:17px;
    text-align:center;
	background:#eee;
	padding:12px 0;
	word-break:break-all;
}
table.agreeTbl tr td {
    padding:0 5px;
    font-size:14px;
	border-top:1px solid #c8c8c8;
	border-left:1px solid #c8c8c8;
	word-break:break-all;
}

.point {padding-left:3px; color:#e21a4c;}
.point_g {color:#b4a07c;}

table.agreeTbl tr td ul.radioBox {}
table.agreeTbl tr td ul.radioBox li {display:inline-block;}
ul.radioBox {text-align:left;}
ul.radioBox li {display:inline-block;}
ul.radioBox li:first-child {margin-right:15px;}
ul.radioBox li input[type="radio"] {display:none;}
ul.radioBox li input[type="radio"]:checked + label {background-position:0 -18px;}
ul.radioBox li input[type="radio"] + label {padding-left:25px; display:inline-block; height:18px; background:url(../images/radiobox.png) no-repeat; line-height:18px; font-size:14px;}
ul.radioBox_center li input[type="radio"] {display:none;}
ul.radioBox_center li input[type="radio"]:checked + label {background-position:0 -18px;}
ul.radioBox_center li input[type="radio"] + label {padding-left:25px; display:inline-block; height:18px; background:url(../images/radiobox.png) no-repeat; line-height:18px;}


table.joinTbl tr td a {
    display:inline-block;
    width:30%;
    height:40px;
    background-color:#727272;
    font-size:16px;
    line-height:40px;
    color:#fff;
    text-align:center;
	vertical-align:middle;
}

table.agreeTbl tr td ul.radioBox {display:inline-block; text-align:center;}
table.agreeTbl tr th {border-left:1px solid #c8c8c8; border-right:1px solid #c8c8c8;}
span.w28 {width:28%; display:inline-block; }
span.w30 {width:30%; display:inline-block; }
span.w32 {width:32%; display:inline-block; }
span.w47 {width:47.5%; display:inline-block;}
span.w60 {width:60%; display:inline-block; }
span.w70 {width:70%; display:inline-block; }
span.dash {width:5%; display:inline-block; color:#ccc; font-size:20px; text-align:center; vertical-align:middle;}
span.w04 {width:4%; display:inline-block; color:#ccc; font-size:20px; text-align:center; vertical-align:middle; }
td.size0 {font-size:0;}

.agreeInner ul.radioBox {text-align:center;}
.agreeInner ul.checkBox li {display:inline-block; }
.agreeInner ul.checkBox {float:right; margin:10px 0;}

ul.checkBox li input[type="checkbox"] {display:none;}
ul.checkBox li input[type="checkbox"] + label {
	padding-left:27px;
	display:inline-block;
	height:25px;
	background:url('../images/checkbox.png') no-repeat;
	background-position: 0 0;
	font-size:17px;
	line-height:25px;
	color:#444;
}
ul.checkBox li input[type="checkbox"]:checked + label {
	background-position: 0 -25px;
}



/***************************************게시판**********************************************/
/*---- 페이저 ----*/
div.paging ul {
    margin:30px auto;
    text-align:center;
}
div.paging ul li {
    display:inline-block;
    padding:0 3px;
}
div.paging ul li a {
    display:inline-block;
    border:1px solid #eee;
    width:35px;
    height:35px;
    font-size:15px;
    text-align:center;
    line-height:35px;
    box-sizing:border-box;
    color:#999;
    vertical-align:middle;
}
div.paging ul li.active a {
    border:1px solid #000;
    color:#000;
}





/**********************회원탈퇴***************************/
ul.withdrawal {border:1px solid #ddd; padding:30px;}



/*댓글*/
div.replyArea {
    margin-top:50px;
    width:100%;
}
h2.replyTit {
    margin-bottom:20px;
    font-size:18px;
    color:#333;
}
ul.listComment li {
    position:relative;
    margin-bottom:10px;
    padding:20px 30px;
    background-color:#f9f9f9;
}
ul.listComment li p.data {
    margin-right:20px;
    display:inline-block;
    font-size:16px;
    color:#111;
}
ul.listComment li p.data span {
    margin-left:20px;
    font-size:13px;
    color:#999;
}
ul.listComment li p.data span.checkStyle {
    margin-left:10px;
    margin-right:5px;
}
ul.listComment li p.data span.checkStyle input {
    display:none;
}
ul.listComment li p.data span.checkStyle input[type="checkbox"] + label {
	padding-left:25px;
	display:inline-block;
	height:20px;
    background:url('../images/checkbox.png') no-repeat;
	background-size:20px 40px;
	font-size:14px;
    color:#999;
	line-height:20px;
}
ul.listComment li p.data span.checkStyle input[type="checkbox"]:checked + label {
	background-position: 0 -20px;
}
ul.listComment li p.text {
    margin-top:15px;
    font-size:15px;
    line-height:26px;
    color:#666;
}
ul.listComment li div.editBtn {
    position:absolute;
    top:15px;
    right:30px;
}
ul.listComment li div.editBtn a {
    display:inline-block;
    margin-left:2px;
    width:65px;
    height:28px;
    border:1px solid #ddd;
    border-radius:2px;
    background-color:#fff;
    font-size:14px;
    line-height:28px;
    text-align:center;
}
div.comment {
    width:100%;
   /* border:2px solid #667985; */
	border:2px solid #667985; 
    overflow:hidden;
}
div.comment textarea {
    padding:10px 15px;
    width:1196px;
    max-width:1196px;
    height:80px;
    border:none;
}
div.commentInner {
    position:relative;
    height:35px;
    line-height:30px;
    border-top:1px solid #cdd3d7;
} 
div.commentInner ul.commentAgree {
    margin-top:0;
    text-align:left;
}
div.commentInner ul.commentAgree li {
    padding:0 25px 0 5px;
    border-right:1px solid #eee;
}
div.commentInner ul.commentAgree li input[type="checkbox"] + label {
	padding-left:25px;
	display:inline-block;
	height:20px;
	background-size:20px 40px;
	font-size:14px;
    color:#999;
	line-height:20px;
}
div.commentInner ul.commentAgree li input[type="checkbox"]:checked + label {
	background-position: 0 -20px;
}
div.commentInner ul.commentAgree li p {
    display:inline-block;
    margin-right:10px;
    font-size:14px;
    color:#666;
}
div.commentInner ul.commentAgree li p.flipBtn {
    padding-left:10px;
    font-size:14px;
    color:#ffcb16;
    cursor:pointer;
}
div.commentInner a.miniBtn {
    position:absolute;
    top:-1px;
    right:0;
    display:block;
    width:80px;
    height:35px;
    background-color:#667985;
    font-size:15px;
    line-height:35px;
    text-align:center;
    color:#fff;
}
div.replyArea div.panel {
    margin-top:30px;
    display:none;
}
div.replyArea div.panel h3.subTit02 {
    font-size:18px;
}
div.replyArea div.panel p.joinTxt {
    margin-top:15px;
    font-size:14px;
    line-height:24px;
    color:#454545;
}

table.writeTbl {
    margin-bottom:30px;
    border-top:2px solid #0c2c40;
}
table.writeTbl tr th {
    font-size:16px;
    font-family: 'Noto Sans DemiLight';
    background:#f9f9f9;
}
table.writeTbl tr td {
    position:relative;
    padding:10px;
    height:50px;
}
table.writeTbl tr td a {
    display:inline-block;
    width:120px;
    height:50px;
    background-color:#153041;
    font-size:16px;
    line-height:50px;
    color:#fff;
    text-align:center;
}
table.writeTbl tr td span {
    margin-left:15px;
    font-size:15px;
    color:#85c450;
}
table.writeTbl tr td span.dash {
    font-size:15px;
    color:#444;
	margin:0;
}
table.writeTbl tr td input.iptStyle {
    height:30px;
}
table.writeTbl tr td select.selStyle {
    width:20%;
    height:30px;
    font-size:14px;
}
table.writeTbl tr td p {
    display:inline-block;
    padding-left:10px;
    font-size:14px;
    text-align:left;
}
table.writeTbl tr td ul.checkBox {
    position:absolute;
    top:0;
    right:30px;
}
table.writeTbl tr td ul.checkBox li input[type="checkbox"] + label {
	padding-left:25px;
	display:inline-block;
	height:20px;
	background-size:20px 40px;
	font-size:14px;
    color:#999;
	line-height:20px;
}
table.writeTbl tr td ul.checkBox li input[type="checkbox"]:checked + label {
	background-position: 0 -20px;
}
table.writeTbl tr td textarea {
    width:100%;
    min-width:100%;
    height:300px;
    border:1px solid #e0e0e0;
    box-sizing:border-box;
}
div.viewControl dl {
    display:table;
    padding:0 30px;
    width:100%;
    border-bottom:1px solid #ccc;
    line-height:50px;
}
div.viewControl dl dt {
    display:table-cell;
    width:6%;
    font-size:16px;
    font-weight:600;
    color:#667985;
}
div.viewControl dl.prev dt {
    background:url('../images/boardArrow_up.png') no-repeat center right;
}
div.viewControl dl.next dt {
    background:url('../images/boardArrow_down.png') no-repeat center right;
}
div.viewControl dl dd {
    display:table-cell;
    width:80%;
    color:#999;
}
div.viewControl dl dd a {
    margin:0 50px;
    color:#666;
}
div.viewControl dl dd a:hover {
    text-decoration:underline;
}
div.viewControl dl dd.date {
    width:80%;
    text-align:right;
}