@import url('https://fonts.googleapis.com/css?family=Nanum+Gothic:400,700,800|Noto+Sans+KR:100,300,400,500,700,900|Rajdhani&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Gothic+A1:wght@600;700;800&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Great+Vibes&display=swap');

.float_left { float: left }
.float_right { float: right }
.clear_both { clear: both }

.text_left { text-align: left !important }
.text_right { text-align: right !important }
.text_center { text-align: center !important }

.w_100 { width: 100% !important }

.rentalcar_tbl .point_blue { font-weight: bold }
.point_red { color: #ed1e36 !important }
.point_blue { color: #0072bc !important }

.book_title { width: 100%; text-align: center; margin: 0 0 20px 0 }
.book_title h1 { font-family: 'Noto Sans KR', sans-serif; font-size: 3rem; font-weight: 100 !important; letter-spacing: 2px !important; color: #252525 }
.book_title p { font-family: 'Nanum Gothic', sans-serif; line-height: 150%; font-size: 1.1rem; font-weight: 700 !important; color: #252525 }
.book_title p span { color: #ed1e36 }
/*.btn_book { margin-top: 15px; background: #ed1e36; color: #fff; padding: 9px 20px; font-size: .9rem; font-weight: bold; letter-spacing: 2px }
.btn_info { margin-top: 15px; background: #0072bc; color: #fff; padding: 9px 20px; font-size: .9rem; font-weight: bold; letter-spacing: 2px }*/
.thbg { font-weight: bold; background-color: #f5f5f5 }

@media only screen and (max-width: 768px) {
.btn_book { margin-top: 10px; background: #ed1e36; color: #fff; padding: 7px 10px; font-size: 11px; font-weight: bold; letter-spacing: 2px }
}
/*
==============================================================
　　예약 카테고리
==============================================================
*/
.gnb_li { width: 100%; height:45px; /*background: url('../../img/cate/bg_cate.gif') repeat-x*/ }
.gnb_li .category { width: 1000px; height: 45px; position: relative; left: 50%; margin-left: -410px }

.gnb_li .category .cate { float: left }
.gnb_li .category .cate .cate_list { display: inline; height: 45px }
.show_layer { position: relative; left:0; top: 0; *top: 0; _top: 0; display: none; background-color: #fff; z-index: 1000; }
.gnb_li .category .cate .cate_list a { height: 45px; display: block; line-height: 45px; text-align:center; font-family: 'Noto Sans KR', sans-serif; font-size: 15px; font-weight: 500; color: #333 }
.gnb_li .category .cate .cate_list a i { line-height: 45px }
.gnb_li .category .cate .cate_list a:hover { color: #EC1D35 }
.gnb_li .category .cate .cate_list .all_menu { background: #252525; color: #fff }
.gnb_li .category .cate .cate_list .all_menu:hover { background: #EC1D35; color: #fff }

.cate .cate_2depth,.cate .cate_all {
	position: absolute;
	top: 0;
	border: 1px solid #ccc;
	border-top: 1px solid #000;
	background-color: #fff;
	max-height: 700px;
	overflow-x: hidden;
	overflow-y: auto;
	-webkit-border-radius: 0 0 4px 4px;
	-moz-border-radius: 0 0 4px 4px;
	-ms-border-radius: 0 0 4px 4px;
	-o-border-radius: 0 0 4px 4px;
	border-radius: 0 0 4px 4px;
	-webkit-box-shadow: 0 5px 12px rgba(0, 0, 0, 0.3);
	-moz-box-shadow: 0 5px 12px rgba(0, 0, 0, 0.3);
	box-shadow: 0 5px 12px rgba(0, 0, 0, 0.3);
 }
.cate .cate_2depth { width: 122px }
.show_layer .cate_2depth li a { display: block; letter-spacing: -1px; height: 1%; padding: 5px 10px; font-family: 'Gulim', sans-serif; letter-font-size: 12px; color: #666; line-height: 140%; background-color: #fff}
.show_layer .cate_2depth li a:hover{ cursor: pointer; background: #EC1D35; color: #fff; transition: linear 1.5s; }

.all { width: 1000px !important }
.all_list_wrap { margin: 10px }
.all_list { float: left; width: 196px; margin: 0 0 15px }
.all_list .title { margin: 0 5px 7px; padding: 5px 15px; background: #f2f2f7; font-family: 'Nanum Gothic', sans-serif; font-size: 13px; font-weight: bold; color: #252525 }
.all_list .list { margin: 0 20px }
.all_list .list a { text-decoration: none; display: block;background: #fff; padding: 3px 0; font-family: 'Nanum Gothic', sans-serif; font-size: 12px; color: #666 }
.all_list .list a:hover { color: #EC1D35 }


/*
==============================================================
　　모달창
==============================================================
*/
.modal {
	width: 700px;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	-ms-border-radius: 20px;
	-o-border-radius: 20px;
	border-radius: 20px;

	-webkit-box-shadow: 0 5px 12px rgba(0, 0, 0, 0.3);
	-moz-box-shadow: 0 5px 12px rgba(0, 0, 0, 0.3);
	box-shadow: 0 5px 12px rgba(0, 0, 0, 0.3);
	background: #fff;
	overflow: hidden;
	}
.modal .close { float: right; margin: 20px 20px 0 0; cursor: pointer }
.modal .container { clear: both; width: 100% }
.modal .contents { margin: 20px; overflow-y: auto; overflow-x: hidden }

.modal .h_subject { width: 100%; text-align: center; font-size: 20px; font-weight: bold; margin-bottom: 10px }

.tbl_order,.tbl_order th,.tbl_order td { border: 0 }
.tbl_order { width: 100%; margin:0 auto; margin-bottom: 20px; text-align: center; border-collapse: collapse }
.tbl_order th { padding: 8px 10px; background-color: #f5f7f9; border: 1px solid #e5e5e5; color: #333; font-weight: normal }
.tbl_order td { padding: 8px 10px; line-height: 160%; border: 1px solid #e5e5e5; color: #333; text-align: left }

.tbl_order .i_check,.tbl_order .i_radio { position: relative; top: 1px; margin-right: 5px }
.tbl_order .i_text { height: 22px; font-size: 11px; color: #666; position: relative; border: 1px solid #b7b7b7; border: 1px solid #e1e1e1; background: transparent }
.tbl_order select {height: 22px; border: 1px solid #e1e1e1; color: #666; font-size: 11px; position: relative; top: 0 }
.tbl_order .memo { color:#0072bc }
.tbl_order .subject { font-weight:bold; color:#333 }
.tbl_order .price { color:#d2232a; font-weight:bold }
.tbl_order .point { color:red }

.order_btn { font-size: 14px; color: #fff; font-weight: bold; letter-spacing: 5px; cursor: pointer; padding: 10px 25px; background-color: #F33E31; margin-bottom: 30px }
.order_btn:hover { background-color: #DE372C }

@media only screen and (max-width: 768px) {
	.modal { width: 100vw; border-radius: 0 }
	.modal .close { float: right; margin: 15px 15px 10px 10px; cursor: pointer }
	.modal .container { width: 100vw; padding:0; margin: 0 auto }
	.contents { padding: 10px }
	.tbl_order { width: 100%; margin-bottom: 20px; text-align: center; border-collapse: collapse; border-bottom: 1px solid #e5e5e5 }
	.tbl_order,
	.tbl_order tr,
	.tbl_order th,
	.tbl_order td {display:block}/* 테이블의 모든 요소를 block화 시킴*/
	.tbl_order thead tr {position:absolute;left:-9999px;top:-9999px}/* thead의 tr을 화면밖으로 날림 */
	.tbl_order tr:after {content:"";display:block;clear:both}/* th,td의 플롯해제 */
	.tbl_order th {display:none}
	.tbl_order td {position:relative;float:left;width:100%;padding-left:28%;box-sizing:border-box;border-bottom:0}/* td내용 우측에 타이틀 들어갈 영역 만듬 */
	.tbl_order td:before {position:absolute;left:10px;top:8px;font-weight:bold;color:#d2232a}
	.tbl_order .receipt {border-bottom: 1px solid #e5e5e5}
	.tbl_order .clear {display:block}
	.tbl_order span.block { display: block }

	.tbl_order .select_choice { width: 100px }

.tbl_order .x01:before {content:"상품명"}/* 가상선택자로 텍스트 생성-스크립트로 동적으로 가능함 */
.tbl_order .x02:before {content:"회원가"}
.tbl_order .x03:before {content:"주중/주말"}
.tbl_order .x04:before {content:"자차보험"}
.tbl_order .x05:before {content:"총액"}
.tbl_order .x06:before {content:"예약자"}
.tbl_order .x07:before {content:"휴대번호"}
.tbl_order .x08:before {content:"이메일"}
.tbl_order .x09:before {content:"실사용자"}
.tbl_order .x10:before {content:"차량인수"}
.tbl_order .x11:before {content:"실사용자연락처"}
.tbl_order .x12:before {content:"차량반납"}
.tbl_order .x13:before {content:"사용시간"}
.tbl_order .x14:before {content:"제주도착시간"}
.tbl_order .x15:before {content:"제주출발시간"}
.tbl_order .x16:before {content:"내용동의"}
.tbl_order .x17:before {content:"환불규정"}
.tbl_order .x18:before {content:"전달사항"}
.tbl_order .x19:before {content:"주의사항"}
.tbl_order .x20:before {content:"결제총액"}
.tbl_order .x21:before {content:"포인트결제"}
.tbl_order .x22:before {content:"잔여포인트"}
.tbl_order .x23:before {content:"무통장입금"}
.tbl_order .x24:before {content:"입금자명"}
.tbl_order .x25:before {content:"계좌번호"}
.tbl_order .x26:before {content:"현금영수증"}
.tbl_order .x27:before {content:"시간"}
}

/*
==============================================================
　　예약페이지 > 주의사항
==============================================================
*/

.jeju_notice { background: #fff }
.jeju_notice .wrap { width: 90%; margin: 30px auto }
.jeju_notice h2 { font-size: .9rem; color: #e00000; margin-bottom: 15px }
.jeju_notice p { font-size: .82rem; padding-left: 10px; color: #0072bc; margin-bottom: 10px }
.jeju_notice ol { padding-left: 10px; margin-bottom: 20px }
.jeju_notice ol li { font-size: .8rem; font-weight: 700; color: #333; margin-bottom: 10px }
.jeju_notice ol li ol,.jeju_notice ol li ul { margin: 0; padding-left: 20px }
.jeju_notice ol li ol li,.jeju_notice ol li ul li { font-size: .78rem; font-weight: 400; color: #777; padding-top: 10px;  margin: 0 15px 0 0 }
.jeju_notice ol li ul li h3 { color: #333; margin-bottom:10px }
.jeju_notice ol li ul li p { margin-bottom: 0; padding-left: 0; font-size: .8rem; font-weight: 400; color: #777 }


/*
==============================================================
　　예약페이지 > 서브 카테고리
==============================================================
*/
.cate03 .title_img { line-height: 0 }
.cate03 .title_img img { width: 100% }

.cont_inner .title_img { line-height: 0; margin-bottom: 20px }

.cate03 .sub_cate,.sub_cate th,.sub_cate td { border: 0; margin: 0 }
.cate03 .sub_cate { width: 100%; margin-bottom: 20px; text-align: center; border-collapse: collapse }
.cate03 .sub_cate td { line-height: 350%; border-right: 1px solid #fff; background-color: #ebebeb }
.cate03 .sub_cate td:last-child { border-right: 0 !important }
.cate03 .sub_cate td a { text-decoration:none !important; font-family: 'Nanum Gothic', sans-serif; font-size: 0.95rem; font-weight: bold; display: inline-block; width: 100%; height: 100%; color: #333 }
.cate03 .sub_cate td a:hover { color: #fff; background: #ec1d35 }

/*
==============================================================
　　예약페이지 /제주숙박/
==============================================================
*/

.cate03 .travel_list,.travel_list th,.travel_list td { border: 0; margin: 0 }
.cate03 .travel_list { width: 100%; margin-bottom: 20px; border-collapse: collapse }
.cate03 .travel_list td { line-height: 200%; border: 1px solid #D9D9D9; background-color: #fff }
.cate03 .travel_list td .container { margin: 20px }
.cate03 .travel_list td .container .content { font-family: 'Nanum Gothic', sans-serif; font-size: 0.75rem }
.cate03 .travel_list td .container .content h2 { font-size: 0.85rem; font-weight: 700; line-height: 250% }
.cate03 .travel_list td .container .content p { font-size: 0.72rem; color: #959595; letter-spacing: -1; font-weight: 700; line-height: 140% }
.cate03 .travel_list td .container .img 2019-09-19{ width: 100%; height: 292px }
.cate03 .travel_list td .container .img img { width: 100% }
.cate03 .travel_list td .container .price { float: left; line-height: 280%; font-family: 'Noto Sans KR', sans-serif; font-size: 0.85rem; font-weight: 500 }
.cate03 .travel_list td .container .price strong { font-family: 'Noto Sans KR', sans-serif; font-size: 1.1rem; color: #ec1d35 }
.cate03 .travel_list td .container .btn  { float: right }
.cate03 .travel_list td .container .btn button { background: #ec1d35; padding: 0 20px; line-height: 250%; font-family: 'Noto Sans KR', sans-serif; font-size: 0.85rem; font-weight: bold; color: #fff }
.cate03 .travel_list td .container .btn button:hover { background: #cb1a2f }

@media only screen and (max-width: 768px) {
.cate03 .sub_cate td { line-height: 280% }
	.cate03 .sub_cate td a { font-size: 0.7rem }
	.cont_inner { padding:10px !important; }
	.cate03 .travel_list td { display: block; border-bottom: 0 }
	.cate03 .travel_list td:last-child { border-bottom: 1px solid #ebebeb; }
	.cate03 .travel_list td .container .img { height: 100% }
}

/*
==============================================================
　　예약페이지 /제주렌터카/ 리스트
==============================================================
*/

.book_title { width: 100%; text-align: center; margin-bottom: 30px }
.book_title h1 { font-family: 'Noto Sans KR', sans-serif; font-size: 3rem; font-weight: 100 !important; letter-spacing: 2px !important; color: #252525 }
.book_title p { font-family: 'Nanum Gothic', sans-serif; font-size: 1.1rem; font-weight: 700 !important; color: #252525 }
.book_title p span { color: #ed1e36 }

.cate03 .jejurentalcar_list .jejurentalcar01 { overflow: hidden; width: 100%; background: #feddd4; margin-bottom: 5px }
.cate03 .jejurentalcar_list .jejurentalcar02 { overflow: hidden; width: 100%; background: #c3e5ec }
.cate03 .jejurentalcar_list div .text { float: left; margin: 30px 0 0 40px; font-family: 'Noto Sans KR', sans-serif; font-size: 3rem; font-weight: 100 }
.cate03 .jejurentalcar_list div .img { float: right }
.cate03 .jejurentalcar_list .jejurentalcar01 button { position: relative; top: -5px; margin-left: 10px; padding: 12px 20px; background: #0072BC; color: #fff; font-family: 'Nanum Gothic', sans-serif; font-size: .95rem; font-weight: 700 }
.cate03 .jejurentalcar_list .jejurentalcar01 button:hover { background: #005f9d }
.cate03 .jejurentalcar_list .jejurentalcar02 button { position: relative; top: -5px; margin-left: 10px; padding: 12px 20px; background: #ed1e36; color: #fff; font-family: 'Nanum Gothic', sans-serif; font-size: .95rem; font-weight: 700 }
.cate03 .jejurentalcar_list .jejurentalcar02 button:hover { background: #bf081d }

@media only screen and (max-width: 768px) {
	.cate03 .book_title h1 { font-family: 'Noto Sans KR', sans-serif; font-size: 1.5rem; font-weight: 100 !important; letter-spacing: -1px !important; color: #252525 }
	.cate03 .book_title p { font-family: 'Nanum Gothic', sans-serif; font-size: 0.95rem; font-weight: 400 !important; color: #252525 }
	.cate03 .jejurentalcar_list div .text { float: left; margin: 10px 0 0 20px; font-size: 1.4rem }
	.cate03 .jejurentalcar_list div button { display: block }
	.cate03 .jejurentalcar_list div .img { width: 60%; margin: 30px 0 10px 0; text-align: right; float:right }
	.cate03 .jejurentalcar_list div img { width: 80% }
	.cate03 .jejurentalcar_list .jejurentalcar01 button,.cate03 .jejurentalcar_list .jejurentalcar02 button { margin-left: 0; padding: 8px 10px; color: #fff; font-family: 'Nanum Gothic', sans-serif; font-size: .6rem; font-weight: 700 }
	.cate03 .jejurentalcar_list .jejurentalcar01 button { top: 0; background: #0072BC }
	.cate03 .jejurentalcar_list .jejurentalcar01 button:hover { background: #005f9d }
	.cate03 .jejurentalcar_list .jejurentalcar02 button { top: 0; background: #ed1e36 }
	.cate03 .jejurentalcar_list .jejurentalcar02 button:hover { background: #bf081d }

}

/*
==============================================================
　　예약페이지 /제주렌터카/ 상세페이지
==============================================================
*/

.rentalcar_tbl,.rentalcar_tbl th,.rentalcar_tbl td { border: 0 }
.rentalcar_tbl { width: 100%; margin-bottom: 20px; border-bottom: 2px solid #595959; text-align: center; border-collapse: collapse }
.rentalcar_tbl th { padding: 10px 0; border-top: 2px solid #595959; border-right: 1px solid #ccc; border-left: 1px solid #ccc; background-color: #F5F7F9; color: #333; font-family: 'Nanum Gothic', sans-serif; font-size: 0.8rem; font-weight: bold }
.rentalcar_tbl td { padding: 10px 0; border: 1px solid #ccc; color: #4c4c4c }
.rentalcar_tbl .excess { background: #f2f2f2 }
.rentalcar_tbl .car_title { font-size: 0.8rem; background: #FEDDD4 }
.rentalcar_tbl button.car_book { background: #ed1e36; color: #fff; padding: 7px 15px; font-size: .8rem; font-weight: bold; margin-left: 5px; letter-spacing: 2px }

.rentalcar_tbl .carkind { width: 100%; border-collapse: collapse }
.rentalcar_tbl .carkind td { border: 0; border-right: 1px solid #e5e5e5 }
.rentalcar_tbl .carkind td:last-child { border-right: 0 }
.rentalcar_tbl .carkind td p { color: #999; line-height: 160%; margin-bottom: 10px }
.rentalcar_tbl .carkind td strong { color: #000 }

@media only screen and (max-width: 768px) {
	.rentalcar_tbl th { border-top: 1px solid #ccc; font-size: 0.72rem }
	.rentalcar_tbl .carkind td { display: block; border: 0; border-bottom: 1px solid #e5e5e5 }
	.rentalcar_tbl td span { display: none }
	.rentalcar_tbl button.car_book { font-size: .9rem; margin-left: 0 }
}

/*
==============================================================
　　상품등록 상세페이지 가격테이블
==============================================================
*/
.detail_contents h1 { font-size: 15px; margin: 10px 5px 7px; text-align: left; color: #000 }
.detail_contents p { font-size: 13px; text-align: left;line-height: 180% }
.detail_tbl,.detail_tbl th,.detail_tbl td { border: 0 }
.detail_tbl { width: 100%; margin-bottom: 20px; border-top: 2px solid #595959; text-align: center; border-collapse: collapse }
.detail_tbl th { padding: 10px; border: 1px solid #ccc; background-color: #F5F7F9; color: #333; font-family: 'Nanum Gothic', sans-serif; font-size: 0.8rem; font-weight: bold }
.detail_tbl td { padding: 10px; border: 1px solid #ccc; text-align: left; color: #4c4c4c; line-height: 160% }
.detail_tbl td .tac { text-align: center !important }
.detail_tbl .subject { background: #fafafa }
.detail_tbl .info { text-align: left; padding-left: 20px }

.detail_tbl li { background:url('../../img/book/img_dot.gif') no-repeat 5px 15px;border-bottom: 1px dotted #ccc; padding: 10px 12px }
.detail_tbl li:last-child { border-bottom: 0 }

.m_table { width: 100%; overflow-x: auto; white-space: nowrap }

.detail_tbl_rent,.detail_tbl_rent th,.detail_tbl_rent td { border: 0 }
.detail_tbl_rent { width: 100%; margin-bottom: 20px; text-align: center; border-collapse: collapse }
.detail_tbl_rent th { padding: 10px; border: 1px solid #0c3e6a; background-color: #366092; color: #fff; font-family: 'Nanum Gothic', sans-serif; font-size: 13px; font-weight: bold }
.detail_tbl_rent td { padding: 10px; border: 1px solid #ccc; font-family: 'Nanum Gothic', sans-serif; font-size: 13px; text-align: center; color: #4c4c4c; line-height: 160% }
.detail_tbl_rent td .tal { text-align: left }
.detail_tbl_rent .subject { background: #fafafa }
.detail_tbl_rent .info { text-align: left; padding-left: 20px }

@media only screen and (max-width: 768px) {
	.detail_tbl_rent th,.detail_tbl_rent td { font-size: .72rem }
}

.bookinfo { margin-bottom: 20px; border-top: 2px solid #595959; border-left: 1px solid #ccc; border-right: 1px solid #ccc }
.bookinfo li { padding: 10px; border-bottom: 1px solid #ccc }
.bookinfo li:nth-child(1):before { content:"1. " }
.bookinfo li:nth-child(2):before { content:"2. " }
.bookinfo li:nth-child(3):before { content:"3. " }
.bookinfo li:nth-child(4):before { content:"4. " }
.bookinfo li:nth-child(5):before { content:"5. " }
.bookinfo li:nth-child(6):before { content:"6. " }
.bookinfo li:nth-child(7):before { content:"7. " }
.bookinfo li:nth-child(8):before { content:"8. " }
.bookinfo li:nth-child(9):before { content:"9. " }

@media only screen and (max-width: 768px) {
	.detail_tbl { border-top: 0; border-top: 0; border-bottom: 1px solid #ccc; }
	.detail_tbl th,.detail_tbl td { font-size: 11px }
	.detail_tbl .m_none { display: none }
	.m_br { display: block }
	.detail_tbl .info { padding: 10px }
}

/*
==============================================================
　　레저 상세페이지 가격테이블
==============================================================
*/

.leisure_tbl,.leisure_tbl th,.leisure_tbl td { border: 0 }
.leisure_tbl { width: 100%; margin-bottom: 20px; border-top: 2px solid #595959; text-align: center; border-collapse: collapse }
.leisure_tbl th { padding: 10px; border: 1px solid #ccc; background-color: #F5F7F9; color: #333; font-family: 'Nanum Gothic', sans-serif; font-size: 0.8rem; font-weight: bold }
.leisure_tbl td { padding: 10px; border: 1px solid #ccc; text-align: center; color: #4c4c4c; line-height: 160% }

@media only screen and (max-width: 768px) {
	.leisure_tbl {border-bottom:1px solid #ccc}
	.leisure_tbl td { text-align: left }
	.leisure_tbl thead tr {position:absolute;left:-9999px;top:-9999px}/* thead의 tr을 화면밖으로 날림 */
	.leisure_tbl tr:after {content:"";display:block;clear:both}/* th,td의 플롯해제 */
	.leisure_tbl th {display:none}
	.leisure_tbl td {position:relative;float:left;width:100%;text-align:left;padding-left:120px;box-sizing:border-box;border-bottom:0}/* td내용 우측에 타이틀 들어갈 영역 만듬 */
	.leisure_tbl td:before {position:absolute;left:10px;top:10px;font-weight:bold;color:#5A4A4A}

	.leisure_tbl .x01 {background:#C3B9AD;color:#fff;text-align:left;font-weight:bold;padding-left:15px;font-size:12px }
	.leisure_tbl .x02:before {content:"정상가"}
	.leisure_tbl .x021:before {content:"주중 정상가"}
	.leisure_tbl .x022:before {content:"주말 정상가"}

	.leisure_tbl .x03:before {content:"회원가"}
	.leisure_tbl .x031:before {content:"주중 회원가"}
	.leisure_tbl .x032:before {content:"주말 회원가"}

	.leisure_tbl .x04:before {content:"동반가"}
	.leisure_tbl .x041:before {content:"주중 동반가"}
	.leisure_tbl .x042:before {content:"주말 동반가"}

	.leisure_tbl .x05:before {content:"대인 동반가"}
	.leisure_tbl .x07s:before {content:"소인 동반가"}

	.leisure_tbl .x06:before {content:"내용"}
	.leisure_tbl .x07:before {content:"동반가"}
	.leisure_tbl .x08:before {content:"코스"}
	.leisure_tbl .x09:before {content:"시간"}
}

/*
==============================================================
　　예약페이지 / 제주골프
==============================================================
*/

.jejugolf_tbl,.jejugolf_tbl th,.jejugolf_tbl td { border: 0 }
.jejugolf_tbl { width: 100%; margin-bottom: 20px; text-align: center; border-collapse: collapse }
.jejugolf_tbl td { padding: 0; border: 1px solid #ccc; color: #4c4c4c }

.jejugolf_tbl div.subject { margin: 20px }
.jejugolf_tbl div.subject .img { margin-bottom: 20px }
.jejugolf_tbl div.subject .img img { width: 100% }
.jejugolf_tbl div.subject .title { width: 60%; text-align: left; margin-bottom: 20px }
.jejugolf_tbl div.subject .title h1 { font-size: .95rem; color: #000; margin-bottom: 4px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap }
.jejugolf_tbl div.subject .title p { font-size: .75rem; color: #959595; overflow: hidden; text-overflow: ellipsis; white-space: nowrap }

.jejugolf_tbl div.subject .button { width: 40%; text-align: right }
.golf_book { margin-top: 0; background: #ed1e36; color: #fff; padding: 9px 20px; font-size: .9rem; font-weight: bold; letter-spacing: 2px }

.jejugolf_list_tbl,.jejugolf_list_tbl th,.jejugolf_list_tbl td { border: 0 }
.jejugolf_list_tbl { width: 100%; text-align: center; border-collapse: collapse }
.jejugolf_list_tbl th,.jejugolf_list_tbl td { padding: 8px 0; border: 1px solid #efefef; border-left: 0; border-bottom: 0; color: #0072bc; background-color: #fff; font-weight: normal }

.jejugolf_list_tbl th:last-child { border-right: 0 }
.jejugolf_list_tbl td { color: #4c4c4c }
.jejugolf_list_tbl td:last-child { border-right: 0 }


@media only screen and (max-width: 768px) {
.list { display: block; margin-bottom:10px }
}

/*
==============================================================
　　리스트
==============================================================
*/

.book_list .list_n { float: left; margin-right: 4px; background: #efefef; border: 1px solid #ccc; margin-bottom: 7px; padding-bottom: 12px }
.book_list .list_n:nth-child(4n) { margin-right: 0 !important}
.book_list .list_n .img img { width: 245px; height: 245px }
.book_list .list_n h1 { display: block; margin: 10px 0 8px; font-size: 13px; font-weight: normal; color: #333; width: 245px; text-overflow: ellipsis; overflow: hidden; white-space: nowrap }
.book_list .list_n .price { font-family: 'Noto Sans KR', sans-serif; margin-bottom: 10px; text-align: center; font-size: 1.1rem; color: #000; font-weight: 400 }
.book_list .list_n .memo { margin-top: 5px; color: #acacac; height: 30px }
.book_list .list_n div { width: 245px }

/*
==============================================================
　　건강검진 항목리스트
==============================================================
*/

.medical_list .list_n { float: left; width: 233px; height: 225px; text-align: center; border: 1px solid #ccc; margin-right: 20px; margin-bottom: 10px; cursor: pointer; background: #F8F8F8;
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	-ms-border-radius: 15px;
	-o-border-radius: 15px;
	border-radius: 15px;
}
.medical_list .list_n:hover { background: #fff }

.medical_list .list_n:last-child { margin-right: 0 }
.medical_list .list_n u { display: block; margin-top: 15px; font-size: .95rem; color: #000 }
.medical_list .list_n h1 { margin-top: 20px; letter-spacing: 1px; font-size: 1.6rem; color: blue }
.medical_list .list_n p { display: inline-block; margin-top: 10px }
.medical_list .list_n .price { font-size: 1.5rem; color: red; font-weight: bold }
.medical_list .list_n button { margin-top: 10px }
.medical_list .list_n .location { margin: 10px 5px; height: 25px; color: #808080 }

/*
==============================================================
　　뷰(디테일, 상세페이지)
==============================================================
*/

.view_contents { text-align: center;  margin: 20px 10px}
.view_contents img { width: 980px }
.view_contents p { font-size: .8rem; line-height: 200%; margin-bottom: 15px }
.view_contents button { margin: 20px auto; letter-spacing: 2px; background: #ec1d35; padding: 0 20px; line-height: 250%; font-family: 'Noto Sans KR', sans-serif; font-size: 1rem; color: #fff }
.view_contents h1,.cont_inner .contents h2 { font-size: .85rem; margin-bottom: 5px; color: #0072BC }

.use_join { margin: 10px auto; background: #fff; letter-spacing: 1px; border: 1px solid #ccc; padding: 0 10px; line-height: 180%; font-family: 'Noto Sans KR', sans-serif; font-size: .75rem; color: #777; font-weight: 400 }
.iframe { width: 1000px; height: 100vh; border: 1px solid #ccc;overflow-x:hidden }

@media only screen and (max-width: 768px) {
.iframe { width: 100%; height: 500px; border: 1px solid #ccc }
}

.cont_inner img {max-width: 1000px }

.cont_inner .contents { overflow: hidden; padding: 20px 0 }
.cont_inner .contents .list li { float: left; width: 233px; height: 220px; margin-right: 20px; margin-bottom: 20px; border: 1px solid #ccc }
.cont_inner .contents .list li:last-child { margin-right: 0 }
.cont_inner .contents .list li p { margin: 10px; line-height: 160%; font-size: .75rem }
.cont_inner .contents .list li b { display: block; font-size: .9rem; color: #000; margin-bottom: 5px }

.cont_inner .contents p { font-size: .8rem; line-height: 200%; margin-bottom: 15px }
.cont_inner .contents i { color: #4075B9 }
.cont_inner .contents .service li { float: left; padding: 0 20px; text-align: center }
.cont_inner .contents .service li img { margin-bottom: 10px }

.cont_inner .sub_menu { width: 100%; border-collapse: collapse }
.cont_inner .sub_menu td { border: 1px solid #e5e5e5; text-align: center; line-height: 300% }
.cont_inner .sub_menu td:hover { background: #222; color: #fff }

.view_button { margin: 20px auto; letter-spacing: 2px; background: #ec1d35; padding: 0 20px; line-height: 250%; font-family: 'Noto Sans KR', sans-serif; font-size: 1rem; color: #fff }



.cont_inner .list_info { margin: 10px 0 }
.cont_inner .list_info .img { float: left; margin-right: 30px; border: 1px solid #ccc }
.cont_inner .list_info .info { float: right; width: 590px }

.cont_inner .list_info { height: 50px; padding-top: 10px;}
.cont_inner .list_info h1 {font-size: 24px; color: #454545; margin-bottom: 10px }
.cont_inner .list_info .memo { font-size: 14px; line-height: 160%; color: #555 }

.cont_inner .list_info .i_text { max-height: 195px; overflow-y: auto; border-top: 1px solid #666 !important; border-bottom: 1px solid #ddd !important; background:#fafafa; border: 0;  margin: 15px 0 8px; padding: 5px 0; line-height: 140%; font-size: 11px !important; color: #888 }

.cont_inner .list_info .i_text .agree_xx { line-height: 140%; font-size: 11px !important; color: #888 }
.cont_inner .list_info .i_text .agree_xx h1 { font-size: 12px; color: #333; margin-bottom: 3px }

.cont_inner .list_info .i_text strong { display: block; margin-bottom: 5px; font-size: 13px; color: #333 }
.cont_inner .list_info .i_check input { margin-right: 3px; position: relative; top: 1px }

.cont_inner .list_info .red { display: block; width: 193px; height: 40px; margin: 25px 0; font-size: 14px; font-weight: bold; letter-spacing: 1px }


@media only screen and (max-width: 768px) {
	.cont_inner .list_info .i_text { max-height: 68px; margin: 8px 0 }
	.cont_inner .list_info .i_text .agree_xx { margin:0 8px }
	.cont_inner .list_info .i_text .agree_xx h1 { font-size: 11px }
	.cont_inner .list_info .i_check { font-size: 11px }

	.cont_inner .list_info .img { float: left; margin-right: 0; border: 1px solid #ccc }
	.cont_inner .list_info .img img { width: 120px; height: 120px }
	.cont_inner .list_info .info { float: left; width: 60%; height: 120px; margin-left: 10px; display: table }
	.cont_inner .list_info .box { display:table-cell; vertical-align: middle }
	.cont_inner .list_info .box h1 { font-size: 13px; margin-bottom:5px; color: #000 }
	.cont_inner .list_info .box .memo { font-size: 11px; line-height: 130%; color: #808080 }
	.cont_inner .ofh img { width: 100%}
	.cont_inner .contents p { font-size: .8rem; line-height: 140%; margin-bottom: 15px }
	.cont_inner .contents h1 { color: #0072BC }

}


/*
==============================================================
　　탭메뉴
==============================================================
*/

.tab_container { border-top: none; clear: both; float: left; width: 100%; background: #fff }
.tab_content { margin: 10px 0; font-size: 14px; line-height: 160% }

.agree_xx { margin: 0 20px; font-size: 12px; line-height: 180% }
.agree_xx strong { display: block; margin-bottom: 5px }
.agree_xx h1 { font-size: 13px; color: #0072BC; margin-bottom: 5px}
.agree_xx p { margin: 5px}
.agree_xx ol,.agree_xx ul { margin-bottom: 10px }
.agree_xx li { margin-left: 25px; overflow: visible !important}
.agree_xx ol li { list-style-type:decimal !important; list-style:decimal !important }
.agree_xx ul li { list-style-type:disc !important; list-style:disc !important }

.sub_tab { height: 30px; border-bottom: 1px solid #ccc; border-left: 1px solid #eee }
.sub_tab .tabs { overflow: visible }
.sub_tab .tabs .tabs_li { padding: 0 25px; height: 29px; color:#fff; font-size: 13px; line-height: 2.2; text-align: center; border-top: 1px solid #eee; border-right: 1px solid #eee; background-color: #FAFAFA; cursor: pointer; float: left }
.sub_tab .tabs .tabs_li a { text-decoration: none; color: #666 }
.sub_tab .tabs .tabs_li:first-child, .m_event li:first-child { margin-left:0 !important;}
.sub_tab .tabs .tabs_li.on { position: relative; left: -1px; margin-bottom: -1px; margin-left: -1px; color: #333; border-top: 2px solid #0F4C81; border-right: 1px solid #ccc; border-left: 1px solid #ccc; background-color:#fff; z-index:50 }
.sub_tab .tabs .tabs_li.on a { color: #333 !important; font-weight: bold;}

@media only screen and (max-width: 768px) {
	.sub_tab .tabs_li { padding: 0 12px !important;background:#f1f1f1; font-size: 12px }
	.tab_content { margin: 10px !important }
	.tab_container { margin-bottom: 0 }

}
/*
==============================================================
　　이용안내
==============================================================
*/

.useinfo_no { margin: 10px auto; width: 40%; padding: 15px 20px 20px 20px; border: 1px solid #e2ded9;
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	-ms-border-radius: 15px;
	-o-border-radius: 15px;
	border-radius: 15px;
}
.useinfo_no:hover { background: #f5f5f5 }
.useinfo_no h2 { font-size: 1rem; color: #5a4a4a; line-height: 180% }
.useinfo_no p { font-size: .8rem }

.useinfo_notice { float: left; width: 480px; height: 100px; box-sizing: border-box; margin-bottom: 10px; text-align: left; border: 1px solid #e2ded9 }
.useinfo_notice p { font-size: .8rem; line-height: 140%; margin: 5px 15px 15px 115px }
.useinfo_notice h2 { font-size: 1rem; margin: 10px 15px 0 115px }

.useinfo_tbl,.useinfo_tbl th,.useinfo_tbl td { border: 0; box-sizing: border-box }
.useinfo_tbl { width: 100%; text-align: center; border-collapse: collapse }
.useinfo_tbl th { border: 1px solid #ccc; padding: 15px; background: #fafafa; color: #333; font-size: ; font-size: 13px; font-weight: bold }
.useinfo_tbl td { border: 1px solid #ccc;  padding: 15px; color: #4c4c4c; font-size: 13px; line-height: 160% }

@media only screen and (max-width: 768px) {

	.use_notice { margin: 10px auto; padding: 15px 20px; border: 1px solid #e2ded9; -webkit-border-radius: 10px; -moz-border-radius: 10px; -ms-border-radius: 10px; -o-border-radius: 10px; border-radius: 10px }
	.use_notice h2 { font-size: 12px; line-height: 160% }
	.use_notice p { margin: 0; line-height: 140% }

	.useinfo_tbl,.useinfo_tbl th,.useinfo_tbl td { border: 0 }
	.useinfo_tbl { width: 100%; margin: 10px 0 ; text-align: center; border-collapse: collapse }
	.useinfo_tbl th { border: 1px solid #e5e5e5; background: #fafafa; color: #333; padding: 10px; text-align: left; font-size: 11px; font-weight: bold }
	.useinfo_tbl td { border: 1px solid #e5e5e5;  padding: 10px; color: #4c4c4c; font-size: 11px; }
}

/*
==============================================================
　　회원분류 리스트
==============================================================
*/

.use_list .list_n { float: left; width: 470px; height: 225px; text-align: left; border: 1px solid #ccc; margin-right: 20px; margin-bottom: 10px; cursor: pointer; background: #F8F8F8;
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	-ms-border-radius: 15px;
	-o-border-radius: 15px;
	border-radius: 15px;
}
.list_n200 { height: 200px !important }
.use_list .list_n:hover { background: #fff }

.use_list .list_n:last-child { margin-right: 0 }
.use_list .list_n u { margin-top: 15px; font-size: .95rem; color: #000 }
.use_list .list_n>h1 { margin-top: 20px; letter-spacing: 1px; font-size: 1.6rem; color: blue }
.use_list .list_n>p { display: inline-block; margin-top: 10px }
.use_list .list_n .price { font-size: 1.5rem; color: red; font-weight: bold }
.use_list .list_n button { margin-top: 10px }
.use_list .list_n .location { margin: 10px 5px; height: 25px; color: #808080 }

.use_list .list_n .use_contents { margin: 20px }
.use_list .list_n .use_contents p { font-size: .82rem; line-height: 130%; margin-top: 10px }
.use_list .list_n .use_contents h1 { margin-top: 10px; letter-spacing: 1px; font-size: 18px; color: #000 }
.use_list .list_n .use_contents u { margin-top: 0; margin-bottom: 5px; font-size: 14px; color: #000 }
.use_list .list_n .use_contents span { color: #0072bc; font-size: .82rem; font-weight: bold }

@media only screen and (max-width: 768px) {
.use_list .list_n { margin: 10px auto !important; text-align: center; width: 90%; text-align: left; border: 1px solid #ccc; cursor: pointer; background: #F8F8F8;
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	-ms-border-radius: 15px;
	-o-border-radius: 15px;
	border-radius: 15px;
}

.useinfo_no p { font-size: 12px; line-height: 130%; margin-top: 10px }
.useinfo_no h1 { margin-top: 10px; letter-spacing: 1px; font-size: 16px; color: black }
.useinfo_no u { margin-top: 0; margin-bottom: 5px; font-size: 13px; color: #000 }
.useinfo_no span { color: #0072bc }
}

#sct_sort { border: 0 !important }

/*
==============================================================
　　모바일 본문
==============================================================
*/

@media only screen and (max-width: 768px) {
	.mobile_contents { padding: 0 15px }
	.mobile_contents h1 { font-size: .85rem; margin-bottom: 5px; color: #000; text-align:left }
	.mobile_contents p { line-height: 170%; font-size: 12px; margin-bottom: 20px }

	.use_notice { margin: 10px 0; padding: 15px; border: 1px solid #e0d7ce; background: #fdfbfa; -webkit-border-radius: 15px; -moz-border-radius: 15px; -ms-border-radius: 15px; -o-border-radius: 15px; border-radius: 15px }
	.use_notice strong { display: block; margin-bottom: 5px }
	.use_notice h1 { font-size: .85rem; margin-bottom: 5px; color: #000; text-align:left }
	.use_notice p { line-height: 140%; margin: 0 }
	.use_notice ul { background: #fff; border: 1px solid #ede7e1; margin: 5px 0 }
	.use_notice li { background:url('../../img/book/img_dot.gif') no-repeat 5px 12px; font-size: 11px; border-bottom: 1px dotted #ccc; padding: 6px 7px 6px 12px }
	.use_notice li:last-child { border-bottom: 0 }

}

/*
==============================================================
　　상담안내
==============================================================
*/

.cont_inner { padding-top:10px }
.cont_inner .customer { background: #C3B9AD; padding: 10px 0; margin: 10px 0; line-height: 160%; color: #fff; font-weight: bold; text-align: center }

/*
==============================================================
　　전체메뉴
==============================================================
*/

#amenu-list { margin:0px; padding: 0px; position: absolute !important; z-index: 999; }
#amenu-list li { font-family: 'Noto Sans KR', sans-serif; font-size: 15px; display: block; margin:0px; padding: 0px; position: relative !important; float: left; vertical-align: bottom; }
* html #amenu-list li { width: 1px; }
#amenu-list li a:link,#amenu-list li a:visited,#amenu-list li a:hover{ display: block; margin:0px; padding: 0px; white-space: nowrap; }
#amenu-list ul { display: none; margin:0px; padding: 0px; position: absolute !important; height: auto; }
#amenu-list ul li { float: none; margin:0px; padding: 0px; }

/******** aMenu look *******/

#amenu-wrapper { width: 170px; height: 47px; background-color: #000; }
#amenu-list li { font-size: 15px; letter-spacing: 0; background: #fff; width: 168px; height: 47px; text-align: center }
#amenu-list li a:link, #amenu-list li a:visited { height: 47px; line-height: 47px; text-decoration: none; background: #000; color: #fff; }

#amenu-list ul { margin-top: -1px; border: 1px solid #000; }
#amenu-list ul li { font-family: 'Gulim', sans-serif; font-size: 12px; width: 200px; height: 35px; padding: 0; text-align: left; box-sizing: border-box }
#amenu-list ul li a:link, #amenu-list ul li a:visited { height: 35px; padding: 0 10px; line-height: 35px; background-color: #fff; color: #555 }
#amenu-list ul li a:hover, #amenu-list ul li a.active { color: #EC1D35 }

#amenu-list ul li.parent > a { background: url(http://hanawel.co.kr/img/book/img_arrow.png) no-repeat 95% 50%; }
#amenu-list ul li.parent > a:hover { background: url(http://hanawel.co.kr/img/book/img_arrow_on.png) no-repeat 95% 50%; }

/*
==============================================================
　　사진서비스
==============================================================
*/
.tbl_photo,.tbl_photo th,.tbl_photo td{border:0}
.tbl_photo {width:100%;border-bottom:2px solid #dcdcdc;font-family:'돋움',dotum;font-size:12px;border-collapse:collapse}
.tbl_photo th{padding:12px 0;border-top:3px solid #0f4c81;border-right:1px solid #dcdcdc;border-left:1px solid #dcdcdc;background-color:#f5f7f9;color:#333;font-family:'돋움',dotum;font-size:12px;font-weight:bold}
.tbl_photo td{padding:8px 10px;border:1px solid #e5e5e5;color:#333}
.tbl_photo td.ranking{font-weight:bold}

/*
==============================================================
　　제휴 상세페이지
==============================================================
*/

.jdetail { font-weight: 600; line-height: 160%;  padding: 10px }

.rentinfo td { padding-left: 18px; padding-right: 18px }
.rentinfo td:before {content:"* "}

.rentinfo .ol { background: #f5f5f5; margin: 10px 0 5px 0; padding: 18px 25px }
.rentinfo ol li { margin-bottom: 12px; font-size: 13px; color: #666; line-height: 150%; list-style-type:decimal !important; list-style:decimal !important }
.rentinfo ol li:last-child { margin-bottom: 0 }
.rentinfo ol li ol li { color: #808080; list-style-type:lower-alpha !important; list-style:lower-alpha !important; font-size: 12px }

@media only screen and (max-width: 768px) {
.rentinfo ol li { font-size: .72rem }
}

.policy h3 { margin: 30px 0 15px 0; font-size: 16px; color: #000 }
.policy h4 { margin-bottom: 10px; color: #333 }
.policy p { margin: 0 10px }

.policy_1,.policy_1 li { list-style-type:decimal !important; list-style:decimal !important; overflow: visible !important; }
.policy_2,.policy_2 li { list-style-type:upper-roman !important; list-style:upper-roman !important; overflow: visible !important; }
.policy_3,.policy_3 li { list-style-type:disc !important; list-style:disc !important; overflow: visible !important; }

.policy_1,.policy_2,.policy_3 { margin-bottom: 15px }
.policy_1 li,.policy_2 li,.policy_3 li { margin-left: 35px; padding: 5px 0 !important }

/*
==============================================================
　　약관
==============================================================
*/
.text_area { height: 100px; overflow-y: auto; border: 1px solid #ddd }
.seller_text { padding: 15px; line-height: 130%; color: #737373; font-size: 12px }

.seller_text strong { color: #000; display: block; margin-bottom: 5px }
.seller_text p { margin-left: 5px; margin-bottom: 10px }
.seller_text .subject { color: #000;  margin-left: 5px; margin-bottom: 5px }

.seller_text dl { margin-bottom: 5px }
.seller_text dt { float: left; width: 20px; text-align: right; padding-right: 4px }
.seller_text dd { margin-bottom: 5px }


.seller_text ul { margin-left: 25px; margin-bottom: 10px }
.seller_text ul li { list-style: disc !important; margin-bottom: 5px }
.seller_text ul,.seller_text ul li { list-style-type:decimal !important; list-style:decimal !important; overflow: visible !important; }

.seller_text ul li ul li { margin-bottom: 3px }
.seller_text ul li ul li:nth-child(1):before { content:"1) " }
.seller_text ul li ul li:nth-child(2):before { content:"2) " }
.seller_text ul li ul { margin-left: 10px; margin-bottom: 0 }

.tbl_type,.tbl_type th,.tbl_type td{border:0}
.tbl_type {width:100%;border-bottom:1px solid #e5e5e5;font-family:'돋움',dotum;font-size:12px;border-collapse:collapse}
.tbl_type th{padding:9px 10px 7px 10px;border-top:2px solid #e5e5e5;border-right:1px solid #e5e5e5;border-left:1px solid #e5e5e5;background-color:#f5f7f9;color:#333;font-family:'돋움',dotum;font-size:12px;font-weight:bold}
.tbl_type td{padding:9px 10px 7px 10px;border:1px solid #e5e5e5;color:#333}

/*
==============================================================
　　공급처 도움말
==============================================================
*/

.advice div,.advice iframe { box-sizing: border-box }
.advice .title { width: 100%; background: #495164; color: #fff; font-size: 14px; font-weight: bold; padding: 15px }
.advice .lnb { float: left; width: 170px; height: 650px; border-right: 1px solid #ccc}
.advice .lnb ul li { border-bottom: 1px solid #ccc }

.advice .lnb a { text-decoration: none;display: block; width: 100%; padding: 15px; color: #2C313C }
.advice .lnb ul li a:hover { color: #ED3636 }
.advice .lnb ul li:hover { background: #F9F9FB; color: #ED3636 }

.advice .contents { float: right; width: 650px; height: 100px; padding: 10px }

.advice  {line-height: 140%; font-family: '나눔고딕','Nanum Gothic','맑은고딕','Malgun Gothic','gulim','arial', 'Dotum', 'AppleGothic', sans-serif; font-size: 12px }
.advice p, .advice dd { margin: 0 }
.advice .m0 { margin: 0 !important }
.advice strong { display: block; color: #29B7C7; margin-top: 20px }
.advice p  { padding: 5px 10px 0 15px; color: #333 }
.advice dl { margin: 5px 15 0 15px; color: #555; background: #f2f2f2; padding: 12px 10px 10px }
.advice dl dt { float: left; width: 20px; text-align: center; font-weight: bold }
.advice dd { display: block; margin-left: 20px; margin-bottom: 5px }
.advice .box_content { margin-top: 5px; margin-left: 15px; background: #f2f2f2; padding: 12px 10px 10px }

.m_content { padding: 0 10px }

.detail { float: right; width: 750px; min-height: 744px; border-left: 1px solid #cdcdcd; padding: 25px 0 30px 30px }

@media screen and (max-width: 1000px) {
	.lnb { display: none }
	.detail { width: 100%; padding-top: 25px; border-left: 1px solid #cdcdcd; padding: 25px 20px; border-top: 1px solid #CDCDCD }
}

.tab_content .sub_title { font-family: 'Noto Sans KR', sans-serif; font-size: 28px; font-weight: 400; color: #0f4c81; margin: 40px 0 20px }
.tab_content > p { font-size: 14px !important }
.tab_content > strong { display: block; margin: 10px 0 }

.tab_content .detail_ul { margin: 30px 10px }
.tab_content .detail_ul > li { padding-left: 32px; margin-bottom: 20px; min-height: 22px }
.tab_content .detail_ul > li:nth-child(1) { background: url('./../img/book/detail_li_01.png') no-repeat 0 1px }
.tab_content .detail_ul > li:nth-child(2) { background: url('./../img/book/detail_li_02.png') no-repeat 0 1px }
.tab_content .detail_ul > li:nth-child(3) { background: url('./../img/book/detail_li_03.png') no-repeat 0 1px }
.tab_content .detail_ul > li:nth-child(4) { background: url('./../img/book/detail_li_04.png') no-repeat 0 1px }
.tab_content .detail_ul > li:nth-child(5) { background: url('./../img/book/detail_li_05.png') no-repeat 0 1px }
.tab_content .detail_ul > li:nth-child(6) { background: url('./../img/book/detail_li_06.png') no-repeat 0 1px }
.tab_content .detail_ul > li:nth-child(7) { background: url('./../img/book/detail_li_07.png') no-repeat 0 1px }
.tab_content .detail_ul > li:nth-child(8) { background: url('./../img/book/detail_li_08.png') no-repeat 0 1px }
.tab_content .detail_ul > li:nth-child(9) { background: url('./../img/book/detail_li_09.png') no-repeat 0 1px }
.tab_content .detail_ul > li:nth-child(10) { background: url('./../img/book/detail_li_10.png') no-repeat 0 1px }
.tab_content .detail_ul > li:nth-child(11) { background: url('./../img/book/detail_li_11.png') no-repeat 0 1px }
.tab_content .detail_ul > li:nth-child(12) { background: url('./../img/book/detail_li_12.png') no-repeat 0 1px }
.tab_content .detail_ul > li:nth-child(13) { background: url('./../img/book/detail_li_13.png') no-repeat 0 1px }
.tab_content .detail_ul > li:nth-child(14) { background: url('./../img/book/detail_li_14.png') no-repeat 0 1px }
.tab_content .detail_ul > li:nth-child(15) { background: url('./../img/book/detail_li_15.png') no-repeat 0 1px }
.tab_content .detail_ul > li:nth-child(16) { background: url('./../img/book/detail_li_16.png') no-repeat 0 1px }
.tab_content .detail_ul > li:nth-child(17) { background: url('./../img/book/detail_li_17.png') no-repeat 0 1px }
.tab_content .detail_ul > li:nth-child(18) { background: url('./../img/book/detail_li_18.png') no-repeat 0 1px }
.tab_content .detail_ul > li:nth-child(19) { background: url('./../img/book/detail_li_19.png') no-repeat 0 1px }
.tab_content .detail_ul > li:nth-child(120) { background: url('./../img/book/detail_li_20.png') no-repeat 0 1px }

.tab_content .detail_ul li { font-size: 13px; color: #999; line-height: 140% }
.tab_content .detail_ul li > strong { font-size: 14px; color: #333; display: block; margin-bottom: 8px }
.tab_content .detail_ul li p { text-decoration: underline; color: #555;  margin: 10px 0 }

.tab_content .detail_ul li ul li { margin-bottom: 5px; background:url('../img/img_cate_dot.png') no-repeat; background-position: 0 8px; padding-left: 7px;}
.tab_content .detail_ul li ul li:last-child { margin-bottom: 0 }

.tab_content .detail_ul dl dt { color: #555 }
.tab_content .detail_ul dl dd { padding-left: 20px }


.detail_subtitle { position: relative; top:20px; margin: 0 15px; display: inline-block; width: 500px; border-radius: 8px; padding: 8px 20px 10px; font-size: 14px; font-weight: bold; color: #F0B560; background: #0F4C81 }
.detail_subtitler { background: #C90008 }
.detail_subtitlerr { background: #01C73C }
.detail_subtitlerrr { background: #60398c }

.detail_tabmenu {position:relative;left:13px;}
.detail_tabmenu li {width:90px;display:inline-block;border-radius: 5px; padding: 4px 0 5px;text-align:center;margin:0 3px}
.detail_tabmenu li a{ text-decoration: none;font-size:14px;color:#fff;font-weight:bold}
.detail_tabmenu li:nth-child(1) {background: #0F4C81}
.detail_tabmenu li:nth-child(2) {background: #C90008}
.detail_tabmenu li:nth-child(3) {background: #01C73C}
.detail_tabmenu li:nth-child(4) {background: #60398c}

@media screen and (max-width: 1000px) {
	.tab_content .detail_ul li div { font-size: 14px; line-height: 160% }
	.tab_content > p { font-size: 14px !important; line-height: 160% }
	.tab_content .detail_ul li > strong { font-size: 14px; color: #633b9b }
	.tab_content .br { display: block }
	.tab_content .detail_ul li p { font-size: 14px; text-decoration: none; color: #555;  margin: 10px 0 }

	.detail_subtitle { display: block }
	.tab_content .sub_title { font-size:18px; margin: 20px 0 !important }

	.tab_content .detail_ul { margin: 20px 0 }
	.tab_content .detail_ul > li { padding-left: 20px; margin-bottom: 20px; min-height: 22px }
	.tab_content .detail_ul > li:nth-child(1) { background: url('./../img/book/detail_li_01.png') no-repeat 0 3px; background-size: 15px }
	.tab_content .detail_ul > li:nth-child(2) { background: url('./../img/book/detail_li_02.png') no-repeat 0 3px; background-size: 15px }
	.tab_content .detail_ul > li:nth-child(3) { background: url('./../img/book/detail_li_03.png') no-repeat 0 3px; background-size: 15px }
	.tab_content .detail_ul > li:nth-child(4) { background: url('./../img/book/detail_li_04.png') no-repeat 0 3px; background-size: 15px }
	.tab_content .detail_ul > li:nth-child(5) { background: url('./../img/book/detail_li_05.png') no-repeat 0 3px; background-size: 15px }
	.tab_content .detail_ul > li:nth-child(6) { background: url('./../img/book/detail_li_06.png') no-repeat 0 3px; background-size: 15px }
	.tab_content .detail_ul > li:nth-child(7) { background: url('./../img/book/detail_li_07.png') no-repeat 0 3px; background-size: 15px }
	.tab_content .detail_ul > li:nth-child(8) { background: url('./../img/book/detail_li_08.png') no-repeat 0 3px; background-size: 15px }
	.tab_content .detail_ul > li:nth-child(9) { background: url('./../img/book/detail_li_09.png') no-repeat 0 3px; background-size: 15px }
	.tab_content .detail_ul > li:nth-child(10) { background: url('./../img/book/detail_li_10.png') no-repeat 0 3px; background-size: 15px }
	.tab_content .detail_ul > li:nth-child(11) { background: url('./../img/book/detail_li_11.png') no-repeat 0 3px; background-size: 15px }
	.tab_content .detail_ul > li:nth-child(12) { background: url('./../img/book/detail_li_12.png') no-repeat 0 3px; background-size: 15px }
	.tab_content .detail_ul > li:nth-child(13) { background: url('./../img/book/detail_li_13.png') no-repeat 0 3px; background-size: 15px }
	.tab_content .detail_ul > li:nth-child(14) { background: url('./../img/book/detail_li_14.png') no-repeat 0 3px; background-size: 15px }
	.tab_content .detail_ul > li:nth-child(15) { background: url('./../img/book/detail_li_15.png') no-repeat 0 3px; background-size: 15px }
	.tab_content .detail_ul > li:nth-child(16) { background: url('./../img/book/detail_li_16.png') no-repeat 0 3px; background-size: 15px }
	.tab_content .detail_ul > li:nth-child(17) { background: url('./../img/book/detail_li_17.png') no-repeat 0 3px; background-size: 15px }
	.tab_content .detail_ul > li:nth-child(18) { background: url('./../img/book/detail_li_18.png') no-repeat 0 3px; background-size: 15px }
	.tab_content .detail_ul > li:nth-child(19) { background: url('./../img/book/detail_li_19.png') no-repeat 0 3px; background-size: 15px }
	.tab_content .detail_ul > li:nth-child(120) { background: url('./../img/book/detail_li_20.png') no-repeat 0 3px; background-size: 15px }

}

/*
==============================================================
　　렌탈
==============================================================
*/
.book_list .list_r a {display:block;text-decoration:none !important;}
.book_list .list_r { float: left; margin-right: 4px; background: #efefef; margin-bottom: 7px; box-sizing:border-box }
.book_list .list_r:nth-child(4n) { margin-right: 0 !important}
.book_list .list_r .img  { border: 1px solid #e1e1e1; border-bottom: 0 }
.book_list .list_r .img img { width: 245px; height: 245px }

.book_list .list_r .r_list { padding: 10px; box-sizing:border-box; border: 1px solid #ccc; border-top: 0 }
.book_list .list_r .r_model { display: block; font-size: 11px; color: #808080 }
.book_list .list_r h1 { margin: 3px 0 5px; font-size: 13px; font-weight: normal; color: #333; width: 225px; text-overflow: ellipsis; overflow: hidden; white-space: nowrap }
.book_list .list_r p { height: 13px; font-size: 11px; font-weight: normal; color: #0F4C81; width: 225px; text-overflow: ellipsis; overflow: hidden; white-space: nowrap }
.book_list .list_r .price { padding: 10px; border-left: 1px solid #ccc; border-right: 1px solid #ccc; overflow:hidden }
.book_list .list_r .price div {font-size: 13px; font-weight: bold; line-height: 160% }

.sub_tabr { overflow:hidden; box-sizing:border-box; background-color: #fafafa; border-width: 1px 0 1px 0; border-style: solid; border-color: #e1e1e1; padding: 15px 10px 15px 40px }
.sub_tabr ul { overflow: visible }
.sub_tabr li { width: 14%; line-height: 200%; color:#fff; font-size: 12px; cursor: pointer; float: left }
.sub_tabr li a { text-decoration: none; color: #666 }
.sub_tabr li a:hover { color: #EC0E03 }
.sub_tabr li.on { color: #EC0E03;  }
.sub_tabr li a:before { content: "•" }
.sub_tabr li.on a { color: #EC0E03 !important; font-weight: bold;}

.list_info .r_info { border: 1px solid #e1e1e1; border-left: 0; border-right: 0; margin: 15px 0; padding: 20px }
.list_info .r_info dt,.list_info .r_info dd { font-family: 'Nanum Gothic', sans-serif; font-weight: 700; font-size: 14px; line-height: 170% }
.list_info .r_info dt { float: left; width: 120px }


.pr_desc_rental li .r_model { display: block; text-align: left; font-size: 11px; color: #808080 }



/*상품리스트*/
.pr_desc_rental {overflow:hidden;}
.pr_desc_rental ul { margin: 10px 0}
.pr_desc_rental li {float:left;position:relative;}
.pr_desc_rental li a {display:block;text-decoration:none !important;}
.pr_desc_rental li dt { position: relative; box-sizing:border-box; border: 1px solid #e1e1e1 }
.pr_desc_rental li dt:after {background-color:rgba(0,0,0,0);position:absolute;top:0;left:0;right:0;bottom:0;z-index:10;content:'';transition:All 0.3s ease;-webkit-transition:All 0.3s ease;-moz-transition:All 0.3s ease;-o-transition:All 0.3s ease;}
.pr_desc_rental li dd { box-sizing:border-box; position: relative; width: 245px; padding: 3px 13px; border-left: 1px solid #e1e1e1; border-right: 1px solid #e1e1e1; }
.pr_desc_rental li .pmodel { padding-top: 15px; font-size: 11px; color: #808080}
.pr_desc_rental li .pname,.pr_desc_rental li .pmemo {  text-overflow: ellipsis; overflow: hidden; white-space: nowrap }
.pr_desc_rental li .pname { font-size: 13px; font-weight: bold }
.pr_desc_rental li .pmemo { height: 28px; font-size: 11px; color: #0F4C81; border-bottom: 1px dashed #e1e1e1 }
.pr_desc_rental li .price { padding: 13px; line-height: 170% }
.pr_desc_rental li .price div { font-size: 13px; font-weight: bold }
.pr_desc_rental li .price .pcard { color: #EC0E03 }
.pr_desc_rental li:hover dt:after {background-color:rgba(0,0,0,0.2);}

.pr_desc_rental.wli4 li{ width: 245px; box-sizing:border-box; margin:10px 0 0 4px }
.pr_desc_rental.wli4 li dt {width:245px;height:245px;}
.pr_desc_rental.wli4 li:nth-child(4n+1){margin-left:0 !important;clear:both;}

.tabs_mypage { margin:15px 0 15px 10px }
.tabs_mypage li { float: left; padding: 7px 14px; border: 1px solid #e5e5e5; background: #fff; margin-right: 5px; }
.tabs_mypage li.active { background: #EC1D35; border: 1px solid #EC1D35 }
.tabs_mypage li.active a { text-decoration: none; color: #fff }
.tabs_mypage li a { text-decoration: none; color: #9999B1 }
.tabs_mypage li.active:hover { background: #ED3636; border: 1px solid #ED3636 }
.tabs_mypage li:hover { background: #f8f8f8; color: red }

.tab_content h2 { margin-bottom: 5px; font-size: 12px }


/* 임직원몰 카테고리*/
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@100;300;400;500;700;900&display=swap');
/*.xheader { width: 1000px; position: relative; left: 50%; margin-left: -500px }*/
.xheader { width: 100%; }
.xheader div { box-sizing:border-box; }
.xheader a { text-decoration:none; }
.xheader .top_box { border-bottom: 1px solid #ddd;
    background-color: #fafafa; } 
.xheader .top { height: 30px; padding-top: 10px; width: 1000px; margin: 0 auto; }
.xheader .top div,.xheader .top ul li { font-family: 'dotum'; font-size: 11px; color: #999; }
.xheader .top ul li a { color: #999; }
.xheader .top ul li a:hover { color: #0147b5; }
.xheader .top .point { float: left;margin-left:10px; }
.xheader .top .point span { display: inline-block;position:relative;top:-1px;box-sizing:border-box;height:15px; margin: 0 2px 0 5px; padding: 2px 5px; color: #fff; font-weight: bold; letter-spacing: 0.04rem; background: #82746A; border-radius: 3px }
.xheader .top .mypage { float: right }
.xheader .top .mypage li { float: left; padding: 0 8px; }
.xheader .top .mypage li:last-child { padding-right: 0; }

.xheader .menu { /*margin-top: 20px; height: 85px; text-align: right;*/ text-align: right; height: 125px; width: 1000px; margin: 0 auto;}
/*.xheader .menu .logo { float: left; padding-top:25px; }*/
.xheader .menu .logo { float: left;
    text-align: left;
    width: 260px;
    height: 108px;
	line-height: 108px;    
}
.xheader .menu .search { display: inline-block; height: 35px; margin-top: 21px; }
.xheader .menu .search form { background: #f5f5f7; border-radius: 15px; height: 30px; padding: 7px 15px; box-sizing:border-box; }
.xheader .menu .search .sch_input { width: 200px; border :0 ; }

.underbar { border-bottom: 1px solid #e0e0e0 }

.xdropdown { position: relative; display: inline-block }
.xdropdown-content { display: none; position: absolute; z-index: 999 }
.xdepth2 { cursor: default !important; display: none; position: absolute; left: 230px; margin-top: -46px !important; z-index: 1 }
.xdropdown:hover .xdropdown-content,.depth1:hover .xdepth2 { display: block }

.xdropdown-content { z-index: 999; background-color: #fff; border: 1px solid #e0e0e0; border-top: 1px solid #0147b5; text-align: left }
.xdropdown-content .depth1 { cursor: pointer; min-width: 180px; height: 35px; font-size: 12px; color: black; text-decoration: none; border-bottom: 1px dashed #ccc }
.xdropdown-content .depth1:nth-child(1) .xdepth2 { margin-top: -46px; }
/*.xdropdown-content .depth1:hover { background: #0147B5 }*/
.xdropdown-content .depth1:hover a { color: #0147B5 !important; font-weight: bold }
.xdropdown-content .depth1:last-child { border-bottom: none }

.xdropdown-content .depth1 .list1 { background-color: transparent !important; font-size: 12px }
.xdropdown-content .depth1 .list1:before { float: left; padding: 10px 2px 0 18px; content:"·  " }
.xdropdown-content .depth1 .list1 a { height: 35px; color: #555; display: block; padding: 10px 0 0 15px; text-decoration:none }

.xdepth2 { left: 180px; width: 180px; background-color: #fff }
.xdepth2 .list2 { width: 100%; cursor: pointer; float:left; background-color: #fff !important }
.xdepth2 .list2 li { height: 35px; padding: 11px 0 0 17px; box-sizing:border-box; border-left: 1px solid #e0e0e0; border-right: 1px solid #e0e0e0; border-bottom: 1px dashed #ccc }
.xdepth2 .list2 li:hover { background: #f7f7fa; color: #0147B5 }
.xdepth2 .list2 li:first-child { border-right: 1px solid #e0e0e0; border-top: 1px solid #e0e0e0; height: 36px; }
.xdepth2 .list2 li:last-child { border-bottom: 1px solid #e0e0e0; height: 36px }
.xdepth2 .list2 li a:link { font-size: 12px; font-weight: normal !important; color: #808080 !important; text-decoration: none; }
.xdepth2 .list2 li a:visited { color: #808080 !important }

@media screen and (-webkit-min-device-pixel-ratio:0){
}
.allcate_list { width:148px; display:inline-block; vertical-align: top; margin-left: 13px; margin-bottom: 25px }
.allcate_list h1 { box-sizing:border-box; background:url('../img/img_cate_dot.png') no-repeat; background-position: 5px 5px; padding-bottom: 7px; border-bottom: 1px solid #ebebeb; margin-bottom: 10px; font-size: 12px; color: #333; padding-left: 12px }
.allcate_list ul li { padding: 3px 0 }
.allcate_list ul li a { font-family:'Dotum'; font-size: 11px; color: #a8a8a8; padding-left: 12px }
.allcate_list ul li a:hover { color: #0147B5 }

/* 서브 카테고리*/
.xsdropdown { width: 100%; margin-bottom: 20px; border-left: 1px solid #ddd; font-size: 0 }
.xsdropdown .pannel { width: 20% !important; box-sizing: border-box; display: inline-block; text-align: center; border-right: 1px solid #ddd; border-bottom: 1px solid #ddd }
.xsdropdown .pannel:nth-child(1),.pannel:nth-child(2),.pannel:nth-child(3),.pannel:nth-child(4),.pannel:nth-child(5) { border-top: 1px solid #ddd;  }
.xsdropdown .pannel { position: relative; display: inline-block; }

.xsdropdown .sdropbtn { width: 100%; height: 42px; background-color: #fff; border: none; font-family: 'Nanum Gothic', sans-serif !important; font-size: 12px; color: #454545 }
.xsdropdown .pannel:hover .sdropbtn { background-color: #0F4C81; color: #fff }
.xsdropdown .pannel .active { background-color: #0F4C81; color: #fff}
.xsdropdown .pannel:hover .dropdown { display: block;}

.xsdropdown .dropdown { min-width: 199px; display: none; position: absolute; background-color: #f9f9f9; margin-left:-1px; border: 1px solid #ddd; border-bottom: 0; z-index: 99; }
.xsdropdown .dropdown a { height: 36px; box-sizing: border-box; background: #fff; font-family: 'Nanum Gothic', sans-serif !important; font-size: 12px; color: #939393; border-bottom: 1px solid #ddd; padding-top: 10px; text-decoration: none; display: block;}
.xsdropdown .dropdown a:hover { background-color: #f2f2f2; color: #333 }


/*멤버쉽몰 카테고리*/
/*.dropbtn a,.depth1 a,.depth2 a { text-decoration: none; color: #333; letter-spacing:0 }

.dropdown { position: relative; display: inline-block; }
.dropbtn { width: 180px; height: 47px !important; background-color: #222; color: #fff; font-size: 14px; border: none }

.dropdown-content { display: none; position: absolute; width: 230px; background-color: #fff; border-width: 0 1px 1px 1px; border-style: solid; border-color: #000; z-index: 1 }
.dropdown-content_top { width: 100px; background-color: #fff; border-width: 1px 1px 1px 1px; border-style: solid; border-color: #ddd; z-index: 1 }

.dropdown-content .depth1 { cursor: pointer; width: 230px; height: 35px; font-size: 12px; color: black; text-decoration: none; border-bottom: 1px dashed #ccc }

.dropdown-content .depth1 .list1 { background-color: transparent !important; font-family:'Gulim' }

.dropdown-content .depth1 .list1 a { height: 35px; color: #555; display: block; padding: 8px 0 0 10px }
.dropdown-content .depth1 a:hover { color: #EC1D35 }


.depth2 { cursor: default !important; display: none; position: absolute; left: 230px; top: -1px; width: 488px; min-height: 504px; background-color: #fff; border:1px solid #000; z-index: 1 }
.depth2 .list2 { cursor: pointer; float:left; width: 170px; margin: 10px 20px; background-color: #fff !important }
.depth2 .list2 .banner { float: right }
.depth2 .list2 .banner a { margin: 0 !important }
.depth2 .list2 li { padding: 6px 0 5px }
.depth2 .list2 li a { color: #000 !important; font-family:'Gulim' }
.depth2 .list2 li:hover a { color: #EC1D35 !important; font-family:'Gulim' }

.dropdown:hover .dropdown-content,.depth1:hover .depth2 { display: block }*/

.dropbtn a,.depth1 a,.depth2 a { text-decoration: none; color: #333; letter-spacing:0 }

.dropdown { position: relative; display: inline-block; }
.dropbtn { width: 180px; height: 47px !important; background-color: #222; color: #fff; font-size: 14px; border: none }

.dropdown-content { display: none; position: absolute; width: 230px; background-color: #fff; border-width: 0 1px 1px 1px; border-style: solid; border-color: #e0e0e0; z-index: 1 }
.dropdown-content_top { width: 100px; background-color: #fff; border-width: 1px 1px 1px 1px; border-style: solid; border-color: #ddd; z-index: 1 }

.dropdown-content .depth1 { cursor: pointer; width: 230px; height: 35px; font-size: 12px; color: black; text-decoration: none; border-bottom: 1px dashed #ccc }
/*.dropdown-content .depth1:last-child { border-bottom: none }*/

.dropdown-content .depth1 .list1 { background-color: transparent !important; font-family:'Gulim' }
/*.dropdown-content .depth1 .list1 a:hover:after {float:right;content:"＞"}*/

.dropdown-content .depth1 .list1 a { height: 35px; color: #555; display: block; padding: 8px 0 0 10px }
.dropdown-content .depth1 a:hover { color: #EC1D35 }

/*.dropdown-content .depth1:nth-child(2n) { background-color: #fff; }*/
/*.dropdown-content .depth1:last-child { height: 69px; border-bottom: 0 }*/

/*.dropdown-content .depth1:hover {	background-image:url(/img/arrows_right.png) no-repeat right 25px;}*/

.depth2 { cursor: default !important; display: none; position: absolute; left: 230px; margin-top: -44px; background-color: #fff; z-index: 1 }
.depth2 .list2 { cursor: pointer; float:left; width: 190px; background-color: #fff !important; border-top: 1px solid #e0e0e0 }
.depth2 .list2 li { height: 35px; border-left: 1px solid #e0e0e0; border-right: 1px solid #e0e0e0; border-bottom: 1px dashed #ccc }
.depth2 .list2 li:last-child { border-bottom: 1px solid #e0e0e0 }
.depth2 .list2 li a { display: inline-block; box-sizing:border-box; ; width: 100%; height: 100%; padding: 11px 20px 0; color: #707070 !important; font-family:'Gulim' }
.depth2 .list2 li:hover a { color: #000 !important; font-family:'Gulim'; background: #F7F7FA }

.dropdown:hover .dropdown-content,.depth1:hover .depth2 { display: block }


#tnb_inner ul li { height: 21px; padding-top:8px }
#tnb_inner ul li a { display: inline-block; height: 100% }

.dc { clear: both; font-family: 'Dotum'; font-size: 11px; margin: 10px 0 15px 10px; padding-left: 6px; border-left: 3px solid #ff0066 }
.dc strong { letter-spacing: 1px; color: #ff0066 }
.dc span { color: #999 }

.info_dc { display: inline-block; font-family: 'Dotum'; font-size: 11px; margin: 10px 0 15px 10px }

.tbl_jinfo,.tbl_jinfo th,.tbl_jinfo td { border: 0 }
.tbl_jinfo { width: 100%; margin: 20px auto; text-align: center; border-collapse: collapse }
.tbl_jinfo th { background-color: #f5f7f9; border: 1px solid #e5e5e5; color: #333; font-weight: bold }
.tbl_jinfo td { line-height: 160%; border: 1px solid #e5e5e5; color: #333; text-align: left }

.tbl_jinfo ul li { padding: 5px 12px; border-bottom: 1px Dashed #e5e5e5 }
.tbl_jinfo ul li:last-child {border-bottom: 0 }

.partial_cancellation { text-decoration:line-through; color:#ccc }

.normal_detail {text-align:center}

.tbl_normal,.tbl_normal th,.tbl_normal td{ border: 0 }
.tbl_normal { width: 100%; border-bottom: 2px solid #dcdcdc; text-align: center; border-collapse: collapse; margin: 10px 0; }
.tbl_normal caption { text-align: right; padding: 0; font-size:13px }
.tbl_normal th { padding: 10px; font-size: 13px; border-top: 2px solid #02579B; border-right: 1px solid #ccc; border-left: 1px solid #ccc; background-color: #f5f7f9; color: #000; font-weight: bold; vertical-align: middle }
.tbl_normal td { padding: 10px; font-size: 13px; border: 1px solid #e5e5e5; vertical-align: middle }
.tbl_normal .classification { color: #333 }

.permemo {font-family:'Dotum';font-size:11px;color:#555;font-weight:normal !important;padding-top:2px}

.wrap .tab_content .sub_title { font-family: 'Noto Sans KR', sans-serif; font-size: 24px; font-weight: 400; color: #0f4c81; margin: 30px 0 20px }
.wrap .tab_content > p { font-size: 14px !important; padding-left: 10px }
.wrap .tab_content > strong { display: block; margin: 10px 0 }
.wrap .tab_content .detail_ul { margin: 30px 10px }
.wrap .tab_content .detail_ul > li { padding-left: 32px; margin-bottom: 20px; min-height: 22px }
.wrap .tab_content .detail_ul > li:nth-child(1) { background: url('./../img/book/detail_li_01.png') no-repeat 0 1px }
.wrap .tab_content .detail_ul > li:nth-child(2) { background: url('./../img/book/detail_li_02.png') no-repeat 0 1px }
.wrap .tab_content .detail_ul > li:nth-child(3) { background: url('./../img/book/detail_li_03.png') no-repeat 0 1px }
.wrap .tab_content .detail_ul > li:nth-child(4) { background: url('./../img/book/detail_li_04.png') no-repeat 0 1px }
.wrap .tab_content .detail_ul > li:nth-child(5) { background: url('./../img/book/detail_li_05.png') no-repeat 0 1px }
.wrap .tab_content .detail_ul > li:nth-child(6) { background: url('./../img/book/detail_li_06.png') no-repeat 0 1px }
.wrap .tab_content .detail_ul > li:nth-child(7) { background: url('./../img/book/detail_li_07.png') no-repeat 0 1px }
.wrap .tab_content .detail_ul > li:nth-child(8) { background: url('./../img/book/detail_li_08.png') no-repeat 0 1px }
.wrap .tab_content .detail_ul > li:nth-child(9) { background: url('./../img/book/detail_li_09.png') no-repeat 0 1px }
.wrap .tab_content .detail_ul > li:nth-child(10) { background: url('./../img/book/detail_li_10.png') no-repeat 0 1px }
.wrap .tab_content .detail_ul > li:nth-child(11) { background: url('./../img/book/detail_li_11.png') no-repeat 0 1px }
.wrap .tab_content .detail_ul > li:nth-child(12) { background: url('./../img/book/detail_li_12.png') no-repeat 0 1px }
.wrap .tab_content .detail_ul > li:nth-child(13) { background: url('./../img/book/detail_li_13.png') no-repeat 0 1px }
.wrap .tab_content .detail_ul > li:nth-child(14) { background: url('./../img/book/detail_li_14.png') no-repeat 0 1px }
.wrap .tab_content .detail_ul > li:nth-child(15) { background: url('./../img/book/detail_li_15.png') no-repeat 0 1px }
.wrap .tab_content .detail_ul > li:nth-child(16) { background: url('./../img/book/detail_li_16.png') no-repeat 0 1px }
.wrap .tab_content .detail_ul > li:nth-child(17) { background: url('./../img/book/detail_li_17.png') no-repeat 0 1px }
.wrap .tab_content .detail_ul > li:nth-child(18) { background: url('./../img/book/detail_li_18.png') no-repeat 0 1px }
.wrap .tab_content .detail_ul > li:nth-child(19) { background: url('./../img/book/detail_li_19.png') no-repeat 0 1px }
.wrap .tab_content .detail_ul > li:nth-child(20) { background: url('./../img/book/detail_li_20.png') no-repeat 0 1px }
.wrap .tab_content .detail_ul > li > strong { display: inline-block !important; padding: 3px 12px 2px; font-size: 14px; color: #fff; margin-bottom: 8px; background: #F0B560; border-radius:20px }
.wrap .tab_content .detail_ul > li > .list_content { font-family: 'Nanum Gothic', sans-serif; font-size: 13px; color: #333; line-height: 170%; margin-bottom: 8px !important; padding: 10px; background: #f5f5f7; border-radius:10px }
.wrap .tab_content .detail_ul > li > .list_contentn { font-size: 14px; color: #333; line-height: 170%; margin-bottom: 8px !important; }
.wrap .tab_content ol li { margin-bottom: 5px; font-size: 13px; }
.wrap .tab_content .detail_ul li > div > p { margin-bottom: 10px !important }

.wrap .tab_content .detail_ul li ul li strong { display: block; margin-bottom:3px }

.wrap .tab_content .detail_ul > li > .detail_uln > li { margin-bottom: 5px; background:url('../img/img_cate_dot.png') no-repeat; background-position: 0 8px; padding-left: 7px;}
.wrap .tab_content .detail_ul > li > .detail_uln > li:last-child { margin-bottom: 0 }

.wrap .tab_content .detail_ul li > div > p { margin-bottom: 10px !important }
.wrap .tab_content .detail_ul li .detail_ul2 li { padding: 0 5px 5px 17px; font-size: 13px }
.wrap .tab_content .detail_ul li .detail_ul2 li:last-child { padding: 0 5px 0 17px }
.wrap .tab_content .detail_ul li .detail_ul2 li strong { display: block; margin-bottom:3px }
.wrap .tab_content .detail_ul li .detail_ul2 li:nth-child(1)  { background: url('./../img/detail_li_ul_li_01.png') no-repeat 0 4px }
.wrap .tab_content .detail_ul li .detail_ul2 li:nth-child(2)  { background: url('./../img/detail_li_ul_li_02.png') no-repeat 0 4px }
.wrap .tab_content .detail_ul li .detail_ul2 li:nth-child(3)  { background: url('./../img/detail_li_ul_li_03.png') no-repeat 0 4px }
.wrap .tab_content .detail_ul li .detail_ul2 li:nth-child(4)  { background: url('./../img/detail_li_ul_li_04.png') no-repeat 0 4px }
.wrap .tab_content .detail_ul li .detail_ul2 li:nth-child(5)  { background: url('./../img/detail_li_ul_li_05.png') no-repeat 0 4px }
.wrap .tab_content .detail_ul li .detail_ul2 li:nth-child(6)  { background: url('./../img/detail_li_ul_li_06.png') no-repeat 0 4px }
.wrap .tab_content .detail_ul li .detail_ul2 li:nth-child(7)  { background: url('./../img/detail_li_ul_li_07.png') no-repeat 0 4px }
.wrap .tab_content .detail_ul li .detail_ul2 li:nth-child(8)  { background: url('./../img/detail_li_ul_li_08.png') no-repeat 0 4px }
.wrap .tab_content .detail_ul li .detail_ul2 li:nth-child(9)  { background: url('./../img/detail_li_ul_li_09.png') no-repeat 0 4px }
.wrap .tab_content .detail_ul li .detail_ul2 li:nth-child(10) { background: url('./../img/detail_li_ul_li_10.png') no-repeat 0 4px }
.wrap .tab_content .detail_ul li .detail_ul2 li:nth-child(11) { background: url('./../img/detail_li_ul_li_11.png') no-repeat 0 4px }
.wrap .tab_content .detail_ul li .detail_ul2 li:nth-child(12) { background: url('./../img/detail_li_ul_li_12.png') no-repeat 0 4px }

.wrap .tab_content .chaininfo_list li {float:left;margin:0 11px 10px 0;width:394px;border:1px solid #e0e0e0;padding: 10px;box-sizing:border-box}
.wrap .tab_content .chaininfo_list li:nth-child(2n) {margin-right:0 !important}
.wrap .tab_content .chaininfo_list img {width:100%}
.wrap .tab_content .chaininfo_list strong,..wrap .tab_content .chaininfo_list p {margin: 0 8px}
.wrap .tab_content .chaininfo_list strong {display:inline-block;font-size:16px;color:#0f4c81;margin-top:5px;line-height:200%}
.wrap .tab_content .chaininfo_list p {font-size:13px;color:#464646;line-height:140%}

.wrap .tab_content .chaininfo_list2 li {float:left;margin:0 7px 10px 0;width:262px;border: 1px solid #e0e0e0; padding: 10px;text-align:left;box-sizing:border-box}
.wrap .tab_content .chaininfo_list2 li:nth-child(3n) {margin-right:0 !important}
.wrap .tab_content .chaininfo_list2 img {width:100%}
.wrap .tab_content .chaininfo_list2 p {margin: 0 8px}
.wrap .tab_content .chaininfo_list2 strong {display:inline-block;font-size:16px;color:#0f4c81;margin:5px 8px;line-height:180%}
.wrap .tab_content .chaininfo_list2 p {font-size:13px;color:#464646;line-height:130%}
.wrap .tab_content .chaininfo_list2 .pcbr {display:block}
.wrap .tab_content .chaininfo_list2 .mbr {display:inline}

.tbl_normal_view,.tbl_normal_view th,.tbl_normal_view td { border: 0; font-size: 13px }
.tbl_normal_view { width: 100%; ; border-top: 2px solid #02579B; border-bottom: 2px solid #dcdcdc; text-align: center; border-collapse: collapse; margin-bottom: 20px }
.tbl_normal_view caption { text-align: right }
.tbl_normal_view th { padding: 10px; border-right: 1px solid #dcdcdc; border-left: 1px solid #dcdcdc; border-bottom: 1px solid #dcdcdc; background-color: #f5f7f9; color: #000; font-weight: bold }
.tbl_normal_view td { padding: 10px 20px; text-align: left; border: 1px solid #e5e5e5 }
.tbl_normal_view .classification { color: #333 }