@charset "utf-8";

#body_wrap { position:relative;width:100%;min-height:100vh;padding:200px 0 280px 200px;transition:.2s ease-in-out; }
#body_wrap.body_wrap_close { padding-left:50px;transition:.2s ease-in-out; }

/* 교체예정 */
#hd_wrap { position:absolute;left:0;top:0;width:100%;height:200px; }
#top_wrap { display:table;position:absolute;left:0;top:0;width:100%;height:40px;padding:0 500px 0 0; }
#top_wrap p { display:table-cell;vertical-align:middle;text-align:center; }

#head_wrap { position:absolute;left:0;top:0;width:1400px;height:200px;transition:.2s ease-in-out; }
#head_wrap.head_wrap_close { width:1250px; }

#ct_wr { position: relative; height: auto !important; width: 1200px; }
#ct_wr:after { display:block;visibility:hidden;clear:both;content:"" }

#ft_wrap { position:absolute;left:200px;bottom:0;width:1200px;height:140px;transition:.2s ease-in-out; }
#ft_wrap.ft_wp_close { left:50px;transition:.2s ease-in-out; }
#ft_wrap #ft { 
	position:relative;width:100%;height:100%;text-align:left;
	font-family:'jgr_m1';font-size:13px;border-top:1px solid #000000;
 }
#ft_wrap #ft a { color:#000; }
#ft_wrap #ft b { color:#bbb;margin-right:5px; }
#ft_wrap #ft .ft_mnu { position:absolute;left:10px;top:30px; }
#ft_wrap #ft .ft_mnu li { display:inline-block;margin-right:20px;font-family:'jgr_m3';font-size:1em; }
#ft_wrap #ft .ft_lk { display:block;position:absolute;right:10px;top:30px; }
#ft_wrap #ft .ft_lk:after { display:block;visibility:hidden;clear:both;content:"" }
#ft_wrap #ft .ft_lk li { display:inline-block;margin-right:10px; }
#ft_wrap #ft .ft_lk li:last-child { margin-right:0; }
#ft_wrap #ft .ft_info { position:absolute;left:10px;bottom:40px; }
#ft_wrap #ft .ft_info:after { display:block;visibility:hidden;clear:both;content:"" }
#ft_wrap #ft .ft_info li { float:left;line-height:20px;margin-right:10px; }
#ft_wrap #ft .ft_info li:nth-child(4) { clear:both; }

#ft_wrap #ft .ft_copy { display:block;position:absolute;right:10px;bottom:40px;line-height:20px;text-align:right; }

.top_ci { position:fixed;width:200px;left:50px;top:77px; }
.top_ci a { display:inline-block; }
.mt_sch { position:absolute;left:240px;bottom:77px; }
.mt_tmnu { position:absolute;right:280px;bottom:77px; }
.mt_astar { position:absolute;right:0;bottom:77px; }

