/**
문화센터 CSS
culture.css
 */
@charset "utf-8";

/** 문화센터 랜딩 페이지 **/
.culture_title_layer { width:100%; border-bottom:1px solid #DBDBDB; }
.culture_title_layer .culture_title_wrap { width:1200px; margin:auto; }
.culture_title_layer .culture_title_wrap .culture_title { float:left; }
.culture_title_layer .culture_title_wrap li.culture_title { float:left; width:197px; font-size:28px; color:#363636; text-align:center; font-weight:bold; padding:40px 0px; letter-spacing:-2px;  }
.culture_title_layer .culture_title_wrap li.culture_month_wrap, .culture_title_layer .culture_title_wrap li.culture_sub_subject { float:left; width:1003px; text-align:right; }
.culture_title_layer .culture_title_wrap li.culture_month_wrap .culture_month_circle { background-color:#d2d9eb; border-radius:30px; text-align:center; width:60px; font-size:14px; color:#ffffff; padding:20px 0px; margin:28px 0px 0px 10px; }
.culture_title_layer .culture_title_wrap li.culture_month_wrap .culture_month_circle.on { background-color:#556fb5; }

.culture_title_layer .culture_title_wrap li.culture_sub_subject a { font-size:19px; letter-spacing:-1px; border:1px solid #556FB5; padding:12px 20px; color:#556FB5; border-radius:25px; margin:33px 0px 0px 15px;  }
.culture_title_layer .culture_title_wrap li.culture_sub_subject a:hover, .culture_title_layer .culture_title_wrap li.culture_sub_subject a.on { text-decoration:none; background-color:#556FB5; border-color:#99A9D3; color:#fff; }

/*.culture_title_layer .culture_top_banner { width:100%; background-color:#fff799; }*/
/*.culture_title_layer .culture_top_banner { width:100%; background-color:#ab4938; }*/
.culture_title_layer .culture_top_banner { width:100%; background: linear-gradient(to right, #ab4938 50%, #f6efd9 50%); }

.culture_title_layer .culture_top_banner.culture_top_tree { background-color:#fbf8e9; }
.culture_title_layer .culture_top_banner.culture_top_box { background-color:#FBFBFB; }
.culture_title_layer .culture_top_banner.culture_top_block { background-color:#DEB843; }
.culture_item_layer { width:1000px; margin:auto; margin-bottom:50px; }
.culture_item_layer .culture_item_list { margin-top:40px; }
.culture_item_layer .culture_item_list li { float:left; width:313px; border:1px solid #bbbbbb; margin-left:27px; height:100%; position:relative;  }
.culture_item_layer .culture_item_list li:first-child { margin-left:0px; }
.culture_item_layer .culture_item_list li .thumb { width:100%; max-height:313px; overflow:hidden; }
.culture_item_layer .culture_item_list li .culture_info { width:273px; text-align:left; font-size:15px; color:#363636; padding:20px; line-height:160%}
.culture_item_layer .culture_item_list li .off { position:absolute; width:100%; height:100%; background-color:#000; left:0px; top:0px; opacity:0.5;  }

.culture_item_layer .culture_item_list.block li { border:1px solid #fff; opacity:0.85; cursor:pointer; }
.culture_item_layer .culture_item_list.block li img:hover { opacity:1 }

.culture_item_layer .culture_no_item { width:100%; font-size:19px; padding:100px 0px; letter-spacing:-1px; }
/** 문화센터 랜딩 페이지 끝 **/

/** 문화센터 상세 페이지 시작 **/
.culture_detail_layer { position:relative; height:auto; margin-top:20px; margin-bottom:50px; }
.culture_detail_layer .item_category { width:100%; font-size:12px; color:#4d4d4d; }

.culture_detail_layer .culture_header_layer { width:100%; margin-top:30px; *zoom:1  }
.culture_detail_layer .culture_header_layer:after { content:'';display:block;clear:both; }

/* 문화센터 이미지 및 타이틀 */
.culture_detail_layer .culture_header_layer .culture_header_image { width:405px; min-height:200px; float:left; text-align:center; }
.culture_detail_layer .culture_header_layer .culture_header_image img { max-width:405px; }

.culture_detail_layer .culture_header_layer .culture_header_info_wrap { width:730px; height:auto; float:right; }
.culture_detail_layer .culture_header_layer .culture_header_info_wrap .culture_header_title { font-size:16px; color:#363636; line-height:160%; }
.culture_detail_layer .culture_header_layer .culture_header_info_wrap .culture_header_title span { margin-bottom:5px;  }
.culture_detail_layer .culture_header_layer .culture_header_info_wrap .culture_header_title .culture_title { font-size:25px; font-weight:bold; line-height:130%}

.culture_detail_layer .culture_header_layer .culture_header_info_wrap .culture_header_info { width:100%; height:auto; margin-top:20px; *zoom:1 }
.culture_detail_layer .culture_header_layer .culture_header_info_wrap .culture_header_info:after { content:'';display:block;clear:both; }

.modal-dialog { width:640px; }
.milk-modal-header { padding:15px 0 !important; }
.milk-modal-body {padding:0; width:100%; }

/* 상품 가격 및 정보 부분 **/
.culture_detail_layer .culture_header_layer .culture_header_info_wrap .culture_header_info .culture_header_info_price { position:relative; width:100%; float:left; }
.culture_detail_layer .culture_header_layer .culture_header_info_wrap .culture_header_info .culture_header_info_price .culture_header_section { width:100%; padding:18px 0px 30px 0px; border-top:1px solid #e4e6ed; }
.culture_detail_layer .culture_header_layer .culture_header_info_wrap .culture_header_info .culture_header_info_price .culture_header_section .culture_header_section_list { width:100%; height:auto; margin-top:12px; *zoom:1; }
.culture_detail_layer .culture_header_layer .culture_header_info_wrap .culture_header_info .culture_header_info_price .culture_header_section .culture_header_section_list:after { content:'';display:block;clear:both; }
.culture_detail_layer .culture_header_layer .culture_header_info_wrap .culture_header_info .culture_header_info_price .culture_header_section .culture_header_section_list .culture_price_section_title { width:114px; float:left; color:#363636; font-size:13px;  }
.culture_detail_layer .culture_header_layer .culture_header_info_wrap .culture_header_info .culture_header_info_price .culture_header_section .culture_header_section_list .culture_price_section_title.section_title_middle { padding-top:6px;   }
.culture_detail_layer .culture_header_layer .culture_header_info_wrap .culture_header_info .culture_header_info_price .culture_header_section .culture_header_section_list .culture_price_section_body { width:616px; float:right; }
.culture_detail_layer .culture_header_layer .culture_header_info_wrap .culture_header_info .culture_header_info_price .culture_header_section .culture_header_section_list .culture_price_section_body .culture_price { color:#556fb5; font-size:12px; }
.culture_detail_layer .culture_header_layer .culture_header_info_wrap .culture_header_info .culture_header_info_price .culture_header_section .culture_header_section_list .culture_price_section_body .culture_price b { font-weight:bold; font-size:23px; letter-spacing:-1px; }

/** 장바구니 담기 등 버튼 부분 **/
.culture_detail_layer .culture_header_layer .culture_header_info_wrap .culture_info_btn_wrap { position:relative; width:100%; margin-top:10px; }
.culture_detail_layer .culture_header_layer .culture_header_info_wrap .culture_info_btn_wrap input { width:165px; text-align:center; font-size:18px; font-weight:bold; padding:17px 0px; margin-right:4px; letter-spacing:-2px; border-radius:3px; }
.culture_detail_layer .culture_header_layer .culture_header_info_wrap .culture_info_btn_wrap input.btn_buy { background-color:#37548c; border:1px solid #37548c; color:#fff; }

/** 상품 상세 설명 영역 **/
.culture_detail_layer .detail_menu_layer { border-bottom:1px solid #4762a9; margin-top:100px; }
.culture_detail_layer .detail_menu_layer li { float:left; padding:10px 15px; margin:0px 0px -1px -1px; border:1px solid #D2D6E3; border-bottom:1px solid #4762a9; font-size:13px; color:#363636; background-color:#fff; cursor:pointer; }
.culture_detail_layer .detail_menu_layer li.on { border:1px solid #4762a9; border-bottom:1px solid #fff; }
.culture_detail_layer .detail_menu_layer li.on + li { border-left:1px solid #4762a9;  }

.culture_detail_layer .culture_content_wrap { margin-top:50px; }
.culture_detail_layer .culture_content_wrap .culture_content { float:left; width:990px; height:auto; text-align:left; }
.culture_detail_layer .culture_content_wrap .culture_content .culture_detail_txt { position:relative; width:100%; margin-bottom:50px; }
.culture_detail_layer .culture_content_wrap .culture_content .culture_detail_txt #id_detail_review { }
.culture_detail_layer .culture_content_wrap .culture_content .culture_detail_txt h3 { font-size:17px; font-weight:bold; color:#4762a9; margin:0px 0px 10px 0px;  }
.culture_detail_layer .culture_content_wrap .culture_content .culture_detail_txt h3 span { padding:0px; font-size:15px; background-color:#4762a9; margin-right:5px; }

/** 상품 상세 영역의 오른쪽 배너 **/
.culture_detail_layer .culture_content_wrap .culture_content_banner { float:right; width:200px; }
.culture_detail_layer .culture_content_wrap .culture_content_banner .culture_content_banner_wrap { width:160px; padding:20px; border:1px solid #DDDDDD; float:right; margin-bottom:20px;  }
.culture_detail_layer .culture_content_wrap .culture_content_banner .culture_content_banner_wrap h3 { font-size:13px; color:#363636; font-weight:bold; }
.culture_detail_layer .culture_content_wrap .culture_content_banner .culture_content_banner_wrap .banner_img { width:100%; text-align:center; margin:20px 0px;  }
.culture_detail_layer .culture_content_wrap .culture_content_banner .culture_content_banner_wrap .banner_txt { width:100%; color:#b8b8b8; font-size:11px;  }
.culture_detail_layer .culture_content_wrap .culture_content_banner .culture_content_banner_wrap .banner_txt span { color:#363636; font-size:13px; }

/** 문화센터 신청 모달 페이지 시작 **/
.modal-content { padding:0px; }
.modal-content .modal_inner_wrap { font-size:16px; color:#363636; padding:30px 50px; }
.modal-content .title { margin-top:20px; }
.modal-content .title span { margin-top:7px; font-weight:bold; }
.modal-content .area_input { position:relative; width:100%; border:1px solid #dadada; margin-top:50px; text-align:left; }
.modal-content .area_input p { border-top:1px solid #dadada; padding:20px; }
.modal-content .area_input p:first-child { border-top:none; }
.modal-content .area_input p input { width:100%; }
.modal-content .pop_cont { margin-top:20px; }
.modal-content .pop_cont .area_count td { text-align:left; padding:8px 0px; }
.modal-content .pop_cont .area_count .table_price { text-align:right; }
.modal-content .pop_cont .area_count .btn { font-weight:bold; background-color:#cccccc; color:#fff; width:30px; height:30px; line-height:27px; text-align: center; padding:0px; border-radius:5px; cursor:pointer; }
.modal-content .pop_cont .area_count .number { width:50px; text-align:center; }
.modal-content .pop_cont .area_count tfoot td { color:#556fb5; font-size:20px; font-weight:bold; letter-spacing:-1px; padding:40px 0px 20px 0px;  border-bottom:1px solid #989898; }
.modal-content .pop_cont .order_payment { margin-top:30px; }
.modal-content .pop_cont .order_payment h3 { text-align:left; }
.modal-content .pop_cont .order_payment .cont_order { margin-top:20px; border-bottom:1px solid #dadada; }
.modal-content .pop_cont .order_payment .cont_order .ps_payment, .modal-content .pop_cont .order_payment .cont_order .check_paper { display:none; }
.modal-content .pop_cont .order_payment .cont_order .payment li { padding:20px 0px; border-top:1px solid #dadada; cursor:pointer; }
.modal-content .pop_cont .order_payment .cont_order .payment li.on, .modal-content .pop_cont .order_payment .cont_order .payment li:hover { background-color:#556fb5; color:#fff; }

.modal-content .agreement { padding:35px 0px 0px 0px; text-align:left; }
.modal-content .agreement .checked input[type="checkbox"] { display:none; }
.modal-content .agreement .checked input[type="checkbox"] + label { display:inline-block; vertical-align:middle; background:url('/views/_layout/milkbook/images/culture/btn_agree_chk_off.jpg') left top no-repeat; background-size:36px 36px; height:36px; width:36px;}
.modal-content .agreement .checked input[type="checkbox"]:checked + label { background:url('/views/_layout/milkbook/images/culture/btn_agree_chk_on.jpg') left top no-repeat; background-size:36px 36px; }

.modal-content .btn_bottom { width:100%; margin:0px; border-bottom:1px solid #556fb5; border-bottom-left-radius:6px; border-bottom-right-radius:6px; padding:20px 0px; background-color:#556fb5; font-size:20px;}
.modal-content .btn_bottom span { width:100%; cursor:pointer; color:#ffffff; letter-spacing:-1px; }
.modal-content .btn_bottom span:hover { text-decoration:underline; }
/** 문화센터 신청 모달 페이지 끝 **/

/** 문화센터 상세 페이지 끝 **/

/** 문화센터 결제완료 페이지 시작 **/
.culture_header_layer h1 { margin:50px auto; font-size:30px; letter-spacing:-3px; color:#676A71; }
.culture_header_layer h1 span { color:#546FB6; }
.culture_pay_layer { position:relative; width:400px; margin:0px auto; border:1px solid #BABABA; padding:50px; text-align:left; }
.culture_pay_layer dl { position:relative; width:100%; }
.culture_pay_layer dl dt { position:relative; width:100%; font-size:13px; color:#797979; margin-top:20px; letter-spacing:-1px; }
.culture_pay_layer dl dt:first-child { margin-top:0px; }
.culture_pay_layer dl dd { position:relative; width:100%; font-size:16px; color:#181818; }
.btn_bottom { margin:10px auto 50px auto; padding:20px 0px; background-color:#546FB4; width:502px; color:#fff; font-size:20px; text-align:center; }
/** 문화센터 결제완료 페이지 끝 **/