@charset "utf-8";

/******************************* common *******************************/
*,*:before,*:after{-webkit-box-sizing:border-box;box-sizing:border-box;-moz-box-sizing:border-box;outline:none;font-style:normal;}
form{display:inline;margin:none;}
img,fieldset{border:0;}
hr{display:none;}
li{list-style:none;}
em,address{font-style:normal;}
label,input,select,textarea{vertical-align:middle;-webkit-appearance:none;}
legend{position:absolute;left:-5000px;font-size:0;overflow:hidden;}
table{width:100%;border-collapse:collapse;border-spacing:0;}
caption{position:relative;left:-5000px;height:0;line-height:0;text-indent:-5000px;overflow:hidden;}
a:link,a:active,a:visited,a{text-decoration:none;font:inherit;color:inherit;}
a:hover{text-decoration:none;color:inherit;}
label, input, button, select, img {vertical-align:middle;}
button{cursor:pointer;outline:none;background:none;}
input[type="button"],input[type="text"],input[type="image"],input[type="submit"],input[type="password"],input[type="tel"],input[type="number"],select,textarea{-webkit-appearance:none;-moz-appearance:none;border-radius:0;box-sizing:border-box;}
input[type="checkbox"]{-webkit-appearance:checkbox;-moz-appearance:checkbox;}
input[type="radio"]{-webkit-appearance:radio;-moz-appearance:radio;}
textarea{resize:none;box-sizing:border-box;}
select{box-sizing:border-box;}
select::-ms-expand{display:none;}
small{font-size:80%;}