.sch_form { width:260px;height:34px;border-radius:5px; }
.sch_form input::-webkit-input-placeholder { color:#fff; }
.sch_form input::-moz-placeholder { color:#fff; }
.sch_form input:-ms-input-placeholder { color:#fff; }
.sch_form input::-ms-input-placeholder { color:#fff; }
.sch_form input:focus::-webkit-input-placeholder { color:transparent; }
.sch_form input:focus::-moz-placeholder { color:transparent; }
.sch_form input:focus:-ms-input-placeholder { color:transparent; }
.sch_form input:focus::-ms-input-placeholder { color:transparent; }
.sch_form #sch_str { float:left;width:226px;color:#fff;font-family:"jgr_s2";font-size:16px;line-height:1em;background:0;border:0;padding:7px 0 0 15px; }
.sch_form #sch_submit { position:relative;height:34px;width:34px;background:0;border:0;cursor:pointer; }
.sch_form #sch_submit img { position:absolute;right:9px;bottom:9px; }

.tmnu li { float:left;height:14px;padding-right:16px;border-right:1px solid #8f8f8f;margin-right:15px; }
.tmnu li:last-child { padding-right:0;border-right:0;margin-right:0; }
.tmnu li a { font-family:"jgr_m3";font-size:16px;line-height:14px; }
.tmnu li a:hover { color:#008c8c; }

.sch_tx { display:inline-block;margin-top:8px;}
.sch_tx:after { display:block;visibility:hidden;clear:both;content:"" }
.sch_tx li { float:left;font-style:oblique;margin-right:10px; }
.sch_tx li a { color:#8f8f8f; }
.sch_tx li a:hover { color:#e50000; }
.sch_tx li:last-child { margin-right:0; }


/* 커스텀 스타일 */

.box1 { background:
	url("/img/box1_1.png") no-repeat left top,
	url("/img/box1_2.png") no-repeat right top,
	url("/img/box1_3.png") no-repeat right bottom,
	url("/img/box1_4.png") no-repeat left bottom;
}

.box5 { background:
	url("/img/grb_1.png") no-repeat left top,
	url("/img/grb_2.png") no-repeat right top,
	url("/img/grb_3.png") no-repeat right bottom,
	url("/img/grb_4.png") no-repeat left bottom,
	url("/img/dline_w44.png") repeat-x center top,
	url("/img/dline_w44.png") repeat-x center bottom,
	url("/img/dline_h44.png") repeat-y left center,
	url("/img/dline_h44.png") repeat-y right center;
}


/* 교체예정 */
#rt_wrap { position:absolute;right:0;top:0;height:40px;line-height:12px;letter-spacing:-0.5px;background:url('/img/rt_left.svg') no-repeat left top;background-size:60px 40px;padding-left:60px;  }
#rt_wrap:after { display:block;visibility:hidden;clear:both;content:"" }
#rt_wrap a:hover { color:#008c8c; }
#rt_wrap .rt_ct1 { float:left;background:#fff;height:41px;padding:26px 0 0 60px; }
#rt_wrap .rt_ct1:after { display:block;visibility:hidden;clear:both;content:"" }
#rt_wrap .rt_ct1 li { float:left;margin-right:15px; }
#rt_wrap .rt_ct2 { float:left;background:#fff;height:41px;padding:26px 26px 0 0; }
#rt_wrap .rt_ct2:after { display:block;visibility:hidden;clear:both;content:"" }
#rt_wrap .rt_ct2 li { float:left;margin-right:15px; }
#rt_wrap .rt_ct2 li:last-child { margin-right:0; }
#rt_wrap .rt_ct2 .bsk_no span { color:white;border-radius:3px;padding:1px 4px;margin-left:4px; }

#l_wrap { position:fixed;top:0;left:0;width:200px;height:100%;padding-top:201px;transition:.2s ease-in-out; }
#l_wrap.l_wrap_close { position:fixed;left:-160px;transition:.2s ease-in-out; }

/* 교체예정 */
#menu-wrap { position:relative;width:100%;height:100%;padding-left:20px;overflow-y:scroll;scrollbar-width:none;-ms-overflow-style:none; }
#menu-wrap::-webkit-scrollbar { width:0; }

#menu-wrap2 { position:relative;width:100%;height:100%;padding-left:50px;overflow-y:scroll;scrollbar-width:none;-ms-overflow-style:none; }
#menu-wrap2::-webkit-scrollbar { width:0; }


/* 교체예정 */
.sde_wrap { width:80px;margin:15px 0; }
.sde_wrap li { background:#efefef;text-align:center;height:30px;line-height:30px;border-radius:8px;margin-bottom:10px; }

.sde2_wrap { margin-bottom:50px; }
.sde2_wrap li { margin-bottom:15px; }
.sde2_wrap li:last-child { margin-bottom:0; }

.log_wrap { margin-bottom:30px; }
.menu_slider_wrap { position:relative;width:170px;height:10px;margin-bottom:10px; }
#menu_slider { position:absolute;left:0;top:0;width:10px;height:10px;background:url('/img/mu_close.svg') no-repeat left top;background-size:10px 10px; }
#menu_slider.menu_slider_close { position:absolute;left:120px;top:1px;width:16px;height:18px;background:url('/img/mu_open.svg') no-repeat left top;background-size:16px 18px;cursor:pointer; }


/* 교체예정 */
#nav_bar { position:fixed;left:0;top:1px;width:140px;height:200px;border-bottom:1px solid #000000;transition:.2s ease-in-out; }
#nav_bar.nav_bar_close { position:fixed;left:-140px;transition:.2s ease-in-out; }

.nav_top_ci { display:none;position:relative;left:20px;width:80px;height:200px; }
.nav_top_ci a { position:absolute;left:50%;top:50%;transform:translate(-50%,-50%); }
.nav_top_ci1 { position:relative;left:0;top:40px;height:160px; }
.nav_top_ci1 a { position:absolute;left:20px;top:50%;transform:translateY(-50%);  }
.nav_top_ci2 { display:none;position:relative;left:0;top:40px;height:160px; }
.nav_top_ci2 a { position:absolute;left:20px;top:50%;transform:translateY(-50%); }


#nav_bar2 { position:fixed;left:0;top:1px;width:140px;height:200px;transition:.2s ease-in-out; }
#nav_bar2.nav_bar2_close { position:fixed;left:-140px;transition:.2s ease-in-out; }
.left_ci { display:none;position:relative;left:0;top:0;height:200px; }
.left_ci a { position:absolute;left:50px;top:50%;transform:translateY(-50%); }


/*투입예정*/
.s_menu { margin-bottom:15px; }
.s_menu a:hover { color:#008c8c; }
.s_menu li { margin-bottom:15px; }
.s_menu li:last-child { margin-bottom:0; }
.s_menu .bsk_no span { color:white;border-radius:3px;padding:1px 4px;margin-left:4px; }



/*메뉴 네비게이션*/

/*교체예정*/
.nav_wrap { position:relative;display:inline-block;margin-top:30px; }
.sideNav { position:relative; }
.sideNav ul ul { display:none; }
.sideNav ul ul.viewul { display:block; }
/*1depth*/
.sideNav li { position:relative; }
.sideNav li a.noa { display:inline-block;font-family:"jgr_m3";font-size:18px;margin-bottom:20px; }
/*2depth*/
.sideNav li ul .a_view { display:inline-block;font-family:"jgr_m1";font-size:13px;color:#afafaf;margin-bottom:10px; }
.sideNav li ul .a_view:hover { color:#000; }
.sideNav li ul {  }
.sideNav li li { margin-bottom:10px; }
.sideNav li li:last-child { margin-bottom:20px; }
.sideNav ul>li>ul>li {  }
.sideNav ul>li>ul {  }
.sideNav li li a { display:block;font-family:"jgr_m1";font-size:13px; }
.sideNav li li a:hover { color:#008c8c; }
/*Current*/
.sideNav li.current a.noa { color:#008c8c; }
.sideNav li li.current a { width:100%;color:#008c8c; }



/*투입예정*/
.nav_wrap2 { position:relative;display:inline-block;margin-bottom:15px; }
.nav { position:relative; }
.nav ul ul { display:none; }
.nav ul ul.viewul { display:block; }
/*1depth*/
.nav li { position:relative; }
.nav li a.noa { display:inline-block;font-family:"jgr_m3";font-size:18px;margin-bottom:20px; }
/*2depth*/
.nav li ul .a_view { display:inline-block;font-family:"jgr_m1";font-size:13px;padding:1px 2px;margin-bottom:20px; }
.nav li ul .a_view:hover { display:inline-block;color:#008c8c; }
.nav li ul {  }
.nav li li { margin-bottom:10px; }
.nav li li:last-child { margin-bottom:20px; }
.nav ul>li>ul>li {  }
.nav ul>li>ul {  }
.nav li li a { display:block;font-family:"jgr_m1";font-size:13px;padding:1px 2px; }
.nav li li a:hover { display:inline-block;color:#008c8c; }
/*Current*/
.nav li.current a.noa { color:#008c8c; }
.nav li li.current a { display:inline-block;color:#008c8c;background-color:#008c8c;color:#fff; }


/* 교체예정 */
#index_wrap section { margin-bottom:150px; }
#index_wrap section:last-child { margin-bottom:0; }

#main_wrap { width:1200px; }
#main_wrap section { margin-bottom:200px; }
#main_wrap section:last-child { margin-bottom:0; }

/* 오늘 본 상품 */
#stv { position:relative; }
#stv h2 { margin-bottom:15px; }
#stv h2 span { color:#fff;background:#000;border-radius:5px;padding:0 5px; }
#tvu_ul { margin-bottom:6px }
#tvu_ul:after {display:block;visibility:hidden;clear:both;content:""}
.stv_item { display:none;float:left;margin:0 4px 4px 0; }
.stv_item:nth-child(2n) { margin:0 0 4px 0; }
#stv .stv_foot { position:relative;width:65px;height:20px;margin-bottom:25px; }
#stv #stv_pg { position:absolute;top:6px;left:50%;transform:translateX(-50%); }
#stv #stv_btn button { display:block;padding:2px 4px;border:0;background:0;padding:0;font-size:15px; }
#stv #stv_btn #up { position:absolute;top:0;left:0; }
#stv #stv_btn #down { position:absolute;top:0;right:0; }


#sit_title { width:1224px;height:120px;line-height:120px;background:url('/img/title_bg.png') #0d806c no-repeat;font-family:'jgr_m3';font-size:40px;text-align:center;color:#fff;letter-spacing:-1px;margin-bottom:90px;border-radius:10px; }




/* 메인배너 */
.ma_bn { margin-bottom:4px !important; }
#bnr_wrap { position:relative; }
#bnr_wrap .slide-wrap { z-index:1000; }
#bnr_wrap .slide-wrap li { width:1200px !important;height:500px !important; }
#bnr_wrap .slide-wrap li .b_img { position:absolute;left:0;top:0;width:100%;height:100%; }
#bnr_wrap .slide-wrap li .tpo { position:absolute; }
#bnr_wrap .slide-wrap li .tpo h1 { font-family:"jgr_m5";font-size:50px;line-height:1em;margin-bottom:15px; }
#bnr_wrap .slide-wrap li .tpo h2 { font-family:"jgr_s8";font-size:32px;line-height:1em;padding:0 3px;margin-bottom:10px; }
#bnr_wrap .slide-wrap li .tpo p { font-family:"jgr_m3";font-size:16px;line-height:1.2em;padding:0 3px; }
#bnr_wrap .slide-wrap li a { display:block;position:absolute;left:0;top:0;width:100%;height:100%; }

#bnr_wrap .bnr_pager { position:absolute;left:0;top:15px;width:100%;z-index:1001;text-align:center; }
#bnr_wrap .bnr_pager li { display:inline-block;margin-right:4px; }
#bnr_wrap .bnr_pager li:last-child { margin-right:0; }
#bnr_wrap .bnr_pager li a { display:inline-block;color:white;font-family:"jgr_m1";font-size:13px;line-height:13px;background:rgba(0,0,0,0.2);opacity:0.5;padding:6px 12px;border-radius:5px; }
#bnr_wrap .bnr_pager li a.active { background:rgba(0,0,0,0.4);opacity:1; }


.bnr_sub { position:relative; }
.bnr_sub li { display:inline-block; }

.bnr_sub li h1 { font-family:"jgr_m5";font-size:30px;margin-bottom:5px; }
.bnr_sub li h2 { font-family:"jgr_s8";font-size:16px;margin-bottom:10px; }
.bnr_sub li p { font-family:"jgr_m1";font-size:13px;line-height:16px;margin-bottom:15px; }
.bnr_sub li a { font-family:"jgr_m2";font-size:16px; }
.bnr_sub li a:hover { color:#e50000 !important; }
.bnr_sub li a:after { content:"\21FE";font-size:16px;padding-left:5px; }



.break {  }

/* 장바구니 */
#sod_bsk { width:1200px; }

.prd_list1 table  { 
	width:100%;border-collapse:collapse;border-spacing:0;
	background-image:url("/img/line_w64b.svg");background-size:10px 1px;background-repeat:repeat-x;background-position:left top;
}
.prd_list1 tr { background-image:url("/img/line_w64g.svg");background-size:10px 1px;background-repeat:repeat-x;background-position:left bottom; }
.prd_list1 tr:last-child { background-image:url("/img/line_w64b.svg"); }
.prd_list1 td { padding:30px 0; }
.prd_list1 .chk { width:30px; }
.prd_list1 .thumb { width:90px; }
.prd_list1 .name { font-family:"jgr_m3";font-size:16px; }
.prd_list1 .prd_opt { margin:6px 0; }
.prd_list1 .prd_opt ul { margin:0;padding:0;list-style:none }
.prd_list1 .prd_opt li { color:#8f8f8f;margin-bottom:8px; }
.prd_list1 .prd_opt_btn .mod_options { border:1px solid #000;background:0;font-family:"jgr_m1";font-size:12px;padding:4px 6px;border-radius:3px; }

#sod_bsk .so_lis { position:relative;text-align:right; }
#sod_bsk .so_lis li { margin-bottom:8px; }
#sod_bsk .so_lis li:last-child { margin-bottom:0; }
#sod_bsk .so_lis li b { font-family:"jgr_m5";font-size:14px;color:#e50000; }
















/* --------------- 주문서작성 ----------------- */





#sod_wrap:after { display:block;visibility:hidden;clear:both;content:"" }
#sod_wrap section { margin-bottom:90px;text-align:center; }
#sod_wrap section:last-child { margin-bottom:0; }
#sod_wrap h2 { font-family:'jgr_m4';font-size:20px;margin-bottom:30px; }
#sod_wrap .hdn { display:none; }
#sod_wrap input::-webkit-input-placeholder { color:#aaa;font-family:'jgr_m2';font-size:14px; }
#sod_wrap input::-moz-placeholder { color:#aaa;font-family:'jgr_m2';font-size:14px; }
#sod_wrap input:-ms-input-placeholder { color:#aaa;font-family:'jgr_m2';font-size:14px; }
#sod_wrap input::-ms-input-placeholder { color:#aaa;font-family:'jgr_m2';font-size:14px; }
#sod_wrap input:focus::-webkit-input-placeholder { color:transparent; }
#sod_wrap input:focus::-moz-placeholder { color:transparent; }
#sod_wrap input:focus:-ms-input-placeholder { color:transparent; }
#sod_wrap input:focus::-ms-input-placeholder { color:transparent; }

#sod_wrap h1 { 
	font-family:'jgr_m3';font-size:20px;padding-bottom:30px;margin-bottom:30px;text-align:center;
	background-image:url("/img/ttbar_b.svg");
	background-size:10px 1px;
	background-repeat:repeat-x;
	background-position:center bottom;
 }
 
#sod_wrap .wd1 { width:100px; }
#sod_wrap .wd2 { width:160px; }
#sod_wrap .wd3 { width:220px; }
#sod_wrap .wd4 { width:280px; }
#sod_wrap .wd5 { width:340px; }

.ord_wrap { display:inline-block;text-align:left; }


.ord_list li { text-align:center; }
.ord_list li:last-child { margin-bottom:0; }
.ord_list_wrap { 
	display:inline-block;text-align:left;padding:0 10px 30px;margin-bottom:30px;
	background-image:url("/img/line_w82g.svg");
	background-size:10px 1px;background-repeat:repeat-x;background-position:left bottom;
 }
.ord_list li:last-child .ord_list_wrap { 
	background:0;border-bottom:1px solid #000;
 }
.li_wrap_left { display:inline-block;vertical-align:top;margin-right:20px; }
.li_wrap_right { display:inline-block;vertical-align:top; }
.li_wrap_right li { text-align:left; }

.li_wrap_right .ord_name { font-family:"jgr_m7";font-size:18px;line-height:1em;margin-bottom:8px; }
.li_wrap_right .ord_name b { font-family:"jgr_m6";font-size:14px; }
.li_wrap_right .ord_opt { margin-bottom:8px; }
.li_wrap_right .ord_opt li { font-family:"jgr_m6";font-size:14px;margin-bottom:4px; }
.li_wrap_right .ord_opt li:last-child { margin-bottom:0; }
.li_wrap_right .li_ord_price { font-family:"jgr_m7";font-size:16px; }
.li_wrap_right .li_ord_price b { color:#cc553e; }


.ord_list_total { text-align:center;font-family:"jgr_m6";font-size:16px; }
.ord_list_total b { color:#cc553e;font-family:"jgr_m7";font-size:18px; }







.ord_ul_left { float:left;display:inline-block;margin-right:40px; }
.ord_ul_right { float:right;display:inline-block; }


.odr_ul li { margin-bottom:20px; }
.odr_ul li:last-child { margin-bottom:0; }


.odr_ul b { 
	display:inline-block;position:relative;bottom:0;right:0;vertical-align:bottom;margin-right:-3px;
	background-image:url("/img/line_w82g.svg");padding-bottom:10px;
	background-size:10px 1px;background-repeat:repeat-x;background-position:right bottom;
 }
.odr_ul b:last-child { margin-right:0; }


.odr_ul input {
	display:inline-block;position:relative;bottom:0;left:0;border:0;padding-bottom:10px;padding-left:20px;
	font-size:18px;vertical-align:bottom;
	background-image:url("/img/line_w82g.svg");
	background-size:10px 1px;background-repeat:repeat-x;background-position:left bottom;
 }
.odr_ul button { 
	font-family:'jgr_m1';font-size:12px;line-height:1em;margin-left:10px;border:1px solid #000;padding:3px 4px 2px;
 }
.odr_ul .adbt { margin-bottom:10px; }
.odr_ul .hdipt { 
display:inline-block;background:0;padding:0;margin:0;font-size:1em;
}
.ord_info { position:relative;left:3px;margin-bottom:5px;color:#ccc; }
.ord_head { height:51px;text-align:center;vertical-align:top;font-family:"jgr_m2";font-size:14px; }
.ord_head a { 
	display:inline-block;font-family:"jgr_m2";font-size:14px;line-height:1em;
	margin:0 10px;padding:4px 0;
 }
.odr_chk { display:inline-block;font-size:14px;vertical-align:top; }
.odr_chk input + label { 
	display:inline-block;cursor:pointer;font-family:"jgr_m2";font-size:1em;line-height:1em;
	padding-left:20px;margin:0 10px;
	background:url('/img/icn_chk11.svg') no-repeat left top;
	background-size:14px 14px;
 }
.odr_chk input:checked + label { 
	background:url('/img/icn_chk12.svg') no-repeat left top;
	background-size:14px 14px;
 }
.odr_chk input { display:none; }

.odr_rdo { display:inline-block;font-size:14px;vertical-align:top; }
.odr_rdo input[type="radio"] + label { 
	display:inline-block;cursor:pointer;font-family:"jgr_m2";font-size:1em;line-height:1em;
	padding-left:20px;margin:0 10px;
	background:url('/img/icn_rdo11.svg') no-repeat left top;
	background-size:14px 14px;
 }
.odr_rdo input[type="radio"]:checked + label{ 
	background:url('/img/icn_rdo12.svg') no-repeat left top;
	background-size:14px 14px;
 }
.odr_rdo input[type="radio"] { display: none; }

.odr_rdo2 { display:inline-block; }
.odr_rdo2 input[type="radio"] + label { 
	display:inline-block;cursor:pointer;padding-left:30px;margin:0 20px;
	font-family:"jgr_m7";font-size:16px;line-height:20px;
	background:url('/img/icn_chk21.svg') no-repeat left top;
	background-size:20px 20px;
 }
.odr_rdo2 input[type="radio"]:checked + label { 
	background:url('/img/icn_chk22.svg') no-repeat left top;
	background-size:20px 20px;
 }
.odr_rdo2 input[type="radio"] { display:none; }


.ord_price { font-family:"jgr_m6";font-size:16px;text-align:center; }
.ord_price li { margin-bottom:20px; }
.ord_price li:last-child { margin-bottom:0; }
.ord_price small { font-size:0.8em; }
.ord_price span { font-size:1em; }
.ord_price b { font-size:1.4em; }
.ord_price strong { font-size:1.8em;font-family:"jgr_m9";color:#cc553e; }



.bsk_submit { display:inline-block; }
.bsk_submit:after { display:block;visibility:hidden;clear:both;content:"" }
.bsk_submit li { float:left;margin-right:10px; }
.bsk_submit li:last-child { margin-right:0; }
.bsk_submit a, .bsk_submit button { 
	height:40px;line-height:40px;display:inline-block;font-family:"jgr_m7";font-size:18px;
	border-radius:3 px;
 }
.btn_go { background:black;color:white;padding:0 40px; }
.btn_sub { background:black;color:white;padding:0 40px; }
.btn_ka { 
	color:black;
	background:url('/img/icn_kpay1.svg') no-repeat left 40px top 10px;background-size:54px 20px;
	background-color:#ffeb00;padding:0 40px 0 96px;
 }



.sit_ov_btn { margin-bottom:30px; }
.sit_ov_btn:after { display:block;visibility:hidden;clear:both;content:""; }
.sit_ov_btn li { float:left;margin-right:4px; }
.sit_ov_btn li:last-child { margin-right:0; }
.sit_ov_btn button { display:inline-block;height:40px;line-height:40px;font-family:"jgr_m7";font-size:18px;border:1px solid rgba(0,0,0,0.1);border-radius:3px; }

.sit_btn_cart { background:black;color:white;padding:0 40px; }
.sit_btn_buy { background:black;color:white;padding:0 40px; }
.sit_btn_kko { 
	color:black;
	background:url('/img/icn_kpay1.svg') no-repeat left 40px top 10px;background-size:54px 20px;
	background-color:#ffeb00;padding:0 40px 0 96px;
	
 }




.btn_wrap input[type="button"]{ 
	font-family:"jgr_m8";font-size:22px;line-height:1em;border:1px solid rgba(0,0,0,0.1);
	border-radius:5px;cursor:pointer;
 }
.btn_order { color:#fff;background:#000;padding:20px 60px; }
.btn_order_ka { 
	background:url('/img/icn_kpay.svg') no-repeat left 60px top 23px;background-size:68px 20px;
	background-color:#ffeb00;padding:20px 60px 20px 140px;
 }
.odr_kpay { text-align:center; }






#sod_wrap .odr_prd { text-align:left; }
#sod_wrap .odr_prd table  { width:100%;border-collapse:collapse;border-spacing:0;
	background-image:url("/img/line_w64b.svg");background-size:10px 1px;background-repeat:repeat-x;background-position:left top;
}
#sod_wrap .odr_prd tr { background-image:url("/img/line_w64g.svg");background-size:10px 1px;background-repeat:repeat-x;background-position:left bottom; }
#sod_wrap .odr_prd tr:last-child { background-image:url("/img/line_w64b.svg"); }
#sod_wrap .odr_prd td { padding:30px 0;  }
#sod_wrap .odr_prd .td_image { width:90px; }
#sod_wrap .odr_prd .td_right { text-align:right;line-height:20px; }
#sod_wrap .odr_prd .td_right span { font-family:"jgr_m5";font-size:14px; }
#sod_wrap .odr_prd_name { font-family:'jgr_m2';font-size:16px;line-height:16px;margin-bottom:20px; }
#sod_wrap .odr_prd_opt ul { color:#8f8f8f;display:block; }
#sod_wrap .odr_prd_opt ul li { margin-bottom:10px; }
#sod_wrap .odr_prd_opt ul li:last-child { margin-bottom:0; }

#sod_wrap .sod_info_wrap {  } 
#sod_wrap .sod_info_wrap:after { display:block;visibility:hidden;clear:both;content:"" } 
#sod_wrap .sod_info_wrap .odr_frm { float:left;text-align:left; }
#sod_wrap .sod_info_wrap .odr_frm:first-shild { margin-right:90px; }
#sod_wrap .sod_info_wrap .deli { float:right; }

#sod_wrap .sod_pay_wrap {  }
#sod_wrap .sod_pay_wrap:after { display:block;visibility:hidden;clear:both;content:"" } 
#sod_wrap .sod_pay_wrap #od_pay_price { float:left;width:644px;text-align:left;}
#sod_wrap .sod_pay_wrap #od_pay_sl { text-align:left; }

#sod_wrap .sod_pay_wrap #od_pay_price .small { margin-left:10px;opacity:0.5; }
#sod_wrap .sod_pay_wrap #od_pay_price ul { display:block;margin-bottom:15px; }
#sod_wrap .sod_pay_wrap #od_pay_price ul:last-child { margin-bottom:0; }
#sod_wrap .sod_pay_wrap #od_pay_price ul:after { display:block;visibility:hidden;clear:both;content:"" }
#sod_wrap .sod_pay_wrap #od_pay_price ul li { float:left;line-height:30px; }
#sod_wrap .sod_pay_wrap #od_pay_price ul li:first-child { margin-right:30px; }
#sod_wrap .sod_pay_wrap #od_pay_price strong { font-family:"jgr_m5";font-size:18px; }
#sod_wrap .sod_pay_wrap #od_tot_price strong { font-family:"jgr_m5";font-size:20px;color:#e52b00; }

#sod_wrap .sod_pay_wrap #od_pay_sl input[type="radio"]{ position:absolute;width:0;height:0;overflow:hidden;visibility:hidden;text-indent:-999px;left:0;z-index:-1px; }
#sod_wrap .sod_pay_wrap #od_pay_sl .lb_icon { display:inline-block;position:relative;float:left;font-family:"jgr_m3";height:60px;line-height:60px;font-size:16px;width:200px;border:1px solid #dfdfdf;margin:0 10px 10px 0;padding-left:30px;cursor:pointer;z-index:1 }
#sod_wrap .sod_pay_wrap #od_pay_sl input[type="radio"]:checked+.lb_icon { border:1px solid #000;z-index:3 }

#sod_wrap .sod_inf_wrap {  }
#sod_wrap .sod_inf_wrap:after { display:block;visibility:hidden;clear:both;content:"" } 
#sod_wrap .sod_inf_wrap .sod_info_wrap2 { float:left; }
#sod_wrap .sod_inf_wrap .sod_pay_wrap2 { float:right;width:520px; }

#sod_wrap .sod_inf_wrap .sod_info_wrap2 .info_odr { margin-bottom:90px; }
#sod_wrap .sod_inf_wrap .sod_info_wrap2 .info_deli {  }

#sod_wrap .sod_info_wrap2 {  }
#sod_wrap .sod_info_wrap2 .w1 { width:280px; }
#sod_wrap .sod_info_wrap2 .w2 { width:430px; }
#sod_wrap .sod_info_wrap2 .w3 { width:580px; }

#sod_wrap .sod_info_wrap2 li { min-height:34px;margin-bottom:20px; }
#sod_wrap .sod_info_wrap2 li:last-child { margin-bottom:0; }


#sod_wrap .sod_info_wrap2 .odr_head { position:relative; }
#sod_wrap .sod_info_wrap2 .odr_head p { position:absolute;bottom:0; }

#sod_wrap .sod_info_wrap2 input { height:34px;font-family:'jgr_m3';font-size:24px;padding-bottom:6px;border:0;
 background-image:url("/img/line_w82g_e.svg"), url("/img/line_w82g.svg");background-size:100px 1px, 10px 1px;background-repeat:no-repeat, repeat-x;background-position:right bottom, left bottom;
}
#sod_wrap .sod_info_wrap2 .inp2 { font-size:18px; }
#sod_wrap .sod_info_wrap2 .inp3 { font-size:18px;color:#afafaf; }

#sod_wrap .sod_info_wrap2 input[type="checkbox"] { position:relative;top:0; }
#sod_wrap .sod_info_wrap2 input[type="radio"] { position:relative;top:0; }
#sod_wrap .sod_info_wrap2 button { display:inline-block;color:#8f8f8f;font-family:'jgr_m1';font-size:12px;padding:6px 8px;border:1px solid #8f8f8f;border-radius:3px; }
#sod_wrap .sod_info_wrap2 .btn_deli { display:inline-block;position:relative;top:0;height:22px;line-height:22px;border:1px solid rgba(0,0,0,0.1);background:#efefef;padding:0 6px;margin-left:5px; }
#sod_wrap .sod_info_wrap2 .frm_info { margin-top:5px;display:inline-block; }
#sod_wrap .sod_info_wrap2 .add { display:inline-block; }
#sod_wrap .sod_info_wrap2 .add p { margin-bottom:20px; }
#sod_wrap .sod_info_wrap2 .add p:last-child { margin-bottom:0; }

#sod_wrap .sod_pay_wrap2 #pay_price { margin-bottom:90px; }
#sod_wrap .sod_pay_wrap2 #pay_price .small { margin-left:10px;opacity:0.5; }
#sod_wrap .sod_pay_wrap2 #pay_price ul { display:block;margin-bottom:15px; }
#sod_wrap .sod_pay_wrap2 #pay_price ul:last-child { margin-bottom:0; }
#sod_wrap .sod_pay_wrap2 #pay_price ul:after { display:block;visibility:hidden;clear:both;content:"" }
#sod_wrap .sod_pay_wrap2 #pay_price ul li { float:left;line-height:30px; }
#sod_wrap .sod_pay_wrap2 #pay_price ul li:first-child { margin-right:30px; }
#sod_wrap .sod_pay_wrap2 #pay_price strong { font-family:"jgr_m5";font-size:18px; }
#sod_wrap .sod_pay_wrap2 #od_tot_price strong { font-family:"jgr_m5";font-size:20px;color:#e52b00; }

#sod_wrap .sod_pay_wrap2 #pay_tool { margin-bottom:90px;font-size:0; }

#sod_wrap .sod_pay_wrap2 #pay_tool input[type="radio"] { position:absolute;width:0;height:0;overflow:hidden;visibility:hidden;text-indent:-999px;left:0; }
#sod_wrap .sod_pay_wrap2 #pay_tool input[type="radio"]:checked+.lb_icon { border:1px solid #000; }
#sod_wrap .sod_pay_wrap2 #pay_tool .lb_icon { display:inline-block;font-family:"jgr_m3";width:260px;height:60px;line-height:60px;font-size:16px;border:1px solid #dfdfdf;padding-left:65px;cursor:pointer; }


#sod_wrap .card_icon { background:url('/img/pay_ico1.svg') no-repeat 18px 50% #fff;background-size:30px 24px;  }
#sod_wrap .bank_icon { background:url('/img/pay_ico2.svg') no-repeat 18px 50% #fff;background-size:30px 24px;  }
#sod_wrap .vbank_icon { background:url('/img/pay_ico3.svg') no-repeat 18px 50% #fff;background-size:30px 24px;  }
#sod_wrap .iche_icon { background:url('/img/pay_ico4.svg') no-repeat 18px 50% #fff;background-size:30px 24px;  }

/* 추후삭제 */
#sod_wrap .odr_frm {  }
#sod_wrap .odr_frm .w1 { width:280px; }
#sod_wrap .odr_frm .w2 { width:430px; }
#sod_wrap .odr_frm .w3 { width:580px; }

#sod_wrap .odr_frm li { min-height:34px;margin-bottom:20px; }
#sod_wrap .odr_frm li:last-child { margin-bottom:0; }
#sod_wrap .odr_frm .odr_head { position:relative; }
#sod_wrap .odr_frm .odr_head p { position:absolute;bottom:0; }

#sod_wrap .odr_frm input {
	height:34px;font-family:'jgr_m2';font-size:20px;padding-bottom:6px;border:0;
	background-image:url("/img/line_w82g_e.svg"), url("/img/line_w82g.svg");
	background-size:100px 1px, 10px 1px;
	background-repeat:no-repeat, repeat-x;
	background-position:right bottom, left bottom;
}
#sod_wrap .odr_frm .inp2 { font-size:18px; }
#sod_wrap .odr_frm .inp3 { font-size:18px;color:#afafaf; }

#sod_wrap .odr_frm input[type="checkbox"] { position:relative;top:0; }
#sod_wrap .odr_frm input[type="radio"] { position:relative;top:0; }
#sod_wrap .odr_frm button { display:inline-block;color:#8f8f8f;font-family:'jgr_m1';font-size:12px;padding:6px 8px;border:1px solid #8f8f8f;border-radius:3px; }
#sod_wrap .odr_frm .btn_deli { display:inline-block;position:relative;top:0;height:22px;line-height:22px;border:1px solid rgba(0,0,0,0.1);background:#efefef;padding:0 6px;margin-left:5px; }
#sod_wrap .odr_frm .frm_info { margin-top:5px;display:inline-block; }
#sod_wrap .odr_frm .add { display:inline-block; }
#sod_wrap .odr_frm .add p { margin-bottom:20px; }
#sod_wrap .odr_frm .add p:last-child { margin-bottom:0; }
/* */

/* 삭제예정 */
#sel_bank2 { clear:both;display:inline-block;font-family:"jgr_m2";font-size:16px;margin-top:30px;text-align:center; }
#sel_bank2 p { margin-bottom:10px; }
#sel_bank2 p:last-child { margin-bottom:0; }
#sel_bank2 label { font-family:"jgr_m1";font-size:14px;color:#8f8f8f;margin-right:15px; }
#sel_bank2 input { padding-bottom:6px;
	background-image:url("/img/line_w82g_e.svg"), url("/img/line_w82g.svg");background-size:100px 1px, 10px 1px;background-repeat:no-repeat, repeat-x;background-position:right bottom, left bottom;
	}
#sel_bank2 select{ border:1px solid #cfcfcf; }
#sel_bank2 #od_deposit_name { display:inline-block;width:200px;font-family:"jgr_m2";font-size:16px;border:0; }



#sel_bank { margin-top:40px;text-align:center; }
#sel_bank label { display:none; }
#sel_bank p { font-family:"jgr_s2";color:#aaa;font-size:14px;margin-bottom:10px; }
#sel_bank .acco { font-family:"jgr_m6";color:#000;font-size:16px; }
#sel_bank b { font-family:"jgr_m2";color:#000;font-size:14px;margin-right:8px; }
#sel_bank p:last-child { margin-top:20px;margin-bottom:0; }
#sel_bank input { 
	width:140px !important;font-family:"jgr_m6" !important;font-size:16px;text-align:center;padding:8px;
	background-color:#eee;border:1px solid rgba(0,0,0,0.1);border-radius:6px;
 }
#sel_bank select{ border:1px solid #cfcfcf; }
#sel_bank #od_deposit_name { display:inline-block;width:200px;font-family:"jgr_m2";font-size:16px;border:0; }


/*메인리스트*/

/* 교체예정 */
#main_list_wr .list_head { position:relative;height:40px;margin-bottom:60px; }
#main_list_wr .list_head:after { display:block;visibility:hidden;clear:both;content:"" }
#main_list_wr .list_head li { float:left; }
#main_list_wr .list_head li:nth-child(1) { font-family:'jgr_s3';font-size:40px;line-height:40px;letter-spacing:-1px;margin-right:30px; }
#main_list_wr .list_head li:nth-child(2) { position:relative;top:18px;color:#8f8f8f;font-family:'jgr_m2';font-size:16px;line-height:16px;padding-left:20px;border-left:2px solid #cfcfcf;margin-right:90px; }
#main_list_wr .list_head li:nth-child(3) a { position:relative;top:19px; }
#main_list_wr .list_head li:nth-child(3) a:hover { color:#008c8c; }
#main_list_wr .list_head li:nth-child(3) a:after { position:relative;right:-5px;content:"\21FE";font-size:16px; }

#mlist_wrap .list_head { width:1200px;margin-bottom:90px;text-align:center; }
#mlist_wrap .list_head li:nth-child(1) { font-family:'jgr_m3';font-size:42px;line-height:42px;margin-bottom:20px; }
#mlist_wrap .list_head li:nth-child(2) { font-family:'jgr_m1';font-size:14px;color:#afafaf; }
#mlist_wrap .brd_head { width:1200px;margin-bottom:90px;text-align:center; }
#mlist_wrap .brd_head li:nth-child(1) { font-family:'jgr_m3';font-size:42px;line-height:42px;margin-bottom:20px; }
#mlist_wrap .brd_head li:nth-child(2) { font-family:'jgr_m1';font-size:14px;color:#afafaf; }

#main_wrap .sec_title { margin-bottom:60px;text-align:center; }
#main_wrap .sec_title li{ margin-bottom:15px; }
#main_wrap .sec_title li:last-child { margin-bottom:0; }
#main_wrap .sec_title li:nth-child(1) { font-family:'jgr_m3';font-size:42px;line-height:40px; }
#main_wrap .sec_title li:nth-child(2) { font-family:'jgr_s13';font-size:16px;color:#afafaf; }
#main_wrap .sec_title li a { font-family:'jgr_m1';font-size:13px;color:#afafaf; }
#main_wrap .sec_title li a:hover { color:#008c8c; }
#main_wrap .sec_title li a:after { position:relative;right:-5px;content:"\21FE";font-size:13px; }


/* 이벤트리스트 */
/* 교체예정 */
#event_wr .ev_head { position:relative;height:40px;margin-bottom:60px; }
#event_wr .ev_head:after { display:block;visibility:hidden;clear:both;content:"" }
#event_wr .ev_head li { float:left; }
#event_wr .ev_head li:nth-child(1) { margin-right:30px; }
#event_wr .ev_head li:nth-child(2) { position:relative;top:24px;color:#8f8f8f;font-family:'jgr_m2';font-size:16px;line-height:16px;padding-left:20px;border-left:2px solid #cfcfcf;margin-right:90px;  }
#event_wr .ev_head li:nth-child(3) a { position:relative;top:25px; }
#event_wr .ev_head li:nth-child(3) a:hover { color:#008c8c; }
#event_wr .ev_head li:nth-child(3) a:after { position:relative;right:-5px;content:"\21FE";font-size:16px; }

.list_category { margin-bottom:30px; }
.list_category:after { display:block;visibility:hidden;clear:both;content:""; }
.list_category li { float:left;font-family:'jgr_m3';font-size:16px;line-height:16px;border-right:1px solid #cfcfcf;padding-right:20px;margin-right:20px; }
.list_category li:last-child { padding-right:0;margin-right:0;border-right:0; }

/* skin_ev1 */
.skin_ev1 { display:inline-block; }
.skin_ev1:after { display:block;visibility:hidden;clear:both;content:""; }
.skin_ev1 .sct_li { position:relative;float:left;margin:0 6px 30px 0; }
.skin_ev1 .sct_last { margin:0; }
.skin_ev1 .sct_clear { clear:both; }
.skin_ev1 .sct_txt { background-image:url('/img/bar_b21.svg'), url('/img/bar_b22.svg'); background-size:10px 10px, 10px 10px; background-position:left bottom ,right bottom; background-repeat:no-repeat; }
.skin_ev1 .sct_txt { position:relative;height:60px;text-align:center;padding:20px 0 0 0; }
.skin_ev1 .sct_txt .sct_name { margin-bottom:10px; }
.skin_ev1 .sct_txt .sct_cost { font-family:'jgr_m5';font-size:14px;color:#be3c3c;letter-spacing:-0.5px; }
.skin_ev1 .sct_txt .sct_cost:before { position:relative;content:"\20a9";font-size:12px; }
.skin_ev1 a { display:block;position:absolute;left:0;top:0;width:100%;height:100%; }

/* skin_ev2 */
.skin_ev2 { display:inline-block; }
.skin_ev2:after { display:block;visibility:hidden;clear:both;content:""; }
.skin_ev2 .sct_li { position:relative;float:left;margin:0 30px 30px 0; }
.skin_ev2 .sct_last { margin-right:0; }
.skin_ev2 .sct_clear { clear:both; }
.skin_ev2 .sct_txt { position:relative;height:60px;text-align:center;padding:15px 0 0 0; }
.skin_ev2 .sct_txt .sct_name { font-family:'jgr_m3';font-size:16px;letter-spacing:-0.5px;margin-bottom:10px; }
.skin_ev2 .sct_txt .sct_cost { font-family:'jgr_m5';font-size:15px;color:#be3c3c;letter-spacing:-0.5px; }
.skin_ev2 .sct_txt .sct_cost:before { position:relative;content:"\20a9";font-size:14px; }
.skin_ev2 a { display:block;position:absolute;left:0;top:0;width:100%;height:100%; }




.skin_main_noitem { text-align:center; }

/* skin_main1 */
.skin_main1:after { display:block;visibility:hidden;clear:both;content:""; }
.skin_main1 .sct_li { position:relative;float:left;margin:0 4px 4px 0; }
.skin_main1 .sct_last { margin:0; }
.skin_main1 .sct_clear { clear:both; }
.skin_main1 .sct_img { position:relative; }
.skin_main1 .name_wrap { position:absolute;top:15px;width:100%;text-align:center; }
.skin_main1 .it_name {
	display:inline-block;text-align:center;font-family:'jgr_s4';font-size:32px;line-height:1.2em;
	word-wrap:break-word;word-break:keep-all;padding:0 10px;
}
.skin_main1 .base_wrap { position:absolute;bottom:40px;width:100%;text-align:center;padding:0 20px; }
.skin_main1 .it_base {
	display:inline-block;text-align:center;font-family:'jgr_m3';font-size:14px;line-height:1.2em;
	word-wrap:break-word;word-break:keep-all;
}
.skin_main1 .cost_wrap { position:absolute;bottom:10px;width:100%;text-align:center; }
.skin_main1 .it_cost { display:inline-block;font-family:'jgr_m9';font-size:20px;line-height:1em;letter-spacing:-0.5px; }
.skin_main1 .it_cost:before { position:relative;top:-2px;left:6px;content:"\20a9";font-family:'jgr_m4';font-size:0.7em; }

.skin_main1 a { display:block;position:absolute;left:0;top:0;width:100%;height:100%;}




/* skin_main2 */
.skin_main2 { display:inline-block; }
.skin_main2:after { display:block;visibility:hidden;clear:both;content:""; }
.skin_main2 .sct_li { position:relative;float:left;margin:0 12px 12px 0; }
.skin_main2 .sct_last { margin:0; }
.skin_main2 .sct_clear { clear:both; }
.skin_main2 .sct_img { position:relative; }
.skin_main2 .sct_txt { display:inline-block;position:absolute;bottom:30px;width:100%;text-align:center;  }
.skin_main2 .sct_txt p { display:inline-block;font-family:'jgr_m4';font-size:14px;line-height:14px;background:#286abf;color:#ffffff;padding:1px 2px 1px 1px;letter-spacing:-0.5px; }
.skin_main2 .sct_txt p .it_name { margin-right:10px; }
.skin_main2 .sct_txt p .it_cost { color:yellow;font-size:15px;line-height:15px; }
.skin_main2 .sct_txt p .it_cost:before { position:relative;top:1px;content:"\20a9";font-family:'jgr_m5';font-size:12px;line-height:12px; }
.skin_main2 a { display:block;position:absolute;left:0;top:0;width:100%;height:100%;}

/* skin_main3 */
.skin_main3 { display:inline-block; }
.skin_main3:after { display:block;visibility:hidden;clear:both;content:""; }
.skin_main3 .sct_li { position:relative;float:left;margin:0 12px 30px 0; }
.skin_main3 .sct_last { margin:0; }
.skin_main3 .sct_clear { clear:both; }
.skin_main3 .sct_img { position:relative; }
.skin_main3 .sct_txt { background-image:url('/img/bar_b21.svg'), url('/img/bar_b22.svg'); background-size:10px 10px, 10px 10px; background-position:left bottom ,right bottom; background-repeat:no-repeat; }
.skin_main3 .sct_txt { position:relative;height:60px;text-align:center;padding-top:25px; }
.skin_main3 .sct_txt p { display:inline-block;font-family:'jgr_m4';font-size:16px;letter-spacing:-1px; }
.skin_main3 .sct_txt p .it_name { color:#008c8c;margin-right:10px; }
.skin_main3 .sct_txt p .it_cost { color:#be3c3c; }
.skin_main3 .sct_txt p .it_cost:before { position:relative;top:0;content:"\20a9";font-family:'jgr_m5';font-size:14px; }
.skin_main3 a { display:block;position:absolute;left:0;top:0;width:100%;height:100%;}

/* skin_main4 */
.skin_main4 { display:inline-block; }
.skin_main4:after { display:block;visibility:hidden;clear:both;content:""; }
.skin_main4 .sct_li { position:relative;float:left;margin:0 30px 30px 0; }
.skin_main4 .sct_last { margin-right:0; }
.skin_main4 .sct_clear { clear:both; }
.skin_main4 .sct_img { position:relative; }
.skin_main4 .sct_txt { position:relative; }
.skin_main4 .it1_name { background:url("/img/bar_w3.svg") repeat-x bottom;background-size:4px 1px; }
.skin_main4 .it1_name { font-family:'jgr_m2';font-size:15px;padding:20px 0 10px; }
.skin_main4 .s_cost:before { position:relative;top:1px;content:"\20a9";font-size:14px; }
.skin_main4 .s_cost { font-family:'jgr_s6';font-size:16px;line-height:18px;text-align:left;padding:10px 10px 0 10px; }
.skin_main4 a { display:block;position:absolute;left:0;top:0;width:100%;height:100%;}

/* skin_main5 */
.skin_main5 { position:relative;display:inline-block; }
.skin_main5:after { display:block;visibility:hidden;clear:both;content:""; }
.skin_main5 .sct_li { position:relative;float:left;margin:0 8px 30px 0; }
.skin_main5 .sct_last { margin:0; }
.skin_main5 .sct_clear { clear:both; }
.skin_main5 .sct_img { position:relative; }
.skin_main5 .sct_txt { position:relative;padding:10px 10px 0 10px; }
.skin_main5 .sct_txt { background-image:url('/img/bar_b21.svg'), url('/img/bar_b22.svg'); background-size:10px 10px, 10px 10px; background-position:left bottom ,right bottom; background-repeat:no-repeat; }
.skin_main5 .sct_txt .s_name { line-height:18px;text-align:center;height:60px; }
.skin_main5 .sct_txt .s_cost { font-family:'jgr_m5';font-size:14px;text-align:center; }
.skin_main5 .sct_txt .s_cost:before { position:relative;top:0;content:"\20a9";font-size:12px;  }
.skin_main5 a { display:block;position:absolute;left:0;top:0;width:100%;height:100%;}