@charset "utf-8";

/* basic_start */
html                { height:100%;min-width:320px;}
body                { overflow-y:scroll;overflow-x:none;margin:0px;height:100%; padding:0px; font-family:'gulim', gulim, 'tahoma', tahoma; font-size:14px; letter-spacing:0px; color:#333; font-weight:400; line-height:160%; background:#fff;-webkit-text-size-adjust:none;}

body.noscroll		{ position: fixed; overflow-y:scroll;top:0px;left:0px;right:0px;bottom:0px; }
body.signup { background:#2c3c49; }
body.index { background:url(../img/index_bg.jpg?1312) #2c3c49 no-repeat center center;background-size:cover; }
body.virtual { background:transparent; }
body.photo { background:transparent; }

/*
body.photo { position:relative;display:block;background:url(../img/ss.jpg?4) no-repeat center center;background-size:cover;}
body.virtual { position:relative;display:block;background:url(../img/ss.jpg?4) no-repeat center center;background-size:cover;}
*/

body.intro { position:relative;display:block;background:url(../img/intro.png?4) no-repeat center center;background-size:cover;}

div,p,h1,h2,h3,h4,h5,h6,ul,ol,li,dl,dt,dd,form,fieldset,legend,input,textarea,button,select { border:0px;padding:0px; margin:0px; font-family:'gulim', gulim, 'tahoma', tahoma;font-size:14px;line-height:160%; letter-spacing:0px; color:#333;font-weight:400; }
img					{  display:inline-block;border:0px;padding:0px; margin:0px; }
ul,ol,li,dl,dt,dd   { list-style:none;}
table,tr,td,th 		{ border:0px;padding:0px; margin:0px;border-spacing:0px;}
i,em				{ font-style:normal;vertical-align:middle; }

select{
	-webkit-appearance:none;
	appearance:none;
	-moz-appearance:none;
	text-indent: 1px;
	text-overflow: '';
}

input, textarea, button, select {-webkit-appearance:none; -moz-appearance:none; appearance:none;}
input, textarea, button, select {-webkit-border-radius:0; -moz-border-radius:0; -o-border-radius:0; border-radius:0;}

.clear				{ float:none;clear:both; }

a                   { text-decoration:none; color:#333;outline:none; cursor:pointer; }
a:visited           { color:#333; }
a:active            { color:#333; }
a:hover             { color:#333; text-decoration:none; }

button[type=button] { cursor:pointer; }

.radius_s			{-webkit-border-radius: 3px;-khtml-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;}
.radius_m			{-webkit-border-radius: 6px;-khtml-border-radius: 6px;-moz-border-radius: 6px;border-radius: 6px;}
.radius_b			{-webkit-border-radius: 10px;-khtml-border-radius: 10px;-moz-border-radius: 10px;border-radius: 10px;}

.orange { color:#ff610b; }
.yellow { color:#ffc800; }
.red { color:#df111d; }
.blue { color:#34a7e7; }
.green { color:#49bd90; }
.hide { display:none; }

.public_mask {display:none;position:fixed;top:0px;left:0px;right:0px;bottom:0px;background:rgba(0,0,0,0.6);z-index:990;will-change: transform, opacity;}
.public_mask_work {display:none;position:fixed;top:0px;left:0px;right:0px;bottom:0px;background:rgba(0,0,0,0.6);z-index:990;will-change: transform, opacity;}
.public_mask_work > .work_txt { position:fixed;top:50%;margin-top:-120px;left:20px;right:20px;z-index:990;will-change: transform, opacity;color:#fff;text-align:center; }
.public_mask_work > .work_txt > h4 {font-size:22px;font-weight:600;line-height:26px;color:#fff;margin-bottom:20px;}
.public_mask_work > .work_txt > p {font-size:13px;font-weight:400;line-height:21px;color:#fff;}
.public_mask_work > .work_txt > p > span { font-size:11px;display:inline-block;padding:0px 10px;border:1px solid #fff;margin-top:15px;margin-bottom:5px;border-radius:12px; }

.public_loading {display:none;position:fixed;top:50%;left:50%;width:40px;height:40px;padding:4px;z-index:1000;margin-left:-24px;margin-top:-24px;-webkit-border-radius: 50%;-khtml-border-radius: 50%;-moz-border-radius: 50%;border-radius: 50%;background:#fff;overflow:hidden;

	-moz-box-shadow:0px 4px 4px 0px rgba(0,0,0,0.1); -webkit-box-shadow:0px 4px 4px 0px rgba(0,0,0,0.1); box-shadow:0px 4px 4px 0px rgba(0,0,0,0.1);
}

.public_loading > .loader {
	display:block;
	font-size:36px;
    border-radius: 50%;
	text-align: center;
	line-height:40px;
    width: 40px;
    height: 40px;
    animation: spin 1s linear infinite;
	will-change: transform, opacity;

	background:url(../img/ico_loading.gif) no-repeat center center;
	background-size: cover;
	opacity: 0.7;
}

@keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}

.public_submit_loading { display:none;position:fixed;bottom:100px;left:50%;margin-left:-160px;width:300px;text-align:center;padding:5px 10px;line-height:20px;font-size:13px;color:#fff;z-index:1000;background:rgba(0,0,0,0.8);
-webkit-border-radius: 25px;-khtml-border-radius: 25px;-moz-border-radius: 25px;border-radius: 25px;
-moz-box-shadow:0px 4px 4px 0px rgba(0,0,0,0.1); -webkit-box-shadow:0px 4px 4px 0px rgba(0,0,0,0.1); box-shadow:0px 4px 4px 0px rgba(0,0,0,0.1);
 }

.wrapper { position:relative;margin:0px; min-height:100%; width:100%;  }
.wrapper.blur { filter: blur(6px);-webkit-filter: blur(6px);-moz-filter: blur(6px);-o-filter: blur(6px);-ms-filter: blur(6px);/*will-change: transform, opacity;*/ }
.wrapper.blur_work { filter: blur(6px);-webkit-filter: blur(6px);-moz-filter: blur(6px);-o-filter: blur(6px);-ms-filter: blur(6px);/*will-change: transform, opacity;*/ }

.wrapper.intro, .wrapper.index, .wrapper.virtual, .wrapper.photo { height:100%; }

.wrapper > header { position:fixed; top:0px;right:0px;left:0px;height:70px;background:#365c80;margin:0px;text-align:left;border-bottom:0px solid rgba(255,255,255,0.3);font-size:0px;z-index:10;text-align:center;}
.wrapper > header > h1 { display:inline-block;font-size:24px;width:140px;line-height:60px;height:60px;background:url(../img/bi_w1.png?11312) no-repeat center center;background-size:contain;margin:5px auto;cursor:pointer; }
.wrapper > header.sub > h1 { display:inline-block;font-size:24px;line-height:60px;width:auto;vertical-align: middle;height:60px;background:transparent;vertical-align: middle;color:#fff;font-weight:600;cursor:default;}
.wrapper > header.sub > h2 { display:inline-block;font-size:16px;width:auto;line-height:24px;height:24px;vertical-align: middle;color:rgba(255,255,255,0.8);margin-left:7px;padding:0px 10px;font-weight:600;border:2px solid rgba(255,255,255,0.8);-webkit-border-radius: 14px;-khtml-border-radius: 14px;-moz-border-radius: 14px;border-radius: 14px; }
.wrapper > header > button[type=button] { position:relative;height:70px;line-height:70px;background:rgba(0,0,0,0);display:block;color:#fff;font-size:16px;vertical-align:middle;text-align:center;}
.wrapper > header > button[type=button].push { position:absolute;top:0px;left:0px;width:70px;border-right:0px solid rgba(255,255,255,0.3);border-bottom:0px solid rgba(255,255,255,0.3);}
.wrapper > header > button[type=button].prev { position:absolute;top:0px;left:0px;width:70px;border-right:0px solid rgba(255,255,255,0.3);border-bottom:0px solid rgba(255,255,255,0.3);}
.wrapper > header > button[type=button].menu { position:absolute;top:0px;right:0px;width:70px;border-left:0px solid rgba(255,255,255,0.3);border-bottom:0px solid rgba(255,255,255,0.3);}
.wrapper > header > button[type=button] > i.push { display:none;background:#ff4b38;color:#fff;height:18px;line-height:18px;font-size:13px;text-align:center;min-width:12px;padding:0px 3px;margin-right:0px;position:absolute;top:10px;right:10px;-webkit-border-radius: 9px;-khtml-border-radius: 9px;-moz-border-radius: 9px;border-radius: 9px; }
.wrapper > header > button[type=button] > i { display:inline-block;margin-right:5px; }


.wrapper.work > header.sub { background:#ff4b38; }
.wrapper.history > header.sub { background:#ff4b38; }
.wrapper.stock > header.sub { background:#5db0c2; }
.wrapper.delivery > header.sub { background:#5db0c2; }
.wrapper.order > header.sub { background:rgba(152,191,4,1); }
.wrapper.payment > header.sub { background:#98bf04; }
.wrapper.service > header.sub { background:#f2b705; }
.wrapper.virtual > header.sub  { display:none; background:#c769b7; }
.wrapper.photo > header.sub  { display:none; background:#c769b7; }


.wrapper.index > header > button[type=button] { position:relative;height:70px;line-height:70px;background:rgba(0,0,0,0);display:block;color:#fff;font-size:16px;vertical-align:middle;text-align:center;}
.wrapper.index > header > button[type=button].noti { position:absolute;top:0px;left:0px;width:70px;border-right:0px solid rgba(255,255,255,0.3);border-bottom:0px solid rgba(255,255,255,0.3);border-radius: 0px 0px 15px 0px;}
.wrapper.index > header > button[type=button].menu { position:absolute;top:0px;right:0px;width:70px;border-left:0px solid rgba(255,255,255,0.3);border-bottom:0px solid rgba(255,255,255,0.3);border-radius: 0px 0px 0px 15px;}

.wrapper > header > a {float:right;display:inline-block;font-size:12px;color:#47bac1;border:1px solid #47bac1;padding:0px 10px;margin:10px;line-height:38px;cursor:pointer;-webkit-border-radius: 5px;-khtml-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px; }
.wrapper > header > a > i { margin-right:5px;font-size:16px; }

.wrapper.signup > header { display:none; }
.wrapper.intro > header { display:none; }
.wrapper.index > header { position:fixed; top:0px;right:0px;left:0px;height:60px;background:transparent;margin:0px;text-align:left;border-bottom:0px solid rgba(255,255,255,0.3);font-size:0px;z-index:10;}
.wrapper.index > header > h1 { display:none; }
.wrapper.index > header.bg { background:#18a2bc;border-bottom:0px solid rgba(255,255,255,0.3);}
.wrapper.index > header.bg > h1 { display:block; }







.wrapper > footer { display:none;height:60px;background:#18a2bc;margin:0px;text-align:center; }
.wrapper > footer > p { color:rgba(255,255,255,0.5);line-height:60px; }
.wrapper.signup > footer { display:none;background:rgba(0,0,0,0.2); }
.wrapper.intro > footer { display:none; }
.wrapper.index > footer { position:fixed;bottom:-70px;left:0px;right:0px; display:block;background:transparent;margin:0px;text-align:center; height:auto;}
.wrapper.index > footer > p { display:none; }
.wrapper.index > footer > section { display:block; }
.wrapper.index > footer > section > a { background:rgba(24,162,188,0.6);width:80px;height:80px;cursor:pointer; line-height:40px;border:4px solid rgba(255,255,255,0.5);font-size:30px;color:rgba(255,255,255,0.7);margin:0 auto;display:block;-webkit-border-radius: 50%;-khtml-border-radius: 50%;-moz-border-radius: 50%;border-radius: 50%; }
.wrapper.index > footer > section > nav { display:block;height:70px;background:#18a2bc;margin-top:-44px;border-top:0px solid rgba(255,255,255,0.5); }
.wrapper.index > footer > section > nav > ul { display:block; }
.wrapper.index > footer > section > nav > ul > li { float:left;display:inline-block;width:50%;height:70px;font-size:13px;border-left:1px solid rgba(255,255,255,0.3);margin-left:-1px; }
.wrapper.index > footer > section > nav > ul > li > a { display:block;height:70px;color:#fff;cursor:pointer; }
.wrapper.index > footer > section > nav > ul > li > a > i { font-size:24px;line-height:30px;display:block !important;vertical-align: middle;padding-top:10px;margin-bottom:0px;color:rgba(255,255,255,0.5);}



.wrapper > article { position:relative;padding:70px 0px 0px 0px; }
.wrapper.signup > article { padding:0px; }
.wrapper.intro > article { padding:0px;height:100%; }
.wrapper.index > article { padding:0px 0px 0px 0px; height:100%; }
.wrapper.virtual > article { padding:0px 0px 0px 0px; height:100%;background:transparent;background-size:cover;/*background: url(../img/ss.jpg) no-repeat center;*/ }
.wrapper.photo > article { padding:0px 0px 0px 0px; height:100%;background:transparent;background-size:cover;/*background: url(../img/ss.jpg) no-repeat center;*/ }

.wrapper article .virtual { position:relative;height:88%;margin-top:0px;z-index:1;overflow: hidden;}
.wrapper article .virtual #sliderWrap { display:block;width:100%;height:100%;}
.wrapper article .virtual ul {position:absolute;top:0px;left:0px;right:0px;bottom:0px;}
.wrapper article .virtual ul li {display:block;width:100%;height:100%;z-index:1;will-change: transform, opacity;background-size:300px;background-position: center;background-repeat: no-repeat;}



.wrapper article .virtual ul li.WRB100_RED {background-image: url(../img/virtual/WRB100.png?1);}
.wrapper article .virtual ul li.WRB100_SILVER {background-image: url(../img/virtual/WRB100_G.png?1);}
.wrapper article .virtual ul li.WRB300_RED {background-image: url(../img/virtual/WRB300.png?1);}
.wrapper article .virtual ul li.WRB300_SILVER {background-image: url(../img/virtual/WRB300_G.png?1);}
.wrapper article .virtual ul li.WGT110 {background-image: url(../img/virtual/WGT110.png?1);}
.wrapper article .virtual ul li.WGT130 {background-image: url(../img/virtual/WGT130.png?1);}
.wrapper article .virtual ul li.WRT300 {background-image: url(../img/virtual/WRT300.png?1);}
.wrapper article .virtual ul li.WAT310 {background-image: url(../img/virtual/WAT310.png?1);}
.wrapper article .virtual ul li.WGT310 {background-image: url(../img/virtual/WGT310.png?1);}
.wrapper article .virtual ul li.WGT330 {background-image: url(../img/virtual/WGT330.png?1);}
.wrapper article .virtual ul li.WST500[data-bg=left] {background-image: url(../img/virtual/WST500_LEFT.png?1);display:none;background-size:250px;}
.wrapper article .virtual ul li.WST500[data-bg=right] {background-image: url(../img/virtual/WST500.png?1);display:block;background-size:250px;}
.wrapper article .virtual ul li.WMT600[data-bg=left] {background-image: url(../img/virtual/WMT600_LEFT.png?1);display:none;background-size:250px;}
.wrapper article .virtual ul li.WMT600[data-bg=right] {background-image: url(../img/virtual/WMT600.png?1);display:block;background-size:250px;}
.wrapper article .virtual ul li.WMT600-K[data-bg=left] {background-image: url(../img/virtual/WMT600-K_LEFT.png?1);display:none;background-size:250px;}
.wrapper article .virtual ul li.WMT600-K[data-bg=right] {background-image: url(../img/virtual/WMT600-K.png?1);display:block;background-size:250px;}




.wrapper article .virtual ul li.pro_01 {background-image: url(../img/virtual/v01.png?1);}
.wrapper article .virtual ul li.pro_03 {background-image: url(../img/virtual/v03.png?1);}
.wrapper article .virtual ul li.pro_02 {background-image: url(../img/virtual/v02.png?1);}
.wrapper article .virtual ul li.pro_04 {background-image: url(../img/virtual/v04.png?1);}
.wrapper article .virtual ul li.pro_05 {background-image: url(../img/virtual/v05.png?1);}
.wrapper article .virtual ul li.pro_06 {background-image: url(../img/virtual/v06.png?1);}
.wrapper article .virtual ul li.pro_07 {background-image: url(../img/virtual/v07.png?1);}
.wrapper article .virtual ul li.pro_075 {background-image: url(../img/virtual/v075.png?1);}
.wrapper article .virtual ul li.pro_08 {background-image: url(../img/virtual/v08.png?1);}
.wrapper article .virtual ul li.pro_09 {background-image: url(../img/virtual/v09.png?1);}
.wrapper article .virtual ul li.pro_10[data-bg=left] {background-image: url(../img/virtual/v10L.png?1);display:none;background-size:250px;}
.wrapper article .virtual ul li.pro_10[data-bg=right] {background-image: url(../img/virtual/v10R.png?1);display:block;background-size:250px;}
.wrapper article .virtual ul li.pro_11[data-bg=left] {background-image: url(../img/virtual/v11L.png?1);display:none;}
.wrapper article .virtual ul li.pro_11[data-bg=right] {background-image: url(../img/virtual/v11R.png?1);display:block;}
.wrapper article .virtual ul li.pro_12[data-bg=left] {background-image: url(../img/virtual/v12L.png?1);display:none;}
.wrapper article .virtual ul li.pro_12[data-bg=right] {background-image: url(../img/virtual/v12R.png?1);display:block;}
.wrapper article .virtual ul li.pro_13 {background-image: url(../img/virtual/v13.png?1);}
.wrapper article .virtual ul li.pro_14 {background-image: url(../img/virtual/v14.png?1);}

.wrapper article .virtual ul li.on { display:block;}

.wrapper article .virtual ul li > div { position:absolute;top:50px;left:0px;right:0px;display:block;height:46px;background:transparent;text-align:center;font-size:0px; }
.wrapper article .virtual ul li > div > a { position:relative;display:inline-block;border:3px solid rgba(255,255,255,0.3);background:rgba(0,0,0,0.2);color:rgba(255,255,255,0.6);font-weight:600;font-size:18px;font-weight:400;width:40px;vertical-align:middle;
	height:40px;text-align:center;line-height:40px;border-radius: 50px;margin:0px 5px;overflow: hidden;will-change: transform, opacity;
	-moz-box-shadow:0px 4px 4px 0px rgba(0,0,0,0.1); -webkit-box-shadow:0px 4px 4px 0px rgba(0,0,0,0.1); box-shadow:0px 4px 4px 0px rgba(0,0,0,0.1);
}

.wrapper article .virtual ul li > div > a.selected { border:3px solid rgba(255,255,255,0.9);background:rgba(0,0,0,0.7);color:rgba(255,255,255,0.9); }
/*
.wrapper article .virtual ul li > div > a.selected:after { position:absolute;top:0px;left:0px;display:block;top:0px;left:0px;width:40px;height:40px;content:'';
text-align: center;
font-size:45px;
color:rgba(255,255,255,0.5);
font-family: 'xeicon' !important; display: inline-block; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 40px; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;
content: "\e928";
}
*/
/*
.wrapper article .virtual div {position:absolute;bottom: 0px;left:0px;right:0px;display:block;width:100%;height:60px;background:rgba(36,36,36,0.7);z-index:3;}
.wrapper article .virtual div > dl {display:block;width:1280px;height:60px;margin:0 auto;overflow:hidden;}
.wrapper article .virtual div > dl dd { float:left;width:14.2857%;display:inline;height:60px;line-height:60px;cursor:pointer;color:#aaaaaa;border-left:1px solid rgba(255,255,255,0.15);margin-left:-1px;text-align:center; }
.wrapper article .virtual div > dl dd.on { background:#df5333;color:#fff;font-weight:600; }
*/
.wrapper article .virtual a.roll_ico {position:absolute;top:50%;margin-top:-40px;display:block;border-radius: 10px;width:50px;height:80px;line-height:80px;z-index:2;cursor:pointer;font-size:40px;color:rgba(255,255,255,0.5);text-align:center;background:transparent;
 -webkit-text-shadow: 0px 0px 10px rgba(0,0,0,0.6);-moz-text-shadow: 0px 0px 10px rgba(0,0,0,0.6); text-shadow: 0px 0px 10px rgba(0,0,0,0.6);
}
.wrapper article .virtual a.roll_ico.lt {left:-10px;padding-left:10px;}
.wrapper article .virtual a.roll_ico.rt {right:-10px;padding-right:10px;}

.wrapper.virtual > article > footer { display:block;background:linear-gradient( to top, rgba(0,0,0,0.8), rgba(0,0,0,0) );position:fixed;z-index:2;bottom:0px;left:0px;right:0px;height:100px;padding-top:100px;text-align:center; }
.wrapper.virtual > article > footer > a {display:inline-block;border:2px solid rgba(255,255,255,1);margin-top:20px;background:rgba(0,0,0,0.2);padding:0px 40px;color:#fff;font-size:18px;font-weight:400;width:auto;vertical-align:middle;
	height:56px;text-align:center;line-height:56px; -webkit-border-radius: 30px;-khtml-border-radius: 30px;-moz-border-radius: 30px;border-radius: 30px;  }
.wrapper.virtual > article > footer > a.submit { font-size:18px; }
.wrapper.virtual > article > footer > a.submit::before { content:'촬영'; }
.wrapper.virtual > article > footer > a.submit > i { display:none; }
.wrapper.virtual > article > footer > a.close { position:absolute;bottom:20px;left:15px;padding:0px 0px;width:58px;font-size:15px; }
.wrapper.virtual > article > footer > div { position:absolute;bottom:20px;right:15px;padding:0px 0px;width:56px;display:inline-block;border:2px solid rgba(255,255,255,1);
	margin-top:20px;background:rgba(0,0,0,0.3);padding:0px 0px;color:#fff;font-size:18px;font-weight:400;vertical-align:middle;
	text-align:center;line-height:56px; -webkit-border-radius: 30px;-khtml-border-radius: 30px;-moz-border-radius: 30px;border-radius: 30px; overflow: hidden;}
.wrapper.virtual > article > footer > div > a { display:block;color:#fff;line-height:56px;height:56px;width:56px;font-size:30px;font-weight:400;width:auto;vertical-align:middle; }
.wrapper.virtual > article > footer > div > a:first-child { background:rgba(0,0,0,0.4);border-bottom:1px solid rgba(255,255,255,0.3); }




.wrapper article .photo { position:relative;height:88%;margin-top:0px;z-index:1;overflow: hidden;}
.wrapper article .photo #sliderWrap { display:block;width:100%;height:100%;}
.wrapper article .photo ul {position:absolute;top:0px;left:0px;right:0px;bottom:0px;}

.wrapper.photo > article > footer { display:block;background:linear-gradient( to top, rgba(0,0,0,0.8), rgba(0,0,0,0) );position:fixed;z-index:2;bottom:0px;left:0px;right:0px;height:100px;padding-top:100px;text-align:center; }
.wrapper.photo > article > footer > a {display:inline-block;border:2px solid rgba(255,255,255,1);margin-top:20px;background:rgba(0,0,0,0.2);padding:0px 40px;color:#fff;font-size:18px;font-weight:400;width:auto;vertical-align:middle;
	height:56px;text-align:center;line-height:56px; -webkit-border-radius: 30px;-khtml-border-radius: 30px;-moz-border-radius: 30px;border-radius: 30px;  }
.wrapper.photo > article > footer > a.submit { font-size:34px; }
.wrapper.photo > article > footer > a.close { position:absolute;bottom:20px;left:15px;padding:0px 0px;width:58px;font-size:15px; }
.wrapper.photo > article > footer > a.flash { position:absolute;bottom:20px;right:15px;padding:0px 0px;width:58px;font-size:25px; }
.wrapper.photo > article > footer > a.flash[data-val=Y] { background:rgba(0,0,0,0.5);color:#fae100;border:2px solid #fae100; }

.wrapper.photo > article > footer > div { position:absolute;bottom:20px;right:15px;padding:0px 0px;width:56px;display:inline-block;border:2px solid rgba(255,255,255,1);
	margin-top:20px;background:rgba(0,0,0,0.3);padding:0px 0px;color:#fff;font-size:18px;font-weight:400;vertical-align:middle;
	text-align:center;line-height:56px; -webkit-border-radius: 30px;-khtml-border-radius: 30px;-moz-border-radius: 30px;border-radius: 30px; overflow: hidden;}
.wrapper.photo > article > footer > div > a { display:block;color:#fff;line-height:56px;height:56px;width:56px;font-size:30px;font-weight:400;width:auto;vertical-align:middle; }
.wrapper.photo > article > footer > div > a:first-child { background:rgba(0,0,0,0.4);border-bottom:1px solid rgba(255,255,255,0.3); }





/*background:rgba(24,162,188,0.5);*/

.wrapper > article > header { position:relative;background:rgba(0,0,0,0.2); top:0px;right:0px;left:0px;height:70px;margin:0px;text-align:left;border-bottom:0px solid rgba(255,255,255,0.2);font-size:0px;z-index:10;}
.wrapper > article > header > h1 { display:block; font-size:22px; line-height:70px;color:rgba(255,255,255,1);vertical-align:middle;text-align:center; }
.wrapper > article > header > button[type=button] { height:70px;line-height:70px;background:transparent;display:block;color:#fff;font-size:20px;vertical-align:middle;text-align:center;}
.wrapper > article > header > button[type=button].prev { position:absolute;top:0px;left:0px;width:70px;border-right:0px solid rgba(255,255,255,0.3);}
.wrapper > article > header > button[type=button].submit { position:absolute;top:0px;right:0px;width:auto;border-left:0px solid rgba(255,255,255,0.3);font-size:18px;padding:0px 15px;background:transparent;color:#999;}
.wrapper > article > header > button[type=button].submit.on { color:#fff; }
.wrapper > article > header > a {float:right;display:inline-block;font-size:12px;color:#47bac1;border:1px solid #47bac1;padding:0px 10px;margin:10px;line-height:38px;cursor:pointer;-webkit-border-radius: 5px;-khtml-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px; }
.wrapper > article > header > a > i { margin-right:5px;font-size:16px; }

.wrapper.signup > article > .form { padding:40px;text-align:center; white-space: normal; word-break:keep-all; }
.wrapper.signup > article > .form > h3 { font-size:18px; color:#00b8f3; font-weight:600; line-height:24px; margin-bottom:10px; }
.wrapper.signup > article > .form > h4 { font-size:16px; color:#fff; font-weight:600; line-height:24px; margin-bottom:10px; }
.wrapper.signup > article > .form > p { color:#fff; font-size:14px; line-height:20px; color:rgba(255,255,255,1); }
.wrapper.signup > article > .form > p.guide { margin-top:10px; }
.wrapper.signup > article > .form > div { position:relative;display:block;background:rgba(255,255,255,1);padding:0px 20px;border:0px solid rgba(255,255,255,0.2); line-height:50px;-webkit-border-radius: 10px;-khtml-border-radius: 10px;-moz-border-radius: 10px;border-radius: 10px;overflow:hidden; }
.wrapper.signup > article > .form > div.s_100 { width:120px;margin:0 auto; }
.wrapper.signup > article > .form > div > input[type=text] { display:block;width:100%;color:#111;height:50px;line-height:50px;background:transparent;outline: none; font-size:18px; font-weight:600; text-align:center; }
.wrapper.signup > article > .form > button[type=button] { width:auto;padding:0px 25px; height:50px;line-height:50px;background:#00b8f3;display:inline-block;color:#fff;font-size:18px;vertical-align:middle;text-align:center;-webkit-border-radius: 10px;-khtml-border-radius: 10px;-moz-border-radius: 10px;border-radius: 10px; margin-top:20px; }
.wrapper.signup > article > .form > button[type=button] > i { margin-left:10px;font-size:14px;display:inline-block; vertical-align: middle;}
.wrapper.signup > article > .form > button[type=button] > i.lt { margin-left:0px; margin-right:10px;}



.wrapper > article > .visual { position:relative;display:block;padding:80px 0px 40px 0px;text-align:center; }
.wrapper > article > .visual > h1 { display:block;font-size:24px;margin:0 auto;width:240px;line-height:50px;height:50px;background:url(../img/bi_w1.png?1242) no-repeat center center;background-size:contain; }
.wrapper > article > .visual > h1 > a { display:block;font-size:0px;width:210px;line-height:50px;height:50px; }
/*.wrapper > article > .visual > h1:before { display:block;width:40px;height:2px;background:rgba(255,255,255,1);content:'';margin-bottom:20px; }*/
.wrapper > article > .visual > h3 { display:inline-block;padding:0px 20px;font-size:18px;color:rgba(255,255,255,0.8);margin-top:10px;font-weight:400;line-height:26px;text-align:center;border:2px solid rgba(255,255,255,0.6);-webkit-border-radius: 19px;-khtml-border-radius: 19px;-moz-border-radius: 19px;border-radius: 19px;  }


.wrapper > article > nav { position:fixed;top:210px;bottom:60px;left:10px;right:10px;display:block; padding:0px 0px 0px 0px; }
.wrapper > article > nav > ul { display:block;overflow: hidden;height:100%;}
.wrapper > article > nav > ul[data-auth=ADMIN] { display:none; }
.wrapper > article > nav > ul > li { float:left;display:inline-block;width:50%;height:calc( 33.3333% - 15px );min-height:90px;background:transparent;text-align:center;color:#fff;border:0px solid rgba(0,0,0,0.2);padding:5px 0px; }
.wrapper > article > nav > ul > li > div { position: relative;background:#0095d7;margin:0px 5px;padding:0px 0px;height:100%;min-height:90px;display:block;cursor:pointer;font-weight:600;border-radius: 7px;
-moz-box-shadow:0px 3px 3px 0px rgba(0,0,0,0.2); -webkit-box-shadow:0px 3px 3px 0px rgba(0,0,0,0.2); box-shadow:0px 3px 3px 0px rgba(0,0,0,0.2);
}
.wrapper > article > nav > ul > li > div > span { position: absolute;width:100%;text-align:center;top:50%;left:0px;right:0px;margin-top:-35px;display:block;line-height:24px;height:70px;display:block;color:#fff;font-size:20px; font-weight:600;}
.wrapper > article > nav > ul > li > div > span > i { display:block;font-size:32px;color:rgba(255,255,255,0.6);line-height:40px;height:40px;margin-bottom:6px;text-align:center;font-weight:400; }

.wrapper > article > nav > ul > li > div > span { margin-top:-15px;line-height:30px;height:30px;}
.wrapper > article > nav > ul > li > div > span > i { display:none; }
.wrapper > article > nav > ul > li:nth-child(1) { width:100%; }
.wrapper > article > nav > ul > li:nth-child(1) > div { background:url(../img/order_half_2.png?3) rgba(93,176,194,0.9) no-repeat center center; }
.wrapper > article > nav > ul > li:nth-child(2) {width:100%;}
.wrapper > article > nav > ul > li:nth-child(2) > div { background:url(../img/order_half_2.png?3) rgba(152,191,4,0.9) no-repeat top right; }
.wrapper > article > nav > ul > li:nth-child(3) {width:100%;}
.wrapper > article > nav > ul > li:nth-child(3) > div { background:url(../img/order_half_2.png?3) rgba(242,183,5,0.9) no-repeat top left; }

/*
.wrapper > article > nav > ul > li:nth-child(4) > div { background:url(../img/order_half_2.png?3) rgba(242,183,5,0.9) no-repeat bottom right; }
.wrapper > article > nav > ul > li:nth-child(5) > div  {background:url(../img/order_half_2.png?3) rgba(199,105,183,0.9) no-repeat bottom left; }
*/
.wrapper > article > nav:after { display:block;clear:both;content:''; }


.wrapper.index > article > .tab {position:relative;display:block;padding:15px 15px 0px 15px; }
.wrapper.index > article > .tab > ul { display:block;height:50px;}
.wrapper.index > article > .tab > ul > li { float:left;display:inline-block;width:50%;height:50px;}
.wrapper.index > article > .tab > ul > li > a { display:block;line-height:50px;height:50px;text-align: center;background:#eee;font-size:16px;color:rgba(0,0,0,0.5);cursor:pointer;}
.wrapper.index > article > .tab > ul > li.on > a { color:#fff;background:#61bbb9;font-weight:600;padding-bottom:0px;}
.wrapper.index > article > .tab.bg {height:50px;}
.wrapper.index > article > .tab.bg > ul { display:block;height:50px;position:fixed;top:60px;left:0px;right:0px;background:#fff;z-index:10;}


.wrapper.index > article > .bottom { position:fixed;bottom:0px;left:0px;right:0px;display:block;height:50px;padding:0px 20px 20px 20px;}
.wrapper.index > article > .bottom > nav { display:block;-webkit-border-radius: 5px;-khtml-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;overflow:hidden; }
.wrapper.index > article > .bottom > nav > ul { display:block;}
.wrapper.index > article > .bottom > nav > ul > li { float:left;display:inline-block;width:50%;height:50px;background:#2c3c49;text-align:left;color:#fff;border-left:1px solid rgba(255,255,255,0.2);margin-left:-1px;}
.wrapper.index > article > .bottom > nav > ul > li > a { display:block;line-height:50px;color:#fff;font-size:16px;padding:0px 0px; cursor:pointer;text-align:center; }
.wrapper.index > article > .bottom > nav > ul > li > a > i { display:inline-block;font-size:18px;line-height:50px;margin-right:10px; }
.wrapper.index > article > .bottom > nav:after { display:block;clear:both;content:''; }


.wrapper > article > .tab_fix {position:relative;display:block;padding:0px 15px 0px 15px;height:50px; -moz-box-shadow:0px 2px 2px 0px rgba(0,0,0,0.1); -webkit-box-shadow:0px 2px 2px 0px rgba(0,0,0,0.1); box-shadow:0px 2px 2px 0px rgba(0,0,0,0.1);z-index:3; }
.wrapper > article > .tab_fix > ul { display:block;height:50px;position:fixed;top:70px;left:0px;right:0px;background:#fff;z-index:10;}
.wrapper > article > .tab_fix > ul > li { float:left;display:inline-block;width:50%;height:50px;}
.wrapper > article > .tab_fix > ul > li > a { display:block;line-height:50px;height:50px;text-align: center;background:#eee;font-size:16px;color:rgba(0,0,0,0.4);cursor:pointer;}
.wrapper > article > .tab_fix > ul > li.on > a { color:#fff;background:#61bbb9;font-weight:600;padding-bottom:0px;}

.wrapper > article > .cnts > .tab_pay {position:relative;display:block;padding:0px 0px 0px 0px;border-bottom:2px solid rgba(152,191,4,0.7);border-top:1px solid #eee; }
.wrapper > article > .cnts > .tab_pay > ul { display:block;height:50px;}
.wrapper > article > .cnts > .tab_pay > ul > li { float:left;display:inline-block;width:50%;height:50px;}
.wrapper > article > .cnts > .tab_pay > ul > li > a { display:block;line-height:50px;height:50px;text-align: center;background:#f4f4f4;font-size:16px;color:rgba(0,0,0,0.5);cursor:pointer;}
.wrapper > article > .cnts > .tab_pay > ul > li.on > a { color:#fff;background:rgba(152,191,4,0.7);font-weight:600;padding-bottom:0px;}

.wrapper > article > .cnts > .tab_sec { display:none; }
.wrapper > article > .cnts > .tab_sec[data-tab=history] { display:block; }

.month_roll { display:block;font-size:40px;text-align:center;vertical-align:middle;line-height:80px;height:80px;color:#2c3c49; padding:5px 0px;font-weight:600;margin-top:0px;}
.month_roll > i { display:inline-block;line-height:50px;width:50px;font-size:18px;vertical-align:middle;margin:0px 0px 6px 0px;color:#2c3c49;cursor:pointer; }




.wrapper.index > article > .tab_sec { display:none; padding:0px 15px; white-space: normal; word-break:keep-all; }
.wrapper.index > article > .tab_sec[data-tab=notice] { display:block; }
.wrapper.index > article > .tab_sec > ul { display:block;padding:5px 0px; }
.wrapper.index > article > .tab_sec > ul > li { display:block;border-bottom:1px solid #eee;padding:15px 0px; }
.wrapper.index > article > .tab_sec > ul > li > .thum { position:relative;display:inline-block;float:left;width:130px;height:90px;background:url(../img/thum.jpg) no-repeat center center;background-size:cover;margin-right:10px; }
.wrapper.index > article > .tab_sec > ul > li > .thum.mov { font-family: 'simple-line-icons'; speak: none; font-style: normal; font-weight: normal;background:url(../img/cs_bg.jpg) no-repeat center center;background-size:cover; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
.wrapper.index > article > .tab_sec > ul > li > .thum.mov:before { position:absolute;top:0px;left:0px;right:0px;bottom:0px;background:rgba(0,0,0,0.1);color:rgba(255,255,255,0.6);font-weight:400;content: "\e008";line-height:90px;font-size:40px;text-align:center; }
.wrapper.index > article > .tab_sec > ul > li > .ex { height:90px;margin-left:0px; }
.wrapper.index > article > .tab_sec > ul > li > .ex > h3 { font-size:16px;line-height:25px;height:25px;overflow: hidden;font-weight:600;}
.wrapper.index > article > .tab_sec > ul > li > .ex > p { font-size:14px;line-height:20px;height:40px;overflow: hidden;color:#777; }
.wrapper.index > article > .tab_sec > ul > li > .ex > p.date { font-size:13px;line-height:20px;height:20px;overflow: hidden;color:#999;margin-top:5px; }


.wrapper > article > .tab_fix_sec { display:none; padding:0px 0px; white-space: normal; word-break:keep-all; }
.wrapper > article > .tab_fix_sec[data-tab=gratuitous] { display:block; }
.wrapper > article > .cnts { display:block; padding:0px 0px; white-space: normal; word-break:keep-all; }
.wrapper > article > .cnts > .service_tit { padding:40px 25px;background:#eee;text-align:center; }
.wrapper > article > .cnts > .service_tit > h2 { font-size:32px; color:#111; line-height:40px; }
.wrapper > article > .cnts > .service_tit > h2:after { display:block;width:40px;height:2px;background:#111;content:'';margin:20px auto 25px auto;; }
.wrapper > article > .cnts > .service_tit > p { font-size:14px;color:#666; }

.wrapper > article > .cnts > .tab_fix {position:relative;display:block;padding:0px 0px 0px 0px;border-top:2px solid rgba(242,183,5,0.7); }
.wrapper > article > .cnts > .tab_fix > ul { display:block;height:50px;}
.wrapper > article > .cnts > .tab_fix > ul > li { float:left;display:inline-block;width:50%;height:50px;}
.wrapper > article > .cnts > .tab_fix > ul > li > a { display:block;line-height:50px;height:50px;text-align: center;background:#eee;font-size:16px;color:rgba(0,0,0,0.5);cursor:pointer;}
.wrapper > article > .cnts > .tab_fix > ul > li.on > a { color:#fff;background:rgba(242,183,5,0.7);font-weight:600;padding-bottom:0px;}


.wrapper > article > section > .search {position:relative; display:block;border-bottom:1px solid #ccc;background:#eee; }
.wrapper > article > section > .search p { position:relative;border-bottom:1px solid #ddd;;border-top:1px solid #ddd;overflow:hidden;background:transparent;padding:5px 0px; }
.wrapper > article > section > .search p.date { margin-top:-1px;background:#eee; }
.wrapper > article > section > .search p span { position:relative;float:left;display:inline;height:60px;font-size:14px;line-height:50px;border-left:1px solid #eee;margin-left:-1px;overflow:hidden;}
.wrapper > article > section > .search p span.date { width:45%; }
.wrapper > article > section > .search p span.dash { width:10%;text-align:center;font-size:20px;color:#bbb;background:#eee; }
.wrapper > article > section > .search p span.opt { width:35%; }
.wrapper > article > section > .search p span.field { width:65%; }
.wrapper > article > section > .search p span.full { width:100%; }

.wrapper > article > section > .search p + p { border-top:0px solid #ddd; }

.wrapper > article > section > .search .date_select { display:none;margin:0px 0px 0px 0px;position:relative;background:rgba(255,75,56,0.5);padding:10px 10px 10px 10px;border:0px solid #5db0c2; }
.wrapper > article > section > .search .date_select::after {right:12%; bottom:100%; border:solid transparent;  width:0; height:0; position:absolute; border-color:transparent;border-bottom-color: rgba(255,75,56,0.5); border-width:10px; margin-left:-10px; content:" ";}
.wrapper > article > section > .search .date_select span { position:relative;float:left;display:inline;height:46px;font-size:14px;line-height:46px;border-left:0px solid #eee;margin-left:0px;overflow:hidden;}
.wrapper > article > section > .search .date_select span.date { width:45%; }
.wrapper > article > section > .search .date_select span.dash { width:10%;text-align:center;font-size:20px;color:#fff; }

.wrapper > article > section > .search .date_select input[type=text] { display:block;width:100%;padding-left:0px;height:46px;line-height:46px;border:0px;background:rgba(255,255,255,0.9);outline: none;color:#333;font-size:17px;font-weight:600;text-align: center;border-radius: 26px;}
.wrapper > article > section > .search .date_select input[type=text]::-webkit-input-placeholder { color:#666; }
.wrapper > article > section > .search .date_select input[type=text]::-moz-placeholder { color:#666; }
.wrapper > article > section > .search .date_select input[type=text]:-ms-input-placeholder { color:#666; }
.wrapper > article > section > .search .date_select input[type=text]:-moz-placeholder { color:#666; }

.wrapper > article > section > .search .date_select > .btn { display:block;margin:0px -10px;margin-top:10px;padding:0px 10px 0px 10px;font-size:0px;text-align:center; }
.wrapper > article > section > .search .date_select > .btn.tbd { border-top:1px solid #ddd; }
.wrapper > article > section > .search .date_select > .btn > a { display:block;background:rgba(255,75,56,0.7);color:#fff;font-size:18px;font-weight:600;width:auto;
	height:50px;text-align:center;line-height:50px; -webkit-border-radius: 25px;-khtml-border-radius: 25px;-moz-border-radius: 25px;border-radius: 25px; }
.wrapper > article > section > .search .date_select > .btn > a > i { display:none;margin-right:7px; }


.wrapper > article > section > .search p input[type=text] { display:block;width:110%;padding-left:15px;height:60px;line-height:60px;border:0px;background:transparent;outline: none;color:#333;font-size:15px; }
.wrapper > article > section > .search p input[type=text]::-webkit-input-placeholder { color:#666; }
.wrapper > article > section > .search p input[type=text]::-moz-placeholder { color:#666; }
.wrapper > article > section > .search p input[type=text]:-ms-input-placeholder { color:#666; }
.wrapper > article > section > .search p input[type=text]:-moz-placeholder { color:#666; }

.wrapper > article > section > .search p input[type=text][name=seial_no] { text-transform:uppercase; }

.wrapper > article > section > .search p input[type=number] { display:block;width:110%;padding-left:15px;height:60px;line-height:60px;border:0px;background:transparent;outline: none;color:#333;font-size:15px; }
.wrapper > article > section > .search p input[type=number]::-webkit-input-placeholder { color:#666; }
.wrapper > article > section > .search p input[type=number]::-moz-placeholder { color:#666; }
.wrapper > article > section > .search p input[type=number]:-ms-input-placeholder { color:#666; }
.wrapper > article > section > .search p input[type=number]:-moz-placeholder { color:#666; }

.wrapper > article > section > .search p span > a { position:absolute;top:5px;right:10px;display:inline-block;width:60px;margin-right:0px;height:46px;font-size:28px;text-align:center;line-height:46px;background:#fff;
	border:2px solid rgba(255,75,56,0.7);color:rgba(255,75,56,0.7); -webkit-border-radius: 26px;-khtml-border-radius: 26px;-moz-border-radius: 26px;border-radius: 26px; }

.wrapper > article > section > .search p.select {background:#2c3c49;border-top:0px solid #ddd;height:48px;font-size:0px;padding:0px;border-bottom:1px solid rgba(255,255,255,0.2); }
.wrapper > article > section > .search p.select span {  position:relative;border-left:0px solid #eee;margin-left:0px; }
.wrapper > article > section > .search p.select span select { position:relative;display:block;width:110%;padding-left:20px;height:48px;line-height:48px;background:transparent;font-size:15px;border-top:0px solid #ddd;outline: none;color:#fff;z-index:2; }
.wrapper > article > section > .search p.select span:after { /*font-family:FontAwesome;*/ content:"∨";vertical-align: middle;position:absolute;top:0px;right:20px;display:block;color:#ccc;font-size:12px;height:48px;line-height:48px;z-index:1;}
.wrapper > article > section > .search p.select span > .search_btn { position:absolute;top:6px;right:40px;display:none;min-width:20px;height:34px;padding:0px 12px;line-height:34px;font-size:11px;text-align:center;color:#ccc;border:1px solid rgba(0,0,0,0.2);background:rgba(0,0,0,0.1);border-radius: 18px;z-index:2;cursor:pointer;}
.wrapper > article > section > .search p.select span > .search_btn::before { content:'검색' }
.wrapper > article > section > .search p.select span select option {color:#111;}

.wrapper > article > section > .search p.select span > b { display:none;position:absolute;top:0px;left:0px;background:#56636d;z-index:2;width:100%; }
.wrapper > article > section > .search p.select span > b input[type=text] { display:block;width:110%;padding-left:20px;height:48px;line-height:48px;border:0px;background:transparent;outline: none;color:#fff;font-size:15px;z-index:2;}
.wrapper > article > section > .search p.select span > b input[type=text]::-webkit-input-placeholder { color:#ccc; }
.wrapper > article > section > .search p.select span > b input[type=text]::-moz-placeholder { color:#ccc; }
.wrapper > article > section > .search p.select span > b input[type=text]:-ms-input-placeholder { color:#ccc; }
.wrapper > article > section > .search p.select span > b input[type=text]:-moz-placeholder { color:#ccc; }
.wrapper > article > section > .search p.select span > b .field_btn { position:absolute;top:0px;right:0px;display:block;height:48px;padding:0px 20px;line-height:48px;font-size:15px;text-align:center;color:#fff;
	border:0px solid rgba(0,0,0,0.2);background:rgba(0,0,0,0.3);z-index:2;cursor:pointer;}
.wrapper > article > section > .search p.select span > b .field_btn::before { content:'검색'; }

.wrapper > article > section > .search p.select span > b .field_undo { position:absolute;top:5px;right:70px;display:block;width:35px;height:35px;padding:0px 0px;line-height:35px;font-size:15px;text-align:center;color:#ccc;
	border:1px solid transparent;background:transparent;border-radius: 4px;z-index:2;cursor:pointer;}
.wrapper > article > section > .search p.select span > b .field_undo::before { content:'×'; }

.wrapper > article > section > .search p.select_txt {background:#2c3c49;border-top:0px solid #ddd;height:48px;font-size:0px;padding:0px;border-bottom:1px solid rgba(255,255,255,0.2); }
.wrapper > article > section > .search p.select_txt span {  position:relative;border-left:0px solid #eee;height:48px;line-height:48px; }
.wrapper > article > section > .search p.select_txt span:after { font-family:FontAwesome; content:"\f002";vertical-align: middle;position:absolute;top:0px;right:20px;display:block;color:#2c3c49;background:#fff;font-size:15px;height:48px;line-height:48px;z-index:1;border-radius: 50%;}
.wrapper > article > section > .search p.select_txt span input[type=text] { display:block;width:110%;padding-left:20px;height:48px;line-height:48px;border:0px;background:transparent;outline: none;color:#333;font-size:15px;z-index:2;}
.wrapper > article > section > .search p.select_txt span input[type=text]::-webkit-input-placeholder { color:#666; }
.wrapper > article > section > .search p.select_txt span input[type=text]::-moz-placeholder { color:#666; }
.wrapper > article > section > .search p.select_txt span input[type=text]:-ms-input-placeholder { color:#666; }
.wrapper > article > section > .search p.select_txt span input[type=text]:-moz-placeholder { color:#666; }

.wrapper > article > section > .search p.select_txt span select { position:relative;display:block;width:110%;padding-left:20px;height:48px;line-height:48px;background:transparent;font-size:15px;border-top:0px solid #ddd;outline: none;color:#fff;z-index:2; }


.wrapper > article > section > .search p span > i { position:absolute;top:0px;right:15px;display:block;color:#999;font-size:12px;height:60px;line-height:50px;z-index:1; }
.wrapper > article > section > .search a { display:block;background:#00688f;color:#fff;line-height:50px;height:50px;width:auto;padding:0px 20px;text-align:center;font-size:16px; }
.wrapper > article > section > .search a > i { margin-right:6px; }
.wrapper > article > section > .search a.barcode > i { margin-right:0px;display:block;line-height:46px;font-size:15px; }
.wrapper > article > section > .search a.barcode > i::before { content:'바코드'; }

.wrapper > article > section > .search .btn { display:block;margin:0px 0px;padding:10px 15px 10px 15px;font-size:0px;text-align:center; }
.wrapper > article > section > .search .btn.tbd { border-top:1px solid #ddd; }
.wrapper > article > section > .search .btn > a { display:inline-block;background:rgba(255,75,56,0.7);color:#fff;font-size:18px;font-weight:600;width:150px;
	height:50px;text-align:center;line-height:50px; -webkit-border-radius: 25px;-khtml-border-radius: 25px;-moz-border-radius: 25px;border-radius: 25px; }
.wrapper > article > section > .search .btn > a > i { display:none; margin-right:7px; }


.wrapper > article > section > .search .search_tab { color:#fff;padding:10px 10px 10px 10px;border-bottom:0px solid #ddd; }
.wrapper > article > section > .search .search_tab > ul { display:block;border:2px solid rgba(255,75,56,0.7);height:46px; -webkit-border-radius: 26px;-khtml-border-radius: 26px;-moz-border-radius: 26px;border-radius: 26px;overflow: hidden;}
.wrapper > article > section > .search .search_tab > ul > li { float:left;display:inline-block;background:#fff;width:25%;height:46px;line-height:46px;font-size:15px;color:#888;text-align: center;border-left:1px solid rgba(255,75,56,0.5);margin-left:-1px;cursor:pointer;}
.wrapper > article > section > .search .search_tab > ul > li.selected { background:rgba(255,75,56,0.7);color:#fff;font-weight: 600;}

.wrapper > article > section > .search .search_tab_btn { color:#fff;padding:10px 10px 10px 10px;border-bottom:0px solid #ddd; }
.wrapper > article > section > .search .search_tab_btn > ul { display:block;border:2px solid rgba(255,75,56,0.7);height:46px; -webkit-border-radius: 26px;-khtml-border-radius: 26px;-moz-border-radius: 26px;border-radius: 26px;overflow: hidden;}
.wrapper > article > section > .search .search_tab_btn > ul > li { float:left;display:inline-block;background:#fff;width:25%;height:46px;line-height:46px;font-size:15px;color:#888;text-align: center;border-left:1px solid rgba(255,75,56,0.5);margin-left:-1px;cursor:pointer;}
.wrapper > article > section > .search .search_tab_btn > ul > li.selected { background:rgba(255,75,56,0.7);color:#fff;font-weight: 600;}


.wrapper > article > section > .search .search_select { color:#fff;padding:10px 10px 0px 10px;border-bottom:0px solid #ddd; }
.wrapper > article > section > .search .search_select span {  position:relative;display:block;border:2px solid rgba(242,183,5,0.7);padding-left:80px;background:rgba(242,183,5,0.1);height:46px; -webkit-border-radius: 26px;-khtml-border-radius: 26px;-moz-border-radius: 26px;border-radius: 26px;overflow: hidden; }
.wrapper > article > section > .search .search_select span select { position:relative;display:block;width:110%;padding-left:20px;height:48px;line-height:48px;background:transparent;font-size:15px;border-top:0px solid #ddd;outline: none;color:#666;z-index:2; }
.wrapper > article > section > .search .search_select span:after { /*font-family:FontAwesome;*/ content:"∨";vertical-align: middle;position:absolute;top:0px;right:20px;display:block;color:#999;font-size:12px;height:48px;line-height:48px;z-index:1;}
.wrapper > article > section > .search .search_select span:before {vertical-align: middle;position:absolute;top:10px;left:20px;padding-right:15px;display:block;color:#666;font-weight:600;font-size:14px;height:28px;line-height:28px;z-index:1;content:"A/S 상태";border-right:1px solid #ccc;}

.wrapper.delivery > article > section > .search .date_select { background:rgba(93,176,194,0.5);}
.wrapper.delivery > article > section > .search .date_select::after {border-bottom-color: rgba(93,176,194,0.5); }
.wrapper.delivery > article > section > .search .search_tab > ul { border:2px solid rgba(93,176,194,0.7);}
.wrapper.delivery > article > section > .search .search_tab > ul > li { border-left:1px solid rgba(93,176,194,0.5);}
.wrapper.delivery > article > section > .search .search_tab > ul > li.selected { background:rgba(93,176,194,0.7);}

.wrapper.delivery > article > section > .search .search_tab_btn > ul { border:2px solid rgba(93,176,194,0.7);}
.wrapper.delivery > article > section > .search .search_tab_btn > ul > li { border-left:1px solid rgba(93,176,194,0.5);}
.wrapper.delivery > article > section > .search .search_tab_btn > ul > li.selected { background:rgba(93,176,194,0.7);}

.wrapper.delivery > article > section > .search .btn > a { background:rgba(93,176,194,0.7); }
.wrapper.delivery > article > section > .search .date_select > .btn > a { background:rgba(93,176,194,0.9); }

.wrapper.payment > article > section > .search .date_select { background:rgba(152,191,4,0.5);}
.wrapper.payment > article > section > .search .date_select::after {border-bottom-color: rgba(152,191,4,0.5); }
.wrapper.payment > article > section > .search .search_tab > ul { border:2px solid rgba(152,191,4,0.7);}
.wrapper.payment > article > section > .search .search_tab > ul > li { border-left:1px solid rgba(152,191,4,0.5);}
.wrapper.payment > article > section > .search .search_tab > ul > li.selected { background:rgba(152,191,4,0.7);}
.wrapper.payment > article > section > .search .btn > a { background:rgba(152,191,4,0.7); }
.wrapper.payment > article > section > .search .date_select > .btn > a { background:rgba(152,191,4,0.9); }

.payment_top { position:relative;display:block;text-align:center;background:#fff; }
.payment_top > p {  display:inline-block;border:0px solid #ff4b38;font-size:16px; background:#ff4b38;color:#fff;padding:0px 30px;margin:20px 0px;line-height:50px;-webkit-border-radius: 25px;-khtml-border-radius: 25px;-moz-border-radius: 25px;border-radius: 25px; }
.payment_top > p >  b {display:inline-block;margin-left:10px;font-size:24px;vertical-align: middle;}
.payment_top > p >  b > i {display:inline-block;margin-left:0px;font-size:16px;font-weight:400;vertical-align: middle;}

.payment_top > a.push { position:absolute;left:15px;top:15px;display:none;margin:0px 0px; background:#5db0c2;border:0px solid rgba(0,0,0,0.1);width:auto;padding:0px 0px;height:60px;line-height:20px;;width:60px;text-align:center;font-size:14px;color:#fff;border-radius: 30px;opacity:0.8;}
.payment_top > a.push > i {color:#fff !important;display:block;font-size:13px;line-height:20px;margin-right:0px;margin-top:11px;}

.payment_list { display:block;text-align:center; }
.payment_list > p { display:inline-block;border:0px solid #ff4b38;font-size:16px; background:#ff4b38;color:#fff;padding:0px 30px;margin:20px 0px;line-height:50px;-webkit-border-radius: 25px;-khtml-border-radius: 25px;-moz-border-radius: 25px;border-radius: 25px; }
.payment_list > p >  b {display:inline-block;margin-left:10px;font-size:24px;vertical-align: middle;}
.payment_list > p >  b > i {display:inline-block;margin-left:0px;font-size:16px;font-weight:400;vertical-align: middle;}
.payment_list > ul { display:block;border-top:0px solid #ccc; }
.payment_list > ul > li { display:block;border-bottom:1px solid #ccc; }
.payment_list > ul > li > div { position:relative;padding:20px 15px;text-align:left; }
.payment_list > ul > li > div > .item { margin-left:0px;padding:0px; }
.payment_list > ul > li > div > .item > h3 { position:relative;font-size:20px;color:#111;line-height:28px;font-weight:600; }
.payment_list > ul > li > div > .item > h3 > span { display:inline-block;margin-left:7px;font-size:16px;font-weight:400; }
.payment_list > ul > li > div > .item > h3 > span > b { font-size:20px;font-weight:600; }
.payment_list > ul > li > div > .item > h3 > label { display:inline-block;font-size:12px;font-weight:400;background:rgba(255,75,56,0.5);color:#fff;line-height:18px;padding:0px 8px;top:-28px;position: absolute;right:-8px;border-radius: 10px;}
.payment_list > ul > li > div > .item > p { font-size:13px;color:#888;line-height:20px; }
.payment_list > ul > li > div > .price { position:absolute;top:30px;right:15px;padding:0px;text-align:right; }
.payment_list > ul > li > div > .price > h3 { font-size:22px;color:#111;line-height:30px;font-weight:600;}
.payment_list > ul > li > div > .price > h3 > em { display:inline-block;vertical-align: middle;font-size:14px;font-weight:600;margin-right:5px;}
.payment_list > ul > li > div > .price > h3 > i { display:inline-block;vertical-align: middle;font-size:12px;font-weight:400;margin-left:3px;}
.payment_list > ul > li > div > .price > p { font-size:16px;color:#333;line-height:22px;font-weight:600; }
.payment_list > ul > li > div > .price > p > em { display:inline-block;vertical-align: middle;font-size:14px;font-weight:400;margin-right:5px;}
.payment_list > ul > li > div > .price > p > i { display:inline-block;vertical-align: middle;font-size:12px;font-weight:400;margin-left:3px;}
.payment_list > ul > li.out > div > .price > h3 { color:#ff4b38;}
.payment_list > ul > li.in > div > .item > h3 { color:#5db0c2;}
.payment_list > ul > li.in > div > .price > h3 { color:#5db0c2;}
.payment_list > ul > li > .no_data { height:120px;margin-left:0px; }
.payment_list > ul > li > .no_data > p { font-size:14px;line-height:120px;height:120px;overflow: hidden;color:#111;text-align:center; }
.payment_list > a { display:inline-block;margin:30px 0px; background:#fff;border:2px solid #98bf04;width:auto;padding:0px 20px;height:48px;line-height: 48px;text-align:center;font-size:16px;color:#98bf04;border-radius: 10px;}
.payment_list > a > i {color:#98bf04 !important;font-size:22px;margin-right:7px;}

.payment_list > ul > li.out.uninstall > div > .item > h3 > span {color:rgba(225,75,56,0.9); }
.payment_list > ul > li.out.uninstall > div > .price > h3 { color:#98bf04;}

.payment_list > a.reg { position:fixed;left:15px;bottom:26px;display:none;margin:0px 0px; background:#98bf04;border:0px solid #98bf04;width:auto;padding:0px 0px;height:60px;line-height:60px;;width:60px;text-align:center;font-size:14px;color:#fff;border-radius: 30px;opacity:0.8;}
.payment_list > a.reg > i {color:#fff !important;display:block;display:none;font-size:16px;line-height:20px;margin-right:0px;margin-top:0px;}



.worked_list { display:block;text-align:center; }
.worked_list > p { display:inline-block;border:1px solid #2c3c49;font-size:16px; background:#2c3c49;color:#fff;padding:0px 20px;margin:20px 0px;line-height:24px;-webkit-border-radius: 13px;-khtml-border-radius: 13px;-moz-border-radius: 13px;border-radius: 13px; }
.worked_list > p > b { font-size:18px;font-weight:600; }
.worked_list > ul { display:block;border-top:1px solid #ccc; }
.worked_list > ul > li { display:block;border-bottom:1px solid #ccc; cursor:pointer; }
.worked_list > ul > li > div { padding:0px 0px;text-align:left; }
.worked_list > ul > li > div > .th { float:left;display:none;width:70px;padding-left:0px;text-align:center;height:24px;line-height:32px;font-size:22px;font-weight:400;padding:20px 0px;letter-spacing:-1px; }
.worked_list > ul > li > div > .ex { margin-left:0px;padding:20px 15px 20px 15px; }
.worked_list > ul > li > div > .ex > h3 { position:relative;font-size:22px;color:#111;line-height:32px;font-weight:600;margin-bottom:7px; }
.worked_list > ul > li > div > .ex > h3 > em { float:right;display:inline-block;font-size:16px; font-weight:400;color:#666; }
.worked_list > ul > li > div > .ex > h3 > span { display:inline-block;margin-left:7px;font-size:16px;font-weight:400; }
.worked_list > ul > li > div > .ex > h3 > label { display:inline-block;font-size:12px;font-weight:400;background:rgba(255,75,56,0.5);color:#fff;line-height:18px;padding:0px 8px;top:-12px;position: absolute;right:-8px;border-radius: 10px;}
.worked_list > ul > li > div > .ex > h3 > span > b { font-size:20px;font-weight:600; }
.worked_list > ul > li > div > .ex > h3::after { display:block;clear: both;content: '';}
.worked_list > ul > li > div > .ex > h4 { display:block;margin-left:0px;font-size:18px;line-height:24px;margin-bottom:4px;color:#666;font-weight:400; }
.worked_list > ul > li > div > .ex > h4 > i { display:inline-block;vertical-align: middle;margin-right:5px;font-size:14px;color:#fff;font-weight:400;width:24px;height:24px;line-height:24px;background:#999;text-align:center;border-radius: 12px; }
.worked_list > ul > li > div > .ex > h4::after { display:block;clear: both;content: '';}
.worked_list > ul > li > div > .ex > h4 > i { display:none; }
.worked_list > ul > li > div > .ex > h5 { clear:both;font-size:16px;color:#5db0c2;line-height:24px;font-weight:600; }
.worked_list > ul > li > div > .ex > h5 > i { display:inline-block;vertical-align: middle;margin-right:5px;font-size:14px;color:#fff;font-weight:400;width:24px;height:24px;line-height:24px;background:#5db0c2;text-align:center;border-radius: 12px; }
.worked_list > ul > li > div > .ex > h5 > i { display:none; }
.worked_list > ul > li > div > .ex > h5 > span { float:right; letter-spacing:-1px;display:inline-block;margin-left:6px;font-size:13px;color:#666;border:1px solid #666;font-weight:400;padding:0px 10px;line-height:22px;-webkit-border-radius: 12px;-khtml-border-radius: 12px;-moz-border-radius: 12px;border-radius: 12px;  }
.worked_list > ul > li > div > .ex > h5::after { display:block;clear: both;content: '';}
.worked_list > ul > li > div > .ex > p { font-size:13px;color:#888;line-height:20px; }
.worked_list > ul > li > div > .ex > p > span { float:right; letter-spacing:-1px;display:inline-block;margin-left:6px;font-size:12px;color:#61bbb9;border:1px solid #61bbb9;font-weight:400;padding:0px 10px;line-height:18px;-webkit-border-radius: 10px;-khtml-border-radius: 10px;-moz-border-radius: 10px;border-radius: 10px;  }
.worked_list > ul > li > .no_data { height:120px;margin-left:0px; }
.worked_list > ul > li > .no_data > p { font-size:14px;line-height:120px;height:120px;overflow: hidden;color:#111;text-align:center; }

.worked_list > ul > li.uninstall { background:#eee; }
.worked_list > ul > li.uninstall > div > .ex > h3 > span {color:rgba(225,75,56,0.9); }

.worked_list > a { display:inline-block;margin:30px 0px; background:#fff;border:2px solid #ff4b38;width:auto;padding:0px 20px;height:48px;line-height: 48px;text-align:center;font-size:16px;color:#ff4b38;border-radius: 10px;}
.worked_list > a > i {color:#ff610b !important;font-size:22px;margin-right:7px;}
.worked_list > a > i { display:none; }

.worked_list > a.reg { position:fixed;left:15px;bottom:26px;display:block;margin:0px 0px; background:#ff4b38;border:0px solid #ff4b38;width:auto;padding:0px 0px;height:60px;line-height:60px;;width:60px;text-align:center;font-size:14px;color:#fff;border-radius: 30px;opacity:0.8;}
.worked_list > a.reg > i {color:#fff !important;display:none;font-size:16px;line-height:60px;margin-right:0px;margin-top:0px;}


.push_list { display:block;text-align:center;padding-bottom:50px; }
.push_list > p { display:inline-block;border:1px solid #2c3c49; background:#2c3c49;color:#fff;padding:0px 20px;margin:20px 0px;line-height:24px;-webkit-border-radius: 13px;-khtml-border-radius: 13px;-moz-border-radius: 13px;border-radius: 13px; }
.push_list > p.ex { display:block;text-align:left;border:0px solid #2c3c49; background:#eee;;color:#333;padding:10px 15px;margin:20px 15px;line-height:20px;border-radius: 0px; font-size:13px; }
.push_list > ul { display:block;border-top:1px solid #ccc; }
.push_list > ul > li { position:relative;display:block;border-bottom:1px solid #ccc;  }
.push_list > ul > li.read { background:#eee; }
.push_list > ul > li > div.ex { padding:20px 90px 20px 15px;margin-right:80px;text-align:left;cursor:pointer; }
.push_list > ul > li > div.ex > p { font-size:15px;color:#111;line-height:20px;min-height:20px; }
.push_list > ul > li > div.ex > p > span { display:inline-block;font-size:13px;color:#999;margin-top:5px; }

.push_list > ul > li > button[type=button] { position:absolute;top:10px;right:10px;padding:0px 10px; height:40px;display:inline-block;margin:0px 0px;color:#333;border:1px solid #aaa;background:#fff;font-size:13px;vertical-align:middle; text-align:center;border-radius: 10px;}
.push_list > ul > li > button[type=button] > i { display:none; margin-right:5px; }

.push_list > ul > li.read > div.ex > p { color:#777; }

.push_list > ul > li > .no_data { height:120px;margin-left:0px; }
.push_list > ul > li > .no_data > p { font-size:14px;line-height:120px;height:120px;overflow: hidden;color:#111;text-align:center; }

.push_list > a { display:inline-block;margin:30px 0px; background:#fff;border:2px solid #365c80;width:auto;padding:0px 20px;height:48px;line-height: 48px;text-align:center;font-size:16px;color:#365c80;border-radius: 10px;}
.push_list > a > i { display:none;color:#365c80 !important;font-size:22px;margin-right:7px;}

.push_list > a.foot_btn { position: fixed;bottom:0px;left:0px;right:0px;display:block;width:100%;padding:0px 0px;margin:0px;height:50px;font-size:16px;text-align:center;line-height:50px;border:0px;border-radius: 0px;border-top:1px solid rgba(0,0,0,0.1);color:#111;	background:#ddd;}
.push_list > a.foot_btn > i {display:none; margin-right:5px;font-size:20px; }


.delivery_list { display:block;text-align:center; }
.delivery_list > p { display:inline-block;border:1px solid #2c3c49; background:#2c3c49;color:#fff;padding:0px 20px;margin:20px 0px;line-height:24px;-webkit-border-radius: 13px;-khtml-border-radius: 13px;-moz-border-radius: 13px;border-radius: 13px; }
.delivery_list > p > b { font-size:16px;font-weight:600; }
.delivery_list > ul { display:block;border-top:1px solid #ccc; }
.delivery_list > ul > li { display:block;border-bottom:1px solid #ccc;cursor:pointer;  }
.delivery_list > ul > li > div {position: relative; padding:0px;text-align:left; }
.delivery_list > ul > li > div > .th { float:left;display:inline-block;width:70px;padding-left:0px;text-align:center;height:24px;line-height:32px;font-size:22px;font-weight:400;padding:20px 0px;letter-spacing:-1px;  }
.delivery_list > ul > li > div > .ex { margin-left:70px;padding:20px 15px 20px 0px; }
.delivery_list > ul > li > div > .ex > h3 { font-size:22px;color:#111;line-height:32px;font-weight:600; }
.delivery_list > ul > li > div > .ex > h3 > span { display:inline-block;margin-left:5px;font-size:16px;font-weight:600; }
.delivery_list > ul > li > div > .ex > h3 > b { display:inline-block;margin-left:5px;font-weight:600; }
.delivery_list > ul > li > div > .ex > h3 > b > span { display:inline-block;margin-left:0px;font-weight:400;font-size:18px; }
.delivery_list > ul > li > div > .ex > h3 > i { display:inline-block;margin-left:0px;font-weight:400;font-size:16px;color:#777;margin-left:5px; }
.delivery_list > ul > li > div > .ex > h4 { position:absolute;top:15px;right:15px;font-size:14px;color:#999;line-height:22px;font-weight:600;width:72px;height:72px;line-height:72px;background:rgba(230,230,230,0.7);text-align:center;
	-webkit-border-radius: 50%;-khtml-border-radius: 50%;-moz-border-radius: 50%;border-radius: 50%;font-weight:400;
	-moz-box-shadow:0px 2px 2px 0px rgba(0,0,0,0.1); -webkit-box-shadow:0px 2px 2px 0px rgba(0,0,0,0.1); box-shadow:0px 2px 2px 0px rgba(0,0,0,0.1);
}
.delivery_list > ul > li > div > .ex > p { font-size:15px;color:#888;line-height:20px;margin-top:4px; }
.delivery_list > ul > li > div > .ex > p > span { letter-spacing:-1px;display:inline-block;margin-right:6px;font-size:13px;color:#666;border:1px solid #666;font-weight:400;padding:0px 10px;line-height:22px;-webkit-border-radius: 12px;-khtml-border-radius: 12px;-moz-border-radius: 12px;border-radius: 12px;  }
.delivery_list > a { display:inline-block;margin:30px 0px; background:#fff;border:2px solid #5db0c2;width:auto;padding:0px 20px;height:48px;line-height: 48px;text-align:center;font-size:16px;color:#5db0c2;border-radius: 10px;}
.delivery_list > a > i {display:none;color:#5db0c2 !important;font-size:22px;margin-right:7px;}

.delivery_list > ul > li.ing { background:#eee; }
.delivery_list > ul > li.ing > div > .ex > h4 { background:rgba(93,176,194,0.7);color:#fff; }

.delivery_list > ul > li.fail { background:#ddd; }
.delivery_list > ul > li.fail > div > .th  { color:#aaa; }
.delivery_list > ul > li.fail > div > .ex > h3 { color:#aaa; }
.delivery_list > ul > li.fail > div > .ex > h3 > i { color:#aaa; }
.delivery_list > ul > li.fail > div > .ex > p { color:#aaa; }
.delivery_list > ul > li.fail > div > .ex > p > span { color:#aaa;border:1px solid #bbb; }

.delivery_list > ul > li.ing.stt_S > div > .ex > h4 { background:rgba(255,75,56,0.7);color:#fff; } /*배송요청*/
.delivery_list > ul > li.ing.stt_A > div > .ex > h4 { background:rgba(152,191,4,0.7);color:#fff; } /*총판승인*/
.delivery_list > ul > li.ing.stt_C > div > .ex > h4 { background:rgba(152,191,4,0.7);color:#fff; } /*주문승인*/
.delivery_list > ul > li.stt_F > div > .ex > h4 { background:rgba(199,105,183,0.7);color:#fff; } /*배송취소*/
.delivery_list > ul > li.ing.stt_V > div > .ex > h4 { background:rgba(199,105,183,0.7);color:#fff; } /*대리점 저장*/

.delivery_list > ul > li > .no_data { height:120px;margin-left:0px; }
.delivery_list > ul > li > .no_data > p { font-size:14px;line-height:120px;height:120px;overflow: hidden;color:#111;text-align:center; }

.order_top { display:block;text-align:center; }
.order_top > p { display:inline-block;border:1px solid #2c3c49; background:#2c3c49;color:#fff;padding:0px 20px;margin:20px 0px;line-height:24px;-webkit-border-radius: 13px;-khtml-border-radius: 13px;-moz-border-radius: 13px;border-radius: 13px; }
.order_top > p > b { font-size:16px;font-weight:600; }


div.th { background-position: center 17px; background-size:90px; }
div.th.HG0868 { background-position: center 17px; background-size:90px; background-image:url(../img/virtual/WRB100.png); background-repeat: no-repeat;}
div.th.HG0869 { background-position: center 17px; background-size:90px; background-image:url(../img/virtual/WRB100_G.png); background-repeat: no-repeat;}
div.th.HG0835 { background-position: center 17px; background-size:90px; background-image:url(../img/virtual/WRB300.png); background-repeat: no-repeat;}
div.th.HG0870 { background-position: center 17px; background-size:90px; background-image:url(../img/virtual/WRB300_G.png); background-repeat: no-repeat;}
div.th.HG0810 { background-position: 17px 17px; background-size:90px; background-image:url(../img/virtual/WGT110.png); background-repeat: no-repeat; }
div.th.HG0812 { background-position: center 17px; background-size:90px; background-image:url(../img/virtual/WGT130.png); background-repeat: no-repeat;}
div.th.HG0831 { background-position: center 17px; background-size:90px; background-image:url(../img/virtual/WRT300.png); background-repeat: no-repeat;}
div.th.HG0809 { background-position: center 17px; background-size:90px; background-image:url(../img/virtual/WAT310.png); background-repeat: no-repeat;}
div.th.HG0811 { background-position: 17px 17px; background-size:90px; background-image:url(../img/virtual/WGT310.png); background-repeat: no-repeat; }
div.th.HG0813 { background-position: center 17px; background-size:90px; background-image:url(../img/virtual/WGT330.png); background-repeat: no-repeat;}
div.th.HG0814 { background-position: 14px 4px; background-size:67px; background-image:url(../img/virtual/WST500.png); background-repeat: no-repeat;}
div.th.HG0815 { background-position: 14px 4px; background-size:67px; background-image:url(../img/virtual/WMT600.png); background-repeat: no-repeat;}
div.th.HG0816 { background-position: 14px 4px; background-size:67px; background-image:url(../img/virtual/WMT600-K.png); background-repeat: no-repeat;}


div.th.WAT310 { background-position: center 17px; background-size:90px; }

div.th.WGT130 { background-position: center 17px; background-size:90px; }
div.th.WGT310 { background-position: 17px 17px; background-size:90px; }
div.th.WGT330 { background-position: center 17px; background-size:90px; }
div.th.WMT600 { background-position: 14px 4px; background-size:67px; }
div.th.WMT600-K { background-position: 14px 4px; background-size:67px; }
div.th.WRB300 { background-position: center 17px; background-size:90px; }
div.th.WRT300 { background-position: center 17px; background-size:90px; }
div.th.WST501-K { background-position: 14px 4px; background-size:67px; }
div.th.WST500 { background-position: 14px 4px; background-size:67px; }



div.th.AT300 { background:url(../img/products/AT300.png) no-repeat 8px 15px; background-size:55px; }
div.th.GT311 { background:url(../img/products/GT311.png) no-repeat 18px 18px; background-size:55px; }
div.th.MT300 { background:url(../img/products/MT300.png) no-repeat 17px 3px; background-size:45px; }
div.th.MT300-K { background:url(../img/products/MT300-K.png) no-repeat 17px 3px; background-size:45px; }
div.th.RB100-RED { background:url(../img/products/RB100-RED.png) no-repeat 12px 15px; background-size:55px; }
div.th.RB100-SILVER { background:url(../img/products/RB100-SILVER.png) no-repeat 12px 15px; background-size:55px; }
div.th.RB300_RED { background:url(../img/products/RB300_RED.png) no-repeat 12px 15px; background-size:55px; }
div.th.RB300-SILVER { background:url(../img/products/RB300-SILVER.png) no-repeat 12px 15px; background-size:55px; }
div.th.RT101 { background:url(../img/products/RT101.png) no-repeat 8px 15px; background-size:55px; }
div.th.RT301 { background:url(../img/products/RT301.png) no-repeat 12px 15px; background-size:53px; }
div.th.RT320 { background:url(../img/products/RT320.png) no-repeat 8px 15px; background-size:55px; }
div.th.SP301 { background:url(../img/products/SP301.png) no-repeat 12px 10px; background-size:40px; }
div.th.ST301 { background:url(../img/products/ST301.png) no-repeat 12px 15px; background-size:55px; }


div.th.HG0008 { background:url(../img/products/RB100-SILVER.png) no-repeat 12px 15px; background-size:55px; }
div.th.HG0009 { background:url(../img/products/RB300-SILVER.png) no-repeat 12px 15px; background-size:55px; }
div.th.HG0606 { background:url(../img/products/RB100-RED.png) no-repeat 12px 15px; background-size:55px; }
div.th.HG0607 { background:url(../img/products/RB300_RED.png) no-repeat 12px 15px; background-size:55px; }
div.th.HG0608 { background:url(../img/products/RT320.png) no-repeat 8px 15px; background-size:55px; }
div.th.HG0617 { background:url(../img/products/MT300-K.png) no-repeat 17px 3px; background-size:45px; }
div.th.HG0665 { background:url(../img/products/RT101.png) no-repeat 8px 15px; background-size:55px; }
div.th.HG0731 { background:url(../img/products/RT101.png) no-repeat 8px 15px; background-size:55px; }
div.th.HG0609 { background:url(../img/products/RT301.png) no-repeat 12px 15px; background-size:53px; }
div.th.HG0611 { background:url(../img/products/GT111.png) no-repeat 18px 18px; background-size:55px; } /*GT111*/
div.th.HG0732 { background:url(../img/products/RT301.png) no-repeat 12px 15px; background-size:53px; }
div.th.HG0733 { background:url(../img/products/GT111.png) no-repeat 18px 18px; background-size:55px; } /*GT111*/
div.th.HG0612 { background:url(../img/products/GT311.png) no-repeat 18px 18px; background-size:55px; }
div.th.HG0734 { background:url(../img/products/GT311.png) no-repeat 18px 18px; background-size:55px; }
div.th.HG0613 { background:url(../img/products/ST301.png) no-repeat 12px 15px; background-size:55px; }
div.th.HG0735 { background:url(../img/products/ST301.png) no-repeat 12px 15px; background-size:55px; }
div.th.HG0616 { background:url(../img/products/MT300.png) no-repeat 17px 3px; background-size:45px; }
div.th.HG0736 { background:url(../img/products/MT300.png) no-repeat 17px 3px; background-size:45px; }
div.th.HG0651 { background:url(../img/products/SP301.png) no-repeat 12px 10px; background-size:40px; }
div.th.HG0737 { background:url(../img/products/SP301.png) no-repeat 12px 10px; background-size:40px; }
div.th.HG0749 { background:url(../img/products/AT300.png) no-repeat 8px 15px; background-size:55px; }
div.th.HG0750 { background:url(../img/products/DP610MK.png) no-repeat 18px 15px; background-size:34px; }
div.th.HG0828 { background:url(../img/products/AB110.png) no-repeat 12px 15px; background-size:55px; }


div.th.HG0871 { background:url(../img/virtual/AGT100.png) no-repeat 15px 17px; background-size:90px; }
div.th.HG0872 { background:url(../img/virtual/AGT300.png) no-repeat 15px 17px; background-size:90px; }
div.th.HG0873 { background:url(../img/virtual/AST300.png) no-repeat 14px 4px; background-size:67px; }
div.th.HG0874 { background:url(../img/virtual/AMT500.png) no-repeat 14px 4px; background-size:67px; }
div.th.HG0880 { background:url(../img/virtual/ARB100RED.png) no-repeat center 17px; background-size:90px; }
div.th.HG0881 { background:url(../img/virtual/ARB100SILVER.png) no-repeat center 17px; background-size:90px; }


.order_list { display:block;text-align:center;padding-bottom:88px; }
.order_list > p { display:inline-block;border:1px solid #2c3c49; background:#2c3c49;color:#fff;padding:0px 20px;margin:20px 0px;line-height:24px;-webkit-border-radius: 13px;-khtml-border-radius: 13px;-moz-border-radius: 13px;border-radius: 13px; }
.order_list > ul { display:block;border-top:1px solid #ccc; }
.order_list > ul > li {position: relative; display:block;border-bottom:1px solid #ccc;  }
.order_list > ul > li[data-tab=N] { display:none; }
.order_list > ul > li > div { padding:0px;text-align:left; }
.order_list > ul > li > div > .th { float:left;display:inline-block;width:70px;height:96px;border-right:1px solid #ddd;}
.order_list > ul > li > div > .ex { margin-left:85px;padding:20px 15px 20px 0px; }
.order_list > ul > li > div > .ex > h3 { font-size:22px;color:#111;line-height:32px;font-weight:600; }
.order_list > ul > li > div > .ex > h3 > span { display:inline-block;margin-left:5px;font-size:16px;font-weight:400;color:#666;vertical-align: bottom;}
.order_list > ul > li > div > .ex > h3 > b { display:inline-block;margin-left:5px;font-weight:600; }
.order_list > ul > li > div > .ex > h3 > b > span { display:inline-block;margin-left:0px;font-weight:400;font-size:18px; }
.order_list > ul > li > div > .ex > h4 { display:block;font-size:15px;color:#ff4b38;line-height:24px;}
.order_list > ul > li > div > .ex > h4 > b { display:inline-block;margin-left:5px;font-size:18px;color:#ff4b38;vertical-align: bottom;letter-spacing:-1px; }
.order_list > ul > li > div > .ex > h4 > span { display:inline-block;margin-left:5px;font-size:14px;color:#666; vertical-align: bottom;}
.order_list > ul > li > div > .ex > p { display:block;font-size:13px;color:#999;line-height:22px;margin-top:-3px;margin-right:90px;white-space: normal; word-break:keep-all;}
.order_list > ul > li > p { position:absolute;top:20px;right:15px;border:1px solid rgba(23,176,194,0.7);width:90px;height:54px;font-size:15px;color:#888;line-height:54px;padding:0px 0px;font-size:0px; }
.order_list > ul > li > p > b { display:inline-block;background:rgba(23,176,194,0.4);height:36px;width:35px;line-height:18px;padding:9px 0px;font-size:13px;color:#fff;font-weight:400;text-align:center;vertical-align: middle; }

.order_list > ul > li > p select { display:inline-block;width:55px;text-align-last:center;padding-left:0px;box-sizing: border-box;height:54px;line-height:54px;border:0px;background:transparent;outline: none;color:#333;font-size:20px;font-weight:600;text-align:center;vertical-align: middle;}
.order_list > ul > li > p select > option { text-align:center; }

.order_list > ul > li > p input[type=number] { display:inline-block;;width:55px;padding-left:0px;height:54px;line-height:54px;border:0px;background:transparent;outline: none;color:#333;font-size:20px;font-weight:600;text-align:center;vertical-align: middle;}
.order_list > ul > li > p input[type=number]::-webkit-input-placeholder { color:#666; }
.order_list > ul > li > p input[type=number]::-moz-placeholder { color:#666; }
.order_list > ul > li > p input[type=number]:-ms-input-placeholder { color:#666; }
.order_list > ul > li > p input[type=number]:-moz-placeholder { color:#666; }

.order_list > ul > li > p input[type=number]:focus::-webkit-input-placeholder { color:transparent; }
.order_list > ul > li > p input[type=number]:focus::-moz-placeholder { color:transparent; }
.order_list > ul > li > p input[type=number]:focus:-ms-input-placeholder { color:transparent; }
.order_list > ul > li > p input[type=number]:focus:-moz-placeholder { color:transparent; }

.order_list > a.btn { position: fixed;bottom:15px;left:50%;display:inline-block;width:158px;padding:0px 0px;margin-left:-80px;height:56px;font-size:18px;text-align:center;line-height:56px;border:1px solid rgba(0,0,0,0.1);color:#fff;
	background:rgba(255,75,56,0.7); -webkit-border-radius: 29px;-khtml-border-radius: 29px;-moz-border-radius: 29px;border-radius: 29px; }
.order_list > a.btn > i { display:none; margin-right:5px;font-size:20px; }

.order_list > ul > li > .no_data { height:120px;margin-left:0px; }
.order_list > ul > li > .no_data > p { font-size:14px;line-height:120px;height:120px;overflow: hidden;color:#111;text-align:center; }




ul.summary_li {	display:block; margin:0px;margin-bottom:0px;height:60px;padding:10px 0px;clear:both;overflow:hidden;background:#eee;border:0px solid #ddd;}
ul.summary_li.tmm { margin-bottom:20px;border-top:1px solid #ddd;border-bottom:1px solid #ddd; }
ul.summary_li li { float:left; display:inline; height:50px;line-height:30px; width:50%; font-weight:400; text-align:center; margin:0px 0px 0px -1px;padding:5px 0px; border-left:1px solid #ddd; font-size:18px; }
ul.summary_li.three li { width:33.3333%; }
ul.summary_li.four li { width:25%; }
ul.summary_li li >  b {font-size:22px;font-weight:600;}
ul.summary_li > li:first-child { border-left:1px solid #fff; }
ul.summary_li li span { display:block; line-height:20px; font-size:14px; font-weight:300; text-align:center; color:#666; margin:0px;padding:0px; }

ul.total_li {	display:block; margin:0px;margin-bottom:0px;height:60px;padding:15px 0px;clear:both;overflow:hidden;background:rgba(93,176,194,0.1);border:0px solid #ddd;border-top:1px solid rgba(0,0,0,0.1);border-bottom:0px solid #ddd;}
ul.total_li.search {	background:rgba(152,191,4,0.1);}
ul.total_li li { float:left; display:inline; height:50px;line-height:30px; width:50%; font-weight:400; text-align:center; margin:0px 0px 0px -1px;padding:5px 0px; border-left:1px solid rgba(0,0,0,0.1); font-size:14px; }
ul.total_li li >  b {font-size:20px;font-weight:600;}
ul.total_li > li:first-child { border-left:1px solid #fff; }
ul.total_li li span { display:block; line-height:20px; font-size:14px; font-weight:300; text-align:center; color:#666; margin:0px;padding:0px; }





.inner_pop { display:none;position:fixed;top:50%;left:50%;width:320px;height:auto;margin-left:-160px;margin-top:-155px;background:#fff;padding:0px;z-index:1001; }
.inner_pop > header { position:relative;display:block;padding:25px 25px 18px 25px; }
.inner_pop > header > h1 { font-size:26px;font-weight:600;line-height:32px;color:#5db0c2;margin-bottom:5px; }
.inner_pop > header > h2 { font-size:22px;font-weight:600;line-height:32px;color:#5db0c2;margin-bottom:5px; }
.inner_pop > header > p { position:relative;color:#666;font-size:14px;line-height:22px; }
.inner_pop > header > p > a.mod { position:absolute;top:0px;right:0px;display:block;width:44px;height:32px;padding:6px 0px;background:#bbb;color:#fff;line-height:16px;font-size:12px;text-align:center;border-radius: 50%;}
.inner_pop > header > p > a.mod > b { font-size:13px;font-weight:600; }
.inner_pop > header > p > span { display:block;color:#999;font-size:12px; }
.inner_pop > header > button[type=button][data-set=close] { position:absolute; top:0px; right:0px; padding:0px 0px; height:60px; width:60px; background:transparent;display:block;color:#666;border:0px;font-size:30px;margin:0px 0px;vertical-align:middle; text-align:center;}
.inner_pop > section {overflow: hidden;overflow-y: auto;}

.inner_pop > section > div.btn {position:relative; display:block;padding:20px 25px 25px 25px; text-align:center;font-size:0px; }
.inner_pop > section > div.btn::after { display:block;content: '';clear:both;}
.inner_pop > section > div.btn button[type=button] { padding:0px 25px; height:50px;display:inline-block;margin:0px 2px;color:#fff;border:0px solid rgba(255,255,255,0.3);background:#43b6bd;font-size:16px;vertical-align:middle; text-align:center;}
.inner_pop > section > div.btn button[type=button] > i { margin-right:5px; }
.inner_pop > section > div.btn button[type=button][data-set=cancel] { background:#aaa; }
.inner_pop > section > div.btn button[type=button][data-set=confirm] { background:#5db0c2; }

.pass_input { position:relative; margin:0px 25px 0px 25px;}
.pass_input > span { position:relative;display:inline-block;width:100%;height:52px;font-size:0px;line-height:52px;border:2px solid #5db0c2;background:rgba(93,176,194,0.1);margin-left:-2px;overflow:hidden;vertical-align: middle;
-webkit-border-radius: 29px;-khtml-border-radius: 29px;-moz-border-radius: 29px;border-radius: 29px;
}

.pass_input.new { position:relative; margin:0px 25px 0px 25px;}
.pass_input.new > span { position:relative;display:inline-block;width:100%;height:52px;font-size:0px;line-height:52px;border:2px solid #5db0c2;background:rgba(93,176,194,0.1);margin-left:-2px;overflow:hidden;vertical-align: middle;
	margin-top:-2px;
-webkit-border-radius: 0px;-khtml-border-radius: 0px;-moz-border-radius: 0px;border-radius: 0px;
}
.pass_input.new > span:first-child { position:relative;display:inline-block;width:100%;height:52px;font-size:0px;line-height:52px;border:2px solid #5db0c2;background:rgba(93,176,194,0.1);margin-left:-2px;overflow:hidden;vertical-align: middle;
		margin-top:0px;
-webkit-border-radius: 15px 15px 0px 0px;-khtml-border-radius: 15px 15px 0px 0px;-moz-border-radius: 15px 15px 0px 0px;border-radius: 15px 15px 0px 0px;
}
.pass_input.new > span:last-child { position:relative;display:inline-block;width:100%;height:52px;font-size:0px;line-height:52px;border:2px solid #5db0c2;background:rgba(93,176,194,0.1);margin-left:-2px;overflow:hidden;vertical-align: middle;
-webkit-border-radius: 0px 0px 15px 15px;-khtml-border-radius: 0px 0px 15px 15px;-moz-border-radius: 0px 0px 15px 15px;border-radius: 0px 0px 15px 15px;
}

.pass_input > span input[type=number] { display:block;width:100%;padding-left:0px;text-align:center;height:52px;line-height:52px;border:0px;background:transparent;outline: none;color:#333;font-size:15px; }
.pass_input > span input[type=number].security { -webkit-text-security:disc; }
.pass_input > span input[type=number]::-webkit-input-placeholder { color:#666; }
.pass_input > span input[type=number]::-moz-placeholder { color:#666; }
.pass_input > span input[type=number]:-ms-input-placeholder { color:#666; }
.pass_input > span input[type=number]:-moz-placeholder { color:#666; }


.pass_input > span input[type=number]:focus::-webkit-input-placeholder { color:transparent; }
.pass_input > span input[type=number]:focus::-moz-placeholder { color:transparent; }
.pass_input > span input[type=number]:focus:-ms-input-placeholder { color:transparent; }
.pass_input > span input[type=number]:focus:-moz-placeholder { color:transparent; }



.reg_table { position:relative; margin:0px 25px 0px 25px;overflow:hidden;overflow-x:auto;	-webkit-overflow-scrolling:touch;border-left:1px solid #ddd;border-right:1px solid #ddd;}
.reg_table.mt { margin-top:15px; }
.reg_table > table { width:100%; min-width:860px; margin:0px;padding:0px;border-spacing:0px;text-align:left;border-top:1px solid #ddd;border-bottom:0px solid #ddd;background:transparent;font-size:15px;table-layout:fixed;}
.reg_table > table.min {  min-width:100%; }
.reg_table > table th {font-weight:400;padding:8px 10px 8px 15px;line-height:18px;background:#eee;color:#333;border-bottom:1px solid #ddd;font-weight:400;text-align:left;border-left:0px solid #ddd;/*white-space: nowrap;*/}
.reg_table > table th.lt { text-align:left; }
.reg_table > table th.blt { border-left:1px solid #ddd !important; }
.reg_table > table th.brt { border-right:1px solid #ddd !important; }
.reg_table > table th:first-child{ border-left:0px solid #ddd; }
.reg_table > table td {font-weight:400;font-size:0px;padding:8px 8px 8px 8px;line-height:20px;background:#fff;font-weight:400;text-align:left;border-bottom:1px solid #ddd;border-left:0px solid #ddd;/*white-space: nowrap;*/}
.reg_table > table td.blt { border-left:1px solid #ddd !important; }
.reg_table > table td.lt { text-align:left; }
.reg_table > table td.lt > p { text-align:left; }
.reg_table > table td.lt > p { position: relative;display:block;padding:3px 15px 3px 10px;line-height:20px;font-size:13px; }
.reg_table > table td.lt > p::before { position: absolute;top:11px;left:0px;display:inline-block;font-size:14px;line-height:20px;content: '';width:4px;height:4px;background:#bbb;}
.reg_table > table td:first-child{ border-left:0px solid #ddd; }

/*
.reg_table > table > tbody > tr:nth-child(2n) > td { background:#f4f4f4; }
*/
.reg_table > table td > a { display:inline-block;height:28px;line-height:28px;border:1px solid #ddd;font-size:13px;padding:0px 8px;vertical-align: middle;cursor:pointer;font-weight:400;}
.reg_table > table td > a > i { margin-right:5px;display:inline-block;vertical-align: middle;color:#999;}

.reg_table > table td > label { position:relative; display:inline-block;margin-right:15px; padding:10px 0px; height:20px; color:#666; text-align:left; line-height:20px; font-size:13px; vertical-align:middle; }
.reg_table > table td > label > input[type=checkbox] { width:16px;height:16px;padding:0px;margin:0px;margin-right:5px;vertical-align: middle;}
.reg_table > table td > label > input[type=radio] { width:16px;height:16px;padding:0px;margin:0px;margin-right:5px;vertical-align: middle;}

.reg_table > table th > label { position:relative; display:inline-block;margin-right:5px;margin-left:5px; padding:0px 0px; height:20px; color:#fff; text-align:left; line-height:20px; font-size:13px; vertical-align:middle; }
.reg_table > table th > label.nml {margin-left:15px;}
.reg_table > table th > label > input[type=checkbox] { width:16px;height:16px;padding:0px;margin:0px;margin-right:5px;vertical-align: middle;}

.reg_table > table td > span { position:relative;display:inline-block;box-sizing: border-box;width:100%;height:44px;font-size:0px;line-height:44px;border:1px solid #aaa;background:#fff;margin-left:0px;overflow:hidden;box-sizing: border-box;vertical-align: middle;}
.reg_table > table td > span.textarea { position:relative;display:inline-block;box-sizing: border-box;width:100%;height:100px;font-size:0px;line-height:40px;border:1px solid #aaa;background:#fff;margin-left:0px;overflow:hidden;box-sizing: border-box;vertical-align: middle;}

.reg_table > table td > span.s5 { width:5% !important; font-size:13px; }
.reg_table > table td > span.s10 { width:10% !important;font-size:13px; }
.reg_table > table td > span.s15 { width:15% !important; }
.reg_table > table td > span.s20 { width:20% !important; }
.reg_table > table td > span.s25 { width:25% !important; }
.reg_table > table td > span.s24 { width:24% !important; }
.reg_table > table td > span.s30 { width:30% !important; }
.reg_table > table td > span.s40 { width:40% !important; }
.reg_table > table td > span.s45 { width:45% !important; }
.reg_table > table td > span.s49 { width:49% !important; }
.reg_table > table td > span.s50 { width:50% !important; }
.reg_table > table td > span.s60 { width:60% !important; }
.reg_table > table td > span.s70 { width:70% !important; }
.reg_table > table td > span.s80 { width:80% !important; }
.reg_table > table td > span.s90 { width:90% !important; }
.reg_table > table td > span.nb { border:1px solid transparent;text-align:center; }
.reg_table > table td > span.txt { font-size:13px;text-align:left; }
.reg_table > table td > span.ml { margin-left:1% !important; }
.reg_table > table td > span.mb { margin-bottom:5px !important; }


.reg_table > table td > span.s46 { width:46% !important; }
.reg_table > table td > span.s08 { width:8% !important;border:0px solid #ddd !important;text-align:center !important;font-size:16px !important; }

.reg_table > table td > span textarea { display:block;width:110%;padding-left:10px;height:100px;line-height:26px;border:0px;background:transparent;outline: none;color:#333;font-size:13px; }
.reg_table > table td > span.textarea.h200 { height:200px; }
.reg_table > table td > span.textarea.h200 textarea { height:200px; }
.reg_table > table td > span.textarea.h300 { height:300px; }
.reg_table > table td > span.textarea.h300 textarea { height:300px; }

.reg_table > table td > span.multi { height:60px }
.reg_table > table td > span.multi > textarea { height:60px;line-height:22px; }

.reg_table > table td > span input[type=text] { display:block;width:110%;padding-left:10px;height:44px;line-height:44px;border:0px;background:transparent;outline: none;color:#333;font-size:15px; }
.reg_table > table td > span input[type=text]::-webkit-input-placeholder { color:#666; }
.reg_table > table td > span input[type=text]::-moz-placeholder { color:#666; }
.reg_table > table td > span input[type=text]:-ms-input-placeholder { color:#666; }
.reg_table > table td > span input[type=text]:-moz-placeholder { color:#666; }

.reg_table > table td > span input[type=number] { display:block;width:110%;padding-left:10px;height:44px;line-height:44px;border:0px;background:transparent;outline: none;color:#333;font-size:15px; }
.reg_table > table td > span input[type=number]::-webkit-input-placeholder { color:#666; }
.reg_table > table td > span input[type=number]::-moz-placeholder { color:#666; }
.reg_table > table td > span input[type=number]:-ms-input-placeholder { color:#666; }
.reg_table > table td > span input[type=number]:-moz-placeholder { color:#666; }


.reg_table > table td > span input[type=number]:focus::-webkit-input-placeholder { color:transparent; }
.reg_table > table td > span input[type=number]:focus::-moz-placeholder { color:transparent; }
.reg_table > table td > span input[type=number]:focus:-ms-input-placeholder { color:transparent; }
.reg_table > table td > span input[type=number]:focus:-moz-placeholder { color:transparent; }


.reg_table > table td > span select {position:relative; display:block;width:110%;padding-left:10px;height:44px;line-height:44px;background:transparent;outline: none;color:#333;z-index:2;font-size:13px; }
.reg_table > table td > span.select:after { font-family:FontAwesome; content:"\f107";vertical-align: middle;position:absolute;top:0px;right:10px;display:block;color:#999;font-size:13px;height:44px;line-height:44px;z-index:1;}
.reg_table > table td > span.date:after { font-family:FontAwesome; content:"\f073";vertical-align: middle;position:absolute;top:0px;right:10px;display:block;color:#999;font-size:13px;height:44px;line-height:44px;z-index:1;}

.reg_table > table td > p { font-size:13px; }
.reg_table > table th > input[type=text] { display:inline-block;width:25px;padding-left:0px;height:20px;line-height:20px;border:0px;background:#fff;outline: none;color:#333;font-size:13px; }



.charts {padding:15px 5px 5px 5px;background:#f8f8f8; }
.charts div {height:200px; padding:0px;margin:0px 0px; }
.charts h4 {font-size:18px;line-height:28px;margin-bottom:0px;font-weight:600; padding:0px 10px;color:#333;}
.charts p {font-size:13px;line-height:20px;margin-bottom:0px;font-weight:300; padding:0px 10px;color:#aaa;}


.wrapper > article > .cnts > .tab_stock {position:relative;display:block;padding:0px 0px 0px 0px;border-bottom:2px solid rgba(93,176,194,0.7);border-top:1px solid #ddd; }
.wrapper > article > .cnts > .tab_stock > ul { display:block;height:50px;}
.wrapper > article > .cnts > .tab_stock > ul > li { float:left;display:inline-block;width:50%;height:50px;}
.wrapper > article > .cnts > .tab_stock > ul > li > a { display:block;line-height:50px;height:50px;text-align: center;background:#ddd;font-size:16px;color:rgba(0,0,0,0.5);cursor:pointer;}
.wrapper > article > .cnts > .tab_stock > ul > li.on > a { color:#fff;background:rgba(93,176,194,0.7);font-weight:600;padding-bottom:0px;}


.stock_list { display:block;text-align:center;padding-bottom:78px;padding-bottom:0px; }
.stock_list > p { display:inline-block;border:1px solid #61bbb9; background:#18a2bc;color:#fff;padding:0px 20px;margin:20px 0px;line-height:24px;-webkit-border-radius: 13px;-khtml-border-radius: 13px;-moz-border-radius: 13px;border-radius: 13px; }
.stock_list > ul { display:block;border-top:1px solid #ccc; }
.stock_list > ul > li { display:block;border-bottom:1px solid #ccc;cursor:pointer;  }
.stock_list > ul > li[data-tab=N] { display:none; }
.stock_list > ul > li > div { position: relative;padding:0px;text-align:left; }
.stock_list > ul > li > div > .th { float:left;display:inline-block;width:70px;height:96px;border-right:1px solid #ddd;}
.stock_list > ul > li > div > .ex { margin-left:85px;padding:20px 15px 20px 0px; }
.stock_list > ul > li > div > .ex > h3 { font-size:22px;color:#111;line-height:32px;font-weight:600; }
.stock_list > ul > li > div > .ex > h3 > span { display:block;margin-left:0px;font-size:14px;line-height:24px;margin-bottom:0px;color:#5db0c2;font-weight:400; }
.stock_list > ul > li > div > .ex > h3 > span > b { display:inline-block;font-size:16px;font-weight:400;margin-left:5px;color:#5db0c2;vertical-align:middle; }
.stock_list > ul > li > div > .ex > h4 { position:absolute;top:15px;right:15px;font-size:15px;color:#333;line-height:22px;font-weight:600;width:70px;height:66px;background:#eee;text-align:center; }
.stock_list > ul > li > div > .ex > h4 > b { display:block;line-height:26px;padding-top:9px;font-size:20px;font-weight:600; }
.stock_list > ul > li > div > .ex > h4 > span { display:block;margin-left:0px;line-height:20px;font-size:13px;color:#5db0c2;font-weight:400; }
.stock_list > a.btn { position: fixed;bottom:15px;left:50%;display:inline-block;width:180px;padding:0px 0px;margin-left:-90px;height:46px;font-size:18px;text-align:center;line-height:46px;border:1px solid rgba(0,0,0,0.1);color:#fff;
	background:rgba(93,176,194,0.8); -webkit-border-radius: 24px;-khtml-border-radius: 24px;-moz-border-radius: 24px;border-radius: 24px; }
.stock_list > a.btn > i { margin-right:5px;font-size:20px; }

.stock_list > ul > li.selected { background:#eee;  }
.stock_list > ul > li.selected > div > .th { position: relative;}
.stock_list > ul > li.selected > div > .th:after { display:block;position:absolute;top:0px;left:0px;width:70px;height:70px;content:'';
text-align: center;
font-size:56px;
color:#18a2bc;
font-family: 'xeicon' !important; display: inline-block; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 70px; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;
content: "\e928";
}
.stock_list > ul > li.selected > div > .ex > h3 { color:#18a2bc;}
.stock_list > ul > li.selected > div > .ex > h4 { background:#ddd;color:#18a2bc; }

.stock_list > ul > li > .no_data { height:120px;margin-left:0px; }
.stock_list > ul > li > .no_data > p { font-size:14px;line-height:120px;height:120px;overflow: hidden;color:#111;text-align:center; }



.reg_form { display:block;padding-top:0px;padding-bottom:0px; }
.reg_form .map { display:block;height:200px;background:url(../img/map_sample.jpg?1) no-repeat center center; }
.reg_form .map_info { position: relative;display:block;background:#365c80;color:#fff;padding:7px 15px 7px 33px;line-height:20px;font-size:13px; }
.reg_form .map_info > i { position: absolute;top:7px;left:15px;display:inline-block;font-size:14px;line-height:20px; }
.reg_form .row { display:table;width:100%;border-bottom:1px solid #ccc; }
.reg_form .row > .th { display:table-cell;width:95px;background:#eee;text-align:left;font-size:20px;color:#111;border-right:1px solid #ccc;padding-left:15px;margin:0px;vertical-align: middle;line-height:20px;}
.reg_form .row > .th > span { display:none;font-size:14px;color:#666; }
.reg_form .row > .td { display:table-cell;width:auto;background:#fff;text-align:left;padding:0px 0px;margin:0px;}
.reg_form p { position:relative;border-top:0px solid #ddd;overflow:hidden;background:#fff;height:60px;padding:5px 0px; }
.reg_form p > i { position:absolute;top:0px;right:15px;display:block;height:60px;line-height:60px; }
.reg_form p select {position:relative; display:block;width:110%;padding-left:10px;height:60px;line-height:60px;border:0px;background:transparent;border-top:0px solid #ddd;outline: none;color:#333;font-size:16px; }
.reg_form p input[type=text] { display:block;width:110%;padding-left:10px;height:60px;line-height:60px;border:0px;background:transparent;border-top:0px solid #ddd;outline: none;color:#333;font-size:15px; }
.reg_form p input[type=text]::-webkit-input-placeholder { color:#666; }
.reg_form p input[type=text]::-moz-placeholder { color:#666; }
.reg_form p input[type=text]:-ms-input-placeholder { color:#666; }
.reg_form p input[type=text]:-moz-placeholder { color:#666; }

.reg_form p input[type=text]:focus::-webkit-input-placeholder { color:transparent; }
.reg_form p input[type=text]:focus::-moz-placeholder { color:transparent; }
.reg_form p input[type=text]:focus:-ms-input-placeholder { color:transparent; }
.reg_form p input[type=text]:focus:-moz-placeholder { color:transparent; }

.reg_form p input[type=tel] { display:block;width:110%;padding-left:10px;height:60px;line-height:60px;border:0px;background:transparent;border-top:0px solid #ddd;outline: none;color:#333;font-size:16px; }
.reg_form p input[type=tel]::-webkit-input-placeholder { color:#666; }
.reg_form p input[type=tel]::-moz-placeholder { color:#666; }
.reg_form p input[type=tel]:-ms-input-placeholder { color:#666; }
.reg_form p input[type=tel]:-moz-placeholder { color:#666; }

.reg_form p input[type=tel]:focus::-webkit-input-placeholder { color:transparent; }
.reg_form p input[type=tel]:focus::-moz-placeholder { color:transparent; }
.reg_form p input[type=tel]:focus:-ms-input-placeholder { color:transparent; }
.reg_form p input[type=tel]:focus:-moz-placeholder { color:transparent; }

.reg_form p.txt { padding:12px 15px;background:#fff; }
.reg_form p.txt textarea { display:block;width:100%;padding:0px;height:120px;line-height:22px;border-bottom:0px solid #ddd;font-size:13px;border-top:0px solid #ddd;outline: none;color:#333;font-size:16px; }
.reg_form p textarea::-webkit-input-placeholder { color:#666; }
.reg_form p textarea::-moz-placeholder { color:#666; }
.reg_form p textarea:-ms-input-placeholder { color:#666; }
.reg_form p textarea:-moz-placeholder { color:#666; }
.reg_form p span { position:relative;float:left;display:inline;height:46px;width:25%;border-left:1px solid #ddd;margin-left:-1px;overflow:hidden; }
.reg_form p span.half { width:50%; }
.reg_form div.picture { position:relative;height:260px;padding:5px 10px;line-height:60px;color:#333;font-size:16px;background-image: :url(../img/no_img.png);background-repeat: no-repeat;background-position: center;background-size:cover; }
.reg_form div.picture > span { color:#666;background:rgba(255,255,255,0.5);display:inline-block;line-height:24px;padding:0px 0px;vertical-align: middle;}

.reg_form div.picture > a.picture { position:absolute;top:10px;right:10px;display:inline-block;width:70px;margin-right:0px;height:46px;font-size:28px;text-align:center;line-height:46px;background:rgba(255,255,255,0.8);border:2px solid #ff4b38;color:#ff4b38; -webkit-border-radius: 30px;-khtml-border-radius: 30px;-moz-border-radius: 30px;border-radius: 30px; overflow:hidden;z-index:1;}
.reg_form div.picture > a.picture > input[type=file] { position: absolute;top:0px;left:0px;font-size:46px;height:46px;line-height:46px;width:70px;opacity: 0;z-index:2;}

.reg_form div.picture > a.picture > i { margin-right:0px;display:block;line-height:46px;font-size:15px; }
.reg_form div.picture > a.picture > i::before { content:'사진'; }
.reg_form div.picture > .result > span { display:none; }

.reg_form div.picture > .loading {display:none;position:absolute;top:0px;left:0px;right:0px;bottom:0px;background:rgba(0,0,0,0.6);z-index:990;will-change: transform, opacity;}

.reg_form div.picture > .loading .spinner {display:block;position:absolute;top:50%;left:50%;width:40px;height:40px;
	padding:4px;z-index:1000;margin-left:-24px;margin-top:-24px;-webkit-border-radius: 50%;-khtml-border-radius: 50%;-moz-border-radius: 50%;border-radius: 50%;background:#fff;overflow:hidden;
	-moz-box-shadow:0px 4px 4px 0px rgba(0,0,0,0.1); -webkit-box-shadow:0px 4px 4px 0px rgba(0,0,0,0.1); box-shadow:0px 4px 4px 0px rgba(0,0,0,0.1);
	}

.reg_form div.picture > .loading > p {position:absolute;bottom:10px;left:0px;right:0px;color:#fff;background:transparent;text-align:center;font-weight:400;font-size:13px;}

.reg_form div.picture > .loading .spinner > .loader {
		font-size:36px;
	    border-radius: 50%;
		text-align: center;
		line-height:40px;
	    width: 40px;
	    height: 40px;
	    animation: spin 1s linear infinite;
		will-change: transform, opacity;
		background:url(../img/ico_loading.gif) no-repeat center center;
		background-size: cover;
		opacity: 0.7;
	}




.reg_form p > a { position:absolute;top:10px;right:10px;display:inline-block;width:70px;margin-right:0px;height:46px;font-size:28px;text-align:center;line-height:46px;background:#fff;border:2px solid #ff4b38;color:#ff4b38; -webkit-border-radius: 30px;-khtml-border-radius: 30px;-moz-border-radius: 30px;border-radius: 30px; }
.reg_form p > a.barcode > i { margin-right:0px;display:block;line-height:46px;font-size:15px; }
.reg_form p > a.barcode > i::before { content:'바코드'; }

.reg_form p span select { width:120%; }

.reg_form p.last { border-bottom:1px solid #ddd;}

.reg_form .btn { display:block;margin:15px 0px;padding:15px 15px 15px 15px;font-size:0px;text-align:center; }
.reg_form .btn > a { display:inline-block;width:70px;margin-right:0px;height:60px;font-size:24px;text-align:center;line-height:60px;border:0px solid #ff4b38;color:#ff4b38; -webkit-border-radius: 30px;-khtml-border-radius: 30px;-moz-border-radius: 30px;border-radius: 30px; }
.reg_form .btn > a.submit { background:#ff4b38;color:#fff;font-size:18px;font-weight:600;width:150px;margin-right:0px; }




.swipe_table { position:relative; overflow:hidden;overflow-x:auto;}
.swipe_table > table { width:100%; margin:0px;padding:0px;border-spacing:0px;text-align:left;border-top:1px solid #ddd;border-bottom:0px solid #dce1e5;background:transparent;font-size:13px;}
.swipe_table > table th {font-weight:400;padding:12px 15px 12px 15px;line-height:20px;background:#f8f8f8;color:#333;border-bottom:1px solid #ddd;font-weight:400;text-align:center;border-left:1px solid #ddd;}
.swipe_table > table th.lt { text-align:left; }
.swipe_table > table th.blt { border-left:1px solid #ddd !important; }
.swipe_table > table th:first-child{ border-left:0px solid #ddd; }
.swipe_table > table td {font-weight:400;padding:12px 15px 12px 15px;line-height:20px;color:#333;font-weight:400;text-align:center;border-bottom:1px solid #ddd;border-left:1px solid #ddd;}
.swipe_table > table td.blt { border-left:1px solid #ddd !important; }
.swipe_table > table td.lt { text-align:left; }
.swipe_table > table td.lt > p { text-align:left; }
.swipe_table > table td.lt > p { position: relative;display:block;padding:3px 15px 3px 10px;line-height:20px;font-size:13px; }
.swipe_table > table td.lt > p::before { position: absolute;top:11px;left:0px;display:inline-block;font-size:14px;line-height:20px;content: '';width:4px;height:4px;background:#bbb;}
.swipe_table > table td:first-child{ border-left:0px solid #ddd; }

.swipe_table > table.stock_items { width:100%; margin:0px;padding:0px;border-spacing:0px;text-align:left;border-top:1px solid #ddd;border-bottom:0px solid #dce1e5;background:transparent;font-size:15px;}
.swipe_table > table.stock_items th {font-weight:400;padding:15px 10px 15px 10px;line-height:24px;background:#f8f8f8;color:#666;font-weight:600;border-bottom:1px solid #ddd;text-align:center;border-left:1px solid #ddd;white-space: nowrap; word-break:keep-all;}
.swipe_table > table.stock_items th:first-child{ border-left:0px solid #ddd; }
.swipe_table > table.stock_items tr.deli { background:#eee; }
.swipe_table > table.stock_items td {font-weight:400;padding:20px 10px 20px 10px;line-height:24px;color:#333;font-weight:400;text-align:center;border-bottom:1px solid #ddd;border-left:1px solid #ddd;white-space: nowrap; word-break:keep-all;}
.swipe_table > table td:first-child{ border-left:0px solid #ddd; }
.swipe_table > table.stock_items td > i { font-size:13px;background:#fff;border:1px solid #ccc;line-height:22px;display:none;padding:0px 10px;border-radius: 5px; }
.swipe_table > table.stock_items td > em { font-size:13px;color:#777;font-weight:400; }
.swipe_table > table.stock_items td.rt { text-align:right;padding-left:10px; }
.swipe_table > table.stock_items th.rt { text-align:right;padding-left:10px; }
.swipe_table > table.stock_items tr.deli i { color:#c769b7;border:1px solid #c769b7;display:inline-block;}
.swipe_table > table.stock_items td.row { padding:0px; }
.swipe_table > table.stock_items td.row > b { display:block;line-height:36px;border-bottom:1px solid #ddd;font-weight:400; }
.swipe_table > table.stock_items td.row > b:last-child { border-bottom:0px solid #ddd; }
.swipe_table > table.stock_items tr.no_data td { height:150px; }







table.row_table { margin:0px;padding:0px;border-spacing:0px;width:100%;text-align:left;border:1px solid #dce1e5;border-bottom:0px solid #dce1e5;background:#fff;}
table.row_table > tbody > tr > th {font-weight:400;padding:5px 0px 5px 10px;font-size:14px;border-bottom:1px solid #dce1e5;line-height:24px;vertical-align:top;color:#999;font-weight:400;text-align:left;}
table.row_table > tbody > tr > th.lbd { border-left:1px solid #dce1e5; }
table.row_table > tbody > tr > th > span { display:block;font-size:12px;color:#bbb; }
table.row_table > tbody > tr > td {font-weight:400;padding:5px 0px 5px 0px;font-size:14px;line-height:24px;border-bottom:1px solid #dce1e5;border-left:0px solid #ddd;text-align:left;}
table.row_table > tbody > tr > td.lbd { border-left:1px solid #dce1e5;padding-left:10px; }
table.row_table > tbody > tr > td > p { display:block; }
table.row_table > tbody > tr > td > p > span { display:inline-block;width:70px;margin-right:10px;text-align:center;font-size:12px;line-height:18px;letter-spacing:0px;color:#47bac1;font-weight:400;border:1px solid #47bac1;padding:0px 0px;-webkit-border-radius: 5px;-khtml-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px; vertical-align: middle;}
table.row_table > tbody > tr > td > p.min { font-size:12px;font-weight:400;}
table.row_table > tbody > tr > td > p > b { color:#999;font-size:12px;display:block;font-weight:400; }

.wrapper.cs_detail > article > .cs_sec { display:block; padding:20px; background:#ff6552;white-space: normal; word-break:keep-all; }
.wrapper.cs_detail > article > .cs_sec > h3 { font-size:20px;color:#fff;font-weight:400;padding-bottom:10px;margin-bottom:15px;margin-top:0px;border-bottom:1px solid rgba(255,255,255,0.3); }
.wrapper.cs_detail > article > .cs_sec > .bank { display:table;width:100%; }
.wrapper.cs_detail > article > .cs_sec > .bank > .icon { display:table-cell;width:90px;font-size:50px;line-height:60px;color:#fff;text-align:center;vertical-align: middle;}
.wrapper.cs_detail > article > .cs_sec > .bank > .ex { display:table-cell;width:auto;vertical-align: middle;vertical-align: middle;border-left:1px solid rgba(255,255,255,0.3);padding-left:18px; }
.wrapper.cs_detail > article > .cs_sec > .bank > .ex > p { color:#fff;font-size:16px; }
.wrapper.cs_detail > article > .cs_sec > .bank > .ex > p > b { display:inline-block;width:70px;color:rgba(255,255,255,0.5);font-size:14px; }
.wrapper.cs_detail > article > .cs_sec > .guide { display:block;padding:10px 20px;background:rgba(255,255,255,0.2);margin-top:15px; }
.wrapper.cs_detail > article > .cs_sec > .guide > p { position:relative;color:#fff;padding:4px 0px 4px 12px;line-height:20px; }
.wrapper.cs_detail > article > .cs_sec > .guide > p::before { position:absolute;top:12px;left:0px;width:4px;height:4px;background:#fff;display:block;content:''; }





aside.right { position:fixed; top:0px;bottom:0px;right:-280px;width:280px;background:#fff;z-index:991;will-change: transform, opacity; }
aside.right > header { position:relative;height:50px;background:#fafafa;margin:0px;text-align:left;font-size:0px;z-index:10;display:block;padding:15px 15px;}
aside.right > header > h1 { font-size:20px;line-height:28px;font-weight:600;dispay:block;color:#2c3c49; }
aside.right > header > h2 { font-size:16px;line-height:22px;font-weight:400;dispay:block;color:#2c3c49; }
aside.right > header > button[type=button] { position:absolute;top:0px;right:0px;height:70px;width:55px;line-height:70px;margin:5px 0px;background:transparent;display:block;color:#365c80;font-size:40px;vertical-align:middle;text-align:center;}
aside.right > header > button[type=button]::before { content:'×'; }

aside.right > nav { display:block;height:calc(100% - 80px);min-height:450px;overflow: hidden;overflow-y: auto;margin:0px;-webkit-overflow-scrolling:touch;}
aside.right > nav > ul { display:block;overflow: hidden;height:100%;min-height:450px;}
aside.right > nav > ul[data-auth=ADMIN] { display:none; }
aside.right > nav > ul > li { float:left;display:inline-block;width:50%;height:25%;background:transparent;text-align:center;color:#fff;border:0px solid rgba(0,0,0,0.2);padding:0px 0px; }
aside.right > nav > ul > li > div { position: relative;background:#0095d7;margin:0px 0px;padding:0px 0px;height:100%;display:block;cursor:pointer;font-weight:600; }
aside.right > nav > ul > li > div > span { position: absolute;width:100%;text-align:center;top:50%;left:0px;right:0px;margin-top:-24px;display:block;line-height:20px;height:48px;display:block;color:#fff;font-size:16px; font-weight:600;}
aside.right > nav > ul > li > div > span > i { display:block;font-size:24px;color:rgba(255,255,255,0.6);line-height:25px;height:25px;margin-bottom:3px;text-align:center;font-weight:400; }
aside.right > nav > ul > li > div > span { margin-top:-12px;line-height:24px;height:24px;}
aside.right > nav > ul > li > div > span > i {display:none;}

aside.right > nav > ul > li > div > em { position:absolute;top:7px;right:7px;width:24px;height:24px;font-size:16px;line-height:24px;color:rgba(255,255,255,0.9);background:rgba(0,0,0,0);border:1px solid rgba(255,255,255,0.9);border-radius: 13px;}


/*
.wrapper > article > nav > ul > li:nth-child(1) { width:100%; }
.wrapper > article > nav > ul > li:nth-child(1) > div { background:url(../img/order_half_2.png?3) rgba(93,176,194,0.9) no-repeat center center; }
.wrapper > article > nav > ul > li:nth-child(2) {width:100%;}
.wrapper > article > nav > ul > li:nth-child(2) > div { background:url(../img/order_half_2.png?3) rgba(152,191,4,0.9) no-repeat top right; }
.wrapper > article > nav > ul > li:nth-child(3) {width:100%;}
.wrapper > article > nav > ul > li:nth-child(3) > div { background:url(../img/order_half_2.png?3) rgba(242,183,5,0.9) no-repeat top left; }
*/


aside.right > nav > ul > li:nth-child(1) { width:100%;height:25%;min-height:110px; }
aside.right > nav > ul > li:nth-child(1) > div { background:rgba(93,176,194,1);min-height:110px; }

aside.right > nav > ul > li:nth-child(2) { width:100%;height:25%;min-height:110px; }
aside.right > nav > ul > li:nth-child(2) > div { background:rgba(152,191,4,1);min-height:110px; }

aside.right > nav > ul > li:nth-child(3) { width:100%;height:25%;min-height:110px; }
aside.right > nav > ul > li:nth-child(3) > div { background:rgba(242,183,5,1);min-height:110px; }

aside.right > nav > ul > li:nth-child(4) { width:100%;height:25%;min-height:110px; }
aside.right > nav > ul > li:nth-child(4) > div { background:#365c80;min-height:110px; }


/*

aside.right > nav > ul > li:nth-child(2) { width:40%;height:23%;min-height:110px; }
aside.right > nav > ul > li:nth-child(2) > div { background:rgba(255,75,56,0.8);border-left:1px solid rgba(255,255,255,0.2);min-height:110px; }

aside.right > nav > ul[data-auth=ADMIN] > li:nth-child(1) { display:none }
aside.right > nav > ul[data-auth=ADMIN] > li:nth-child(2) { width:100%;height:23%; }
aside.right > nav > ul[data-auth=ADMIN] > li:nth-child(2) > div { background:rgba(255,75,56,1);border-left:0px solid rgba(255,255,255,0.2); }


aside.right > nav > ul > li:nth-child(3) { height:31%;width:40%;min-height:120px; }
aside.right > nav > ul > li:nth-child(3) > div { background:#5db0c2;min-height:120px; }
aside.right > nav > ul > li:nth-child(4) { height:31%;width:60%;min-height:120px; }
aside.right > nav > ul > li:nth-child(4) > div { background:rgba(93,176,194,0.85);height:50%;border-left:1px solid rgba(255,255,255,0.2);min-height:60px; }
aside.right > nav > ul > li:nth-child(4) > div:nth-child(2) { background:rgba(93,176,194,0.70);border-top:1px solid rgba(255,255,255,0.2);min-height:60px; }

aside.right > nav > ul > li:nth-child(5) { height:23%; width:60%;min-height:110px; }
aside.right > nav > ul > li:nth-child(5) > div { background:#98bf04;min-height:110px; }
aside.right > nav > ul > li:nth-child(6) { height:23%; width:40%;min-height:110px; }
aside.right > nav > ul > li:nth-child(6) > div { background:#f2b705;min-height:110px; }
aside.right > nav > ul > li:nth-child(7) { height:23%; width:60%;min-height:110px;}
aside.right > nav > ul > li:nth-child(7) > div  {background:#c769b7;min-height:110px; }
aside.right > nav > ul > li:nth-child(8) { height:23%; width:40%;min-height:110px;}
aside.right > nav > ul > li:nth-child(8) > div { background:#365c80;min-height:110px; }
*/
aside.right > nav:after { display:block;clear:both;content:''; }





aside.right > .add_nav { position:absolute;bottom:0px;left:0p
	x;right:0px;background:#999;height:90px;display:block;display:block; }
aside.right > .add_nav > a { position:relative;display:block;height:90px;background:#c769b7;color:#fff;font-size:20px;font-weight:600;cursor:pointer; }
aside.right > .add_nav > a > i { float:left;display:inline-block;width:90px;line-height:90px;text-align:center;font-size:36px;background:rgba(0,0,0,0.2);color:rgba(255,255,255,0.7);margin-right:15px; }
aside.right > .add_nav > a > span { display:block;font-size:14px;font-weight:400;padding-top:22px; }
aside.right > .add_nav > a::after { position:absolute;top:0px;right:15px;
display: inline-block;
font: normal normal normal 14px/1 FontAwesome;
font-size: 26px;
text-rendering: auto;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
content: "\f105";
line-height:90px;
 }



aside.bottom { display:block;position:fixed; bottom:-450px;right:0px;left:0px;height:505px;margin:0px;text-align:left;font-size:0px;z-index:991;will-change: transform, opacity;}
aside.bottom > a { position: relative;display:block;background:rgba(0,0,0,0.3);border-top:0px solid rgba(0,0,0,0.4);border-left:0px solid rgba(0,0,0,0.4);border-right:0px solid rgba(0,0,0,0.4);color:#fff;
 	font-weight:600;font-size:18px;height:55px;line-height:55px;padding:0px 15px;margin:0px 15px;border-radius: 7px 7px 0px 0px;
 	box-shadow:0px 3px 3px 0px rgba(0,0,0,0.2);

	-webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
aside.bottom > a > i { display:inline-block;font-size:28px;color:rgba(255,255,255,0.4);margin-right:0px;font-weight:400;vertical-align: middle;}
aside.bottom > a > i.arr { /*font-family: 'simple-line-icons';*/speak: none; font-style: normal; font-weight: normal;position:absolute;top:-15px;left:50%;width:16px;height:15px;line-height:15px;font-wieght:400;margin-left:-8px;text-align:center;font-size:12px;color:rgba(255,255,255,0.4);overflow:hidden; }
aside.bottom > a > i.arr:before { content: "∧"; }
aside.bottom > a > em { display:none;float:right;background:#ff4b38;font-weight:400;color:#fff;height:23px;line-height:23px;margin:16px 0px;font-size:15px;text-align:center;min-width:17px;padding:0px 3px;webkit-border-radius: 12px;-khtml-border-radius: 12px;-moz-border-radius: 12px;border-radius: 12px; }
aside.bottom > a > i.close { display:none; }
aside.bottom > a > i.close::before { content: '×';}


aside.bottom.work > a { background:rgba(255,75,56,0.3);color:rgba(255,75,56,1);}
aside.bottom.work > a > i { display:inline-block;font-size:22px;color:rgba(255,75,56,1);margin-right:10px;font-weight:400;vertical-align: middle;}
aside.bottom.work > a > i.arr { float:right;display:inline-block;font-family: 'simple-line-icons';speak: none; height:55px;line-height:55px;margin:0px 0px;font-style: normal; font-weight: normal;
position:relative;top:auto;left:auto;font-wieght:400;margin-left:0px;font-size:16px;color:rgba(255,75,56,1); }
aside.bottom > a > i.close { display:none; }




aside.bottom.opened { position:fixed; right:0px;left:0px;margin:0px;text-align:left;font-size:0px;}
aside.bottom.opened > a { position: relative;display:block;background:#eee;border-top:0px solid #fff;border-left:0px solid #eee;border-right:0px solid #eee;color:#111;
	font-weight:600;font-size:18px;height:55px;line-height:55px;padding:0px 15px;margin:0px 15px;border-radius: 15px 15px 0px 0px;
	box-shadow:0px 3px 3px 0px rgba(0,0,0,0.2);
	box-shadow:inset 0px 0px 15px 2px rgba(0,0,0,0.2);
}

aside.bottom.opened > a > i { display:inline-block;font-size:28px;color:#111;margin-right:0px;font-wieght:400;vertical-align: middle;}

aside.bottom.opened > a > i.arr { display:none}
aside.bottom.opened > a > em { display:none !important; }
aside.bottom.opened > a > i.close { display:block;width:55px;height:55px;line-height:55px;text-align:center;position:absolute;top:0px;right:0px;color:#111;; }


aside.bottom > div {position: relative;padding:0px 15px;background:#fff;border-radius: 10px 10px 0px 0px;height:calc( 100% - 55px );overflow:hidden;overflow-y:auto;
	-webkit-overflow-scrolling:touch;
	box-shadow:inset 0px 0px 15px 2px rgba(0,0,0,0.1);
}
aside.bottom > div > ul.news_list { display:block;}
aside.bottom > div > ul.news_list > li { display:block;border-bottom:1px solid #eee;padding:15px 0px;cursor:pointer; }
aside.bottom > div > ul.news_list > li > .thum { position:relative;display:inline-block;float:left;width:128px;height:88px;border:1px solid #ddd;background-image:url(../img/thum.jpg);background-position:center;background-size:cover;margin-right:10px; }
aside.bottom > div > ul.news_list > li > .thum.mov { font-family: 'simple-line-icons'; speak: none; font-style: normal; font-weight: normal;background-image:url(../img/thum.jpg);background-position:center;background-size:cover; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
aside.bottom > div > ul.news_list > li > .thum.mov:before { position:absolute;top:0px;left:0px;right:0px;bottom:0px;background:rgba(0,0,0,0.1);color:rgba(255,255,255,0.6);font-weight:400;content: "\e008";line-height:90px;font-size:40px;text-align:center; }
aside.bottom > div > ul.news_list > li > .ex { height:90px;margin-left:0px; }
aside.bottom > div > ul.news_list > li > .ex > h3 { font-size:16px;line-height:25px;height:25px;overflow: hidden;font-weight:600;color:#111;}
aside.bottom > div > ul.news_list > li > .ex > p { font-size:14px;line-height:20px;height:40px;overflow: hidden;color:#111; }
aside.bottom > div > ul.news_list > li > .ex > p.date { font-size:13px;line-height:20px;height:20px;overflow: hidden;color:#111;margin-top:5px; }
aside.bottom > div > ul.news_list > li > .ex > p.date > i { float:right;display:inline-block;font-size:18px;color:#ff4b38;line-height:20px;height:20px; }

aside.bottom > div > ul.news_list > li > .no_data { height:120px;margin-left:0px; }
aside.bottom > div > ul.news_list > li > .no_data > p { font-size:14px;line-height:120px;height:120px;overflow: hidden;color:#111;text-align:center; }

aside.bottom > div > ul.news_list > li.true > .ex > p.date > i { display:none;}



.pop { display:none;position:fixed;top:0px;left:0px;right:0px;bottom:0px;background:#fff;z-index:991;will-change: transform, opacity; }
.pop > header { position:relative;padding:20px 0px;min-height:60px;background:#2c3c49;}
.pop > header > h1 { padding-left:15px;font-size:26px;line-height:35px;color:#fff;font-weight:600; }
.pop > header > h1 > span { font-size:20px;display:inline-block;margin-left:5px; }
.pop > header > h2 { padding-left:15px;font-size:20px;line-height:25px;color:rgba(255,255,255,0.9); }
.pop > header > h2 > b { display:inline-block;margin-left:5px;font-weight:400; }
.pop > header > h2 > i { display:inline-block;vertical-align: middle;margin-left:5px;font-size:14px;color:#2c3c49;font-weight:400;width:25px;height:25px;line-height:25px;background:#fff;text-align:center;border-radius: 12px; }
.pop > header > h3 { padding-left:15px;font-size:20px;line-height:30px;padding-top:5px;color:#fff;font-weight:400;padding-right:50px;overflow: hidden;}
.pop > header > p { padding-left:15px;font-size:14px;line-height:25px;color:#fff;font-weight:400;}
.pop > header > a { position:absolute;top:20px;right:0px;width:60px;height:60px;line-height:60px;text-align:center;color:#fff; }
.pop > header > a > i {  display:block;font-size:40px; }
.pop > header > a > i::before { content:'×'; }

.pop > .pop_tel { background:#eee;display:block;font-size:18px;text-align:right;padding:15px 15px;line-height:25px;font-weight:600; }
.pop > .pop_tel > i { display:inline-block;vertical-align: middle;margin-right:5px;font-size:18px;color:#2c3c49;font-weight:400;width:25px;height:25px;line-height:25px;background:#eee;text-align:center;border-radius: 12px; }


.pop > .pop_cnts { position:relative;display:block;width:100%;height:calc( 100% - 160px );min-height:400px; overflow: hidden;overflow-y: auto;background-position:center;background-repeat:no-repeat;background-size:cover;background-color:#fff;}
.pop > .pop_cnts .remk { position:absolute;top:0px;left:0px;right:0px;height:22px;font-size:16px;padding:10px;background:rgba(0,0,0,0.7);color:#fff;text-align:center; }
.pop > .pop_cnts img.att { max-width: 100%; max-height: 600px; }


.pop > footer { position:relative;padding:0px 15px;background:#2c3c49;height:60px;line-height:60px;}
.pop > footer > p { line-height:60px;color:#fff;font-size:16px; }
.pop > footer > p > b { font-weight:600;font-size:22px; }
.pop > footer > p > em { font-weight:400;font-size:14px;display:inline-block;margin-left:5px; }
.pop > footer > p > span { float:right; letter-spacing:-1px;display:inline-block;margin:18px 0px;font-size:13px;color:#fff;border:1px solid #fff;font-weight:400;padding:0px 10px;line-height:22px;-webkit-border-radius: 12px;-khtml-border-radius: 12px;-moz-border-radius: 12px;border-radius: 12px;  }

.pop > footer > h3 { line-height:60px;color:#fff;font-size:18px; }
.pop > footer > h3 > b { font-weight:600;font-size:24px; }
.pop > footer > h3 > em { font-weight:400;font-size:16px;display:inline-block;margin-left:5px; }
.pop > footer > h3 > span { float:right; letter-spacing:-1px;display:inline-block;margin:18px 0px;font-size:13px;color:#fff;border:1px solid #fff;font-weight:400;padding:0px 10px;line-height:22px;-webkit-border-radius: 12px;-khtml-border-radius: 12px;-moz-border-radius: 12px;border-radius: 12px;  }

.pop > .pop_cnts > .txt_cnts { padding:15px; }
.pop > .pop_cnts > .txt_cnts > img { max-width:100%; }
.pop > .pop_cnts > .txt_cnts > img.att { display:block;margin:0 auto;margin-bottom:15px; }

.pop > .pop_cnts > iframe { background:#000; }

.pop > .pop_cnts > form {position:relative; display:block;border-bottom:0px solid #ccc;background:#fff; }
.pop > .pop_cnts > form p { position:relative;border-bottom:1px solid #ddd;;border-top:1px solid #ddd;overflow:hidden;background:transparent;padding:5px 0px; }
.pop > .pop_cnts > form p.date { margin-top:-1px;background:#eee; }
.pop > .pop_cnts > form p span { position:relative;float:left;display:inline;height:60px;font-size:14px;line-height:50px;border-left:1px solid #eee;margin-left:-1px;overflow:hidden;}
.pop > .pop_cnts > form p span.date { width:45%; }
.pop > .pop_cnts > form p span.dash { width:10%;text-align:center;font-size:20px;color:#bbb;background:#eee; }
.pop > .pop_cnts > form p span.opt { width:35%; }
.pop > .pop_cnts > form p span.field { width:65%; }
.pop > .pop_cnts > form p span.full { width:100%; }

.pop > .pop_cnts > form p input[type=text] { display:block;width:110%;padding-left:15px;height:60px;line-height:60px;border:0px;background:transparent;outline: none;color:#333;font-size:15px; }
.pop > .pop_cnts > form p input[type=text]::-webkit-input-placeholder { color:#666; }
.pop > .pop_cnts > form p input[type=text]::-moz-placeholder { color:#666; }
.pop > .pop_cnts > form p input[type=text]:-ms-input-placeholder { color:#666; }
.pop > .pop_cnts > form p input[type=text]:-moz-placeholder { color:#666; }

.pop > .pop_cnts > form p input[type=number] { display:block;width:110%;padding-left:15px;height:60px;line-height:60px;border:0px;background:transparent;outline: none;color:#333;font-size:15px; }
.pop > .pop_cnts > form p input[type=number]::-webkit-input-placeholder { color:#666; }
.pop > .pop_cnts > form p input[type=number]::-moz-placeholder { color:#666; }
.pop > .pop_cnts > form p input[type=number]:-ms-input-placeholder { color:#666; }
.pop > .pop_cnts > form p input[type=number]:-moz-placeholder { color:#666; }

.pop > .pop_cnts > form p span > a { position:absolute;top:5px;right:10px;display:inline-block;width:60px;margin-right:0px;height:46px;font-size:28px;text-align:center;line-height:46px;background:#fff;
	border:2px solid rgba(255,75,56,0.7);color:rgba(255,75,56,0.7); -webkit-border-radius: 26px;-khtml-border-radius: 26px;-moz-border-radius: 26px;border-radius: 26px; }



.pop > .pop_cnts > form p.remain_cls {border-top:1px solid #ddd;height:60px;font-size:0px;border-bottom:0px solid rgba(255,255,255,0.2);padding:5px 15px; }
.pop > .pop_cnts > form p.remain_cls span{  position:relative;border-left:0px solid #eee;height:60px;line-height:60px; }
.pop > .pop_cnts > form p.select {border-top:0px solid #ddd;height:60px;font-size:0px;border-bottom:1px solid rgba(255,255,255,0.2); }
.pop > .pop_cnts > form p.select span {  position:relative;border-left:0px solid #eee; }
.pop > .pop_cnts > form p.select span select { display:block;width:110%;padding-left:15px;height:60px;line-height:60px;background:transparent;font-size:15px;border-top:0px solid #ddd;outline: none;z-index:2; }
.pop > .pop_cnts > form p.select span:after { font-family:FontAwesome; content:"\f107";vertical-align: middle;position:absolute;top:0px;right:15px;display:block;color:#ccc;font-size:15px;height:60px;line-height:60px;z-index:1;}

.pop > .pop_cnts > form p.select span select option {color:#111;}


.pop > .pop_cnts > form p span > i { position:absolute;top:0px;right:15px;display:block;color:#999;font-size:12px;height:60px;line-height:50px;z-index:1; }
.pop > .pop_cnts > form div.price { display:block;padding:20px 0px;text-align:center;background:#f8f8f8; }
.pop > .pop_cnts > form div.price > h4 { font-size:15px;color:#333;font-weight:400;line-height:30px; }
.pop > .pop_cnts > form div.price > h4 > b { font-size:26px;color:#ff4b38;font-weight:600;display:inline-block;vertical-align: middle;margin-left:10px;margin-right:5px;}
.pop > .pop_cnts > form div.price > h6 { font-size:15px;color:#777;font-weight:400;letter-spacing: 2px;margin-top:10px;line-height:22px;height:22px;}
.pop > .pop_cnts > form div.price > h6 > span { font-size:12px;display:inline-block; vertical-align: middle;margin-left:5px;}
.pop > .pop_cnts > form a { display:block;background:#00688f;color:#fff;line-height:50px;height:50px;width:auto;padding:0px 20px;text-align:center;font-size:16px; }
.pop > .pop_cnts > form a > i { margin-right:6px; }

.pop > .pop_cnts > form .btn { display:block;margin:0px 0px;padding:30px 15px 30px 15px;font-size:0px;text-align:center; }
.pop > .pop_cnts > form .btn.tbd { border-top:1px solid #ddd; }
.pop > .pop_cnts > form .btn > a { display:inline-block;background:#ff4b38;color:#fff;font-size:18px;font-weight:600;width:150px;
	height:60px;text-align:center;line-height:60px; -webkit-border-radius: 30px;-khtml-border-radius: 30px;-moz-border-radius: 30px;border-radius: 30px; }
.pop > .pop_cnts > form .btn > a > i { margin-right:7px; }


.pop > .pop_cnts > .deli { position:relative;background:#eee;padding:15px 0px; }
.pop > .pop_cnts > .deli > h3 { color:#5db0c2;font-weight:600;font-size:20px;line-height:28px; }
.pop > .pop_cnts > .deli > p { color:#666;font-weight:600;font-size:16px;line-height:22px; }
.pop > .pop_cnts > .deli > a {position:absolute;top:10px;right:15px;font-size:15px;color:#5db0c2;font-weight:600;width:88px;height:58px;line-height:58px;background:#eee;text-align:center;
	border:1px solid #5db0c2;border-radius: 10px;font-weight:600;}

.pop > .pop_cnts > .deli ul { display:block;font-size:0px; }
.pop > .pop_cnts > .deli ul > li { position:relative;display:inline-block;font-size:14px;width:33.3333%;text-align:center;color:#bbb; }
.pop > .pop_cnts > .deli ul > li > i { display:block;font-size:40px;color:#ccc;line-height:42px; }
.pop > .pop_cnts > .deli ul > li::before { position:absolute;display:block;top:50%;left:-25px;margin-top:-25px;
    /*font: normal normal normal 14px/1 FontAwesome;*/
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
	font-size:30px;
	width:50px;
	line-height:50px;
	content: "＞";
	color:#ddd;
 }

 .pop > .pop_cnts > .deli ul > li.on { color:#2c3c49;font-weight:600; }
 .pop > .pop_cnts > .deli ul > li.on > i { color:#2c3c49; }

 .pop > .pop_cnts > .deli ul > li:first-child::before { display:none; }

 .pop > .pop_cnts > a.btn { display:block;width:160px;padding:0px 0px;margin:20px auto;height:56px;font-size:18px;text-align:center;line-height:56px;border:1px solid rgba(0,0,0,0.1);color:#fff;background:rgba(255,75,56,0.7); -webkit-border-radius: 29px;-khtml-border-radius: 29px;-moz-border-radius: 29px;border-radius: 29px; }
 .pop > .pop_cnts > a.btn > i { margin-right:5px;font-size:20px; }


.pop > .pop_cnts > .pop_btn_area { text-align:center;display:block;padding:20px 0px; }
.pop > .pop_cnts > .pop_btn_area > a.btn { display:inline-block;width:160px;padding:0px 0px;margin:0px 3px;vertical-align: middle;height:56px;font-size:18px;text-align:center;line-height:56px;border:1px solid rgba(0,0,0,0.1);color:#fff;background:rgba(255,75,56,0.7); -webkit-border-radius: 29px;-khtml-border-radius: 29px;-moz-border-radius: 29px;border-radius: 29px; }
.pop > .pop_cnts > .pop_btn_area > a.btn > i { margin-right:5px;font-size:20px; }

.pop > .pop_cnts > .pop_btn_area > a.btn.min { width:56px;height:40px;background:#999;line-height:20px;padding:8px 0px;font-size:14px; }
.pop > .pop_cnts > .pop_btn_area > a.btn.cancel { background:#999; }

.pop.history > header, .pop.history > footer { background:rgba(255,75,56,0.8); }
.pop.history > .pop_cnts { height:calc( 100% - 215px ); }
.pop.stock > header, .pop.stock > footer { background:rgba(93,176,194,0.8); }
.pop.delivery > header, .pop.delivery > footer { background:rgba(93,176,194,0.8); }
.pop.order > header, .pop.order > footer { background:rgba(152,191,4,0.8); }
.pop.payment > header, .pop.payment > footer { background:rgba(152,191,4,0.8); }
.pop.index > header, .pop.index > footer { background:#2c3c49; }
.pop.index > .pop_cnts { height:calc( 100% - 100px ); }

/*
.wrapper.work > header.sub { background:#ff4b38; }
.wrapper.history > header.sub { background:#ff4b38; }
.wrapper.stock > header.sub { background:#5db0c2; }
.wrapper.delivery > header.sub { background:#5db0c2; }
.wrapper.order > header.sub { background:#5db0c2; }
.wrapper.payment > header.sub { background:#98bf04; }
.wrapper.service > header.sub { background:#f2b705; }
.wrapper.virtual > header.sub  {background:#c769b7; }
*/