@charset "utf-8";


/* sub-visual / snb  ********************************************************************************************************************************************** */

	.subvis_wrap{height:600px;position:relative;width:100%;display:table;background-attachment:fixed;background-repeat:no-repeat;background-position:top center;background-size:cover;background-image:url('../../../images/site/sub/subvis_business.jpg');}
	.subvis_wrap.company{background-image:url('../../../images/site/sub/subvis_company.jpg');}
	.subvis_wrap.product{background-image:url('../../../images/site/sub/subvis_product.jpg');}
	.subvis_wrap.business{background-image:url('../../../images/site/sub/subvis_business.jpg');}	
	.subvis_wrap.introduce{background-image:url('../../../images/site/sub/subvis_introduce.jpg');}	
	.subvis_wrap.community{background-image:url('../../../images/site/sub/subvis_community.jpg');}	
	.subvis_wrap.product_detail{height:300px;padding-bottom:5rem;background-image:url('../../../images/site/sub/subvis_detail.jpg');background-attachment:unset;background-position:bottom center;}

	.subvis_wrap .vis_inner{position:relative;display:table-cell;vertical-align:middle;text-align:center;}
	.subvis_wrap .vis_inner .vis_title{margin-bottom:5rem;font-family:var(--ep-font-logy);}
	.vis_inner .vis_title h2{font-size:3.75rem;font-weight:600;color:#000;}
	.vis_inner .vis_title h4{color:#000;}

	.subvis_wrap .submenu_cont{display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-box-pack:center;-moz-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;-webkit-box-align:center;-moz-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;}
    .submenu_cont li{position:relative;padding:0 1rem;color:#000;}
	.submenu_cont li img{width:15px;height:auto;}
	.submenu_cont li::before{content:'';position:absolute;top:50%;left:0;width:4px;height:4px;margin-top:-2px;border-radius:50%;background:#000;}
	.submenu_cont li:first-child::before{content:none;}
	.submenu_cont li .ui.dropdown{min-width:185px;padding:10px 25px;border-radius:20px;border:1px solid rgba(0,0,0,0.2);background:rgba(255,255,255,0.7);}
	.submenu_cont li .ui.dropdown .menu{left:0px;margin-top:0.2rem;width:100%;border-radius:20px;border:1px solid rgba(0,0,0,0.2);background:rgba(255,255,255,0.7);}
	.submenu_cont li .ui.dropdown:not(.labeled) > .dropdown.icon{position:absolute;top:50%;right:25px;margin:-7px 0 0 0;}

	@media (max-width:1280px){
	    .subvis_wrap{height:500px;}
		.subvis_wrap .vis_inner{padding:0 1rem;}
		.subvis_wrap .vis_inner .vis_title{margin-bottom:2rem;}
	}


	@media (max-width:767px){
	    .subvis_wrap{height:400px;}
		.vis_inner .vis_title h2{font-size:3rem;}
		.submenu_cont li img{width:10px;}
		.submenu_cont li .ui.dropdown{min-width:160px;padding:10px 20px;}
		.submenu_cont li .ui.dropdown:not(.labeled) > .dropdown.icon{right:20px;margin:-5px 0 0 0;}
	}


	@media (max-width:480px){
	    .subvis_wrap{height:360px;}
		.submenu_cont li .ui.dropdown{min-width:140px;}
	}

/* sub_contents :: common  ********************************************************************************************************************************************** */

.sub_wrap{position:relative;padding:7rem 0 10rem 0;}
.sub_wrap.pd_m{padding-bottom:0;}
.sub_wrap .sub_title{margin-bottom:5rem;text-align:center;font-family:var(--ep-font-logy);font-weight:600;color:#000;}
.sub_area .group_title{text-align:center;position:relative;}
.sub_area .group_title h3{font-weight:500;color:#000;display:inline-block;padding:0 1rem;background-color:#fff;z-index:1;}
.sub_area .group_title::before{content:'';position:absolute;left:0px;top:50%;width:100%;height:1px;background-color:#ddd;z-index:-1;}
.sub_area .group_title::after{content:'';clear:both;display:block;}

.sub_area .l_group,.sub_area .m_group,.sub_area .s_group,.sub_area .group{box-sizing:border-box;}
.sub_area .l_group{margin-bottom:4.375rem !important;}/* 70px */
.sub_area .m_group{margin-bottom:3.125rem !important;}/* 50px */
.sub_area .s_group{margin-bottom:1.875rem !important;}/* 30px */
.sub_area .group{margin-bottom:1.250rem !important;}/* 20px */


.sub_area .dark_section{position:relative;padding:7rem 0 10rem 0;background-color:var(--ep-dark);}
.dark_section .section_tit{text-align:center;}

/* photo_cont */
.sub_area .photo_cont{margin:-1rem;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-box-pack:center;-moz-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;flex-wrap:wrap;-webkit-flex-wrap:wrap;-moz-flex-wrap:wrap;}
.sub_area .photo_cont .obj{padding:1rem;text-align:center;}
.sub_area .photo_cont .image{margin-bottom:1rem;}
.sub_area .photo_cont img{border-radius:1rem;width:100%;}

/* tt_slide */
.sub_area.business .tt_slide{padding:0 0 2rem 0;}
.tt_slide .marquee{display:flex;flex:0 0 auto;white-space:nowrap;overflow:hidden;transition:0.3s;}
.tt_slide .marquee h2{font-size:4.375rem;font-weight:700;font-family:var(--ep-font-logy);animation:marquee 20s linear infinite;padding-right:1.4881vw;color:#d3e4f5;}
.tt_slide .marquee h2 span{-webkit-text-stroke-width:1px;-webkit-text-stroke-color:#d3e4f5;color:transparent;}
@keyframes marquee{
    0%{-webkit-transform: translate3d(0, 0, 0);transform:translate3d(0, 0, 0);}
    100%{-webkit-transform:translate3d(-100%, 0, 0);transform:translate3d(-100%, 0, 0);}
}


	@media (max-width:1280px){
	    .sub_wrap,
		.sub_area .dark_section{padding:5rem 0 7rem 0;}
		.sub_wrap .sub_title{margin-bottom:3rem;}
	}


	@media (max-width:767px){
	    .sub_wrap,
		.sub_area .dark_section{padding:3rem 0 5rem 0;}
		.sub_area .l_group{margin-bottom:3.125rem !important;}
		.sub_area .m_group{margin-bottom:1.875rem !important;}
		.sub_area .s_group{margin-bottom:1.250rem !important;}
		.sub_area .group{margin-bottom:1rem !important;}
		.sub_wrap .sub_title{margin-bottom:2rem !important;}

		/* photo_cont */
		.sub_area .photo_cont{margin:-0.5rem;}
		.sub_area .photo_cont .obj{padding:0.5rem;}

	}


/* sub_area  *********************************************************************************************************************************************************** */

/* company  ------------------------------------------------------------------------------------------------------------------------------------------------------ */

	/* 인사말 */
	.sub_area.company.ceo .image .logo_image{width:300px;}
	.sub_area.company.ceo .t_group{text-align:center;}
	.sub_area .t_group p{font-size:1.125rem;margin-bottom:1rem;}
	.sub_area .t_group .ceo_sign strong{padding-left:1rem;letter-spacing:20px;}

	/* 기업이념 */
	.sub_area.company.ideology .photo_cont .obj{flex:0 0 33.33%;-ms-flex:0 0 33.33%;max-width:33.33%;width:33.33%;}

	/* CI */
	.sub_area.company.ci .photo_cont .obj{flex:0 0 50%;-ms-flex:0 0 50%;max-width:50%;width:50%;}
	.sub_area.company.ci .photo_cont .obj .image img{border:1px solid #eee;}

	/* 연혁 */
	.sub_area.company.history .history_list{position:relative;clear:both;}
	.sub_area.company.history .history_list h3{font-size:3.5rem;font-family:(--ep-font-logy);color:var(--ep-primary);font-weight:600;text-align:center;}
	.history_list .history_cont.left{padding-left:50%;position:relative;}
	.history_cont::before{content:'';position:absolute;top:0px;left:50%;width:1px;height:100%;background:#ddd;}
	.history_cont dl{padding:30px 0;}
	.history_cont dl dt{font-size:1.250rem;padding:0 0 1rem 1rem;font-weight:500;color:#333;position:relative;}
	.history_cont dl dt::before{content:'';position:absolute;top:5px;left:0px;width:8px;height:8px;border-radius:50%;margin-left:-4px;background-color:var(--ep-secondary);}
	.history_cont dl dd{padding:0 0 0.5rem 1rem;}
	.history_list .history_cont.right{padding-right:50%;padding-left:0;position:relative;text-align:right;}
	.history_cont.right dl dt::before{top:5px;right:0px;left:auto;margin-left:0px;margin-right:-4px;}
	.history_cont.right dl dt{padding:0 1rem 1rem 0;}
	.history_cont.right dl dd{padding:0 1rem 0.5rem 0;}

	/* 특허 및 인증현황 */
	.sub_area.company.patent .photo_cont .obj{flex:0 0 25%;-ms-flex:0 0 25%;max-width:25%;width:25%;}
	.sub_area.company.patent .photo_cont .obj .image{border:1px solid #ddd;border-radius:1rem;}
	.sub_area.company.patent .photo_cont .obj dl dd{color:#333;}

	/* 오시는길 */
	.sub_area.company.location .photo_cont .obj{flex:0 0 50%;-ms-flex:0 0 50%;max-width:50%;width:50%;}
	.sub_area.company.location .map_info{}
	.sub_area.company.location .map_info dl{padding:1rem 2rem;margin:1rem auto;border-radius:1rem;background-color:var(--ep-light-bg);display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-box-align:center;-moz-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;}
	.sub_area.company.location .map_info dl dt{padding-left:1rem;font-size:1.250rem;position:relative;color:#000;}
	.sub_area.company.location .map_info dl dt::before{content:'';position:absolute;top:50%;left:0;margin-top:-3px;width:6px;height:6px;border-radius:50%;background-color:var(--ep-primary);}
	.sub_area.company.location .map_info dl dd{padding-left:1rem;font-size:1.125rem;color:#555;}



	@media (max-width:980px){
	    .sub_area.company.patent .photo_cont .obj{flex:0 0 33.33%;-ms-flex:0 0 33.33%;max-width:33.33%;width:33.33%;}

	}


	@media (max-width:480px){
	    .sub_area.company.ideology .photo_cont .obj{flex:0 0 100%;-ms-flex:0 0 100%;max-width:100%;width:100%;}
	    .sub_area.company.patent .photo_cont .obj{flex:0 0 50%;-ms-flex:0 0 50%;max-width:50%;width:50%;}

	}



/* product  ------------------------------------------------------------------------------------------------------------------------------------------------------ */


.sub_area.product .photo_cont{}
.sub_area.product .photo_cont a.obj{flex:0 0 25%;-ms-flex:0 0 25%;max-width:25%;width:25%;}
.sub_area.product .photo_cont a.obj .image img{border:1px solid #eee;border-radius:5px;}
.sub_area.product .photo_cont a.obj dd{font-size:1.125rem;color:#555;}
.sub_area.product .photo_cont a.obj:hover .image img{border:1px solid var(--ep-secondary);}
.sub_area.product .photo_cont a.obj:hover dd{color:var(--ep-secondary);}

	/* detail_wrap */
	
	.subvis_wrap.product_detail .vis_inner .vis_title{margin-bottom:0;}
	.detail_wrap .button{display:inline-block;width:100%;text-align:center;}
	.detail_wrap .button a{font-size:1.250rem;padding:1rem 4rem 1rem 2rem;background-position:right 1.5rem center;display:inline-block;transition:0.5s;border-radius:40px;background-color:transparent;background-repeat:no-repeat;background-size:25px 7px;background-image:url('../../../images/site/common/arrow_right_wh.png');}
	.detail_wrap .btn_bg.button a{color:rgba(255,255,255,1);border:none;background-color:var(--ep-primary);box-shadow:4px 4px 5px rgba(0, 91, 172, 0.3);}
	.detail_wrap .btn_bg.button a:hover{background-color:var(--ep-primary-hover);}

	.detail_wrap .detail_image{position:absolute;top:-100px;left:50%;margin-left:-250px;width:500px;height:500px;border-radius:50%;background-color:#fff;}
	.detail_wrap .detail_image .image{}
	.detail_wrap .detail_image .image img{border-radius:50%;border:1px solid var(--ep-primary);}
	.detail_wrap .detail_cont{margin-top:350px;position:relative;}
	.detail_wrap .detail_cont dl{padding:1rem 2rem;margin:1rem auto;border-radius:1rem;background-color:var(--ep-light-bg);}
	.detail_wrap .detail_cont dl.top{background-color:var(--ep-primary);}
	.detail_wrap .detail_cont dl.top dt,.detail_wrap .detail_cont dl.top dd{color:#fff;}
	.detail_wrap .detail_cont dl.top dt::before{background-color:#fff;}
	.detail_wrap .detail_cont dl dt{padding-left:1rem;font-size:1.250rem;position:relative;color:#000;display:block;margin-bottom:0.5rem;}
	.detail_wrap .detail_cont dl dt::before{content:'';position:absolute;top:50%;left:0;margin-top:-3px;width:6px;height:6px;border-radius:50%;background-color:var(--ep-primary);}
	.detail_wrap .detail_cont dl dd{padding-left:1rem;color:#777;}


	@media (max-width:1280px){	
		.detail_wrap .detail_image{margin-left:-200px;width:400px;height:400px;}
		.detail_wrap .detail_cont{margin-top:300px;}
	}

	@media (max-width:767px){	
		.detail_wrap .detail_image{margin-left:-150px;width:300px;height:300px;}
		.detail_wrap .detail_cont{margin-top:200px;}
	}


	@media (max-width:480px){	
		.detail_wrap .detail_image{margin-left:-130px;width:260px;height:260px;}
		.detail_wrap .detail_cont{margin-top:150px;}
	}



/* business  ------------------------------------------------------------------------------------------------------------------------------------------------------ */

.sub_area.business .box{text-align:center;background-color:var(--ep-light-bg);padding:2rem 0;}
.sub_area.business .box .image{margin:0 auto;}

.sub_area.business.equipment .photo_cont .obj{flex:0 0 25%;-ms-flex:0 0 25%;max-width:25%;width:25%;}
.sub_area.business.equipment .photo_cont .obj dl dd{color:#333;}



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


	@media (max-width:767px){
	    .sub_area.business.process .photo_cont .obj{flex:0 0 50%;-ms-flex:0 0 50%;max-width:50%;width:50%;}

	}


/* introduce  ------------------------------------------------------------------------------------------------------------------------------------------------------ */

.sub_area.introduce .box{text-align:center;background-color:var(--ep-light-bg);padding:2rem 0;}






/******************************* 고객센터 *******************************/

	.board-searchbox{clear:both;width:100%;margin-top:40px;padding:30px 0;text-align:center;background:#f7f7f7;}
	.board-searchbox input.searchbox-input{height:40px;}
	.board-searchbox .board-search{width:80px;height:40px;background:#999;border:0;font-size:1em;color:#fff;vertical-align:middle;cursor:pointer;margin-left:2px;}
	.board-searchbox .board-search:hover{background:#555;}
	.board-table{width:100%;}
	.board-table a{color:#3f403e;}
	.board-table thead th{padding:0.625rem 0;background:#f2f5f7;border-bottom:1px solid #ddd;color:#000;border-top:1px solid #3f403e;font-weight:normal;}
	.board-table tbody td{padding:0.625rem 0;word-break:break-all;text-align:center;border-bottom:1px solid #ddd;color:#777;line-height:1.5;vertical-align:middle;}
	.board-table tbody td a:hover{text-decoration:underline;color:#333;}
	.board-table tbody td.title{text-align:left;padding:1em 2em;}
	.board-table tbody td.board-date{font-size:0.875em;color:#999;}

	.boardview-box{width:100%;height:auto;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;background:#fff;}
	.boardview-box .title-box{width:100%;padding:20px;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;border-top:2px solid #000;border-bottom:1px solid #ddd;text-align:left;}
	.boardview-box .title-box h4{margin-bottom:10px;font-size:1.375rem;color:#000;}
	.title-box dl{font-size:0.875em;}
	.title-box dl::after{content:'';display:block;clear:both;}
	.title-box dl dt{float:left;position:relative;padding:0 5px 0 10px;}
	.title-box dl dt:before{content:'';position:absolute;width:3px;height:3px;border-radius:50%;left:0;top:10px;background:#aaa;}
	.title-box dl dd{margin-right:15px;float:left;color:#777;}
	.boardview-box .view-box{padding:50px 20px;margin-bottom:30px;border-bottom:1px solid #000;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;text-align:left;font-size:1rem;color:#777;line-height:1.7;word-break:keep-all;-ms-word-break:keep-all;}
	.boardview-box .listview-btn{margin:0 auto;display:table;}
	.boardview-box .board-img{text-align:center;}
	.listview-btn .list-btn{width:150px;height:50px;background:#454545;font-size:1em;color:#fff;display:table-cell;vertical-align:middle;text-align:center;}
	.listview-btn .list-btn:hover{background:#222;}
	.boardview-box.board_write .ui.table th{text-align:center;background:var(--ep-light-bg);}
	.boardview-box.board_write .ui.table input[type="text"]{border:none;background:#eee;}

	.gallery-wrap{position:relative;}
	.gallery-wrap .gallery-cont{margin:30px auto;padding:0;list-style:none;zoom:1;display:inline-block;width:100%;}
	.gallery-wrap .gallery-cont li{position:relative;min-height:1px;padding-left:15px;padding-right:15px;float:left;margin-left:0;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;}
	.gallery-cont .gallery-box{position:relative;margin:0 auto;border:1px solid #ddd;background:#fff;border-radius:0 0 2px 2px;}
	.gallery-cont .gallery-info{padding:12px 10px;font-size:1em;background:#f6f6f6;line-height:1.5;}
	.gallery-cont .gallery-info .gallery-date{position:absolute;bottom:10px;right:10px;display:inline-block;color:#999;}
	.gallery-cont .gallery-box a{display:block;}

	.gallery-cont figure{overflow:hidden;margin:0;max-width:100%;height:100%;background:#3085a3;text-align:center;cursor:pointer;}
	.gallery-cont figure img{position:relative;display:block;min-height:100%;max-width:100%;opacity:.8;width:100%;}
	.gallery-cont figure figcaption{padding:10px;color:#fff;text-transform:uppercase;font-size:1.25em;-webkit-backface-visibility:hidden;backface-visibility:hidden;}
	.gallery-cont figure figcaption::before,.gallery-cont figure figcaption::after{pointer-events:none;}
	.gallery-cont figure figcaption,.gallery-cont figure figcaption > a{position:absolute;top:0;left:0;width:100%;height:100%;}
	.gallery-cont figure figcaption > a{z-index:1000;text-indent:200%;white-space:nowrap;font-size:0;opacity:0;}
	.gallery-cont figure .post-head{display:block;word-spacing:-0.15em;}
	.gallery-cont figure .post-head,.gallery-cont figure .desc{margin:0;}
	.gallery-cont figure .desc{font-size:0.813em;}

	figure.bx-grandi{z-index:auto;overflow:visible;background:#fff;}
	figure.bx-grandi:before,figure.bx-grandi .post-head:before{position:absolute;top:0;left:0;z-index:-1;width:100%;height:100%;background:#fff;content:'';}
	figure.bx-grandi:before{box-shadow:0 3px 30px rgba(0,0,0,0.8);opacity:0;}
	figure.bx-grandi figcaption{z-index:1;}
	figure.bx-grandi img{opacity:1;-webkit-transition:-webkit-transform .35s;transition:transform .35s;-webkit-transform:perspective(1000px) translate3d(0,0,0);transform:perspective(1000px) translate3d(0,0,0);}
	figure.bx-grandi .post-head,figure.bx-grandi .desc{background:rgba(0,0,0,0.48);color:#fff;line-height:1.5;font-size:0.813em;opacity:.85;-webkit-transition:opacity .35s;transition:opacity .35s;}
	figure.bx-grandi .post-head{position:relative;margin-top:2em;padding:.25em;}
	figure.bx-grandi .post-head:before{box-shadow:0 1px 10px rgba(0,0,0,0.5);}
	figure.bx-grandi .desc{padding:.5em;opacity:0;-webkit-transition:opacity .35s,-webkit-transform .35s;transition:opacity .35s,transform .35s;-webkit-transform:scale3d(0.9,0.9,1);transform:scale3d(0.9,0.9,1);}
	figure.bx-grandi:hover:before{opacity:1;}
	figure.bx-grandi:hover img{-webkit-transform:perspective(1000px) translate3d(0,0,21px);transform:perspective(1000px) translate3d(0,0,21px);}
	figure.bx-grandi:hover .post-head:before{opacity:0;}
	figure.bx-grandi:hover .desc{display:none;opacity:1;font-size:1rem;-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1);}
	.gallery-wrap .no-image{width:100%;padding-top:80px;}
	.gallery-wrap .no-image img{width:100px;margin:0 auto;}

	.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;}
	.board-searchbox ul li .input-box{background:#fff;}

	.boardview-box .board-img img{}
	.bbs_contents p img{width:auto !important;height:auto !important;}


	/* 배송조회 */
	.tb-top{margin:20px 0 10px 0;position:relative;display:table;height:30px;}
	.tb-top p{display:table-cell;vertical-align:middle;font-size:0.938rem;}




    @media all and (max-width:1200px){
		 .fl-left.three-li.gallery-cont li{width:50%;}
		 .gallery-wrap .no-image{padding:20px 0;}
		 .gallery-wrap .no-image img{width:30%;}
	}

    @media all and (max-width:991px){
		 .fl-left.four-li.gallery-cont.data_list li{width:33.33%;}
	}



	 @media all and (max-width:768px){
	     /*.board-table thead th:nth-child(3),.board-table thead th:nth-child(4){display:none;}
	     .board-table tbody td:nth-child(3),.board-table tbody td:nth-child(4){display:none;}*/
		 .board-table thead th,.board-table tbody td,.board-table tbody td.title{padding:1em 0.5em;}
		 .board-searchbox{margin-top:10px;padding:10px 0;}
		 .boardview-box .title-box{padding:10px;}
		 .boardview-box .title-box h4{margin-bottom:10px;}
		 figure.bx-grandi{height:auto;}
		 .fl-left.four-li.gallery-cont.data_list li{width:50%;}
	 }

	@media all and (max-width:640px){
	    .title-box dl dt{clear:both;margin-top:5px;}
	    .title-box dl dd{margin-top:5px;}
		.listview-btn .list-btn{width:100px;height:40px;}
		.board-table thead th,.board-table tbody td,.board-table tbody td.title{padding:0.5em;}
		.boardview-box .view-box{padding:20px 10px;margin-bottom:10px;}
		.gallery-cont .gallery-info{padding:10px;}

	}

	@media all and (max-width:480px){
		 .fl-left.three-li.gallery-cont li{width:100%;}

	}



/******************************* 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{padding:0 0 0 5px;height:35px;line-height:35px;font-size:0.813rem;}
	.paging-wrap ul li.page-select  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;}
	.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:0px;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:20px;line-height:20px;color:#555;}
	.paging-wrap .paging ul li strong a, .paging ul li strong{color:#000;}
	.paging-wrap .paging .prev, .paging-wrap .paging .next, .paging-wrap .paging .first, .paging-wrap .paging .last{display:inline-block;height:20px;color:#848484;border:1px solid #ddd;line-height:25px;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;}

    /* 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;}
	input.input-box{width:100%;color:#555;border:1px solid #dedede;cursor:default;background:none;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;}

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




.answer_cont{margin:1rem auto;padding:1rem;box-sizing:border-box;background:var(--ep-light-bg);border-radius:var(--ep-border-radius-lg);}
.boardview-box .answer_cont .title-box{padding:1rem;border-top:none;border-bottom:none;}
.boardview-box .answer_cont .bbs_contents{padding:1rem;background:#fff;border-radius:var(--ep-border-radius-lg);}