@charset "utf-8";
@import url("master_.css");


/* 2020-05-01 문화센터 기능개선 추가 start */

/* 강좌검색 */
.check_option {width:100%; padding-top:3px;}
.check_option:after {content:""; display:block; clear:both;}
.check_option dt {width:80px; font-weight:bold; float:left;}
.check_option dd {width:calc(100% - 80px); font-size:0; float:left;}
.check_option .chkbox {width:12.5%; position:relative;}
.check_option .chkbox.size2 {width:25%;}
/*
.check_option .chkbox .checkbox {width:1; height:1; padding:0; position:absolute; left:0; top:0; opacity:0.01;}
.check_option .chkbox .label_text {padding-left:20px; font-size:12px; background:url(../../images/webhome/icon_chk_off.gif) left 3px no-repeat; display:inline-block;}
.check_option .chkbox .checkbox:checked + .label_text {padding-left:20px; font-size:12px; background:url(../../images/webhome/icon_chk_on.gif) left 3px no-repeat; display:inline-block;}
*/
.check_option .chkbox .label_text {font-size:12px; vertical-align:middle;}

/* 강좌상세 */
.wrap_detail_lecture .tb_type1 th {padding-left:10px;}

/* 이미지리스트 */
.list_imgtype {width:100%; margin-top:12px;}
.list_imgtype .list_imgtype_group {width:100%;}
.list_imgtype .list_imgtype_group:after {content:""; display:block; clear:both;}
.list_imgtype .list_nothing {width:100%; height:210px; padding-top:130px; font-size:14px; color:#666; text-align:center; box-sizing:border-box; background:url(../../images/webhome/icon_nolist.png) center 63px no-repeat; float:left;}
.list_imgtype .list_imgtype_item {width:calc(33.33% - 10px); margin-bottom:60px; margin-right:15px; display:block; float:left;}
.list_imgtype .list_imgtype_item:nth-child(3n+3) {margin-right:0;}
.list_imgtype .list_top {width:100%;}
.list_imgtype .list_top img {width:100%; height:135px;}
.list_imgtype .list_cont {margin-top:20px;}
.list_imgtype .list_sta {font-size:0;}
.list_imgtype .list_sta .state {padding:0 5px; font-size:11px; font-style:normal; color:#fff; vertical-align:top; display:inline-block;}
.list_imgtype .list_sta .state.red {background:#d13535;}
.list_imgtype .list_sta .state.green {background:#376155;}
.list_imgtype .list_sta .state.gray {background:#898989;}
.list_imgtype .list_sta .age {padding:0 5px; font-size:11px; font-style:normal; color:#fff; vertical-align:top; background:#303030; display:inline-block;}
.list_imgtype .list_sta .gift {width:24px; height:18px; font-size:0; font-style:normal; color:#fff; vertical-align:top; background:url(../../images/webhome/icon_gift.gif); display:inline-block;}
.list_imgtype .list_tit {height:45px; font-size:16px; font-weight:bold; color:#000; line-height:1.4; overflow:hidden;} /* 20200727 수정 */
.list_imgtype .list_cmt {height:55px; margin-top:10px; font-size:12px; color:#666; line-height:1.5;} /* 20200727 수정 */
.list_imgtype .list_cmt .list_cmt_text {width:98%; text-overflow:ellipsis; white-space:nowrap; display:block; overflow:hidden;}
.list_imgtype .list_cmt .list_cmt_text.line02 {white-space:normal; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; word-break:break-all; height:40px;}
.list_imgtype .list_cmt .list_cmt_text.line02 span {margin-right:0;}
.list_imgtype .list_cmt .list_cmt_text.line01 span {display:block; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;} /* 20200727 추가 */


.list_imgtype .list_cmt span {margin-right:5px;}
.list_imgtype .list_cmt .addbar:before {content:"| ";}
.list_imgtype .list_prace {margin-top:4px; font-size:16px; color:#000; font-weight:bold;}
.list_imgtype .list_prace .won {font-size:12px; color:#000; font-weight:normal;}
.list_imgtype .list_btm {width:100%; margin-top:28px; font-size:0;}
.list_imgtype .list_btm.gift .list_btn.half {width:33.3%;}
.list_imgtype .list_btn {width:100%; text-align:center; vertical-align:middle; display:inline-block;}
.list_imgtype .list_btn button {width:100%; height:40px; text-indent:0; font-size:14px; color:#fff; line-height:40px; overflow:visible;}
.list_imgtype .list_btn.half {width:33.3%;}
.list_imgtype .list_btn.gift {width:33.3%; background:#b28e5e;}
.list_imgtype .list_btn.gray {background:#666;}
.list_imgtype .list_btn.green {background:#376155;}
.list_imgtype .list_btn.disabled {height:40px; font-size:14px; color:#999; line-height:40px; background:#ddd;}

/* 강좌신청 */
.tab_area {}
.tab_area .tab_menu {}
.tab_area .tab_menu:after {content:""; display:block; clear:both;}
.tab_area .tab_menu .menu {width:50%; height:40px; background:#eee; position:relative; float:left;}
.tab_area .tab_menu .menu a {width:100%; height:100%; font-size:14px; color:#333; line-height:40px; text-align:center; text-decoration:none; box-sizing:border-box; display:block;}
.tab_area .tab_menu .menu a:hover {}
.tab_area .tab_menu .menu.on {background:#21496e;}
.tab_area .tab_menu .menu.on a {color:#fff; font-weight:bold;}
.tab_area .tab_cont {padding:10px 0;}
.tab_area .tab_cont .item {display:none;}
.tab_area .tab_cont .item.on {display:block;}

/* 수강내역 */
.topsearch .input_label label {left:4px; padding:5px 6px;}

/* 수강내역 상세 */
.part_details {margin-top:50px; padding-top:40px; border-top:1px solid #ccc;}
.part_details.no_line {padding-top:0px; margin-top:0px; border-top:0;}
.part_details_tit {}
.part_details_tit > i {padding:0 5px; font-size:11px; font-weight:normal; font-style:normal; color:#fff; vertical-align:top; background:#366255; display:inline-block;}
.part_details_tit > strong {margin-top:8px; font-size:18px; font-weight:bold; color:#000; display:block;}
.part_details .gift {width:24px; height:18px; font-size:0; vertical-align:top; background:url(../../images/webhome/icon_gift.gif) no-repeat; display:inline-block;}
.tb_cmt {padding-bottom:10px;}

/* 결제정보 */
.info_price {padding-top:30px; margin-top:30px; border-top:1px solid #000}
.price_area {width:calc(50% - 5px); border-top:2px solid #c1c7d5; border-bottom:2px solid #c1c7d5; float:left;}
.price_area .price_group {width:100%; padding:20px 20px 20px 20px; box-sizing:border-box;}
.price_area .price_group .price_item {margin-bottom:15px;}
.price_area .price_group .price_item:last-child {margin-bottom:0;}
.price_area .price_group .price_item dl {width:100%;}
.price_area .price_group .price_item dl dt {width:50%; font-size:13px; color:#000; display:inline-block;vertical-align:middle;}
.price_area .price_group .price_item dl dd {width:50%;font-size:14px; color:#222; text-align:right; display:inline-block; vertical-align:middle;}
.price_area .price_group .price_item dl dd b {font-size:15px; font-weight:700;}
.price_area .total_price {padding:23px 20px; background:#f5f6fa; box-sizing:border-box;}
.price_area .total_price dt {width:50%; color:#000; font-size:16px; font-weight:700; display:inline-block; vertical-align:middle;}
.price_area .total_price dd {width:50%; color:#d33333; font-size:14px; text-align:right; display:inline-block;vertical-align:middle}
.price_area .total_price dd b {font-size:22px; font-weight:700;}
.price_area .total_price::after {display:block; content:""; clear:both;}

.info_price.extra {padding-top:0; margin-top:0; border-top:0}
.info_price.extra .price_area {width:calc(100%);}

.price_details {width:calc(50% - 5px); padding:20px; background:#f5f6fa; box-sizing:border-box; float:right;}
.price_details .details_tit {color:#000; font-size:14px; font-weight:700;}
.price_details ul li {width:100%; padding:17px 0; border-bottom:1px dashed #dbdee5;}
.price_details ul li:last-child {padding-bottom:0; border-bottom:none;}
.price_details ul li .date {color:#666; font-size:12px;}
.price_details ul li .details_item {width:100%; margin-bottom:12px; color:#666; font-size:12px;}
.price_details ul li .details_item dt {float:left;}
.price_details ul li .details_item dd {float:right;}
.price_details ul li .details_item dd b {color:#000; font-size:13px; font-weight:700;}
.price_details ul li .details_item::after {display:block; content:""; clear:both;}
.price_details ul li .btn_receipt {background: #ccc; float:right;}
.price_details ul li .btn_receipt a {width:100%; height:100%; padding: 5px 10px; color:#343434; font-size:12px; font-weight:700; display:block; box-sizing:border-box;}
.price_details ul li::after {display:block; content:""; clear:both;}
.info_price::after {display:block; content:""; clear:both;}

/* 안내글 */
.cmt_area {width:100%; margin-top:30px; padding:26px 20px; background:#f3f3f3; box-sizing:border-box;}
.cmt_tit {margin-bottom:10px; padding-left:20px; color:#666; font-size:12px; font-weight:700; background:url(../../images/webhome/icon_notice.png) left center no-repeat;}
.cmt_cont {margin-bottom:20px;}
.cmt_cont:last-child {margin-bottom:0;}
.cmt_cont li {padding-left:10px; color:#666; font-size:12px; word-break:keep-all; position:relative; }
.cmt_cont li::before {display:block; content:"-"; position:absolute; left:0; top:0;}

/* 대기강좌 */
.info_lecture > .cmt {margin-top:6px; font-size:13px; color:#333;}
.info_lecture > .cmt.t_red {color:#d41c1a;}
.culture_total {margin-bottom:-20px; font-size:13px;}
.culture_total strong {}
.datalist_culture > li .dim {width:100%; height:100%; background:rgba(255,255,255,0.8); position:absolute; left:0; top:0;}
.datalist_culture > li .dim .in-dim {width:100%; text-align:center; display:block; position:absolute; top:calc(50% - 9px);}
.datalist_culture > li .dim .in-dim > .text {padding:5px 10px; color:#fff; font-weight:bold; text-align:center; background:rgba(0,0,0,0.7);}
/* 2020-05-01 문화센터 기능개선 추가 end */



/* /////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* -------------------------------------------------------- 아래는 css 적용시에는 삭제합니다 (이미지 경로문제로 임시로 복사한 css) -------------------------------------------------------- */
/* /////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* 기존 */

/* 수정 혹은 추가 */
/*
.check_option .chkbox .label_text {padding-left:20px; font-size:12px; background:url(../../images/webhome/icon_chk_off.gif) left 3px no-repeat; display:inline-block;}
.check_option .chkbox .checkbox:checked + .label_text {padding-left:20px; font-size:12px; background:url(../../images/webhome/icon_chk_on.gif) left 3px no-repeat; display:inline-block;}
*/

.list_imgtype .list_nothing {width:100%; height:210px; padding-top:130px; font-size:14px; color:#666; text-align:center; box-sizing:border-box; background:url(../../images/webhome/icon_nolist.png) center 63px no-repeat; float:left;}
.list_imgtype .list_sta .gift {width:24px; height:18px; font-size:0; font-style:normal; color:#fff; background:url(../../images/webhome/icon_gift.gif); display:inline-block;}