/* ##### 원제작자 불량감자님 ##############################*/
/* ##### 변환 SIR 지운아빠 ################################*/
/* ##### 원본 http://sir.co.kr/bbs/board.php?bo_table=g4_skin&wr_id=135878 */

/* 게시판 목록 */
#bo_list_title {margin-bottom:20px;font-size:1.2em;letter-spacing:-0.1em}

#bo_cate h2 {width:1px;height:1px;font-size:0;line-height:0;overflow:hidden}
#bo_cate ul {margin-bottom:10px;padding-left:1px;width:728px;zoom:1}
#bo_cate ul:after {display:block;visibility:hidden;clear:both;content:""}
#bo_cate li {float:left;margin-bottom:-1px}
#bo_cate a {display:block;position:relative;margin-left:-1px;padding:6px 0 5px;width:90px;border:1px solid #ddd;background:#f7f7f7;color:#888;text-align:center;letter-spacing:-0.1em;line-height:1.2em;cursor:pointer}
#bo_cate a:focus,
#bo_cate a:hover,
#bo_cate a:active {text-decoration:none}
#bo_cate #bo_cate_on {z-index:2;border:1px solid #565e60;background:#fff;color:#565e60;font-weight:bold}
#bo_sch .sch_btn a:hover{background:#fa2828;}
.td_subject img {margin-left:3px}

/* 게시판 목록 공통 */


