@charset "utf-8";

.h3BoxLine{padding-bottom:20px;border-bottom:1px solid #eeeeee;margin-bottom:30px;}
.h3BoxLine h3{font-size:18px;font-family:ngb;color:#5879c3;}
.eBookList{padding-bottom:20px;border:5px solid #000;}
.eBookList ul li{display:inline-block;width:32%;text-align:center;margin-bottom:35px;zoom:1;*display:inline;}
.eBookList ul li a.title{display:block;color:#5879c3;font-family:ngb;font-size:14px;height:37px;line-height:37px;border:3px solid #a6bae5;width:159px;margin:0 auto;}
.eBookList ul li img{width:165px;height:190px;}


/* 상품상세페이지 교환,안내,반품 박스 */
.shopGuide {
	margin-top:20px;
	padding:30px;
	border:0px solid #fff;
	background-color:#f2f2f2;
	font-size:12px;
}
.shopGuide .shopGuideTitle { font-weight:bold; padding-bottom:20px; font-size:14px; }
.shopGuide .nList01 li { padding-bottom:15px; }
.shopGuide .nList01 .list01 li { padding-left:15px; padding-bottom:0px; padding-top:5px; }

/* 게시판 댓글 */
.all_comment_wrap { border-bottom: 0px; margin-bottom:0px; padding-bottom:50px; border-top:1px solid #efefef; }
.bbsComment { padding-left:5px; color:tomato; }
.bbsCommentFlex { display:flex; flex-flow:row wrap; justify-content:space-between; border-bottom:1px solid #efefef; padding:10px 20px; }
.bbsCommentItem { font-size:13px; color:#787878; }
.bbsCommentItem .cDate { font-size:11px; font-style:italic; }

/* 해운지수 비회원, 무료회원 안내 박스 */
.graphInfoWrap { margin-top:30px; border:1px solid #ddd; display:flex; flex-flow:row wrap; align-items:stretch; background-color:#efefef; padding:20px 20px; box-sizing:border-box; }
.graphInfoWrap > div { box-sizing:border-box; }
.graphInfoWrap > div:nth-child(1) { flex:1 0 75%; }
.graphInfoWrap > div:nth-child(2) { flex:1 0 25%; display:flex; justify-content:flex-end; align-items:center; }
/*
.graphInfoWrap p:nth-child(4) { color:#5879c3; font-weight:normal; }
.graphInfoWrap p:nth-child(5) { color:#5879c3; font-weight:normal; }
.graphInfoWrap p:nth-child(6) { color:#ff5e68; font-weight:bold; }
*/
.graphInfoWrap .btnWrap { display:flex; flex-flow:column wrap; width:90%;}
.graphInfoWrap .btnWrap .btn { font-size: 15px; color: #fff; font-family: ngb; text-align: center; background-color:#5879c3; padding:18px 5px; border-radius:2%; }
.graphInfoWrap .btnWrap .btn:nth-child(1) { margin-bottom:10px; }

@media all and (max-width:550px) {
	.graphInfoWrap > div { flex-basis:100% !important; }
	.graphInfoWrap > div:nth-child(2) { justify-content:center; }
	.graphInfoWrap .btnWrap .btn { margin-top:20px; }	
	.graphInfoWrap .btnWrap .btn:nth-child(1) { margin-bottom:0px; }
	.graphInfoWrap img { width:100%; }
}

.mt5 { margin-top:5px; }
.mt10 { margin-top:10px; }
.mt20 { margin-top:20px; }
.mt30 { margin-top:30px; }
.mt40 { margin-top:40px; }
.mt50 { margin-top:50px; }

.mb5 { margin-bottom:5px; }
.mb10 { margin-bottom:10px; }
.mb20 { margin-bottom:20px; }
.mb30 { margin-bottom:30px; }
.mb40 { margin-bottom:40px; }
.mb50 { margin-bottom:50px; }

/* 해운지수 탭메뉴 */
.titTbl th a { font-size:18px; font-weight:bold; color:#444; }


.h3BoxWrap { display:flex; flex-flow:row wrap; justify-content:flex-start; align-items:stretch; }
.h3BoxWrap .h3BoxItem { flex:1 0 50%; }


/* 유료구독 신청 */
.priceWrap { display:flex; flex-flow:column nowrap; justify-content:flex-start; align-items:flex-start; }
.priceWrap .itemWrap { width:100%; margin-bottom:20px; display:flex; flex-flow:row nowrap; justify-content:flex-start; align-items:stretch; min-height:173px; }
.priceWrap .itemWrap .item1 { flex:0 0 140px; }
.priceWrap .itemWrap .item1 img { width:100%; }
.priceWrap .itemWrap:nth-child(1) .item1 { background:url("/images/membership/ico_price_01.gif") no-repeat center center; background-size:cover; }
.priceWrap .itemWrap:nth-child(2) .item1 { background:url("/images/membership/ico_price_02.gif") no-repeat center center; background-size:cover; }
.priceWrap .itemWrap:nth-child(3) .item1 { background:url("/images/membership/ico_price_03.gif") no-repeat center center; background-size:cover; }
.priceWrap .itemWrap:nth-child(4) .item1 { background:url("/images/membership/ico_price_04.gif") no-repeat center center; background-size:cover; }

.priceWrap .itemWrap .item2 { flex:1 0 calc(100% - 180px); background-color:#ecebeb; padding:20px; }
.priceWrap .itemWrap .item2 .cTit { font-weight:bold; font-size:18px; margin-bottom:20px; }
.priceWrap .itemWrap .item2 .cList li { margin-bottom:10px; display:flex; flex-flow:row wrap; justify-content:flex-start; align-items:center;  }
.priceWrap .itemWrap .item2 .cList li > span { margin-right:10px; }
.priceWrap .itemWrap .item2 .cList li .cTxt { font-weight:bold; display:inline-block; width:140px; }
.priceWrap .itemWrap .item2 .cList li .cMsg {  display:inline-block; font-size:14px; line-height:20px; }
/*.priceWrap .itemWrap .item2 .cList li .cMsg.onlineFull { display:block; margin-top:15px; }*/
.priceWrap .itemWrap .item2 .buyBtn { display: inline-block; padding: 12px 15px; text-align: center; font-family: 'ngb'; font-size:14px; line-height: 9pt; color: #fff; background: url("../images/btn/btn_commentlogin.png") repeat-x; background-size: 100% 100%; }
.subscriptionList.twoGoods { padding-left:50px; }