@CHARSET "UTF-8";

#wrap,html,body {margin:0;padding:0;}
html,body {height:100%;}
* { box-sizing: border-box;}

.match_parent {position:relative; width:100%; min-height:100%;}
.index_bg {background:url('../imgs/full_bg.jpg') left top no-repeat; background-size:cover; opacity:50%;}
.index_bg2 {background:url('../imgs/bak2.png') left top no-repeat; background-size:cover; opacity:50%;}

.logoImgClass {margin-top:10px; margin-left:10px;}

#topPanelFirst {
	position:relative;
	min-height: 50px;display:block;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#b8c6df+0,6d88b7+100;Grey+Blue+3D+%231 */
	background: rgb(184,198,223); /* Old browsers */
	background: -moz-linear-gradient(top, rgba(184,198,223,1) 0%, rgba(109,136,183,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, rgba(184,198,223,1) 0%,rgba(109,136,183,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, rgba(184,198,223,1) 0%,rgba(109,136,183,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b8c6df', endColorstr='#6d88b7',GradientType=0 ); /* IE6-9 */}
#topPanelFirst > ul {
	display:table; table-layout:auto; width:100%;min-height:50px; border-bottom:4px #1eba37 solid;
}

#topPanelFirst > ul > li {display: table-cell;}
#topPanelFirst > ul > li:first-child , #topPanelFirst > ul > li:last-child  {width:15%;}

.topPanelInner {margin-top:10px; margin:0 auto; text-align: center;}
.topPanelInner > a {
	padding:15px 10px 15px 10px;; border-right:1px #CCCCCC solid;display:inline-block; font-size:1.4em; color:white; min-width:110px; text-align:center; border-top-left-radius:4px; border-top-right-radius: 4px;
	text-shadow: 1px 1px #6a6a6a;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#deefff+0,98bede+100;Blue+3D+%2310 */
	background: rgb(222,239,255); /* Old browsers */
	background: -moz-linear-gradient(top, rgba(222,239,255,1) 0%, rgba(152,190,222,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, rgba(222,239,255,1) 0%,rgba(152,190,222,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, rgba(222,239,255,1) 0%,rgba(152,190,222,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#deefff', endColorstr='#98bede',GradientType=0 ); /* IE6-9 */
}
.topPanelInner > a:hover {color:#f17576;}
.topPanelInner > a:first-child {border-left:1px #CCCCCC solid;}
.topPanelRight {text-align:right; padding-right:10px;}
.topPanelRight > a {margin-left:20px; display:inline-block; color:#e2e2e2;}
.topPanelRight > a:first-child {padding-right:20px;}

/* 이상 헤더 */

#bodyPanel {position:relative; max-width:1280px; min-height:500px; margin:0 auto; background:rgba(255,255,255,.8);padding:10px; border-radius:5px; margin-top:10px; padding-bottom:100px;border:1px #CCCCCC solid;box-shadow:1px 1px #666666;}

/* bottom */
#tailPanel {
	position:fixed; bottom:0px; background:#e2e2e2; opacity:.8; left:0; right:0;display:block; padding:10px 10px 20px 10px;margin-top:50px;
}
#tailPanel p {color:#333333; font-size:.8em; line-height:.8em; }

/* page layout */
.pageChapter {font-size:1.8em; font-weight:bold; color:#202F42; padding-top:10px; padding-bottom:10px; padding-left:4px; border-bottom:2px #97CC14 solid; }
.pageTitle {font-size:1.4em; color:#202F42; padding:4px; border-bottom:1px #222222 solid;}
.pageSubTitle {font-size:1.2em; }
.pageSearchPanel {padding:20px;}
.container_box {max-width:1280px;  margin:0 auto; padding-left:4px; padding-right:4px;}

.UlTable {display:table; width:100%; position:relative; table-layout:auto; margin-top:20px;}
.UlTable > li {display: table-cell; padding:4px; }
.UlTable > li:first-child {width:220px; border-right:1px #EEEEEE solid;  padding:4px;}
.UlTable > li:first-child > ul > li {margin-bottom:10px;text-indent:15px; font-size:1.1em;}
.UlTable > li > a {padding:5px 10px 5px 10px; text-align:center;}


.verticalScroller {width:100%; height: 150px; overflow:auto; overflow-x:hidden;padding:4px;margin-top:10px; display:block;}
.border2 {border:2px #CCCCCC solid;}
.center {text-align:center;}
.right {text-align:right;}

.cUlTable {display:table; width:100%; position:relative; table-layout:auto; margin-top:10px;}
.cUlTable > li {display: table-cell; padding:4px;}

.subMenusLayout {border-bottom:2px #8EBB49 solid; padding:10px;}
.subMenusLayoutTitle {font-size:1.4em; text-decoration:bold;}
.subMenusLayout > a {padding:8px 10px 8px 10px; color:#2629B1;display:inline-block;}
.subMenusLayout > a:hover {
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#299a0b+0,299a0b+100;Green+Flat+%231 */
	background: rgb(41,154,11); /* Old browsers */
	background: -moz-linear-gradient(top, rgba(41,154,11,1) 0%, rgba(41,154,11,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, rgba(41,154,11,1) 0%,rgba(41,154,11,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, rgba(41,154,11,1) 0%,rgba(41,154,11,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#299a0b', endColorstr='#299a0b',GradientType=0 ); /* IE6-9 */
	color: white;
}
.subpageTitle {font-size:1.2em; border-bottom:1px #678836 solid; background:#9acc51; padding: 5px; text-indent:15px;}

/* layout */
.info_poster {width:180px; height:270px;}
.info_table {padding:4px;}
.info_table td {border:1px #EEEEEE solid; border-radius:2px;}
.info_table td > span {color:#222222; font-weight:bold;}
.marginTop20 {margin-top:20px;}

.infoTable { border:2px #CCC solid; border-radius:4px;}
.infoTable th {padding:10px; background:#333333; color:white; }
.infoTable td {padding:10px; border-top:1px #e2e2e2 solid; border-bottom:1px #e2e2e2 solid;}
.infoTable td:first-child {text-align:center; background:#CCCCCC; font-weight:bold;}
.infoTable .lastCell {word-break:break-all;}

/* buttons decoration */
.normalBtn {
	border:1px #EEEEEE solid;border-radius:3px; padding:5px 10px 5px 10px; text-align:center;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#499bea+0,207ce5+100;Blue+3d+%237 */
	background: rgb(73,155,234); /* Old browsers */
	background: -moz-linear-gradient(top, rgba(73,155,234,1) 0%, rgba(32,124,229,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, rgba(73,155,234,1) 0%,rgba(32,124,229,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, rgba(73,155,234,1) 0%,rgba(32,124,229,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#499bea', endColorstr='#207ce5',GradientType=0 ); /* IE6-9 */
	color:white; font-size:1.0em; font-weight:bold; opacity:1.0 !important;   margin-top:10px; text-shadow:1px 1px #333333;
}

.orderBigBtn {
	border:1px #EEEEEE solid;border-radius:3px; padding:10px 14px 10px 14px;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#499bea+0,207ce5+100;Blue+3d+%237 */
	background: rgb(73,155,234); /* Old browsers */
	background: -moz-linear-gradient(top, rgba(73,155,234,1) 0%, rgba(32,124,229,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, rgba(73,155,234,1) 0%,rgba(32,124,229,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, rgba(73,155,234,1) 0%,rgba(32,124,229,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#499bea', endColorstr='#207ce5',GradientType=0 ); /* IE6-9 */
	color:white; font-size:1.4em; font-weight:bold; opacity:1.0 !important;  display:inline-block; margin-top:10px; text-shadow:1px 1px #333333;
}
.orderBigBtn:hover { color:yellow;}
.buttonSearch {
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#00b7ea+0,009ec3+100;Blue+3D+%2315 */
	background: rgb(0,183,234); /* Old browsers */
	background: -moz-linear-gradient(top, rgba(0,183,234,1) 0%, rgba(0,158,195,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, rgba(0,183,234,1) 0%,rgba(0,158,195,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, rgba(0,183,234,1) 0%,rgba(0,158,195,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00b7ea', endColorstr='#009ec3',GradientType=0 ); /* IE6-9 */
	background-image:url(../imgs/icon_search.png) no-repeat left center !important; text-indent: 20px; 
	padding-top:.4em;padding-bottom:.4em;padding-left:.6em;padding-right:.6em;min-width:60px;border-radius:2px !important;border:1px #4343C3 solid;
}

/* search ui */
.subpageUiMenus {
	position:relative; float:left; left: -20px; display:none;
}
.subpageUi {}
.searchPanel {border-radius:10px; width:100%; padding:20px;
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ff5db1+0,ef017c+100;Pink+3D+%231 */
	background: rgb(255,93,177); /* Old browsers */
	background: -moz-linear-gradient(top, rgba(255,93,177,1) 0%, rgba(239,1,124,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, rgba(255,93,177,1) 0%,rgba(239,1,124,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, rgba(255,93,177,1) 0%,rgba(239,1,124,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff5db1', endColorstr='#ef017c',GradientType=0 ); /* IE6-9 */
}
.searchPanel > ul {display:table; width:100%; position:relative; table-layout:auto; }
.searchPanel > ul > li {display: table-cell; }
.searchPanel > ul > li:first-child {text-align:right; padding-right:20px;}
.searchPanel > ul > li:last-child {padding-left:20px;}
.searchPanel > ul > li:last-child > a {color:white; font-size:1.2em; padding:12px; border-radius: 3px;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#499bea+0,207ce5+100;Blue+3d+%237 */
	background: rgb(73,155,234); /* Old browsers */
	background: -moz-linear-gradient(top, rgba(73,155,234,1) 0%, rgba(32,124,229,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, rgba(73,155,234,1) 0%,rgba(32,124,229,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, rgba(73,155,234,1) 0%,rgba(32,124,229,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#499bea', endColorstr='#207ce5',GradientType=0 ); /* IE6-9 */
}

.mallGoodsListPanel {} /* ul */
.mallCategory {background: #f3f3f3 ; color: #79ab96; font-weight:bold; padding:4px;}
.mallGoodsList {display:table; width:100%; position:relative; table-layout:auto;}
.mallGoodsList > li {display: table-cell; text-align:center; }
.mallGoodsList > li > a {border:1px #FFFFFF solid; display:block; font-size:1.1em;}
.mallGoodsList > li > a:hover {border:1px #4cb2ff solid;}
.mallGoodsList > li > a > dl {width:320px; margin:0 auto;}
.mallGoodsList > li > a > dl > dt > img {width:320px;height:160px;}
.mallGoodsTitle {text-align:left !important; margin-top:4px; font-size:1.3em;}
.mallGoodsPrice {text-align:left !important; margin-top:4px; font-weight:bold; font-size:1.2em; color: #6abcff;}
.mallGoodsPrice > span {font-weight:normal;font-size:.8em !important; color: #f2879c;}

.dashBoard {display:table; width:100%; position:relative; table-layout:auto; margin-top:20px;}
.dashBoard > li {width:50%;display: table-cell;}
.dashBoard > li > dl.dashBoardDl {margin-left:10px; margin-right:10px; border:1px #cccccc solid; background:#EEEEEE; padding:10px; min-height: 180px;}
.dashBoard > li > dl.dashBoardDl > dt {background:#333333; color: #FFFFFF; font-size:1.1em; font-weight:bold; padding:10px;}
.dashBoard > li > dl.dashBoardDl > dt > a {float:right; font-size:1.0em; font-weight:none; color:#d2ebf3;}
.dashBoard > li > dl.dashBoardDl > dt > a:hover {color:yellow;}
.dashBoard > li > dl.dashBoardDl > dd {padding:10px; }

/* form style */
.required {background:url(../imgs/icon_required.png) no-repeat center center;}
.wdth100p {width:100%;}
.wdth100px {width:100px;}
.wdth200px {width:200px;}
.wdth800px {width:800px;}
.wdthNum {width:120px;}
.inNumberPos {text-align:right;}
.height120px {min-height:120px;}
.bold {font-weight:bold;}
.searchTxt {background:url(images/icon_search.png) right center no-repeat !important; border:1px #ccc solid; width:400px;}
.txtarea {width:100%; min-height:80px;}
.txtMemo {width:100%; min-height:110px;}
.htmlEditor {width:100%; min-height:280px;}
form > table > tbody > tr > td:nth-child(2) {background:#EEEEEE; }
form > table > tbody > tr > td {padding:10px; border-bottom: 1px #cccccc solid; }
.goodsThumbSize {width:160px; height:160px;}

/* font color */
.guideTxt {color:orange; text-shadow:1px 1px #333333;}
.red {color:red;}
.blue {color:blue;}
.warning {color:#ff4b56;}

/* club layout */
.clubTotalTxt {font-size:.7em; color:#9d9d9d;margin-left:10px;}
.clubThumbImg {width:40px; height:40px;}
.clubTitle {font-weight:bold; color:#222222;}
.clubCdate {font-size:.8em; color:#333333;margin-left:10px;}
.clubEllipse {display: inline-block;
    white-space: nowrap;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    width: 100%;
    text-overflow: ellipsis;
    word-wrap: normal;}
.clubListUl > li {position:relative;border-bottom:1px #cccccc solid;}
.clubListUl > li > a > div {position:relative; width:40px; height:40px;float:left; }
.clubListUl > li > a > h5 {height:17px; font-size:1.3em; float: left; margin-left:10px; margin-top:0px;}
.clubListUl > li > dl > dt {float:left;}
.clubListUl > li > dl > dd {float:left; display:inlink-block;padding-left: 10px;}


/* 2018.06 */
#shopAdminInit {} /* div */
#shopAdminInit ul {display:table; width:100%; position:relative; table-layout:auto;}
#shopAdminInit ul > li {padding:10px; display:table-cell;}
#shopAdminInit ul > li > dl > dt {background:#333333; color:white; font-weight:bold; padding:5px;}
#shopAdminInit ul > li > dl > dt > a {color:#36c1ff; margin-left:20px; }
#shopAdminInit ul > li > dl > dd {padding:10px; min-height: 300px; border:1px #333 solid;}