@charset "utf-8";
/* main.css  */
article,section{
	width:100%;
}
.gallery01 ul li img{
	width:100%;
}
/*nav*/
.m_nav{
  border-bottom: 3px solid #ddd;
}
.m_nav ul li{
  float:left;
  width:16.6%;
  text-align: center;
  background: #036b88;
  padding:10px 0;
}
.m_nav ul li.first{
  width:17%;
}
.m_nav ul li a{
  display: block;
  border-left: 1px solid rgba(255, 255, 255, .5);

}
.m_nav ul li.first{
  border-left:0;
}
/*sub nav*/
.s_nav_wrap{ height: 46px; position: relative;}
.s_nav_wrap .s_nav_inner_wrapper{position: absolute; top: 0; width: 100%; z-index: 9000; background-color: white; }

.s_nav_wrap .s_nav{
	width:100%;
	margin:0 auto;
	text-align:center;
}
.s_nav_wrap .s_nav ul li{font-size:18px;font-weight:bold;padding:10px;}
.s_nav_wrap .s_nav_title{
  font-size:18px;font-weight:bold;padding:10px;
	background:#FFF;
	background-image: url('/mobile/img/icon_rec_down.png');
	background-repeat: no-repeat;
	background-position:right 10px center;
	border:4px solid #ce262c;
	color:#ce262c;
	font-weight:bold;
  width:100%;
	margin:0 auto;
	text-align:center;
}
.s_nav_wrap .s_nav_title a{ color: #ec262c; }

.sub_tit{
	height:30px;
}

.btn_tel02{
	text-align:center;
	width:100%;
	padding:15px 0;
}

/*tab-메뉴소개*/
.depth03_wrap {
  width:100%;
  margin:0px auto 20px auto;
}
.depth03_wrap ul.depth03{
  padding: 20px 0;
}
.depth03_wrap ul.depth03 li{
  float:left;
  margin:3px 0.5%;
}
.depth03_wrap ul.depth03 li a{
  padding:7px 0;
  text-align: center;
  border:1px solid #d4d4d4;
  display:block;
}
.depth03_wrap ul.depth03 li a.on{
  background:#ef1e4e;
  color:#fff;
  border:1px solid #ef1e4e;
}
.depth03_wrap ul.depth03 li a:hover{
  background:#ef1e4e;
  color:#fff;
  border:1px solid #ef1e4e;
}
.depth03_wrap h3{
  font-size:28px;
  padding-left: 20px;
}
.s_02 {
    padding: 80px 0;
    border: 1px solid #d4d4d4;
}
.s_02 .tab_content img{
  width:100%;
}

/*오션파티 소개*/
.img100{
	width:100%;
	padding-bottom:5px;
}
.img100 img{
	width:100%;
}

.img_c{
	width:100%;
	text-align:center;
	padding:15px 0;
	background:#e1e1e1;
	border-bottom:1px solid #fff;
}
.img_c img{
	width:272px;
	display:inline-block;
}



/*메뉴*/
.acc01{
	font-size:1.3em;
	font-weight:bold;
}
@media(min-width: 768px) {
	.menu_wrap ul li.menu{
	width:50%;
	float:left;
	}
}
.menu_wrap ul li{
	width:100%;
}
.menu_wrap ul li .img img{
	width:100%;
	margin-bottom:3px;
}
.menu .pad_5{
	padding:5px;
}
.menu .menu_txt .tit{
	color:#78a514;
	font-size:1.5em;
	font-weight:700;
	background:#e4e4e4;
	padding:5px;
}
.menu .menu_txt .tit_en{
	color:#457bbd;
	font-size:1.1em;
	font-weight:500;
	padding-left:5px;
}
.menu .menu_txt .txt{
	font-size:0.9em;
	font-weight:500;
	padding-left:5px;
}
.menu .menu_txt{
	min-height:125px;
	padding:5px 0px;
	letter-spacing:-0.5px;
}


/*list*/
.text_center{text-align: center;}
.s_con{
	padding:10px;
	font-size:18px;
}
.s_con img{width:100%;}
.s_con h3{
	border-left:4px solid #acacac;
	margin-bottom:10px;
	padding-left:10px;
  font-size: 18px;
  font-weight: 700;
}
.s_con h3 b{
  color:#ce262c;
}
.s_con h4{
  font-family: sans-serif;
	font-size:20px;
	font-weight:600;
	padding:8px 0;
  line-height: 20px;
}

.s_con h5{
  font-family: sans-serif;
	font-size:20px;
	font-weight:500;
	padding:8px 0;
  line-height: 20px;
	margin-bottom: 20px;
	background-color: #FFF;
	color:#000;
}

.table01 table{
	width:100%;
	background:#f2f2f2;
	letter-spacing:-1px;
}
.table01 table th,.table01 table tbody td{
	text-align:center;
	border:1px solid #d4d4d4;
	font-size:0.9em;
}
.table01 table th{
  font-weight:600;
}
.table01 table tbody td{
	color:#444;
  background: #f9f9f9;
  padding:2px 0;
}
.s_con .con_txt{
	font-size:0.9em;
	letter-spacing:-1px;
  word-break: keep-all;
  line-height: 20px;
}
.s_con .con_txt .con_text_inner br{
   display: block;
   margin: 14px 0;;
   content: "";
}
/* .s_con .con_txt .con_text_inner{padding: 0 16px;} */
.board01_wrap{
	position:relative;
	padding:20px 0;
}
.board01_wrap h3{
	font-size:1.25em;
	font-weight:700;
	padding:10px;
}
.board01_wrap .btn-writing{
	position:absolute;
	top:5px;
	right:10px;
}
.table02 table{
	width:100%;
	border-collapse: collapse;
	border-spacing: 0;
}
.table02 thead th{
	padding:12px 0;
	border-top:1px solid #D5D1E2;
	border-bottom:1px solid #D5D1E2;
	background:#E5E5EF;
	color:#383838;
	font-size:0.95em;
	font-weight:700;
	text-align:center;
	letter-spacing:-0.1em
}
.table02 td{
	padding:5px;
	border-top:1px solid #e0e0e0;
	border-bottom:1px solid #e0e0e0;
	line-height:1.5em;
	word-break:break-all;
	font-size:0.8em;
}
.table02 td a{
	display:block;
}
.table02 td:nth-of-type(2){
	text-align:center;
}
.table02 td a .cnt_coment{
	display:inline-block;
	margin-left:3px;
	font-weight:bold;
	color:#547820;
}
.pagination_wrap{
	text-align:center;
}
.pagination li a{
	color:#444;
}
.pagination li a:hover{
	background:#457bbd;
	color:#fff;
}
.btn_2{
	text-align:center;
	padding:10px 0 5px 0;
}
.btn_2 ul{
	display:inline-block;
}
.btn_2 ul li{
	float:left;
	font-size:0.8em;
	padding:2px;
}
.btn_2 ul li:first-child select,.btn_2 ul li:nth-of-type(2) input{
	border:1px solid #ddd;
}
.btn_2 ul li:nth-of-type(2) input{
	width:140px;
	text-align:left;
}

/*view*/

.view01{
	width:100%;
	padding:5px 0;
	border-top:2px solid #457bbd;
	border-bottom:1px solid #457bbd;
}
.view01_tit{
	padding:10px 5px 5px 5px;
	font-weight:700;
	font-size:1.1em
}
.view01_info{
	font-size:0.8em;
	padding:0 5px;
	border-bottom:1px solid #d4d4d4;
}
.view01_info span{
	display:inline-block;
	padding:1px 5px 1px 0px;
}
.view01_info em{
	font-weight:700;
}
.view01 .view_top_btn_wrap{
	position:relative;
	padding:5px;
}
.view01 .view_top_btn_wrap ul{
	position:absolute;
	top:5px;
	right:5px;
}
.view01 .view_top_btn_wrap ul li{
	float:left;
	padding-right:3px;
}
.view01 .view_con{
	padding:10px 5px;
}
.view01 .view_con img{max-width: 100%; }
.coment h5{
	padding: 10px;
}
.cmt01_wrap{
	padding:10px;
}
.cmt01{
	padding:0 7px 7px 7px;
	background:#e9e9e9;
	border-radius: 5px;
  margin-bottom: 10px;
}
.cmt01_info{
	font-size:0.95em;
	padding:6px 5px 2px 5px;
	border-bottom:1px dotted #444;
}
.cmt01_info em{
	font-weight:700;
}
.cmt01_con{
	padding:8px 5px;
}
.cmt01_info .del{float: right; border: 1px black solid; line-height: 16px; }
.cmt01_info .del a{display: block; font-size: 0.8em; padding: 0px 4px; }
.bbs_comment_attach img{width: 100%; margin-bottom: 10px; }
.cmt_write dl{margin-bottom: 4px; }
.cmt_write dl dt, .cmt_write dl dd{display: inline-block; }
.cmt_write dl dt{width: 60px;  }
.cmt_write dl dd::before{content: ":"; padding-right: 4px; }
.cmt_write dl input{ width: 120px; }
.cmt01_con textarea{width: 100%; height: 140px; border: 1px #eee solid; }
.cmt01_con input[type=file]{margin-bottom: 8px; }
.cmt01_btn{padding: 0 5px; }
.btn_cmt{width: 100%; }
/*후기입력*/
.table03{
	width:100%;
	padding:5px;
}
.table03 table{
	width:100%;
}
.table03 table tbody tr th,.table03 table tbody tr td{
	padding:5px;
	font-size:0.9em;
}
.table03 table tbody tr th{
	border:1px solid #e0e0e0;
	border-left:0;
	background:#f3f3f3;
	padding-left:10px;
	text-align:right;
	width:20%;
}
.table03 table tbody tr th label{
	vertical-align:middle;
	margin:0;
}
.table03 table tbody tr td{
	border-top:1px solid #e0e0e0;
	border-bottom:1px solid #e0e0e0;
	width:80%;
}
.table03 table tbody tr td input[type="text"],.table03 table tbody tr td input[type="password"],.table03 table tbody tr td textarea,.table03 table tbody tr td input[type="file"]{
	width:100%;
}
.table03 table tbody tr td input[type="text"],.table03 table tbody tr td input[type="password"]{
	border:1px solid #a9a9a9;
}
.table03 table tbody tr td .table03_txtarea{
	height:100px;
}

/**이용안내 환불규정 테이블**/
.table04{
	margin-top: 10px;
  width:100%;
	font-size:14px;
}
.table04 th,.table04 td{
  padding: 8px 15px;
  border: 1px solid #D00719;
}
.table04 th{
  background: #d46c60;
  color:#fff;
}
.table04 td span{
  color: #D00719;
  font-weight: 600;
}




.btn_wrap{
	text-align:center;
}
.btn_wrap .btn_1{
	display:inline-block;
	padding:20px 0;
}

/*객실미리보기 & 여행안내*/

.s_list h3{
	font-size: 1.4em;
	font-weight: 700;
	margin: 10px 0;
}
.s_list h3 span{
	color:#457bbd;

}
.s_list02 .img{
	padding:5px;
	min-height:130px;
}
.s_list02 .txt{
	padding-bottom: 10px;
}
.s_list .img,.s_list .txt .con_txt{
	line-height:1.25em;
  padding-bottom: 5px;
}
.s_list02 li{
  width:100%;
  float: left;
}
.s_list .img img{
	width:100%;
}
.licenses{
	font-size:0.75em;
	color:#4f4f4f;
	padding:0 10px;
}

.s_list01 li{
  border:1px solid #ddd;
  padding:5px;
  margin: 0.5%;
}
.s_list01 h3, .s_list03 h3{
  background: #e9e9e9 ;
  padding:5px 0;
  border-left: 0;
  margin:0 0 3px 0;
}
.s_list01 .txt,.s_list03 .txt{
  text-align: center;
}
.s_list01 .img{
  padding:5px 0;
}
.s_list01 li{
  width:49%;
  float: left;
}
.t_txt{
  font-size:12px;
}
.s_list03 li{
   width:100%;
}
.fn_red{color:#FF0000;}
.fn_blue{color:blue;}


ul.photoG_wrap{
	width:100%;
	padding:5px;
}
ul.photoG_wrap:after{
	content:"";
	display:block;
	clear:both;
	height: 0;
	visibility: hidden;
}
ul.photoG_wrap: {*zoom:1;}
ul.photoG_wrap li.photoG{
	width:33.333%;
	float:left;
	padding:5px;

}
ul.photoG_wrap li.photoG a .img{
	width:100%;
	height:100px;
	overflow:hidden;
}
ul.photoG_wrap li.photoG a .img img{
	width:100%;
	height:auto;
}
ul.photoG_wrap li.photoG a .text{
	width:100%;
	height:50px;
}
ul.photoG_wrap li.photoG a .text .tit{
	text-overflow:ellipsis;
	overflow: hidden;
	white-space: nowrap;
	display: block;
	font-size:0.9em;
}
ul.photoG_wrap li.photoG a .text .day{
	font-size:0.85em;
	color:#959595;
}

.main_av_wrap{
  width:100%;
  position:relative;
  /*border:1px solid;*/
}

.main_av_wrap img{
  width: 100%;
}

.main_av_wrap .title {
  position:absolute;
  width: 45%;
  z-index:100;
  bottom:15px;
  left:5px;
}
.title_wrap{text-align: center;padding:80px 0 20px 0;}
.title_wrap.title_wrap_first{padding-top: 50px; }
.tit1{font-size: 12px;}
.tit2{font-size: 28px;line-height: 36px;margin-bottom:10px;}
.tit_line{
	margin: 0 auto;
	width: 40px;
	min-height: 1px;
	background: #000;
	margin-bottom: 25px;
}


.address_wrap{padding:10px;}
.location{padding:10px;}
.location h3{line-height: 28px;border-bottom:2px solid;}
.location p{padding:5px;}
.fn_color_blue{color:#5986bc;}
.fn_color_red{color:#d46c60;}

.con_tit1{font-size:18px;font-weight:bold;}



.facilities_list .facilities{width: 53px; height: 53px; position: relative; display: inline-block; }
.facilities_list .facilities::before{position: absolute; top: 0px; left: 50%; transform: translate(-50%, 0); }
.facilities_list .facilities.type_1::before{content: url("/img/sub/room/icon_item_1.png"); }
.facilities_list .facilities.type_2::before{content: url("/img/sub/room/icon_item_3.png"); }
.facilities_list .facilities.type_3::before{content: url("/img/sub/room/icon_item_9.png"); }
.facilities_list .facilities.type_4::before{content: url("/img/sub/room/icon_item_4.png"); }
.facilities_list .facilities.type_5::before{content: url("/img/sub/room/icon_item_13.png"); }
.facilities_list .facilities.type_6::before{content: url("/img/sub/room/icon_item_7.png"); }
.facilities_list .facilities.type_7::before{content: url("/img/sub/room/icon_item_6.png"); }
.facilities_list .facilities.type_8::before{content: url("/img/sub/room/icon_item_2.png"); }
.facilities_list .facilities.type_9::before{content: url("/img/sub/room/icon_item_5.png"); }
.facilities_list .facilities.type_10::before{content: url("/img/sub/room/icon_item_8.png"); }
.facilities_list .facilities.type_11::before{content: url("/img/sub/room/icon_item_10.png"); }
.facilities_list .facilities.type_12::before{content: url("/img/sub/room/icon_item_11.png"); }
.facilities_list .facilities.type_13::before{content: url("/img/sub/room/icon_item_12.png"); }
.facilities_list .facilities.type_14::before{content: url("/img/sub/room/icon_item_14.png"); }


.room_infomation_wrapper{font-size: 0; margin-top: 40px; font-family: "Noto Sans KR", sans-serif; margin-bottom: 60px;}
.room_infomation_wrapper .room_name_wrapper{display:  block; font-size: 14px; width: 100%; vertical-align: top; padding-top: 14px ;}
.room_infomation_wrapper .room_intro_wrapper{display: block; font-size: 14px; width: 100%; vertical-align: top; }
.room_name_wrapper{text-align: center;}
.room_name_wrapper .room_name_eng{font-size: 60px;  color: #343434; font-weight: 900;  line-height: 54px; letter-spacing: -2px; }
.room_name_wrapper .room_name{font-size: 54px; letter-spacing: -4px; margin-top: 7px; line-height: 54px; }
.room_name_wrapper .room_rese_button a{display: block; margin: 0 auto; margin-top: 30px; width: 200px; padding-left: 27px; height: 50px; line-height: 50px; color: white; background-color: #3db5ea; font-size: 24px; font-weight: normal; position: relative; letter-spacing: -1px; }
.room_name_wrapper .room_rese_button a::before{content: url("/img/sub/icon_check.png"); position: absolute; top: -1px; left: 25px; }

.room_focus ul{font-size: 0; text-align: center; margin-top: 40px; margin-bottom: 30px; }
.room_focus li{display: inline-block; font-size: 13px; text-align: center; width: 65px; margin: 0 5px; padding-top: 76px; position: relative; }
.room_focus li:first{margin: 0; }
.room_focus li.focus_type_1::before{ background: url("/img/sub/room/icon_room_type_1.png") no-repeat;; background-position: center center; background-size: contain;
  width: 100%; height: 70px; content: ""; position: absolute; left: 50%; transform: translate(-50%, 0); top: 0px; }
.room_focus li.focus_type_2::before{ background: url("/img/sub/room/icon_room_type_2.png") no-repeat;; background-position: center center; background-size: contain;
  width: 100%; height: 70px; content: ""; position: absolute; left: 50%; transform: translate(-50%, 0); top: 0px; }
.room_focus li.focus_type_3::before{ background: url("/img/sub/room/icon_room_type_3.png") no-repeat; background-position: center center; background-size: contain;
  width: 100%; height: 70px; content: ""; position: absolute; left: 50%; transform: translate(-50%, 0); top: 0px; }
.room_focus li.focus_type_4::before{ background: url("/img/sub/room/icon_room_type_4.png") no-repeat; background-position: center center; background-size: contain;
  width: 100%; height: 70px; content: ""; position: absolute; left: 50%; transform: translate(-50%, 0); top: 0px; }
.room_focus li.focus_type_5::before{ background: url("/img/sub/room/icon_room_type_5.png") no-repeat; background-position: center center; background-size: contain;
  width: 100%; height: 70px; content: ""; position: absolute; left: 50%; transform: translate(-50%, 0); top: 0px; }

@media only screen and (max-width : 425px) {
  .room_focus li{width: 60px; margin: 0 7px; padding-top: 70px; font-size: 12px; }
  .room_focus li.focus_type_1::before{ background: url("/img/sub/room/icon_room_type_1.png") no-repeat;; background-position: center center; background-size: contain;
    width: 100%; height: 65px; content: ""; position: absolute; left: 50%; transform: translate(-50%, 0); top: 0px; }
  .room_focus li.focus_type_2::before{ background: url("/img/sub/room/icon_room_type_2.png") no-repeat;; background-position: center center; background-size: contain;
    width: 100%; height: 65px; content: ""; position: absolute; left: 50%; transform: translate(-50%, 0); top: 0px; }
  .room_focus li.focus_type_3::before{ background: url("/img/sub/room/icon_room_type_3.png") no-repeat; background-position: center center; background-size: contain;
    width: 100%; height: 65px; content: ""; position: absolute; left: 50%; transform: translate(-50%, 0); top: 0px; }
  .room_focus li.focus_type_4::before{ background: url("/img/sub/room/icon_room_type_4.png") no-repeat; background-position: center center; background-size: contain;
    width: 100%; height: 65px; content: ""; position: absolute; left: 50%; transform: translate(-50%, 0); top: 0px; }
  .room_focus li.focus_type_5::before{ background: url("/img/sub/room/icon_room_type_5.png") no-repeat; background-position: center center; background-size: contain;
    width: 100%; height: 65px; content: ""; position: absolute; left: 50%; transform: translate(-50%, 0); top: 0px; }
}
@media only screen and (max-width : 375px) {
  .room_focus li{width: 50px; margin: 0 10px; padding-top: 60px;}
  .room_focus li.focus_type_1::before{ background: url("/img/sub/room/icon_room_type_1.png") no-repeat;; background-position: center center; background-size: contain;
    width: 100%; height: 55px; content: ""; position: absolute; left: 50%; transform: translate(-50%, 0); top: 0px; }
  .room_focus li.focus_type_2::before{ background: url("/img/sub/room/icon_room_type_2.png") no-repeat;; background-position: center center; background-size: contain;
    width: 100%; height: 55px; content: ""; position: absolute; left: 50%; transform: translate(-50%, 0); top: 0px; }
  .room_focus li.focus_type_3::before{ background: url("/img/sub/room/icon_room_type_3.png") no-repeat; background-position: center center; background-size: contain;
    width: 100%; height: 55px; content: ""; position: absolute; left: 50%; transform: translate(-50%, 0); top: 0px; }
  .room_focus li.focus_type_4::before{ background: url("/img/sub/room/icon_room_type_4.png") no-repeat; background-position: center center; background-size: contain;
    width: 100%; height: 55px; content: ""; position: absolute; left: 50%; transform: translate(-50%, 0); top: 0px; }
  .room_focus li.focus_type_5::before{ background: url("/img/sub/room/icon_room_type_5.png") no-repeat; background-position: center center; background-size: contain;
    width: 100%; height: 55px; content: ""; position: absolute; left: 50%; transform: translate(-50%, 0); top: 0px; }
}
@media only screen and (max-width : 320px) {
  .room_focus li{width: 40px; margin: 0 10px; padding-top: 60px;}
  .room_focus li.focus_type_1::before{ background: url("/img/sub/room/icon_room_type_1.png") no-repeat;; background-position: center center; background-size: cover;
    width: 100%; height: 55px; content: ""; position: absolute; left: 50%; transform: translate(-50%, 0); top: 0px; }
  .room_focus li.focus_type_2::before{ background: url("/img/sub/room/icon_room_type_2.png") no-repeat;; background-position: center center; background-size: cover;
    width: 100%; height: 55px; content: ""; position: absolute; left: 50%; transform: translate(-50%, 0); top: 0px; }
  .room_focus li.focus_type_3::before{ background: url("/img/sub/room/icon_room_type_3.png") no-repeat; background-position: center center; background-size: cover;
    width: 100%; height: 55px; content: ""; position: absolute; left: 50%; transform: translate(-50%, 0); top: 0px; }
  .room_focus li.focus_type_4::before{ background: url("/img/sub/room/icon_room_type_4.png") no-repeat; background-position: center center; background-size: cover;
    width: 100%; height: 55px; content: ""; position: absolute; left: 50%; transform: translate(-50%, 0); top: 0px; }
  .room_focus li.focus_type_5::before{ background: url("/img/sub/room/icon_room_type_5.png") no-repeat; background-position: center center; background-size: cover;
    width: 100%; height: 55px; content: ""; position: absolute; left: 50%; transform: translate(-50%, 0); top: 0px; }
}

.room_intro_wrapper .room_text_wrapper{}
.room_intro_wrapper .room_text{font-size: 20px; font-weight: lighter; letter-spacing: -1px; margin-top: 16px; text-align: center; word-break: keep-all; }
.room_intro_wrapper .room_text b{font-weight: bold; }
.room_intro_wrapper .room_text2{font-size: 14px; letter-spacing: -1px; word-break: keep-all; line-height: 24px; margin-top: 14px; text-align: center; word-break: keep-all; }



.room_detail{width: auto; padding: 0 10px; margin: 0 auto; margin:40px 0; }
.room_detail .detail_wrapper{ font-size: 0; }
.room_detail .detail{display: block; width: 100%; border-bottom: 1px #a9a9a9 solid; padding-top: 30px; }
.room_detail .detail:first-child{border-top: 1px #a9a9a9 solid;}
.room_detail .detail_icon{text-align: center; margin-bottom: 20px; }
.room_detail .detail_title{font-size: 28px; text-align: center; font-weight: bold; }
.room_detail .text_wrapper{text-align: center; letter-spacing: -1px; word-break: keep-all; width: 100%; padding: 40px 0; }
.room_detail .detail_text_1{font-size: 22px; color: #191919; line-height: 28px; }
.room_detail .detail_text_2{font-size: 18px; color: #191919; line-height: 22px; }
.room_detail .detail_text_3{font-size: 16px;font-weight:bold; color: #393939; line-height: 22px; }
.room_detail .detail_text_break_1{height: 34px; }
.room_detail .detail_text_break_2{height: 12px; }



.main_av_wrap .etc{width: auto; margin-top: 10px; padding-left: 10px; }
.main_av_wrap .etc li{margin-bottom: 6px; }
.main_av_wrap .etc a{color: black; }
.main_av_wrap .i_time{        padding-left: 20px; position: relative; padding-left: 30px; }
.main_av_wrap .i_homepage{    padding-left: 20px; position: relative; padding-left: 30px; text-overflow:ellipsis; white-space:nowrap; word-wrap:normal; width:100%; overflow:hidden;}
.main_av_wrap .i_phone{    padding-left: 20px; position: relative; padding-left: 30px; }
.main_av_wrap .i_time::before{ content: url("/img/sub/icon_time.png");         position: absolute; left: 2px; top: -2px; }
.main_av_wrap .i_homepage::before{ content: url("/img/sub/icon_homepage.png"); position: absolute; left: 0; top:1px;  }
.main_av_wrap .i_phone::before{ content: url("/img/sub/item_phone.png"); position: absolute; left: 3px; top:-4px;  }