@charset 'UTF-8';

html,body,p,a,h1,h2,h3,h4,h5,h6,ul,ol,li,dl,dt,dd,em,table,th,td,form,fieldset,legend,input,textarea,select,button,div,time,article,aside,dialog,footer,header,section,footer,nav,figure,blockquote,address {margin:0;padding:0;border:0;outline:0;-webkit-text-size-adjust:none;}
html,body {height:100%;}
body {height:100%; font:normal 15px 'Apple Gothic', 'Samsung Gothic', 'Malgun Gothic', sans-serif; color:#555;-webkit-text-size-adjust: none;background:#fff;}
article, aside, footer, header, hgroup, nav, section, figure {display:block;}
img {border:none;-webkit-touch-callout:none;}
h1, h2, h3 {font-size:1.1em;margin:0;}
em,address,time {font-style:normal;}
ul, ol, li {list-style:none;}
a {text-decoration:none;color:#555;}
table {width:100%;padding:0;margin:0;font-size:1em;border-collapse:collapse;border-spacing:0;empty-cells:show;}
table td, table th {padding:0;border-collapse:collapse;-webkit-user-select:element;}
table th {letter-spacing:-1px;font-weight:normal;}
button {margin:0; padding:0; font:normal 1em 'Apple Gothic', 'Samsung Gothic', 'Malgun Gothic', sans-serif;vertical-align:middle; border:none; overflow:visible; background:none;}
input[type=text], input[type=password], input[type=number], input[type=rang], input[type=email], input[type=url], input[type=month], input[type=date], input[type=datetime], input[type=datetime-local], input[type=tel], input[type=search], input[type=time], input[type=color], .input_date, select 
    {height:40px;padding:0 7px;vertical-align:middle;font:normal 1em 'Apple Gothic', 'Malgun Gothic', sans-serif;border:1px solid #bbb;border-radius:3px;-webkit-border-radius:3px;/*-webkit-box-shadow:inset 1px 1px 3px rgba(0,0,0,0.2);*/background:#fff;-webkit-box-sizing:border-box;-webkit-appearance:none;}
input[type=text], input[type=password], input[type=number], input[type=rang], input[type=email], input[type=url], input[type=month], input[type=date], input[type=datetime], input[type=datetime-local], input[type=tel], input[type=search], input[type=time], input[type=color] {width:80px;}
select {padding-right:23px;letter-spacing:-0.08em;-webkit-box-shadow:none;background: url('../images/select_bg.png') no-repeat right center, url('../images/input_bg.png') repeat-x bottom center, #fff;background-size:20px auto, 100% 38px;}
.input_date {padding-right:23px;letter-spacing:0;text-align:left;-webkit-box-shadow:none;background: url('../images/date_bg.png') no-repeat right center, url('../images/input_bg.png') repeat-x bottom center, #fff;background-size:20px auto, 100% 38px;}
input[type=checkbox], input[type=radio] {margin:0;vertical-align:middle;}
input[type=checkbox] {width:25px;height:25px;margin-right:5px;}
input[type=checkbox]:checked, input[type=checkbox]:active {background-image: url('../images/checkbox_on.png');}
input[type=checkbox]:disabled {opacity:0.5;}
input[type=radio] {width:25px;height:25px;padding:0;margin-right:0.2em;background:url('../images/radio_off.png') no-repeat center center;background-size:25px;-webkit-appearance:none;}
input[type=radio]:checked {background-image: url('../images/radio_on.png');}
input[type=radio]+label, input[type=checkbox]+label {margin-right:3px;}
label:last-child {margin-right:0;}
label>input[type=radio] {vertical-align:middle;}
label>input, label>span {vertical-align:middle;} 
input[type=file] {border:1px solid #ccc; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;}
input[type=text]:only-child, input[type=password]:only-child, input[type=number]:only-child, input[type=tel]:only-child, input[type=email]:only-child, input[type=search]:only-child, select:only-child, input[type=month]:only-child, input[type=date]:only-child, input[type=datetime]:only-child, input[type=datetime-local]:only-child, input[type=time]:only-child, .input_date:only-child {width:100%;}
input[type=number] {text-align:right;}
input[type=number]::-webkit-outer-spin-button, input[type=time]::-webkit-outer-spin-button {display:none;}
input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {color:#999;}
.input_date[readonly^=readonly], .input_time[readonly^=readonly] {opacity:1;background:#f4f4f4;}
input[type=text][readonly^=readonly] {background:#f4f4f4;color:#777;}
input[type=text]:disabled, input[type=number]:disabled, input[type=tel]:disabled, input[type=password]:disabled, input[type=date]:disabled, input[type=time]:disabled, select:disabled, textarea:disabled {color:#333;opacity:0.8;}
button:disabled {opacity:0.8;}
textarea {width:100%;padding:10px;font:normal 1em/150% 'Apple Gothic', 'Samsung Gothic', 'Malgun Gothic', sans-serif;color:#333;background:#fff;border:1px solid #999;border-radius:3px;box-shadow:inset 3px 2px 2px rgba(0,0,0,0.1);-webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;}
hr {height:0; padding:0; margin:0; border:none; overflow:hidden;}

.blind {  text-indent:-5000px; font-size:0;}
legend {position:absolute; left:-1000px; top:-1000px; width:0; height:0; overflow:hidden; visibility:hidden; font-size:0px; line-height:0; padding:0; margin:0; text-indent:-9999px;}
caption {overflow:hidden;visibility:hidden;width:0;height:0;font-size:0;line-height:0;padding:0;margin:0;text-indent:-9999px;}
.ellipsis {text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}
.hide {display:none !important; opacity:0; -webkit-transition:opacity 0.5s ease-in;}
.show {display:block !important; opacity:1; -webkit-transition:opacity 0.5s ease-in;}
.show2 {display:inline-block !important; opacity:1; -webkit-transition:opacity 0.5s ease-in;}
.showt {display:table !important; opacity:1; -webkit-transition:opacity 0.5s ease-in;}
.showtr {display:table-row !important; opacity:1; -webkit-transition:opacity 0.5s ease-in;}
.showtb {display:table-row-group !important;}
.clear {clear:both;}
.clear:after {display:block;clear:both;content:'';width:0;height:0;line-height:0;font-size:0;overflow:hidden;visibility:hidden;}
.no_data {width:100% !important;padding:4em 0 !important;margin:0 !important;border:none !important;text-align:center !important;font-size:1.1e !importantm;letter-spacing:-1px !important;color:#777 !important;background:none !important;-webkit-box-shadow:none !important;text-shadow:none !important;}
.p10 {padding:10px;}
.pb30 {padding-bottom:30px !important;}
.pb50 {padding-bottom:50px !important;}
.w100 {width:100%;}
.box01 {padding:10px;border-bottom:1px solid #ccc;background:#f4f4f4;text-align:center;}
.box02 {padding:10px;border:1px solid #ccc;background:#f4f4f4;text-align:left;}
.tit {height:30px;line-height:30px;border:1px solid #aaa;border-width:1px 0;padding-left:15px;font-size:1em;letter-spacing:-0.08em;text-align:left;color:#333;text-shadow:0 1px 0 rgba(255,255,255,0.5);background: url('../images/title_bg.png') repeat-x left top, #ddd;-webkit-background-size:100% 28px;-webkit-box-sizing:border-box;}
.btit {position:relative;height:40px;line-height:40px;border:1px solid #596069;border-bottom:1px solid #393e44;padding-left:15px;font-size:1em;letter-spacing:-0.08em;text-align:left;/*color:#fff;text-shadow:0 0 3px #000;*/background: url('../images/dark_title_bg.png') repeat-x left top, #ddd;-webkit-background-size:100% 38px;-webkit-box-sizing:border-box;}
.btit>button {display:block;position:absolute;right:0;top:0;width:40px;height:40px;background: url('none.png') no-repeat center center;-webkit-background-size:40px;}
.stit {padding-left:15px;height:30px;line-height:30px;font-size:0.95em;font-weight:normal;letter-spacing:-0.08em;color:#777;background: url('../images/heart_icon.png') no-repeat left center;-webkit-background-size:12px;}
.fixed {position:fixed !important;}
.tgray {color:#777;}

.tbasic {color:#0078ec !important;}
.tgreen {color:#1c9300 !important;}
.tprice {color:#fc2f00 !important;font-weight:bold;}
.tred {color:#fc2f00;}
.txt_org {color:#ff4e00 !important;font-weight:bold;}

/** btn **/
.btn_area {display:block;position:relative;padding:10px;text-align:center;}
.btn_area button, .btn_area a {vertical-align:middle;-webkit-box-sizing:border-box;}
.btn_area button:only-child, .btn_area a:only-child {width:100%;margin:0;}
.btn_shape {display:inline-block;padding:0 20px;height:50px;line-height:50px;letter-spacing:-0.08em;font-size:1.2em;text-shadow:0 0 2px #000;color:#fff;font-weight:bold;border-radius:3px;-webkit-box-shadow:0 1px 1px rgba(0,0,0,0.5);}
.btn_shape_mini {display:inline-block;padding:0 15px;height:25px;line-height:20px;letter-spacing:-0.08em;font-size:0.9em;text-shadow:0 0 2px #000;color:#fff;font-weight:bold;border-radius:3px;-webkit-box-shadow:0 1px 1px rgba(0,0,0,0.5);}
.btn_shape2 {display:inline-block;padding:0 20px;height:50px;line-height:50px;letter-spacing:-0.08em;font-size:1.2em;text-shadow:0 0 2px #000;color:#fff;font-weight:bold;border-radius:3px;-webkit-box-shadow:0 1px 1px rgba(0,0,0,0.1);}
.btn_basic {border:1px solid #5e5e5e;background: url('../images/btn_blue_bg.png') repeat-x top center, #5e5e5e;-webkit-background-size:100% 48px;}
.btn_red {border:1px solid #9b0005;background: url('../images/btn_red_bg2.png') repeat-x top center, #00ae00;-webkit-background-size:100% 48px;}
.btn_green {border:1px solid #028902;background: url('../images/btn_green_bg.png') repeat-x top center, #00ae00;-webkit-background-size:100% 48px;}
.btn_blue {border:1px solid #0373a7;background: url('../images/btn_blue_bg.png') repeat-x top center, #10a5e6;-webkit-background-size:100% 48px;}
.btn_orange {border:1px solid #b93400;background: url('../images/btn_orange_bg.png') repeat-x top center, #e64d00;-webkit-background-size:100% 48px;}
.btn_dgray {border:1px solid #666;background: url('../images/btn_gray_bg.png') repeat-x top center, #888;-webkit-background-size:100% 48px;}
.btn_gray {color:#333;text-shadow:0 1px 0 rgba(255,255,255,0.7);border:1px solid #aaa;-webkit-background-size:100% 38px;}
.btn_black {border:1px solid #444;background: url('../images/btn_black_bg.png') repeat-x top center, #555;}
.btn_normal {padding:0 10px;height:40px;line-height:40px;font-size:1em;-webkit-background-size:auto 40px;}
.btn_search {display:inline-block;padding:0 10px;height:35px;line-height:35px;font-size:1em;text-shadow:0 0 2px rgba(0,0,0,0.7);color:#fff;font-weight:bold;border-radius:5px;-webkit-box-shadow:inset 0 1px 0 rgba(255,255,255,0.3);border:1px solid #9e205b;background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #e06fa2), color-stop(100%, #b43470)), #c74e86;}
.btn_more {display:block;width:100%;height:40px;line-height:40px;border:1px solid #aaa;border-radius:3px;background: url('../images/icon_down.png') no-repeat center center, url('../images/input_bg.png') repeat-x top center, #e1e1e1;;-webkit-background-size:20px auto, auto 100%;-webkit-box-sizing:border-box;}
.btn_delete {display:block;width:100%;height:35px;line-height:35px;padding:0 10px;color:#555;letter-spacing:-0.07em;text-align:left;border:1px solid #ccc;border-radius:3px;background: url('../images/icon_x.png') no-repeat 97% center, #f4f4f4;-webkit-background-size:10px;-webkit-box-sizing:border-box;}
.btn_twin button, .btn_twin a {width:48%;}
.btn_twin .w100 {width:100%;}

/** layout **/
.wrapper {position:relative;height:100%;background:#eee;-webkit-box-sizing:border-box;}
.wrapper>section, .wrapper>article, .wrapper>div {background:#fff;}
.wrapper>.FixMenu+section, .wrapper>.FixMenu+article, .wrapper>.FixMenu+div {padding-top:50px;}
.wrapper>header {position:absolute;left:0;top:0;width:100%;height:50px;padding-bottom:4px;-webkit-box-sizing:border-box;background: url('../images/header_bg.png') repeat-x left top;-webkit-background-size:100% 50px;z-index:999;}
.wrapper>header h1 {width:250px;margin:0 auto;height:49px;background: url('../images/logo.png') no-repeat center center;-webkit-background-size:auto 30px; }
.wrapper>header h1 a { display:block; height:46px; font-size:0;text-indent:-5000;}
.wrapper>header button {display:block;overflow:hidden;position:absolute;top:6px;width:33px;height:33px;}
.wrapper>header .btn_com_menu {left:10px;background: url('../images/btn_com_menu.png') no-repeat center center;-webkit-background-size:33px 33px;}
.wrapper>header .btn_com_search {right:10px;background: url('../images/btn_com_search.png') no-repeat center center;-webkit-background-size:33px 33px;}
.wrapper>header .btn_com_search a { display:block;}
.wrapper>footer {display:block;width:100%;padding:10px 10px 50px 10px;background:#eee;border-top:1px solid #aaa;-webkit-box-sizing:border-box;}
.wrapper>footer div {text-align:center;}
.wrapper>footer div a {display:inline-block;padding:0 5px;height:22px;line-height:22px;text-align:center;font-size:0.9em;color:#333;border:1px solid #aaa;background:#fff;-webkit-box-sizing:border-box;}
.wrapper>footer p {padding-top:10px;text-align:center;color:#555;}
.wrapper>footer address {text-align:center;color:#555;}
.wrapper>footer p span {display:inline-block;font-size:0.9em;}
.wrapper>footer p.footer_p {display:block;font-size:0.8em; padding-bottom:5px; content:none;}
.wrapper>footer p.footer_p span:after{color:#eee;}
.wrapper>footer p span>a {display:inline-block;padding:0 10px;}
.wrapper>footer p span:after {display:inline-block;content:'l';color:#aaa;}
.wrapper>footer p span:last-child:after {content:'';}
.inner_shadow {padding:10px;background: url('../images/inner_shadow.png') no-repeat top center, #fff;-webkit-background-size:100% 20px;background-size:100% 20px;}
.inner_shadow .btn_area {padding:10px 0;}
.inner_shadow2 {padding:10px;background: url('../images/inner_shadow2.png') no-repeat top center, #f4f4f4;-webkit-background-size:100% 20px;background-size:100% 20px;}
.wrapper>.FixMenu+.inner_shadow, .wrapper>.FixMenu+.inner_shadow2 {padding-top:60px;}
.btn_abs_top {overflow:hidden;position:absolute;right:5px;bottom:90px;width:40px;height:40px;text-align:center;padding-top:16px;border-radius:20px;color:#fff;font-size:0.8em;text-shadow:0 0 2px rgba(0,0,0,0.5);background: url('../images/icon_top.png') no-repeat center 8px, #aaa;-webkit-background-size:10px auto;-webkit-box-sizing:border-box;z-index:9999;}

.subject h2, .subject h3 {font-size:1.2em;padding:0 40px;color:#333;font-weight:bold;letter-spacing:-0.08em;text-align:center;text-overflow:ellipsis; white-space:nowrap; overflow:hidden;-webkit-box-sizing:border-box;}
.btn_back, .btn_close {display:block;position:absolute;top:0;height:33px;width:40px;}
.btn_back {left:0;background: url('../images/btn_back.png') no-repeat center center;-webkit-background-size:auto 20px;}
.btn_close {right:0;background: url('../images/btn_close.png') no-repeat center left;-webkit-background-size:auto 33px;}
.fav_add {margin-top:10px;border:1px solid #2f3746;height:40px;background: url('../images/dark_bg.png') repeat-x bottom center, #4a5565;-webkit-background-size:100% 40px;-webkit-box-sizing:border-box;}
.fav_add>button, .fav_add>a {display:block;width:100%;height:38px;line-height:38px;text-align:center;font-size:1em;letter-spacing:-0.08em;text-shadow:0 0 2px #000;color:#fff;background: url('../images/down_app_1.png') no-repeat right center;-webkit-background-size:auto 38px;}
.fav_add>button strong, .fav_add>a strong {color:#7be2ff;} 

/** snb **/
.snb {display:none;position:absolute;left:0;top:50px;width:100%;border:1px solid #ccc;-webkit-box-sizing:border-box;}
.snb li {border-bottom:1px solid #ccc;}
.snb li:last-child {border-bottom:none;}
.snb li a {display:block;width:100%;padding:0 20px;height:40px;line-height:40px;font-size:1.1em;letter-spacing:-0.08em;background:#f4f4f4;color:#333;font-weight:bold;-webkit-box-sizing:border-box;}
.snb li a:active, .snb li.on a {background:#fff;color:#1282ed;}

/** gnb **/
.gnb {display:block;position:absolute;left:0;bottom:0;width:100%;height:45px;background:#353d49;-webkit-box-sizing:border-box;}
.gnb ul {overflow:hidden;width:100%;height:43px;}
.gnb li {float:left;width:25%;height:43px;border-right:1px solid #1d252d;border-left:1px solid #4b5360;-webkit-box-sizing:border-box;}
.gnb li:nth-child(2) {width:25%;}
.gnb li:nth-child(3) {width:25%;}
.gnb li:first-child {border-left:0;}
.gnb li:last-child {border-right:0;}
.gnb li a, .gnb li button {display:block;width:100%;height:43px;background: url('../images/gnb1_off.png') no-repeat center center, #353d49;-webkit-background-size:auto 43px;border-top:4px solid #1d252d;}
.gnb li:nth-child(2) a, .gnb li:nth-child(2) button {background: url('../images/gnb2_off.png') no-repeat center center, #353d49;-webkit-background-size:auto 43px;}
.gnb li:nth-child(3) a, .gnb li:nth-child(3) button {background: url('../images/gnb3_off.png') no-repeat center center, #353d49;-webkit-background-size:auto 43px;}
.gnb li:nth-child(4) a, .gnb li:nth-child(4) button {background: url('../images/gnb4_off.png') no-repeat center center, #353d49;-webkit-background-size:auto 43px;}
.gnb li .on {background: url('../images/gnb1_on.png') no-repeat center center, #2b323c;-webkit-background-size:auto 43px;-webkit-box-shadow:inset 0 2px 3px rgba(0,0,0,0.5); border-top:4px solid #166dcd;}
.gnb li:nth-child(2) .on {background: url('../images/gnb2_on.png') no-repeat center center, #2b323c;-webkit-background-size:auto 43px;}
.gnb li:nth-child(3) .on {background: url('../images/gnb3_on.png') no-repeat center center, #2b323c;-webkit-background-size:auto 43px;}
.gnb li:nth-child(4) .on {background: url('../images/gnb4_on.png') no-repeat center center, #2b323c;-webkit-background-size:auto 43px;} 

/** tab **/
.tab {height:40px;padding-bottom:5px;}
.tab ul {overflow:hidden;width:100%;height:40px;}
.tab li {float:left;width:50%;border-bottom:1px solid #3bb2ed;-webkit-box-sizing:border-box;}
.tab li.on {border:1px solid #3bb2ed;border-bottom:0;}
.tab li button {display:block;width:100%;height:39px;border:1px solid #8c8c8c;letter-spacing:-0.08em;color:#fff;text-shadow:0 0 2px #000;font-weight:bold;background:#8c8c8c;}
.tab li.on button  {border:0;color:#333;height:39px;text-shadow:none;background:#fff;} 
.tab2 {height:40px;}
.tab2 ul {overflow:hidden;width:100%;height:40px;}
.tab2 li {float:left;width:50%;height:40px;border-bottom:1px solid #999;-webkit-box-sizing:border-box;}
.tab2 li button, .tab2 li a {display:block;width:100%;height:100%;line-height:39px;text-align:center;border-right:1px solid #999;letter-spacing:-0.08em;color:#666;font-size:1.1em;font-weight:bold;background:#aaa;-webkit-box-sizing:border-box;}
.tab2 li:last-child button, .tab2 li:last-child a {border-right:0;}
.tab2 li.on button, .tab2 li.on a {color:#333;text-shadow:none;background: url('../images/head_bg.png') repeat-x bottom center, #fff;-webkit-background-size:100% 40px;} 

/* list style */
.list_sort {position:relative;width:100%;height:35px;line-height:35px;padding:0 5px;border-bottom:1px solid #ccc;background:#eee;-webkit-box-sizing:border-box;}
.list_sort h2 {color:#333;font-size:1em;letter-spacing:-0.08em;}
.list_sort h2 strong {color:#fc2727;}
.list_sort ul {overflow:hidden;position:absolute;right:0;top:0;height:35px;}
.list_sort ul li {float:left;border-left:1px solid #cbccce;}
.list_sort ul li button {display:block;padding:0 10px;height:34px;letter-spacing:-0.08em;font-size:0.9em;border-left:1px solid #fafafa;-webkit-box-sizing:border-box;}
.list_sort ul li.on>button {background:#f5f5f5;color:#2b9af5;}

.list_product {overflow:hidden;width:100%;}
.list_product li {position:relative;padding:15px 10px 0 140px;min-height:120px;border-bottom:1px solid #eee;-webkit-box-sizing:border-box;}
.list_product li figure {position:absolute;left:0;top:30px;bottom:0;width:140px;padding:0 0px 5px 5px;-webkit-box-sizing:border-box;}
.list_product li figure>p {overflow:hidden;width:130px;height:110px;border:1px solid #aaa;-webkit-box-sizing:border-box;}
.list_product li figure>p img {width:auto;min-width:130px;height:100%;}
.list_product li figcaption {display:block;position:absolute;left:5px;top:-7px;width:80px;height:20px;line-height:20px;text-align:center;color:#fff;font-size:0.8em;letter-spacing:-0.08em;text-shadow:0 0 2px #000;background:#166dcd;border:1px solid #005fbb;-webkit-box-sizing:border-box;}
.list_product li figcaption:after {display:block;content:'';position:absolute;right:-5px;top:0;width:5px;height:7px;background: url('../images/flag_blue.png') no-repeat center center;-webkit-background-size:auto 7px;}
.list_product li.last_m figcaption {background:#e41515;border:1px solid #ae4906;}
.list_product li.last_m figcaption:after {background-image: url('../images/flag_orange.png');}
.list_product li.early_b figcaption {background:#77b224;border:1px solid #388b02;}
.list_product li.early_b figcaption:after {background-image: url('../images/flag_green.png');}
.product_info {width:100%;min-height:130px;line-height:120%;padding:11px 0 10px 10px;letter-spacing:-0.08em;background: url('../images/list_product_bg.png') no-repeat left bottom;-webkit-background-size:5px auto;-webkit-box-sizing:border-box;}
.product_info p {display:inline-block; line-height:20px;padding-right:15px;color:#414141;background: url('../images/icon_marker.png') no-repeat right center;-webkit-background-size:auto 13px;font-size:0.8em;}
.product_info h3 {color:#424242;font-size:1.0em;/*padding-bottom:2px;*/text-overflow:ellipsis;white-space:nowrap;overflow:hidden;}
.product_info h2 {font-size:0.8em;text-overflow:ellipsis;white-space:nowrap;overflow:hidden; line-height:20px;padding-left:1px;color:#8C8C8C;font-weight:bold;background: url('../images/icon_marker_2.png') no-repeat left center;-webkit-background-size:auto 15px;}
.product_info div {position:relative;width:100%;padding-bottom:3px;line-height:140%;}
.product_info .p_title { display:block; color: #e41515; font-weight:bold; font-size:1em; text-overflow: ellipsis; white-space: nowrap; overflow: hidden;}
.product_info div>span {display:block;color:#999;text-decoration:line-through;}
.product_info div>span.money{display:inline-block;text-decoration:none;color:#999;}
.product_info div>strong {display:inline-block;color:#e41515;font-size:1.4em; line-height:25px;font-weight:normal;}
.product_info div>strong span {color:#333;font-size:0.7em;vertical-align:top;}
.product_info div .sale {display:block;position:absolute;right:0;top:0;width:45px;height:45px;padding-top:15px;font-size:1.1em;font-weight:bold;color:#fff;text-shadow:0 0 2px #000;text-align:center;background: url('../images/sale_bg.png') no-repeat center center;-webkit-background-size:45px;-webkit-box-sizing:border-box;}
.product_info button {display:block;width:100%;height:40px;font-size:1.1em;color:#fff;font-weight:bold;text-shadow:0 0 3px #000;border-radius:5px;border:1px solid #b4080e;-webkit-box-shadow:0 1px 0 rgba(0,0,0,0.3);background: url('../images/btn_red_bg.png') repeat-x left center;-webkit-background-size:100% 40px;-webkit-box-sizing:border-box;}
.product_info button.on {color:#eacfcf;background:#940d11;-webkit-box-shadow:inset 1px 1px 3px rgba(0,0,0,0.5);}
.product_info .global_info>strong {padding-left:40px;background: url('../images/icon_breakfast.png') no-repeat left bottom;-webkit-background-size:auto 20px;}
.product_info .global_info>strong span {color:#333;font-size:0.7em;vertical-align:top;}
.list {border:1px solid #999;-webkit-box-sizing:border-box;}
.list li {display:block;position:relative;min-height:40px;padding:10px;border-bottom:1px solid #bbb;color:#333;text-align:left;letter-spacing:-1px;-webkit-background-size:100% 50px;-webkit-box-sizing:border-box;}
.list li:last-child {border-bottom:none;}
.list li>label {display:block;position:absolute;left:0;top:0;bottom:0;width:40px;height:100%;vertical-align:middle;text-align:center;}
.list li>label>input[type='checkbox'], .list li>label>input[type='radio'] {margin-top:10px;}
.list li>button, .list li>a {display:block;width:100%;color:#333;text-align:left;-webkit-box-sizing:border-box;}
.list_tap li {padding:0;}
.list_tap li button, .list_tap li>a {padding:10px 20px 10px 10px;background:url('../images/icon_right_arrow.png') no-repeat 97% center;-webkit-background-size:12px auto;}
.list_info li {padding:0 0 6px 8px;font-size:0.9em;color:#777;letter-spacing:-0.08em;line-height:110%;background: url('../images/icon_blut.png') no-repeat left 5px;-webkit-background-size:5px;}
.list_info li:last-of-type {padding-bottom:0;}

/** table **/
.chart, .tfixed {table-layout:fixed;}
.chart thead th {padding:0.5em 0;background:#555;border:1px solid #333;color:#fff;text-shadow:0 0 2px #000;}
.chart tbody th {padding:0.5em 0.3em;border:1px solid #ddd;text-align:center;color:#555;background:#f5f5f5;}
.chart td {padding:0.5em 0.3em;border:1px solid #dfdfdf;background:#fff;text-align:center;letter-spacing:-0.08em;}
.chart_report, .chart_report2 {position:relative;}
.chart_report table, .chart_report2 table {width:100%;table-layout:fixed;}
.inner_shadow .chart_report table {border-left:1px solid #6f747b;border-right:1px solid #ccc;}
.chart_report tr:first-child th {border-top:1px solid #cccbd0; background:#f1f1f1;}
.chart_report tr:first-child td {border-top:1px solid #ccc;}
.chart_report th, .chart_report td {padding:5px 10px;height:30px;border-bottom:1px solid #ccc;text-align:left;}
.chart_report th {padding-right:0;font-size:0.95em;letter-spacing:-0.08em;color:#666666;/*text-shadow:0 0 2px #000;*/background:#f1f1f1;border:1px solid #cccbd0;/*border-width:0 1px 1px 0;*/ font-weight:bold;}
.chart_report td {color:#333;}
.chart_report td.tright {text-align:right;}
.chart_report td.context {padding:1em 0.7em;line-height:150%;border-bottom:0;}
.chart_report td textarea {width:100%;}
.chart_report td.multi_line p, .chart_report td.multi_line div, .chart_report2 td.multi_line p, .chart_report2 td.multi_line div {padding-bottom:1px;}
.chart_report td.multi_line p:last-child, .chart_report td.multi_line div:last-child, .chart_report2 td.multi_line p:last-child, .chart_report2 td.multi_line div:last-child {padding-bottom:0;}
.chart_report td.pbtn div {position:relative;height:40px;line-height:40px;width:100%;}
.chart_report td.pbtn div>button {position:absolute;top:50%;height:40px;margin-top:-20px;}
.chart_report td.label_area label {display:inline-block;width:45%;vertical-align:middle;}
.pbtn button, .pbtn a {display:block;right:0;height:100%;min-width:30px;-webkit-box-sizing:border-box;}
.chart_report tfoot {border-top:2px solid #616a74;}
.chart_report tfoot td {background:#eee;}
.chart_report2 {font-size:0.8em;}
.chart_report2 tr:first-child th, .chart_report2 tr:first-child td {border:1px solid #ccc;  border-bottom:0;}
.chart_report2 th, .chart_report2 td {padding:3px 5px;height:25px;border:1px solid #ccc;text-align:left; border-top:0; border-bottom:0;}
.chart_report2 th {padding-right:0;font-size:0.95em;letter-spacing:-0.07em;color:#666;}/** By 아린애비 **/
.chart_report2 td {color:#333;}
.chart_report2 tr:last-child td{border-bottom:1px solid #ccc;}
.chart_report2 td.tright {text-align:right;}
.chart_report2 td.tcen {text-align:center;}

/** laypopup **/
.laypopup {display:none;overflow:hidden;position:absolute;left:0;top:0;width:100%;height:100%;background-color:transparent;-webkit-box-sizing:border-box;z-index:9999;}
.laypopup .blackScreen {display:block;width:100%;height:100%;background:rgba(0,0,0,0.7);}
.laypop_area {overflow:hidden;position:absolute;left:50%;top:50%;width:80%;margin-left:-40%;border:1px solid #aaa;background:#fff;-webkit-box-sizing:border-box;}
.laypop_area header {position:relative;height:35px;line-height:35px;border-top:1px solid #ccc;border-bottom:1px solid #999;background: url('../images/subject_bg.png') repeat-x bottom left, #fff;-webkit-background-size:100% 33px;-webkit-box-sizing:border-box;}
.laypop_area header h1 {font-size:1.2em;padding:0 40px;color:#333;font-weight:bold;letter-spacing:-0.08em;text-align:center;text-overflow:ellipsis; white-space:nowrap; overflow:hidden;-webkit-box-sizing:border-box;}
.laypop_area header button {display:block;position:absolute;right:0;top:0;width:40px;height:35px;background: url('../images/btn_close.png') no-repeat center left;-webkit-background-size:auto 33px;}
.laypop_area section, .laypop_area article {padding:10px;background: url('../images/inner_shadow.png') repeat-x top center, #fff;-webkit-background-size:100% 20px;border-radius:0 0 5px 5px;}

/*popup*/
.popup {overflow:hidden;position:absolute;left:50%;top:10%;width:100%;background:none; margin-left:-50%;border:0;-webkit-box-sizing:border-box;-webkit-background-size: 100% 20px;}
.popup .btn_area {position:relative; padding:20px;}
.popup .btn_area img{width:100%;}
.popup .btn_area input{position:absolute; bottom:6.5%; left:6% /*width:20px; height:20px;*/}
.popup section, .popup article{padding:0;background:none;}
.popup p{background:#363636; color:#fff; font-size:0.8em; height:30px; position:relative; margin-top:-4px; width:100%}
.popup .checkbox1{position:absolute; top:30%; left:15%;}
.popup .checkbox2{position:absolute; top:30%; right:5%;}
/** class  **/
.posl, .posr {position:relative;-webkit-box-sizing:border-box;}
.posl {padding-left:100px;}
.posr {padding-right:100px;}
.posl .pos_abs, .posr .pos_abs {position:absolute;top:0;height:40px;}
.posl .pos_abs {left:0;}
.posr .pos_abs {right:0;}

.grade_star {padding-bottom:5px;height:20px;}
.grade_star strong, .detail_info>p strong, .info_star strong {display:block;width:100%;height:20px;background: url('../images/g0.png') no-repeat left center;-webkit-background-size:auto 20px;}
.grade_star .g5, .detail_info p>.g5, .info_star .g5 {background: url('../images/g5.png') no-repeat left center;-webkit-background-size:auto 14px;}
.grade_star .g4, .detail_info p>.g4, .info_star .g4 {background: url('../images/g4.png') no-repeat left center;-webkit-background-size:auto 14px;}
.grade_star .g3, .detail_info p>.g3, .info_star .g3 {background: url('../images/g3.png') no-repeat left center;-webkit-background-size:auto 14px;}
.grade_star .g2, .detail_info p>.g2, .info_star .g2 {background: url('../images/g2.png') no-repeat left center;-webkit-background-size:auto 14px;}
.grade_star .g1, .detail_info p>.g1, .info_star .g1 {background: url('../images/g1.png') no-repeat left center;-webkit-background-size:auto 14px;}

.child_age {display:none;}
.child_age select {display:inline-block;margin:2px 0;}


/*갤럭시*/
@media only screen and (-webkit-min-device-pixel-ratio: 1.5) {
    
}
/*ios*/
@media only screen and (max-device-width: 320px) and (orientation: portrait) {
    .list_sort ul li button {padding:0 4px; font-size:0.85em;}
}
/*갤2*/
@media only screen and (max-device-width: 320px) and (orientation: portrait) and (-webkit-max-device-pixel-ratio:1.5) {
    .list_sort ul li button {padding:0 4px; font-size:0.85em;}
}

/*아이폰4s*/
@media only screen and (max-device-width: 320px) and (orientation: portrait)  and (device-aspect-ratio: 2/3) {
}

/*아이폰5*/
@media only screen and (max-device-width: 320px) and (orientation: portrait) and (device-aspect-ratio: 40/71) {
}

/*갤3, 갤2 HD*/
@media only screen and (min-device-width: 720px) and (orientation: portrait) and (-webkit-max-device-pixel-ratio: 2) {

}

/*갤 note*/
@media only screen and (min-device-width: 800px) and (orientation: portrait) and (-webkit-max-device-pixel-ratio:2) {
}


.fee_table { border-top:2px solid #666; border-bottom:2px solid #666;  margin-top:10px;}
.fee_table thead th { border-bottom:1px solid #666; padding:5px 0; background:#eee}
.fee_table tbody th { background:url(/images/bg_line.gif) repeat-x bottom left; padding:5px 10px 10px; text-align:left;}
.fee_table td { background:url(/images/bg_line.gif) repeat-x bottom left; padding:5px 10px 10px;}
.fee_table .noline td { background-image:url(/images/hotelsmart_line_01.gif); padding-bottom:15px;}
.fee_table th.txt_01,
.fee_table td.txt_01 { text-align:right;}

.fee_box {height:60px;  padding:10px 0 10px 0;}
.fee_box span {font-family:tahoma; font-size:22px; font-weight:bold; color:#FF6600; }
.fee_box input {float:right; vertical-align:middle;}
.fee_box .button,
.fee_box button {float:right; vertical-align:middle; background: #06a; padding:10px 20px; color:#fff; cursor:pointer;}


.agreement_info th {padding:0.5em 1em;border:1px solid #ddd;color:#555;background:#f5f5f5; text-align:left;}
.agreement_info th label { display:block;}
.agreement_info td {padding:0.5em 1em;border:1px solid #dfdfdf;background:#fff;letter-spacing:-0.08em;}