@import url("font.css");
@import url("/iconfont/material-icons.css");
@import url("bootstrap.css");



/* reset */
li{list-style:none;vertical-align:top;}
ul{padding:0px;}
i.material-icons{vertical-align:middle;}


/* common */
header{height:78px;background-color:#9BC82B;border-bottom:1px solid #fff;}
#topBtn_wrap{height:40px;position:relative;}
.btnLocation{position:absolute;left:0;top:0;color:#000;text-decoration:underline;}
.btnBasket{}
h1{margin:0;padding:0;text-align:center;}
h1 > a > img{width:70px;}

#topMenu{text-align:center;}
#topMenu>button{width:24%;background-color:#F0D646;padding:6px 0 !important;}
#topMenu>button:hover, #topMenu>button:focus{color:#000;}
#topMenu>button.active{background-color:#4F6A0D;color:#fff;}


#container{margin-bottom:30px;position:relative; min-height:540px;}

#footMenu{text-align:center;background-color:#fff;position:fixed;bottom:0;left:0;width:100%;height:40px;padding-top:4px;z-index:9999999999;}
#footMenu>button{background-color:#9BC82B;width:24%;color:#000;padding:6px 0 !important;}

#mylocation{position:absolute;left:4px;top:36px;width:170px;height:230px;background-color:#FFF;border-radius:12px;padding:10px;z-index:2;display:none;border:2px solid #9BC82B;}
#mylocation li{height:40px;line-height:40px;}

#basket{overflow-y:scroll;position:fixed;left:-320px;top:0;width:300px;height:100%;background-color:#FFF;z-index:3;padding:4px;box-shadow:5px 5px 10px #666;}
#basket div.tab-content{}
#basket>ul>li{width:49%;background-color:#F0D646;}
#basket>ul>li>a{text-align:center;}
#basket table{width:100%;border-top:2px solid #E6B9B8;}
#basket table td{border:1px solid #ddd;}
#basket table td:first-child{background-color:#eee;}
h3{margin:14px 0 6px 0;}
button.btn_close2{width:210px;margin-left:30px;margin-top:10px;}
#menu2 ul:after{display:block;content:'';clear:both;}
#menu2 span{margin-right:6px;}
#menu2 h3{background-color:#eee;}


#search{position:fixed;right:-150px;top:0;display:none;width:140px;height:100%;padding:4px;background-color:#FFF;z-index:4;box-shadow:-5px -5px 10px #666;}
p.searchTitle{background-color:#eee;text-align:center;line-height:40px;font-size:14px;font-weight:bold;margin-bottom:10px;}

table.type3 tbody th{background-color:#EDF1E1;line-height:30px;}
table.type3 tbody td{line-height:30px;}
table.type3{border-bottom:1px solid #ddd;font-size:15px;}

div.subMenuTitle{background-color:#eee;text-align:center;height:40px;line-height:40px;font-size:16px;font-weight:bold;margin-bottom:20px;}

#search > ul > li{width:49%;background-color:#F0D646;}
#search>ul>li>a{text-align:center;}

#weatherInfo > li > p:nth-child(1){background-color:#eee;}
#weatherInfo > li > p:nth-child(2){text-align:center;}
#weatherInfo > li > p:nth-child(2) > img{width:70%;}
#weatherInfo > li > p:nth-child(3){margin-bottom:20px;}


/* 실시간예약 테이블 */
.corner-frame {float: left;}
.scrollable-rows-frame {float: left;overflow: hidden;}
.scrollable-columns-frame {overflow: hidden;}
.scrollable-data-frame {overflow: auto;}
table.data th {background-color: #C1E074;height:41px;}
table.data th{text-align:center;font-weight:normal;font-size:13px;line-height:13px;width:44px;height:41px;}
table.data tbody td{border-bottom:1px solid #ddd;height:46px;text-align:center;width:44px;padding:2px 6px;}
table.data td.club{position:relative;text-align:left;padding-left:6px;}
table.data td.club a{display:block;width:150px;font-size:17px;line-height:17px;padding-top:0px;}
table.data td.club span{display:inline-block;font-size:11px;margin-right:5px;line-height:11px;}
table.data td.club a.btn_calendar{position:absolute;right:0;top:0;display:inline-block;width:30px;height:44px;background:url('/images/btn_calendar.png') 50% 50% no-repeat;text-indent:-99999px;background-size: 70% auto;}
table.data>tbody>tr{background-color:#fff;}

table.data tbody td{text-align:center;}
span.fromMe{color:#448ACA !important;}
.sat,.sat>a{color:blue;}
.sun,.sun>a{color:red;}

button.circle{width:33px;height:33px;text-align:center;border:0px;background:url('/images/golfball.png') 50% 50% no-repeat;background-size: 100% auto;font-size:15px;}
button.circle_red{width:33px;height:33px;text-align:center;border:0px;background:url('/images/golfball2.png') 50% 50% no-repeat;background-size: 100% auto;font-size:15px;}




.calendarMonth{text-align:center;font-size:24px;padding-bottom:6px;}
table.calendar{width:100%;}
table.calendar td{text-align:center;border:1px solid #ddd;}
table.calendar td{height:80px;vertical-align:top;}
table.calendar th{border-top:1px solid #000;border-bottom:1px solid #000;text-align:center;}
table.calendar tbody td p:first-child{background-color:#eee;margin-bottom:3px;}
table.calendar tbody td:first-child{color:red;}
table.calendar tbody td:last-child{color:blue;}
table.calendar tbody td.push{background-color:#EDF1E1;}

table.bookingTime td{font-size:15px;text-align:center;border-bottom:1px solid #ddd;}
table.bookingTime th{text-align:center;}

div.timeTitle{border-bottom:1px solid #000;padding:10px 0;position:relative;}
div.timeTitle > span{font-size:20px;color:#4F6A0D;margin-right:6px;}
div.timeTitle strong{position:absolute;right:0;top:37px;font-weight:normal;}

 .carousel-inner > .item > img,
  .carousel-inner > .item > a > img {
      width: 100%;
      margin: auto;
  }

/* 양도조인 */
#city_wrap{top:0;left:0;}
#city{width:550px;background-color:#9BC82B;}
#city>thead>tr>th{height:40px;text-align:center;font-weight:normal;font-size:14px;}
.table-responsive{border:none;}

#data_wrap{position:absolute;top:40px;left:0;}
#date{background-color:#C1E074;border-top:1px solid #fff;border-bottom:1px solid #fff;}
#date>thead>tr>th{height:42px;padding:0 14px;font-weight:normal;text-align:center;line-height:14px;}

th.active{background-color:#4F6A0D;color:#fff;}

#btn_wrap{width:100%;background-color:#9BC82B; padding-top:10px;}
#btn_wrap>ul{height:58px;padding-bottom:10px;margin:0 10px;}
#btn_wrap>ul>li{float:left;}
#btn_wrap .assignment{width:100%;}
#btn_wrap .assignment>ul{height:76px;padding-bottom:10px;margin-right:5px;}
#btn_wrap .assignment>ul>li{float:left; width:49%; margin-left:1%; margin-bottom:3px;}
#btn_wrap .assignment>ul>li:first-child{margin-left:none;}

#btn_wrap button.Transfer{width:100%; background-color:#7ECEF4; padding:6px 12px;}
#btn_wrap button.Join{width:100%; background-color:#F6B37F; padding:6px 12px;}
#btn_wrap button.Add{width:100%; background-color:#F0D646; padding:6px 12px;}
.btn_style01{background-color:#f3b721; padding:2px 0px; font-size:13px; text-align:center; line-height:16px; color:#000; border-radius:3px;}
.btn_style01 span{color:#ff1800;}

button.transfer{background-color:#7ECEF4;}
button.join{background-color:#F6B37F;}

button.search{height:48px;}
button.add{background-color:#F0D646;}
button.time{background-color:#E67712;color:#fff;}
button.active{background-color:#4F6A0D !important;color:#fff;}
#btn_wrap .btn:hover, #btn_wrap .btn:focus, #btn_wrap .btn.focus{color:#fff;}

#btn_wrap2{width:100%;}
#btn_wrap2 .btn:hover, #btn_wrap .btn:focus, #btn_wrap .btn.focus{color:#000;}

#btn_array_wrap{display:inline;}


span.iconGuarantee{font-size:11px;display:inline-block;width:40px;height:40px;border:2px solid #ea0e0e;border-radius:100px;text-align:center;padding-top:3px; margin-top:6px; color:#ea0e0e; font-weight:bold;}
span.iconTransfer{font-size:11px;display:inline-block;width:40px;height:40px;border:2px solid #3AC9F5;border-radius:100px;text-align:center;padding-top:3px; margin-top:6px; line-height:30px;}
span.iconJoin{font-size:11px;display:inline-block;width:40px;height:40px;border:2px solid #F39E0F;border-radius:100px;text-align:center;padding-top:3px; margin-top:6px; line-height:30px;}
span.iconConfirm{display:inline-block;width:24px;height:13px;line-height:13px;background-color:#E67712;color:#fff;font-size:11px;line-height:11px;text-align:center;vertical-align:middle;padding-top:3px;margin-right:2px;}

p.text11>span{font-size:11px;line-height:11px;color:#666;margin:0 2px;}
p.club{font-size:15px;line-height:15px;color:#000;}
p.time{font-size:15px;line-height:15px;}
p.price{font-size:14px;color:#EB6100;}
p.textBox>span{font-size:11px;line-height:11px;margin-right:2px;color:#2D71C3;display:inline-block;border:1px solid #2D71C3;padding:1px;letter-spacing:-0.1em;}



ul.listwrap{width:100%;padding:6px 0 6px 0;margin:0px;border-bottom:1px solid #ccc;}
ul.listwrap:after{display:block;content:'';clear:both;}
ul.listwrap>li{float:left;}
ul.listwrap>li:nth-child(1){width:40%; padding-left:4px;}
ul.listwrap>li:nth-child(2){width:21%;text-align:center;}
ul.listwrap>li:nth-child(2) > p{text-align:left;}
ul.listwrap>li:nth-child(3){width:12%;text-align:center;}
ul.listwrap>li:nth-child(4){width:27%;text-align:right;padding-right:4px;}
ul.listwrap .on{background-color:#ffeaea;}

ul.listwrap2{width:100%;padding:6px 0px; margin:0px;}

i.joinIcons{display:inline-block;padding-bottom:3px;padding-left:2px;}
i.joinIcons > img{width:16px;}

span.phoneNum{text-decoration:underline;margin-right:30px;}
div.joinContent{background-color:#eee;}
div.joinContent:after{display:block;content:'';clear:both;}

div.manager{text-align:right;position:relative;margin:10px 0;background-color:#EDF1E1;height:40px;line-height:40px;padding:0 10px;}
div.manager > strong{position:absolute;left:10px;top:0;}
div.manager > span{text-decoration:underline;}

/* 스케줄 */
#scheduleMenu{background-color:#9BC82B;padding:10px 0;margin-bottom:20px;}
#scheduleMenu button{width:23.5%;background-color:#C1E074;color:#000;}
#scheduleMenu button.on{background-color:#4F6A0D;color:#fff;}
#scheduleMenu div{text-align:center;}


table.type1{border-top:2px solid #9BC82B;border-bottom:1px solid #ddd;margin-top:20px;}
table.type1 thead th{text-align:center;}
table.type1 tbody td{vertical-align:middle;}


table.type2 tbody th{background-color:#EDF1E1;}
table.type2{border-bottom:1px solid #ddd;}

table.type3{border-top:2px solid #9BC82B;border-bottom:1px solid #ddd;margin-top:20px;}
table.type3 thead th{text-align:center; border: 1px solid #ddd;}
table.type3 tbody td{vertical-align:middle; border: 1px solid #ddd;}

.inner{padding:6px;}
.viewInnerUl{height:80px;}
.viewInnerUl > li{float:left;border:1px solid #ddd;padding:6px;margin:3px;}
div.infoText > p{padding:6px 0;}
ul.snsicons{display:inline-block;width:216px;height:50px;margin-bottom:0px;}
ul.snsicons > li{float:left;margin-right:4px;}
ul.snsicons > li img{width:50px;}


/* 글쓰기 */
#writeForm select{margin-bottom:0px;}
#writeForm .form-group{margin-bottom:0px;}
#writeForm th{line-height:34px;font-size:16px;}
#writeForm td{font-size:14px;}
#writeForm label{margin-bottom:0px;}

#writeForm label.radio-inline, #writeForm label.checkbox-inline{position:relative;}
.radioType1, .checkboxType1{top:4px;}

#writeBtnWrap button.btnTransfer{background-color:#7ECEF4;}
#writeBtnWrap button.btnJoin{background-color:#F6B37F;}
#writeBtnWrap button.active{background-color:#4F6A0D;color:#fff;}


/* table */
table.type03 {width:80px; border-collapse: collapse; text-align: left; line-height:26px;}
table.type03 thead th {padding:0px; font-weight:bold; color: #333; border-bottom: 2px solid #000;}
table.type03 tbody th {width:100%; height:82px; text-align:center; padding:10px; font-weight: bold; border-top: 2px solid #000; border-bottom: 1px solid #dddddd; background: #f4f4f4; font-size:16px;}
table.type03 tbody td {width:100%; padding:2px 6px; border-bottom: 1px solid #dddddd; font-size:12px; height:45px; background-color: #f0fecd; text-align:center;}
table.type03 tbody tr td em{float:left; width:3%; line-height:40px; text-align:center;}

table.type04 {width:1900%; border-collapse: collapse; text-align: center; line-height:26px;}
table.type04 thead th {padding:0px; font-weight:bold; color: #333; border-bottom: 2px solid #000; text-align: center;}
table.type04 tbody th {text-align:center; padding:0px; font-weight: bold; border-top: 2px solid #000; border-bottom: 1px solid #dddddd; border-left: 1px solid #dddddd; background: #f4f4f4; font-size:16px; height:41px; }
table.type04 tbody td {width:50px; padding:2px; border-bottom: 1px solid #dddddd; border-left: 1px solid #dddddd; font-size:12px; line-height:16px; height:45px; text-align: center;}
table.type04 .on{width:50px; background-color: #f4f4f4; height:41px;}
table.type04 tbody tr td em{float:left; width:3%; line-height:40px; text-align:center;}

table.type05 {width:100%; border-collapse: collapse; text-align: left; line-height:26px;}
table.type05 thead th {padding:0px; font-weight:bold; color: #333; border-bottom: 2px solid #000;}
table.type05 tbody th {text-align:center; padding:10px; font-weight: bold; border-top: 1px solid #000; background: #fff; font-size:16px;}
table.type05 tbody td {padding: 5px; border-bottom: 1px solid #dddddd; border-top: 1px solid #dddddd; font-size:14px; line-height:16px;}
table.type05 .on{background-color: #f4f4f4; height:41px;}
table.type05 tbody tr td em{float:left; width:3%; line-height:40px; text-align:center;}

table.type06 {width:100%; border-collapse: collapse; text-align: left; line-height:26px;}
table.type06 thead th {padding:0px; font-weight:bold; color: #333; border-bottom: 2px solid #000; text-align: center;}
table.type06 tbody th {text-align:center; padding:0px; font-weight: bold; border-top: 2px solid #000; border-bottom: 1px solid #dddddd; border-left: 1px solid #dddddd; background: #f4f4f4; font-size:16px; height:41px; }
table.type06 tbody td {width:50px; padding:2px; border-bottom: 1px solid #dddddd; border-left: 1px solid #dddddd; font-size:12px; line-height:16px; height:45px; text-align: center;}
table.type06 .on{width:50px; background-color: #f4f4f4; height:41px;}
table.type06 tbody tr td em{float:left; width:3%; line-height:40px; text-align:center;}

table.type07 {width:1000%; border-collapse: collapse; text-align: center; line-height:26px;}
table.type07 thead th {padding:0px; font-weight:bold; color: #333; border-bottom: 2px solid #000; text-align: center;}
table.type07 tbody th {text-align:center; padding:0px; font-weight: bold; border-top: 2px solid #000; border-bottom: 1px solid #dddddd; border-left: 1px solid #dddddd; background: #f4f4f4; font-size:16px; height:41px; }
table.type07 tbody td {width:50px; padding:2px; border-bottom: 1px solid #dddddd; border-left: 1px solid #dddddd; font-size:12px; line-height:16px; height:45px; text-align: center;}
table.type07 .on{width:50px; background-color: #f4f4f4; height:41px;}
table.type07 tbody tr td em{float:left; width:3%; line-height:40px; text-align:center;}

.text_type01{font-size:16px; color:#000; text-align:left;}


/*TAB CSS*/
ul.tabs {margin: 0; padding: 0; float: left; list-style: none; height: 32px; border-left: 1px solid #999; width: 100%; background-color:#9BC82B; }
ul.tabs li {float: left; width:49%; margin: 0; padding: 0; height: 31px; line-height: 31px; border: 1px solid #999; border-left: none; margin-bottom: -1px; overflow: hidden; position: relative; background: #466311;}
ul.tabs li a {text-decoration: none; color: #000; display: block; font-size: 1.2em; padding: 0 20px; border: 1px solid #fff; outline: none;}
ul.tabs li a:hover {background: #fff; color: #000;}
ul.tabs li.active, html ul.tabs li.active a:hover  {background: #fff; border-bottom: 1px solid #fff; color: #000;}

/*Tab Conent CSS*/
.tab_container {overflow: hidden; clear: both; float: left; width: 100%; background: #fff;}
.tab_content {padding: 20px; font-size: 1.2em;}



/* 양도/조인 펼침 리스트 */
#accordian ul.club_info_str {width:100%;padding:6px 0 6px 0;margin:0px;border-bottom:1px solid #ccc;}
#accordian ul.club_info_str:after{display:block;content:'';clear:both;}
#accordian ul.club_info_str >li{float:left;}
#accordian ul.club_info_str >li:nth-child(1){width:40%;}
#accordian ul.club_info_str >li:nth-child(2){width:22%;}
#accordian ul.club_info_str >li:nth-child(3){width:16%;text-align:center;}
#accordian ul.club_info_str >li:nth-child(3) > p{text-align:left;}
#accordian ul.club_info_str >li:nth-child(4){width:22%;text-align:right;padding-right:4px;}
#accordian ul.club_info_str .on{background-color:#ffeaea;}

/* 양도/조인 펼침 메뉴 */
#accordian li.on .club_cont{display: block;}
#accordian li .club_cont{display: none;}
#accordian li div{cursor: pointer;}
/*#accordian li div:hover{background:#d1f8aa;}*/
#accordian li .club_cont{background:#f5e485;overflow:hidden; border:1px solid #4f6a0d;}
#accordian li .club_cont > span{display:block; color:red; padding:0 15px; float:left;}
#accordian li .club_cont > div{width:835px; padding-right:15px; float:left;}

.accordian_list .on {background:#d1f8aa;}


.club_info_str .club_str {float:left; padding-left:5px; font-size:14px; font-weight:bold; width:100%; text-align:left;}
.club_info_str .event_str { color:#dc6538; float:left; padding-left:5px; font-size:12px;}
.club_info_str .date_str { float:left; padding-left:5px; font-size:16px; font-weight:bold;}
.club_info_str .time_str { float:left; padding-left:5px; font-size:12px;}
.club_info_str .team_str { color:#33a2bbe3; float:left; padding-left:2px; font-size:14px; font-weight:bold;}
.club_info_str .amt_str { color:#dc6538; float:right; padding-right:5px; font-size:16px; text-align:right; font-weight:bold;}

/* 추가 골프장 정보 */
ul.club_title_info{width:100%;padding:10px 0 10px 0;margin:0px;border-bottom:1px solid #ccc;  background-color:#ffffff;}
ul.club_title_info:after{display:block;content:'';clear:both;}
ul.club_title_info>li{float:left;}
ul.club_title_info>li:nth-child(1){width:20%; text-align:center; font-weight:bold;}
ul.club_title_info>li:nth-child(2){width:20%; text-align:center; font-weight:bold;}
ul.club_title_info>li:nth-child(3){width:20%; text-align:center; font-weight:bold;}
ul.club_title_info>li:nth-child(4){width:20%; text-align:center; font-weight:bold;}
ul.club_title_info>li:nth-child(5){width:20%; text-align:center; font-weight:bold;}

/* 클릭버튼 */
.edit_button {
	appearance: auto;
    writing-mode: horizontal-tb !important;
    font-style: ;
    font-variant-ligatures: ;
    font-variant-caps: ;
    font-variant-numeric: ;
    font-variant-east-asian: ;
    font-weight: ;
    font-stretch: ;
    font-size: ;
    font-family: ;
    text-rendering: auto;
    color: buttontext;
    letter-spacing: normal;
    word-spacing: normal;
    line-height: normal;
    text-transform: none;
    text-indent: 0px;
    text-shadow: none;
    display: inline-block;
    text-align: center;
    align-items: flex-start;
    cursor: default;
    box-sizing: border-box;
    background-color: buttonface;
    margin: 0em;
    padding: 1px 6px;
    border-width: 2px;
    border-style: outset;
    border-color: buttonborder;
    border-image: initial;
}


section.card > p{margin-top: -4px;} 
section.card > ul { border-top: 2px solid #9BC82B; border-bottom: 1px solid #ddd; margin-top: 20px;}
section.card > ul > li {border-top: 1px solid #ddd; padding: 20px; cursor: pointer;}
li.cardCon { background: url("/images/card/card_B.png") no-repeat right 20px center;}
li.cardCon > a, .cardPlus > a {display: block;}
li.cardCon > a > img { display: inline-block; vertical-align:sub; }
li.cardCon > a > div { display: inline-block; }
li.cardCon  p.cardNum { font-size: 19px; font-weight: 500;}
li.cardCon  p.cardName { font-size: 14px; color: #76991f; font-weight: 800;}

.cardPlus  img {display: inline-block; margin: 0 20px 0 6px;}
.cardPlus  p {display: inline-block; font-size: 16px; color: #767676; }

.cardCon > img { display: inline-block; width: 60px; margin-right: 10px; vertical-align: sub;}
.cardCon > div { display: inline-block;}


li.cardCon { background: none;}
li.cardCon > a {display: inline-block;}
li.cardCon > a:last-child {float: right;line-height: 54px;font-size: 14px;color: #555;}
li.cardCon:nth-child(1) > a:last-child:hover {color: #4F6A0D; font-weight: 600; text-decoration: none;}
li.cardCon:nth-child(2) > a:last-child { background: url("/images/card/card_b1.png") no-repeat center center;color: rgba(0, 0, 0, 0);}
li.cardCon:nth-child(2) > a:last-child:hover {background-image: url("/images/card/card_b2.png");} 



.cardP .Ctop {position: relative; width: 100%; background-color: #4F6A0D;}
.cardP .Ctop a {position: absolute;font-size: 15px; padding: 0 16px; margin-left: 10px; background: url("/images/card/cardP_T.png") no-repeat center left; left: 0; color: #fff; line-height: 60px;}
.cardP .Ctop a:hover {text-decoration: none; }
.cardP .Ctop h2 {font-size: 21px; text-align: center; line-height: 60px; color: #fff;}
.cardP .container > p {font-size: 17px; color: #222;margin-top: 11px; font-weight: 700; background: url("/images/card/cardP_P.png") no-repeat center left; padding-left: 28px;}
.cardP .container > h3 {color: #4F6A0D;  font-size: 15px; margin: 12px 0 8px;}
.cardP table, .cardP tbody, .cardP tr, .cardP th  {display: block; width: 100%;}
.cardP table { border: 1px solid #ddd; border-top: none; }
.cardP table tr { border-top: 1px solid #ddd; padding: 14px;}
.cardP th{color: #76991f; margin-bottom: 6px; font-size: 14px;}
.cardP td{font-size: 18px;}
.cardP td input {border: none; padding: 4px 10px 0;}
.cardP table tr:nth-child(1) input {width: 60px;}
.cardP table tr:nth-child(3) input {width: 60px;}
.cardP table tr:nth-child(3) input:nth-child(1) {width: 40px;}
.cardP table input:focus {outline: none;}
.cardP table input::-webkit-outer-spin-button,input::-webkit-inner-spin-button { -webkit-appearance: none;}
.cardP form > div p { color: #767676; font-size: 14px; margin-bottom: 5px; }
.cardP form label {font-size: 14px;font-weight: 600; margin: 10px 0;}
.cardP .cardP_Btn {width: 100%; line-height: 46px; border: none; color: #fff; background: #769920; border-radius: 6px; font-size: 15px; font-weight: 600; margin-top: 28px;}
.cardP input[type='checkbox']{vertical-align: sub;width: 2rem !important;margin-right: 6px;height: 2rem !important; -webkit-appearance: none;-moz-appearance: none;-o-appearance: none;appearance:none; outline: none; box-shadow: none; background: url("/images/card/checked_off.png")no-repeat;}
.cardP input[type='checkbox']:checked{    vertical-align: sub; -webkit-appearance: none; -moz-appearance: none; -o-appearance: none; appearance:none; box-shadow: none; background: url("/images/card/checked_on.png") no-repeat;}
.cardP input[type='checkbox']:focus { outline: none;}

.qna_close { 
	background: url("/images/icons/bot.png") no-repeat right 20px center; 
	background-position-y:bottom;
}
.qna_open {
	background: url("/images/icons/top.png") no-repeat right 20px center;
	background-position-y:bottom;
}