.bo_notice td {background:#f7f7f2}
.bo_notice td a {font-weight:bold}
.td_num strong {color:#000}
.bo_cate_link {display:inline-block;margin:0 3px 0 0;padding:0 6px 0 0;border-right:1px solid #e7f1ed;color:#999 !important;font-weight:bold;text-decoration:none} /* 글제목줄 분류스타일 */
.bo_current {color:#e8180c}
.cnt_cmt {font-weight:bold}


.bo_fx {margin-bottom:5px;zoom:1;display:table;width:100%;margin-top:30px;}
.bo_fx
.bo_fx:after {display:block;visibility:hidden;clear:both;content:""}
.bo_fx ul {margin:0;padding:0;list-style:none}
#bo_list_total {float:left;line-height:30px;font-size:0.92em;color:#4e546f;}

.btn_bo_user {float:right;margin-top:10px;padding:0;list-style:none}
.btn_bo_user li {float:left;margin-left:5px}
.btn_bo_user li button{min-width:80px;background:#fa2828;border:1px solid #ddd;color:#fff;font-family: 'NotoKR-md';font-weight:400;}
.btn_bo_user li a:hover{color:#fff;}
.btn_bo_adm {float:left}
.btn_bo_adm li {float:left;margin-right:5px}
.btn_bo_adm input {padding:0 8px;border:0;background:#d4d4d4;color:#666;text-decoration:none;vertical-align:middle}
.bo_notice td {background:#e6f8ff !important;border-bottom:1px solid #c3dfe8;}
.bo_notice td a {font-weight:bold;}

#bo_sch {border:1px solid #ccc;background:#fff;border-radius:3px;font-size:18px;display:table;width:100%;max-width:500px;margin:30px auto 100px auto;}
#bo_sch:after {display:block;visibility:hidden;clear:both;content:""}
#bo_sch legend {position:absolute;margin:0;padding:0;font-size:0;line-height:0;text-indent:-9999em;overflow:hidden}

#bo_sch .sch_input{height:38px;border:0;padding:0;background-color:transparent;float:left;padding:0 5px;width:241px;}



/* 리스트형 목록 */
.rankiss_num {color:#999;text-align:center}
.rankiss_checkbox {text-align:center}
.rankiss_thumb {text-align:center}
.rankiss_subject {font-family:'tahoma';word-wrap:break-word}
.rankiss_subject a {text-decoration:none}
.rankiss_name {padding:0 0 0 10px;text-align:center}
.rankiss_company {color:#999;text-align:center; letter-spacing:-0.04em}
.rankiss_datetime {color:#999;font-family:'tahoma';text-align:center}
.rankiss_price {color:#de390d;font-weight:bold;font-family:'tahoma';text-align:center}
.rankiss_hit {color:#bababa;font-weight:bold;font-family:'tahoma';text-align:center}
.rankiss_good {color:#ff6600;font-weight:bold;text-align:center}
.rankiss_nogood {color:#bababa;font-family:'tahoma';text-align:center}

/* 갤러리형 목록 */
#rankiss_gallery {margin:5px 0 5px;padding:0;list-style:none;zoom:1}
#rankiss_gallery:after {display:block;visibility:hidden;clear:both;content:""}
.rankiss_gallery_1dli {float:left;margin:0 0 30px 0;padding:10px;border:1px solid #dfdfdf;background:white;}
.rankiss_gallery_2dul {margin:0;padding:0;list-style:none}
.rankiss_gallery_subject {padding:10px 0 5px;font-family:'tahoma';font-weight:bold;text-align:center;word-wrap:break-word}
.rankiss_gallery_subject .cnt_cmt {color:#ff3600;font-weight:normal}
#rankiss_gallery .rankiss_company {padding:5px 0}

.rankiss_notice {/* 공지사항용 스타일 정의 */}
.rankiss_current {color:#e15916;font-weight:bold;font-family:'tahoma'}

.board_button {clear:both;margin:6px 0 0 0}
.board_page {clear:both;text-align:center;margin:10px 0 0 0}
.board_page a:link {color:#777}
.board_top1 {border-top:1px solid #eee;margin:10px 0 0 0}
.board_bottom {border-bottom:1px solid #eee}
.board_search {text-align:center;padding:20px}
.board_search .stx {height:21px;border:1px solid #9A9A9A;border-right:1px solid #D8D8D8;border-bottom:1px solid #D8D8D8}

#rankiss_v{background:white;float:left; margin: 0 auto; padding:35px 62px 0 62px;}
#rankiss_v h3{text-align:left; font-weight:bold;font-size:24px}

/* 게시판 읽기 */
#rankiss_v_img {width:100%;margin:35px 0 13px;padding:0 20px 40px 20px;zoom:1}
.ckl_sub_application ul li:last-child{margin-left: -2.3px;}
#rankiss_v_img h2 {margin:0 0 10px}
#rankiss_v_bigimg {}
#rankiss_v_bigimg img {width:100%}
#rankiss_v_thumb {margin:10px 0 0;padding:0;width:426px;list-style:none;zoom:1}
#rankiss_v_thumb:after {display:block;visibility:hidden;clear:both;content:""}
#rankiss_v_thumb li {float:left;margin:0 5px 1px 1px}
#rankiss_v_thumb img {width:100px;height:100px}

#rankiss_v_info {float:right;width:50%;padding: 70px 55px;}
#rankiss_v_info p {font-size:24px;}
#rankiss_v_info h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}
#rankiss_v_info dl {margin-top:30px;padding:0 0 10px;zoom:1;font-size:18pt;}
#rankiss_v_info dl:after {display:block;visibility:hidden;clear:both;content:""}
#rankiss_v_info dt {float:left;font-weight:bold;margin-bottom:15px;padding-bottom:10px;margin-right:2%;font-size:13.5pt;}
#rankiss_v_info dd {margin:0;margin-bottom:10px;margin-right:5%;font-size:16px;}
#rankiss_v_info .det1{border-bottom:none;}
#rankiss_v_desc {clear:both;margin:0 30px 70px 38px;padding-top:30px;border-top:3px solid #262626;}
#rankiss_v_desc h2{font-size:18pt; font-weight:600;}
#rankiss_v_desc p{font-size:18px;}

#rankiss_v_nav {position:absolute;top:1px;right:-10px;width:20px}
#rankiss_v_nav a {display:block;margin:0 0 1px;background:#333}

#rankiss_v_bot {margin:10px 0;zoom:1}
#rankiss_v_bot:after {display:block;visibility:hidden;clear:both;content:""}
#rankiss_v_nb {float:left;margin:0 0 10px;padding:10px 0;list-style:none;zoom:1}
#rankiss_v_nb:after {display:block;visibility:hidden;clear:both;content:""}
#rankiss_v_nb li {float:left;margin:0 4px 0 0}
#rankiss_v_cmd {float:right;margin:0 0 10px;padding:10px 0;list-style:none;zoom:1}
#rankiss_v_cmd:after {display:block;visibility:hidden;clear:both;content:""}
#rankiss_v_cmd li {float:left;margin:0 0 0 4px }
#rankiss_v_cmd li a {padding:10px 15px;min-width:80px;background:#fa2828;border:1px solid #ddd;color:#fff;font-family: 'NotoKR-md';font-weight:400;}
#rankiss_v_cmd li:last-child a{background:#4c4c4c;color:#fff;}
#rankiss_v_cmd li a:hover{}
/* 게시판 댓글 */
#rankiss_vc {padding:20px 0 10px;border-top:1px solid #cfded8}
#rankiss_vc h2 {margin-bottom:10px}
#rankiss_vc article {padding:0 0 10px;border-top:1px dotted #ccc}
#rankiss_vc header {position:relative;padding:15px 0 5px}
#rankiss_vc header .icon_reply {position:absolute;top:15px;left:-40px}
#rankiss_vc .sv_wrap {margin-right:15px}
#rankiss_vc .member, #rankiss_vc .guest, #rankiss_vc .sv_member, #rankiss_vc .sv_guest {font-weight:bold}
.rankiss_vc_hdinfo {display:inline-block;margin:0 15px 0 5px}
#rankiss_vc h1 {position:absolute;font-size:0;line-height:0;overflow:hidden}
#rankiss_vc a {color:#000;text-decoration:none}
#rankiss_vc p {padding:0 0 5px;line-height:1.8em}
#rankiss_vc p a {text-decoration:underline}
#rankiss_vc_empty {margin:0;padding:20px !important;text-align:center}
#rankiss_vc fieldset {margin:0 0 10px;padding:0}
#rankiss_vc #rankiss_vc_winfo {float:left}
#rankiss_vc footer {zoom:1}
#rankiss_vc footer:after {display:block;visibility:hidden;clear:both;content:""}

.rankiss_vc_act {float:right;margin:0;list-style:none;zoom:1}
.rankiss_vc_act:after {display:block;visibility:hidden;clear:both;content:""}
.rankiss_vc_act li {float:left;margin-left:5px}

#rankiss_vc_ww {position:relative;margin:0 0 10px;padding:10px;border:1px solid #e9e9e9;background:#f5f6fa}
#rankiss_vc_ww h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}
#rankiss_vc_ww p {margin:0;padding:10px 0}
#rankiss_vc_w_panel button {margin:0;padding:0;border:0;background:transparent;vertical-align:middle}
#rankiss_vc_w_panel .frm_input {margin:0 5px 0 0;background:#fff !important;color:#000 !important}
#rankiss_vc_w_panel #captcha {position:absolute;top:10px;right:10px !important;right:27px}
.full_input {
    width: 100%;
}
#rankiss_vc_w_ta {padding:0 80px 0 0}
#rankiss_vc_w_ta textarea {width:100%;height:50px;border:1px solid #c9c9c9;background:#fff !important}
#rankiss_vc_w_submit {position:absolute;top:72px !important;top:69px;right:10px !important;right:30px} /* IE6 대응하지 않을 경우 top 보다 bottom 이 편리합니다. - 지운아빠 2013-05-21 */

#rankiss_v_bigimg{width:100%;}
.rankiss_v_title{font-size:24pt;font-weight:bold;letter-spacing:-1px;text-align:left;margin-bottom:-5px;}
.frm_tbl{border:1px solid red;}


/*리스트 style*/
.webzin_list { margin-top: 10px; margin-bottom: 10px; background: #fff; border-radius: 3px; }
.webzin_list > ul {}
.webzin_list > ul > li { float: left; width:40%;border:1px #333 solid}
.webzin_list > ul > li:first-child { position: relative;}
.webzin_list > ul > li:first-child img { width: 100%; }
.webzin_list > ul > li:last-child { width: 20%;}

.webzin_list > ul > li > div { padding: 5px 5px 10px 5px;}
.webzin_list > ul > li > div:first-child { border-bottom: 1px solid #ececec; margin-bottom: 10px; }
.webzin_list > ul > li > div:first-child > p:first-child { font-weight: 700; font-size: 15px; }
.webzin_list > ul > li > div:first-child > p:last-child { margin-top: 25px; font-size: 11px; color: # }
.webzin_list > ul > li > div:last-child { padding: 0px 5px 10px 5px;}

.gall_chk{ border-bottom: none !important; }

.webzin_list > ul > li > div:first-child > p > a {
	display: inline-block; float: left; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; color: #000;
	width: 100%; height: 30px;	
}

.webzin_list > ul > li > div:last-child {
	font-size:12px; font-weight:300; 
	display: inline-block; float: left; width: 100%; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;
	white-space: normal; line-height: 19px; height: 80px; word-break: keep-all;
}


@media screen and (min-width:1200px) {
	.gall_img img { width: 100% !important; }
.webzine_table {width:100%;}
.webzine_table th {font-size:18px;background:#fff;text-align:center;padding:20px 25px;}
.webzine_table td {font-size:14px;padding:20px 20px 0 20px;text-align:center;vertical-align:middle;}
.webzine_table tr {border-bottom:1px #ddd solid;border-right:1px #ddd solid;font-size:14px;text-align:center;vertical-align:middle;}
.webzine_table tr:nth-child(4n) {border-bottom:1px #ddd solid;border-right:0px #ddd solid;font-size:14px;text-align:center;vertical-align:middle;}
.ckl_shop_checkbox{width:50px;}
.ckl_shop_img{}
.ckl_shop_img img{width:247px; height:348px}
.ckl_shop_img h3 {font-size:15px;margin:15px 0;}
.ckl_shop_text{width:500px;padding-left:30px;}
.ckl_shop_reserv a{width:150px; font-size: 18px; color:#fff; padding:10px 15px;background:#fa2828;}
.ckl_shop_reserv a:hover{color:#fff;}
.ckl_shop_title_text{font-size: 24px;text-align: left;}
.ckl_shop_p_text{font-size: 18px;text-align: left;color:#000;margin-left:10px;}
.ckl_shop_p_text span{font-weight:300; margin-left:5px;}
.ckl_shop_p_text p{font-weight:600;}
.ckl_sub_application{margin-bottom: 70px;}
.ckl_sub_application ul li a {font-size: 18px;padding:10px 15px;background:#fa2828;color:#fff;}
.ckl_sub_application ul li a:hover{color:#fff;}
.ckl_sub_application ul{text-align:center;}
.ckl_sub_application ul li{display:inline-block;padding-left:5px;}
.ckl_sub_application ul li:last-child a {background:#4c4c4c; }
#bo_sch select{font-size:16px;border:0;margin:9px 2px ;height:20px;float:left;border-right:1px solid #ddd;}
.btn_bo_user li button{font-size:18px;}
.btn_bo_user li a{font-size:18px;}
.btn_bo_user li a:hover{color:#fff;}
#bo_sch .sch_btn{height:38px;float:right;background:none;border:0;width:40px;font-size:15px}
#rankiss_v_cmd li a{font-size: 18px;}

}




@media(min-width:768px) and (max-width:1200px){
#bo_sch {font-size:16px;}
	.mb_disp_no { display: none; }
	.gall_row  > li { width: 33.33333333% !important; }
	.gall_img img { width: 100% !important; }
	.gall_row  > li { width: 50% !important; }

	.webzin_list > ul > li { float: left; width: calc(100% - 160px); }
	.webzin_list > ul > li:first-child { width: 150px; }



	.webzin_list > ul > li > div { padding: 5px 5px 5px 5px;}
	.webzin_list > ul > li > div:first-child > p:first-child { font-size: 13px; }
	.webzin_list > ul > li > div:first-child > p:last-child { margin-top: 22px;}

	.webzin_list > ul > li > div:first-child > p > a {
		height: 20px;	
	}
	.webzin_list > ul > li > div:last-child {
		line-height: 17px; height: 50px;
	}
#rankiss_v h3{text-align:left; font-weight:bold;font-size:20px}
#rankiss_v_cmd li a{font-size: 16px;}
.rankiss_v_title{font-size:19.5pt;font-weight:bold;letter-spacing:-1px;text-align:left;margin-bottom:-5px;}
.ckl_shop_p_text p{font-size: 16px;}
.ckl_sub_application{margin-bottom: 70px;}
.webzine_table {width:100%;border-top:0px #333 solid;border-bottom:0px #ddd solid}
.webzine_table tr {border-bottom:1px solid #ddd;border-right:1px solid #ddd;width:25%}
.webzine_table th {font-size:16px;background:#fff;text-align:center;padding:20px 25px;}
.webzine_table td {font-size:14px;padding:20px 20px;text-align:center;vertical-align:middle;}
.webzine_table tr:nth-child(4n) {font-size:14px;text-align:center;vertical-align:middle;border-bottom:1px solid #ddd;border-right:0px solid #ddd;width:25%}
.ckl_shop_checkbox{width:50px;}
.ckl_shop_img{}
.ckl_shop_img img{width:100%;height:100%}
.ckl_shop_img h3 {font-size:16px;}
.ckl_shop_text{width:500px;padding-left:30px;}
.ckl_shop_reserv a{width:150px; font-size: 18px; color:#fff; padding:10px 15px;background:#fa2828;}
.ckl_shop_reserv a:hover{color:#fff;}
.ckl_shop_title_text{font-size: 24px;text-align: left;}
.ckl_shop_p_text{font-size: 18px;text-align: left;color:#000;margin-left:10px;}
.ckl_shop_p_text span{font-weight:300; margin-left:5px;}
.ckl_shop_p_text p{font-weight:600;}
.ckl_sub_application{}
.ckl_sub_application ul li a {font-size: 16px;padding:10px 15px;background:#fa2828;color:#fff;}
.ckl_sub_application ul li a:hover{color:#fff;}
.ckl_sub_application ul{text-align:center;}
.ckl_sub_application ul li{display:inline-block;padding-left:5px;}
.ckl_sub_application ul li:last-child a {background:#4c4c4c; }
#rankiss_v_info {float:right;width:50%;padding: 55px 30px;}
#rankiss_v_info p {font-size:24px;}
#rankiss_v_info dl {margin-top:30px;padding:0 0 10px;zoom:1;font-size:18pt;}
#rankiss_v_info dl:after {display:block;visibility:hidden;clear:both;content:""}
#rankiss_v_info dt {float:left;font-weight:bold;margin-bottom:15px;padding-bottom:10px;margin-right:2%;font-size:12pt;}
#rankiss_v_info dd {margin:0;margin-bottom:15px;padding-right:20px;padding-bottom:10px;margin-right:5%;font-size:12pt;}
#rankiss_v_info .det1{border-bottom:none;}
#rankiss_v_desc {clear:both;margin:0 30px 70px 38px;padding-top:30px;border-top:3px solid #262626;}
#rankiss_v_desc h2{font-size:18pt; font-weight:600;}
#rankiss_v_desc p{font-size:16px;}

#rankiss_v_img {margin:25px 0 13px;width:100%;}

#rankiss_v_img h2 {margin:0 0 10px}
#rankiss_v_bigimg {width:100%;}
#rankiss_v_bigimg img {width:100%;}
#rankiss_v_thumb {margin:10px 0 0;padding:0;width:100%;list-style:none;zoom:1}
#rankiss_v_thumb:after {display:block;visibility:hidden;clear:both;content:""}
#rankiss_v_thumb li {margin:0 5px 1px 1px}
#rankiss_v_thumb img {width:100px;height:100px}
#bo_sch select{font-size:16px;border:0;margin:9px 2px ;height:20px;float:left;border-right:1px solid #ddd;}
.btn_bo_user li button{font-size:16px;}
.btn_bo_user li a{font-size:16px;padding:0px 15px;}
#bo_sch .sch_btn{height:38px;float:right;background:none;border:0;width:40px;font-size:15px}
}





@media screen and (max-width:767px) {
#rankiss_v_cmd li a{font-size: 14px;}
#bo_sch {font-size:14px;}
	.webzin_list > ul > li { float: left; width: 100%; }
	.webzin_list > ul > li:first-child { width: 100%; margin-right: 0px; }
	.webzin_list > ul > li:last-child { margin-top: 10px; }
.webzine_table td {font-size:14px;text-align:center;vertical-align:middle;}
.rankiss_v_title{font-size:16.5pt;font-weight:bold;letter-spacing:-1px;text-align:left;margin-bottom:-5px;}
.ckl_shop_p_text p{font-size: 14px;}
.webzine_table {width:100%;border-bottom:0px #ddd solid}
.webzine_table th {display:none;}
.webzine_table td {font-size:14px;text-align:left;vertical-align:middle;margin-top:2px;border-bottom:1px solid #ddd}
.webzine_table tr{width:50%;border-right:1px solid #ddd;}
.webzine_table tr:nth-child(2n){width:50%;border-right:1px solid #fff;}
.ckl_shop_checkbox{width:50px;}
.ckl_shop_img{padding-bottom:20px;}
.ckl_shop_img img{width:100%;height:100%}
.ckl_shop_img h3 {font-size:14px;margin:15px 15px}
.ckl_shop_text{width:500px;padding-left:5px;}
.ckl_shop_reserv{}
.ckl_shop_reserv a{width:150px; font-size: 14px; color:#fff; padding:5px 15px;background:#fa2828;}
.ckl_shop_reserv a:hover{color:#fff;}
.ckl_shop_title_text{font-size: 24px;text-align: left;}329
.ckl_shop_p_text{font-size: 18px;text-align: left;color:#000;}
.ckl_shop_p_text span{font-weight:300; margin-left:5px;}
.ckl_shop_p_text p{font-weight:600;}
.ckl_sub_application{}
.ckl_sub_application ul li a {font-size: 14px;padding:10px 15px;background:#fa2828;color:#fff;}
.ckl_sub_application ul li a:hover{color:#fff;}
.ckl_sub_application ul{text-align:center;}
.ckl_sub_application ul li{display:inline-block;}
.ckl_sub_application ul li:last-child a {background:#4c4c4c; }
#bo_sch .sch_input{height:38px;border:0;padding:0;background-color:transparent;float:left;padding:0 5px;width:205px;}
#fboardlist{margin-top:20px;}
#rankiss_v {padding:0 30px;margin-top:55px;}.
#rankiss_v h3 {text-align:left; font-weight:bold;font-size:18px}
#rankiss_v_info {float:right;width:100%;padding: 5px 5px;}
#rankiss_v_info p {font-size:24px;}
#rankiss_v_info dl {margin-top:15px;padding:0 0 10px;zoom:1;font-size:18pt;width:100%;}
#rankiss_v_info dl:after {display:block;visibility:hidden;clear:both;content:""}
#rankiss_v_info dt {float:left;font-weight:bold;margin-bottom:15px;padding-bottom:10px;margin-right:2%;font-size:10.5pt;}
#rankiss_v_info dd {margin:0;margin-bottom:15px;padding-right:20px;padding-bottom:10px;margin-right:5%;font-size:10.5pt;}
#rankiss_v_info .det1{border-bottom:none;}
#rankiss_v_desc {clear:both;margin:0 30px 30px 5px;padding-top:30px;border-top:3px solid #262626;}
#rankiss_v_desc h2{font-size:12pt; font-weight:600;}
#rankiss_v_desc p{font-size:14px;}

#rankiss_v_img {margin:15px 0 13px;width:100%;padding:0;}

#rankiss_v_img h2 {margin:0 0 10px}
#rankiss_v_bigimg {width:100%;}
#rankiss_v_bigimg img {width:100%;height:300px;}
#rankiss_v_thumb {margin:10px 0 0;padding:0;width:100%;list-style:none;zoom:1}
#rankiss_v_thumb:after {display:block;visibility:hidden;clear:both;content:""}
#rankiss_v_thumb li {margin:0 5px 1px 1px}
#rankiss_v_thumb img {width:100px;height:100px}
#rankiss_v_cmd {float:right;margin:0 0 10px;padding:35px 0;list-style:none;zoom:1}
.ckl_sub_application{margin-bottom: 30px;}
.gall_chk{ border-bottom: none !important; margin-top: 30px;}
#bo_sch select{font-size:14px;border:0;margin:9px 2px ;height:20px;float:left;border-right:1px solid #ddd;}
.btn_bo_user li button{font-size:14px;padding:5px 10px;}
.btn_bo_user li a{font-size:14px;padding:5px 10px;}
#bo_sch .sch_btn{height:38px;float:right;background:none;border:0;font-size:15px}

}