@charset "utf-8";
@import url('../common/web.reset.css');


	
/*******************************  layout-common  *******************************/

	.skip-nav{position:absolute;top:-100px;z-index:2000;width:100%;background:#333;height:60px;border-bottom:1px solid #666;text-align:center;line-height:60px;color:#fff;font-size:1em;}

	[lang="en"],.eng{font-family:'Roboto',sans-serif !important;letter-spacing:0px !important;}
	.font-m{font-family:'NotoM';}
	strong,.strong{font-weight:700 !important;}
	.t-center{text-align:center !important;}
	.t-left{text-align:left !important;}
	.t-right{text-align:right !important;}
	.four-li,.three-li,.two-li{display:inline-block;width:100%;}
	.two-li li{float:left;width:50%;}
	.four-li li{float:left;width:25%;}
	.three-li li{float:left;width:33.33%;}
	.disblock{display:block !important;}
	.mgt10{margin-top:10px !important;}.mgt20{margin-top:20px !important;}
	.need_br{display:none;}

	#site-wrapper{width:100%;min-width:1300px;}
	.cont-inner{width:1300px;margin:0 auto;}
	.scroll-top{position:fixed;width:60px;height:60px;right:40px;bottom:30px;display:none;opacity:0;}
	.scroll-top span{display:inline-block;width:100%;height:100%;text-align:center;line-height:60px;background:#333;}
	.scroll-top span i{color:#fff;font-size:1.3em;margin:0;padding:0;}
	.scroll-top:hover span{background:#000;}

	.main h1,.main h2,.main h3,.main h4,.main h5,.main h6,.main p{line-height:1.5;margin:0;padding:0;font-weight:normal;letter-spacing:-0.03em;word-break:keep-all;}
	.main h2{font-size:3.125em;}/* 50px */
	.main h3{font-size:2.5em;}/* 40px */
	.main h4{font-size:1.875em;}/* 30px */
	.main h5{font-size:1.250em;}/* 20px */
	.main h6{font-size:1.063em;}/* 17px */
	.main p{font-size:1em;}/* 16px */

	.co-red{color:#d22441 !important;}
	.co-purple{color:#626ed4 !important;}
	.co-green{color:#43992f !important;}
	.co-blue{color:#0687c6 !important;}
	.co-white{color:#fff !important;}
	.co-black{color:#000 !important;}
	.bg-logo{background:#004098 !important;color:#fff !important;}.bg-logo:hover{background:#012a62 !important;color:#fff !important;}
	.bg-point01{background:#ff6f00 !important;color:#fff !important;}.bg-point01:hover{background:#e66400 !important;}
	.bg-point02{background:#2695c2 !important;color:#fff;}.bg-point02:hover{background:#1782ae;}

	.logo-title{padding:50px 0 0 0;position:relative;text-align:center;}
	.logo-title:before{content:'';position:absolute;top:0px;left:50%;margin-left:-15px;width:30px;height:30px;background:url('../../../images/site/common/logo-icon.png') no-repeat top center;background-size:30px 30px;}
	.logo-title h3,.logo-title h6{line-height:1.2em;}
	.logo-title h3{font-weight:700;color:#11121f;text-transform:uppercase;}
	.logo-title h6{font-weight:300;color:#212437;}
	.logo-title.board{padding:50px 0 50px 0;}


	@media screen and (max-width:1680px){

	}


	@media screen and (max-width:1280px){
		#site-wrapper{min-width:100%;}
		.cont-inner{width:auto;margin-left:1em !important;margin-right:1em !important;}

	}

	@media screen and (max-width:1024px){
		.logo-title{padding:30px 0 0 0;}
		.logo-title:before{margin-left:-12px;width:24px;height:24px;background-size:24px 24px;}
		.logo-title h3{font-size:33px;}
		.logo-title h6{font-size:15px;padding-top:5px;}
	    .need_br{display:block;}
	}

	@media screen and (max-width:768px){
		.scroll-top{display:none !important;}
	}

	@media screen and (max-width:520px){
		.logo-title h3{font-size:24px;}
		.logo-title h6{font-size:14px;}
	}



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

	.header{width:100%;position:absolute;top:0;left:0;z-index:4;height:190px;overflow:visible;background:url('../../../images/site/common/header-off-bg.png') repeat;}
	.header .header-top{height:40px;border-bottom:1px solid rgba(255,255,255,0.11);}
	.header-top .top-utill{}
	.top-utill a{padding:0 10px;font-size:0.875em;color:#aaa;line-height:40px;position:relative;}
	.top-utill a:before{content:'';position:absolute;top:7px;left:0px;width:1px;height:10px;background:rgba(255,255,255,0.22);}
	.top-utill a:first-child:before{content:none;}
	.top-utill a i.icon{font-size:1.2em;color:#fff;}
	.header-top .top-utill.left{float:left;}
	.header-top .top-utill.right{float:right;}
	.header-top .top-utill [data-tooltip]:before{background:#43992f;-webkit-box-shadow:1px 1px 0px 0px #43992f;box-shadow:1px 1px 0px 0px #43992f;}
	.header-top .top-utill [data-tooltip]:after{background:#43992f;border:1px solid #43992f;color:#fff;}



	.header.on .header-top{border-bottom:1px solid #dedede;}
	.header.on .top-utill a{color:#888;}
	.header.on .top-utill a:before{background:#dedede;}
	.header.on .top-utill a:hover{color:#333;}
	.header.on .top-utill a i.icon{color:#333;}
	.header.on{z-index:77;}

	.header .top-logo{height:100px;margin:0;}
	.header .top-logo a{width:120px;height:60px;margin:0 auto;padding:18px 0 0 0;display:block;}
	.header .top-logo a img{width:100%;}
	.top-logo a .normal-logo{display:block;}
	.top-logo a .on-logo{display:none;}

	.top-logo a.on .normal-logo{display:none;}
	.top-logo a.on .on-logo{display:block;}

	.gnb-wrap{height:50px;border-top:1px solid rgba(255,255,255,0.11);border-bottom:1px solid rgba(255,255,255,0.11);}
	.header.on .gnb-wrap{border-top:1px solid #dedede;border-bottom:1px solid #dedede;}
	.gnb-wrap nav{z-index:100;position:relative;display:inline-block;width:100%;text-align:center;}
	nav ul{width:1000px;margin:0 auto;}
	nav.hover{}
	nav li{float:left;width:20%;text-align:center;}
	nav .one-depth{height:50px;line-height:50px;display:block;color:#fff;font-size:1em;}
	nav.hover .one-depth{color:#000;}
	nav .one-depth.hover{color:#0068b7;position:relative;}
	nav .one-depth.hover:after{content:'';position:absolute;bottom:0px;left:0px;right:0px;width:100%;height:3px;background:#0068b7;}
	nav .two-depth{display:none;z-index:1;padding-top:30px;width:100%;height:270px;box-sizing:border-box;}
	nav.on .two-depth{display:block;}
	nav .two-depth a{display:block;color:#555;margin-bottom:14px;}
	nav .two-depth a.on{color:#0068b7}

	.m-header,.m-menu-wrap{display:none;}


	@media screen and (max-width:1680px){

	}


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


	@media screen and (max-width:1024px){
	    #site-wrapper .header,#site-wrapper .header .header-inner{display:none;}
		/* mobile-header */
		.m-header{position:relative;top:0;left:0;display:inline-block;width:100%;background:#fff;z-index:100;}
		.m-header .mheader-cont{position:relative;height:70px;display:block;top:0;left:0;width:100%;background:#fff;}
		.m-header .mgnb-btn{position:absolute;left:15px;top:50%;-ms-transform:translate(0, -50%);-webkit-transform:translate(0, -50%);-moz-transform:translate(0, -50%);-o-transform:translate(0, -50%);transform:translate(0, -50%);}
		.m-header .mgnb-btn img{width:50%;height:50%;}
		.m-header .m-logo{position:absolute;display:block;text-align:center;left:50%;top:50%;margin:0;padding:0;-ms-transform:translate(-50%, -50%);-webkit-transform:translate(-50%, -50%);-moz-transform:translate(-50%, -50%);-o-transform:translate(-50%, -50%);transform:translate(-50%, -50%);}
		.m-header .m-logo a{display:block;width:100px;margin-top:10px;}
		.m-header .m-logo a img{width:100%;}
		.m-menu-wrap{display:block;position:absolute;top:0;left:-100%;width:100%;height:100%;background:#fff;z-index:9999;}
		.m-menu-wrap .top-menu-wrap{background:#333547;position:relative;width:100%;height:60px;}
		.top-menu-wrap .top-menu{width:90%;float:left;}
		.top-menu-wrap .top-menu ul li{height:60px;display:table;}
		.top-menu-wrap .top-menu ul li a{font-size:1em;display:table-cell;vertical-align:middle;text-align:center;color:#fff;background:#333547;border-right:1px solid #11121f;}
		.top-menu-wrap .top-menu ul li a:hover{color:#fff;background:#212437;}
		.m-menu-wrap .top-menu-wrap .m-close-btn{position:absolute;top:50%;right:10px;-ms-transform:translate(0, -50%);-webkit-transform:translate(0, -50%);-moz-transform:translate(0, -50%);-o-transform:translate(0, -50%);transform:translate(0, -50%);}
		.m-menu-wrap .top-menu-wrap .m-close-btn img{width:80%;}
		.m-menu-wrap .m-select-language{position:relative;width:100%;border-bottom:1px solid #dedede;display:inline-block;background:#fafafa;}
		.m-menu-wrap .m-select-language a{float:left;width:33.33%;text-align:center;height:50px;line-height:50px;display:block;border-left:1px solid #dedede;}
		.m-menu-wrap .m-select-language a:first-child{border-left:none;}
		.m-menu-wrap .m-select-language a:hover{background:#fff;}
		.m-menu-wrap .m-select-language a strong{color:#000;font-weight:normal;}

		.m-menu-wrap .mgnb-wrap .one-depth{display:block;font-size:17px;color:#555;padding:20px 30px;border-bottom:1px solid #dedede;background:url('../../../images/site/common/m-onedepth-icon.png') no-repeat 95% 20px;}
		.m-menu-wrap .mgnb-wrap .one-depth.on{color:#000;background:#fff url('../../../images/site/common/m-onedepth-icon-on.png') no-repeat 95% 25px;}
		.m-menu-wrap .mgnb-wrap .two-depth{display:none;padding:0 30px;border-bottom:1px solid #dedede;background:#fafafa;}
		.m-menu-wrap .mgnb-wrap .two-depth > a{display:block;font-size:1.125em;color:#777;padding:18px;border-bottom:1px solid #eee;}
		.m-menu-wrap .mgnb-wrap .two-depth:last-child > a:last-child{border-bottom:0px;}
		.m-menu-wrap .mgnb-wrap .two-depth > a.on{color:#63aa39;}
	}


	@media screen and (max-width:768px){
	    .m-menu-wrap .mgnb-wrap .two-depth > a,.top-menu-wrap .top-menu ul li a,.m-menu-wrap .mgnb-wrap .one-depth{font-size:15px;}
		.m-header .m-logo a{width:90px;margin-top:5px;}

	}


	@media screen and (max-width:520px){
		.m-header .mheader-cont{height:60px;}
		.m-header .mgnb-btn{left:10px;}
		.m-header .m-logo a{width:90px;margin-top:10px;}
	    .m-menu-wrap .mgnb-wrap .two-depth > a,.top-menu-wrap .top-menu ul li a,.m-menu-wrap .mgnb-wrap .one-depth{font-size:13px;}

	}




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

	#footer.footer{position:relative;width:100%;clear:both;background:#efefef;}
	.footer .footer-top{border:1px solid #eee;border-bottom:1px solid #eee;background:#fafafa;text-align:center;}
	.footer-top .footer-menu{position:relative;display:inline-block;}
	.footer-menu a{position:relative;display:block;float:left;padding:13px 15px 10px 15px;font-size:0.941em;color:#777;line-height:1;}
	.footer-menu a:hover,.footer-menu a.on{color:#212437;}
	.footer-menu a:hover{text-decoration:underline;}
	.footer-menu a:before{content:'';position:absolute;top:50%;left:0px;margin-top:-3px;width:1px;height:10px;background:#dedede;}
	.footer-menu a:first-child:before,.footer-menu a:last-child:before{content:none;}
	.footer-menu a:last-child{}
	.footer-menu a:last-child:hover{text-decoration:none;border:1px solid #aaa;background:#aaa;color:#fff;}
	.footer-menu .inquiry-button{position:absolute;top:5px;right:0;background:#fff;border:1px solid #dedede;padding:7px 10px;font-size:0.875em;border-radius:20px;}
	.footer .footer-cont{position:relative;padding:50px 0 100px 0;}
	.footer-cont .cont-inner{text-align:center;}
	.footer-cont h2{display:block;margin:0;padding:0;}
	.footer-cont h2 a{display:block;width:100px;margin:0 auto;}
	.footer-cont h2 a img{width:100%;}
	.footer-cont address{padding:40px 0 20px 0;font-style:normal;font-size:0.875em;color:#999;}
	.footer-cont address span{position:relative;padding:0px 5px 0 15px;color:#777;}
	.footer-cont address span:before{content:'';position:absolute;top:5px;left:5px;width:1px;height:10px;background:#dedede;}
	.footer-cont address span:first-child:before{content:none;}
	.footer-cont .copyright{font-size:0.813em;color:#aaa;}

	@media screen and (max-width:1680px){

	}

	@media screen and (max-width:1024px){
	    .footer .footer-cont{padding:30px 0 50px 0;}
		.footer-menu a{padding:10px;}
		.footer-cont address{padding:20px 0;}
	}

	@media screen and (max-width:768px){
	    .footer-menu .inquiry-button{position:relative;top:0px;}
	}

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




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

	.popup{width:100%;height:100%;display:none;position:fixed;top:0px;left:0px;z-index:100001;background:rgba(0,0,0,0.75);}
	.popup-inner{width:600px;padding:40px;position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);box-shadow:0px 2px 6px rgba(0,0,0,1);border-radius:3px;background:#fff;}
	.popup-inner.popup-page{width:1300px;position:absolute;top:50%;left:50%;height:600px;padding:0;overflow:scroll;}
	.popup-inner .inner-cont{position:relative;}
	.popup-close{width:35px;height:35px;display:inline-block;position:absolute;top:27px;right:27px;transition:ease 0.25s all;-webkit-transform:translate(50%, -50%);transform:translate(50%, -50%);background:#192354;font-size:20px;text-align:center;line-height:35px;color:#fff;}
	.popup-close:hover{background:#080b34;color:#fff;text-decoration:none;}
	.popup-close.big{position:absolute;top:17px;right:33px;z-index:99;}
	.popup-close.big span{display:block;width:50px;height:50px;background:#3f403e;border:1px solid #3f403e;}
	.popup-close.big span:after{content:'';position:absolute;left:50%;top:50%;width:16px;height:16px;background:url('../../../images/common/icon-common.png') no-repeat -10px -300px;}

	.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 .popup-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 .popup-header h4{color:#fff;font-weight:normal;font-size:1.429em;padding:1em 2em;}
	.popup-wrap .popup-header .ui.button{position:absolute;top:1em;right:1em;border:none;background:transparent;display:table;text-align:center;padding:0.5em;}
	.popup-wrap .popup-header .ui.button i{font-size:1.786em;display:table-cell;vertical-align:middle;color:rgba(255,255,255,0.7);}
	.popup-wrap .popup-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;}


	.popup-inner h2{font-size:24px;color:#000;margin-bottom:20px;letter-spacing:-0.5px;border-bottom:1px solid #000;padding-bottom:8px;font-weight:normal;}
	.popup-inner.popup-page h2{margin-bottom:0;padding:10px 0 8px 20px;border-bottom:1px solid #fff;}
	.popup-inner h3{font-size:18px;color:#000;overflow:hidden;text-align:left;font-weight:normal;}
	.popup-inner h3 span{font-size:13px;color:#777;display:inline-block;text-align:right;float:right;position:relative;top:6px;}
	.popup-inner .form-box{margin:10px auto 20px auto;background:#eef3f8;padding:10px 20px;/* overflow-y: scroll; */}
	.form-box dl{position:relative;overflow:hidden;padding:6px 0;text-align:left;}
	.form-box dl dt{position:relative;float:left;width:25%;height:25px;line-height:25px;font-size:14px;color:#1b1b1b;}
	.form-box dl dd{position:relative;float:left;width:75%;color:#3f403e;font-size:13px;line-height:25px;/* height:25px; */}
	.form-box .infotxt{font-size:13px;color:#204ca1;margin-left:25%;}
	.form-box .infotxt i{font-size:16px;color:#204ca1;position:relative;top:1px;}
	.form-box dl dd input{height:27px !important;width:100%;line-height:27px;margin:0;box-sizing:border-box;padding:0;padding-left:8px;color:#3f403e;background:#fff;}
	.form-box dl dd input::-webkit-input-placeholder{color:#999;font-size:13px;}
	.form-box dl dd input::-moz-placeholder{color:#999;font-size:13px;}
	.form-box dl dd input::-ms-input-placeholder{color:#999;font-size:13px;}
	.form-box dl dd input::placeholder{color:#999;font-size:13px;}
	.form-box dl dd input label{height:35px;line-height:35px;margin:0;}
	.form-box dl dd input{}
	.form-box dl dd input[type=radio],.popup-inner .form-box dl dd input[type=checkbox]{width:0;padding:0;position:relative;top:-1px;}
	.form-box dl dd.textBox textarea{height:70px;overflow-y:scroll;padding:8px!important;font-size:13px;width:100%;}

	@media screen and (max-width:980px){

	}

	@media screen and (max-width:640px){
		.popup-inner{width:90%;padding:20px;height:80%;overflow-y:scroll;}
		.popup-inner .form-box{padding:10px;}
		.form-box dl{border-bottom:2px dotted #ddd;}
		.form-box dl dt,.form-box dl dd{float:none;width:100%;font-size:14px;}
		.form-box .infotxt{margin-left:0;font-size:12px;}
		.popup-inner h2{font-size:20px;}
		.popup-inner h3{font-size:16px;}

	}

	@media screen and (max-width:520px){
		.popup-wrap{min-width:360px;}
		
	}
	@media screen and (max-width:480px){
		.popup-inner h3 span{font-size:12px;top:0;}	
		.popup-close{top:20px;right:20px;font-size:15px;}
		
	}




/******************************* table *******************************/

	.tbl-wrap{clear:both;width:100%;font-size:1em;color:#555;margin:30px auto;}
	.cont-inner .tbl-wrap:first-child{margin-top:0;}
	.bg-table.tbl-wrap{padding:70px 0;background:#f9f9f9;}
	.tbl-wrap h5{color:#000;margin:0 0 10px 0;}
	.tbl-wrap h6{color:#555;margin:0 0 10px 0;}
	.tbl-wrap table{background:#fff;border-top:2px solid #333547;}
	.tbl-wrap table th,.tbl-wrap table td{padding:15px 20px;text-align:left;border-bottom:1px solid #dedede;border-left:1px solid #dedede;}
	.tbl-wrap table thead th{font-weight:normal;background:#f0f7fa;color:#333;}
	.tbl-wrap table tbody th{font-weight:normal;background:#f6f5f5;color:#333;}
	.tbl-wrap table th:first-child,.tbl-wrap table td:first-child{border-left:none;}
	.tbl-wrap table thead th,.tbl-wrap table tbody th{text-align:center;}
	.tbl-wrap table tr.t-center th,.tbl-wrap table tr.t-center td,.tbl-wrap table tbody.t-center td{text-align:center;}
	.tbl-wrap p{padding:10px 0 0 15px;position:relative;}
	.tbl-wrap p:before{content:'';position:absolute;top:20px;left:0px;width:5px;height:5px;border-radius:50%;background:#757895;}
	.tbl-wrap .bbs_contents p:before{content:none;}


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

    @media all and (max-width:768px){
	    .tbl-wrap table th,.tbl-wrap table td{padding:12px 15px;}
	}

    @media all and (max-width:520px){
	    .tbl-wrap table th,.tbl-wrap table td{padding:10px 7px;}
	}




/******************************* 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:30%}
	.paging-wrap ul li.page-select dl{position:relative;font-size:0.938rem;}
	.paging-wrap ul li.page-select dl dt{position:absolute;top:0;left:0;width:80px;margin-top:0;color:#222;line-height:35px;}
	.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.page-select .form-selct.page_size{height:35px;line-height:35px;font-size:0.813rem;}
	.paging-wrap ul li.paging-area{width:40%;}
	.paging-wrap ul li.total{float:right;width:30%}
	.paging-wrap .table-total{text-align:right;color:#777;font-size:0.938rem;line-height:32px;}
	.paging-wrap .table-total span{color:#333;padding:0 5px;}
	.paging-wrap ul li.paging-area .paging *{/* vertical-align: baseline; */}
	.paging-wrap .paging ul li{line-height:28px;display:inline-block;font-size:0.938rem;}

	.paging-wrap .paging{position:relative;z-index:9;margin:0 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;}
	.paging-wrap .paging ul li a, .paging ul li strong{display:inline-block;font-weight:normal;width:30px;line-height:30px;border:1px solid #ddd;color:#555;}
	.paging-wrap .paging ul li strong a, .paging ul li strong{color:#000;border:1px solid #777;}
	.paging-wrap .paging .prev, .paging-wrap .paging .next, .paging-wrap .paging .first, .paging-wrap .paging .last{display:inline-block;height:30px;color:#848484;border:1px solid #ddd;line-height:28px;text-align:center;font-size:10px;}
	.paging-wrap .paging .prev, .paging-wrap .paging .first{}
	.paging-wrap .paging .page{position:absolute;top:5px;right:0;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;}

	.board-searchbox{clear:both;width:100%;margin-top:40px;padding:30px 0;text-align:center;background:#f7f7f7;}
	.board-searchbox .board-search{width:80px;height:40px;background:#999;border:0;color:#fff;vertical-align:middle;cursor:pointer;margin-left:2px;}
	.board-searchbox .board-search:hover{background:#555;}
	.board-searchbox ul{display:inline-flex;display:-webkit-inline-flex;}
	.board-searchbox ul li{margin:0 3px;}
	.board-searchbox ul li:first-child{width:100px;}
	.board-searchbox ul li .select-box,.board-searchbox ul li .input-box,.board-searchbox ul li button.basic{height:40px;}
	.basic{display:inline-block;font-size:0.938rem;line-height:40px;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;}
 	input.input-box,select.select-box{height:40px;}
	input.input-box{width:100%;color:#555;border:1px solid #dedede;cursor:default;background:#fff;appearance:none;-webkit-appearance:none;-moz-appearance:none;display:inline-block;vertical-align:baseline;font-size:0.938rem;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;-webkit-border-radius:3px;border-radius:3px;padding:0 0 0 8px;outline:none;-o-text-overflow:clip;text-overflow:clip;}
	select.select-box{width:100%;color:#777;border:1px solid #dedede;cursor:default;appearance:none;-webkit-appearance:none;-moz-appearance:none;display:inline-block;vertical-align:baseline;font-size:0.938rem;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;-webkit-border-radius:3px;border-radius:3px;padding:0 0 0 8px;outline:none;-o-text-overflow:clip;text-overflow:clip;}
	input.input-box:focus{border-color:#93a5c7;}
	input.input-box::placeholder{color:#999;}

    /* select,input */
	input.input-box,.ui.form .input-box{height:40px;line-height:40px;}
	select.select-box{appearance:none;-webkit-appearance:none;-moz-appearance:none;background:#fff url('../../../images/myoffice/icon_arrow_selct.png') right center no-repeat;background-size:14px 6px;}
	input.form-inpt,select.form-selct,select.form-selct2{appearance:none;-webkit-appearance:none;-moz-appearance:none;font-size:1em;width:100%;height:32px;line-height:30px;color:#444;background:#f5f5f5;border:1px solid #ddd;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;border-radius:0;padding:0;padding-left:5px;outline:none;outline-color:none;-o-text-overflow:clip;text-overflow:clip;}
	input.form-inpt::placeholder{color:#888;letter-spacing:-0.5px;}
	input.normal-input{appearance:none;-webkit-appearance:none;-moz-appearance:none;font-size:1em;width:100%;height:32px;line-height:30px;color:#444;background:#fff;border:1px solid #ddd;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;border-radius:0;padding:0;padding-left:5px;outline:none;outline-color:none;-o-text-overflow:clip;text-overflow:clip;}
	select.form-selct{cursor:pointer;appearance:none;-webkit-appearance:none;background:#fff url('../../../images/myoffice/icon_arrow_selct.png') right center no-repeat;background-size:14px 6px;}
	select.form-selct2{height:30px;line-height:28px;appearance:none;-webkit-appearance:none;background:#fff url('../../../images/myoffice/icon_arrow_selct.png') right center no-repeat;background-size:14px 6px;}
	select.form-selct option{outline:none;}
	
	@media only screen and (max-width:768px){
	    .paging-wrap ul li.page-select dl dt{display:none;}
		.paging-wrap ul li.page-select dl dd{margin-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;}
		.paging-wrap .paging{margin:5px auto 0;}
	    .paging-wrap .paging ul li a, .paging ul li strong{width:25px;line-height:25px;}
	    .paging-wrap .paging .prev, .paging-wrap .paging .next, .paging-wrap .paging .first, .paging-wrap .paging .last{height:25px;line-height:25px;}
	    .paging-wrap ul li.page-select dl dt{display:none;}
	}	


	@media only screen and (max-width:520px){
	    .paging-wrap .paging ul li a, .paging ul li strong{width:20px;line-height:20px;font-size:12px;}
	}