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


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

	/* common */
	body.office,body.office table,.subvis-wrap.myoffice,.office-main{font-size:14px;line-height:1.3;}
	.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:'Open+Sans','serif';letter-spacing:0;}
	.eng-strong{font-family:'Open+Sans','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;}
	.uppercase{text-transform:uppercase !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%;}
	.in-left{display:inline-block;}
	.in-flex,.dis-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.each-padding li{padding-right:4px;}
	.fl-left li,.in-left li{float:left;}
	.fl-left.two-li li,.in-left.two-li li{width:50% !important;}
	.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;}

	/* btn */
	.basic{display:inline-block;font-size:1em;line-height:1.1;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;}

	/* 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;}
	.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,.mglr5{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-orange{background:#ea5504 !important;color:#fff !important;}.bg-orange:hover{background:#c24400 !important;color:#fff !important;}
	.line-orange{border:2px solid #ea5504 !important;background:#fff !important;color:#ea5504 !important;}.line-orange:hover{border:2px solid #ea5504 !important;background:#ea5504 !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:#ea5504 !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{width:calc(100% - 100px);position:relative;margin:0 auto;height:100%;max-width:1775px;}
	.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.png') 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.png') no-repeat;background-size:132px 60px;text-indent:-999em;}

	.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:13px;text-transform:uppercase;}
	.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 .ui.menu{display:flex;display:-webkit-flex;z-index:1;align-items:center;justify-content:center;border:none;box-shadow:none;border-radius:0;}
	.header-menu .ui.menu .item{font-size:1.059rem;padding:0 1.765em;display:block;height:50px;color:#333;font-weight:600;text-transform:uppercase;}
	.header-menu .ui.menu .item.ui.gnb.dropdown a{color:#000;}
	.header-menu .ui.menu .active.item,.header-menu .ui.menu .item:hover{background:none;}
	.header-menu .ui.menu .active.item.ui.gnb.dropdown > a{color:#ea5504;}
	.header-menu .ui.menu .item:before{content:none;}
	.header-menu .ui.menu .ui.dropdown .menu{border-top:none;}
	.header-menu .ui.menu .ui.dropdown .menu > .item{height:auto;font-size:0.941rem !important;}

	.header-top .header-right{position:absolute;top:45px;right:0;z-index:10;box-sizing:border-box;}
	.header-top .header-right .select-flag{float:left;width:180px;height:40px;z-index:100;margin-right:40px;}
	.select-flag .ui.selection.dropdown{background:#000e3f;border:1px solid #000e3f;font-size:0.875em;color:#fff;text-transform:uppercase;border-radius:20px;}
	.select-flag .ui.fluid.dropdown > .dropdown.icon{color:#ff9a2e;}
	.select-flag .ui.dropdown .menu{background:#000e3f;}
	.select-flag .ui.selection.dropdown .menu > .item{border-top:1px solid #081c63;color:rgba(191, 191, 191, 0.87);text-transform:uppercase;font-size:0.875em;}
	.header-top .header-right .right-allmenu{display:block;float:left;}
	.right-allmenu .side-button i{font-size:2.222em;color:#333;}
	.right-allmenu .side-button:hover i{color:#ff762c;}

	@media only screen and (max-width:1200px){
	    .header-top .header-right .select-flag{display:none;}
		.header-top .header-cont{width:calc(100% - 30px);}
	}

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

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



/******************************* 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-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%;}
	#footer .footer-topbg{width:100%;height:180px;background:#fff url('../../../images/site/common/footer-top.png') no-repeat center top;}
	#footer .footer-inner{line-height:1.5;background:#000e3f;color:#fff;}
	.footer-inner h3{display:block;margin:30px 0 15px 0;font-size:16px;font-weight:600;text-transform:uppercase;}
	.footer-inner p{font-size:14px;color:rgba(255,255,255,0.7);}
	.footer-inner .footer-left{width:30%;padding-right:70px;}
	.footer-left .footer-contact .item{width:100%;color:rgba(255,255,255,0.7);}
	.footer-left .footer-sns{margin:20px 0 0 0;display:inline-block;}
	.footer-left .footer-sns li{float:left;width:25%;}
	.footer-left .footer-sns li a{width:40px;height:40px;margin-right:10px;border-radius:5px;background:#29355e;text-align:center;display:table;}
	.footer-left .footer-sns li a i{display:table-cell;vertical-align:middle;color:rgba(255,255,255,0.5);}
	.footer-left .footer-sns li a:hover{background:#414d78;}
	.footer-inner .footer-right{width:70%;}
	.footer-inner .footer-right .in-flex .footer-menu{padding:0 30px 0 0;}
	.footer-right .in-flex .footer-menu ul li{margin:0 0 10px 0;}
	.footer-right .in-flex .footer-menu ul li a{font-size:14px;line-height:1;color:rgba(255,255,255,0.5);}
	.footer-right .in-flex .footer-menu ul li a:hover{color:rgba(255,255,255,0.9);}
	.footer-inner .footer-bottom{padding:50px 0;margin:70px 0 0 0;text-align:left;border-top:1px solid rgba(255,255,255,0.22);}


	.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;}
	    #footer .footer-menu{display:none;}
		#footer .dis-flex,#footer .in-flex{display:inline-block !important;}
		.footer-inner .footer-left{width:100%;padding-right:0;}
		.footer-inner .footer-right{display:none;}
		.footer-inner p{font-size:13px;}
	}


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

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

	@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 (max-width:1200px) {
}


/* Small Monitor */
@media only screen and (max-width:1199px){ 
  .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-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-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-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-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;}
}


@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-topmenu 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:480px;float:left;position:fixed;top:50%;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:2em 2em 2.5em 2em;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%;}
	.form-wrap dl dd{float:right;width:75%;text-overflow:clip;margin:0;}


	.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;}

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

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




/******************************* 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:1.2;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;}
	}	