[lang="en"],.eng{font-family:'Open+Sans',sans-serif !important;}
.tit-font{font-family:'OpenSansM','NotoM',sans-serif !important;}
.fl-left li{float:left;}
.inline-block{display:inline-block !important;}
.dis-none{display:none !important;}
.bg-blue{background:#337ab7 !important;}
.bg-sky{background:#5bc0de !important;border:1px solid #5bc0de !important;}
.co-red{color:#e74a25 !important;}
.t-white,.t_wh{color:#fff !important;}.t-black{color:#000 !important;}
.w100{width:100% !important;}
.mg0{margin:0px !important;}
.mgt0{margin-top:0px !important;}
.mgt10{margin-top:10px !important;}
.mgl10{margin-left:10px !important;}
.mgr10{margin-right:10px !important;}
.mgb0{margin-bottom:0px !important;}
.pdr5{padding-right:5px !important;}.pdr10{padding-right:10px !important;}
.td-link{color:#337ab7 !important;text-decoration:none;}.td-link:hover{text-decoration:underline;color:#2ecc71 !important;}
.data-none{text-align:center !important;}
.strong{font-weight:600 !important;}
.t-right{text-align:right !important;}
.t-center{text-align:center !important;}
.t-small{font-size:14px;padding-left:10px;font-family:'NotoR', serif;}
.color-red{color:#d9252e !important;}.color-blue{color:#2473bb !important;}

@media screen and (max-width:736px){
    .t-small{font-size:13px;padding-left:5px;}
}

.point-gradient{background: rgba(165,237,98,1);
background: -moz-linear-gradient(-45deg, rgba(165,237,98,1) 0%, rgba(5,99,145,1) 60%, rgba(5,99,145,1) 100%);
background: -webkit-gradient(left top, right bottom, color-stop(0%, rgba(165,237,98,1)), color-stop(60%, rgba(5,99,145,1)), color-stop(100%, rgba(5,99,145,1)));
background: -webkit-linear-gradient(-45deg, rgba(165,237,98,1) 0%, rgba(5,99,145,1) 60%, rgba(5,99,145,1) 100%);
background: -o-linear-gradient(-45deg, rgba(165,237,98,1) 0%, rgba(5,99,145,1) 60%, rgba(5,99,145,1) 100%);
background: -ms-linear-gradient(-45deg, rgba(165,237,98,1) 0%, rgba(5,99,145,1) 60%, rgba(5,99,145,1) 100%);
background: linear-gradient(135deg, rgba(165,237,98,1) 0%, rgba(5,99,145,1) 60%, rgba(5,99,145,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a5ed62', endColorstr='#056391', GradientType=1 );}

body.is-preload *, body.is-preload *:before, body.is-preload *:after, body.is-resizing *, body.is-resizing *:before, body.is-resizing *:after{-moz-animation:none !important;-webkit-animation:none !important;-ms-animation:none !important;animation:none !important;-moz-transition:none !important;-webkit-transition:none !important;-ms-transition:none !important;transition:none !important; }
#wrapper{display:-moz-flex;display:-webkit-flex;display:-ms-flex;display:flex;-moz-flex-direction:row-reverse;-webkit-flex-direction:row-reverse;-ms-flex-direction:row-reverse;flex-direction:row-reverse;min-height:100vh;}
#container{-moz-flex-grow:1;-webkit-flex-grow:1;-ms-flex-grow:1;flex-grow:1;-moz-flex-shrink:1;-webkit-flex-shrink:1;
-ms-flex-shrink:1;flex-shrink:1;width:100%;background:#f4f8f9;font-size:12pt;}

.ff_cont{display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;}
.fi_cont{display:-webkit-inline-box;display:-moz-inline-box;display:-ms-inline-flexbox;display:-webkit-inline-flex;display:inline-flex;}
.ff_object{margin:-15px;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;}
.ff_object > .obj{padding:15px;}
.ff_object.middle{margin:-10px;}
.ff_object.middle > .obj{padding:10px;}
.ff_object.small{margin:-5px;}
.ff_object.small > .obj{padding:5px;}
.ff_obj{margin-left:-15px;margin-right:-15px;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;}
.ff_obj > .obj{padding-left:15px;padding-right:15px;}
.f_two > .obj{flex:0 0 50%;-ms-flex:0 0 50%;max-width:50%;width:50%;}
.f_three > .obj{flex:0 0 33.33%;-ms-flex:0 0 33.33%;max-width:33.33%;width:33.33%;}
.f_four > .obj{flex:0 0 25%;-ms-flex:0 0 25%;max-width:25%;width:25%;}
.f_five > .obj{flex:0 0 20%;-ms-flex:0 0 20%;max-width:20%;width:20%;}
.f_wrap{flex-wrap:wrap;-webkit-flex-wrap:wrap;-moz-flex-wrap:wrap;}
.f_center{-webkit-box-pack:center;-moz-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;}
.f_middle{-webkit-box-align:center;-moz-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;}
.f_between{-webkit-box-pack:justify;-moz-box-pack:justify;-ms-flex-pack:justify;-webkit-justify-content:space-between;}
.f_reverse{-webkit-box-orient:vertical;-webkit-box-direction:reverse;-ms-flex-direction:column-reverse;flex-direction:column-reverse;}


/******************************* common : font-size *******************************/

.sub-contents label{font-size:1em;}
.sub-contents .ui.buttons .button,.sub-contents .ui.buttons .or,.sub-contents .ui.button{font-size:1rem;}
.sub-contents .ui.selection.dropdown{padding:0.5em 2.1em 0.5em 1em;min-height:2.5em;}

/******************************* sidebar *******************************/

#sidebar{background-color:#fff;position:relative;width:19em;-moz-flex-grow:0;-webkit-flex-grow:0;-ms-flex-grow:0;flex-grow:0;-moz-flex-shrink:0;-webkit-flex-shrink:0;-ms-flex-shrink:0;flex-shrink:0;-moz-transition:margin-left 0.5s ease, box-shadow 0.5s ease;-webkit-transition:margin-left 0.5s ease, box-shadow 0.5s ease;-ms-transition:margin-left 0.5s ease, box-shadow 0.5s ease;transition:margin-left 0.5s ease, box-shadow 0.5s ease;}
#sidebar .inner{padding:0 1.5em 2.44444em 1.5em;position:relative;width:19em;height:100vh;background:#fff;}
#sidebar .inner > * > :last-child{margin-bottom:0;}
#sidebar .inner > *:last-child{border-bottom:0;margin-bottom:0;padding-bottom:0;}
#sidebar .brand-logo{display:block;}
#sidebar .inner .brand-logo{text-align:center;}
#sidebar .inner .brand-logo .logo{width:120px;padding:15px 0 20px 0;}
#sidebar .toggle{text-decoration:none;-moz-transition:left 0.5s ease;-webkit-transition:left 0.5s ease;-ms-transition:left 0.5s ease;
transition:left 0.5s ease;-webkit-tap-highlight-color:rgba(255, 255, 255, 0);border:0;display:block;height:70px;left:18em;line-height:70px;
outline:0;overflow:hidden;position:absolute;text-align:center;text-indent:-15em;white-space:nowrap;top:0;width:6em;z-index:480;}
#sidebar .toggle:before{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;display:inline-block;font-style:normal;font-variant:normal;text-rendering:auto;line-height:1;text-transform:none !important;font-family:'Icons';}
#sidebar .toggle:before{content:'\f359';font-size:1.5em;color:#fff;height:inherit;left:0;line-height:inherit;position:absolute;text-indent:0;top:0;width:inherit;}
#sidebar.inactive .toggle:before{content:'\f35a';}
#sidebar .inner .ui.accordion .content{padding:1em 0;background:#016596;}
#sidebar .inner .ui.accordion .title:not(.ui){color:#333;position:relative;display:block;width:100%;padding:0.75em 0.4em 0.75em 1.8em;border-top:1px solid #dedede;}
#sidebar .inner .ui.accordion .title.active{color:#016596;}
#sidebar .inner .side-menu.ui.menu{border:none;box-shadow:none;width:100%;display:inline-block;}
#sidebar .inner .side-menu .title .angle.right.icon{position:absolute;right:0px;top:50%;margin:-8px 0 0 0;padding:0 0 0 10px;}
#sidebar .inner .side-menu .content a{display:block;padding:.7em 1em .7em 1.5em;color:rgba(255,255,255,0.75);font-size:0.938em;}
#sidebar .inner .side-menu .content a:hover{color:rgba(255,255,255,1);}
#sidebar .inner .side-menu .title .title-icon{position:absolute;left:0;top:50%;margin-top:-10px;}
#sidebar .inner .side-menu .title .title-icon:before,.mini-inner .mini-menu .item .title-icon{font-family:'outline-icons';}
.side-menu .title .member.title-icon:before,.minimenu-wrap .mini-menu:nth-child(1) .item .icon:before{content:'\f2c1';}/*회원관리*/
.side-menu .title .shop.title-icon:before,.minimenu-wrap .mini-menu:nth-child(2) .item .icon:before{content:'\f044';}/*주문관리*/
.side-menu .title .autoship.title-icon:before,.minimenu-wrap .mini-menu:nth-child(3) .item .icon:before{content:'\f09d';}/*오토십관리*/
.side-menu .title .benefit.title-icon:before,.minimenu-wrap .mini-menu:nth-child(4) .item .icon:before{content:'\f3d1';}/*수당관리*/
.side-menu .title .bbs.title-icon:before,.minimenu-wrap .mini-menu:nth-child(5) .item .icon:before{content:'\f0f3';}/*공지관리*/



/* mini-sidebar */
#sidebar .mini-sidebar{display:none;}
#sidebar.inactive .inner{display:none;}
#sidebar.inactive{margin-left:-13em;}
#sidebar.inactive .mini-sidebar{display:block;width:100%;height:100%;text-align:right;border-right:1px solid #dedede;}
.mini-sidebar .mini-inner{width:85px;float:right;text-align:center;}
.mini-inner .brand-logo{padding:10px 0 2em 0;}
.mini-inner .brand-logo .logo{width:55px;}
.mini-inner .mini-menu{}
.mini-inner .mini-menu > .item{display:block;width:60px;height:70px;line-height:70px;border-top:1px solid #ddd;text-align:center;}
.mini-inner .mini-menu:last-child > .item{border-bottom:1px solid #ddd;}
.mini-inner .mini-menu .item .icon{font-size:1.5em;}
.mini-inner .mini-menu .menu{right:0px;}

 @media screen and (max-width:1280px){
    #sidebar{width:20em;}
	#sidebar > .inner{padding:1.66667em 1.66667em 1.33333em 1.66667em;width:20em;}
	#sidebar .toggle{height:6.25em;left:20em;line-height:4em;text-indent:5em;width:5em;}
	#sidebar .toggle:before{font-size:1.5rem;}
	#sidebar.inactive{margin-left:-20em;} 
	}

  @media screen and (max-width:1024px){
    #sidebar{box-shadow:0 0 5em 0 rgba(0, 0, 0, 0.175);height:100%;left:0;position:fixed;top:0;z-index:10000;}
	#sidebar.inactive{box-shadow:none;}
	#sidebar > .inner{-webkit-overflow-scrolling:touch;height:100%;left:0;overflow-x:hidden;overflow-y:auto;position:absolute;top:0;}
	#sidebar > .inner:after{content:'';display:block;height:4em;width:100%;}
	#sidebar .toggle:before{font-size:1.1rem;z-index:1;left:.45rem;}
	#sidebar .toggle:after{background:rgba(219, 219, 224, 0.75);border-radius:0.375em;content:'';height:3.5em;left:1em;position:absolute;top:.25em;width:4em;} 
	#sidebar > .inner:after{content:'';display:block;height:4em;width:100%;}
	body.is-preload #sidebar{display:none;} 
	}

  @media screen and (max-width:736px){
    #sidebar{width:20em;}
	#sidebar > .inner{width:20em;}
	#sidebar .toggle{left:20em;}
	#sidebar.inactive{margin-left:-20em;} 
	}




/******************************* main : header *******************************/

#header{height:70px;z-index:1002;}
.cont-inner{margin-right:auto;margin-left:auto;padding:2em 3em 2em 3em;}
.ui.secondary.menu.header-cont{margin:0 50px 0 80px;padding-top:15px;}
.ui.secondary.menu.header-cont .item{color:rgba(255,255,255,0.7);font-size:0.875em;position:relative;}
.ui.secondary.menu.header-cont .item:after{content:'';position:absolute;width:1px;height:10px;top:50%;left:0px;margin-top:-5px;background:rgba(255,255,255,0.22);}
.ui.secondary.menu.header-cont .item:first-child:after{content:none;}
.ui.secondary.menu.header-cont .item:hover{color:rgba(255,255,255,1);}

@media screen and (max-width:1280px){
    .cont-inner{padding:1em 2em 1em 2em;}
	.header-cont .user-info,.header-cont .user-image{display:none;}
	.header-cont .logo{display:block;width:130px;position:absolute;top:20px;left:50%;margin-left:-65px;}
	.header-cont .logo img{width:100%;}
}

@media screen and (max-width:736px){
    #header{height:60px;}
	.ui.secondary.menu.header-cont{margin:0 0 0 80px;padding-top:10px;padding-right:10px;}
	.ui.secondary.menu.header-cont .right.menu{flex-wrap:wrap;-webkit-flex-wrap:wrap;-moz-flex-wrap:wrap;-webkit-box-pack:right;-moz-box-pack:right;-ms-flex-pack:right;-webkit-justify-content:right;justify-content:right;}
	.ui.secondary.menu.header-cont .item{padding:0.2em 0.5em;margin:0em;font-size:12px;}
	.header-cont .logo{width:100px;margin-left:-50px;}	
    .cont-inner{padding:1em;}
}

@media screen and (max-width:480px){

}
