/*공통*/



@charset "utf-8"; 
@import url(//cdn.jsdelivr.net/nanumsquare/1.0/nanumsquare.css);@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);
@import url(https://fonts.googleapis.com/css?family=Roboto);


@import url("client1.php") only screen and (max-width: 768px);
@import url("client2.php") only screen and (min-width: 768px) and (max-width: 1200px);
@import url("client3.php") only screen and (min-width: 1200px);

* {
	padding: 0;
	margin: 0;
    -webkit-overflow-scrolling:touch;
}



a:hover{text-decoration: none;font-family: 'NanumSquare', sans-serif;font-size:13px; }
a:link:hover{color:#009fe3;}
a{font-family: 'NanumSquare', sans-serif;font-size:13px; color:#101010;}
html{
	margin:0;
	padding:0;
	overflow-x: hidden;
	overflow-y:auto;
	font-family: 'NanumSquare', sans-serif;
	height:100%;
	font-size:13px;
}

body {
	color:#101010;
	background: #fff;
	font-size:13px;
	height:100%;
	font-family: 'NanumSquare', sans-serif;
	-ms-overflow-style: scrollbar !important;
}

s{ color:#101010; font-size:13px;}
a{ color:#101010; text-decoration: none; }
li{ list-style: none; font-size:13px;}
div{color:#101010; font-size:13px;}
em { font-style:normal; }
img{ border: 0; }

h5.shop_all_tit1{color: #828282;font-weight: bold;font-size:14px;border-bottom: 2px solid #676767;padding-bottom:5px;}
h5.shop_all_tit2{color: #000;font-weight: bold;font-size:18px;}
h5.shop_all_tit3{color: #4a4a4a;font-weight: bold;font-size: 17px;margin-bottom: 10px;}
h5.shop_all_tit4{color: #000;font-weight: bold;font-size:23px;}
h5.shop_all_tit5{color: #000;font-weight: bold;font-size:25px;}


button {
	font-family: 'NanumSquare', sans-serif;
}

label.placeholder {
    color:#999 !important;
}

input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {
    color:#999 !important;
}

input:-moz-placeholder, textarea:-moz-placeholder {
    color:#999 !important;
}

input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {
    color:#999 !important;
}

input:-moz-placeholder, textarea:-moz-placeholder {
    color:#999 !important;
}

button , label {
	cursor: pointer;
}

table{border-collapse:collapse;border-spacing:0;}

fieldset{padding:0;margin:0;border:0;}

legend{display:block;width:100%;padding:0;margin-bottom:20px;font-size:15px;line-height:inherit;border:0;border-bottom:1px solid #e5e5e5;}

.al_bottom {display:none; position:absolute; top:0%;  left:0%;  width: 100%; height:100%; z-index:2000;-moz-opacity: 1.0;opacity:1.00;filter: alpha(opacity=100);}

@media (min-width:0px) and (max-width:470px){
	.al_top   {display:none; position:absolute; top:50%; left:13%!important; padding:8px; border:1px solid #000000;background-color:#ffffff;z-index:3000;overflow:auto; box-shadow: 2px 2px 10px #aaaaaa;}
}
@media (min-width:471px){
	.al_top   {display:none; position:absolute; top:50%; left:50%; padding:8px; border:1px solid #000000;background-color:#ffffff;z-index:3000;overflow:auto; box-shadow: 2px 2px 10px #aaaaaa;}
}


#alert_bottom {
	background: #fff;
	-moz-opacity: 0.5;opacity:0.50;filter: alpha(opacity=50);
}

#pagIng {
	text-align:center;
}



.label-success {
	background-color: #5cb85c;
}

.label-danger {
	background-color: #d9534f;
}

.label {
	display: inline;
	padding: .2em .6em .3em;
	font-size: 75%;
	font-weight: bold;
	line-height: 1;
	color: #ffffff;
	text-align: center;
	white-space: nowrap;
	vertical-align: baseline;
	border-radius: .25em;
}

.pagination{display:inline-block;padding-left:0;margin:10px 0;border-radius:4px;}.pagination>li{display:inline;}.pagination>li>a,.pagination>li>span{position:relative;float:left;padding:6px 12px;line-height:1.428571429;text-decoration:none;background-color:#ffffff;border:1px solid #dddddd;margin-left:-1px;color:#646464;}
.pagination>li:first-child>a,.pagination>li:first-child>span{margin-left:0;border-bottom-left-radius:4px;border-top-left-radius:4px;}
.pagination>li:last-child>a,.pagination>li:last-child>span{border-bottom-right-radius:4px;border-top-right-radius:4px;}
.pagination>li>a:hover,.pagination>li>span:hover,.pagination>li>a:focus,.pagination>li>span:focus{background-color:#eeeeee;}
.pagination>.active>a,.pagination>.active>span,.pagination>.active>a:hover,.pagination>.active>span:hover,.pagination>.active>a:focus,.pagination>.active>span:focus{z-index:2;color:#ffffff;background-color:#c8c8c8;border-color:#c8c8c8;cursor:default;}
.pagination>.disabled>span,.pagination>.disabled>a,.pagination>.disabled>a:hover,.pagination>.disabled>a:focus{color:#999999;background-color:#ffffff;border-color:#dddddd;cursor:not-allowed;}
.pagination-lg>li>a,.pagination-lg>li>span{padding:10px 16px;font-size:18px;}
.pagination-lg>li:first-child>a,.pagination-lg>li:first-child>span{border-bottom-left-radius:6px;border-top-left-radius:6px;}
.pagination-lg>li:last-child>a,.pagination-lg>li:last-child>span{border-bottom-right-radius:6px;border-top-right-radius:6px;}
.pagination-sm>li>a,.pagination-sm>li>span{padding:5px 10px;font-size:12px;}
.pagination-sm>li:first-child>a,.pagination-sm>li:first-child>span{border-bottom-left-radius:3px;border-top-left-radius:3px;}
.pagination-sm>li:last-child>a,.pagination-sm>li:last-child>span{border-bottom-right-radius:3px;border-top-right-radius:3px;}

.table{width:100%;margin-bottom:20px;}.table thead>tr>th,.table tbody>tr>th,.table tfoot>tr>th,.table thead>tr>td,.table tbody>tr>td,.table tfoot>tr>td{padding:6px;line-height:1.4;vertical-align:top;border-top:1px solid #dddddd;}
.table thead>tr>th{vertical-align:bottom;border-bottom:2px solid #dddddd;}
.table caption+thead tr:first-child th,.table colgroup+thead tr:first-child th,.table thead:first-child tr:first-child th,.table caption+thead tr:first-child td,.table colgroup+thead tr:first-child td,.table thead:first-child tr:first-child td{border-top:0;}
.table tbody+tbody{border-top:2px solid #dddddd;}
.table .table{background-color:#ffffff;}
.table-condensed thead>tr>th,.table-condensed tbody>tr>th,.table-condensed tfoot>tr>th,.table-condensed thead>tr>td,.table-condensed tbody>tr>td,.table-condensed tfoot>tr>td{padding:5px;}
.table-bordered{border:1px solid #dddddd;}.table-bordered>thead>tr>th,.table-bordered>tbody>tr>th,.table-bordered>tfoot>tr>th,.table-bordered>thead>tr>td,.table-bordered>tbody>tr>td,.table-bordered>tfoot>tr>td{border:1px solid #dddddd;}
.table-bordered>thead>tr>th,.table-bordered>thead>tr>td{border-bottom-width:2px;}
.table-striped>tbody>tr:nth-child(odd)>td,.table-striped>tbody>tr:nth-child(odd)>th{background-color:#f9f9f9;}
.table-hover>tbody>tr:hover>td,.table-hover>tbody>tr:hover>th{background-color:#f5f5f5;}

.input {
	max-width:100%;
	height: 28px;
	line-height: 1.428571429;
	vertical-align: middle;
	background-color: #ffffff;
	border: 1px solid #cccccc;
	padding: 0 5px;
}

.red {
	color: red;
	font-size: bold;
}

#none_product {
	width: 100%;
	clear: both;
	margin: 20px 0;
	padding: 50px 0;
	text-align: center;
	border: 1px solid #dadada;
	border-left: none;
	border-right: none;
	font-weight: bold;
}

#none_product_best {
	width: 100%;
	clear: both;
	margin: 20px 0;
	padding: 50px 0;
	text-align: center;
	font-weight: bold;
}

#AGSPay {
	width: 0;
	height: 0;
	padding: 0;
	margin: 0;
	position:absolute;
	right:-10000000;
}

.clear {clear:both;height:20px;}


.pad05 { padding: 5px 0; }
.pad10 { padding: 10px 0; }
.pad20 { padding: 20px 0; }

.right { text-align: right; }

.none{ width: 100%; clear: both; }

.clearout { clear:both; }
/*공통*/
.info_head_s{width:100%;height:45px;box-shadow: 0px -4px 2px 5px gray;background: linear-gradient( to bottom, white 25%, #f7f7f7 );padding: 12px 20px;}
.info_head_s h3{padding:0px;margin:0px;float:left;padding-left: 5px;font-weight: bold;}
.info_head_s a{float:right;}
.info_head_s img{width: 20px;cursor:pointer;float:right;}


.al_top6   {display:none; position:fixed; top:50%; left:50%; border:1px solid #000000;background-color:#ffffff;z-index:2020;overflow-x:hidden; box-shadow: 2px 2px 10px #aaaaaa;z-index: 2020;height: 500px;overflow-y: auto;}
.al_bottom6 {display:none; position:absolute; top:0%;  left:0%;  width: 100%; height:100%; z-index:2000;-moz-opacity: 1.0;opacity:1.00;filter: alpha(opacity=100);z-index: 2000;}
#alert_bottom6 {

	z-index: 2000;
	-moz-opacity: 0.1;opacity:0.50;filter: alpha(opacity=50);
}
.al_top6 .info_body {
	margin: 5px auto;
	width: 450px;
	background: #fff;
}



.al_top7   {display:none; position:fixed; top:50%; left:50%; border:1px solid #000000;background-color:#ffffff;z-index:2020;overflow-x:hidden; box-shadow: 2px 2px 10px #aaaaaa;z-index: 2020;height: 800px;overflow-y: auto;}
.al_bottom7 {display:none; position:absolute; top:0%;  left:0%;  width: 100%; height:100%; z-index:2000;-moz-opacity: 1.0;opacity:1.00;filter: alpha(opacity=100);z-index: 2000;}
#alert_bottom7 {

	z-index: 2000;
	-moz-opacity: 0.1;opacity:0.50;filter: alpha(opacity=50);
}
.al_top7 .info_body {
	margin: 5px auto;
	width: 1000px;
	background: #fff;
}



h5.admin_all_tit{
	background: url(/images/admin/all_tit_bg.png) no-repeat;
    display: table;
	padding-top: 7px;
    margin-bottom: 5px;
    font-weight: bold;
    font-size: 13px;
	margin-top:15px;
}
h5.admin_all_tit:first-child{margin-top:0px;}
h5.admin_all_tit span{
	font-size: 12px;
    font-weight: 100;
    margin-left: 10px;
	margin-right: 10px;
}
h5.admin_all_tit span input[type="checkbox"]{
	vertical-align: bottom;
}

.slied_chois{width: 100%; height: 30px; border: 1px solid #eaeaea; background: #fafafa;}
.board_chois{width: 100%; height: 30px; border: 1px solid #eaeaea; background: #fafafa;}
.drop_click {
    display: none;
    position: relative;
}


.new_page_miset{
	position: fixed;
	top: 210px;
	right:30px;
    z-index: 99;
}
.new_page_w{
	position: fixed;
    top: 30px;
	left:30px;
    z-index: 99999;
	border: 1px solid #e5e5e5;
	display:none;
	background:#fff;
	box-shadow: 3px 3px 2px #bfbfbf;
}

.new_page_h{
	width: 100%;
	height: 42px;
	background: #3d3d3d; 
	color: #fff; 
	padding: 8px 20px;
    box-shadow: 0px 3px 4px #e5e5e5;
	margin-bottom: 10px;
}
.new_page_h img{width: 20px; float: right;padding: 3px 0px;}

.new_page_w2{width: 100%;width: 358px;height: 700px;overflow-y: auto;position: relative;}
.new_page_w2 p{font-size:13px;}
.new_page_w2 h4.type1{background: #fff;color: #000;border-top:2px solid #8b8b8b ;padding:10px;box-shadow: 0px 2px 3px #dadada;}
.new_page_w2 h4.type2{background: #fff;color: #a83434; padding:10px;box-shadow: 0px 2px 3px #dadada;border-top: 2px solid #a83434;}
.new_page_w2 h4{padding: 8px 10px;background: #343f5e;color: #fff;font-size: 14px;margin-top: 10px;text-align: center;}
.new_page_w2 h4 span{float:right;}
.new_page_w2 h3{padding: 10px;background: #606060;border-top:2px solid #484848;color: #fff;font-size: 14px;margin-bottom: 5px;margin-top: 10px;text-align:center;}
.new_page_w2 .tpl_choice{padding:15px 10px;overflow:hidden;}
.new_page_w2 .tpl_choice li{width:50%;float:left;}
.new_page_w2 .tpl_choice li > input{float:left;margin-top: 8px;margin-right: 10px;}
.new_page_w2 .tpl_choice li > div{margin:5px;border:1px solid #a83433;overflow:hidden;padding: 5px 10px;}
.new_page_w2 .tpl_choice li > div > div{float:left;color:#a83433;}
.new_page_w2 .tpl_choice li > div > div:last-child{float:right;}
.new_page_w2 .tpl_choice li > div > div:last-child img{margin-left:10px;}


.new_page_w2 > ul.tabs {
    margin: 0;
    padding: 0;
    float: left;
    list-style: none;
    border-left: 1px solid #d5d5d5;
    width: 100%;
    font-family:'NanumSquare', sans-serif;
    font-size:12px;
	z-index: 99;
}
.new_page_w2 > ul.tabs2 li:first-child{display:none;}
.new_page_w2 > ul.p_fix2{position: fixed;width: 302px;top: 84px;}
.new_page_w2 > ul.tabs > li.tab_none{
	border-top: 0px;
	border-right: 0px;
	background: #fff;
	cursor: auto;
}
.new_page_w2 > ul.tabs > li {
    float: left;
    text-align:center;
    cursor: pointer;
    width:20%;
    height: 35px;
    line-height: 35px;
    border: 1px solid #d5d5d5;
    border-left: none;
    font-weight: bold;
    background: #f9f9f9;
    position: relative;
}

.new_page_w2 > ul.tabs > li a{color:#767676;}
.new_page_w2 > ul.tabs > li a:hover{text-decoration: none;}
.new_page_w2 > ul.tabs > li.active {
    background: #a83433;
    border: 1px solid #a83433;
}
.new_page_w2 > ul.tabs > li.active a{color:#fff!important;text-decoration: none;}

.new_page_w2 > ul.tabs > li ul{display:none;}
.new_page_w2 > ul.tabs > li.active ul{overflow:hidden;width:300px;display:block;}
.new_page_w2 > ul.tabs > li.active ul li{width:20%;float:left;}
.new_page_w2 > ul.tabs > li.active ul li.active2 a{color:#a83433 !important;}
.new_page_w2 > ul.tabs > li.active ul li a{color:#000 !important;}

.new_page_w2 .tab_container {
    border: 1px solid #d5d5d5;
    border-top: none;
    clear: both;
    float: left;
    width: 248px;
    background: #FFFFFF;
}
.new_page_w2 .tab_content {
    display: none;
}
.new_page_w2 .tab_content input[type=text]{width:100%;height:29px;border:1px solid #eaeaea;box-shadow: none;background:#fafafa;}
.new_page_w2 .tab_content > ul{height: 30px;padding: 6px 0px 0px 0px;}
.new_page_w2 .tab_content > ul li{float:right;margin-left:5px;}
.new_page_w2 .tab_content > div{
	background: #f9f9f9;
}
.new_page_w2 .tab_content > div > div{padding:15px 10px;}
.new_page_w2 .tab_content > div > div .divboxch{padding:15px 10px;background:#f2f2f2;margin-top: 20px;}
.new_page_w2 .tab_content > div > div .divboxch > table{}
.new_page_w2 .tab_content > div > div .divboxch > table tr td p{padding-bottom: 3px;padding-top: 5px;font-size: 13px;color: #000;}
.new_page_w2 .tab_content > div > div .divboxch > table tr td span{font-size: 13px;}
.new_page_w2 .tab_content > div > div .divboxch > div{display:none;}
.new_page_w2 .tab_container .tab_content ul {
    width:100%;
    margin:0px;
    padding:0px;
}
.new_page_w2 .tab_container .tab_content ul li {
    padding:5px;
    list-style:none
}


.img_inp{ width: 120px;float: left; margin: 0px 6px;}
.img_inp:last-child{width: 120px;height: 154px;border: 1px solid #d4d4d4;float: right;padding: 0px 5px;text-align: center;}
.img_inp:last-child a{}
.img_inp:last-child a img{margin-top: 7px;}
.img_inp > div{width:100%;height:98px;margin:0px 0px;}
.img_inp > div img{width:100%!important;height:98px;max-width:100%!important;}

.bg_location{margin:13px 6px;}

/*.template{border-top: 2px dotted #5e5e5e;border-bottom: 2px dotted #5e5e5e;padding: 10px 0px;margin: 10px 0px;position: relative;}
.template .temset{position: absolute;top: 10px;left: 935px;z-index: 1;}*/


#pages > ul{display:none;}
#pages.selected > ul{height:31px;position: absolute;bottom: -15px;left: 885px;display:block;}
#pages.selected > ul li{float:left;width:31px;height:31px;margin-left: 3px;}
#pages.selected > ul li.btn_t{background:url('/images/admin/p_btn_top.png');}
#pages.selected > ul li.btn_b{background:url('/images/admin/p_btn_bottom.png');}
#pages.selected > ul li.btn_d{background:url('/images/admin/p_btn_del.png');}
#pages.selected > ul li.btn_c{background:url('/images/admin/p_btn_copy.png');}


#actionFrame{display:none;}



/* 반응형 탭 */

.reaction_tab{
	height: 70px;
    position: fixed;
	top: 0px;
    width: 100%;
    z-index: 99;
    background: #fff;
    border-bottom: 1px solid #d4d4d4;
    box-shadow: 5px 4px 6px #D4D4CC;
}
.reaction_tab ul{width: 231px; overflow: hidden; margin: 0 auto;}
.reaction_tab ul li:first-child{margin-left:0px;}
.reaction_tab ul li{float:left;}
.reaction_tab ul li.on{background:#4798f4;}



.bg_cont_web{}
.bg_cont_web .view_box{height: 100%;}
.bg_cont_web .view_box > div{background: #fff;}

.bg_cont_tab{}
.bg_cont_tab .view_box{
	width: 780px;
    height: 1090px;
    margin-top: 80px;
    margin-bottom: 50px;
	padding: 110px 78px 143px 72px;
    background-image: url(/images/admin/miribg_t.png);
}
.bg_cont_tab .view_box > div{
	height: 780px;
    overflow-y: auto;
    padding: 0px 10px;
	background: #fff;
}

.bg_cont_mobile{
}
.bg_cont_mobile .view_box{
	width: 450px;
    height: 879px;
    margin-top: 80px;
    margin-bottom: 50px;
    padding: 111px 39px 143px 30px;
    background-image: url(/images/admin/miribg_m.png);
}
.bg_cont_mobile .view_box > div{
	height: 601px;
    overflow-y: auto;
    padding: 0px 10px;
	background: #fff;
}

.view_box{
	background-position: 0 0;
    background-repeat: no-repeat;
    background-size: 100% auto;
    transition: all 1.5s ease-in-out;
	height: 100%;
    margin: 0 auto;
}