@charset "utf-8";

/*웹폰트 설정*/
@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);

/* reset CSS */
html,body {width:100%; height:100%; font-family:'Nanum Gothic' , 나눔고딕 , sans-serif; font-weight:normal; font-size:13px; color:#474747;}
body,p,h1,h2,h3,h4,h5,h6,ul,ol,li,dl,dt,dd,table,th,td,form,fieldset,legend,input,textarea,button,a,select,div,label {margin:0; padding:0;}
p,ul,ol,li,dl,dt,dd,form {list-style-image:none; list-style-position:outside; list-style-type:none; border:0;}
table {width:100%; border-collapse:collapse; table-layout:fixed; word-break:break-all; border-spacing:0;}
img {border:0; vertical-align:top;}
button {background:none; border:0; cursor:pointer; *overflow:visible;}
fieldset,iframe {border:0;}
input {border:1px solid #a3a3a3;}
input,select,textarea,label {vertical-align:middle;}
input::-ms-clear {display:none;}
legend, hr {display:none;}
em,address {font-style:normal;}
a {text-decoration:none; color:#474747;}
a:hover,a:active,a:focus {text-decoration:none;}
frameset, frameborder, frame {border:0;}
iframe {overflow-x:hidden; overflow-y:auto;}
caption {display:none; width:0; height:0; margin-top:-1px; overflow:hidden; visibility:hidden; font-size:0; line-height:0;}
textarea, pre { font-family:'Nanum Gothic' , 나눔고딕 , sans-serif; font-weight:normal; font-size:13px; color:#474747;  resize: none;}

/* 通用 */
::-webkit-input-placeholder { color:#AAA9A9; }
::-moz-placeholder { color:#AAA9A9; } /* firefox 19+ */
:-ms-input-placeholder { color:#AAA9A9; } /* ie */
input:-moz-placeholder { color:#AAA9A9; }

/* webkit专用 */
#field2::-webkit-input-placeholder { color:#AAA9A9; }
/* #field3::-webkit-input-placeholder { color:#090; background:lightgreen; text-transform:uppercase; } */
/* #field4::-webkit-input-placeholder { font-style:italic; text-decoration:overline; letter-spacing:3px; color:#999; } */

/* mozilla专用 */
#field2::-moz-placeholder { color:#00f; }
/* #field3::-moz-placeholder { color:#090; background:lightgreen; text-transform:uppercase; } */
/* #field4::-moz-placeholder { font-style:italic; text-decoration:overline; letter-spacing:3px; color:#999; } */


#skipnavigation {position:relative;}
#skipnavigation a {display:block; height:0; width:0; overflow:hidden; text-align:center; color:#000; white-space:nowrap;}
#skipnavigation a:focus,
#skipnavigation a:active {height:auto; width:100%; padding:5px; margin-bottom:10px;}

/* ------------------- iCheck plugin Minimal skin, black ----------------- */
.icheckbox_minimal,
.iradio_minimal {
    display: inline-block;
    *display: inline;
    vertical-align:middle;
    margin: 0;
    padding: 0;
    width: 18px;
    height: 18px;
	margin-right:4px;
    background: url("../images/icon.png") no-repeat;
    border: none;
    cursor: pointer;
}

.icheckbox_minimal {
    background-position:-23px 0;
}
.icheckbox_minimal.hover {
	background-position: -43px 0;
}
.icheckbox_minimal.checked {
	background-position: -63px 0;
}
.icheckbox_minimal.disabled {
	background-position: -83px 0;
	cursor: default;
}
.icheckbox_minimal.checked.disabled {
	background-position: -103px 0;
}

.iradio_minimal {
background-position: -123px 0;
}
.iradio_minimal.hover {
	background-position: -143px 0;
}
.iradio_minimal.checked {
	background-position: -163px 0;
}
.iradio_minimal.disabled {
	background-position: -183px 0;
	cursor: default;
}
.iradio_minimal.checked.disabled {
	background-position: -203px 0;
}

/*버튼 타입*/

.button-style {
  position:relative;
  border:0;
  background: url('../images/btns_right.gif') no-repeat;
  padding-right:16px;
  height:40px;
  font-size:14px;
  text-decoration: none;
  vertical-align: middle;
  cursor: pointer;
  background-position:right 0;
  color:#fff;
  text-align:center;
}

.button-style-cancel {
  position:relative;
  border:0;
  background: url('../images/btns_right.gif') no-repeat;
  height:28px;
  font-size:14px;
  text-decoration: none;
  vertical-align: middle;
  cursor: pointer;
  background-position:right 0;
  text-align:center;
}
a.button-style, label.button-style, span.button-style, button.button-style {
  display:inline-block;
  line-height:40px;
}
a.button-style-cancel, label.button-style-cancel, span.button-style-cancel, button.button-style-cancel{
  display:inline-block;
  line-height:28px;
}

.button-style .button-wrap {
  display: inline-block;
  background: url('../images/btns.gif') no-repeat;
  padding-left:11px;
  height:40px;
}

.button-style-cancel .button-wrap-cancel {
  display: inline-block;
  background: url('../images/btns.gif') no-repeat;
  padding-left:11px;
  height:28px;
}

.button-wrap-cancel {
  display: inline-block;
  background: url('../images/btns.gif') no-repeat;
  padding-left:11px;
  height:28px;
}

.btn_login {position:absolute; top:40px; right:90px; height:132px; margin:0 0 0 0; padding-right:32px; background-position:right 0; font-size:22px; font-weight:700; color:#ffffff; line-height:132px !important;}
.btn_login .button-wrap {
  height:132px;
  background-position:left 0;
  color: #fff;
  padding-left:32px;
}

.btn_mem {height:40px; margin:0 0 39px 0; padding-right:64px; background-position:right -132px; font-size:14px; font-weight:700; color:#ffffff; line-height:40px !important;}
.btn_mem .button-wrap {
  height:40px;
  background-position:left -132px;
  color: #fff;
  padding-left:64px;
}

.btn_mem2 {height:40px; margin:0 0 0 0; padding-right:74px; background-position:right -132px; font-size:14px; font-weight:700; color:#ffffff; line-height:40px !important;}
.btn_mem2 .button-wrap {
  height:40px;
  background-position:left -132px;
  color: #fff;
  padding-left:74px;
}

.btn_mem3 {height:40px; margin:0 0 0 0; padding-right:88px; background-position:right -132px; font-size:14px; font-weight:700; color:#ffffff; line-height:40px !important;}
.btn_mem3 .button-wrap {
  height:40px;
  background-position:left -132px;
  color: #fff;
  padding-left:88px;
}

.btn_mem4 {height:40px; margin:0 0 0 0; padding-right:68px; background-position:right -132px; font-size:14px; font-weight:700; color:#ffffff; line-height:40px !important;}
.btn_mem4 .button-wrap {
  height:40px;
  background-position:left -132px;
  color: #fff;
  padding-left:68px;
}


.btn_id_pw {height:40px; margin:0 0 0 0; padding-right:24px; background-position:right -172px; font-size:14px; font-weight:700; line-height:40px !important;}
.btn_id_pw .button-wrap {
  height:40px;
  background-position:left -172px;
  color: #3b3b3b;
  padding-left:23px;
}

.btn_defalut {height:28px; margin:0 0 0 0; padding-right:13px; background-position:right -680px; font-size:13px; font-weight:700; color:#ffffff; line-height:28px !important;}
.btn_defalut .button-wrap {
  height:28px;
  background-position:left -680px;
  color: #fff;
  padding-left:13px;
}


.btn_join {height:28px;/*  margin:0 0 39px 0; */ padding-right:10px; background-position:right -212px; font-size:14px; font-weight:700; color:#ffffff; line-height:28px !important;}
.btn_join .button-wrap {
  height:28px;
  background-position:left -212px;
  color: #fff;
  padding-left:10px;
}

.btn_join_cancel {height:28px;/*  margin:0 0 39px 0; */ padding-right:10px; background-position:right -268px; font-size:14px; font-weight:700; line-height:28px !important;}
.btn_join_cancel .button-wrap-cancel {
  height:28px;
  background-position:left -267px;
  padding-left:10px;
}


.btn_chk {display:inline-block; margin:0 5px; padding:0 14px; height:28px; line-height:28px; background:#333333; text-align:center; font-size:14px; font-weight:700; color:#fff;  vertical-align:middle;}

.btn_choise {height:28px; margin:0 0 0 0; padding-right:17px; background-position:right -212px; font-size:13px; font-weight:700; color:#ffffff; line-height:28px !important;}
.btn_choise .button-wrap {
  height:28px;
  background-position:left -212px;
  color: #fff;
  padding-left:17px;
}
.btn_choise:hover,.btn_choise:focus {background-position:right -240px;}
.btn_choise:hover .button-wrap,.btn_choise:focus .button-wrap {background-position:left -240px;}


/*라운드 박스*/
.button-rdBox {height:26px; padding-right:14px; margin:0 0 0 0; background-position:right -56px; line-height:26px !important; cursor:default; vertical-align:middle;}
.button-rdBox .button-wrap {
  height:26px;
  background-position:left -56px;
  color: #fff;
  padding-left:14px;
}
.button-rdBox .button-wrap {padding-right:0; color:#d93333;}



.buttonBar {
	margin-top:20px;
    clear: both;
    text-align: left;
    margin-bottom: 15px;
}

.fr {
    float: right;
}
a.btn01 {
    display: -moz-inline-stack;
    display: inline-block;
    zoom: 1;
    height: 32px;
    line-height: 32px;
    background: url("../images/common/btn_r.gif") right top no-repeat;
    padding-right: 10px;
}

a.btn01 span {
    display: -moz-inline-stack;
    display: inline-block;
    zoom: 1;
    font-size: 13px;
    height: 32px;
    line-height: 32px;
    color: #3d3b32;
    background: url("../images/common/btn_l.gif") left top no-repeat;
    padding-left: 10px;
    font-weight: bold;
    letter-spacing: -1px;
}
.btn_search {
    background: url("../images/common/btn_search.gif") 0px 0px no-repeat;
    width: 24px;
    height: 23px;
    cursor: pointer;
    text-indent: 100px;
    border: none;
}
.board_search {margin-top:30px; margin-left:0; margin-right:0; margin-bottom:10px; border:solid 1px #d3d3d3; width:100%;}
.board_search th {padding:15px; border-top:solid 2px #666; background-color:#f9f9f9; height:20px;}
.board_search td {padding:15px; border-top:solid 2px #666;; border-bottom:solid 1px #d3d3d3; font-size:14px; height:20px; }

/*버튼 위치 설정*/
.btn_wrap {margin:40px 0; text-align:center;}
.btn_wrap1 {margin:20px 0; text-align:center;}
.btn_wrap2 {margin:30px 0; text-align:center;}
.btn_right {padding:20px 0; text-align:right;}
.tx_center {padding-bottom:50px; text-align:center;}
.btn_area:after,.sub_navi ul:after {content:''; clear:both; display:block;}
.f_left {float:left !important;}
.f_right {float:right !important;}

/*여백 간격*/
.mr_no {margin:0 !important;}
.mr_left77 {margin-left:77px;}
.mr_right23 {margin-right:43px;}
.mr_left60 {margin-left:60px;}
.mrb47 {margin-bottom:47px !important;}
.pd10 {padding-left:10px !important; padding-right:10px !important; }
.bor_no {border:0 !important;}
.mr41 {margin:0 41px 0 13px;}
.mr13 {margin:0 13px 0 13px;}
.mt10 {margin-top: 10px}

/*폰트 설정*/
.f_col1 {margin-left:10px; font-size:15px; color:#d03d2e;}
.f_col3 {color:#3e8fd6;}
.f_col4 {color:#0073be !important;}
.f_col_red {color:#dd061a !important;}
.font_s {font-size:13px !important;  }
.f_col5 {font-size:14px; color:#898989;}
.f_col6 {font-size:14px; color:#e86363;}
.f_col_bold {font-weight:700; color:#002639;}

/*테이블 설정*/
table .t_left,table .t_left * {text-align:left !important;}
table .t_left a {display:inline-block; max-width:500px; overflow : hidden; white-space: nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis;  -ms-text-overflow:ellipsis; -moz-binding:url(/xe/ellipsis.xml#ellipsis);}

.tb_info_area {padding:25px 90px 26px; border-bottom:1px solid #cecece;}
.tb_info_area:first-child {padding-top:0;}
.tb_type1 {text-align:left;}
.tb_type1 th {width:150px; padding:0 10px; font-size:14px; color:#002639;}
.tb_type1 td {width:640px; padding:10px;}
.tb_type1 .it {width:148px; height:26px; background:#f7f7f7; border:1px solid #e1dbcd; font-size:13px; line-height:26px;}
.tb_type1 .inpt91 {width:71px;}

.monthselect {height:26px; background:#f7f7f7; border:1px solid #e1dbcd; font-size:13px; line-height:26px;}

.tb_list1 {margin-top:20px; font-family:'dotum'; font-size:12px;}
.tb_list1 th {width:100px; padding:11px 0; border-top:2px solid #b9d6f0; border-bottom:1px solid #b9d6f0; background:#dbecfb; color:#585858;}
.tb_list1 th.widAuto {width:auto;}
.tb_list1 th span {display:block; border-left:1px solid #8caac5; }
.tb_list1 th:first-child span {border:0;}
.tb_list1 td {padding:12px 10px; border-bottom:1px solid #dcdcdc; font-size:12px; color:#666666; text-align:center;}
.tb_list1 td.t_left * {text-align:left;}
.tb_list1 td.t_left a {display:inline-block; max-width:285px; overflow : hidden; white-space: nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis;  -ms-text-overflow:ellipsis; -moz-binding:url(/xe/ellipsis.xml#ellipsis); vertical-align:middle;}

.tb_reg1 {border-top:2px solid #b9d6f0; border-bottom:1px solid #b9d6f0; font-family:'dotum'; font-size:12px;}
.tb_reg1 th {width:90px; padding:11px 20px; background:#dbecfb; border-top:1px solid #b9d6f0; text-align:left; color:#585858;}
.tb_reg1 tr:first-child th,.tb_reg1 tr:first-child td {border:0;}
.tb_reg1 th span {display:block; border-right:1px solid #c5c5c5; }
.tb_reg1 td {padding:12px 10px; border-top:1px solid #d8dbe1; color:#585858; text-align:left;}
.tb_reg1 tr.bg_tb th,.tb_reg1 tr.bg_tb td {background:#000; color:#fff;}

.tb_reg2 {border-top:2px solid #dddde2; border-bottom:1px solid #dddde2; font-family:'dotum'; font-size:12px;}
.tb_reg2 th {width:90px; padding:5px 20px; background:#f2f2f7; border-top:1px solid #dddde2; text-align:left; color:#585858;}
.tb_reg2 tr:first-child th,.tb_reg2 tr:first-child td {border:0;}
.tb_reg2 th span {display:block; border-right:1px solid #c5c5c5; }
.tb_reg2 td {padding:5px 10px; border-top:1px solid #eeeef0; color:#585858; text-align:left;}
.tb_reg2 tr.bg_tb th,.tb_reg2 tr.bg_tb td {background:#000; color:#fff;}

.tb_class {font-family:'dotum'; font-size:12px;}
.tb_class th {width:72px; padding:19px 0px; border:1px solid #ccd0d7; background:#ebeef3; color:#333e52;}
.tb_class td {padding:19px 10px; border:1px solid #ccd0d7; border-top:1px solid #d8dbe1; color:#555555; text-align:center;}
.tb_class .f_bold {font-weight:700;}
.tb_class .class_fbold1 {background:#fff5ee; font-weight:700;}
.tb_class .class_fbold2 {background:#f8ffee; font-weight:700;}
.tb_class .f_col1 {font-weight:700; color:#1057da;}
.tb_class .f_col2 {font-weight:700; color:#d81111;}

.tb_class1 {font-family:'dotum'; font-size:12px;}
.tb_class1 th {padding:5px 0px; border:1px solid #ccd0d7; background:#ebeef3; color:#333e52;}
.tb_class1 td {padding:5px 0; border:1px solid #ccd0d7; border-top:1px solid #d8dbe1; color:#555555; text-align:center;}

/*페이지 네비게이션*/
.paginate_box {position:relative; width:100%; margin:34px auto 34px; padding-bottom:0; overflow:hidden;}
.paginate_box .icont {position:absolute; left:0; z-index:10;}
.paginate_box p {position:absolute; right:0; margin-top:7px;}
.paginate_complex {float:left; width:100%; line-height:normal; text-align:center;}
.paginate_complex a,
.paginate_complex strong {display:inline-block; margin:0; width:35px; height:15px; font-size:14px; color:#002639; text-align:center; vertical-align:middle;}
.paginate_complex strong,.paginate_complex a:hover {color:#666;}
.paginate_complex .dipolyion {border:0;font-weight:normal;color:#767676; text-decoration:none !important;}
.paginate_complex .prev,.paginate_complex .next {width:9px; height:12px; padding:0; background:#fff url("../images/icon.png") no-repeat; font-size:0; line-height:0; overflow:hidden;}
.paginate_complex .prev {background-position:-301px 0; margin-right:10px;}
.paginate_complex .next {width:10px; background-position:-321px 0; margin-left:10px;}

/*공통 레이아웃*/
.both,.gnb_wrap,.gnb,.gnb ul,.footer_wrap .provision,.lnb {width:100%; min-width:1070px; overflow:hidden;}
.clearfix {width:100%;}
.clearfix:after {content:''; clear:both; display:block;}

.gnb_wrap {background:#e1dbcd;}
.gnb,.footer,.footer_wrap .provision ul,.lnb ul {width:1070px; margin:0 auto;}
.gnb ul {float:right; min-width:auto; width:auto;}
.gnb ul li {float:left; padding:9px 0; margin-right:37px;}
.gnb ul li a {font-size:14px; font-weight:700; line-height:1.4; color:#3a3a3a;}
.header_wrap {min-width:1070px; background:#f5f5f5;}
.header {position:relative; width:1070px; height:158px; margin:0 auto; overflow:hidden;}
h1 {position:absolute; top:50%; left:50%; margin:-55.5px 0 0 -91px;}
h1 a {display:block; width:155px; height:103px; /*background:url("../images/t_logo.png") no-repeat;*/ font-size:0; line-height:0; overflow:hidden;}

.weather {float:right; margin-top:30px; }
.weather .weather_box {float:left; margin-right:64px; text-align:center;}
.weather .weather_box .today_tx,.weather .weather_box .tomorrow_tx {font-family:'Arial' , sans-serif; font-weight:700; color:#613131;}
.weather .weather_box .tomorrow_tx {color:#547473;}
.weather .temp_tx {font-size:17px; font-weight:700; color:#231815;}
.weather .temp_tx span {color:#b79e97;}
.weather .weather_box > div {width:88px; height:64px; overflow:hidden; line-height:64px; vertical-align:middle;}

.footer_wrap .provision {background:#f3f3f3;}
.footer_wrap .provision ul {width:990px; padding-left:290px; overflow:hidden;}
.footer_wrap .provision ul li {float:left; padding:10px 0; margin-right:37px; }
.footer_wrap .provision ul li a {font-size:14px; font-weight:700; line-height:1.4; color:#474747;}
.footer {position:relative; padding:39px 0 45px;}
.footer h2 {display:block; position:absolute; left:39px; top:50%; width:177px; height:44px; margin-top:-22px;  background:url("../images/f_logo.png") no-repeat; font-size:0; line-height:0; overflow:hidden;}
.footer .address {padding-left:290px;}
.address p {line-height:20px; color:#9b9078;}
.address p span {display:block; font-weight:700;}

.contents {width:100%; min-width:1070px; padding-bottom:17px;}
.contents_box {width:1022px; margin:0 auto; background:#fff; border:1px solid #424243; border-top:0;}
.bg {background:url("../images/bg.jpg") repeat;}
.bg1 {background:url("../images/bg1.jpg") repeat-x center top;}
.lnb {background:#efefef;}
.lnb ul {text-align:center;}
.lnb ul li {display:inline-block;}
.lnb ul li a {display:block; padding:0 38px; font-size:16px; font-weight:700; color:#3a3a3a; line-height:40px;}
.lnb ul li.on a {background:#fff; color:#333333;}

.mu_tit {position:relative; padding:23px 0 12px 33px; border-bottom:1px solid #e1dbcd; }
.mu_tit h2 {display:inline-block; font-size:24px; font-weight:700; color:#1f4051;}
.mu_tit p {display:inline-block; margin-left:6px; font-size:12px; color:#547473; vertical-align:bottom;}
.menu_navi {position:absolute; bottom:12px; right:22px;}
.menu_navi ul {width:100%; overflow:hidden;}
.menu_navi ul li {float:left; margin-right:10px; padding-left:20px; background:url("../images/bu_arrow1.gif") no-repeat left 50%; font-size:12px; font-weight:700; color:#547473;}
.menu_navi ul li:first-child {background:none; }
.menu_navi ul li a {color:#547473;}

.login_tit h3 {display:block; width:468px; height:27px; margin:43px auto 0; background:url("../images/login_tit.png") no-repeat; font-size:0; line-height:0; overflow:hidden;}
.login_tx {margin:7px 0 29px; font-size:16px; font-weight:700; color:#613131; text-align:center;}
.login_box {position:relative; margin:0 auto; margin:40px 0; border:1px solid #d8d8d8; overflow:hidden;}
.item {position:relative; margin-bottom:13px;}
.i_text {height:57px; padding:0 32px; line-height:57px; font-size:15px; color:#353535;}
.i_label {top:50%; left:32px; margin-top:-7.5px; width:100px;}
.login_box .login_area,.login_box .mem_area {float:left;}
.login_box .login_area {position:relative; height:220px; padding:40px 80px 40px 80px;}
.login_box .mem_area {width:387px; height:220px; padding:40px 0; background:#f6f6f6; text-align:center;}
.login_box .login_area .item input {width:300px;}
.checkbox_wrap {/* padding-left:30px; */}
.login_t {position:relative; margin-top:35px; padding-left:16px; color:#474747;}
.login_t span,.bu_dot {position:absolute; top:5px; left:0; display:inline-block; width:6px; height:6px; margin:0 16px 0 0 ; background:url("../images/icon.png") no-repeat 0 0; vertical-align:middle; overflow:hidden;}
.mem_area p {padding-top:3px; margin-bottom:9px;}
.mem_area p strong {font-weight:700;}

.find_id_pw_wrap {width:960px; margin:48px auto 114px; overflow:hidden;}
.find_id_pw {float:left; width:458px;}
.find_id_pw h3,.sb_tit {margin-bottom:19px; font-size:20px; color:#002639;}
.find_id_pw_box {width:441px; height:214px; padding:37px 0 47px 15px; border:1px solid #d5d5d5; }
.find_id_pw_t {position:relative; height:32px; padding:0 13px; margin-bottom:21px; font-size:14px; font-weight:700; color:#474747; letter-spacing:-1px;}

.it {width:304px; height:48px; padding:0 10px; line-height:48px; font-family:'Nanum Gothic' , 나눔고딕 , sans-serif; font-size:15px; color:#353535;}
.find_id_pw_box dl {width:100%; margin-bottom:11px; overflow:hidden;}
.find_id_pw_box dl:first-child {margin:0;}
.find_id_pw_box dl dt {float:left; width:77px; font-size:15px; font-weight:700; color:#353535; line-height:50px; text-align:center;}
.find_id_pw_box dl dd {float:left; width:356px;}
.find_result,.confirm_box,.sb_box_area {padding:31px 0 47px; border:1px solid #d5d5d5; text-align:center;}
.find_result p {margin-bottom:25px; font-size:15px; color:#547473; font-weight:700; text-align:center;}
.find_result p:first-child {font-size:16px; color:#002639;}
.id_inpt {position:relative; min-width:320px; max-width:500px; height:48px; margin:0 auto 28px; padding:0 16px; background: #f8f8f8; border: 1px solid #a6a6a6; font-family: 'Arial' , sans-serif; font-size:24px; font-weight: 700; color: #00a0e8; line-height:48px;}
.id_inpt em {position:absolute; top:50%; left:16px; margin-top:-8px; font-family:'Nanum Gothic' , 나눔고딕 , sans-serif; font-size:15px; font-weight:700; color:#474747; line-height:normal;}

.confirm_t1 {margin-bottom:33px; font-size:17px; font-weight:700; color:#002639; line-height:26px; text-align:center;}
.confirm_t1 span {font-size:16px; font-weight:400;}

.confirm_box {background:#f7f7f7; padding-bottom:0;}
.inpt {height:38px; line-height:38px;}
.mid_bar {font-size:26px; font-weight:700; vertical-align:middle;}
.dl_type1 {width:450px; margin:0 auto;}
.dl_type1 dl {display:table; width:100%; margin-bottom:12px;}
.dl_type1 dl dt {display:table-cell; width:35%; font-size:16px; font-weight:700; color:#002639; text-align:left;}
.dl_type1 dl dd {display:table-cell; width:65%; text-align:left;}

.confirm_tbox {background:#fff; padding-bottom:23px;}
.confirm_tbox p {padding-top:22px; font-size:15px; font-weight:700; color:#00a0e8;}
.ul_type1 {padding-left:194px; text-align:left;}
.ul_type1 li {font-size:14px; font-weight:700; color:#547473; line-height:21px; vertical-align:middle;}
.ul_type1 li span {display:inline-block; width:13px; height:10px; background:url("../images/icon.png") no-repeat 0 -27px; }

.sb_box_area {padding:63px 0 51px;}
.wid550 {width:450px;}
.wid550 dl dt {width:25%;}
.wid550 dl dd {width:75%;}

.tab_type1 ul {width:100%; overflow:hidden;}
.tab_type1 ul li {float:left; width:153px; text-align:center;}
.tab_type1 ul li a {display:block; border:1px solid #d4d4d4; border-left:0; border-bottom:0; font-size:14px; font-weight:700; color:#002639; line-height:42px;}
.tab_type1 ul li:first-child {border-left:1px solid #d4d4d4;}
.tab_type1 ul li.on a/*,.tab_type1 ul li a:hover*/ {background:#002639; border-color:#002639; color:#fff;}

.agree_box {width:908px; height:166px; margin:0 auto 14px; border:1px solid #9e9e9e; background:#fff; overflow-y:auto; overflow-x:hidden; line-height: 22px; padding: 5px;}

/* 약관동의 */
.terms p {margin-top:10px;}

.terms div {height:120px;margin-top:30px;overflow-y:scroll;border:1px solid #bbbbbb; padding:20px 15px; line-height:130%;}
.terms div.agree01 {margin-top:0;}
.terms div h4 {text-align:center !important;margin-bottom:20px !important;font:bold 14px 'Nanum Gothic' , 나눔고딕  !important; color: #666666 !important;}
.terms div h5 {margin-bottom:10px;font:bold 12px 'Nanum Gothic' , 나눔고딕 ;}
.terms div p {padding-bottom:15px;}
.terms div ul,.terms div ol {padding-bottom:15px;}
.terms div ul li,.terms div ol li {padding-bottom:10px;}
.terms div ul li ul, .terms div ul li ol {padding-top:10px;}
.terms div ul li ul li,.terms div ol li ul li,.terms div ul li ol li,.terms div ol li ol li,{padding-left: 10px;padding-bottom:0;}


.chk_sel {padding:0 65px; margin-bottom:31px; text-align:right;}
.chk_sel label {font-size:14px; font-weight:700; color:#002639;}

.tb_info_t {display:inline-block; vertical-align:middle;}
.sms_tx {/*margin-right:56px;*/ width: 120px; display: inline-block;}

/*예약 */
.booking_area {padding:36px 30px 72px;}
.date_booking h3 {display:inline-block; width:100px; font-size:18px; font-weight:700; color:#002639; vertical-align:middle;}
.weekend_t,.real_t,.memb_t,.dayend_t,.weekend_t span,.real_t span,.memb_t span,.dayend_t span {display:inline-block; width:110px; vertical-align:middle; font-weight:700; color:#1f4051;}
.weekend_t span,.real_t span,.memb_t span,.dayend_t span {width:14px; height:13px; margin:0 9px; background:#fff798;}
.real_t span {background:#e1dbcd; }
.memb_t span {background:#dbffdb; }
.dayend_t span {background:#ee82ee; }
.datepicker_wrap {width:475px; margin-top:22px; padding:23px 20px 28px 0; background:#fff; border:1px solid #e4e4e4;}
.datepicker_wrap:after,.booking_area:after {content:''; clear:both; display:block;}
.datepicker_area {position:relative; float:left; width:216px; margin-left:20px; text-align:center;}
.tb_datepicker th {font-size:12px; color:#5c5c5c; line-height:30px;}
.tb_datepicker td {border:1px solid #d0d0d0;}
.tb_datepicker td a {display:block; height:30px; font-size:14px; font-weight:700; color:#1f4051; line-height:30px;}
.tb_datepicker td a.sunday {color: #e60012}
.tb_datepicker td a.saturday {color: #0070be}
.tb_datepicker td span {display:inline-block; height:28px; font-size:14px; font-weight:normal; color:#1f4051; line-height:30px;}
.tb_datepicker td span.sunday {color: #e60012;}
.tb_datepicker td span.saturday {color: #0070be;}
/*.tb_datepicker td:hover,*/.tb_datepicker td a:hover {background:#55a9a6; color:#fff;}
.tb_datepicker .today {background:#e11d1d !important; color:#fff !important;}
.tb_datepicker .week {background:#fff798;}
.tb_datepicker .choice {background:#A6FFFF;}
.tb_datepicker .membday {background:#dbffdb;}
.tb_datepicker .dayend {background:#ee82ee;}
.month_top span {display:inline-block; margin:0 16px; font-family:'Arial' , sans-serif; font-size:25px; font-weight:700; color:#1f4051; vertical-align:middle;}
.date_perv,.date_next {display:inline-block; width:16px; height:16px; font-size:0; line-height:0; overflow:hidden; vertical-align:middle;}
.date_perv {background:url("../images/icon.png") no-repeat -241px 0;}
.date_next {background:url("../images/icon.png") no-repeat -260px 0;}
.date_booking,.time_booking {float:left;}
.time_booking {width:497px; margin-left:16px;}
.time_booking h3 {margin-bottom:22px; font-size:18px; font-weight:700; color:#002639;}
.time_booking .tb_booking th {padding:11px 0; background:#f9f9f9;}
.time_booking .tb_booking th,.time_booking .tb_booking td {border:1px solid #e4e4e4; font-size:14px; color:#333333; font-weight:700; text-align:center;}
.time_booking .tb_booking td a {display:block; padding:15px 0; }
.time_booking .check {background:#e11d1d; color:#fff;}
.request_area {clear:both;}
.request_area h3 {margin-bottom:22px; padding-top:21px; font-size:18px;}
.request_area > div {position:relative; padding:26px 29px 26px 29px; border:1px solid #e4e4e4;}
.request_area > div > div {width:100%; overflow:hidden;}
.request_area > div > div:first-child {margin-bottom:12px;}
.request_area dl {float:left; width:360px; overflow:hidden;}
.request_area dl dt,.request_area dl dd {float:left; font-size:16px; font-weight:700; color:#55a9a6;}
.request_area dl dt {color:#002639;}
.request_area dl dd {padding-left:5px;}
.btn_request {position:absolute; top:50%; right:29px; margin:-20px 0 0 0; }
.bor2 {border-right:2px solid #515356 !important;}
.bor3 {border-right:3px solid #515356 !important;}

.tb_time {border:1px solid #e4e4e4; font-size:14px; font-weight:700;}
.tb_time th {padding:10px 0; color:#002639;}
.tb_time td {padding:5px 10px; border-top:1px solid #e4e4e4; color:#333333; text-align:center;}
.request_area1 dl {width:240px;}

.book_name {margin-bottom:15px; text-align:center;}
.book_name p {display:inline-block; padding:0 134px; border:1px solid #333333; line-height:53px; font-size:18px; font-weight:700; color:#002639; text-align:center;}
.book_name p span {color:#00a0e8;}

.booking_list {padding:16px 0 45px;}

.tb_booking_list {text-align:center; margin-bottom:20px; border-top:solid 2px #bbb09b;}
.tb_booking_list th {padding:12px 10px; background:#f3f3f3; border:1px solid #e1dbcd; font-size:15px; color:#002639;}
.tb_booking_list td {padding:12px 10px; border:1px solid #e1dbcd; font-size:14px; font-weight:700; color:#666;}
.tb_booking_list tr.end td {color:#c7c7c7;}
.tb_booking_list .booking_cancel td {color:#002639;}

.tb_bookteam {text-align:left; margin-bottom:20px; border-top:solid 2px #bbb09b;}
.tb_bookteam th {padding:12px 10px; background:#f3f3f3; border:1px solid #e1dbcd; font-size:15px; color:#002639; text-align:center;}
.tb_bookteam .l_list {width:20%;}
.tb_bookteam td {padding:12px 20px; border:1px solid #e1dbcd; font-size:13px; font-weight:700; color:#666; line-height:26px;}
.ml10 {margin-left:10px;}

.tb_cost_list {text-align:center; margin-bottom:20px; border-top:solid 2px #bbb09b;}
.tb_cost_list th {padding:12px 10px; background:#f3f3f3; border:1px solid #e1dbcd; font-size:13px; color:#002639;}
.tb_cost_list td {padding:12px 10px; border:1px solid #e1dbcd; font-size:12px; font-weight:700; color:#666;}
.tb_cost_list .booking_cancel td {color:#002639;}


.tb_year_room {text-align:center; margin-bottom:20px; border-top:solid 2px #bbb09b;}
.tb_year_room th {padding:12px 10px; background:#f3f3f3; border:1px solid #e1dbcd; font-size:16px; color:#002639;}
.tb_year_room td {padding:12px 10px; border:1px solid #e1dbcd; font-size:14px; font-weight:700; color:#666;}

.precautions {padding: 21px 0 21px 103px; background: #f7f7f7 url(../images/bg_precautions.png) no-repeat 37px 26px;}
.precautions li {margin:10px 0; font-size:13px; font-weight:normal; color:#002539;}

.info_tx {padding:21px 20px 21px 100px; background-position:40px 26px;}
.info_tx .f_col {color:#55a9a6;}

/*문의게시판*/
.tb_jobReg .chkBox {display:inline-block; margin-right:1em;}
.tb_jobReg tr td {background:#fff;}
.tb_jobReg .it {width:97%; height:25px; border:1px solid #ddd; font-size:1em; line-height:1.250em;}
.tb_jobReg textarea {width:950px; height:500px; overflow:auto; padding:0.5em; border:1px solid #ddd; font-size:1em;}
.tb_job,.contact_us {margin-top:1.333em;}
.tb_job tr th {font-weight:700;}
.tb_job tr th,.tb_job tr td {padding:0.917em; border:1px solid #bababa; background:#fbfbfb; color:#81511c;}
.tb_job tr:first-child td {font-weight:700; text-align:left;}
.tb_job tr:last-child th,.tb_job tr:last-child td {background:#fff; color:#505050; text-align:left; }


/*조인매칭*/


.join_calendar { background-color: #CCCCCC; padding-top: 0px;}
.join_calendar tr td { background-color: #FFF; font-size: 13px; color: #666; padding: 20px;
	background-image: url(../images/booking/calendar_bg.png);
	background-repeat: no-repeat;
	background-position: center bottom;
}
.join_calendar tr th {
	font-size: 14px;
	padding: 10px 5px;
}
.join_calendar tr td .bk_txt {
	padding-top: 3px;
	text-align: center;
	color: #CCC;
}
.join_calendar tr td .bk_txt .bk_01 {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #f15a22;
}
.join_calendar tr td .bk_txt .bk_02 {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #3896d4;
}
.join_calendar tr td .bk_txt a {
	color: #333;
	text-decoration: none;
	font-size: 12px;
	padding:3px;
	display:block;
}

.join_calendar tr td .bk_txt .nonelink {
	color: #ccc;
	text-decoration: none;
	font-size: 12px;
	padding:3px;
	display:block;
}
.join_calendar tr td .bk_txt .nonelink:hover {
	color: #ccc;
	text-decoration: none;
	font-size: 12px;
	background-color: #eeeeee;
}
.join_calendar tr td .bk_txt a:hover {
	color: #333;
	text-decoration: none;
	font-size: 12px;
	background-color: #eeeeee;
}
.join_calendar tr td .date_txt {
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #CCC;
	display: block;
	padding-bottom: 4px;
	color: #000;
	font-size: 16px;
}

.join_calendar tr td.sun {
	background-image: url(../images/booking/calendar_bg_sun.png);
}
.join_calendar tr td.sat {
	background-image: url(../images/booking/calendar_bg_sat.png);
}


.join_calendar tr td.sat .date_txt {
	color: #0070be !important;
}

.join_calendar tr td.sun .date_txt {
	color: #e60012 !important;
}

.tb_bookingJoin .chkBox {display:inline-block; margin-right:1em;}
.tb_bookingJoin tr td {background:#fff;}
.tb_bookingJoin .it {width:97%; height:25px; border:1px solid #ddd; font-size:1em; line-height:1.250em;}
.tb_bookingJoin textarea {width:950px; height:500px; overflow:auto; padding:0.5em; border:1px solid #ddd; font-size:1em;}
.tb_join {margin-top:1.333em; border-top: solid 2px #666;}
.tb_join tr th {font-weight:700;}
.tb_join tr th {padding:0.917em; border:1px solid #bababa; background:#f3f3f3; /*color:#81511c;*/}
.tb_join tr td {padding:0.917em; border:1px solid #bababa; background:#fff; /*color:#81511c;*/}
.tb_join tr td label {font-size: 12px;color: #444;line-height: 18px;}
/* .tb_join tr:first-child td {font-weight:700; text-align:left;} */
/* .tb_join tr:last-child th,.tb_join tr:last-child td {background:#fff; color:#505050; text-align:left; } */


.board_booking_join {margin:20px auto; border:solid 1px #d3d3d3; width:95%;}
.board_booking_join th {padding:12px 2px; border-top:solid 2px #666; background-color:#f9f9f9;}
.board_booking_join td {padding:12px 2px; border-top:solid 1px #d3d3d3; border-bottom:solid 1px #d3d3d3; font-size:14px; text-align: center;}
.board_booking_join td.memo {text-align:left !important; padding-left: 5px;}
.board_booking_join tr.selected {background-color: #efefef; font-weight: bold}
.board_booking_join textarea {padding: 7px 5px; border:1px solid #a3a3a3;}


.tb_joinSearch  {border: 0}
.tb_joinSearch tr td {border: 0; padding: 2px 0;}
.tb_joinSearch .it {width:97%; height:25px; border:1px solid #ddd; font-size:1em; line-height:1.250em;}

.join_btn01 {
	-moz-box-shadow: 0px 10px 14px -7px #91b8b3;
    -webkit-box-shadow: 0px 10px 14px -7px #b0b3b3;
    box-shadow: 0px 10px 14px -7px #b9c1c0;
    background-color: #787b7b;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    display: inline-block;
    cursor: pointer;
    color: #ffffff;
    font-family: 'Nanum Gothic' , 나눔고딕 , sans-serif;
    font-size: 13px;
    font-weight: bold;
    padding: 6px 14px;
    text-decoration: none;
    text-shadow: 0px 1px 0px #666;
}
.join_btn01:hover { 
	background-color:#6c7c7c;
    color: #ffffff;
}
.join_btn01:active {
	position:relative;
	top:1px;
}

        


.join_btn02 {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #89c403), color-stop(1, #77a809));
	background:-moz-linear-gradient(top, #89c403 5%, #77a809 100%);
	background:-webkit-linear-gradient(top, #89c403 5%, #77a809 100%);
	background:-o-linear-gradient(top, #89c403 5%, #77a809 100%);
	background:-ms-linear-gradient(top, #89c403 5%, #77a809 100%);
	background:linear-gradient(to bottom, #89c403 5%, #77a809 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#89c403', endColorstr='#77a809',GradientType=0);
	background-color:#89c403;
	-moz-border-radius:9px;
	-webkit-border-radius:9px;
	border-radius:9px;
	border:1px solid #74b807;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-family: 'Nanum Gothic' , 나눔고딕 , sans-serif;
	font-size:12px;
	font-weight:bold;
	padding:3px 6px;
	text-decoration:none;
	text-shadow:0px 0px 0px #528009;
	line-height: normal;
}
.join_btn02:hover {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #77a809), color-stop(1, #89c403));
	background:-moz-linear-gradient(top, #77a809 5%, #89c403 100%);
	background:-webkit-linear-gradient(top, #77a809 5%, #89c403 100%);
	background:-o-linear-gradient(top, #77a809 5%, #89c403 100%);
	background:-ms-linear-gradient(top, #77a809 5%, #89c403 100%);
	background:linear-gradient(to bottom, #77a809 5%, #89c403 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#77a809', endColorstr='#89c403',GradientType=0);
	background-color:#77a809;
	color:#ffffff;
}
.join_btn02:active {
	position:relative;
	top:1px;
}

 .join_btn03 {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #ff5bb0), color-stop(1, #ef027d));
	background:-moz-linear-gradient(top, #ff5bb0 5%, #ef027d 100%);
	background:-webkit-linear-gradient(top, #ff5bb0 5%, #ef027d 100%);
	background:-o-linear-gradient(top, #ff5bb0 5%, #ef027d 100%);
	background:-ms-linear-gradient(top, #ff5bb0 5%, #ef027d 100%);
	background:linear-gradient(to bottom, #ff5bb0 5%, #ef027d 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff5bb0', endColorstr='#ef027d',GradientType=0);
	background-color:#ff5bb0;
	-moz-border-radius:9px;
	-webkit-border-radius:9px;
	border-radius:9px;
	border:1px solid #ee1eb5;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-family: 'Nanum Gothic' , 나눔고딕 , sans-serif;
	font-size:12px;
	font-weight:bold;
	padding:3px 6px;
	text-decoration:none;
	text-shadow:0px 0px 0px #c70067;
	line-height: normal;
}
.join_btn03:hover {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #ef027d), color-stop(1, #ff5bb0));
	background:-moz-linear-gradient(top, #ef027d 5%, #ff5bb0 100%);
	background:-webkit-linear-gradient(top, #ef027d 5%, #ff5bb0 100%);
	background:-o-linear-gradient(top, #ef027d 5%, #ff5bb0 100%);
	background:-ms-linear-gradient(top, #ef027d 5%, #ff5bb0 100%);
	background:linear-gradient(to bottom, #ef027d 5%, #ff5bb0 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ef027d', endColorstr='#ff5bb0',GradientType=0);
	background-color:#ef027d;
	color:#ffffff;
}
.join_btn03:active {
	position:relative;
	top:1px;
}

.join_btn04 {
	-moz-box-shadow:inset 0px 1px 0px 0px #ffffff;
	-webkit-box-shadow:inset 0px 1px 0px 0px #ffffff;
	box-shadow:inset 0px 1px 0px 0px #ffffff;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #eae8e8), color-stop(1, #dfdfdf));
	background:-moz-linear-gradient(top, #eae8e8 5%, #dfdfdf 100%);
	background:-webkit-linear-gradient(top, #eae8e8 5%, #dfdfdf 100%);
	background:-o-linear-gradient(top, #eae8e8 5%, #dfdfdf 100%);
	background:-ms-linear-gradient(top, #eae8e8 5%, #dfdfdf 100%);
	background:linear-gradient(to bottom, #eae8e8 5%, #dfdfdf 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#eae8e8', endColorstr='#dfdfdf',GradientType=0);
	background-color:#eae8e8;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	border-radius:4px;
	border:1px solid #dcdcdc;
	display:inline-block;
	cursor:pointer;
	color:#544b54;
	font-family: 'Nanum Gothic' , 나눔고딕 , sans-serif;
	font-size:13px;
	font-weight:bold;
	padding:6px 14px;
	text-decoration:none;
	text-shadow:0px 1px 0px #ffffff;
	line-height: normal;
}
.join_btn04:hover {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #dfdfdf), color-stop(1, #ededed));
	background:-moz-linear-gradient(top, #dfdfdf 5%, #ededed 100%);
	background:-webkit-linear-gradient(top, #dfdfdf 5%, #ededed 100%);
	background:-o-linear-gradient(top, #dfdfdf 5%, #ededed 100%);
	background:-ms-linear-gradient(top, #dfdfdf 5%, #ededed 100%);
	background:linear-gradient(to bottom, #dfdfdf 5%, #ededed 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#dfdfdf', endColorstr='#ededed',GradientType=0);
	background-color:#dfdfdf;
	color:#544b54;
}
.join_btn04:active {
	position:relative;
	top:1px;
}


.join_btn05 {
	-moz-box-shadow:inset 0px 1px 0px 0px #3dc21b;
	-webkit-box-shadow:inset 0px 1px 0px 0px #3dc21b;
	box-shadow:inset 0px 1px 0px 0px #3dc21b;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #44c767), color-stop(1, #5cbf2a));
	background:-moz-linear-gradient(top, #44c767 5%, #5cbf2a 100%);
	background:-webkit-linear-gradient(top, #44c767 5%, #5cbf2a 100%);
	background:-o-linear-gradient(top, #44c767 5%, #5cbf2a 100%);
	background:-ms-linear-gradient(top, #44c767 5%, #5cbf2a 100%);
	background:linear-gradient(to bottom, #44c767 5%, #5cbf2a 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#44c767', endColorstr='#5cbf2a',GradientType=0);
	background-color:#44c767;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	border-radius:4px;
	border:1px solid #18ab29;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-family: 'Nanum Gothic' , 나눔고딕 , sans-serif;
	font-size:13px;
	font-weight:bold;
	padding:6px 14px;
	text-decoration:none;
	text-shadow:0px 1px 0px #3e7737;
	line-height: normal;
}
.join_btn05:hover {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #5cbf2a), color-stop(1, #44c767));
	background:-moz-linear-gradient(top, #5cbf2a 5%, #44c767 100%);
	background:-webkit-linear-gradient(top, #5cbf2a 5%, #44c767 100%);
	background:-o-linear-gradient(top, #5cbf2a 5%, #44c767 100%);
	background:-ms-linear-gradient(top, #5cbf2a 5%, #44c767 100%);
	background:linear-gradient(to bottom, #5cbf2a 5%, #44c767 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#5cbf2a', endColorstr='#44c767',GradientType=0);
	background-color:#5cbf2a;
	color:#ffffff;
}
.join_btn05:active {
	position:relative;
	top:1px;
}


.join_btn06 {
	-moz-box-shadow:inset 0px 1px 0px 0px #9fb4f2;
	-webkit-box-shadow:inset 0px 1px 0px 0px #9fb4f2;
	box-shadow:inset 0px 1px 0px 0px #9fb4f2;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #7892c2), color-stop(1, #476e9e));
	background:-moz-linear-gradient(top, #7892c2 5%, #476e9e 100%);
	background:-webkit-linear-gradient(top, #7892c2 5%, #476e9e 100%);
	background:-o-linear-gradient(top, #7892c2 5%, #476e9e 100%);
	background:-ms-linear-gradient(top, #7892c2 5%, #476e9e 100%);
	background:linear-gradient(to bottom, #7892c2 5%, #476e9e 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#7892c2', endColorstr='#476e9e',GradientType=0);
	background-color:#7892c2;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	border-radius:4px;
	border:1px solid #4e6096;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-family: 'Nanum Gothic' , 나눔고딕 , sans-serif;
	font-size:13px;
	font-weight:bold;
	padding:6px 14px;
	text-decoration:none;
	text-shadow:0px 1px 0px #283966;
	line-height: normal;
}
.join_btn06:hover {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #476e9e), color-stop(1, #7892c2));
	background:-moz-linear-gradient(top, #476e9e 5%, #7892c2 100%);
	background:-webkit-linear-gradient(top, #476e9e 5%, #7892c2 100%);
	background:-o-linear-gradient(top, #476e9e 5%, #7892c2 100%);
	background:-ms-linear-gradient(top, #476e9e 5%, #7892c2 100%);
	background:linear-gradient(to bottom, #476e9e 5%, #7892c2 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#476e9e', endColorstr='#7892c2',GradientType=0);
	background-color:#476e9e;
	color:#ffffff;
}
.join_btn06:active {
	position:relative;
	top:1px;
}

.join_btn07 {
	-moz-box-shadow:inset 0px 1px 0px 0px #91b8b3;
	-webkit-box-shadow:inset 0px 1px 0px 0px #91b8b3;
	box-shadow:inset 0px 1px 0px 0px #91b8b3;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #768d87), color-stop(1, #6c7c7c));
	background:-moz-linear-gradient(top, #768d87 5%, #6c7c7c 100%);
	background:-webkit-linear-gradient(top, #768d87 5%, #6c7c7c 100%);
	background:-o-linear-gradient(top, #768d87 5%, #6c7c7c 100%);
	background:-ms-linear-gradient(top, #768d87 5%, #6c7c7c 100%);
	background:linear-gradient(to bottom, #768d87 5%, #6c7c7c 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#768d87', endColorstr='#6c7c7c',GradientType=0);
	background-color:#768d87;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	border-radius:4px;
	border:1px solid #566963;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-family: 'Nanum Gothic' , 나눔고딕 , sans-serif;
	font-size:13px;
	font-weight:bold;
	padding:6px 14px;
	text-decoration:none;
	text-shadow:0px 1px 0px #2b665e;
	line-height: normal;
}
.join_btn07:hover {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #6c7c7c), color-stop(1, #768d87));
	background:-moz-linear-gradient(top, #6c7c7c 5%, #768d87 100%);
	background:-webkit-linear-gradient(top, #6c7c7c 5%, #768d87 100%);
	background:-o-linear-gradient(top, #6c7c7c 5%, #768d87 100%);
	background:-ms-linear-gradient(top, #6c7c7c 5%, #768d87 100%);
	background:linear-gradient(to bottom, #6c7c7c 5%, #768d87 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#6c7c7c', endColorstr='#768d87',GradientType=0);
	background-color:#6c7c7c;
	color:#ffffff;
}
.join_btn07:active {
	position:relative;
	top:1px;
}


.join_btn08 {
	-moz-box-shadow:inset 0px 1px 0px 0px #e67a73;
	-webkit-box-shadow:inset 0px 1px 0px 0px #e67a73;
	box-shadow:inset 0px 1px 0px 0px #e67a73;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #e4685d), color-stop(1, #eb675e));
	background:-moz-linear-gradient(top, #e4685d 5%, #eb675e 100%);
	background:-webkit-linear-gradient(top, #e4685d 5%, #eb675e 100%);
	background:-o-linear-gradient(top, #e4685d 5%, #eb675e 100%);
	background:-ms-linear-gradient(top, #e4685d 5%, #eb675e 100%);
	background:linear-gradient(to bottom, #e4685d 5%, #eb675e 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#e4685d', endColorstr='#eb675e',GradientType=0);
	background-color:#e4685d;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	border-radius:4px;
	border:1px solid #ffffff;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-family: 'Nanum Gothic' , 나눔고딕 , sans-serif;
	font-size:13px;
	font-weight:bold;
	padding:6px 14px;
	text-decoration:none;
	text-shadow:0px 1px 0px #b23e35;
	line-height: normal;
}
.join_btn08:hover {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #eb675e), color-stop(1, #e4685d));
	background:-moz-linear-gradient(top, #eb675e 5%, #e4685d 100%);
	background:-webkit-linear-gradient(top, #eb675e 5%, #e4685d 100%);
	background:-o-linear-gradient(top, #eb675e 5%, #e4685d 100%);
	background:-ms-linear-gradient(top, #eb675e 5%, #e4685d 100%);
	background:linear-gradient(to bottom, #eb675e 5%, #e4685d 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#eb675e', endColorstr='#e4685d',GradientType=0);
	background-color:#eb675e;
	color:#ffffff;
}
.join_btn08:active {
	position:relative;
	top:1px;
}


.join_btn09 {
	-moz-box-shadow:inset 0px 1px 0px 0px #54a3f7;
	-webkit-box-shadow:inset 0px 1px 0px 0px #54a3f7;
	box-shadow:inset 0px 1px 0px 0px #54a3f7;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #007dc1), color-stop(1, #0061a7));
	background:-moz-linear-gradient(top, #007dc1 5%, #0061a7 100%);
	background:-webkit-linear-gradient(top, #007dc1 5%, #0061a7 100%);
	background:-o-linear-gradient(top, #007dc1 5%, #0061a7 100%);
	background:-ms-linear-gradient(top, #007dc1 5%, #0061a7 100%);
	background:linear-gradient(to bottom, #007dc1 5%, #0061a7 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#007dc1', endColorstr='#0061a7',GradientType=0);
	background-color:#007dc1;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	border-radius:4px;
	border:1px solid #124d77;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-family: 'Nanum Gothic' , 나눔고딕 , sans-serif;
	font-size:13px;
	font-weight:bold;
	padding:6px 14px;
	text-decoration:none;
	text-shadow:0px 1px 0px #154682;
	line-height: normal;
}
.join_btn09:hover {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #0061a7), color-stop(1, #007dc1));
	background:-moz-linear-gradient(top, #0061a7 5%, #007dc1 100%);
	background:-webkit-linear-gradient(top, #0061a7 5%, #007dc1 100%);
	background:-o-linear-gradient(top, #0061a7 5%, #007dc1 100%);
	background:-ms-linear-gradient(top, #0061a7 5%, #007dc1 100%);
	background:linear-gradient(to bottom, #0061a7 5%, #007dc1 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#0061a7', endColorstr='#007dc1',GradientType=0);
	background-color:#0061a7;
	color:#ffffff;
}
.join_btn09:active {
	position:relative;
	top:1px;
}


.join_btn10 {
	-moz-box-shadow:inset 0px 1px 0px 0px #fff6af;
	-webkit-box-shadow:inset 0px 1px 0px 0px #fff6af;
	box-shadow:inset 0px 1px 0px 0px #fff6af;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #ffec64), color-stop(1, #ffab23));
	background:-moz-linear-gradient(top, #ffec64 5%, #ffab23 100%);
	background:-webkit-linear-gradient(top, #ffec64 5%, #ffab23 100%);
	background:-o-linear-gradient(top, #ffec64 5%, #ffab23 100%);
	background:-ms-linear-gradient(top, #ffec64 5%, #ffab23 100%);
	background:linear-gradient(to bottom, #ffec64 5%, #ffab23 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffec64', endColorstr='#ffab23',GradientType=0);
	background-color:#ffec64;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	border-radius:4px;
	border:1px solid #ffaa22;
	display:inline-block;
	cursor:pointer;
	color:#333333;
	font-family: 'Nanum Gothic' , 나눔고딕 , sans-serif;
	font-size:13px;
	font-weight:bold;
	padding:6px 14px;
	text-decoration:none;
	text-shadow:0px 1px 0px #ffee66;
	line-height: normal;
}
.join_btn10:hover {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #ffab23), color-stop(1, #ffec64));
	background:-moz-linear-gradient(top, #ffab23 5%, #ffec64 100%);
	background:-webkit-linear-gradient(top, #ffab23 5%, #ffec64 100%);
	background:-o-linear-gradient(top, #ffab23 5%, #ffec64 100%);
	background:-ms-linear-gradient(top, #ffab23 5%, #ffec64 100%);
	background:linear-gradient(to bottom, #ffab23 5%, #ffec64 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffab23', endColorstr='#ffec64',GradientType=0);
	background-color:#ffab23;
	color:#333333;
}
.join_btn10:active {
	position:relative;
	top:1px;
}

.join_btn11 {
	-moz-box-shadow:inset 0px 1px 0px 0px #e184f3;
	-webkit-box-shadow:inset 0px 1px 0px 0px #e184f3;
	box-shadow:inset 0px 1px 0px 0px #e184f3;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #c123de), color-stop(1, #a20dbd));
	background:-moz-linear-gradient(top, #c123de 5%, #a20dbd 100%);
	background:-webkit-linear-gradient(top, #c123de 5%, #a20dbd 100%);
	background:-o-linear-gradient(top, #c123de 5%, #a20dbd 100%);
	background:-ms-linear-gradient(top, #c123de 5%, #a20dbd 100%);
	background:linear-gradient(to bottom, #c123de 5%, #a20dbd 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#c123de', endColorstr='#a20dbd',GradientType=0);
	background-color:#c123de;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	border-radius:4px;
	border:1px solid #a511c0;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-family: 'Nanum Gothic' , 나눔고딕 , sans-serif;
	font-size:13px;
	font-weight:bold;
	padding:6px 14px;
	text-decoration:none;
	text-shadow:0px 1px 0px #9b14b3;
	line-height: normal;
}
.join_btn11:hover {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #a20dbd), color-stop(1, #c123de));
	background:-moz-linear-gradient(top, #a20dbd 5%, #c123de 100%);
	background:-webkit-linear-gradient(top, #a20dbd 5%, #c123de 100%);
	background:-o-linear-gradient(top, #a20dbd 5%, #c123de 100%);
	background:-ms-linear-gradient(top, #a20dbd 5%, #c123de 100%);
	background:linear-gradient(to bottom, #a20dbd 5%, #c123de 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#a20dbd', endColorstr='#c123de',GradientType=0);
	background-color:#a20dbd;
	color:#ffffff;
}
.join_btn11:active {
	position:relative;
	top:1px;
}


.join_btn12 {
	-moz-box-shadow:inset 0px 1px 0px 0px #caefab;
	-webkit-box-shadow:inset 0px 1px 0px 0px #caefab;
	box-shadow:inset 0px 1px 0px 0px #caefab;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #77d42a), color-stop(1, #5cb811));
	background:-moz-linear-gradient(top, #77d42a 5%, #5cb811 100%);
	background:-webkit-linear-gradient(top, #77d42a 5%, #5cb811 100%);
	background:-o-linear-gradient(top, #77d42a 5%, #5cb811 100%);
	background:-ms-linear-gradient(top, #77d42a 5%, #5cb811 100%);
	background:linear-gradient(to bottom, #77d42a 5%, #5cb811 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#77d42a', endColorstr='#5cb811',GradientType=0);
	background-color:#77d42a;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	border-radius:4px;
	border:1px solid #268a16;
	display:inline-block;
	cursor:pointer;
	color:#306108;
	font-family: 'Nanum Gothic' , 나눔고딕 , sans-serif;
	font-size:13px;
	font-weight:bold;
	padding:6px 14px;
	text-decoration:none;
	text-shadow:0px 1px 0px #aade7c;
	line-height: normal;
}
.join_btn12:hover {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #5cb811), color-stop(1, #77d42a));
	background:-moz-linear-gradient(top, #5cb811 5%, #77d42a 100%);
	background:-webkit-linear-gradient(top, #5cb811 5%, #77d42a 100%);
	background:-o-linear-gradient(top, #5cb811 5%, #77d42a 100%);
	background:-ms-linear-gradient(top, #5cb811 5%, #77d42a 100%);
	background:linear-gradient(to bottom, #5cb811 5%, #77d42a 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#5cb811', endColorstr='#77d42a',GradientType=0);
	background-color:#5cb811;
	color:#306108;
}
.join_btn12:active {
	position:relative;
	top:1px;
}


 .join_btn13 {
	-moz-box-shadow:inset 0px 1px 0px 0px #fce2c1;
	-webkit-box-shadow:inset 0px 1px 0px 0px #fce2c1;
	box-shadow:inset 0px 1px 0px 0px #fce2c1;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #ffc477), color-stop(1, #fb9e25));
	background:-moz-linear-gradient(top, #ffc477 5%, #fb9e25 100%);
	background:-webkit-linear-gradient(top, #ffc477 5%, #fb9e25 100%);
	background:-o-linear-gradient(top, #ffc477 5%, #fb9e25 100%);
	background:-ms-linear-gradient(top, #ffc477 5%, #fb9e25 100%);
	background:linear-gradient(to bottom, #ffc477 5%, #fb9e25 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffc477', endColorstr='#fb9e25',GradientType=0);
	background-color:#ffc477;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	border:1px solid #eeb44f;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-family: 'Nanum Gothic' , 나눔고딕 , sans-serif;
	font-size:13px;
	font-weight:bold;
	padding:6px 16px;
	text-decoration:none;
	text-shadow:0px 1px 0px #cc9f52;
	line-height: normal;
}
.join_btn13:hover {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #fb9e25), color-stop(1, #ffc477));
	background:-moz-linear-gradient(top, #fb9e25 5%, #ffc477 100%);
	background:-webkit-linear-gradient(top, #fb9e25 5%, #ffc477 100%);
	background:-o-linear-gradient(top, #fb9e25 5%, #ffc477 100%);
	background:-ms-linear-gradient(top, #fb9e25 5%, #ffc477 100%);
	background:linear-gradient(to bottom, #fb9e25 5%, #ffc477 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fb9e25', endColorstr='#ffc477',GradientType=0);
	background-color:#fb9e25;
	color:#ffffff;
}
.join_btn13:active {
	position:relative;
	top:1px;
}


.join_btn14 {
    background-color: #ededed;
    border: 1px solid #dcdcdc;
    display: inline-block;
    cursor: pointer;
    color: #544b54;
    font-family: 'Nanum Gothic' , 나눔고딕 , sans-serif;
    font-size: 12px;
    padding: 6px 14px;
    text-decoration: none;
    line-height: normal;
}
        
.join_btn15 {
    border: 1px solid #e60101;
    display: inline-block;
    cursor: pointer;
    color: #e60101;
	font-family: 'Nanum Gothic' , 나눔고딕 , sans-serif;
    font-size: 13px;
    font-weight: bold;
    padding: 20px 26px;
    text-decoration: none;
    line-height: normal;
}
        

.join_small_btn01 {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #ededed), color-stop(1, #dfdfdf));
	background:-moz-linear-gradient(top, #ededed 5%, #dfdfdf 100%);
	background:-webkit-linear-gradient(top, #ededed 5%, #dfdfdf 100%);
	background:-o-linear-gradient(top, #ededed 5%, #dfdfdf 100%);
	background:-ms-linear-gradient(top, #ededed 5%, #dfdfdf 100%);
	background:linear-gradient(to bottom, #ededed 5%, #dfdfdf 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ededed', endColorstr='#dfdfdf',GradientType=0);
	background-color:#ededed;
	-moz-border-radius:9px;
	-webkit-border-radius:9px;
	border-radius:9px;
	border:1px solid #dcdcdc;
	display:inline-block;
	cursor:pointer;
	color:#1414e0;
	font-family: 'Nanum Gothic' , 나눔고딕 , sans-serif;
	font-size:12px;
	font-weight:bold;
	padding:3px 6px;
	text-decoration:none;
	line-height: normal;
}
.join_small_btn01:hover {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #dfdfdf), color-stop(1, #ededed));
	background:-moz-linear-gradient(top, #dfdfdf 5%, #ededed 100%);
	background:-webkit-linear-gradient(top, #dfdfdf 5%, #ededed 100%);
	background:-o-linear-gradient(top, #dfdfdf 5%, #ededed 100%);
	background:-ms-linear-gradient(top, #dfdfdf 5%, #ededed 100%);
	background:linear-gradient(to bottom, #dfdfdf 5%, #ededed 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#dfdfdf', endColorstr='#ededed',GradientType=0);
	background-color:#dfdfdf;
	color:#1414e0;
}
.join_small_btn01:active {
	position:relative;
	top:1px;
}

.join_small_btn02 {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #ededed), color-stop(1, #dfdfdf));
	background:-moz-linear-gradient(top, #ededed 5%, #dfdfdf 100%);
	background:-webkit-linear-gradient(top, #ededed 5%, #dfdfdf 100%);
	background:-o-linear-gradient(top, #ededed 5%, #dfdfdf 100%);
	background:-ms-linear-gradient(top, #ededed 5%, #dfdfdf 100%);
	background:linear-gradient(to bottom, #ededed 5%, #dfdfdf 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ededed', endColorstr='#dfdfdf',GradientType=0);
	background-color:#ededed;
	-moz-border-radius:12px;
	-webkit-border-radius:12px;
	border-radius:12px;
	border:1px solid #dcdcdc;
	display:inline-block;
	cursor:pointer;
	color:#F50532;
	font-family: 'Nanum Gothic' , 나눔고딕 , sans-serif;
	font-size:12px;
	font-weight:bold;
	padding:3px 6px;
	text-decoration:none;
	line-height: normal;
}
.join_small_btn02:hover {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #dfdfdf), color-stop(1, #ededed));
	background:-moz-linear-gradient(top, #dfdfdf 5%, #ededed 100%);
	background:-webkit-linear-gradient(top, #dfdfdf 5%, #ededed 100%);
	background:-o-linear-gradient(top, #dfdfdf 5%, #ededed 100%);
	background:-ms-linear-gradient(top, #dfdfdf 5%, #ededed 100%);
	background:linear-gradient(to bottom, #dfdfdf 5%, #ededed 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#dfdfdf', endColorstr='#ededed',GradientType=0);
	background-color:#dfdfdf;
	color:#F50532;
}
.join_small_btn02:active {
	position:relative;
	top:1px;
}

.join_small_btn03 {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #ededed), color-stop(1, #dfdfdf));
	background:-moz-linear-gradient(top, #ededed 5%, #dfdfdf 100%);
	background:-webkit-linear-gradient(top, #ededed 5%, #dfdfdf 100%);
	background:-o-linear-gradient(top, #ededed 5%, #dfdfdf 100%);
	background:-ms-linear-gradient(top, #ededed 5%, #dfdfdf 100%);
	background:linear-gradient(to bottom, #ededed 5%, #dfdfdf 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ededed', endColorstr='#dfdfdf',GradientType=0);
	background-color:#ededed;
	-moz-border-radius:12px;
	-webkit-border-radius:12px;
	border-radius:12px;
	border:1px solid #dcdcdc;
	display:inline-block;
	cursor:pointer;
	color:#4b4b4c;
	font-family: 'Nanum Gothic' , 나눔고딕 , sans-serif;
	font-size:12px;
	font-weight:bold;
	padding:3px 6px;
	text-decoration:none;
	line-height: normal;
}
.join_small_btn03:hover {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #dfdfdf), color-stop(1, #ededed));
	background:-moz-linear-gradient(top, #dfdfdf 5%, #ededed 100%);
	background:-webkit-linear-gradient(top, #dfdfdf 5%, #ededed 100%);
	background:-o-linear-gradient(top, #dfdfdf 5%, #ededed 100%);
	background:-ms-linear-gradient(top, #dfdfdf 5%, #ededed 100%);
	background:linear-gradient(to bottom, #dfdfdf 5%, #ededed 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#dfdfdf', endColorstr='#ededed',GradientType=0);
	background-color:#dfdfdf;
	color:#4b4b4c;
}
.join_small_btn03:active {
	position:relative;
	top:1px;
}
 
 .join_big_btn01 {
	/*-moz-box-shadow:inset 0px 1px 0px 0px #fce2c1;
	-webkit-box-shadow:inset 0px 1px 0px 0px #fce2c1;
 	box-shadow:inset 0px 1px 0px 0px #fce2c1; */
 	-moz-box-shadow:0px 10px 14px -7px #b9c1c0;
	-webkit-box-shadow:0px 10px 14px -7px #b9c1c0;
	box-shadow:0px 10px 14px -7px #b9c1c0;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #ffc477), color-stop(1, #fb9e25));
	background:-moz-linear-gradient(top, #ffc477 5%, #fb9e25 100%);
	background:-webkit-linear-gradient(top, #ffc477 5%, #fb9e25 100%);
	background:-o-linear-gradient(top, #ffc477 5%, #fb9e25 100%);
	background:-ms-linear-gradient(top, #ffc477 5%, #fb9e25 100%);
	background:linear-gradient(to bottom, #ffc477 5%, #fb9e25 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffc477', endColorstr='#fb9e25',GradientType=0);
	background-color:#ffc477;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	border:1px solid #eeb44f;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-family:Arial;
	font-size:13px;
	font-weight:bold;
	padding:27px 16px;
	text-decoration:none;
	text-shadow:0px 1px 0px #cc9f52;
}
.join_big_btn01:hover {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #fb9e25), color-stop(1, #ffc477));
	background:-moz-linear-gradient(top, #fb9e25 5%, #ffc477 100%);
	background:-webkit-linear-gradient(top, #fb9e25 5%, #ffc477 100%);
	background:-o-linear-gradient(top, #fb9e25 5%, #ffc477 100%);
	background:-ms-linear-gradient(top, #fb9e25 5%, #ffc477 100%);
	background:linear-gradient(to bottom, #fb9e25 5%, #ffc477 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fb9e25', endColorstr='#ffc477',GradientType=0);
	background-color:#fb9e25;
	color:#ffffff;
}
.join_big_btn01:active {
	position:relative;
	top:1px;
}

        


.lnbJoin {background:#efefef}
.lnbJoin ul {margin-left: 5px;}
.lnbJoin ul li {display:inline-block;}
.lnbJoin ul li a {display:block; padding:0 19px; font-size:14px; font-weight:700; color:#3a3a3a; line-height:40px;}
.lnbJoin ul li.on a {background:#fff; color:#333333;}

.datepicker {width:30%; height:25px;; padding:1em 0.5em; border:1px solid #ddd; font-size:1em; line-height:1.250em;}
.inpt {width:10% !important;}
.ui-datepicker-trigger {display:inline-block;/* margin:0 2em 0 3px; */vertical-align:middle;}
.tooltip {
	position: relative;
	cursor:pointer;
	display: inline-block;
	text-decoration: none;
	color: #222;
	outline: none;
}



.tooltip span {
	visibility: hidden;
	position: absolute;
	bottom: 30px;
	color: #222;
	left: 50%;
	z-index: 999;
	width: 100px;
	margin-left: -50px;
	padding: 5px;
	border: 2px solid #ccc;
	opacity: .9;
	background-color: #ddd;
	background-image: -webkit-linear-gradient(rgba(255,255,255,.5), rgba(255,255,255,0));
	background-image: -moz-linear-gradient(rgba(255,255,255,.5), rgba(255,255,255,0));
	background-image: -ms-linear-gradient(rgba(255,255,255,.5), rgba(255,255,255,0));
	background-image: -o-linear-gradient(rgba(255,255,255,.5), rgba(255,255,255,0));
	background-image: linear-gradient(rgba(255,255,255,.5), rgba(255,255,255,0));
	-moz-border-radius: 4px;
	border-radius: 4px;
	-moz-box-shadow: 0 1px 2px rgba(0,0,0,.4), 0 1px 0 rgba(255,255,255,.5) inset;
	-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.4), 0 1px 0 rgba(255,255,255,.5) inset;
	box-shadow: 0 1px 2px rgba(0,0,0,.4), 0 1px 0 rgba(255,255,255,.5) inset;
	text-shadow: 0 1px 0 rgba(255,255,255,.4);
}


.tb_joinReplyWrite {text-align:left; margin-bottom:20px; border:solid 1px #bbb09b; background-color: #f3f3f3;}
.tb_joinReplyWrite th {padding:12px 10px; background:#f3f3f3; border:0; font-size:15px; color:#002639; text-align:center; background-color: #f3f3f3;}
.tb_joinReplyWrite td {padding:12px 20px; border:0; font-size:13px; font-weight:700; color:#666; line-height:26px; background-color: #f3f3f3; font-weight: normal;}

.tb_joinReplyView {text-align:left; margin-bottom:20px; border-top:solid 2px #e1dbcd;  border-bottom:solid 2px #e1dbcd; border-left: 0; border-right:0;}
.tb_joinReplyView th {padding:8px 10px; border:0; font-size:15px;border:1px solid #e1dbcd;  color:#002639; text-align:center; }
.tb_joinReplyView td {padding:8px 20px; border:0; font-size:13px;border:1px solid #e1dbcd;  font-weight:700; color:#666; line-height:26px;font-weight: normal;}
.tb_joinReplyView th.first, .tb_joinReplyView td.first {border-left: 0;} 
.tb_joinReplyView th.last, .tb_joinReplyView td.last {border-right: 0;} 

.tb_joinReply {text-align:left; margin-bottom:20px; border-top:solid 2px #bbb09b;border-bottom:solid 2px #bbb09b;}
.tb_joinReply th {padding:12px 10px; background:#f3f3f3; border:1px solid #e1dbcd; font-size:13px; color:#002639; text-align:center;}
.tb_joinReply td {padding:12px 20px; border:1px solid #e1dbcd; font-size:13px; font-weight:700; color:#666; line-height:26px;}
.tb_joinReply td.first, .tb_joinReply th.first {border-left:0;}
.tb_joinReply td.last, .tb_joinReply th.last {border-right:0;}


.tb_joinSMS {text-align:left; margin-top:30px; border-top:solid 2px #e5e5e5;  border-bottom:solid 2px #e5e5e5; border-left: 0; border-right:0; background-color: ; }
.tb_joinSMS td {padding:4px 30px; border:0; font-size:13px; font-weight:700; color:#666; line-height:26px;font-weight: normal;}
.tb_joinSMS td label {padding-left: 15px;}

.tb_joinReplyParent {text-align:left; margin-bottom:20px; border-top:solid 1px #e1dbcd;  border-bottom:solid 1px #e1dbcd; border-left: 0; border-right:0;}
.tb_joinReplyParent th {padding:8px 10px; border:0; font-size:15px; color:#002639; text-align:left; }
.tb_joinReplyParent td {padding:8px 10px; border:0; font-size:13px; font-weight:700; color:#666; line-height:26px;font-weight: normal;}

.tb_joinReplyChild {text-align:left; margin-bottom:20px; border-top:0;  border-bottom:dotted 1px #797875; border-left: 0; border-right:0; background-color: #f3f3f3;}
.tb_joinReplyChild th {padding:8px 10px; border:0; font-size:15px; color:#002639; text-align:left; }
.tb_joinReplyChild td {padding:8px 10px; border:0; font-size:13px; font-weight:700; color:#666; line-height:26px;font-weight: normal;}
.tb_joinReplyChild td.button {background-color: #b6b6b6; cursor: pointer; text-align: center; padding: 2px;}


.tooltip:hover {
	border: 0; /* IE6 fix */
}

.tooltip:hover span {
	visibility: visible;
}

.tooltip span:before, .tooltip span:after {
	position: absolute;
	color: #222;
	z-index: 1000;
	bottom: -7px;
	left: 50%;
	margin-left: -8px;
	border-top: 8px solid #ddd;
	border-left: 8px solid transparent;
	border-right: 8px solid transparent;
	border-bottom: 0;
}

.tooltip span:before {
	border-top-color: #ccc;
	color: #222;
	bottom: -8px;
}

.hrefstyle {
	cursor: pointer;
	width:100%;
/* 	height:100%; */
	display: inline-block;
}

.titleStyle { padding:0px; font-size:16px; color:#002639;}

.hiddenlayer {
	display: none;
}

.showlayer {
	display: inline-block;
}

.btn_style {
	border-radius: 2px;
	width:120px; height:25px;
	border:1px solid #b1b1b0;
	background: #ffffff;
	color:#212121;
	cursor:pointer;
	font-weight:bold;
}

/*추가*/
.tab_course {width:100%; overflow:hidden; position:relative; width:100%;}
.tab_course div {clear:both;}
.tab_course ul {padding-left:250px; position:absolute; top:20px;}
.tab_course li {float:left; margin:0 3px;}
/*.tab_course li:first-child {border-left:1px solid #e4e4e4;}*/
.tab_course li a {display:block; padding:0 10px; height:28px; background:#f1f1f1; font-weight:700; color:#333; line-height:28px; cursor:pointer;}
.tab_course li a:hover,.tab_course li.active a {background:#bdb29c; color:#fff;}

.course_view {background:url('/homepage/images/coursemap/top_bg.gif') no-repeat; width:814px; text-align:center; padding:35px 0 22px 0; position:relative;}
.course_view .tt_top {color:#303030; font-size:22px;}
.course_view .tt_bot {color:#bdb29c; font-size:34px;}
.course_view .go_pre {position:absolute; top:37px; left:250px;}
.course_view .go_next {position:absolute; top:37px; right:250px;}

.map_all {float:left; width:272px;}
.map_zi {float:left; width:234px;}
.map_int {float:left; width:307px; height:300px; padding-top:17px;}
.map_int h6 {font-size:22px; line-height:29px; padding:2px 0 0 50px; color:#bdb29c; font-weight:bold; background:url('/homepage/images/coursemap/left_bar.gif') no-repeat left; width:220px; height:60px;}
.map_int h6 span {color:#303030;}
.map_int p {padding:20px 48px 20px 30px; line-height:20px; font-size:12px; height:150px; text-align:justify;}

.hole_nb {text-align:center;}

.course_pic_area {text-align:center; padding:40px 0 40px 0; height:400px; position:relative; overflow:hidden;}





/*2차*/


#wrap {background:#e2e2e2; overflow:hidden;}
#gnb_wrap {width:1180px; height:216px; margin:0 auto; background-color:#fff; position:relative; z-index:50;}
#gnb_wrap h1 {position:absolute; top:85px; left:420px;}
#gnb_wrap .gnb_ul {width:790px; position:absolute; top:180px; left:40px;}
#gnb_wrap .gnb_li {float:left; width:16%; font-weight:bold; font-size:14px;}
#gnb_wrap .gnb_li .gnb_hv {font-size:14px; display:block; padding:0 0 20px 0;}

/*gnb*/

#gnb_wrap .gnb_li .gnb01 {background:url('../images/main/gnb01.png') no-repeat; cursor:pointer; width:53px; height:17px;}
#gnb_wrap .gnb_li .gnb01:hover {background:url('../images/main/gnb01_hv.png') no-repeat; cursor:pointer; width:53px; height:17px;}
#gnb_wrap .gnb_li .gnb02 {background:url('../images/main/gnb02.png') no-repeat; cursor:pointer; width:52px; height:17px;}
#gnb_wrap .gnb_li .gnb02:hover {background:url('../images/main/gnb02_hv.png') no-repeat; cursor:pointer; width:53px; height:17px;}
#gnb_wrap .gnb_li .gnb03 {background:url('../images/main/gnb03.png') no-repeat; cursor:pointer; width:70px; height:17px;}
#gnb_wrap .gnb_li .gnb03:hover {background:url('../images/main/gnb03_hv.png') no-repeat; cursor:pointer; width:70px; height:17px;}
#gnb_wrap .gnb_li .gnb04 {background:url('../images/main/gnb04.png') no-repeat; cursor:pointer; width:52px; height:17px;}
#gnb_wrap .gnb_li .gnb04:hover {background:url('../images/main/gnb04_hv.png') no-repeat; cursor:pointer; width:52px; height:17px;}
#gnb_wrap .gnb_li .gnb05 {background:url('../images/main/gnb05.png') no-repeat; cursor:pointer; width:67px; height:17px;}
#gnb_wrap .gnb_li .gnb05:hover {background:url('../images/main/gnb05_hv.png') no-repeat; cursor:pointer; width:67px; height:17px;}
#gnb_wrap .gnb_li .gnb06 {background:url('../images/main/gnb06.png') no-repeat; cursor:pointer; width:54px; height:17px;}
#gnb_wrap .gnb_li .gnb06:hover {background:url('../images/main/gnb06_hv.png') no-repeat; cursor:pointer; width:54px; height:17px;}

#lnb_wrap {position:absolute; width:790px; height:210px; top:36px; left:-40px; background-color:#333; z-index:900;}
#lnb_wrap ul {width:16%; float:left; color:#fff; padding-top:10px; height:210px; z-index:900;}
#lnb_wrap li {padding:4px 0 4px 40px; font-size:13px;}
#lnb_wrap a {color:#fff; display:inline-block; width:100px; height:25px;}
#lnb_wrap a:hover {color:#c0f9f7;}

#mid_con_wrap {clear:both; padding:16px; height:367px; width:1180px;}
.main_notice {float:left; width:300px; border:solid 1px #e5e5e5; position:relative;}
.main_notice h3 {font-size:16px; padding:20px 0 20px 20px; background:url('../images/main/bg_notice.gif') no-repeat bottom;}
.main_notice .notice_more {position:absolute; top:25px; right:20px;}
.notice_more a:hover {color:#5fa6a4;}
.main_notice ul {padding:10px 20px 14px 20px; line-height:28px;}
.main_notice li {display:block; position:relative;}
.new_notice a {color:#5fa6a4; width:195px; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; display:block; letter-spacing:-1px;}
.main_notice li a:hover {font-weight:bold;}
.main_notice li span {display:block; position:absolute; top:0; right:-5px; color:#bbb09b;}
.m_notice_img {padding:0 20px 20px 17px; text-align:center;}
.m_notice_img img {border:solid 1px #c6c6c6;}

.main_reserve {float:left; width:455px; border:solid 1px #e5e5e5; margin-left:16px; position:relative;}
.main_reserve h3 {font-size:16px; padding:20px 0 20px 20px;}
.main_reserve .book_more {position:absolute; top:25px; right:20px;}
.book_more a:hover {color:#5fa6a4;}
.rsv_preview {width:430px; background-color:#dfdfdf; overflow:hidden; position:relative; margin:0 auto;}
.rsv_preview ul {color:#000000; text-align:center; font-size:14px; font-weight:bold;}
.yearmonth {font-size:19px; line-height:25px; padding:7px 7px; font-family:arial; float:left; width:155px;}
.yearmonth span {font-size:38px; color:#000000;}
.select_date {padding:25px 0 15px 0; color:#000000; float:left; font-size:15px;}
.team_txt {color:#afeeec; font-family:arial; margin-right:5px;}
.w_it {width:600px; height:30px; padding:5px; font-family:'Nanum Gothic' , 나눔고딕 , sans-serif; font-size:15px; color:#353535; margin-left:10px;}

.pre_month {position:absolute; display:block; top:30px; left:40px; font-weight:bold; color:#fff;}
.next_month {position:absolute; display:block; top:30px; right:300px; font-weight:bold; color:#fff;}
/*
.m_calendar {float:left; width:455px; height:209px; font-size:12px; margin:0 0 11px 0;}
.m_calendar th {padding:13px 5px 11px 5px; text-align:center;}
.m_calendar td {text-align:center; position:relative; width:58px; height:30px;}
.m_calendar a {display:block; width:58px; padding:10px 3px 10px 3px; background:url('../images/main/et_round.png') no-repeat center;}
.m_calendar a:hover {display:block; width:58px; padding:10px 3px 10px 3px; background:url('../images/main/se_round.png') no-repeat center; cursor:pointer;}
*/
.m_calendar {float:left; width:455px; height:209px; font-size:12px; margin:0 0 27px 0; font-size: 14px; font-weight: 500; font-family: lato, 나눔고딕, Nanum Gothic, NanumGothic,dotum, gulim;}
.m_calendar table {margin:auto; width: 430px;border-collapse: collapse;table-layout: fixed;word-break: break-all;border-spacing: 0; margin-bottom: 15px;}
.m_calendar th {padding:11px 5px 9px 5px; text-align:center;border: 1px solid #d0d0d0; background-color: #ebe9eb; }
.m_calendar td {text-align:center; position:relative; width:62px; height:30px; border: 1px solid #d0d0d0;}
.m_calendar td.membday {background-color: #c1fdc1 !important;}
.m_calendar a {display:block; height:30px; background-color: #A6FFFF; line-height: 30px; color: #1f4051; font-weight: 500;}
.m_calendar .sunday {color: #e60012}
.m_calendar .saturday {color: #0070be}
.m_calendar a.today {background:#82abd0; color: #fff !important;}
.m_calendar a:hover {display:block; height:30px; background-color: #55a9a6; line-height: 30px;}


.top_banner {position:absolute; right:0; width:390px; height:216px; background-color:#f7f7f7; overflow:hidden;}
.top_menu {position:absolute; right:370px; top:10px; width:100px; height:120px;}
.top_menu li {line-height:20px; color:#496f6e; font-size:13px; padding-left:20px; position:relative;}
.top_menu a {}
.top_menu a:hover {color:#5fa6a4;}




.title_area {margin:0 auto; width:1180px; height:160px;}
.title_area h3 {padding:65px; font-size:33px; letter-spacing: -1px}
.title_area span {font-size:18px; margin-left:15px;}

.contact {float:right; overflow:hidden; width:320px;}
.contact ul {float:left; width:400px;}
.contact li {padding-bottom:10px; font-size:14px; line-height:30px;}
.contact span {font-weight:bold; color:#5fa6a4;}



/*타이틀 백그라운드 이미지*/
.bg01 {background:url('../images/aboutclub/ctg_information.jpg') no-repeat;} /*클럽소개*/
.bg02 {background:url('../images/clubguide/ctg_clubguide.jpg') no-repeat;} /*이용안내*/
.bg03 {background:url('../images/facility/ctg_facility.jpg') no-repeat;} /*부대시설*/
.bg04 {background:url('../images/coursemap/ctg_coursemap.jpg') no-repeat;} /*코스맵*/
.bg05 {background:url('../images/booking/ctg_booking.jpg') no-repeat;} /*온라인 예약*/
.bg06 {background:url('../images/customer/ctg_customer.jpg') no-repeat;} /*고객서비스*/



#content_wrap_main {width:1180px; margin:0 auto; background:#fff; display:block; overflow:hidden; position:relative;}

.m_bn_area {float:left; width:790px;}
.m_login_area {float:left; width:390px; height:120px; background-color:#464646;}
.m_login_area .m_id {float:left; margin-left:24px; margin-top:25px;}
.m_login_area .m_id input {width:132px; height:30px; float:left; background-color:#555; border:none; padding-left:6px; color:#fff;}
.m_login_area .m_pw {float:left; margin-left:6px; margin-top:25px;}
.m_login_area .m_pw input {width:132px; height:30px; float:left; background-color:#555; border:none; padding-left:6px; color:#fff;}
.m_login_area .m_btn {float:left; margin-top:25px;}
.m_login_area .m_btn img {margin-left:6px;}
.m_login_area .after_login {color:#fff; padding:30px 50px; line-height:22px; font-size:13px;}
.save_id {clear:both; position:relative;}
.save_id input {display:block; position:absolute; top:17px; left:25px;}
.save_id label {color:#9e9e9e; position:absolute; top:15px; left:45px;}
.save_pw {clear:both; position:relative;}
.save_pw input {display:block; position:absolute; top:17px; left:130px;}
.save_pw label {color:#9e9e9e; position:absolute; top:15px; left:150px;}
.go_join {color:#9e9e9e; position:absolute; top:95px; right:22px; letter-spacing:-1px;}
.go_join a {color:#9e9e9e;}
.go_join a:hover {color:#fff;}
.ml15 {margin-left:15px;}


.m_right_bn {float:left; width:390px; position:relative;}
.m_right_bn .m16 {margin:16px;}
.m_right_bn .tit_wine {position:absolute; z-index:500; top:45px; left:50px;}
.m_right_bn .menubox {width:357px; height:205px; padding:3px 16px 0 16px;}

.m_time {padding: 7.5px 0;text-align:center; font-size:13px; letter-spacing:0; position:absolute; top:70px; left: 340px;}
.m_time span{color:#e60012; font-weight:bold;}
.m_time .temp {color:#496f6e; font-weight:bold;}
.m_time .f14 {font-size:14px;}
.m_box1 {float:left; width:170px; height:362px; border:solid 1px #e5e5e5; margin-left:16px;}
.m_box1 h3 {font-size:16px; padding:24px 0 12px 6px;}
/*.m_box1 {float:left; width:170px; height:348px; border:solid 1px #e5e5e5; margin-left:16px;}
.m_box1 h3 {font-size:16px; padding:16px 0 12px 15px;}
*/

#content_wrap {width:1070px; margin:0 auto; background:#fff; padding:55px; display:block; overflow:hidden; position:relative;}
#content_wrap .menu_navi {position:absolute; top:82px; right:60px;}
#content_wrap h4 {padding:15px; font-size:25px; color:#496f6e; font-weight:bold;}
#content_wrap img .02subtit {display:inline;}
#content_wrap h4 .subtit2 {font-size:13px; font-weight:normal; margin-left:10px;}

#popup_wrap {margin:0 auto; background:#fff !important; padding:25px; display:block; overflow:hidden; position:relative;}

.content {border-top:solid 4px #e5e5e5; position:relative; overflow:hidden;}
.content .subtit {font-size:16px; padding:10px 0 10px 10px;}
.content .con_box {padding:30px 0 0 10px; overflow:hidden;}
.content .img {width:40%; float:left;}
.content .img2 {width:55%; float:left;}
.content .txt {width:60%; float:left;}
.content .txt2 {width:40%; float:left; padding:10px 0 0 10px; letter-spacing:-1px;}
.content .txt2 h5 {font-size:17px; line-height:27px; font-weight:bold; padding:20px 0;}
.content .txt2 h6 {font-size:14px; line-height:27px; padding:0 0;}
.content .txt2 p {font-size:15px; line-height:27px; letter-spacing:-1px; text-align:justify;}
.content .txt3 {width:50%; float:left; padding:10px 0 0 0; letter-spacing:-1px;}
.content .txt3 h5 {font-size:20px; line-height:27px; font-weight:bold; padding:20px 0 20px 30px;}
.content .txt3 img {margin:0 auto;}
.content .txt3 p {font-size:15px; line-height:27px; padding:20px 0 20px 30px;}

.board01 {margin:50px auto; border:solid 1px #d3d3d3; width:97%;}
.board01 th {padding:15px; border-top:solid 2px #666; background-color:#f9f9f9;}
.board01 td {padding:15px; border-top:solid 1px #d3d3d3; border-bottom:solid 1px #d3d3d3; font-size:14px; }
.board01 td .notice_tit {text-align:left;}
.ico_lock {text-align:left; display:inline-block; margin-right:10px;}
.board01 .nb {width:15%; text-align:center;}
.board01 .sbj {width:50%;}
.board01 .date {width:20%; text-align:center;}
.board01 .hit {width:15%; text-align:center;}
.board01 .name {width:15%; text-align:center;}
.board01 a {display:block; width:100%;}
.board01 .notice_imp {background-color:#eee9de; color:#002539; border-bottom:solid 1px #9f998a; border-top:solid 1px #9f998a;}
.board01 .notice_imp a {color:#002539;}
.board01 .reply_area {background-color:#ede8dd}
.board01 .reply_area a {display:inline-block;}
.board01 .reply_area a img {display:inline; margin-right:10px;}

.board_join {margin:10px 0; border:solid 1px #d3d3d3; width:100%; table-layout:fixed; }
.board_join th {padding:15px; border-top:solid 2px #666; background-color:#f9f9f9;}
.board_join td {padding:15px 3px; border-top:solid 1px #d3d3d3; border-bottom:solid 1px #d3d3d3; font-size:12px; }
.board_join td .notice_tit {text-align:left;}
.board_join .seq {width:6%; text-align:center;}
.board_join .status {width:8%; text-align:center;}
.board_join .joinYmd {width:11%; text-align:center;}
.board_join .joinTime {width:8%; text-align:center;}
.board_join .joinCrs {width:8%; text-align:center;}
.board_join .joinMembCd {width:8%; text-align:center;}
.board_join .greenfee {width:9%; text-align:right;}
.board_join .currMembCd {width:9%; text-align:center;}
.board_join .askMembCd {width:7%; text-align:center;}
.board_join .askHandy {width:7%; text-align:center;}
.board_join .insDate {width:12%; text-align:center;}
.board_join .waitIngCnt {width:8%; text-align:center;}
.board_join .waitEndCnt {width:8%; text-align:center;}
/* .board_join .memo {width:20%; text-align:center;} */
.board_join .hits {width:6%; text-align:center;}
.board_join .btn_cancel {width:8%; text-align:center;}
.board_join a {display:block; width:100%;}
.board_join .notice_imp {background-color:#eee9de; color:#002539; border-bottom:solid 1px #9f998a; border-top:solid 1px #9f998a;}
.board_join .notice_imp a {color:#002539;}
.board_join .reply_area {background-color:#ede8dd}
.board_join .reply_area a {display:inline-block;}
.board_join .reply_area a img {display:inline; margin-right:10px;}

.btn_list1 {float:right; margin-right:45px;}



/*명예의 전당*/
.board02_wrap {overflow:hidden; margin-left:10px;}
.board02 {margin:50px auto; border:solid 1px #d3d3d3; width:33%; float:left;}
.board02 th {padding:12px; border-top:solid 2px #666; background-color:#f9f9f9;}
.board02 .yr {color:#55a9a6; font-weight:bold;}
.board02 .nm {border-right:solid #d3d3d3 1px; font-weight:bold;}
.board02 .nb {font-size:13px; color:#555555;}
.board02 td {padding:12px; text-align:center; border-top:solid 1px #d3d3d3; font-size:14px;}


/*채용정보 리스트*/
.board03 {margin:50px auto; border:solid 1px #d3d3d3; width:97%;}
.board03 th {padding:15px; border-top:solid 2px #666; background-color:#f9f9f9;}
.board03 td {padding:15px; border-top:solid 1px #d3d3d3; border-bottom:solid 1px #d3d3d3; font-size:14px; text-align:center;}
.board03 .nb {width:10%;}
.board03 .sbj {width:60%;}
.board03 .date {width:15%;}
.board03 .hit {width:15%;}
.board03 .tal {text-align:left;}
.board03 a {display:block; width:100%;}

.photo_li {float:left; width:23%; background-color:#efefef; background-size:cover; height:195px; position:relative; margin:30px 10px; display:inline; cursor:pointer;}
.photo_li span {position:absolute; top:210px; text-align:center; display:block; width:100%; display:block;}
.photo_main_li {float:left; width:335px; background-color:#efefef; background-size:cover; height:195px; position:relative; margin:30px 10px; display:inline; cursor:pointer;}
.photo_main_li span {position:absolute; top:205px; text-align:center; display:block; width:100%; display:block;}
.photo_wine_li {float:left; width:335px; background-color:#efefef; background-size:cover; height:218px; position:relative; margin:30px 10px; display:inline; cursor:pointer;}
.photo_wine_li span {position:absolute; top:228px; text-align:center; display:block; width:100%; display:block;}
.photo_menu_li {float:left; width:335px; background-color:#efefef; background-size:cover; height:195px; position:relative; margin:30px 10px; display:inline; cursor:pointer;}
.photo_menu_li span {position:absolute; top:205px; text-align:center; display:block; width:100%; display:block;}
.photo_facilities_li {float:left; width:335px; background-color:#efefef; background-size:cover; height:251px; position:relative; margin:30px 10px; display:inline; cursor:pointer;}
.photo_facilities_li span {position:absolute; top:260px; text-align:center; display:block; width:100%; display:block;}

.subtitle_bar {border-bottom:solid 2px #e5e5e5; position:relative; padding:15px; font-size:20px;}
.subtitle_bar .li_right {position:absolute; top:20px; right:0px; width:350px; font-size:12px;}
.subtitle_bar .li_right2 {position:absolute; top:20px; right:0px; width:250px; font-size:12px;}
.subtitle_bar span {font-weight:bold; display:inline; margin:0 50px 0 10px;}
.attach_bar {font-size:12px; padding:10px 15px; border-bottom:solid 1px #e5e5e5;}
.attach_bar .att_title {margin-right:10px;}
.attach_bar .att_link {font-weight:bold;}
.attach_bar .att_link a {color:#74c5c3; margin:0 5px;}
.attach_bar .att_link a:hover {font-weight:bold; color:#5fa6a4;}

.con_box2 {padding:0; line-height:28px; border-bottom:solid 2px #e5e5e5; margin-bottom:15px;}
.con_box3 {padding:0; line-height:28px; border-bottom:solid 2px #e5e5e5; margin-bottom:15px;}
.con_box4 {padding:0; line-height:28px; margin-bottom:15px;}


.w50 {width:50%; float:left;}

.subtitle {font-size:20px; font-weight:bold; padding:30px 40px 0 40px; clear:both;}
.subtitle2 {font-weight:bold; font-size:18px; padding:50px 0 0 40px;}

.docu1 {padding:20px 20px 0 40px; font-size:14px; overflow:hidden;}
.docu1 ul {border:solid 1px #efefef; padding:20px 30px; line-height:30px;}
.docu1 .tit01 {font-weight:bold; margin-right:20px;}
.pdt10 {line-height:30px; padding-top:10px;}
.pdt10 span {font-weight:bold;}

.docu2 {padding:20px 40px 0 20px; font-size:14px; overflow:hidden;}
.docu2 ul {border:solid 1px #efefef; padding:20px 30px; line-height:30px;}
.docu2 .tit02 {font-weight:bold; margin-right:20px;}
.docu2 p {padding:0 0 10px 40px;}

.step_box {font-size:16px; line-height:30px; text-align:center; font-weight:bold; padding:30px 40px 70px 40px;}
.step_box .step_txt {padding:30px 10px 60px 10px; font-size:14px; text-align:center; border:solid 1px #efefef; float:left; width:200px; height:30px;}
.step_box .step_arrow {padding:60px 10px; font-size:14px; text-align:center; float:left; width:1%; height:30px;}

.dwl {font-size:16px; line-height:30px; font-weight:bold; padding:30px 40px;}
.dwl li {padding:10px 20px; font-size:15px; text-align:left; border:solid 1px #555; border-collapse:collapse; width:29%; float:left; background-color:#f9f9f9; position:relative;}
.dwl a {display:block;}
.dwl span {position:absolute; display:block; top:10px; right:20px; font-weight:bold;}

.point {font-weight:bold; color:#5fa6a4;}

.txt_red {font-weight:normal; color:red;}

.bottom_nb {margin:50px 0 100px 0; /*letter-spacing:30px;*/ font-size:16px; font-weight:bold; position:relative;}
.bottom_nb ul {margin:0 auto; width:200px; text-align:center; position:absolute; margin-left:42%;}
.bottom_nb li {float:left; width:5%; text-align:center; display:block; border:solid 1px #efefef; padding:5px 7px; cursor:pointer;}
.bottom_nb .select_pg {background-color:#f6f6f6; cursor:auto;}

.facility_view {padding:24px 0; overflow:hidden; clear:both;}
.facility_view .facility_title {position:absolute; top:0px; left:0px;}
.facility_txt1 {text-align:center; padding:50px 0; line-height:30px; font-size:18px; font-weight:bold;}
.facility_txt2 {text-align:center; padding:0 0 50px 0; line-height:30px; font-size:16px;}
.facility_view .btn_fac {position:absolute; top:445px; left:55px;}
.facility_view .btn_fac a {display:inline;}
.facility_view .btn_fac img {display:inline;}
.facility_view .btn_fac2 {position:absolute; top:340px; left:415px;}
.facility_view .btn_fac2 a {display:inline; padding:0;}
.facility_view .btn_fac2 img {display:inline; padding:0; margin-right:10px;}

.info_li_tb {width:100%; font-size:15px;}
.info_li_tb th {padding:30px 0 0 0; width:100px; font-weight:bold;}
.info_li_tb td {padding:30px 0 0 0; color:#496f6e; font-weight:bold; line-height:20px;}

#footer_wrap {overflow:hidden; background-color:#e2e2e2; clear:both;}
#footer_wrap .foot {width:1180px; height:80px; background-color:#202020; margin:0 auto; color:#fff; position:relative;}
#footer_wrap .foot p {font-size:11px; color:#a9a9a9; line-height:17px; width:860px; padding:15px 30px;}
#footer_wrap .foot p a, #footer_wrap .foot p a:hover{color:#a9a9a9; }

#bnb {background-color:#fff; width:1180px; height:65px; margin:0 auto;}
#bnb .terms {width:268px; border:solid #e5e5e5 1px; margin:0 0 16px 16px; padding:16px; float:left; background:url('/homepage/images/main/foot_arrow.gif') right no-repeat; background-position:260px; cursor:pointer;}
#bnb .privacy {width:423px; border:solid #e5e5e5 1px; margin:0 16px 16px 16px; padding:16px; float:left; background:url('/homepage/images/main/foot_arrow.gif') right no-repeat; background-position:415px; cursor:pointer;}
#bnb .joininfo {width:326px; border:solid #e5e5e5 1px; margin:0 0 16px 0; padding:16px; float:left; background:url('/homepage/images/main/foot_arrow.gif') right no-repeat; background-position:320px; cursor:pointer;}


/*게시판 댓글*/
.reply_area h3 {margin:1.5em 0 1em; }
.reply_area h3 span {display:inline-block; width:0.417em; height:0.417em; margin-right:3px; background:#644f38; vertical-align:middle;}
.reply_area textarea {height:3.5em; border:1px solid #ddd; padding:0.5em; font-size:1em;}
.reply_area .btn_reply {display:block; height:2em; background: #002539; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; line-height:2em; font-family: 'ngbold' , sans-serif; font-weight: 700; color: #fff; text-align:center;}
.reply_area .btn_reply2 {display:block; float:left; height:2em; background: #002539; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; line-height:2em; font-family: 'ngbold' , sans-serif; font-weight: 700; color: #fff; text-align:center; width:50%}
.comment_box > p {margin-top:1.5em;}
.comment_box > p span {font-size:0.833em; color:#cccccc;}
.comment {position:relative; margin-top:1em;}
.comment_nb {padding:1em 0.5em; border-bottom:1px solid #ddd;}
.btn_comment {display:inline-block; border:1px solid #002539; padding:0 0.5em; line-height:1.67em; color:#000;}
.btn_comment_reg {position:absolute; top:50%; right:0; margin-top:-0.583em;}
.btn_comment_reg span {margin:0 0.65em;}
.btn_comment_reg a {color:#000;}


/**
 * TABS
 *
 * -------------------------------------------------------------------------------------------------
 */
.tabs > DIV {
	/*border-top: 1px solid #c7c7c7*/
	margin-top: 10px;
	background: white !important;
	/*border-bottom: 4px solid #E95855 !important;*/
}

.tabs > DIV SPAN {
	border-bottom: 4px solid #E5E5E5 !important;
	color: #ccc !important;
	font-weight: 300;
	line-height: 186px !important;
	display: block;
	text-align: center;
	font-size: 24px;
}

.tabs UL.horizontal {
	list-style: none outside none;
	margin: 0;
}

.tabs LI {
	background: white;
	border-bottom:3px solid #E5E5E5;
	border-top:3px solid #E5E5E5;
	display: inline-block;
}

.tabs A {
	color: #496f6e;
	display: block;
	font-size: 16px;
	font-weight: 300;
	padding: 14px 53px;
	text-decoration: none;
}

.tabs LI:hover {
	background:#f8f8f8;
	border-bottom: 3px solid #496f6e;
	color:#6b8786;
}

.tabs LI:hover A {
	color:#6b8786;
}

.tabs .active {
	background: #fff !important;
	border-bottom: 3px solid #496f6e !important;
	color:#6b8786;
}

.tabs .active A {
	color: #496f6e !important;
}




/**
 * TAB - 오시는 길
 *
 * -------------------------------------------------------------------------------------------------
 */

.con_box3 {padding-top:30px; overflow:hidden; position:relative;}
.con_box4 {padding-top:5px; overflow:hidden; position:relative;}

.tab3 > DIV {
	/*border-top: 1px solid #c7c7c7*/
	background: #efefef !important;
	/*border-bottom: 4px solid #E95855 !important;*/
}

.tab3 UL {list-style: none outside none;margin: 0;width:22%;float:left;}
.tab3 LI {background: white;border:1px solid #E5E5E5;display: inline-block;}
.tab3 A {color: #496f6e;display: block;	width:145px;font-size: 16px;font-weight: 300;padding: 14px 33px;text-decoration: none;}
.tab3 LI:hover {background:#f8f8f8;color:#fff;}
.tab3 LI:hover A {color:#fff;}
.tab3 {background: #fff !important;	color:#6b8786;}
.tab3 A {color: #496f6e !important;	text-align:center;}
.tab3 .active {	background: #fff !important;border-bottom: 3px solid #496f6e !important;color:#6b8786;}
.tab3 .active A {color: #496f6e !important;}

.tab4 ul {list-style: none outside none; margin:0;width:100%; float:left; margin-bottom:15px;}
.tab4 LI {background: white;border:1px solid #E5E5E5;display: inline-block;}
.tab4 A {color: #bbb09b;display: block;	font-size:15px; font-weight:300; padding:7px 20px; text-decoration: none;}
.tab4 LI:hover {background:#173746;color:#fff !important}
.tab4 LI:hover A {color:#fff !important;}
.tab4 {!important;	color:#fff;}
.tab4 A {color: #496f6e !important;	text-align:center;}
.tab4 .active {	background: #e1dbcd !important;border-bottom: 3px solid #fff !important;color:#fff;}
.tab4 .active A {color: #fff !important;}

.tab5 ul {list-style: none outside none; margin:0;width:100%; float:left; margin-bottom:15px;}
.tab5 LI {background: white;border:1px solid #E5E5E5;display: inline-block;}
.tab5 A {color: #bbb09b;display: block;	font-size:15px; font-weight:300; padding:7px 20px; text-decoration: none;}
.tab5 LI:hover {background:#173746;color:#fff;}
.tab5 LI:hover A {color:#fff;}
.tab5 {!important;	color:#fff;}
.tab5 A {color: #496f6e !important;	text-align:center;}
.tab5 .active {	background: #e1dbcd !important;border-bottom: 3px solid #fff !important;color:#fff;}
.tab5 .active A {color: #fff !important;}


.tab8 .t8_ul {list-style: none outside none;margin:0;width:190px;max-height:750px; float:left; overflow:hidden; padding-top:160px; background:url("../images/facility/bg_menu.gif") no-repeat; }
.tab8 .t8_li {background: white;border:1px solid #E5E5E5;display: inline-block; margin-left:16px;}
.tab8 .t8_a {color: #496f6e; display:block;	width:100px; font-size:14px; text-align:center; font-weight:300; padding:14px 27px;text-decoration:none; !important;	}
.tab8 .ti_li:hover {background:#173746;color:#fff;}
.tab8 .ti_li:hover A {color:#fff;}
.tab8 {background: #fff !important;	color:#6b8786;}
.tab8 .active {	background: #173746 !important;border-bottom: 3px solid #B9C2C9 !important;color:#fff;}
.tab8 .active A {color: #fff !important;font-weight: bold;font-size: 16px;}

.menu_img {float:right; width:560px;}
.m_bg01 {background:url('../images/facility/rst_mn01.jpg') no-repeat; width:560px; height:750px;}
.m_bg02 {background:url('../images/facility/rst_mn02.jpg') no-repeat; width:560px; height:750px;}
.m_bg03 {background:url('../images/facility/rst_mn03.jpg') no-repeat; width:560px; height:750px;}
.m_bg04 {background:url('../images/facility/rst_mn04.jpg') no-repeat; width:560px; height:750px;}
.m_bg05 {background:url('../images/facility/rst_mn05.jpg') no-repeat; width:560px; height:750px;}
.m_bg06 {background:url('../images/facility/rst_mn06.jpg') no-repeat; width:560px; height:750px;}
.m_bg07 {background:url('../images/facility/rst_mn07.jpg') no-repeat; width:560px; height:750px;}
.m_bg08 {background:url('../images/facility/rst_mn08.jpg') no-repeat; width:560px; height:750px;}

.mn01 {padding:235px 0 100px 0; color:#fff; font-size:12px; text-align:center;}
.mn01 table {width:350px; border:solid 1px #bbb09b; margin:0 auto;}
.mn01 td {border:solid 1px #bbb09b; letter-spacing:-1px; padding:8px 5px;}

.mn02 {padding:260px 0 100px 0; color:#fff; font-size:12px; text-align:center;}
.mn02 table {width:350px; border:solid 1px #bbb09b; margin:0 auto;}
.mn02 td {border:solid 1px #bbb09b; letter-spacing:-1px; padding:8px 5px;}

.mn03 {padding:235px 0 100px 0; color:#fff; font-size:12px; text-align:center;}
.mn03 table {width:450px; border:solid 1px #bbb09b; margin:0 auto;}
.mn03 td {border:solid 1px #bbb09b; letter-spacing:-1px; padding:8px 5px;}

.mn04 {padding:260px 0 100px 0; color:#fff; font-size:12px; text-align:center;}
.mn04 table {width:350px; border:solid 1px #bbb09b; margin:0 auto;}
.mn04 td {border:solid 1px #bbb09b; letter-spacing:-1px; padding:8px 5px;}

.mn05 {padding:260px 0 100px 0; color:#fff; font-size:12px; text-align:center;}
.mn05 table {width:350px; border:solid 1px #bbb09b; margin:0 auto;}
.mn05 td {border:solid 1px #bbb09b; letter-spacing:-1px; padding:8px 5px;}

.mn06 {padding:235px 0 100px 0; color:#fff; font-size:12px; text-align:center;}
.mn06 table {width:350px; border:solid 1px #bbb09b; margin:0 auto;}
.mn06 th {border:solid 1px #bbb09b; letter-spacing:-1px; padding:8px 5px; width:20%;}
.mn06 td {border:solid 1px #bbb09b; letter-spacing:-1px; padding:8px 5px;}

.mn07 {padding:240px 0 100px 0; color:#fff; font-size:12px; text-align:center;}
.mn07 table {width:350px; border:solid 1px #bbb09b; margin:0 auto;}
.mn07 td {border:solid 1px #bbb09b; letter-spacing:-1px; padding:8px 5px;}

.mn08 {padding:160px 0 100px 0; color:#fff; font-size:12px; text-align:center;}
.mn08 h4 {text-align:left; padding:20px 0 5px 35px; color:#e1dbcd;}
.mn08 table {width:500px; border:solid 1px #bbb09b; margin:0 auto;}
.mn08 th {border:solid 1px #bbb09b; padding:8px 5px; width:16%;}
.mn08 td {border:solid 1px #bbb09b; padding:8px 5px; text-align:left;}

.course_img {margin-left:15px; float:right; width:76%; border:solid 1px #e2e2e2;}
.course_img2 {margin-left:15px; float:right; width:76%; border:solid 1px #e2e2e2;}
.course_img3 {margin-left:15px; float:left; width:76%;}


/*오시는 길 하단*/
.adr {padding:30px 0 30px 0; font-size:15px; color:#666; text-align:center; border-bottom:solid #e5e5e5 1px; width:96%; margin:0 auto;}
.adr .empz {font-weight:bold; color:#222;}
.adr .line {background:url('../images/aboutclub/vtc_line.gif') no-repeat; display:inline-block; width:10px; margin:0 20px; height:10px;}
.dir_guide {padding:50px 35px; line-height:25px;}
.dir_guide h3 {font-size:17px; color:#55a9a6;}
.dir_guide p {margin-bottom:40px; border-bottom:dotted #555 1px; padding:15px 0; font-size:14px;}
.dir_guide span {background:url('../images/aboutclub/arrow.gif') no-repeat; display:inline-block; width:10px; margin:0 10px; height:10px;}



.gallery > DIV {width:50%; float:left;/* height:400px; */min-height: 400px}

.gallery UL {list-style: none outside none;	margin: 0;	width:48%;	float:left; padding-top:40px;}

.gallery LI {	background: white;	display: inline-block;	margin:7px;}

.gallery A {color: #496f6e;	display: block;	font-size: 16px;font-weight: 300;text-decoration: none;}
.gallery img {border:0;}

.gallery LI:hover {	background:#f8f8f8;	color:#6b8786;}

.gallery LI:hover A {color:#6b8786;}

.gallery {
	background: #fff !important;
	color:#6b8786; padding-left:40px;
	position:relative;
	overflow:hidden;
}


.pb20{padding-bottom:20px;}
.pb10{padding-bottom:10px;}


/*메인 타이틀*/

.title_m_bn {position:absolute; z-index:30; top:170px; left:50px;}
.title_facility {position:absolute; z-index:500; top:45px; left:50px;}
.title_menu {position:absolute; z-index:500; top:45px; left:50px;}


.box_skitter{position:relative;width:800px;height:300px;}
.box_skitter img{max-width:none}
.box_skitter ul{display:none}
.box_skitter .container_skitter{overflow:hidden;position:relative}
.box_skitter .image{overflow:hidden}
.box_skitter .image img{display:none}
.box_skitter .box_clone{position:absolute;top:0;left:0;width:100px;overflow:hidden;display:none;z-index:20}
.box_skitter .box_clone img{position:absolute;top:0;left:0;z-index:20}
.box_skitter .prev_button{position:absolute;top:50%;left:15px;z-index:152;width:42px;height:42px;overflow:hidden;text-indent:-9999em;margin-top:-25px;-webkit-transition:all .2s;-moz-transition:all .2s;transition:all .2s}
.box_skitter .next_button{position:absolute;top:50%;right:15px;z-index:152;width:42px;height:42px;overflow:hidden;text-indent:-9999em;margin-top:-25px;-webkit-transition:all .2s;-moz-transition:all .2s;transition:all .2s}
.box_skitter .prev_button:hover,.box_skitter .next_button:hover{opacity:.5!important}
.box_skitter .info_slide{position:absolute;top:170px;left:15px !important;z-index:100;background:#000;color:#fff;font:bold 11px arial; margin:-10px 0 70px 0px;padding:5px 0 5px 5px;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;opacity:.75}
.box_skitter .info_slide .image_number{background:#333;float:left;padding:4px 8px;margin:0 5px 0 0;cursor:pointer;-moz-border-radius:2px;-webkit-border-radius:50px;border-radius:50px;-webkit-transition:all .2s;-moz-transition:all .2s;transition:all .2s}
.box_skitter .info_slide .image_number:hover{background:#000}
.box_skitter .info_slide .image_number_select,.box_skitter .info_slide .image_number_select:hover{background:#496f6e;float:left;padding:4px 8px;margin:0 5px 0 0}
.box_skitter .container_thumbs{position:relative;overflow:hidden;height:50px}
.box_skitter .info_slide_thumb{height:50px;-moz-border-radius:0;-webkit-border-radius:0;border-radius:0;overflow:hidden;top:auto;top:0;left:0;padding:0!important;opacity:1.0}
.box_skitter .info_slide_thumb .image_number{overflow:hidden;width:100px;height:50px;position:relative;margin:0!important;padding:0!important;-moz-border-radius:0!important;-webkit-border-radius:0!important;border-radius:0!important}
.box_skitter .info_slide_thumb .image_number img{position:absolute;top:-30px;left:-30px;height:100px}.box_skitter .box_scroll_thumbs{padding:0}
.box_skitter .box_scroll_thumbs .scroll_thumbs{position:absolute;bottom:60px;left:50px;background:#ccc;background:-moz-linear-gradient(-90deg,#555,#fff);background:-webkit-gradient(linear,left top,left bottom,from(#555),to(#fff));width:200px;height:10px;overflow:hidden;text-indent:-9999em;z-index:101;cursor:pointer;border:0 solid #333}
.box_skitter .info_slide_dots{position:absolute;bottom:30px;z-index:151;padding:5px 0 5px 5px;-moz-border-radius:50px;-webkit-border-radius:50px;border-radius:50px}
.box_skitter .info_slide_dots .image_number{background:#333;float:left;margin:0 10px 0 0;cursor:pointer;-moz-border-radius:50px;-webkit-border-radius:50px;border-radius:50px;width:18px;height:18px;text-indent:-9999em;overflow:hidden;-webkit-transition:all .2s;-moz-transition:all .2s;transition:all .2s}
.box_skitter .info_slide_dots .image_number:hover{background:#000}
.box_skitter .info_slide_dots .image_number_select,.box_skitter .info_slide_dots .image_number_select:hover{background:#496f6e;float:left;margin:0 10px 0 0}
.loading{position:absolute;top:50%;right:50%;z-index:10000;margin:-16px -16px;color:#fff;text-indent:-9999em;overflow:hidden;background:url(../images/ajax-loader.gif) no-repeat left top;width:32px;height:32px}
.box_skitter .label_skitter{z-index:150;position:absolute;bottom:0;left:0;display:none}.box_skitter .label_skitter{z-index:150;position:absolute;bottom:0;left:0;color:#fff;display:none;opacity:.8;background:#000}
.box_skitter .label_skitter p{padding:10px;margin:0;font:normal 22px arial,tahoma;letter-spacing:-1px}
.box_skitter .progressbar{background:#000;position:absolute;top:5px;left:15px;height:5px;width:200px;z-index:99;border-radius:20px}
.box_skitter .preview_slide{display:none;position:absolute;z-index:152;bottom:30px;left:-40px;width:100px;height:100px;background:#fff;border:1px solid #222;-moz-box-shadow:rgba(0,0,0,0.7) 2px 2px 5px;-webkit-box-shadow:rgba(0,0,0,0.7) 2px 2px 5px;box-shadow:rgba(0,0,0,0.7) 2px 2px 5px;overflow:hidden}
.box_skitter .preview_slide ul{height:100px!important;overflow:hidden!important;margin:0!important;list-style:none!important;display:block!important;position:absolute!important;top:0;left:0}
.box_skitter .preview_slide ul li{width:100px!important;height:100px!important;overflow:hidden!important;float:left!important;margin:0!important;padding:0!important;position:relative!important;display:block!important}
.box_skitter .preview_slide ul li img{position:absolute!important;top:0!important;left:0!important;height:150px!important;width:auto!important}#overlay_skitter{position:absolute;top:0;left:0;width:100%;z-index:9998;opacity:1;background:#000}
.box_skitter .focus_button{position:absolute;top:50%;z-index:100;width:42px;height:42px;overflow:hidden;text-indent:-9999em;margin-top:-25px;opacity:0;-webkit-transition:all .2s;-moz-transition:all .2s;transition:all .2s}
.box_skitter .play_pause_button{position:absolute;top:50%;z-index:151;width:42px;height:42px;overflow:hidden;text-indent:-9999em;margin-top:-25px;opacity:0;-webkit-transition:all .2s;-moz-transition:all .2s;transition:all .2s}
.box_skitter .play_pause_button:hover{opacity:.5!important}
.box_skitter .focus_button:hover{opacity:.5!important}.box_skitter_large{width:800px;height:300px}
.box_skitter_small{width:200px;height:100px}
.box_skitter_smallest{width:170px;height:153px}
.box_skitter .next_button{background-position:-0px -42px;width:42px;height:42px}
.box_skitter .prev_button{background-position:-42px -42px;width:42px;height:42px}
.box_skitter .play_pause_button{background-position:-0px -0px;width:42px;height:42px}
.box_skitter .play_pause_button.play_button{background-position:-0px -84px;width:42px;height:42px}
.box_skitter .focus_button{background-position:-42px -0px;width:42px;height:42px}
.skitter-minimalist .prev_button{background-position:-0px -0px!important;width:24px!important;height:28px!important;left:-45px!important}
.skitter-minimalist .next_button{background-position:-0px -28px!important;width:24px!important;height:28px!important;right:-45px!important}
.skitter-minimalist .play_pause_button{background-position:-0px -74px!important;width:18px!important;height:18px!important}
.skitter-minimalist .play_pause_button.play_button{background-position:-0px -56px!important;width:18px!important;height:18px!important}
.skitter-minimalist .focus_button{background-position:-0px -92px!important;width:18px!important;height:18px!important}
.skitter-minimalist .info_slide{background:transparent}
.skitter-minimalist .info_slide .image_number{background:#000;box-shadow:rgba(255,255,255,0.2) 1px 1px 0;font-size:12px;font-weight:normal}
.skitter-minimalist .info_slide .image_number:hover{background:#111}
.skitter-minimalist .info_slide .image_number_select,.skitter-minimalist .info_slide .image_number_select:hover{background:#496f6e}
.skitter-minimalist .info_slide_dots .image_number{width:14px;height:14px;box-shadow:rgba(255,255,255,0.2) 1px 1px 0}
.skitter-round .prev_button,.skitter-round .next_button,.skitter-round .play_pause_button,.skitter-round .focus_button{display:block;background:url('../images/sprite-round.png') no-repeat}
.skitter-round .prev_button{background-position:-0px -0px;width:23px;height:47px;left:23px}
.skitter-round .next_button{background-position:-23px -0px;width:23px;height:47px;right:23px}.skitter-round .next_button:hover,.skitter-round .prev_button:hover{opacity:1}
.skitter-round .play_pause_button{background-position:-0px -70px;width:47px;height:23px;top:24px;left:24px!important}.skitter-round .play_pause_button.play_button{background-position:-0px -47px;width:47px;height:23px;top:24px}
.skitter-round .focus_button{background-position:-0px -93px;width:47px;height:23px;top:24px;left:82px!important}.skitter-round .info_slide{background:transparent}
.skitter-round .info_slide .image_number{background:#999;box-shadow:rgba(255,255,255,0.2) 1px 1px 0;font-size:12px;font-weight:normal}
.skitter-round .info_slide .image_number:hover{background:#333}
.skitter-round .info_slide .image_number_select,.skitter-round .info_slide .image_number_select:hover{background:#111}
.skitter-round .info_slide_dots .image_number{width:20px;height:20px;box-shadow:rgba(255,255,255,0.2) 1px 1px 0;background:#efefef}
.skitter-round .info_slide_dots .image_number:hover{background:#333}
.skitter-round .info_slide_dots .image_number_select,.skitter-round .info_slide_dots .image_number_select:hover{background:#111}
.skitter-round .progressbar{top:-10px;left:0;background:#333;box-shadow:rgba(255,255,255,0.3) 1px 1px 0}
.skitter-clean .prev_button,.skitter-clean .next_button,.skitter-clean .play_pause_button,.skitter-clean .focus_button{display:block;background:url('../images/sprite-clean.png') no-repeat}
.skitter-clean .prev_button{background-position:0 0;width:47px;height:46px}
.skitter-clean .next_button{background-position:0 -46px;width:47px;height:46px}
.skitter-clean .play_pause_button{background-position:-0px -133px;width:41px;height:41px}
.skitter-clean .play_pause_button.play_button{background-position:-0px -92px;width:41px;height:41px}.skitter-clean .focus_button{background-position:-0px -174px;width:41px;height:41px}
.skitter-clean .info_slide{background:transparent}
.skitter-clean .info_slide .image_number{background:#fff;box-shadow:rgba(0,0,0,0.2) 1px 1px 0;font-size:12px;font-weight:normal;color:#333}
.skitter-clean .info_slide .image_number:hover{background:#ccc}
.skitter-clean .info_slide .image_number_select,.skitter-clean .info_slide .image_number_select:hover{background:#111;color:#fff}
.skitter-clean .info_slide_dots{bottom:30px;background:rgba(255,255,255,0.8);box-shadow:rgba(0,0,0,0.3) 1px 1px 0}
.skitter-clean .info_slide_dots .image_number{width:14px;height:14px;background:#999}
.skitter-clean .info_slide_dots .image_number:hover{background:#333}.skitter-clean .info_slide_dots .image_number_select,.skitter-clean .info_slide_dots .image_number_select:hover{background:#111}
.skitter-clean .progressbar{top:5px;left:5px;background:#fff;box-shadow:rgba(0,0,0,0.5) 1px 1px 0}.skitter-square .play_pause_button,.skitter-square .next_button,.skitter-square .focus_button,.skitter-square .prev_button{display:block;background:url('../images/sprite-square.png') no-repeat}
.skitter-square .play_pause_button{background-position:-55px -0px;width:55px;height:55px;top:10px!important;left:10px!important;bottom:auto!important;right:auto!important;margin-top:0}
.skitter-square .play_pause_button.play_button{background-position:-0px -0px;width:55px;height:55px}
.skitter-square .focus_button{background-position:-55px -55px;width:55px;height:55px;top:10px!important;left:65px!important;bottom:auto!important;right:auto!important;margin-top:0}
.skitter-square .next_button{background-position:-0px -55px;width:55px;height:55px;top:auto;left:auto;bottom:10px;right:10px}
.skitter-square .prev_button{background-position:-0px -110px;width:55px;height:55px;top:auto;left:auto;bottom:10px;right:65px}
.skitter-square .info_slide{background:transparent}
.skitter-square .info_slide .image_number{background:#fff;box-shadow:rgba(0,0,0,0.2) 1px 1px 0;font-size:12px;font-weight:normal;color:#333}
.skitter-square .info_slide .image_number:hover{background:#ccc}
.skitter-square .info_slide .image_number_select,.skitter-square .info_slide .image_number_select:hover{background:#111;color:#fff}
.skitter-square .info_slide_dots .image_number{width:14px;height:14px;box-shadow:rgba(255,255,255,0.2) 1px 1px 0;background:#ccc}
.skitter-square .info_slide_dots .image_number:hover{background:#999}
.skitter-square .info_slide_dots .image_number_select,.skitter-square .info_slide_dots .image_number_select:hover{background:#555}
.skitter-square .progressbar{top:0!important;left:0!important;width:100%;background:#fff;border-radius:0;height:2px}



.selectric .label {line-height: 30px; height: 30px;}
.selectric .button {line-height: 30px; height: 30px;}
.selectric-items li {padding: 5px;}


img.sex {width: 16px; height: 16px; vertical-align: middle;}
img.like {width: 17px; height: 17px; vertical-align: middle;}


.grayBox {padding:15px 12px 10px;margin:0 0 15px;background:#f3f3f3;border:1px solid #e3e3e3;border-radius:6px;line-height:140%}

#profileView {border:1px solid #888;border-radius:10px;background:#fff;padding:20px;width:90%;}
#profileView > ul > li {padding: 7px 10px;}
#profileView > ul > li > span {font-weight:bold}
#profileView > ul > li > span.normal {font-weight: normal}

#lay_Pop2{background:url('../images/join/pop_nameBox1.png') no-repeat;}


#lay_Pop3{z-index:99}
#lay_Pop3 select{font-size:12px}
#lay_Pop3 .box_list{margin:15px 0 15px 50px}


#lay_Pop3 table, #lay_Pop3 table tbody tr td, #lay_Pop3 table tbody tr td{background:#f3f3f3;}




.ui-widget {
    font-family: 'Nanum Gothic' , 나눔고딕 , sans-serif;
}

.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button {
    font-family: 'Nanum Gothic' , 나눔고딕 , sans-serif;
}


body .demo-class .layui-layer-title{background:#c00; color:#fff; border: none;}
body .demo-class .layui-layer-btn{border-top:1px solid #E9E7E7}
body .demo-class .layui-layer-btn a{background:#333;}
body .demo-class .layui-layer-btn .layui-layer-btn1{background:#999;}


.guideBox { padding: 15px 12px 10px; margin: 0 0 15px; background: #f6f6f6; line-height: 140%; }
.penaltyBox {padding: 15px 12px 10px;margin: 0 0 15px; background: #efe1e1;line-height: 140%;}
.guideDetailList {margin-left: 20px;}
.guideDetailList li { list-style: square; margin-bottom: 10px; line-height: 150%; }
.guideDetailList2 {margin-left: 20px;}
.guideDetailList2 li { list-style: circle; margin-bottom: 10px; line-height: 150%; }
.redfont {color: #fd2121;}

.tb_join_guide_list {text-align:center; margin-bottom:20px; border-top:solid 2px #bbb09b;}
.tb_join_guide_list th {padding:10px 0; background:#f3f3f3; border:1px solid #e1dbcd; font-size:13px; color:#002639;}
.tb_join_guide_list td {padding:10px 0; border:1px solid #e1dbcd; font-size:13px; color:#666;}