@charset "utf-8";
@import url('reset.css');
@import url('font.css');


/******************************* common *******************************/

	/* common */
	.clr{clear:both !important;}
	.pos-r{position:relative;}.pos-a{position:absolute;}
	.clr{clear:both;}
	.pc-appear{display:none !important;}
	.hidden{clear:both;display:none !important;}
	.hide{position:absolute;overflow:hidden;clip:rect(0 0 0 0);margin:-1px;width:1px;height:1px;}
	.w-block{display:inline-block;width:100%;}
	.inline-block{display:inline-block !important;}
	.block{display:block !important;}
	.font-eng{font-family:'Roboto','serif'!important;letter-spacing:0;}
	.eng-strong{font-family:'Roboto','serif'!important;font-weight:600;}
	.cursor-p{cursor:pointer !important;}
	.strong{font-weight:600;}
	.line-33{line-height:33px !important;}.line-35{line-height:35px !important;}.line-40{line-height:40px !important;}
	.v-middle{vertical-align:middle !important;}

	/* align, float, btn-wrap, li */
	.t-left{text-align:left !important;}
	.t-center{text-align:center !important;}.object-center{text-align:center;width:100%;}
	.t-right{text-align:right !important;}
	.f-left{float:left !important;}
	.f-right{float:right !important;}
	.ul-left{display:inline-block;width:100%;}.ul-left li{float:left;}
	.fl-left{display:inline-block;width:100%;}
	.fl-left2{display:inline-block;width:100%;}
	.in-left{display:inline-block;}
	.in-flex{width:100% !important;display:flex !important;display:-webkit-flex !important;display:-ms-flex !important;}
	.in-flex li{flex-grow:1 !important;-webkit-flex-grow:1 !important;-ms-flex-grow:1 !important;}
	.in-flex.three li{width:33.33%;}
	.in-flex.initial li{flex-grow:initial !important;-webkit-flex-grow:initial !important;-ms-flex-grow:initial !important;}
	.t-btcolor{border-bottom:2px solid #ea8818;}

	.in-flex.each-padding li{padding-right:4px;}
	.fl-left li,.in-left li{float:left;}
	.fl-left2 li {float:left;width:100%;line-height:30px;}
	.fl-left.two-li li,.in-left.two-li li{width:50%;}
	.fl-left.three-li li,.in-left.three-li li{width:33.33%;}
	.fl-left.four-li li,.in-left.four-li li{width:25%;}
	.fl-none{display:inline-block;width:100%;}
	.fl-none li{width:100%;float:none;}
	.btn-wrap ul li a,.btn-wrap ul li button{margin:0 0 0 5px;}
	.btn-wrap ul li:first-child a,.btn-wrap ul li:first-child button{margin-left:0;}
	.one-btn-wrap{width:15%;margin:20px auto;}
	.v-middle35{display:table;height:35px;}
	.v-middle35 span,.v-middle35 i{display:table-cell;vertical-align:middle;}


	/* 빠른주문 */

	.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_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%;}
	.f_three .obj{flex:0 0 33.33%;-ms-flex:0 0 33.33%;max-width:33.33%;}
	.f_four .obj{flex:0 0 25%;-ms-flex:0 0 25%;max-width:25%;}
	.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;}


	/* btn */
	.basic{display:inline-block;font-size:1em;line-height:1.3;height:35px;padding:0 1em;text-align:center;color:#fff !important;min-height:1em;margin:0em 0.25em 0em 0em;cursor:pointer;outline:none;border:none;vertical-align:middle;border-radius:0.28571429rem;}
	.basic.s-pd,.s-basic.s-pd{padding:0 0.7em;}
	.s-basic{display:inline-block;font-size:1em;line-height:35px;padding:0 1em;color:#fff;min-height:1em;margin:0em 0.25em 0em 0em;cursor:pointer;outline:none;border:none;vertical-align:middle;border-radius:0.28571429rem;}
	.s-btn{padding:0 0.5em;}
	.m-btn{display:inline-block;padding:0.5em 1em;font-size:1em;text-align:center;}
	.full-btn{display:inline-block;width:100% !important;text-align:center;padding:0.7em 0;font-size:1.1em;border-radius:0.3em;}
	.full-mbtn{display:inline-block;width:100% !important;text-align:center;padding:0.6em 0;font-size:1.071em;border-radius:0.3em;height:auto;}
	.full-sbtn{display:inline-block;width:100% !important;text-align:center;padding:0.25em 0;font-size:1em;border-radius:0.3em;}
	.s-button.ui.button{font-size:0.9em;}

	.btn-light{background:#f8f9fa !important;border:1px solid #dee2e6 !important;color:#212529 !important;}
	.btn-light:hover{background:#e2e6ea !important;border:1px solid #c9cfd4 !important;}
	.btn-dark{background:#343a40 !important;color:#fff !important;}
	.btn-dark:hover{background:#141a1f !important;color:#fff !important;}
	.btn-border{background:#fff !important;border:1px solid #343a40 !important;color:#212529 !important;}
	.btn-border:hover{background:#e2e6ea !important;border:1px solid #343a40 !important;color:#212529 !important;}
	

	/* width */
	.w100{width:100% !important;}.w90{width:90% !important;}.w80{width:80% !important;}.w70{width:70% !important;}.w60{width:60% !important;}.w50{width:50% !important;}.w45{width:45% !important;}.w40{width:40% !important;}.w30{width:30% !important;}.w20{width:20% !important;}.w10{width:10% !important;}
	.w15{width:15%;}.w25{width:25%;}.w35{width:35%;}.w45{width:45%;}.w55{width:55%;}.w65{width:65%;}.w75{width:75%;}.w85{width:85%;}.w95{width:95%;}
	.wid10a{width:10%;margin:0 auto;}.wid15a{width:15%;margin:0 auto;}.wid20a{width:20%;margin:0 auto;}.wid30a{width:30%;margin:0 auto;}.wid40a{width:40%;margin:0 auto;}.wid50a{width:50%;margin:0 auto;}.wid60a{width:60%;margin:0 auto;}.wid70a{width:70%;margin:0 auto;}.wid80a{width:80%;margin:0 auto;}

	/* margin, padding */
	.mg0{margin:0 !important;}.mg1em{margin:1em auto;}.mglr5{margin:0 5px;}
	.mgt5{margin-top:5px !important;}.mgt10{margin-top:10px !important;}.mgt20{margin-top:20px !important;}.mgt30{margin-top:30px !important;}
	.mgl0{margin-left:0 !important;}.mgl5{margin-left:5px !important;}.mgl10{margin-left:10px;}.mgl20{margin-left:20px;}
	.mgr5{margin-right:5px !important;}.mgr10{margin-right:10px !important;}.mgr20{margin-right:20px !important;}.mgr30{margin-right:30px !important;}
	.mgb10{margin-bottom:10px !important;}.mgb20{margin-bottom:20px !important;}.mgb30{margin-bottom:30px !important;}.mgb40{margin-bottom:40px !important;}.mgb50{margin-bottom:50px !important;}
	.pd0{padding:0 !important;}
	.pdt10{padding-top:10px;}
	.pdl5{padding-left:5px !important;}.pdl10{padding-left:10px !important;}
	.pdr10{padding-right:10px;}
	.pdb10{padding-bottom:10px;}

	/* font-color */
	.color-red{color:#d9252e !important;}
	.color-orange{color:#ea5504 !important;}
	.color-blue{color:#2473bb !important;}
	.color-wblue{color:#9fc1fe !important;}.color-wblue:hover{color:#6c93d8 !important;}
	.color-blue01{color:#216baf;}
	.color-mint01{color:#6fc6cc;}
	.color-green01{color:#88cd9a;}
	.color-red01{color:#e64c4f;}

	/* background */
	.novo-bg{background:#132341;background:-moz-linear-gradient(top, #132341 0%, #132341 50%, #011233 51%, #011233 100%);background:-webkit-linear-gradient(top, #132341 0%,#132341 50%,#011233 51%,#011233 100%);background:linear-gradient(to bottom, #132341 0%,#132341 50%,#011233 51%,#011233 100%);filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#132341', endColorstr='#011233',GradientType=0);}
	.red-gradient{background:#a7001b;background:-moz-linear-gradient(top, #a7001b 0%, #a7001b 49%, #920017 50%, #920017 100%);background:-webkit-linear-gradient(top, #a7001b 0%,#a7001b 49%,#920017 50%,#920017 100%);background:linear-gradient(to bottom, #a7001b 0%,#a7001b 49%,#920017 50%,#920017 100%);filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#a7001b', endColorstr='#920017',GradientType=0) !important;}
	.title-bg{background:#132341;background:-webkit-linear-gradient(0deg, rgba(2,40,87,1) 0, rgba(39,93,174,1) 65%, rgba(103,149,206,1) 100%), #0199d9;background:-moz-linear-gradient(90deg, rgba(2,40,87,1) 0, rgba(39,93,174,1) 65%, rgba(103,149,206,1) 100%), #0199d9;background:linear-gradient(90deg, rgba(2,40,87,1) 0, rgba(39,93,174,1) 65%, rgba(103,149,206,1) 100%), #0199d9;background-position:50% 50%;}
	.bg-fa{background:#fafafa !important;}
	.bg-th{background:#eef3f8 !important;}
	.bg-logo{background:#002d7a !important;color:#fff !important;}.bg-logo:hover{background:#000e3f !important;color:#fff !important;}

	.bg-blue{background:#2473bb !important;}.bg-blue:hover{background:#125ea3 !important;}
	.bg-sky{background:#6fc6cc !important;}.bg-sky:hover{background:#53acb1 !important;}
	.bg-green{background:#73c587 !important;color:#fff;}.bg-green:hover{background:#59ad6d !important;}
	.bg-red{background:#e64d4f !important;}.bg-red:hover{background:#c53536 !important;}
	.bg-white{background:#fff !important;border:1px solid #acacac;color:#555 !important;}.bg-white:hover{background:#acacac !important;border:1px solid #acacac;color:#fff !important;}
	.bg-black{background:#222 !important;}.bg-black:hover{background:#000;}
	.bg-gray{background:#ccc !important;}
	.bg-gray-a{background:#aaa !important;}.bg-gray-a:hover{background:#888 !important;} 
	.bg-gray-b{background:#bbb !important;} 
	.bg-gray-c{background:#ccc !important;} 
	.bg-gray-d{background:#ddd !important;} 
	.bg-gray-e{background:#eee !important;}
	.bg-blue01{background:#aecfed;}.bg-blue02{background:#8abae4;}.bg-blue03{background:#67a5dc;}.bg-blue04{background:#4794d8;}
	.bg-blue05{background:#031a47;}.bg-blue05:hover{background:#00091b;}
	.bg-mint01{background:#b7e2e5;}.bg-mint02{background:#97d5da;}.bg-mint03{background:#77c9ce;}.bg-mint04{background:#5fbfc6;}
	.bg-green01{background:#c9e8d1;}.bg-green02{background:#b2debd;}.bg-green03{background:#9ad4a9;}.bg-green04{background:#73c388;}
	.bg-red01{background:#eeb1bf;}.bg-red02{background:#e68ea3;}.bg-red03{background:#df6b86;}.bg-red04{background:#d74164;}.bg-red05{background:#d01d47;}

	.regular-button.orange,.main-button.orange{border:1px solid #ea5504;background:#fff;color:#ea5504;}
	.regular-button.orange:hover,.main-button.orange:hover{background:#ea5504;border:1px solid #ea5504;color:#fff;}
	.regular-button.gray,.main-button.gray{border:1px solid #131313;background:transparent;color:#131313;}
	.regular-button.gray:hover,.main-button.gray:hover{background:#131313;border:1px solid #131313;color:#fff;}

	@media only screen and (max-width:991px){
		.m-appear{display:none !important;}
		.pc-appear{display:block !important;}
		.mgt10{margin-top:0.5em !important;}
		.one-btn-wrap{width:30%;}
		.mall-sub .basic{height:30px;}
		.mall-sub .full-mbtn{height:40px;}
	}

	@media only screen and (max-width:640px){
	}



/******************************* skip *******************************/

	#u_skip{position:absolute;top:0;left:0;z-index:50;width:100%;height:0;}
	#u_skip dl,#u_skip dt,#u_skip dd{height:0}
	#u_skip a{display:block;overflow:hidden;position:absolute;top:0;left:0;width:1px;height:1px;margin-bottom:-1px;margin-left:-1px;font-weight:normal;color:#fff;text-align:center;white-space:nowrap;}
	#u_skip a:hover,#u_skip a:focus,#u_skip a:active{z-index:1000;width:100%;height:auto;padding:10px 0;background:#da291c;color:#fff;}



/******************************* site-common *******************************/

	#wrapper{position:relative;overflow:hidden;}
	.inner{width:1200px;margin:0 auto;}
	.bg-point01{background:#ea5504 !important;}.bg-point01:hover{background:#d34c03 !important;}
	.bg-point02{background:#5390cd !important;}.bg-point02:hover{background:#427ab2 !important;}
	.bg-point03{background:#002d7a !important;}.bg-point03:hover{background:#00215a !important;}
	.co-point01{color:#ea5504 !important;}
	.co-point02{color:#5390cd !important;}
	.co-point03{color:#002d7a !important;}



/******************************* header *******************************/

	#header{position:relative;z-index:333;}
	#header .header-wrap{border-bottom:(255,255,255,0.25);}
	.header-wrap .header-top{position:relative;height:100px;margin:0 auto;background:#fff;vertical-align:top;box-sizing:border-box;z-index:200;transition:all 0.5s ease-out;}
	.header-wrap .header-top.on{z-index:200;border-bottom:1px solid #e6e6e6;}
	.header-top .header-cont{position:relative;margin:0 auto;vertical-align:top;box-sizing:border-box;}
	.header-top .top-logo,.header-top.on .top-logo{position:absolute;left:0;top:20px;width:132px;height:60px;}
	.header-top .top-logo a{display:block;overflow:hidden;height:100%;background:url('../../../images/common/logo-ani.gif') no-repeat;background-size:132px 60px;text-indent:-999em;}
	.header-top.on .top-logo a{display:block;overflow:hidden;height:100%;background:url('../../../images/common/logo-ani.gif') no-repeat;background-size:132px 60px;text-indent:-999em;}

	.header-top .top-name{
		position: absolute;
		right: 510px;
		top: 7px;
		font-size: 16px;
		background-color: #9dd3ff;
		width: 250px;
		border-radius: 5px;
		text-align: center;
		height: 25px;
	}

	.header-top .top-qrcode{display:none;}

	.header-top .xi-close {
		position: absolute;
		right: 15px;
		top: 3px;
		color: #777;
		background-color: transparent !important;
	  }

	.header-top .top-menu{position:absolute;right:0;top:7px;}
	.header-top .top-menu li{float:left;position:relative;}
	.header-top .top-menu li:after{content:'';position:absolute;top:5px;right:0px;width:1px;height:10px;background:#e0e0e0;}
	.header-top .top-menu li:last-child:after{content:none;}
	.header-top .top-menu li a{display:block;padding:0 10px;color:#727171;font-size:0.813em;}
	.header-top .top-menu li a i{padding-right:5px;}
	.header-top .top-menu li a:hover{color:#000;}

	.header-top .header-menu{margin:0 auto;box-sizing:border-box;min-height:50px;height:auto;padding-top:50px;}
	.header-menu ul{display:flex;display:-webkit-flex;z-index:1;align-items:center;justify-content:center;}
	.header-menu ul li{float:left;}
	.header-menu ul li a{font-size:1.059rem;padding:0 1.765em;display:block;height:50px;color:#131313;font-family:'NotoM';}

	.header-top .header-right{position:absolute;top:45px;right:0;z-index:10;box-sizing:border-box;}
	.header-top .header-right .side-button{display:block;}
	.header-right .side-button i{font-size:2.222em;color:#333;}
	.header-right .side-button:hover i{color:#ff762c;}


	/*body.scrolltop #header{position:fixed;top:0px;left:0px;width:100%;height:100px;z-index:14;-moz-box-shadow:0 3px 5px rgba(0, 0, 0, 0.3);-webkit-box-shadow:0 3px 5px rgba(0, 0, 0, 0.3);box-shadow:0px 3px 5px rgba(0, 0, 0, 0.1);animation-name:gnbAni4;animation-duration:1s;animation-fill-mode:both; animation-timing-function:ease-in-out;}
	body.scrolltop #mainVisual{margin-top:100px;}*/


/* All Sizes */
.header-top .header-cont,.inner{display:block;max-width:100% !important;}



/******************************* GNB - 펼침메뉴 *******************************/

	/*.menu-box{background:#fff;position:absolute;width:100%;display:none;top:0;z-index:200;border-bottom:1px solid #e0e0e0;height:580px;top:100px;}*/
	.menu-box{background:#fff;position:absolute;width:100%;display:none;top:0;z-index:200;border-bottom:1px solid #e0e0e0;top:100px;}
	.menu-wrap{margin:0 auto;clear:both;}
	.menuTit{display:table-cell;}
	.menuTit > div, .menuList > div{display:none;}
	.menuTit > div.on,  .menuList > div.on{display:block;}
	.menuList{box-sizing:border-box;position:relative;}
	.menuList .list-twodepth{width:100%;height:50px;background:#0b1e60;}
	.list-twodepth .inner{display:flex;align-items:center;justify-content:center;}
	.list-twodepth ul li{float:left;}
	.list-twodepth ul li a{color:#fff !important;line-height:50px;padding:0 20px;text-align:center;}
	.list-twodepth ul li a:hover{color:#ff762c !important;}
	.menuList .list-inner{}
	.menuList .list-inner.all-cont{padding-top:50px;position:relative;}
	.menuList .list-inner.all-cont.office-menu{padding-top:20px;}
	.list-inner.all-cont .sub-iconmenu{text-align:center;padding-top:50px;display:inline-block;width:100%;}
	.sub-iconmenu li{display:inline-block;box-sizing:border-box;border-right:1px solid #e0e0e0;}
	.sub-iconmenu li:last-child{border-right:0;}
	.list-inner.all-cont .gnb-left{position:absolute;left:0;top:40px;width:290px;height:260px;}
/*	.list-inner.all-cont .gnb-left.left-product{background:url('../../../images/site/common/gnb-left-company.jpg') no-repeat top left;}*/
	.list-inner.all-cont .gnb-left.left-product{background:url('../../../images/site/common/gnb-left-company.jpg') no-repeat top left;display:none;}
	.list-inner.all-cont .gnb-left.left-mall{background:url('../../../images/site/common/gnb-left-mall.jpg') no-repeat top left;}
	.sub-iconmenu.company li{width:12.2%;}
	.sub-iconmenu.business li,.sub-iconmenu.business li{width:19%;}
	.sub-iconmenu.community li{width:14%;}


	/* 회사소개 */
	.sub-iconmenu li a{display:block;position:relative;height:130px;padding-top:90px;box-sizing:border-box;line-height:1.2em;}
	.sub-iconmenu li a:hover{color:#ea5504;}
	.sub-iconmenu li a:after{content:'';position:absolute;left:50%;top:10px;width:50px;height:50px;margin:0 0 0 -25px;background:url('../../../images/site/common/icon-common.png') no-repeat 0 0 ;}
	.sub-iconmenu.company li a{width:100%;}
	.sub-iconmenu.company li:nth-child(1) a:after{background-position:0 0;}
	.sub-iconmenu.company li:nth-child(2) a:after{background-position:0 -50px;}
	.sub-iconmenu.company li:nth-child(3) a:after{background-position:0 -100px;}
	.sub-iconmenu.company li:nth-child(4) a:after{background-position:0 -150px;}
	.sub-iconmenu.company li:nth-child(5) a:after{background-position:0 -200px;}
	.sub-iconmenu.company li:nth-child(6) a:after{background-position:0 -250px;}
	.sub-iconmenu.company li:nth-child(7) a:after{background-position:0 -300px;}
	.sub-iconmenu.company li a:hover:after{background-position-x:-50px;}
	/* 비즈니스 */
	.sub-iconmenu.business li a{width:100%;}
	.sub-iconmenu.business li:nth-child(1) a:after{background-position:0 -350px;}
	.sub-iconmenu.business li:nth-child(2) a:after{background-position:0 -400px;}
	.sub-iconmenu.business li:nth-child(3) a:after{background-position:0 -450px;}
	.sub-iconmenu.business li:nth-child(4) a:after{background-position:0 -500px;}
	.sub-iconmenu.business li a:hover:after{background-position-x:-50px;}

	/* 커뮤니티 */
	.sub-iconmenu.community li a{width:100%;}
	.sub-iconmenu.community li:nth-child(1) a:after{background-position:-100px 0;}
	.sub-iconmenu.community li:nth-child(2) a:after{background-position:-100px -50px;}
	.sub-iconmenu.community li:nth-child(3) a:after{background-position:-100px -100px;}
	.sub-iconmenu.community li:nth-child(4) a:after{background-position:-100px -150px;}
	.sub-iconmenu.community li:nth-child(5) a:after{background-position:-100px -200px;}
	.sub-iconmenu.community li:nth-child(6) a:after{background-position:-100px -260px;}
	.sub-iconmenu.community li:nth-child(7) a:after{background-position:-100px -320px;}
	.sub-iconmenu.community li a:hover:after{background-position-x:-150px;}

	/* 제품소개,마이오피스 */
	.list-inner.all-cont .sub-textmenu.product, 
/*	.list-inner.all-cont .sub-textmenu.mall{display:inline-block;margin-left:320px;}*/
/*	.list-inner.all-cont .sub-textmenu.mall{display:inline-block;margin-left:240px;}*/
	.list-inner.all-cont .sub-textmenu.mall{display:inline-block;width:100%;}
	.list-inner.all-cont .sub-textmenu li{float:left;min-height:240px;text-align:center;border-right:1px solid #e0e0e0;}	
	.list-inner.all-cont .sub-textmenu.product li,
/*	.list-inner.all-cont .sub-textmenu.mall li{width:175px;}*/
	.list-inner.all-cont .sub-textmenu.mall li{width:16.6%;}
	.sub-textmenu.myoffice li a.ss-menu:before{content:'';position:absolute;top:7px;left:40px;width:3px;height:3px;border-radius:50%;background:#cacaca;}
	.sub-textmenu.myoffice li a.ss-menu:hover{color:#5390cd;}
	.sub-textmenu.myoffice li a.ss-menu:hover:before{background:#5390cd;}
	.sub-textmenu li:last-child{border-right:none;}
	.sub-textmenu li a{display:block;margin-bottom:10px;line-height:1.3em;color:#575757;}
	.sub-textmenu li a:hover{color:#ea5504;}
	.sub-textmenu li a:first-child{color:#131313;margin-bottom:20px;font-family:'NotoM';}
	.sub-textmenu.myoffice{display:inline-block;width:100%;}
	.sub-textmenu.myoffice li{width:20%;}




/******************************* all menu - side button *******************************/

	.sidemenu-wrap{position:fixed;top:0px;left:100%;width:100%;height:100%;z-index:200;background:#000;box-sizing:border-box;overflow:auto;opacity:0;-webkit-transition:all 0.5s;-moz-transition:all 0.5s;-o-transition:all 0.5s;transition:all 0.5s;}
	.sidemenu-wrap.open{left:0px;opacity:1;transition-timing-function:cubic-bezier(0,0,0,1);}
	.sideMenu{padding:80px 0;position:relative;}
	.sideMenu > div{clear:both;overflow:hidden;border-bottom:1px solid #343434;padding-bottom:20px;}
	.sideMenu div.tit{font-family:'NotoM';font-size:1.333em;color:#ea5504;margin-bottom:30px;margin-top:40px;float:left;width:150px;}
	.sideMenu div > ul{float:left;margin-top:40px;}
	.sideMenu div > ul > li{float:left;margin:0 25px 35px 35px;position: relative;}
	.sideMenu div > ul > li a.sm-title,.sideMenu div > ul > li a.sm-title:hover{color:#80baf5;}
	.sideMenu div > ul > li a.ss-menu{color:#888;position:relative;padding-left:15px;}
	.sideMenu div > ul > li a.ss-menu:before{content:'';position:absolute;top:50%;left:5px;width:3px;height:3px;border-radius:50%;background:#777;}
	.sideMenu div > ul > li a.ss-menu:hover{color:#fff;}
	.sideMenu div > ul > li a{color:#fff;display:block;margin:0.2rem 0;}
	.sideMenu div > ul > li a:hover{color:#ea5504;}
	.sideMenu div > ul > li > ul{margin-top:14px;position:absolute;}
	.sideMenu div > ul > li > ul > li a{color:#666;font-weight:350;line-height:28px;}
	.sideMenu .sidemenu-close{position:absolute;top:20px;right:0;width:50px;height:50px;text-align:center;background:#ea5504;}
	.sideMenu .sidemenu-close span{display:inline-block;width:32px;height:32px;margin-top:10px;background-image:url('../../../images/site/common/icon-common.png');background-position:-200px -35px;background-repeat:no-repeat;}
	.menuDimmed{position:fixed;left:0;top:0;z-index:150;background-color:#000;display:none;}
	.sideMenuDimmed{position:fixed;left:0;top:0;z-index:150;background-color:#000;display:none;}
	.mypageDimmed{position:fixed;left:0;top:0;z-index:150;background-color:#000;display:none;}
	.mobilesideDimmed{position:fixed;left:0;top:0;z-index:150;background-color:#fff;display:none;}



/******************************* mobile-sidemenu *******************************/


	.mobile-menu-wrap{position:fixed;top:0px;left:100%;width:100%;height:100%;z-index:200;background:#fff;box-sizing:border-box;overflow:auto;opacity:0;-webkit-transition:all 0.5s;-moz-transition:all 0.5s;-o-transition:all 0.5s;transition:all 0.5s;}
	.header-wrap .mobile-menu-wrap{display:none;}
	.header-right .mobile-sidemenu{display:none;}
	.mobile-gnb{display:block;}
	.menu-depth2,.menu-depth3{display:none;}
	.mobile-gnb a{display:block;}
	.mobile-gnb .menu_depth1 > li{border-bottom:1px solid #dedede;position:relative;}
	.mobile-gnb .menu_depth1 > li.open ul{border-top:1px solid #dedede;background-color:#fafafa;}
	.mobile-gnb .menu_depth1 > li > a{position:relative;padding:1rem 5rem 1.143rem 1.429rem;font-size:1.294rem;color:#222;}
	.mobile-gnb .menu_depth1 > li.has_sub > em{display:inline-block;position:absolute;top:0;right:0;width:5rem;height:3rem;}
	.mobile-gnb .menu_depth1 > li.has_sub > em > .arrow{display:block;width:1.286rem;height:1.286rem;margin-top:1.143rem;margin-left:1.7rem;background:url('../../../images/site/common/ico-1depth-off.png') center center;background-size:1.286rem auto;}
	.mobile-gnb .menu_depth1 > li.has_sub.open > em > .arrow{background-image:url('../../../images/site/common/ico-1depth-on.png');}
	.mobile-gnb .menu-depth2{padding:0 1.818rem;}
	.mobile-gnb .menu-depth2 > li{position:relative;}
	.mobile-gnb .menu-depth2 > li + li{border-top:1px solid #dedede;}
	.mobile-gnb .menu-depth2 > li > a{position:relative;padding:1.143rem 0.7143rem;font-size:1.118rem;color:#222;}
	.mobile-gnb .menu-depth2 > li > span{display:block;position:relative;padding:1.143rem 0.7143rem;font-size:1.059rem;color:#999;}
	.mobile-gnb .menu-depth2 > li.has_sub > em{display:inline-block;position:absolute;top:0;right:0.7143rem;width:5rem;height:3rem;}
	.mobile-gnb .menu-depth2 > li.has_sub > em > .arrow{display:block;margin-top:1.143rem;margin-left:4rem;width:0.9286rem;height:0.5rem;background: url('../../../images/site/common/ico-2depth-off.png') 0 0;background-size:0.9286rem auto;}
	.mobile-gnb .menu-depth2 > li.has_sub.open > em > .arrow{background-image:url('../../../images/site/common/ico-2depth-on.png');}
	.mobile-gnb .menu-depth2{padding:0 1.429rem;}
	.mobile-gnb .menu-depth3{padding:1rem 0;}
	.mobile-gnb .menu-depth3 > li > a{padding:0.5rem 1.429rem;font-size:1rem;color:#222;}



/******************************* footer *******************************/

	#footer{clear:both;position:relative;z-index:10;width:100%;background:#f4f4f4;padding-bottom:100px;}
	#footer .footer-top{background:#fff;border-top:1px solid #e0e0e0;border-bottom:1px solid #e0e0e0;}
	#footer .footer-menu-select{display:none;}
	#footer .footer-menu{padding:20px 0;display:flex;align-items:center;justify-content:center;}
	#footer .footer-menu li{}
	.footer-top .footer-menu li a{padding:0 20px;position:relative;font-size:0.941rem;color:#131313;}
	.footer-top .footer-menu li a:after{content:'';position:absolute;top:7px;right:0px;width:1px;height:12px;background:#cacaca;}
	.footer-top .footer-menu li:first-child a{color:#5390cd;}
	.footer-top .footer-menu li a:hover{color:#ea5504;}
	.footer-bottom .footer-menu li a{padding:0 10px;color:#727171;font-size:0.941rem;position:relative;}
	.footer-bottom .footer-menu li a:hover{color:#131313;}
	#footer .footer-bottom{text-align:center;color:#727171;}
	.footer-bottom .footer-cs{display:inline-block;font-size:0.941rem;padding:10px 20px;margin:0 auto 20px auto;letter-spacing:0px;background:#444;color:#fff;border:1px solid #555;box-sizing:border-box;border-radius:0.28571429rem;}
	.footer-bottom .footer-cs br{display:none;}
	.footer-bottom .footer-cs span{padding:0 10px;}
	#footer address{font-size:0.875rem;max-width:850px;margin:0 auto;}
	#footer address span{padding:0 5px 0 10px;}
	#footer .copyright{font-size:0.765rem;color:#999;padding:10px 0 0 0;letter-spacing:0px;}

	.btnFixed{position:fixed;right:40px;bottom:0;z-index:121;}
	.btnFixed a{display:block;transition:all 1s ease;-webkit-transition:all 1s ease;-moz-transition:all 1s ease;-o-transition:all 1s ease;}
	.button-top{display:none;position:relative;width:50px;height:50px;margin:0 auto 40px;text-align:center;background:#fff;border:1px solid #e0e0e0;}
	.button-top i{color:#000;line-height:50px;}


	@media only screen and (max-width:991px){
	    .btnFixed{display:none;}
	}


	@media only screen and (max-width:767px){
	    #footer{padding-bottom:50px;}
	    #footer .footer-menu{padding:10px 0;}
		.footer-bottom .footer-cs{padding:7px 20px;margin:0 auto 10px auto;}
		.footer-bottom .footer-menu li a{padding:0 7px;}
	}

	@media only screen and (max-width:640px){
	    #footer .footer-menu{display:none;}
		#footer{background:#333;padding-bottom:30px;}
		#footer .footer-top{background:#333;border-top:1px solid #222;border-bottom:1px solid #222;}
		#footer .ui.dropdown.footer-menu-select .default.text{color:#aaa;}
		#footer .footer-menu-select{display:block;width:70%;margin:5px auto;background:#111;border:1px solid #111;}
		#footer .ui.fluid.dropdown > .dropdown.icon{color:#ea5504;}
		#footer .footer-menu-select{display:block;width:70%;margin:10px auto;}
		.footer-menu-select.ui.dropdown .menu{background:#222;}
		.footer-menu-select.ui.dropdown .menu > .item{border-top:1px solid #444;}
		.footer-menu-select.ui.dropdown .menu > .item > a{color:#aaa;}
		.footer-menu-select.ui.selection.active.dropdown .menu{border:#ea5504;}
		.footer-bottom .footer-cs{width:70%;}
		.footer-bottom .footer-cs br{display:block;}
	}

	@media only screen and (max-width:520px){
	}

	@media only screen and (max-width:480px){
		#footer .footer-top .footer-menu-select,#footer .footer-bottom .footer-menu-select.etc{width:100%;}
		.footer-bottom .footer-cs{width:100%;}
	}






/******************************* 00 *******************************/

/* Large Monitor */
@media only screen and (min-width:1200px) {
  .header-top .header-cont,.inner{width:1200px;margin-left:auto !important;margin-right:auto !important;}

}

/* Small Monitor */
@media only screen and (max-width:1199px) and (min-width:992px) {
  .header-top .header-cont,.inner{width:auto !important;margin-left:1em !important;margin-right:1em !important;}
  .header-menu ul li a{padding:0 0.882em;}


}


/* Tablet */
@media only screen and (max-width:991px) {

	.header-top .header-cont,.inner{width:auto !important;margin-left:1em !important;margin-right:1em !important;}
	.header-cont .top-menu,.header-cont .header-menu{display:none;}
	.header-top .top-logo,.header-top.on .top-logo{top:15px;width:113px;height:50px;}
	.header-top .top-logo a{background-size:113px 50px;}
	.header-top.on .top-logo a{background-size:113px 50px;}

	.header-top .top-name{
		position: absolute;
		right: 50px;
		top: 15px;
		font-size: 16px;
		background-color: #e5ebef;
		width: 140px;
		border-radius: 5px;
		text-align: center;
		height: 50px;
	}

	.header-top .xi-close {
		position: absolute;
		right: 5px;
		top: 3px;
		color: #777;
		background-color: transparent !important;
	  }
	
	.header-wrap .header-top{height:75px;}
	.header-top .header-right{top:10px;}
	body.scrolltop #header{height:75px;}
	body.scrolltop #mainVisual{margin-top:75px;}


	.header-top .header-right .side-button{display:none;}
	.header-right .mobile-sidemenu{display:block;width:50px;height:50px;text-align:center;background:#fff;}
	.header-right .mobile-sidemenu i{font-size:2.2em;color:#002d7a;}
	.header-right .mobile-sidemenu:hover i{color:#ff762c;}

	.mobile-menu-wrap.open{left:0px;opacity:1;transition-timing-function:cubic-bezier(0,0,0,1);}
	.header-wrap .mobile-menu-wrap{display:block;}
	.mobile-menu-wrap .mobile-menu-inner{}
	.mobile-menu-inner header{width:auto;margin-left:1em;margin-right:1em;}
	.mobile-menu-inner .top-logo{width:113px;height:50px;margin:10px 0 0 0;}
	.mobile-menu-inner .top-logo{display:block;overflow:hidden;background:url('../../../images/common/logo.png') no-repeat;background-size:113px 50px;text-indent:-999em;}
	.mobile-menu-inner .mobile-side-close{display:table;position:absolute;top:10px;right:10px;width:50px;height:50px;text-align:center;background:#ea5504;}
	.mobile-menu-inner .mobile-side-close i{display:table-cell;vertical-align:middle;color:#fff;font-size:2em;}
	.mobile-menu-inner .mobile-topmenu{position:relative;margin-top:10px;height:50px;}
	.mobile-menu-inner .mobile-topmenu02{position:relative;margin-top:0px;height:50px;}
	.mobile-menu-inner .mobile-topmenu03{position:relative;margin-top:0px;height:50px;}
	.mobile-menu-inner .mobile-topmenu04{position:relative;margin-top:0px;height:50px;}
	.mobile-menu-inner .mobile-topmenu05{position:relative;margin-top:0px;height:50px;}
	.mobile-menu-inner .top-name{
		position: absolute;
		right: 50px;
		top: 15px;
		font-size: 16px;
		background-color: #e5ebef;
		width: 140px;
		border-radius: 5px;
		text-align: center;
		height: 45px;
	}
	.mobile-topmenu ul{display:inline-block;width:100%;}
	.mobile-topmenu ul li{width:25%;float:left;display:table;height:50px;text-align:center;border-left:1px solid #dedede;border-top:1px solid #dedede;border-bottom:1px solid #dedede;}
	.mobile-topmenu ul li:first-child{border-left:none;}
	.mobile-topmenu ul li a{color:#555;display:table-cell;vertical-align:middle;background:#fafafa;}
	.mobile-topmenu ul li a i{padding-right:5px;}
	.mobile-topmenu ul li a:hover{background:#fff;color:#000;}

	.mobile-topmenu02 ul{display:inline-block;width:100%;}
	.mobile-topmenu02 ul li{width:25%;float:left;display:table;height:50px;text-align:center;border-left:1px solid #0665cb;border-top:1px solid #0665cb;border-bottom:1px solid #0665cb;}
	.mobile-topmenu02 ul li:first-child{border-left:none;}
	.mobile-topmenu02 ul li a{color:#fff;display:table-cell;vertical-align:middle;background:#0665cb;}
	.mobile-topmenu02 ul li a i{padding-right:5px;}
	.mobile-topmenu02 ul li a:hover{background:#0665cb;color:#fff;}

	.mobile-topmenu03 ul{display:inline-block;width:100%;}
	.mobile-topmenu03 ul li{width:50%;float:left;display:table;height:50px;text-align:center;border-left:1px solid #03ab1f;border-top:1px solid #03ab1f;border-bottom:1px solid #03ab1f;}
	.mobile-topmenu03 ul li:first-child{border-left:none;}
	.mobile-topmenu03 ul li a{color:#fff;display:table-cell;vertical-align:middle;background:#03ab1f;}
	.mobile-topmenu03 ul li a i{padding-right:5px;}
	.mobile-topmenu03 ul li a:hover{background:#03ab1f;color:#fff;}

	.mobile-topmenu04 ul{display:inline-block;width:100%;}
	.mobile-topmenu04 ul li{width:100%;float:left;display:table;height:50px;text-align:center;border-left:1px solid #f3c304;border-top:1px solid #f3c304;border-bottom:1px solid #f3c304;}
	.mobile-topmenu04 ul li:first-child{border-left:none;}
	.mobile-topmenu04 ul li a{color:#fff;display:table-cell;vertical-align:middle;background:#f3c304;}
	.mobile-topmenu04 ul li a i{padding-right:5px;}
	.mobile-topmenu43 ul li a:hover{background:#f3c304;color:#fff;}


	.mobile-topmenu05 ul{display:inline-block;width:100%;}
	.mobile-topmenu05 ul li{width:100%;float:left;display:table;height:50px;text-align:center;border-left:1px solid #046cf3;border-top:1px solid #046cf3;border-bottom:1px solid #046cf3;}
	.mobile-topmenu05 ul li:first-child{border-left:none;}
	.mobile-topmenu05 ul li a{color:#fff;display:table-cell;vertical-align:middle;background:#046cf3;}
	.mobile-topmenu05 ul li a i{padding-right:5px;}
	.mobile-topmenu05 ul li a:hover{background:#046cf3;color:#fff;}


	.mobile-menu-inner .mobile-gnb{}
	.mobile-gnb > div > ul{display:none;}


}


/* Mobile */
@media only screen and (max-width:640px) {
	.header-wrap .header-top{height:60px;}
	body.scrolltop #header{height:60px;}
	body.scrolltop #mainVisual{margin-top:60px;}
	.header-top .header-right{top:10px;}
	.header-top .top-logo,.header-top.on .top-logo{top:5px;}
	.header-right .mobile-sidemenu{width:40px;height:40px;}
	.mobile-menu-inner .top-logo{margin:5px 0 0 0;}	
	.header-top .top-name{
		position: absolute;
		right: 50px;
		top: 15px;
		font-size: 16px;
		background-color: #e5ebef;
		width: 140px;
		border-radius: 5px;
		text-align: center;
		height: 45px;
	}
	.header-top .top-qrcode{
		display:block;
		position: absolute;
		right: 200px;
		top: 15px;
		font-size: 16px;
		background-color: #24f5cc;
		width: 45px;
		border-radius: 50%;
		text-align: center;
		height: 45px;
	}

}ㄴ


@media only screen and (max-width:520px) {
	.header-top .top-logo,.header-top.on .top-logo{top:12px;width:82px;height:37px;}
	.header-top .top-logo a{background-size:82px 37px;}
	.mobile-menu-inner .top-logo{width:82px;height:37px;margin:10px 0 0 0;}
	.mobile-menu-inner .top-logo{background-size:82px 37px;}
	.mobile-menu-inner .mobile-topmenu{height:40px;}
	.mobile-menu-inner .mobile-topmenu02{height:40px;}
	.mobile-menu-inner .mobile-topmenu03{height:40px;}
	.mobile-topmenu ul li{height:40px;}
	.mobile-topmenu02 ul li{height:40px;}
	.mobile-topmenu03 ul li{height:40px;}
	body.scrolltop #header{height:50px;}
	body.scrolltop #mainVisual{margin-top:50px;}
	.header-top .header-right{top:12px;}
	.header-right .mobile-sidemenu{width:30px;height:30px;}
	.mobile-menu-inner .mobile-side-close{width:30px;height:30px;}
	.mobile-menu-inner .mobile-side-close i{font-size:1.5em;}
}

@media only screen and (max-width:480px) {
	.header-top .header-right{top:15px;}
}

/******************************* layout *******************************/

	.ui.container.contents-wrap{position:relative;z-index:100;margin:-50px 0 3em 0;background:#f5f8fb;border-radius:.28571429em;-webkit-border-radius:.28571429em;-moz-border-radius:.28571429em;}
	
	@media only screen and (max-width:991px){
		body.pushable > .pusher{background:#f5f8fb;min-height:auto;}
	}	



/******************************* top-contents *******************************/

	.ui.inverted.vertical.masthead.center.aligned.top-contents{position:relative;width:100%;height:200px;background:url('../../../images/myoffice/top-bg.jpg') repeat center top;z-index:100;}


	/* 상단 gnb */
	.ui.large.inverted.poiinting.menu.gnb-menu{margin:2em 0 0 0;float:right;position:relative;border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px;}
	.ui.large.inverted.poiinting.menu.gnb-menu .item{padding:0 5.5em;color:#dedede;line-height:45px;display:block;float:left;}
	.ui.large.inverted.poiinting.menu.gnb-menu .item:hover{color:#fff;background:#0e182d;background:-moz-linear-gradient(top, #0e182d 1%, #0b1d41 50%, #0e182d 50%, #000511 100%);background:-webkit-linear-gradient(top, #0e182d 1%,#0b1d41 50%,#0e182d 50%,#000511 100%);background:linear-gradient(to bottom, #0e182d 1%,#0b1d41 50%,#0e182d 50%,#000511 100%);filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#0e182d', endColorstr='#000511',GradientType=0 );}
	.ui.large.inverted.poiinting.menu.gnb-menu .toc.item{display:none;}
	.ui.large.inverted.poiinting.menu.gnb-menu .item:before{background:#26344f;}

	/* 상단오른쪽 메뉴 */
	.top-contents .ui.container.right-topmenu{position:relative;padding:0.5em 0 0 0;}
	.top-contents .right-m{display:none;}
	.right-topmenu .ui.list{position:absolute;right:0;}
	.right-topmenu .ui.list a{display:block;float:left;color:#9fbbdd;font-size:0.9em;padding:0 0.8em;}
	.right-topmenu .ui.list a:hover{color:#e6f1ff;}
	.right-topmenu .ui.list .item{position:relative;}
	.right-topmenu .ui.list .item:before{content:'';position:absolute;top:2px;left:0;width:1px;height:10px;background:#83a6ce;}
	.right-topmenu .ui.list .item:first-child:before{content:none;}


	/* 상단로고 */
	.header-contents{position:relative;}
	.top-contents .top-logo{position:absolute;top:30px;left:0;display:inline-block;}
	.top-contents .top-logo a{display:block;width:170px;}
	.top-contents .top-logo a img{width:100%;}

	/* 중간 고정메뉴 */
	.ui.top.fixed.menu.hidden.menu.fix-top-menu{display:none;}
	.ui.top.fixed.menu.menu.fix-top-menu .item{color:#555;}
	.ui.top.fixed.menu.menu.fix-top-menu .item:hover{color:#000;}
	.ui.top.fixed.menu.menu.fix-top-menu .item:before{background:#fafafa;}
	.ui.menu.fix-top-menu:not(.secondary):not(.text):not(.tabular):not(.borderless) > .container > .item:not(.right):not(.borderless):first-child{border-left:1px solid #dedede;}

	/* 모바일 상단 사용자정보 */
	.pusher .top-userinfo{display:none;}

	@media only screen and (max-width:1200px){
		.ui.large.inverted.poiinting.menu.gnb-menu .item{padding:0 4em;}
	}

	@media only screen and (max-width:1024px){
	}

	@media only screen and (max-width:991px){
	    .ui.inverted.vertical.masthead.center.aligned.top-contents{height:220px;}
		.ui.top.fixed.menu.menu.fix-top-menu{display:none !important;}
		.ui.inverted.vertical.masthead.center.aligned.top-contents{background:url('../../../images/myoffice/mobile-header-bg.png') repeat center top;background-size:100% 160px;}
		.top-contents .top-logo{display:inline-block;top:15px;left:50%;margin-left:-85px;}
		.ui.large.inverted.poiinting.menu.gnb-menu .item,.ui.large.inverted.poiinting.menu.gnb-menu .menu{display:none;}
		.ui.large.inverted.poiinting.menu.gnb-menu .item:before{background:none;}
		.ui.large.inverted.poiinting.menu.gnb-menu{float:left;background:none;margin:1em 0 0 0;}
		.ui.large.inverted.poiinting.menu.gnb-menu .toc.item{display:block;padding:0;}	
		.ui.large.inverted.poiinting.menu.gnb-menu .toc.item i{font-size:1.5em;}
		.ui.large.inverted.poiinting.menu.gnb-menu .toc.item:hover{background:none;color:#fff;}
		.ui.large.inverted.poiinting.menu.gnb-menu .item{line-height:40px;}
		.top-contents .right-m{position:absolute;top:1.8em;right:0;display:inline-block;}
		.top-contents .right-m a{display:block;}
		.top-contents .right-m a .icon{color:rgba(255,255,255,0.9);font-size:1.5em;}

		/* 반응형 왼쪽메뉴 */
		.ui.sidebar.left{background:#eaf2fa;}
		.sidebar .sidebar-header{position:relative;background:#041a3e;padding:0.92857143em 1.14285714em;}
		.sidebar .sidebar-header .ui.header{color:#fff;font-weight:normal;}
		.sidebar .sidebar-header .ui.header > .ui.label{color:#fff;margin-top:0;padding:0.3em 0.5em;}
		.top-contents .ui.container.right-topmenu{display:none;}
		.sidebar .sidebar-topmenu{background:#fff;}
		.sidebar .sidebar-topmenu .ui.labeled.icon.menu .item{width:33.33%;min-width:33.33%;border-left:1px solid #eaf2fa;}
		.sidebar .sidebar-topmenu .ui.labeled.icon.menu .item:first-child{border-left:0;}
		.sidebar .sidebar-topmenu .ui.labeled.icon.menu .item .bg-icon{display:table;width:3em;height:3em;border-radius:50%;background:#041a3e;text-align:center;margin-bottom:0.5em;}
		.sidebar .sidebar-topmenu .ui.labeled.icon.menu .item .bg-icon i{display:table-cell;vertical-align:middle;color:#b4bac4;font-size:1.2em;}
		.sidebar .sidebar-topmenu .ui.labeled.icon.menu .item:hover .bg-icon i{color:#fff;}
		.ui.left.sidebar{width:80%;}
		.ui.visible.left.sidebar ~ .fixed,.ui.visible.left.sidebar ~ .pusher{-webkit-transform:translate3d(80%, 0, 0);transform:translate3d(80%, 0, 0);}
		.sidebar .accordion-gnb{position:relative;}
		.sidebar .accordion-gnb .ui.styled.accordion{background:#eaf2fa;}
		.sidebar .accordion-gnb .ui.styled.accordion .title{font-size:1.1em;color:#333;background:#f9fbfe;border-bottom:1px solid #adb5bd;margin-top:5px;}
		.sidebar .accordion-gnb .ui.styled.accordion .title:hover{background:#fff;}
		.sidebar .accordion-gnb .ui.styled.accordion .dropdown.icon{float:right;color:#a7001b;}
		.sidebar .accordion-gnb .content.submenu-list{margin:0;padding:0;border-top:1px solid #adb5bd;}
		.sidebar .accordion-gnb .content.submenu-list .ui.list .item{display:block;border-bottom:1px solid #ecf0f7;background:#d9e1f0;padding:0.7em 1.2em;color:#333;}
		.sidebar .accordion-gnb .content.submenu-list .ui.list .item:hover{background:#adbcd7;color:#fff;}

		/* 모바일 상단 사용자정보 */
		.header-contents{height:75px;display:block;border-bottom:1px solid rgba(255,255,255,0.2);}
		.pusher .top-userinfo{display:inline-block;width:100%;padding:1.2em 0 1em 0;background:rgba(255,255,255,0.1);}
		.top-userinfo .user-name{float:left;color:#fff;font-weight:normal;font-size:1.5em;}
		.top-userinfo .user-name span{font-size:0.9em;padding-left:0.5em;}
		.top-userinfo .top-ticker{float:right;height:30px;overflow:hidden;}
		.top-userinfo .top-ticker li{float:none;height:30px;color:#fff;text-align:right;}
		.top-ticker .ticker-title{display:inline-block;height:20px;padding:0 7px;background:rgba(255,255,255,0.3);font-size:0.85em;border-radius:3px;text-align:center;}
		.top-ticker .ticker-amount{font-size:1.8em;padding:0 0.3em 0 0.5em;vertical-align:middle;}
		.top-ticker .ticker-unit{font-size:1.1em;}
	}

	@media only screen and (max-width:767px){
	    .header-contents{height:60px;}
	    .top-contents .top-logo{width:120px;margin-left:-60px;}
		.top-contents .top-logo a{width:120px;}
		.ui.large.inverted.poiinting.menu.gnb-menu{margin:0.5em 0 0 0;}
	    .sidebar .sidebar-topmenu .ui.labeled.icon.menu .item{font-size:0.857em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-align:justify;}
		.top-userinfo .user-name{font-size:1.286em;}
	}



/******************************* contents-box *******************************/

    .contents-box,.popup-wrap .contents-box, .form-search-box{padding:1.2em;border:1px solid #d5dee7;background:#fff;overflow:hidden;box-sizing:border-box;border-radius:.28571429em;-webkit-border-radius:.28571429em;-moz-border-radius:.28571429em;}
	.form-search-box{margin-top:1em;}

	@media only screen and (max-width:991px){
	    .contents-box,.popup-wrap .contents-box, .form-search-box{padding:1em;}
		.contents-box.mm-box{padding:0.5em 1em;}
		.contents-box, .form-search-box{width:100%;box-shadow:2px 2px 2px 0 rgba(0,0,0,0.11);-webkit-box-shadow:2px 2px 2px 0 rgba(0,0,0,0.11);}
		.form-search-box{margin-top:0.5em;}
	}



/******************************* footer *******************************/

	/* go-top */
	.go-top{display:block;position:fixed;z-index:8888;bottom:-40px;right:20px;transition:all 1s ease;-webkit-transition:all 1s ease;-moz-transition:all 1s ease;-o-transition:all 1s ease;}
	.go-top span{display:table;width:50px;height:50px;text-align:center;background:#2473bb;border-radius:50%;-moz-border-radius:50%;-webkit-border-radius:50%;}
	.go-top span i{display:table-cell;vertical-align:middle;font-size:24px;color:#d4e3f1;}
	.go-top.show{bottom:20px;}
	.go-top span:hover{background:#1d619f;}.go-top span i:hover{color:#FFF;}

	.footer{clear:both;position:relative;background:#061a3c;padding:1em 0 2em 0;}
	.footer .footer-menu{border-bottom:1px solid #2c3b54;padding:0.5em 0;}
	.footer .footer-menu .ui.container .ui.list{position:relative;display:inline-block;}
	.footer .footer-menu .ui.list .item{float:left;padding:0 0.5em;font-size:0.87em;color:#838d9e;border-left:1px solid #515f77;}
	.footer .footer-menu .ui.list .item:hover{color:#fff;}
	.footer .footer-menu .ui.list .item:first-child{border-left:none;}
	.footer .footer-menu .ui.container .direct-banner{position:absolute;top:-0.5em;right:0;}
	.footer .ui.container.copyright p{padding-top:1em;text-align:center;font-weight:bold;color:#44587b;font-size:0.7em;text-transform:uppercase;letter-spacing:1px;}

	@media only screen and (max-width:1200px){
		.footer{text-align:center;}
		.footer .footer-menu .ui.container .direct-banner{display:none;}
	}

	@media only screen and (max-width:991px){
	}

	@media only screen and (max-width:767px){
	}

	@media only screen and (min-width:320px) and (max-width:767px){
	}



/******************************* popup *******************************/

	.popup-wrap{display:none;min-width:280px;float:left;position:fixed;top:35%;left:50%;z-index:9999;background:#fff;border-radius:0.5em;border:none;-webkit-box-shadow:1px 3px 3px 0px rgba(0, 0, 0, 0.2), 1px 3px 15px 2px rgba(0, 0, 0, 0.2);box-shadow:1px 3px 3px 0px rgba(0, 0, 0, 0.2), 1px 3px 15px 2px rgba(0, 0, 0, 0.2);-webkit-transform-origin:50% 25%;transform-origin:50% 25%;-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;}
	#fade{display:none;background:#000;position:fixed;left:0;top:0;width:100%;height:100%;opacity:.70;z-index:9998;}
	.popup-wrap .header{background:url('../../../images/myoffice/top-bg.jpg') repeat center top;height:60px;z-index:100;border-radius:0.5em 0.5em 0 0;}
	.popup-wrap .header h4{color:#fff;font-weight:normal;font-size:1.429em;padding:1em 2em;}
	.popup-wrap .header .ui.button{position:absolute;top:1em;right:1em;border:none;background:transparent;display:table;text-align:center;padding:0.5em;}
	.popup-wrap .header .ui.button i{font-size:1.786em;display:table-cell;vertical-align:middle;color:rgba(255,255,255,0.7);}
	.popup-wrap .header .ui.button:hover i{color:rgba(255,255,255,1);}
	.popup-wrap .content{background:#f5f8fb;padding:1em 1em 1.5em 1em;border-radius:0 0 0.5em 0.5em;}
	.popup-wrap .content h5{font-size:1em;font-weight:normal;}

	.form-wrap{position:relative;}
	.form-wrap dl{overflow:hidden;padding:8px 5px;margin:0;border-bottom:1px solid #eee;font-size:1em;}
	.form-wrap dl dt{float:left;width:25%;line-height:33px;}
	.form-wrap dl dd{float:right;width:75%;text-overflow:clip;margin:0;}


	.form-wrap02 {position:relative;}
	.form-wrap02 dl{overflow:hidden;padding:5px 5px;margin:0;border-bottom:0px solid #eee;font-size:0.9em;background-color: #f9f9f9;}
	.form-wrap02 dl dt{float:left;width:50%;line-height:33px;}
	.form-wrap02 dl dd{float:right;width:50%;text-overflow:clip;margin:0;line-height:33px;}


	.ui.form ::-webkit-datetime-edit,.ui.form ::-webkit-inner-spin-button{height:1.21428571em;}
	.ui.form input:not([type]),.ui.form input[type="date"],.ui.form input[type="datetime-local"],.ui.form input[type="email"],.ui.form input[type="number"],.ui.form input[type="password"],.ui.form input[type="search"],.ui.form input[type="tel"],.ui.form input[type="time"],.ui.form input[type="text"],.ui.form input[type="file"],.ui.form input[type="url"] 
	{font-family:'NotoR','Apple-Gothic','애플고딕','Malgun Gothic','Droid Sans', 'Tahoma', 'dotum', '돋움','gulim','굴림',sans-serif;min-height:33px;padding:0.5em;font-size:1em;background:#fff;border:1px solid #dedede;color:#555;margin:0em;outline:none;-webkit-appearance:none;tap-highlight-color:#000;line-height:1.21428571em;border-radius:0.28571429rem;-webkit-box-shadow:0em 0em 0em 0em transparent inset;box-shadow:0em 0em 0em 0em transparent inset;-webkit-transition:color 0.1s ease, border-color 0.1s ease;transition:color 0.1s ease, border-color 0.1s ease;}
	.ui.form textarea{padding:0.5em;color:#555;border:1px solid #dedede;background:#fff;font-size:1em;line-height:1.2857;margin:0em;-webkit-appearance:none;tap-highlight-color:rgba(255, 255, 255, 0);outline:none;border-radius:0.28571429rem;-webkit-box-shadow: 0em 0em 0em 0em transparent inset;box-shadow:0em 0em 0em 0em transparent inset;-webkit-transition:color 0.1s ease, border-color 0.1s ease;transition:color 0.1s ease, border-color 0.1s ease;resize:vertical;}
	.ui.form select{padding:0.5em;color:#555;border:1px solid #dedede;font-size:1em;line-height:1.2857;display:block;height:auto;width:100%;border-radius:0.28571429em;-webkit-box-shadow:0em 0em 0em 0em transparent inset;box-shadow:0em 0em 0em 0em transparent inset;-webkit-transition:color 0.1s ease, border-color 0.1s ease;transition:color 0.1s ease, border-color 0.1s ease;}


	.ui.form02 ::-webkit-datetime-edit,.ui.form02 ::-webkit-inner-spin-button{height:1.21428571em;}
	.ui.form02 input:not([type]),.ui.form02 input[type="date"],.ui.form02 input[type="datetime-local"],.ui.form02 input[type="email"],.ui.form02 input[type="number"],.ui.form02 input[type="password"],.ui.form02 input[type="search"],.ui.form02 input[type="tel"],.ui.form02 input[type="time"],.ui.form02 input[type="text"],.ui.form02 input[type="file"],.ui.form02 input[type="url"] 
	{font-family:'NotoR','Apple-Gothic','애플고딕','Malgun Gothic','Droid Sans', 'Tahoma', 'dotum', '돋움','gulim','굴림',sans-serif;min-height:33px;padding:0.5em;font-size:1em;background:#fff;border:1px solid #dedede;color:#555;margin:0em;outline:none;-webkit-appearance:none;tap-highlight-color:#000;line-height:1.21428571em;border-radius:0.28571429rem;-webkit-box-shadow:0em 0em 0em 0em transparent inset;box-shadow:0em 0em 0em 0em transparent inset;-webkit-transition:color 0.1s ease, border-color 0.1s ease;transition:color 0.1s ease, border-color 0.1s ease;}
	.ui.form02 textarea{padding:0.5em;color:#555;border:1px solid #dedede;background:#fff;font-size:1em;line-height:1.2857;margin:0em;-webkit-appearance:none;tap-highlight-color:rgba(255, 255, 255, 0);outline:none;border-radius:0.28571429rem;-webkit-box-shadow: 0em 0em 0em 0em transparent inset;box-shadow:0em 0em 0em 0em transparent inset;-webkit-transition:color 0.1s ease, border-color 0.1s ease;transition:color 0.1s ease, border-color 0.1s ease;resize:vertical;}
	.ui.form02 select{padding:0.5em;color:#555;border:1px solid #dedede;font-size:1em;line-height:1.2857;display:block;height:auto;width:100%;border-radius:0.28571429em;-webkit-box-shadow:0em 0em 0em 0em transparent inset;box-shadow:0em 0em 0em 0em transparent inset;-webkit-transition:color 0.1s ease, border-color 0.1s ease;transition:color 0.1s ease, border-color 0.1s ease;}

	@media only screen and (max-width:480px){
	    .popup-wrap{min-width:300px;}
		.popup-wrap{width:340px;}
		.popup-wrap .header h4{font-size:1.500em;padding:1em 1em;}
	}

	@media only screen and (max-width:360px){
	    .popup-wrap{min-width:280px;}
	}




/******************************* paging *******************************/ 

	.paging-wrap {position:relative;margin:20px 0 0 0;}
	.paging-wrap ul{overflow:hidden;}
	.paging-wrap ul li{float:left;}
	.paging-wrap ul li.page-select{width:20%}
	.paging-wrap ul li.page-select dl{position:relative;}
	.paging-wrap ul li.page-select dl dt{position:absolute;top:0;left:0;width:80px;margin-top:0;line-height:32px;color:#999;font-size:0.9rem;}
	.paging-wrap ul li.page-select dl dd{position:relative;display:inline-block;width:50px;height:35px;margin-left:80px;color:#666;word-wrap:break-word;}
	.paging-wrap ul li.paging-area{width:60%;}
	.paging-wrap ul li.total{float:right;width:20%}
	.paging-wrap .table-total{text-align:right;color:#777;line-height:32px;font-size:0.824rem;}
	.paging-wrap .table-total span{color:#333;padding:0 5px;font-weight:600;}
	.paging-wrap ul li.paging-area .paging{height:32px;}
	.paging-wrap ul li.paging-area .paging *{/* vertical-align: baseline; */}
	.paging-wrap .paging ul li{line-height:28px;display:inline-block;font-size:12px;}

	.paging-wrap .paging{position:relative;z-index:9;height:22px;margin:20px auto 0;text-align:center;}
	.paging-wrap .paging * {vertical-align:middle;}
	.paging-wrap .paging ul {padding-right:12px;display:inline-block;}
	.paging-wrap .paging ul li {display:inline-block;float:none!important;padding:0 3px;line-height:23px;font-size:12px;}
	.paging-wrap .paging ul li a, .paging ul li strong {display:inline-block;font-weight:normal;width:25px;border:1px solid #ddd;color:#555;}
	.paging-wrap .paging ul li strong a, .paging ul li strong{color:#000;width:25px;border:1px solid #777;}
	.paging-wrap .paging .prev, .paging-wrap .paging .next, .paging-wrap .paging .first, .paging-wrap .paging .last{display:inline-block;height:25px;font:normal 11px/23px dotum;color:#848484;border:1px solid #ddd;line-height:23px; text-align:center;font-size:10px;}
	.paging-wrap .paging .prev, .paging-wrap .paging .first{}
	.paging-wrap .paging .page{position:absolute;top:5px;right:0;font-size:11px;color:#848484;}
	.paging-wrap .paging .next, .paging-wrap .paging .last{}
	.paging-wrap .paging .first:before{content:'\003C\003C';}
	.paging-wrap .paging .prev:before{content:'\003C';}
	.paging-wrap .paging .next:after{content:'\003E';}
	.paging-wrap .paging .last:after{content:'\003E\003E';}
	.paging-wrap .paging .prev:before,.paging-wrap .paging .first:before{padding-right:0;}
	.paging-wrap .paging .next:after,.paging-wrap .paging .last:after{padding-left:0;}

	
	@media only screen and (max-width:640px){
	    .paging-wrap{margin:0 auto;}
	    .paging-wrap ul li.page-select,.paging-wrap ul li.total{display:none;}
		.paging-wrap ul li.paging-area{width:100%;float:none;margin:0 auto;}
	}	


    /*로딩 이미지*/
	.loadingbar-wrapper {
		display: none; 
		width: 100%; 
		height: 100%; 
		position: fixed; 
		left: 0; 
		top: 0; 
		background-color: rgba(0, 0, 0,0.5);
		-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; 
		filter: alpha(opacity=50); 
		zoom: 1; 
		z-index: 9998; 		
	 }
	* html .loadingbar-wrapper { position: absolute; }
	* html .loadingbar { position: absolute; }
	
	.loadingbar{
		display: none; 
		color:#5474b3;
		position: fixed; 
		top: 50%; 
		left: 50%; 
		/*margin-left:-70px;*/
		/*margin-left:-90px;*/
		margin-left:-50px;
		margin-top:-50px;		
		font-weight:bold;
		background: #fff; 
		border:2px solid #3366CC;
		/*padding:20px 25px 20px 80px;*/
		padding:20px 20px 20px 20px;
		z-index: 9999; 
		/*background:#fff url('../../../images/common/ajax-loader.gif') no-repeat 15px center;*/
		background:#fff url('../../../images/common/ajax-loader.gif') no-repeat 20px center;
		border-radius: 20px;
	}

/*toast */
.toast {display: none;overflow: hidden;position: fixed;bottom: 75px;width: 100%;height:100px;z-index:1100;padding:10px 10px;justify-content: center;align-items : center;}
.toast .toast_message{
	position: absolute;
	/*right: 50px;*/
	top: 15px;
	font-size: 16px;
	background-color: #b5dcf7;
	border:1px solid #000000;
	width: 80%;
	border-radius: 5px;
	text-align: center;
	padding:10px;
}

.toast .xi-close {
	position: absolute;
	right: 5px;
	top: 3px;
	color: #777;
	background-color: transparent !important;
 }


 /*float button*/

 .float-button {
	text-decoration: none;
	position: fixed;
	padding: 10px;
	padding-right: 15px;
	bottom: 30px;
	right: 30px;
	color: #fff;
	background-color:#25D366;
	border-radius: 25px 30px 5px 25px;
	z-index: 100;
	font-family: Arial;
	font-size: 17px;
	animation: whatsapp-animation 0.5s ease-in-out;
	box-shadow: 1px 2px 5px 2px rgba(30,30,30,0.3);
	transition:all 0.3s ease-out;
}

.float-button:hover {
	 background-color: #128C7E;
	  color: #fff;
}

.fa-qrcode {
	font-size: 20px !important;
	padding-right: 5px;
	padding-left: 5px;
}

@keyframes whatsapp-animation {
	from {
		opacity: 0%;
	}

	to {
		opacity: 100%
	}
}

@media screen and (max-width: 545px) {
	.float-button span {
		display: none;
	}

	.float-button {
		bottom: 215px;
		right: 15px;
		width: 50px;
		border-radius: 20px 20px 5px 20px;
	}

	.fa-qrcode {
		font-size: 22px !important;
		padding: 4px;
	}
}

/*float mult*/
/*
body, html {
	padding: 0;
	margin: 0;
	height: 100%;
	width: 100%;
  }
  body {
	background-image: url("https://images.unsplash.com/photo-1508252568242-e0f383f753d6?ixlib=rb-0.3.5&ixid=eyJhcHBfaWQiOjEyMDd9&s=8d76717fa5297f4a098873dc4b36346b&auto=format&fit=crop&w=1950&q=80");
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
  }
  */
  .float-button-container {
	position: absolute;
	right: 20px;
	bottom: 20px;
	height: 100px;
	width: 100px;
	cursor: pointer;
  }
  .open-button {
	position: absolute;
	background: #0fa;
	height: 100px;
	width: 100px;
	bottom: 0;
	transform: scale(0.8, 0.8);
	border-radius: 100px;
	z-index: 999;
	transition: all 0.3s cubic-bezier(0.68, -0.55, 0.265, 1.55);
  }
  .open-button:before, .item01:before, .item02:before, .item03:before, .item04:before {
	position: absolute;
	font-family: "FontAwesome";
	font-size: 2rem;
	top: 50%;
	left: 50%;
	color: black;
	transform: translate(-50%, -50%);
  }
  .open-button:before {
	content: "\f0c9";
  }
  .item01:before {
	content: "\f013";
  }
  .item02:before {
	content: "\f0f3";
  }
  .item03:before {
	content: "\f002";
  }
  .item04:before {
	content: "\f2c0";
  }
  .item01, .item02, .item03, .item04 {
	position: absolute;
	background: #fff;
	height: 100px;
	width: 100px;
	border-radius: 100px;
	bottom: 0;
	transform: scale(0.4, 0.4);
	transition: all 0.3s cubic-bezier(0.68, -0.15, 0.265, 1.15);
  }
  .item01:hover, .item02:hover, .item03:hover, .item04:hover {
	background: #0fa;
  }
  .float-button-container:hover {
	height: 100%;
  }
  .float-button-container:hover .open-button {
	transform: scale(1, 1);
  }
  .float-button-container:hover .item01,
  .float-button-container:hover .item02,
  .float-button-container:hover .item03,
  .float-button-container:hover .item04 {
	transform: scale(0.6, 0.6);
  }
  .float-button-container:hover .item01 {
	bottom: 90px;
  }
  .float-button-container:hover .item02 {
	bottom: 160px;
  }
  .float-button-container:hover .item03 {
	bottom: 230px;
  }
  .float-button-container:hover .item04 {
	bottom: 300px;
  }