@charset "utf-8";

/******************************* home-sub-common *******************************/

	.sub-wrap{position:relative;padding:100px 0;}
	.sub-wrap .sub-title{position:relative;text-align:center;line-height:1.4;}
	.sub-wrap .sub-title h3{color:#131313;font-size:2.667rem;font-family:'NotoM';}
	.sub-wrap .sub-title span{display:block;color:#727171;font-size:1rem;}
	.sub-wrap .mid-title{margin-bottom:10px;color:#131313;font-family:'NotoM';}
	.sub-wrap .sub-contents{position:relative;margin-top:70px;}
	.sub-wrap .sub-contents.board{position:relative;margin-top:30px;}
	.inner-text{}
	.inner-text h4{font-size:1.667rem;line-height:1.3;color:#131313;}
	.inner-text h5{font-size:1.111rem;color:#131313;}
	.inner-text p{font-size:1rem;margin-bottom:30px;}
	.sub-wrap strong{font-family:'NotoM';font-weight:normal;}
	.sub-contents .bg-fa-cont{background:#fafafa;width:100%;clear:both;}
	.sub-contents .img-padding{padding:50px 0;text-align:center;}
	.sub-contents .tbl-padding{padding:20px 0;text-align:center;}
	.sub-contents .t-padding{padding:0 50px;}
	.sub-contents h4.inner-title{margin:50px auto;text-align:center;color:#131313;font-size:1.944rem;font-family:'NotoM';}
	.sub-contents .quote-text{position:relative;font-size:1.944rem;color:#131313;font-weight:300;margin-bottom:50px;line-height:1.3;}
	.normal-wrap{position:relative;margin-top:30px;}
	.normal-wrap .normal-cont{margin-bottom:30px;}
	.table-layout{table-layout:fixed;}

	.board-table{clear:both;width:100%;font-size:0.941rem;}
	.board-table a{color:#333;}
	.board-table thead th{padding:10px 0;background:#fafafa;border-bottom:1px solid #e0e0e0;color:#131313;border-top:2px solid #002d7a;font-weight:normal;}
	.board-table tbody td,.board-table tbody th{padding:7px 10px;word-break:break-all;text-align:center;color:#727171;line-height:1.5;vertical-align:middle;font-weight:normal;}
	.board-table thead th,.board-table tbody th,.board-table tbody td{border-left:1px solid #e0e0e0;border-bottom:1px solid #e0e0e0;}
	.board-table thead th:last-child,.board-table tbody td:last-child,.board-table thead td:last-child{border-right:1px solid #e0e0e0;}
	.board-table tbody th{color:#131313;background:#fafafa;}
	.board-table tbody td a:hover{text-decoration:underline;}
	.board-table tbody td.title{text-align:left;}
	.board-table tbody td.board-date{font-size:0.824rem;color:#999;}
	.board-table tbody tr.t-left td{text-align:left;padding:10px 0 10px 30px;}

	@media only screen and (max-width:991px){
	    .sub-wrap{padding:30px 0;}
		.normal-wrap{margin-top:20px;}
		.normal-wrap .normal-cont{margin-bottom:20px;}
		.sub-wrap .sub-contents{margin-top:50px;}
	    .sub-wrap .sub-title span{font-size:0.941rem;}
		.sub-contents h4.inner-title{margin:30px auto;font-weight:normal;}
		.sub-contents .img-padding{padding:30px 0;}
		.sub-contents .quote-text{margin-bottom:30px;}
	    .board-table tbody td,.board-table tbody th{line-height:1.3;}
	}

	@media only screen and (max-width:767px){
		.normal-wrap{margin-top:10px;}
		.normal-wrap .normal-cont{margin-bottom:10px;}
	    .sub-wrap .sub-title h3{font-size:2rem;font-weight:normal;}
		.inner-text p{margin-bottom:20px;}
		.sub-wrap .sub-contents{margin-top:30px;}
		.sub-contents h4.inner-title{margin:20px auto;font-size:1.5rem;font-weight:normal;}
		.sub-contents .img-padding{padding:20px 0;}
		.sub-contents .quote-text{margin-bottom:20px;font-size:1.5rem;line-height:1.3;}
		.board-table tbody td,.board-table tbody th{padding:7px 3px;}
	}

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

	@media only screen and (max-width:520px){
	    .sub-wrap .sub-title h3{font-size:1.5rem;}
		.inner-text p{margin-bottom:15px;}
		.sub-wrap .sub-contents,.sub-wrap .sub-contents.board{margin-top:20px;}
		.sub-contents .img-padding{padding:10px 0;}
		.sub-contents .quote-text{margin-bottom:10px;font-size:1.2rem;}
		.board-table tbody td,.board-table tbody th{padding:5px 2px;}
	}

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


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

	.subvis-wrap{position:relative;width:100%;height:240px;}
	.subvis-wrap.company{background:url('../../../images/site/sub/subvisual-company.jpg') no-repeat top center;}
	.subvis-wrap.product{background:url('../../../images/site/sub/subvisual-product.jpg') no-repeat top center;}
	.subvis-wrap.business{background:url('../../../images/site/sub/subvisual-business.jpg') no-repeat top center;}
	.subvis-wrap.myoffice{background:url('../../../images/myoffice/subvisual-office.jpg') no-repeat top center;}
	.subvis-wrap.mall{background:url('../../../images/site/sub/subvisual-product.jpg') no-repeat top center;}
	.subvis-wrap.community{background:url('../../../images/site/sub/subvisual-community.jpg') no-repeat top center;}
	.subvis-wrap.membership{background:url('../../../images/site/sub/subvisual-community.jpg') no-repeat top center;}
	.subvis-wrap.myoffice.login,.subvis-wrap.myoffice.find_id,.subvis-wrap.myoffice.join,.subvis-wrap.myoffice.modify{height:120px;}

	.subvis-wrap .subvis-inner{position:relative;height:240px;}
	.subvis-inner .sub-location{text-align:center;padding-top:55px;color:#fff;}
	.sub-location h3{font-size:2.222rem;font-family:'NotoM';}
	.sub-location .subvis-navi{margin:30px auto 0 auto;}
	.subvis-navi span{position:relative;font-size:1rem;padding:0 20px;}
	.subvis-navi span:after{font-family:'xeicon';position:absolute;top:1px;right:-10px;display:block;}
	.subvis-navi span:after{content:'\e93f';}
	.subvis-navi span:last-child:after{content:none;}
	.subvis-inner .subvis-snb{position:absolute;width:100%;left:0px;bottom:0px;height:45px;background:rgba(0,0,0,0.55);}
	.subvis-snb ul{}
	.subvis-snb ul li{float:left;text-align:center;display:table;height:45px;border-left:1px solid rgba(255,255,255,0.22);}
	.subvis-snb.company ul li{width:12.5%;}
	.subvis-snb.product ul li,.subvis-snb.business ul li,.subvis-snb.mall ul li{width:16.6%;}
	.subvis-snb.myoffice ul li{width:33.33%;}
	.subvis-snb.membership ul li{width:50%;}
	.subvis-snb.community ul li{width:14.285%;}
	.subvis-snb ul li:first-child{border-left:none;}
	.subvis-snb ul li a{font-size:0.96rem;display:table-cell;vertical-align:middle;color:#acacac;-webkit-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out;}
	.subvis-snb ul li a:hover,.subvis-snb ul li a.on{background:#fff;color:#131313;}
	.subvis-inner .submenu-select-wrap{display:none;}

	@media only screen and (max-width:991px){
	    .subvis-wrap,.subvis-wrap .subvis-inner{height:200px;}
		.subvis-inner .sub-location{padding-top:40px;}
	    .sub-location .subvis-navi{margin:15px auto 0 auto;}
	    .subvis-navi span{padding:0 10px;}
	    .subvis-inner .subvis-snb{display:none;}
		.subvis-snb ul li a{font-size:0.941rem;}
	    .subvis-inner .submenu-select-wrap{display:block;width:100%;position:absolute;left:0;bottom:0;padding:10px 1em 10px 1em;background:rgba(0,0,0,0.55);z-index:77;}
		.subvis-inner .submenu-select-wrap .submenu-select .menu .item{display:inline-block;width:100%;}
		.subvis-inner .submenu-select-wrap .submenu-select .menu .item a{display:block;}
		.submenu-select-wrap .ui.dropdown.submenu-select .default.text{color:#555;}
	}

	@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){
	    .subvis-wrap,.subvis-wrap .subvis-inner{height:180px;}
	    .subvis-navi span{padding:0 7px;font-size:0.941rem;}
	}


/******************************* mall : sub-common *******************************/

	.sub-wrap.mall-sub{padding:0 0 100px 0;}
	.sub-wrap.mall-sub .malltop-navi{padding:10px 0;background:#fafafa;border-top:1px solid #dedede;border-bottom:1px solid #dedede;}
	.malltop-navi{display:flex;display:-webkit-flex;}
	.sub-wrap.mall-sub .sub-contents{margin:0 auto;}
	.sub-wrap.mall-sub .malltop-text{height:100px;padding-top:25px;text-shadow:3px 3px 3px #000;text-align:center;color:#fff;font-family:'Roboto';letter-spacing:0;background:#54800f url('../../../images/mall/mall-top-bg.jpg') repeat-x top center;}
	.sub-wrap.mall-sub .malltop-text h4{font-size:1.1rem;}
	.sub-wrap.mall-sub .malltop-text h3{font-size:1.4rem;margin-top:5px;text-transform:uppercase;font-weight:600;}
	.sub-wrap .mall-title{width:60%;margin:30px auto 50px auto;display:flex;display:-webkit-flex;}
	.sub-wrap .mall-title span{display:table;padding:1rem;margin:0 0.1rem;border-radius:40px;font-size:1.071rem;border:1px solid #000e3f;color:#ddd;background:#000e3f;text-align:center;flex:1;-ms-flex:1;-webkit-flex:1;}
	.sub-wrap .mall-title span p{display:table-cell;vertical-align:middle;}
	.sub-wrap .mall-title span.active{background:#fff;color:#000e3f;border:1px solid #000e3f;font-family:'NotoM';}

	/* 제품상세보기 */
	.subprod-wrap{position:relative;display:inline-block;width:100%;margin:50px auto;}
	.subprod-wrap .item-topinfowrap{padding:0;display:flex;display:-webkit-flex;width:100%;}
	.item-topinfowrap .item-photo,.item-topinfowrap .item-topinfo{position:relative;flex:1;-ms-flex:1;-webkit-flex:1;}
	.item-photo .item-photo-image{width:500px;background:#fafafa;vertical-align:middle;}
	.item-photo .item-photo-image img{width:100%;}
	.subprod-wrap .cont-group{margin:30px 0 0 0;}
	.subprod-wrap .tab-container .tab-contents{padding:30px 0 0 0;text-align:center;}

	.item-topinfowrap .item-topinfo{padding:20px 0 0 150px;}
	.item-topinfo .item-topcont{position:relative;}
	.item-topcont p{position:relative;font-size:16px;color:#ccc;line-height:1.1;padding:10px 0 10px 0;letter-spacing:0;}
	.item-topcont .sns{position:absolute;right:0;top:0;}
	.item-topcont .sns ul{border-top:1px solid #ddd;border-left:1px solid #ddd;}
	.item-topcont .sns ul:after,.item-topinfo ul:after,.item-topinfo:after{content:"";display:block;clear:both;}
	.item-topcont .sns ul li{float:left;border-right:1px solid #ddd;border-bottom:1px solid #ddd;}
	.item-topcont .sns ul li a{display:block;}
	.item-topcont .sns ul li a img{width:30px;height:30px;}
	.item-topinfo .item-pd-title{font-size:1.8rem;color:#000;line-height:1.3;display:inline-block;font-family:'NotoM';vertical-align:top;margin-bottom:1rem;box-sizing:border-box;}
	.item-topinfo .item-pd-text{font-size:1rem;color:#999;line-height:1.4;padding:10px 0;}
	.item-topinfo .item-info-wrap{position:relative;}
	.item-info-wrap .item-info{color:#333;border-top:1px solid #dedede;border-bottom:1px solid #dedede;padding:30px 0 0 0;}
	.item-info dl{display:table;overflow:hidden;margin:0 0 1rem 0;width:100%;}
	.item-info dl dt{width:30%;font-size:1.071em;color:#333;display:table-cell;vertical-align:middle;}
	.item-info dl dd{/*width:70%;*/font-size:1em;color:#777;text-align:left;letter-spacing:0;margin:0;padding:0;}
	.item-info dl dd.big-price{color:#ea5504;}
	.item-info dl dd.big-price span{font-size:1.7rem;font-weight:600;padding-right:0.2rem;}
	/*옵션선택추가 2024.07.25*/
	.item-info dl dd.opt-button{display:flex;display:-webkit-flex;box-sizing:border-box;}
	.item-info dl dd.opt-button span{flex:1;-ms-flex:1;-webkit-flex:1;text-align:center;width:50%;display:table;}
	.item-info dl dd.opt-button span button{width:100%;height:40px;font-size:1.3rem;display:table-cell;vertical-align:middle;background:#fff;color:#dd7518;border:1px solid #d35d07;}
	.item-info dl dd.opt-button span:last-child button{background:#dd7518;color:#fff;}

	.choose-num .input-box{width:40px !important;margin:0 3px;text-align:center;}
	.choose-num li button{width:35px;height:35px;background:#fafafa;border:1px solid #dedede;cursor:pointer;text-align:center;}
	.choose-num li button span{vertical-align:middle;text-align:center;}
	.choose-num li button span:before{font-family:"FontAwesome";font-size:14px;text-transform:none;font-weight:normal;color:#777;}
	.choose-num li button span.icon-plus:before{content:'\f067';}
	.choose-num li button span.icon-minus:before{content:'\f068';}
	.choose-num li button:hover{background:#efefef;color:#fff;border:1px solid #dedede;}
	.item-info .choose-num{display:inline-block;}
	.item-info .choose-num li,.choose-num li{float:left;padding:0;}
	.mall-sub .item-info-wrap .choose-num .input-box,.mall-sub .item-info-wrap .choose-num li button{width:30px !important;height:30px;}

	.item-topinfo .goodsview-button{margin:5rem auto 0 auto;}
	.goodsview-button{display:flex;display:-webkit-flex;box-sizing:border-box;}
	.goodsview-button span{flex:1;-ms-flex:1;-webkit-flex:1;text-align:center;width:50%;display:table;}
	.goodsview-button span button{width:100%;height:70px;font-size:1.3rem;display:table-cell;vertical-align:middle;background:#fff;color:#000e3f;border:1px solid #000e3f;}
	.goodsview-button span:last-child button{background:#000e3f;color:#fff;}

	.item-tab-wrap{position:relative;margin:70px auto 0 auto;}
	.item-tab-wrap .item-tabs{clear:both;z-index:99;}
	.item-tabs{position:relative;}
	.item-tabs ul.tabs{margin:0;padding:0;list-style:none;width:100%;}
	ul.tabs li{float:left;text-align:center;cursor:pointer;overflow:hidden;position:relative;}
	.tabs.item-tab li{display:table;color:#777;font-size:1.071em;width:24%;padding:10px 0;cursor:pointer;margin-left:1%;background:#fafafa;border:1px solid #cacaca;text-align:center;}
	.tabs.item-tab li:first-child{margin-left:0;}
	.tabs.item-tab li.active{background:#0f3378;color:#fff !important;border:1px solid #0f3378;}
	.tabs.item-tab li span{display:table-cell;vertical-align:middle;}
	.tab-container{clear:both;width:100%;background:#fff;margin-top:30px;}
	.tab-contents{display:none;position:relative;padding:20px 20px 50px 20px;}
	.tabs.mall-tab li{display:table;color:#777;font-size:1.071em;width:33%;padding:20px 0;cursor:pointer;background:#fff;border-bottom:2px solid #cacaca;text-align:center;}
	.tabs.mall-tab li.active,.tabs.mall-tab li:hover{border-bottom:2px solid #002d7a;color:#002d7a;}
	.tabs.mall-tab li.active span{color:#002d7a;}
	.mall-list-view{width:20%;margin:50px auto 0 auto;background:#000;height:50px;line-height:50px;color:#fff !important;text-align:center;display:block;}


	@media only screen and (max-width:1200px){	
		.item-photo .item-photo-image{width:100%;height:auto;}
		.item-photo .item-photo-image img{width:100%;}
		.item-topinfowrap .item-photo:after,.item-topinfowrap .item-topinfo:after{content:'';clear:both;display:block;}
		.item-topinfowrap .item-photo{float:none;width:100%;}
		.item-topinfowrap .item-topinfo{width:100%;padding:20px 0 0 30px;float:none;}
		.tabs.item-tab li{font-size:0.929em;padding:7px 0;}
	
	}

	@media only screen and (max-width:991px){	
	    .sub-wrap.mall-sub{padding:0 0 50px 0;}
	    .subprod-wrap{margin:20px auto;}
		.mall-list-view{margin:30px auto 0 auto;height:40px;line-height:40px;}
		.subprod-wrap .item-topinfowrap{display:inline-block;}
		.item-topinfowrap .item-topinfo{padding:0;}
		.item-topinfo .item-pd-title{font-size:1.5rem;}
		.item-topinfo .goodsview-button{margin:3rem auto 0 auto;}
		.item-tab-wrap{margin:3rem auto 0 auto;}
		.item-topinfowrap .item-photo{margin-bottom:1rem;}
		.sub-wrap .mall-title{width:80%;margin:30px auto 30px auto;}
	}


	@media only screen and (max-width:767px){	
		.tabs.item-tab li{padding:0;height:45px;}
		.goodsview-button span button{height:50px;}
		.item-tab-wrap{margin:2rem auto 0 auto;}
		.tabs.mall-tab li{font-size:1rem;padding:0;}
		.tabs.mall-tab li span{display:table-cell;vertical-align:middle;height:50px;}
		.sub-wrap .mall-title span{padding:0.5rem 0.2rem;font-size:1rem;min-height:55px;}
	}



	/* 장바구니, 주문하기, 주문완료 */
	.cart-item-info{margin:0;padding:0;}
	.cart-item-info dt{float:left;width:20%;display:block;margin-right:5%;}
	.cart-item-info dt img{width:100%;height:auto;}
	.cart-item-info dd{color:#555;text-align:left;margin-left:25%;padding-top:10px;}
	.cart-item-info dd strong{color:#000;font-size:0.9rem;}
	.cart-choose-wrap{position:relative;display:inline-flex;}
	.cart-choose-wrap .choose-num.cart-choose{display:flex;display:-webkit-flex;}
	.cart-choose-wrap .choose-num.cart-choose li{}
	.cart-choose-wrap button.btn_change_qtyv{position:absolute;right:0;width:20%;top:0;padding:0;margin:0;}
	.sub-table .btn_delete{display:block;margin:0;padding:0;text-align:center;width:100%;}

	.cart-result-wrap2{position:relative;border:5px solid #e7e7e7;margin:30px auto;width:100%;}
	.cart-result-wrap2 ul{overflow:hidden;}
	.cart-result-wrap2 ul li{float:left;}
	.cart-result-wrap2 ul li.total-wrap{width:40%;min-height:145px;border-right:1px solid #dedede;box-sizing:border-box;display:table;text-align:center;}
	.cart-result-wrap2 ul li.total-wrap ol{overflow:hidden;display:table-cell;vertical-align:middle;}
	.cart-result-wrap2 ul li.total-wrap ol li{float:left;padding:30px 0;}
	.cart-result-wrap2 ul li.total-wrap ol li div.in{}
	.cart-result-wrap2 ul li.total-wrap ol li.total-prc{width:55%;border-right:1px dotted #dedede;box-sizing:border-box;}
	.cart-result-wrap2 ul li.total-wrap ol li.total-pv{width:45%;}
	.cart-result-wrap2 ul li.total-wrap .title{color:#777;margin:5px 0 10px 0;}
	.cart-result-wrap2 ul li.total-wrap .price{color:#333;font-size:1.286em;}
	.cart-result-wrap2 ul li.total-wrap .won{font-size:1em;}
	.cart-result-wrap2 ul li.result-wrap{width:60%;}
	.cart-result-wrap2 ul li.result-wrap dl{margin:0;padding:0;}
	.cart-result-wrap2 ul li.result-wrap .result-list{background:#fbfbfb;padding:10px 20px;border-bottom:1px dotted #dedede;box-sizing:border-box;}
	.cart-result-wrap2 ul li.result-wrap .result-list dl{overflow:hidden;}
	.cart-result-wrap2 ul li.result-wrap .result-list dl dt{float:left;color:#555;text-align:left;font-size:1.143em;width:35%;line-height:30px;}
	.cart-result-wrap2 ul li.result-wrap .result-list dl dd{float:right;color:#444;text-align:right;font-size:1.143em;line-height:30px;}
	.cart-result-wrap2 ul li.result-wrap .result-sum{background:#f4f4f4;padding:15px 20px;}
	.cart-result-wrap2 ul li.result-wrap .result-sum dl{overflow:hidden;}
	.cart-result-wrap2 ul li.result-wrap .result-sum dl dt{float:left;color:#2e2e2e;text-align:left;font-size:1.143em;width:35%;line-height:30px;}
	.cart-result-wrap2 ul li.result-wrap .result-sum dl dd{float:right;color:#444;text-align:right;font-size:17px;line-height:30px;}
	.cart-result-wrap2 ul li.result-wrap .result-sum dl dd span{font-size:1.857em;font-weight:bold;color:#000;line-height:30px;}
	.cart-result-bottom{width:40%;margin:0 auto;}
	.card-num{padding:10px;text-align:right;}
	.card-num span{padding-left:20px;font-weight:600;letter-spacing:0;}
	.card-num em{padding-left:3px;}

	.finish-wrap{position:relative;text-align:center;padding:30px 0 20px 0;}
	.finish-wrap .fas.fa-check-circle{font-size:8.571em;color:#becae3;margin-bottom:20px;}
	.finish-wrap .dot-line{margin:20px auto;width:90%;border-top:3px dotted #dedede;}
	.finish-wrap h4{color:#000;}
	.finish-wrap .finish-box{width:80%;margin:20px auto;text-align:center;padding:20px 50px;background:#fafafa;border:1px solid #d5dee7;color:#333;letter-spacing:0;}
	.finish-box p{position:relative;padding-left:10px;}

	.payment-group.cont-group{margin-bottom:2rem;}
	.input-box.t-right{padding:0 5px 0 0;}


	@media only screen and (max-width:1200px){	
		.cart-choose-wrap .choose-num.cart-choose{clear:both;float:none;width:100%;}
		.cart-choose-wrap button.btn_change_qtyv{clear:both;position:relative;width:90%;}
	}

	@media only screen and (max-width:991px){	
		.cart-result-bottom{width:50%;}
		.cart-item-info dd{font-size:1rem;}
		.mall-sub .btn_zipcode.basic{height:35px;}
		.mall-sub input.input-box.height40,.mall-sub select.select-box.height40{height:35px !important;line-height:35px !important;}
	}


	@media only screen and (max-width:767px){	
		.cart-item-info dd{padding-top:5px;}
		.choose-num .input-box,.choose-num li button{width:30px !important;height:30px;}
		.cart-choose-wrap button.btn_change_qtyv{height:30px;line-height:30px;}
		.cart-result-wrap2{margin:10px auto;}
		.cart-result-wrap2 ul li.total-wrap,.cart-result-wrap2 ul li.result-wrap{clear:both;width:100%;min-height:80px;}
		.cart-result-wrap2 ul li.result-wrap{border-top:1px solid #dedede;}
		.cart-result-bottom{width:100%;}
		.cart-result-wrap2 ul li.result-wrap .result-sum dl dd span{font-size:1.571em;}
		.finish-wrap .finish-box{width:90%;padding:20px;}
		.cart-result-bottom{width:100%;margin:2rem auto 0 auto;}
		.cart-choose-wrap.mall-cart{display:block;}
		.cart-choose-wrap.mall-cart .btn_change_qty{margin-top:5px;width:100%;margin:5px 0 0 0 !important;}
		.cart-item-info dd strong{font-size:1rem;}
		.sub-wrap .mall-title{width:100%;margin:20px auto 20px auto;}
		.sub-table .btn_delete{padding:0 0.3rem;}
		.mall-sub .ui.header.tbl-title{height:30px;font-size:1.1rem;}
	}


	@media only screen and (max-width:640px){	
		.cart-item-info dt,.cart-item-info dd{clear:both;width:100%;}
		.cart-item-info dd{padding-top:3px;text-align:center;margin-left:0;}
		.cart-item-info dt img{width:50%;}

	}

	@media only screen and (max-width:480px){	
		.choose-num .input-box,.choose-num li button span:before{font-size:12px;}
		.choose-num .input-box,.choose-num li button{width:25px !important;height:25px;}
		.cart-result-wrap2 ul li.total-wrap ol li{padding:0;}
		.mall-sub .check-wrap .mgl20{margin-left:5px !important;}
		.cart-item-info dd strong.pdt-name{display:none;}

	}




/******************************* ceo인사말 *******************************/

	.cont-ceo{position:relative;padding-left:400px;min-height:500px;background:url('../../../images/site/sub/company-ceo.jpg') no-repeat bottom left;}
    .cont-ceo.inner-text h4{font-weight:300;margin-bottom:50px;color:#5390cd;}
	.cont-ceo.inner-text h4 strong{display:block;color:#5390cd;letter-spacing:-0.04em;line-height:1.5;}
	.cont-ceo.inner-text p em{letter-spacing:10px;color:#131313;padding-left:20px;font-size:1.111rem;}

	@media only screen and (max-width:991px){
	    .cont-ceo.inner-text h4{margin-bottom:30px;}
	}

	@media only screen and (max-width:800px){
	    .cont-ceo{padding-left:0;min-height:900px;background:url('../../../images/site/sub/company-ceo.jpg') no-repeat bottom center;background-size:40% auto;}
	}

	@media only screen and (max-width:640px){
	    .cont-ceo.inner-text h4{margin-bottom:20px;}
		.cont-ceo{min-height:800px;}
	}

	@media only screen and (max-width:520px){
		.cont-ceo{min-height:750px;}
	}

	@media only screen and (max-width:480px){
		.cont-ceo{min-height:700px;}
	}

	@media only screen and (max-width:360px){
		.cont-ceo{min-height:650px;}
	}



/******************************* 기업개요 *******************************/

	.summary-slide{position:relative;}
	.summary-slide .slide-cont{text-align:center;margin:0 20px;}
	.summary-slide .slide-cont img{width:100%;}
	.summary-slide .slide-cont span{padding:20px 0;display:block;}
	.summary-slide .slick-arrow{position:absolute;opacity:0.7;width:60px;height:60px;margin-top:-50px;background:rgba(255,255,255,0.7);box-sizing:border-box;z-index:1;cursor:pointer;transition:all 0.3s ease-out;}
	.summary-slide .slick-arrow::after{content:'';position:relative;position:absolute;left:0;top:0;width:60px;height:60px;background:url('../../../images/site/common/icon-common.png') no-repeat;transition:all 0.3s ease-out;}
	.summary-slide .slick-arrow:hover{opacity:1;}
	.summary-slide .slick-prev{left:100px;top:50%;}
	.summary-slide .slick-prev::after{background-position:-200px -70px;}
	.summary-slide .slick-next{right:100px;top:50%;}
	.summary-slide .slick-next::after{background-position:-200px -130px;}

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



/******************************* ci *******************************/

	.ci-color{position:relative;display:inline-block;width:100%;margin:20px 0 0 0;}
	.ci-color li{float:left;width:25%;}
	.ci-color li .ci-color-box{margin-left:20px;box-sizing:border-box;padding:20px;min-height:125px;}
	.ci-color li .ci-color-box span{display:block;text-align:left;font-size:0.778rem;color:#fff;text-transform:uppercase;letter-spacing:1px;}
	.ci-color li:nth-child(1) .ci-color-box{background:#002e7a;margin-left:0px;}
	.ci-color li:nth-child(2) .ci-color-box{background:#5390cd;}
	.ci-color li:nth-child(3) .ci-color-box{background:#ea5705;}
	.ci-color li:nth-child(4) .ci-color-box{background:#767575;}

	@media only screen and (max-width:767px){
	    .ci-color li .ci-color-box{padding:15px;}
	}

	@media only screen and (max-width:640px){
	    .ci-color li .ci-color-box{margin-left:10px;min-height:165px;}
	}

	@media only screen and (max-width:520px){
	    .ci-color li .ci-color-box{padding:10px;min-height:155px;}
	}

	@media only screen and (max-width:480px){
	    .ci-color li .ci-color-box{padding:5px;margin-left:5px;}
	}



/******************************* 연혁 *******************************/

	.home-tabs{position:relative;}
	.home-tabs ul.home-tab{margin:0;padding:0;float:left;list-style:none;width:100%;}
	ul.home-tab li{float:left;width:33.33%;height:55px;display:table;text-align:center;background:#fff;cursor:pointer;overflow:hidden;position:relative;}
	ul.home-tab li span{font-size:1.1rem;letter-spacing:0px;display:table-cell;vertical-align:middle;color:#131313;border-left:1px solid #002d7a;border-top:1px solid #002d7a;border-bottom:1px solid #002d7a;}
	ul.home-tab li:last-child span{border-right:1px solid #002d7a;}
	ul.home-tab li.active{background:#002d7a;}ul.home-tab li.active span{color:#fff;}
	.tab-container{clear:both;width:100%;background:#fff;}
	.tab-contents{display:none;padding-bottom:50px;}

	.history-cont{width:100%;margin:100px auto;padding-bottom:100px;position:relative;}
	.history-cont:before{content:'';display:block;background:#ddd;width:1px;height:100%;position:absolute;left:50%;}
	.history-cont .cont{margin-bottom:50px;}
	.history-cont .cont:after{content:'';display:block;clear:both;}
	.history-cont .cont p{font-size:1rem;}
	.history-cont .cont > div{width:50%;float:left;min-height:1px;}
	.history-cont div.img-wrap{padding-right:10%;box-sizing:border-box;}
	.history-cont div.img-wrap img{width:100%;}
	.history-cont div.img-wrap p{height:52px;margin-bottom:10px;position:relative;}
	.history-cont div.img-wrap p span{position:absolute;bottom:0;left:0;}
	.history-cont .cont > div.text-wrap{padding-left:10%;position:relative;float:right;box-sizing:border-box;}
	.history-cont .cont > div.text-wrap:before{content:'';display:inline-block;width:20px;height:20px;border-radius:50%;background:#fff;border:1px solid #5390cd;position:absolute;z-index:2;top:20px;left:-10px;}
	.history-cont .cont > div.text-wrap:after{content:'';display:inline-block;width:10px;height:10px;border-radius:50%;background:#5390cd;border:1px solid #5390cd;position:absolute;z-index:2;top:25px;left:-5px;}
	.history-cont .cont > div.text-wrap .text{border:1px solid #ddd;padding:10px 20px;}
	.history-cont .cont > div.text-wrap .text:before{content:'';display:inline-block;width:20%;height:1px;background:#ddd;position:absolute;z-index:1;top:30px;left:0;}
	.history-cont .cont > div.text-wrap .text strong{display:inline-block;font-size:2rem;color:#000;line-height:1;margin-bottom:20px;font-family:'Titillium+Web';font-weight:bold;letter-spacing:1px;}
	.history-cont .cont > div.text-wrap .text p{color:#545454;margin-bottom:10px;width:100%;display:block;}
	.history-cont .cont > div.text-wrap .text p span{color:#131313;display:inline-block;margin-right:20px;vertical-align:top;}
	.history-cont .cont > div.text-wrap .text p em{display:inline-block;width:calc(100% - 60px);}
	.history-cont .cont > div.text-wrap .text.month-none p em{width:100%;}

	@media only screen and (max-width:991px){
		.tab-contents{padding-bottom:30px;}
	    ul.home-tab li{height:50px;}
		.history-cont{margin:50px auto;padding-bottom:0;}
		.history-cont .cont p{font-size:0.941rem;}
		.history-cont .cont > div.text-wrap .text strong{font-size:1.333rem;}
	}

	@media only screen and (max-width:767px){
	    .history-cont .cont{margin-bottom:20px;}
	}

	@media only screen and (max-width:640px){
		.tab-contents{padding-bottom:0;}
	    ul.home-tab li{height:45px;}
		.history-cont{margin:30px auto;}
		.history-cont div.img-wrap{padding-right:5%;}
		.history-cont .cont > div.text-wrap{padding-left:5%;}
		.history-cont .cont > div.text-wrap .text:before{width:10%;}
		.history-cont .cont > div.text-wrap .text strong{margin-bottom:10px;}
	}

	@media only screen and (max-width:520px){
	    ul.home-tab li{height:40px;}
		.history-cont div.img-wrap{display:none;}
		.history-cont .cont > div.text-wrap{width:100%;padding:0;}
		.history-cont .cont > div.text-wrap:before,.history-cont .cont > div.text-wrap:after,.history-cont .cont > div.text-wrap .text:before,.history-cont:before{content:none;}
	}

	@media only screen and (max-width:480px){
		.history-cont{margin:20px auto;}
	}



/******************************* 특허 및 인증 현황 *******************************/

	.patent-gallery{display:inline-block;width:100%;}
	.patent-gallery article{width:33.33%;float:left;position:relative;margin-bottom:20px;}
	.patent-gallery .patent-back{position:relative;background:#eef2f6;margin:0 10px;}
	.patent-back .front-img{display:block;width:70%;margin:0 auto;padding:50px 0 0 0;}
	.patent-back .front-img img{vertical-align:bottom;box-shadow:5px 5px 20px #bdcad6;}
	.patent-gallery article p{margin-top:30px;text-align:center;}

	@media only screen and (max-width:991px){
	    .patent-back .front-img{padding:30px 0 0 0;}
		.patent-gallery article p{margin:10px auto 20px auto;line-height:1.3;}
	}

	@media only screen and (max-width:640px){
	    .patent-gallery article{width:50%;}
	}



/******************************* 본사 및 부서별 안내 *******************************/

	.map-wrap{position:relative;margin-bottom:100px;}
	.map-wrap .location-map{width:90%;height:500px;margin:50px auto 0 auto;overflow:hidden;position:relative;}
	.map-wrap .location-info{width:1200px;margin:-50px auto 0 auto;background:#fff;border-top:2px solid #0b1e60;position:relative;z-index:11;}
	.location-info .info-content{padding:40px;position:relative;display:inline-block;}
	.location-info .info-content h4{font-size:1.667rem;color:#131313;position:absolute;font-family:'NotoM';}
	.location-info .info-content ul{padding-left:40px;margin-left:120px;border-left:3px dotted #ddd;display:inline-block;float:right;}
	.location-info .info-content ul li{float:left;width:50%;}
	.info-content dl{}
	.info-content dl dt{font-size:1.2rem;color:#5390cd;margin-bottom:30px;font-family:'NotoM';}
	.info-content dl dd{font-size:1rem;margin-bottom:10px;position:relative;line-height:1.7;}
	.info-content dl dd span{text-align:center;position:absolute;top:0;left:0;}
	.info-content dl dd span i{font-size:24px;}
	.info-content dl.adress-dl dd{padding-left:40px;font-size:1rem;}
	.info-content .circle-small{display:inline-block;width:25px;height:25px;border-radius:50%;background:#606d0e;color:#fff;text-align:center;}
	.info-content .inline{display:inline-block;}
	.info-content dl.factory{margin-left:200px;padding-left:40px;border-left:3px dotted #ddd;}
	.board-table.branch i.xi-maker-drop{font-size:1.5rem;color:#ea5504;}
	.branch_map .map-location{width:100%;height:400px;border:5px solid #fff;}

	@media only screen and (max-width:1200px){
	    .map-wrap{width:auto;}
		.map-wrap .location-map{width:100%;}
	    .map-wrap .location-info{width:100%;margin:20px auto 20px auto;}
		.info-content dl dd{font-size:0.941rem;}
	}

	@media only screen and (max-width:991px){
	    .map-wrap{margin-bottom:50px;}
		.branch_map .map-location{height:300px;}
	}

	@media only screen and (max-width:767px){
	    .map-wrap .location-map{height:400px;margin:30px auto 0 auto;}
		.location-info .info-content{padding:30px 10px;}
		.location-info .info-content h4{width:90px;}
		.location-info .info-content ul{padding-left:20px;margin-left:90px;}
		.info-content dl dt{margin-bottom:20px;}
		.branch_map .map-location{height:250px;}
	}

	@media only screen and (max-width:640px){
	    .map-wrap .location-map{height:300px;margin:20px auto 0 auto;}
		.location-info .info-content{padding:20px;}
		.location-info .info-content h4{width:100%;display:inline-block;position:relative;padding-bottom:10px;}
		.location-info .info-content ul {padding-left:0;margin-left:0;border-top:3px dotted #ddd;border-left:none;display:inline-block;float:none;}
		.location-info .info-content ul li{float:none;width:100%;}
		.location-info .info-content ul li:last-child{margin-top:30px;}
		.info-content dl dt{margin:20px 0;}
		.info-content dl.factory{width:100%;margin-left:0;padding-left:0;border-top:3px dotted #ddd;border-left:none;display:inline-block;float:none;}
	}

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

	@media only screen and (max-width:480px){
	   .location-info .info-content h4{font-size:1.5rem;}
	}



/******************************* 지역본부안내 *******************************/

	.branch-wrap{position:relative;border:1px solid #dedede;width:100%;height:600px;margin-bottom:50px;}
	.branch-wrap .branch-map{float:left;background:#f7f5f2;width:600px;height:598px;text-align:center;}
	.branch-map .map_part{cursor:pointer;}
	.branch-wrap .branch-cont{padding:30px;width:560px;float:right;}
	.branch-cont input,.branch-cont select{padding:0 5px;background:#fff;border:1px solid #dedede;}
	.branch-cont h4{color:#131313;font-size:1.944rem;font-family:'NotoM';font-weight:600;margin:0 0 10px 0;}
	.branch-cont h5{color:#555;font-size:1.059rem;}
	.branch-cont #bo_sch{padding:10px;background:#fafafa;margin:20px 0;text-align:center;border:1px solid #dedede;}
	.branch-cont .branch-select{width:80px;min-width:80px;height:38px;}
	.branch-cont .branch-input{height:40px;min-width:200px;margin:0 3px;}
	.btn_branch{width:60px;height:38px;color:#fff;background:#002d7a;border:none;cursor:pointer;}
	.btn_branch:hover{background:#002058;}
	.branch-wrap .branch-cont .branch-navi{position:relative;margin-top:10px;}
	.branch-navi .sido{display:flex;display:-webkit-flex;display:-moz-flex;display:-ms-flex;flex-wrap:wrap;-moz-flex-wrap:wrap;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;}
	.branch-navi .sido li{margin:0 1% 1% 0;}
	.branch-navi .sido li a{display:block;padding:7px 30px;text-align:center;background:#fafafa;border:1px solid #e0e0e0;}
	.branch-navi .sido li a:hover{border:1px solid #f98c51;background:#fff;}
	.branch-navi .sido li a.on{border:1px solid #ea5504;background:#ea5504;color:#fff;}

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


	@media only screen and (max-width:1200px){
	    .branch-wrap .branch-map,.branch-wrap .branch-cont{width:50%;}
	}

	@media only screen and (max-width:991px){
		.branch-wrap .branch-cont{padding:20px;}
		.branch-cont h4{font-size:1.7rem;font-weight:normal;margin:0 0 5px 0;}
		.branch-cont .branch-input{min-width:100px;width:100px;}
		.branch-navi .sido li a{padding:7px 25px;}
		.branch-wrap{height:550px;margin-bottom:30px;}
		.branch-wrap .branch-map{height:548px;}
		.board-searchbox ul li:first-child{width:70px;}
		.board-searchbox ul li .select-box,.board-searchbox ul li .input-box,.board-searchbox ul li button.basic{height:35px;}
		.board-searchbox ul li{margin:0 1px;}
		.board-searchbox{margin-top:10px;padding:10px 0;}
	}

	@media only screen and (max-width:767px){
		.branch-wrap{height:500px;}
		.branch-wrap .branch-map{height:498px;}
		.branch-navi .sido li a{padding:5px 18px;}
	}

	@media only screen and (max-width:640px){
		.branch-wrap{border:none;height:auto;margin-bottom:20px;}
	    .branch-wrap .branch-map,.branch-wrap .branch-cont{width:100%;}
		.branch-wrap .branch-map{height:400px;}
		.branch-wrap .branch-cont{padding:20px 0;}
	}

	@media only screen and (max-width:520px){
		.branch-wrap .branch-map{height:300px;}
		.branch-cont h4{font-size:1.4rem;}
	}

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



/******************************* 게시판 *******************************/

	.boardview-box{}
	.boardview-box h4{padding:0 0 1rem 0;text-align:center;box-sizing:border-box;border-bottom:2px solid #5390cd;color:#5390cd;font-size:1.2rem;}
	.board-table.board-view thead th,.board-table.board-view thead td{border-top:1px solid #e0e0e0;}
	.board-table.board-view thead td{color:#777;}
	.board-table.board-view .t-left{padding-left:1em;}
	.board-table.board-view .view-box.movie{padding:30px;}
	.view-box .bbs_contents p{padding:30px 0 20px 0;}

	.gallery-wrap{clear:both;border-top:1px solid #5390cd;border-bottom:1px solid #5390cd;padding:20px 0;}
	.gallery-wrap .gallery-cont li{border-left:1px solid #ddd;}
	.gallery-wrap .gallery-cont.board li{border-left:none;}
	.gallery-wrap .gallery-cont li:first-child{border-left:0;}
	.gallery-cont .gallery-box figcaption{text-align:center;padding:0.5rem 0.2rem;}
	.gallery-cont li a{display:block;border:2px solid transparent;box-sizing:border-box;}
	.gallery-cont li a:hover{opacity:0.9;border:2px solid #eee;}
	.gallery-cont li a:hover figcaption{color:#5390cd;}
	.gallery-cont .no-image{min-height:150px;background:#fafafa;padding-top:35px;text-align:center;}
	.board-cal{padding:1em;border:1px solid #dedede;background:#fafafa;}
	.board-cal .fc-toolbar h2{color:#5390cd;}
	.board-cal table thead.fc-head .fc-day-header{background:#eee;padding:1rem 0;} 

	.faq-search{padding:1em 3em;text-align:center;background:#002d7a;clear:both;box-sizing:border-box;border-radius:5px;}
	.faq-search .faq-search-cont{display:inline-flex;}
	.faq-search-cont span{margin:0 0.1rem;}
	.faq-search-cont span .select-box{width:150px;}
	.faq-search-cont span .input-box{width:350px;background:#fff;}
	.faq-search-cont span .select-box,.faq-search-cont span .input-box{height:40px;}

	.faq-tab-wrap{margin:1em auto;}
	.faq-tab-wrap .faq-tab{ width:70% !important;margin:0 auto !important;display:flex;align-items:center;}
	.faq-tab-wrap .faq-tab li{flex:1;margin:0 0.2rem;padding:1em 2em;cursor:pointer;border-bottom:2px solid #dedede;text-align:center;}
	.faq-tab-wrap .faq-tab li span{color:#777;font-size:1.071em;}
	.faq-tab li.active,.faq-tab li:hover{border-bottom:2px solid #5390cd;}
	.faq-tab li.active span,.faq-tab li:hover span{color:#5390cd;}
	.faq-content{}
	.faq-content .content.active{background:#eee;}
	.faq-content .content .num-list{margin:10px 0;padding-left:20px;}
	.faq-tab-wrap .tab-contents{padding-bottom:0px;}

	@media only screen and (max-width:1200px){
	    .faq-tab-wrap .faq-tab{ width:100% !important;}
	}

	@media only screen and (max-width:991px){
		.sub-contents.board .tab-container{margin-top:10px;}
		.faq-tab-wrap .tab-contents{padding:10px 0 0 0;}
		.faq-search{padding:0.5em 0;border-radius:3px;}
		.faq-tab-wrap .faq-tab li{padding:1em 0;}
		.faq-search-cont span .select-box{width:100px;}
		.faq-search-cont span .input-box{width:auto;}
		.faq-search-cont span .select-box,.faq-search-cont span .input-box{height:35px;}
		.boardview-box h4{font-size:1rem;}
	}

	@media only screen and (max-width:767px){
	    .faq-tab-wrap .faq-tab li span{font-size:0.941rem;}
		.gallery-wrap{padding:10px 0 0 0;}
	}

	@media only screen and (max-width:640px){
		.gallery-wrap .t-center{padding:0 0 10px 0;font-size:0.941rem;}
	}

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

	@media only screen and (max-width:480px){
		.faq-search-cont span .select-box{width:70px;}
		.faq-search-cont span .input-box{width:120px;}
		.faq-tab-wrap .faq-tab li{margin:0;}
	}



/******************************* business *******************************/

	.join-button{width:180px;height:60px;display:table;margin:50px auto 0 auto;position:relative;text-align:center;}
	.join-button span{display:table-cell;vertical-align:middle;text-align:center;color:#fff;font-size:1.176rem;}
	.join-button span i{padding-right:10px;font-size:1.471rem;}

	.inner-text.marketing{text-align:left;}
	.inner-text.marketing h6{margin-bottom:10px;color:#1471cd;font-size:1rem;}
	.inner-text.marketing h6 span{color:#454545;font-size:0.941rem;padding-left:5px;}
	.inner-text.marketing .pd-content{padding-left:20px;}
	.inner-text.marketing .num-list{padding-left:20px;}

	.inner-text.marketing.membership{font-size:0.941rem;}
	.inner-text.marketing.membership p{font-size:0.941rem;}

	.list-content{margin-bottom:30px;}
	.list-content dl dt{position:relative;display:block;padding-bottom:10px;font-family:'NotoM';}
	.list-content dl dd,.num-list li,.dot-list li{font-size:0.941rem;}
	.list-content .inner-list{margin-top:20px;}
	.list-content.pd-detail{position:relative;width:80%;margin:0 auto;}
	.list-content.pd-detail dl{padding:20px;border:1px solid #ddd;margin:10px auto 20px auto;background:#fafafa;}
	.list-content.pd-detail dl dt{color:#ea5504;font-size:1.1rem;}

	.dot-list{margin:10px auto;}
	.dot-list > li{position:relative;padding-left:10px;margin-left:5px;margin-bottom:5px;font-size:1rem;}
	.dot-list > li:before{content:'';position:absolute;top:8px;left:0px;width:4px;height:4px;border-radius:50%;background:#c2c6d3;}

	ol.num-list > li{list-style-type:decimal !important;padding-left:5px;margin-bottom:5px;}
	.num-list.point-list > li{border:1px solid #000;display:inline-block;width:100%;}

    .membership .dot-list{margin:5px 0;}
	.membership .dot-list > li{margin-left:0;}
	.membership p{margin:10px 0;}
	.inner-text.marketing.membership h6{font-size:1.1rem;margin:30px 0 10px 0;}

	.board-table.marketing{clear:both;margin-top:20px;}
	.board-table.marketing thead th,.board-table thead td{background:#fafaf;color:#131313;text-align:center;border-top:2px solid #002d7a;border-left:1px solid #e0e0e0;}
	.board-table.marketing tbody th{font-weight:normal;color:#131313;}
	.board-table.marketing tbody td{text-align:left;border-left:1px solid #e0e0e0;padding:10px 20px;}
	.board-table.marketing tbody tr:nth-child(1) th{background:#fff;}
	.board-table.marketing tbody tr:nth-child(2) th{background:#f7f7f7;}
	.board-table.marketing tbody tr:nth-child(3) th{background:#fffee7;}
	.board-table.marketing tbody tr:nth-child(4) th{background:#ffe9e7;}
	.board-table.marketing tbody tr:nth-child(5) th{background:#e8ffe7;}
	.board-table.marketing tbody tr:nth-child(6) th{background:#ffe4d5;}
	.board-table.marketing tbody tr:nth-child(7) th{background:#d5e6ff;}

	.join-info .business-btn{height:35px;line-height:35px;}
	.birth-cont{width:50%;}

	@media only screen and (max-width:1200px){
		.join-button{height:60px;margin:30px auto 0 auto;}
		.join-button span{font-size:1.176rem;}
	}

	@media only screen and (max-width:991px){
		.join-button{height:50px;margin:20px auto 0 auto;}
		.join-button span{font-size:1rem;}
	}

	@media only screen and (max-width:767px){
		.inner-text.marketing .pd-content{padding-left:10px;}
		.birth-cont{width:100%;}
		.dot-list > li{padding-left:0px;}
		.dot-list > li:before{content:none;}
	}

	@media only screen and (max-width:640px){
		.join-button{width:150px;height:45px;}
		.inner-text.marketing .pd-content{padding-left:0;}
		.dot-list > li{margin-left:0;margin-bottom:5px;}
		.board-table.marketing tbody td{padding:7px 10px;}
	}

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

	@media only screen and (max-width:480px){
		.join-button{height:40px;}
	}



/******************************* 커뮤니티 *******************************/

	.list-flex{display:flex;display:-webkit-flex;flex-wrap:wrap;-wekit-flex-wrap:wrap;margin-right:-10px;margin-left:-10px;}
	.list-flex li{-webkit-box-flex:0;}
	.list-flex.two li{max-width:50%;flex:0 0 50%;-ms-flex:0 0 50%;}
	.list-flex.three li{max-width:33.33%;flex:0 0 33.33%;-ms-flex:0 0 33.33%;}
	.list-flex.four li{max-width:25%;flex:0 0 25%;-ms-flex:0 0 25%;}
	.list-flex.five li{max-width:20%;flex:0 0 20%;-ms-flex:0 0 20%;}
	.app-info .list-flex{margin:0 auto 70px auto;background:#fafafa;padding:20px 0;text-align:center;}
	.app-info .list-flex span{display:block;position:relative;}

	.list-flex02{display:flex;display:-webkit-flex;flex-wrap:wrap;-wekit-flex-wrap:wrap;margin-right:-10px;margin-left:-10px;}
	.list-flex02 li{-webkit-box-flex:0;}
	.list-flex02.two li{max-width:50%;flex:0 0 50%;-ms-flex:0 0 50%;}
	.list-flex02.three li{max-width:33.33%;flex:0 0 33.33%;-ms-flex:0 0 33.33%;}
	.list-flex02.four li{max-width:25%;flex:0 0 25%;-ms-flex:0 0 25%;}
	.list-flex02.five li{max-width:20%;flex:0 0 20%;-ms-flex:0 0 20%;}
	.app-info .list-flex02{margin:0 auto 70px auto;background:#fafafa;padding:20px 0;text-align:center;}
	.app-info .list-flex02 span{display:block;position:relative;}
	.app-info .list-flex02 img{width:70%;}
	.app-info .list-flex02.four img{width:100%;}

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

	@media only screen and (max-width:991px){
	    .list-flex.three li{max-width:50%;flex:0 0 50%;-ms-flex:0 0 50%;}
	    .app-info .list-flex{margin:0 auto 50px auto;padding:10px 0;}
		.list-flex02.three li{max-width:50%;flex:0 0 50%;-ms-flex:0 0 50%;}
	    .app-info .list-flex02{margin:0 auto 50px auto;padding:10px 0;}
	}

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

	@media only screen and (max-width:640px){
	    .list-flex.three li{max-width:100%;flex:0 0 100%;-ms-flex:0 0 100%;}
		.list-flex02.three li{max-width:100%;flex:0 0 100%;-ms-flex:0 0 100%;}
		.list-flex02.two li{max-width:100%;flex:0 0 100%;-ms-flex:0 0 100%;}
		.list-flex02.four li{max-width:100%;flex:0 0 100%;-ms-flex:0 0 100%;}
		.app-info .list-flex02 img{width:100%;}
	}

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

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



/******************************* 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:1.5em 2em;height:600px;overflow-y:scroll;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-close{width:35px;height:35px;display:inline-block;position:absolute;top:30px;right:30px;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 !important;border:none;}
	.popup-close:hover{background:#080b34;color:#fff;text-decoration:none;}
	.popup-inner h2{font-size:24px;color:#000;margin-bottom:20px;letter-spacing:-0.5px;border-bottom:1px solid #dedede;padding-bottom:10px;font-weight:normal;font-family:'NotoM';}
	.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:#333;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:#333;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%;}

	.popup-inner02{width:600px;padding:1.2em 1.2em;height:600px;/*overflow-y:scroll*/;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-inner02.popup-page{width:1300px;position:absolute;top:50%;left:50%;height:600px;padding:0;overflow:scroll;}
	.popup-close02{width:35px;height:35px;display:inline-block;position:absolute;top:30px;right:30px;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 !important;border:none;}
	.popup-close02:hover{background:#080b34;color:#fff;text-decoration:none;}
	.popup-inner02 h2{font-size:24px;color:#000;margin-bottom:20px;letter-spacing:-0.5px;border-bottom:1px solid #dedede;padding-bottom:10px;font-weight:normal;font-family:'NotoM';}
	.popup-inner02.popup-page h2{margin-bottom:0;padding:10px 0 8px 20px;border-bottom:1px solid #fff;}
	.popup-inner02 h3{font-size:18px;color:#000;overflow:hidden;text-align:left;font-weight:normal;}
	.popup-inner02 h3 span{font-size:13px;color:#777;display:inline-block;text-align:right;float:right;position:relative;top:6px;}
	.popup-inner02 .form-box{margin:10px auto 20px auto;background:#eef3f8;padding:10px 20px;/* overflow-y: scroll; */}

    /* 결제시스템 */
	.popup-inner .homepop-wrap{}
	.homepop-wrap h3{padding:1rem 0 0.4rem 0;text-align:center;font-size:1.7rem;color:#002d7a;font-family:'NotoM';letter-spacing:-0.05em;}
	.homepop-wrap strong{display:block;}
	.homepop-wrap .box-text{padding:1.1em;margin:1.5rem auto;border-radius:5px;box-sizing:border-box;text-align:center;color:#fff;background:#002d7a;}
	.homepop-wrap .box-text strong{padding-bottom:0.4rem;font-size:1.3rem;font-weight:normal;font-family:'NotoM';}
	.homepop-wrap .box-text span{font-size:1rem;font-weight:normal;}
	.homepop-wrap .payment-cont{position:relative;}
	.homepop-wrap .payment-cont02{position:relative;}
	.homepop-wrap .payment-cont dl{margin:1.5em auto 2em auto;}
	.homepop-wrap .payment-cont02 dl{margin:1em auto 1em auto;}
	.payment-cont dl dt{padding-bottom:0.7rem;margin-bottom:1rem;font-size:1.1rem;color:#5390cd;width:100%;border-bottom:2px dotted #dedede;font-family:'NotoR';}
	.payment-cont dl dd{padding-left:130px;text-align:left;font-size:0.941rem;position:relative;}	
	.payment-cont dl dd .payment-icon{position:absolute;top:0;left:0;width:100px;height:100px;border-radius:50%;background:#eee;display:table;}
	.payment-cont dl dd .payment-icon.icon01{background:#eee url('../../../images/mall/pop-payment01.png') no-repeat center center;}
	.payment-cont dl dd .payment-icon.icon02{background:#eee url('../../../images/mall/pop-payment02.png') no-repeat center center;}
	.payment-cont dl dd .payment-icon.icon03{background:#eee url('../../../images/mall/pop-payment03.png') no-repeat center center;}
	.payment-cont dl dd .payment-icon.icon04{background:#eee url('../../../images/mall/pop-payment04.png') no-repeat center center;}
	.payment-cont dl dd .payment-icon.icon05{background:#eee url('../../../images/mall/pop-payment05.png') no-repeat center center;}
	.payment-cont dl dd p{color:#555;padding-top:10px;}
	.payment-cont dl dd p strong{color:#000;font-size:1.1rem;font-weight:normal;margin-bottom:0.5rem;}
	.payment-cont dl dd p em{color:#ec2d1c;}

	.payment-cont02 dl dt{padding-bottom:0.7rem;margin-bottom:1rem;font-size:1.1rem;color:#5390cd;width:100%;border-bottom:2px dotted #dedede;font-family:'NotoR';}
	.payment-cont02 dl dd{padding-left:130px;text-align:left;font-size:0.941rem;position:relative;}

	@media only screen and (min-width:641px){
		.popup-inner{width:400px;}
		.popup-inner02{width:400px;}
		.homepop-wrap .box-text02 img{height:60px;width:60px;}
	}

	@media only screen and (max-width:640px){
		.popup-inner{width:400px;}
		.popup-inner02{width:380px;height:570px;}
		.homepop-wrap .box-text02 img{height:60px;width:60px;}
	}

	.homepop-wrap .box-text02{/*height:120px;*/padding:1.1em;margin:1.5rem auto;border-radius:5px;box-sizing:border-box;text-align:center;color:#fff;background:#002d7a;}
	.homepop-wrap .box-text02 strong{padding-bottom:0.4rem;font-size:1.3rem;font-weight:normal;font-family:'NotoM';}
	.homepop-wrap .box-text02 span{font-size:1rem;font-weight:normal;}
	/*.homepop-wrap .box-text02 img{height:100px;width:100px;}*/
	.popup-inner .popup-button{display:flex;display:-webkit-flex;box-sizing:border-box;}
	.popup-inner .popup-button span{flex:1;-ms-flex:1;-webkit-flex:1;text-align:center;width:50%;display:table;}
	.popup-inner .popup-button span button{width:100%;height:70px;font-size:1.3rem;display:table-cell;vertical-align:middle;background:#fff;color:#9e032d;border:1px solid #3d0122;}
	.popup-inner .popup-button span:last-child button{background:#b30636;color:#fff;}

	.popup-inner .popup-button02{display:flex;display:-webkit-flex;box-sizing:border-box;}
	.popup-inner .popup-button02 span{flex:1;-ms-flex:1;-webkit-flex:1;text-align:center;width:50%;display:table;}
	.popup-inner .popup-button02 span button{width:60%;height:40px;font-size:1.0rem;display:table-cell;vertical-align:middle;background:#fff;color:#9e032d;border:0px solid #3d0122;border-radius:0.3em;}
	.popup-inner .popup-button02 span:last-child button{background:#b30636;color:#fff;}

	.popup-inner02 .popup-button02{display:flex;display:-webkit-flex;box-sizing:border-box;}
	.popup-inner02 .popup-button02 span{flex:1;-ms-flex:1;-webkit-flex:1;text-align:center;width:50%;display:table;}
	.popup-inner02 .popup-button02 span button{width:60%;height:40px;font-size:1.0rem;display:table-cell;vertical-align:middle;background:#fff;color:#9e032d;border:0px solid #3d0122;border-radius:0.3em;}
	.popup-inner02 .popup-button02 span:last-child button{background:#b30636;color:#fff;}

     /* 평균후원수당공지 */
	.avgpay-tabs{}
	.avgpay-tabs .avgpay-tab{margin:30px auto 0 auto;padding:0;list-style:none;width:100%;display:inline-block;}
	.avgpay-tab li{width:14.28%;height:35px;float:left;display:table;text-align:center;background:#fff;cursor:pointer;overflow:hidden;position:relative;}
	.avgpay-tab li span{font-size:0.941rem;letter-spacing:0px;display:table-cell;vertical-align:middle;color:#777;border-left:1px solid #002d7a;border-top:1px solid #002d7a;border-bottom:1px solid #002d7a;}
	.avgpay-tab li:last-child span{border-right:1px solid #002d7a;}
	.avgpay-tab li.active,.avgpay-tab li:hover{background:#002d7a;}ul.avgpay-tab li.active span,ul.avgpay-tab li:hover span{color:#fff;}

	.homepop-wrap .avgpay-contents{letter-spacing:0;padding-bottom:50px;}
	.avgpay-contents h3{font-size:1.1rem;padding:0;box-sizing:border-box;background:#fff;text-align:center;color:#ff600a;font-family:inherit;}
	.avgpay-contents h4{display:block;font-size:0.941rem;padding-left:12px;margin:20px auto 10px auto;color:#3877b5;position:relative;}
	.avgpay-contents h4:before{content:'';position:absolute;top:8px;left:0;width:5px;height:5px;border-radius:50%;background:#3877b5;}
	.avgpay-contents .board-table tbody td,.avgpay-contents .board-table tbody th,.avgpay-contents .board-table thead th{padding:5px;font-size:0.857rem;}
	.avgpay-contents .board-table tbody th{background:#fff;color:#555;}
	.avgpay-contents .board-table tbody tr:last-child th{background:#fafafa;color:#000;}



/******************************* 제품소개 *******************************/

/* 전체제품 */
.all-goods-wrap{position:relative;}
.all-goods-wrap .all-goods{box-sizing:border-box;padding:10px;margin:0 auto 70px auto;background:#454d55;}
.all-goods .all-goods-top{padding:20px 0;text-align:center;color:#fff;}
.all-goods .all-goods-top h4{font-size:1.5rem;margin-bottom:0.7rem;}

.goods-retail-wrap{position:relative;}
.goods-retail-wrap .goods-top{text-align:center;margin:0 auto 2rem auto;}
.goods-retail-wrap .goods-retail-table{width:1000px;margin:3rem auto 0 auto;}
.goods-retail-table .board-table{border-top:2px solid #333;}
.goods-retail-table .board-table td{text-align:left;padding:10px;line-height:1.5;}
.goods-retail-table .board-table td .td-point{display:block;color:#000;margin-bottom:0.5rem;font-size:1.1rem;}
.goods-retail-table .board-table td .dot-list > li{margin-left:0;font-size:0.941rem;}
.goods-button-wrap{position:relative;width:200px;margin:70px auto 0 auto;}
.regular-button{width:100%;display:table;height:45px;text-align:center;box-sizing:border-box;padding:0 30px;transition:all 1s cubic-bezier(0, 0, 0, 1.01) 0s;}
.regular-button span{display:table-cell;vertical-align:middle;}

.goods-retail-wrap .goods-explain{text-align:center;}
.goods-explain span,.goods-explain{font-size:2rem;padding:1rem 1.8rem 1rem 1.8rem;line-height:1.3;letter-spacing:-0.05em;font-family:'Noto Serif KR', serif;color:#ea5504;position:relative;/*display:block;*/}
.goods-explain span:before{content:'';position:absolute;left:0;top:12px;width:27px;height:19px;margin:0;background-image:url('../../../images/site/common/icon-common.png');background-repeat:no-repeat;}
.goods-explain span:before{background-position:-200px -370px;}
.goods-explain span:after{content:'';position:absolute;right:0;top:12px;width:27px;height:19px;margin:0;background-image:url('../../../images/site/common/icon-common.png');
background-repeat:no-repeat;}
.goods-explain span:after{background-position:-200px -390px;}


.all-goods .all-goods-list{background:#fff;padding:0 10px;}
.all-goods-list ul{display:flex;flex-wrap:wrap;display:-webkit-flex;-webkit-flex-wrap:wrap;margin-right:-10px;margin-left:-10px;}
.all-goods-list ul li{max-width:25%;flex:0 0 25%;-ms-flex:0 0 25%;-webkit-box-flex:0;z-index:2;box-sizing:border-box;}
.all-goods-list ul li a{display:block;margin:20px;border:1px solid #dedede;background:#fff;text-align:center;}
.all-goods-list ul li a .text{color:#333;font-size:1.2rem;padding:10px;line-height:1.4;}
.all-goods-list ul li a .text span{display:block;font-size:0.941rem;padding-top:5px;color:#777;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.all-goods-list ul li a:hover{border:1px solid #454d55;}

/* S-Body 프리미엄 프로그램 */
.itemsub-wrap{position:relative;display:inline-block;width:100%;margin-top:-50px;margin-bottom:30px;}
.itemsub-wrap article{position:relative;float:left;width:33.33%;padding:0 20px;box-sizing:border-box;}
.itemsub-wrap article h5{position:absolute;top:-50px;left:50%;margin-left:-50px;width:100px;height:100px;border-radius:50%;display:table;background:#ea5504;z-index:10;}
.itemsub-wrap article h5 span{font-size:1.5rem;color:#fff;display:table-cell;vertical-align:middle;text-align:center;}
.itemsub-wrap article h5 span em{font-weight:bold;padding-right:2px;font-size:1.2em;}
.itemsub-wrap .itemsub-cont{min-height:360px;z-index:2;position:relative;text-align:center;padding:50px 30px 40px 30px;border:1px solid #dedede;margin:0;background:#fff;}
.itemsub-cont h6{font-size:1.5rem;color:#000;margin:20px 0;font-weight:normal;}
.itemsub-cont .sub-button.itemsub{width:50%;margin:30px auto 0 auto;}
.sub-button{width:100%;display:table;height:45px;text-align:center;box-sizing:border-box;transition:all 1s cubic-bezier(0, 0, 0, 1.01) 0s;}
.sub-button.itemsub{border:1px solid #ea5504;background:#fff;color:#ea5504;}
.sub-button.itemsub:hover{background:#ea5504;border:1px solid #ea5504;color:#fff;}
.sub-button span{display:table-cell;vertical-align:middle;font-size:0.941rem;}
.sub-button span i{padding-left:10px;}

.sub-contents.itemsub .itemsub-box{position:relative;margin:20px auto 0 auto;border:1px solid #5390cd;background:#f4f9fd;padding:30px;}
.sub-contents.itemsub th.itemsub-title{font-size:1.3rem;font-family:'NotoM';color:#5390cd;padding:20px 0;background:#fff;border:none !important;}
.sub-contents.itemsub th{font-size:1.2rem;color:#fff;background:#75b0eb;border-left:1px solid #5390cd;border-top:1px solid #5390cd;}
.sub-contents.itemsub th:last-child{border-right:1px solid #5390cd;}
.sub-contents.itemsub tr.t-left td{line-height:35px;font-size:1rem;color:#555;}
.sub-contents.itemsub .home-tab{margin-bottom:30px;}
.sub-contents.itemsub .home-tab span a{display:block;}
.sub-contents.itemsub .home-tab .active span a{color:#fff;}
.sub-contents.itemsub .dot-list li:before{top:15px;}



	@media only screen and (max-width:1200px){
	    .goods-retail-wrap .goods-retail-table{width:100%;margin:2rem auto 0 auto;}
		.all-goods-list ul li{max-width:33.33%;flex:0 0 33.33%;-ms-flex:0 0 33.33%;}
	}

	@media only screen and (max-width:991px){
		.all-goods-list ul li{max-width:50%;flex:0 0 50%;-ms-flex:0 0 50%;}
		.all-goods-list ul li a{margin:10px;}
		.all-goods-list ul li a .text{font-size:1.1rem;}
		.goods-button-wrap{width:180px;margin:50px auto 0 auto;}
		.all-goods-wrap .all-goods{margin:0 auto 50px auto;}
		.sub-contents.itemsub tr.t-left td{padding:10px;}
		.sub-contents.itemsub .dot-list li{line-height:1.3;padding-left:0px;}
		.sub-contents.itemsub .dot-list li:before{content:none;}
	}

	@media only screen and (max-width:767px){
		.all-goods-list ul li a .text{font-size:1rem;}
		.goods-explain span:before{content:none;}
		.goods-explain span:after{content:none;}
		.goods-button-wrap{width:150px;margin:30px auto 0 auto;}
		.goods-explain{padding:0;}
		.goods-explain span{font-size:1.5rem;padding:0;}
		.goods-retail-wrap .goods-top{margin:0 auto 1rem auto;}
	    .goods-retail-wrap .goods-retail-table{margin:1rem auto 0 auto;}
		.sub-contents.itemsub tr.t-left td{padding:5px;line-height:1.3;}
	}

	@media only screen and (max-width:640px){
		.all-goods-wrap .all-goods{margin:0 auto 30px auto;}
	}

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

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