@charset "utf-8";


/*******************************  sub : common *******************************/

	.sub-container h1,.sub-container h2,.sub-container h3,.sub-container h4,.sub-container h5,.sub-container h6{display:block;margin:0;padding:0;line-height:1.5;letter-spacing:-0.01em;}
	.sub-container h1{font-size:1.714em;}/* 24px */
	.sub-container h2{font-size:1.571em;}/* 22px */
	.sub-container h3{font-size:1.429em;}/* 20px */
	.sub-container h4{font-size:1.286em;}/* 18px */
	.sub-container h5{font-size:1.143em;}/* 16px */
	.sub-container h6{font-size:1em;}/* 14px */
	.sub-container strong,.sub-container dl dt,.sub-container .snb-title{font-family:'NotoM';font-weight:normal;}
	.t-normal{font-size:1em !important;color:#777;}
	.division-line{margin:20px auto;width:100%;height:1px;background:#d1dfec;display:block;}
	.division-line.margin10{margin:10px auto;}
	.t-explain{font-size:0.875em;color:#6f93d8;margin-bottom:10px;}.t-explain i{font-size:1em;}
	.t-explain02{font-size:1.275em;color:#6f93d8;margin-bottom:10px;}.t-explain02 i{font-size:1.2em;}

    /* select,input */
	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:0.941rem;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;}

	/* radio */
	.check-wrap input[type=radio]:not(old){margin:0;padding:0;opacity:0;background:url('../../../images/myoffice/check_on.png') no-repeat 0 0;background-size:22px 22px;width:0;/*height:35px;*/}
	.check-wrap input[type=radio]:not(old) + label{display:inline-block;text-align:left;height:22px;padding-left:27px;background:url('../../../images/myoffice/check_off.png') no-repeat 0 0;background-size:22px 22px;line-height:22px;vertical-align:middle;letter-spacing:-0.5px;}
	.check-wrap input[type=radio]:not(old):checked + label{background:url('../../../images/myoffice/check_on.png') no-repeat 0 0;background-size:22px 22px;}

	/* checkbox */
	.check-wrap{overflow:hidden;}
	.check-wrap input[type=checkbox]:not(old){margin:0;padding:0;opacity:100;background:url('../../../images/myoffice/check_on2.png') no-repeat 0 0;background-size:22px 22px;width:22px;height:22px;}
	.check-wrap input[type=checkbox]:not(old) + label{display:inline-block;float:left;text-align:left;padding-left:27px;background: url('../../../images/myoffice/check_off2.png') no-repeat left center;background-size:22px 22px;line-height:35px;vertical-align:middle;}
	.check-wrap input[type=checkbox]:not(old):checked + label{background:url('../../../images/myoffice/check_on2.png') no-repeat left center;background-size:22px 22px;}

	@media only screen and (max-width:991px){	
		.mm-mgt10{margin-top:0.5em;}	
		.sub-container strong,.sub-container dl dt{font-family:'Apple-Gothic','애플고딕','Malgun Gothic','Droid Sans', 'Tahoma', 'dotum', '돋움','gulim','굴림',sans-serif;font-weight:bold;}	
		.division-line{margin:10px auto;}
	}

	@media only screen and (max-width:480px){
		.check-wrap input[type=radio]:not(old){background-size:18px 18px;width:0;}
		.check-wrap input[type=radio]:not(old) + label{height:18px;padding-left:22px;background-size:18px 18px;line-height:18px;}
		.check-wrap input[type=radio]:not(old):checked + label{background-size:18px 18px;}
	}
		


/*******************************  sub : layout *******************************/

    .sub-container{position:relative;background:#f5f8fb;border-right:1px solid #d5dee7;border-bottom:1px solid #d5dee7;min-height:100vh;z-index:101;border-radius:.28571429em;-webkit-border-radius:.28571429em;-moz-border-radius:.28571429em;}

    .sub-container.office{position:relative;margin-top:-50px;background:#f5f8fb;border-right:1px solid #d5dee7;border-bottom:1px solid #d5dee7;min-height:100vh;z-index:101;border-radius:.28571429em;-webkit-border-radius:.28571429em;-moz-border-radius:.28571429em;}
	.sub-container .left-wrap{position:absolute;width:23%;height:100%;min-height:100vh;float:left;background:#011233;border-radius:.28571429em 0 0 .28571429em;-webkit-border-radius:.28571429em 0 0 .28571429em;-moz-border-radius:.28571429em 0 0 .28571429em;}
	.sub-container .right-wrap{position:relative;margin-left:23%;padding:1.5em;min-height:100vh;}
	.sub-container .left-wrap:after,.sub-container .right-wrap:after{clear:both;content:'';display:block;visibility:hidden;}
	.right-wrap .sub-contents{margin-left:2em;}
	.sub-contents .ui.header.tbl-title{}
	.sub-contents .ui.header.tbl-title.margin0{margin:0;}
	.sub-contents .ui.header.tbl-title i{margin-right:0.3em;}
	.substance-wrap{clear:both;position:relative;display:inline-block;width:100%;}
	.substance-wrap .middle-left{width:49%;float:left;}
	.substance-wrap .middle-right{width:49%;float:right;}



	@media only screen and (max-width:991px){	
	    .ui.container.contents-wrap .contents-box{margin:0 auto;height:auto;min-height:auto;position:relative;}
        .ui.inverted.vertical.masthead.center.aligned.top-contents.mm-top{position:relative;width:100%;height:auto;background:url('../../../images/myoffice/mobile-header-bg.png') repeat-x center top;background-size:100% auto;z-index:100;}
		.ui.container.contents-wrap.mm-sub{width:100%;margin:0;margin-left:0 !important;margin-right:0 !important;}
		.ui.container.contents-wrap.mm-sub .sub-container{border-bottom:none;border-right:none;}
		.sub-container .right-wrap{margin-left:0;padding:0;}
		.right-wrap .sub-contents{margin-left:0;padding:2%;}	
		.sub-contents-wrap .ui.header.tbl-title{width:100%;border-bottom:none;height:30px;font-size:1.071em;margin-bottom:0;}
		.substance-wrap .middle-left,.substance-wrap .middle-right{width:100%;float:none;}
		.mm-mgt10{margin-top:0.5em;}
		.sub-container.office{margin-top:0;}
		
	}

	@media only screen and (max-width:767px){
		.sub-container h1{font-size:1.571em;}/* 22px */
		.sub-container h2{font-size:1.429em;}/* 20px */
		.sub-container h3{font-size:1.286em;}/* 18px */
		.sub-container h4{font-size:1.143em;}/* 16px */
		.sub-container h5{font-size:1em;}/* 14px */
		.sub-container h6{font-size:0.929em;}/* 13px */
	}
		


/*******************************  sub : table *******************************/

	.table-wrap{margin:1em 0;}
	.table-wrap .normal-table{clear:both;width:100%;}
	.normal-table thead tr th{padding:0.7em 0;font-size:1em;line-height:1.2em;color:#111;font-weight:bold;border-bottom:1px solid #464646;border-top:2px solid #464646;text-align:center;}
	.normal-table tbody tr td{padding:0.7em 0;font-size:1em;line-height:1.2em;color:#555;border-bottom:1px solid #c2c2c2;text-align:center;}
	.normal-table tbody tr td.t-left,.normal-table tbody tr td.t-right{padding:0 1em;}
	.normal-table .td-blank{padding:1.5em 0;background:#f4faf1;}
	.normal-table input[type="checkbox"]{width:17px;height:17px;margin-right:0.3em;}
	.normal-table .table-bottom{padding:1em 1em 1em 0;background:#eee;text-align:right;}
	.table-bottom label{margin-right:0.3em;}

	.table-wrap .bg-table{clear:both;width:100%;background:#f6f6f6;}
	.bg-table thead tr th{padding:0.7em 0;font-size:1em;line-height:1.2em;color:#111;font-weight:bold;text-align:center;}
	.bg-table tbody tr td{padding:0.7em 0;font-size:1em;line-height:1.2em;color:#555;text-align:center;}
	.bg-table .foot-item{text-align:center;padding:1em 0;border-top:1px solid #c2c2c2;border-bottom:1px solid #c2c2c2;}
	.bg-table tbody tr td.t-left,.bg-table tbody tr td.t-right{padding:0 1em;}

	.sub-table-wrap{clear:both;margin:0 auto;border-top:1px solid #011233;border-bottom:1px solid #dedede;overflow-x:auto;}
	.sub-table-wrap table.sub-table{clear:both;width:100%;}
	.sub-table-wrap table.sub-table tr th{background:#eef3f8;color:#333;font-weight:normal;}
	/*.sub-table-wrap table.sub-table tr th,.sub-table-wrap table.sub-table tr td{padding:0.78571429em 0.5em;font-size:0.941rem;white-space:inherit;line-height:1.4;}*/
	.sub-table-wrap table.sub-table tr th,.sub-table-wrap table.sub-table tr td{padding:0.78571429em 0.5em;font-size:0.941rem;line-height:1.4;}
	.sub-table-wrap table.sub-table tr th,.sub-table-wrap table.sub-table tr td{border-left:1px solid #dedede;border-right:1px solid #dedede;}
	.sub-table-wrap table.sub-table td{border-top:1px solid #dedede;color:#555;}
	.sub-table-wrap table.sub-table td a.td-link{color:#2472bb;}
	.sub-table-wrap table.sub-table td a.td-link:hover{text-decoration:underline;}
	.sub-table-wrap table.sub-table tr.td-center td{text-align:center;}
	.sub-table-wrap table.sub-table tr.data-none td{text-align:center;}
	.sub-table-wrap table.sub-table tr td.ft17{font-size:19px;}
	tr.td-right td,tr.td-right th{text-align:right;}
	.sub-table-wrap.board{overflow-x:hidden;}


	.sub-table-alim {clear:both;margin:0 auto;border-top:1px solid #011233;border-bottom:1px solid #dedede;overflow-x:hidden;}
	.sub-table-alim table.sub-table{clear:both;width:100%;}
	.sub-table-alim table.sub-table tr th{background:#eef3f8;color:#333;font-weight:normal;}
	.sub-table-alim table.sub-table tr th,.sub-table-alim table.sub-table tr td{padding:0.78571429em 0.5em;font-size:0.941rem;white-space:inherit;line-height:1.4;}
	.sub-table-alim table.sub-table tr th,.sub-table-alim table.sub-table tr td{border-left:0px solid #dedede;border-right:0px solid #dedede;}
	/*.sub-table-alim table.sub-table td{border-top:1px solid #dedede;color:#555;}*/
	.sub-table-alim table.sub-table td{border-top:0px solid #dedede;color:#555;}
	.sub-table-alim table.sub-table td a.td-link{color:#2472bb;}
	.sub-table-alim table.sub-table td a.td-link:hover{text-decoration:underline;}
	.sub-table-alim table.sub-table td.top-line {border-top:1px solid #2472bb;color:#555;}
	.sub-table-alim table.sub-table td.f-blue {color:#3366cc;font-size:15px;}
	.sub-table-alim table.sub-table td.f-black {color:#000000;}
	.sub-table-alim table.sub-table td.pl20 {padding-left:20px;}
	.sub-table-alim table.sub-table img.img_name {width:50%;}
	.sub-table-alim table.sub-table tr.td-center td{text-align:center;}	
	.sub-table-alim table.sub-table tr.data-none td{text-align:center;}
	tr.td-right td,tr.td-right th{text-align:right;}
	.sub-table-wrap.board{overflow-x:hidden;}


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

	@media only screen and (max-width:991px){
	    .sub-table-wrap{overflow-x:scroll;}
	    /*.sub-table-wrap table.sub-table tr th,.sub-table-wrap table.sub-table tr td{padding:0.7em 1em;font-size:1rem;}*/
		.sub-table-wrap table.sub-table tr th,.sub-table-wrap table.sub-table tr td{font-size:1rem;}
		.sub-table-alim{overflow-x:scroll;}
	    /*.sub-table-alim table.sub-table tr th,.sub-table-alim table.sub-table tr td{padding:0.7em 1em;font-size:1rem;}*/
		.sub-table-alim table.sub-table tr th,.sub-table-alim table.sub-table tr td{padding:0.7em 1em;font-size:1rem;}
		.sub-table-alim table.sub-table img.img_name {width:100%;}
	}

	@media only screen and (max-width:767px){
	    /*.sub-table-wrap table.sub-table tr th,.sub-table-wrap table.sub-table tr td{padding:0.5em;font-size:0.941rem;}*/
		.sub-table-wrap table.sub-table tr th,.sub-table-wrap table.sub-table tr td{font-size:0.941rem;}
		.sub-table-alim table.sub-table tr th,.sub-table-alim table.sub-table tr td{padding:0.5em;font-size:0.941rem;}
		.normal-table thead tr th{padding:0.6em 0;}
		.normal-table tbody tr td{padding:0.6em 0;}
		.sub-table-alim table.sub-table img.img_name {width:100%;}
	}

	@media only screen and (max-width:480px){
		.sub-table-alim table.sub-table img.img_name {width:100%;}
	}



/*******************************  sub : 왼쪽메뉴(snb) *******************************/

    /* snb-title */
	.m-snb-wrap{display:none;}
	.snb-wrap{position:relative;}
	.snb-wrap .snb-title-wrap{display:inline-block;width:100%;height:100px;background:#2473bb;border-radius:.28571429em 0 0 0;-webkit-border-radius:.28571429em 0 0 0;-moz-border-radius:.28571429em 0 0 0;}
	.snb-title-wrap .snb-title{position:relative;padding:30px;color:#fff;line-height:40px;font-weight:500;}
	.icon-circle{display:table;width:40px;height:40px;border-radius:50%;float:left;margin-right:0.5em;background:#0a4f8d;}
	.icon-circle span{display:table-cell;vertical-align:middle;text-align:center;cursor:default;}
	.icon-circle span:before{font-family:'Icons';color:#fff;font-size:0.9em;font-weight:normal;font-style:normal;text-transform:none;}
	.icon-circle span.m-icon01:before{content:'\f0c0';}
	.icon-circle span.m-icon02:before{content:'\f291';}
	.icon-circle span.m-icon03:before{content:'\f091';}
	.icon-circle span.m-icon04:before{content:'\f130';}

	.officetop-menu{position:relative;}
	.officetop-menu ul{padding-top:50px;width:80%;margin:0 auto;text-align:center;}
	.officetop-menu ul li{float:left;width:16%;}
	.officetop-menu ul li a{position:relative;width:100px;height:100px;border-radius:50%;margin:0 auto;display:table;background:rgba(255,255,255,0.9);}
	.officetop-menu ul li a:before{content:'';position:absolute;top:50%;left:50%;margin:-60px 0 0 -60px;display:block;width:120px;height:120px;background:none;border-radius:50%;border:2px dotted rgba(255,255,255,0.3);}
	.officetop-menu ul li a span{display:table-cell;vertical-align:middle;font-family:'NotoM';color:#333;}
	.officetop-menu ul li a:hover:before{border:2px dotted rgba(255,255,255,0.7);}
	.officetop-menu ul li a.on:before{border:2px dotted rgba(255,255,255,1);}.officetop-menu ul li a.on{background:rgba(255,255,255,1);}
	.officetop-menu.login,.officetop-menu.membership{display:none;}

    /* snb-menu */
	.snb-wrap .snb-menu{position:relative;margin-top:10px;}
	.snb-menu ul{display:inline-block;width:100%;}
	.snb-menu ul li{float:none;position:relative;width:100%;border-bottom:1px solid #1d2c49;height:44px;}
	.snb-menu ul li a{display:block;color:#94a8cd;font-size:1em;padding-left:30px;line-height:45px;}
	.snb-menu ul li a i{position:absolute;right:20px;top:12px;color:#2473bb;}
	.snb-menu ul li a.snb-on,.snb-menu ul li a:hover{background:#041a3d;color:#fff;height:43px;display:block;overflow:hidden;}
	.snb-menu ul li a:hover i,.snb-menu ul li a.snb-on i{color:#fff;}


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

	@media only screen and (max-width:991px){
		.subvis-wrap.myoffice,.subvis-wrap.myoffice .subvis-inner{position:relative;height:140px;}
	   .m-snb-wrap{display:block;padding-top:60px;}
		.m-snb-wrap #sub_gnb1{position:relative;left:0;width:100%;height:40px;z-index:99;background:none;-webkit-transition:all 0.2s ease-out;-moz-transition:all 0.2s ease-out;-o-transition:all 0.2s ease-out;transition:all 0.2s ease-out;max-width:inherit;margin:inherit;}
		#sub_gnb1 ul.gnb_ul{font-size:1em;opacity:1;position:relative;width:100%;text-align:center;white-space:nowrap;overflow-x:auto;line-height:40px !important;-moz-transition:800ms cubic-bezier(0.250, 0.100, 0.250, 1.000);-o-transition:800ms cubic-bezier(0.250, 0.100, 0.250, 1.000);-webkit-transition:800ms cubic-bezier(0.250, 0.100, 0.250, 1.000);transition:800ms cubic-bezier(0.250, 0.100, 0.250, 1.000);}
		#sub_gnb1 ul.gnb_ul.many{padding-left:20px;}
		#sub_gnb1 ul.gnb_ul.init{opacity:1;overflow-y:scroll;-webkit-overflow-scrolling:touch;}
		#sub_gnb1 ul::webkit-scrollbar{display:none;}
		#sub_gnb1 ul.gnb_ul.many.init{padding-left:0;opacity:1;width:100%;margin:0 auto;}
		/*#sub_gnb1 ul.gnb_ul li{position:relative;float:left;width:20%;line-height:40px;}*/
		#sub_gnb1 ul.gnb_ul li{position:relative;float:left;width:16.6%;line-height:40px;}
		#sub_gnb1 ul.gnb_ul li a{outline:none;position:relative;display:block;font-size:1.071em;color:#d4def1;background:#002d7a;border-right:1px solid rgba(209, 219, 236, 0.21);}
		#sub_gnb1 ul.gnb_ul li a:last-chlid{border-right:0;}
		#sub_gnb1 ul.gnb_ul li a:hover,#sub_gnb1 ul.gnb_ul li a.active,#sub_gnb1 ul.gnb_ul li a:active{background:#000e3f;color:#fff;}
		#sub_gnb1 ul.gnb_ul.init::-webkit-scrollbar{display:none;} /* Safari */
		#sub_gnb1 ul.gnb_ul.init::-moz-scrollbars{display:none;}
		#sub_gnb1 ul.gnb_ul.init::-o-scrollbar{display:none;} /* opera */
		#sub_gnb1 ul.gnb_ul.init::-google-ms-scrollbar{display:none;}
		#sub_gnb1 ul.gnb_ul.init::-khtml-scrollbar{display:none;}
		
		#sub_gnb{position:relative;left:0;width:100%;height:40px;z-index:99;background:#000e3f;-webkit-transition:all 0.1s ease-out;-moz-transition:all 0.1s ease-out;-o-transition:all 0.1s ease-out;transition:all 0.1s ease-out;max-width:inherit;margin:inherit;}
		#sub_gnb ul.gnb_ul{line-height:40px !important;font-size:1em;opacity:1;position:relative;width:100%;text-align:center;white-space:nowrap;overflow-x:hidden;-moz-transition:600ms cubic-bezier(0.250, 0.100, 0.250, 1.000);-o-transition:600ms cubic-bezier(0.250, 0.100, 0.250, 1.000);-webkit-transition:600ms cubic-bezier(0.250, 0.100, 0.250, 1.000);transition:600ms cubic-bezier(0.250, 0.100, 0.250, 1.000);overflow: auto;}
		#sub_gnb ul.gnb_ul.many{padding-left:20px;}
		#sub_gnb ul.gnb_ul.init{opacity:1;overflow-y:scroll;-webkit-overflow-scrolling:touch;}
		#sub_gnb ul::webkit-scrollbar{display:none;}
		#sub_gnb ul.gnb_ul.many.init{padding-left:0;opacity:1;}
		#sub_gnb ul.gnb_ul li{position:relative;display:inline-block;margin:0 5px;line-height:40px;}
		#sub_gnb ul.gnb_ul li:first-child{margin-left:15px}
		#sub_gnb ul.gnb_ul li:last-child{margin-right:15px}
		#sub_gnb ul.gnb_ul li a{outline:none;position:relative;display:block;color:#838fbb;font-size:1em;padding:0 5px;}
		#sub_gnb ul.gnb_ul li a.active, #sub_gnb ul.gnb_ul li a:active{color:#fff;}
		#sub_gnb ul.gnb_ul li a.active::before,#sub_gnb ul.gnb_ul li a:active::before{content:'';position:absolute;left:0;bottom:0;right:0;height:2px;background:#041f43;z-index:1;}
		#sub_gnb ul.gnb_ul.init::-webkit-scrollbar{display:none;} /* Safari */
		#sub_gnb ul.gnb_ul.init::-moz-scrollbars{display:none;}
		#sub_gnb ul.gnb_ul.init::-o-scrollbar{display:none;} /* opera */
		#sub_gnb ul.gnb_ul.init::-google-ms-scrollbar{display:none;}
		#sub_gnb ul.gnb_ul.init::-khtml-scrollbar{display:none;}
		body:not(.stop) #wrap #sub_gnb.fix,body:not(.stop) #wrap #gnb.fix{-webkit-transform:translateY(-50px);}
		.no-scroll::-webkit-scrollbar{display:none;} /* Safari */
		.no-scroll::-moz-scrollbars{display:none;}
		.no-scroll::-o-scrollbar{display:none;} /* opera */
		.no-scroll::-google-ms-scrollbar{display:none;}
		.no-scroll::-khtml-scrollbar{display:none;}

		.subvis-inner .sub-location{display:block;}
		.subvis-inner .submenu-select-wrap.office{position:relative;z-index:103;}
		.officetop-menu.sub,.officetop-menu.ui.container{display:none;}
		.officetop-menu ul{padding-top:25px;width:90%;}
	}


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

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

	@media only screen and (max-width:480px){
	    #sub_gnb1 ul.gnb_ul li a{font-size:1em;}
		#sub_gnb ul.gnb_ul li a{font-size:0.929em;}
	}



/*******************************  sub-contents : 상단 *******************************/

    /* 서브 네비게이션 */
	.sub-contents .sub-navi{position:relative;text-align:right;}
	.sub-contents .sub-navi ul{display:inline-block;}
	.sub-contents .sub-navi ul li{float:left;position:relative;padding:0 1em 0 0.5em;color:#777;font-size:0.9em;}
	.sub-contents .sub-navi ul li:after{position:absolute;top:2px;right:0;font-family:'Icons';color:#aaa;font-size:0.9em;font-weight:normal;font-style:normal;text-transform:none;}
	.sub-contents .sub-navi ul li:after{content:'\f105';}
	.sub-contents .sub-navi ul li:last-child:after{content:none;}
	.sub-contents .sub-navi ul li a{color:#777;}
	.sub-contents .sub-navi ul li a i{color:#acacac;}
	.sub-contents .sub-navi ul li:last-child{color:#333;}

	/* 서브 타이틀 */
	.sub-title-wrap{position:relative;}
	.sub-title-wrap h4{display:inline-block;}
	.sub-title-wrap h4 span{position:relative;font-size:0.875rem;color:#999;padding-left:0.7em;margin-left:0.5em;}
	.sub-title-wrap h4 span:before{content:'';position:absolute;top:6px;left:0;width:1px;height:10px;background:#cacaca;}

	/* 서브 컨텐츠 */
	.sub-contents-wrap {}
	.sub-search{}
	.ui.form.sub-search label.label{width:100px !important;font-size:1em;}
	.sub-search .search-input input{width:200px !important;}

    @media only screen and (max-width:991px){    
	    .ui.form.sub-search label.label{width:80px !important;font-size:1em;}
	}

    @media only screen and (max-width:767px){
	    .ui.form.sub-search label.label{width:50px !important;font-size:0.929em;}
	}

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



/*******************************  회원관리  *******************************/

    .form-search-box .form-member-wrap{position:relative;clear:both;}
	.form-search-box .form-member-wrap dl{display:inline-block;width:100%;margin:0;padding:0;}
	.form-search-box .form-member-wrap dt{width:100%;float:none;margin-bottom:10px;}
	.form-search-box .form-member-wrap dd{width:100%;float:none;margin:0;}
	.s-button-wrap{position:relative;}
	.s-button-wrap.analysis{width:80px;}
	.two-li.s-button-wrap li{width:50%;}
	.two-li.s-button-wrap li button{width:90%;float:right;margin:0 auto;line-height:31px;border:1px solid #d4dae2;background:#fafafa;color:#333;text-align:center;min-height:1em;cursor:pointer;outline:none;vertical-align:middle;border-radius:0.28571429rem;-webkit-transition:all .2s ease-out;-moz-transition:all .2s ease-out;-o-transition:all .2s ease-out;transition:all .2s ease-out;}
    .two-li.s-button-wrap li button i{margin:0 auto;text-align:center;font-weight:normal;}
	.two-li.s-button-wrap li button:hover{background:#ccc;color:#fff;border:1px solid #ccc;}
	.member-bottom-buttons{position:relative;width:60%;margin:0 auto;}
	.member-bottom-buttons li .basic{width:98%;margin:0 auto;display:table;height:40px;line-height:40px;}
	.member-bottom-buttons li .basic span{display:table-cell;vertical-align:middle;}

	/* 나의정보 */
	.sub-table-wrap table.sub-table .main-profile{width:50%;float:left;}
	.sub-table-wrap table.sub-table .main-profile .contents-box{margin-right:1em;min-height:200px;position:relative;text-align: center;}
	.sub-table-wrap table.sub-table .main-profile .contents-box .user-photo{background:#ffffff;border-radius:.28571429em;padding-top:10px;padding-bottom:10px;margin-bottom:10px;display: flex;justify-content: center;}
	.sub-table-wrap table.sub-table .main-profile .object-center{margin:0;position:absolute;bottom:20px;left:0;}
	.sub-table-wrap table.sub-table .main-profile .contents-box .user-photo img{height: 200px;border:4px solid #eee;border-radius: 20%;}

	.main-top-right{width:50%;float:right;}
	.main-top-right .main-color-box{margin-bottom:1em;}
	.main-top-right .main-color-box ul{display:inline-block;width:100%;}
	.main-top-right .main-color-box ul li{width:33.33%;float:left;}
	.main-top-right .main-color-box ul li .color-box{position:relative;margin-left:1em;display:block;padding:1.5em;color:#fff;border-radius:.28571429em;}

	/* 사진전송 파일박스 변경 */
	.filebox label {
		display: inline-block;
		padding: .5em .75em;
		color: #999;
		font-size: inherit;
		line-height: normal;
		vertical-align: middle;
		background-color: #fdfdfd;
		cursor: pointer;
		border: 1px solid #ebebeb;
		border-bottom-color: #e2e2e2;
		border-radius: .25em;
	  }
	  
	  .filebox input[type="file"] {  /* 파일 필드 숨기기 */
		position: absolute;
		width: 1px;
		height: 1px;
		padding: 0;
		margin: -1px;
		overflow: hidden;
		clip:rect(0,0,0,0);
		border: 0;
	  }

	  /* 회원가입 */
	.agree-cont{position:relative;}
	.agree-cont .box-textarea{margin:0 0 20px 0;}
	.all-check-wrap{background:#000;padding:10px 20px;margin:0 auto 20px auto;}
	.agree-box, .agree-box-large{width:100%;height:250px;overflow-y:scroll;overflow-x:hidden;background:#fafafa;padding:10px;color:#777;border:1px solid #ddd;border-radius:3px;box-sizing:border-box;resize: vertical;line-height: 1.5;}
	.agree-box-large{height:500px;}
	.agree-box p,.agree-box span,.agree-box-large p,.agree-box-large span{font-size:0.941rem;}

	/* 조직도 */
	.form-member-wrap.certain .ui.icon.search-input{width:100%;}
	.form-member-wrap.certain .two-li.s-button-wrap{margin-left:5px;}
	.form-member-wrap.certain .two-li.s-button-wrap li button{float:none;}
	.form-search-box .form-member-wrap.certain dl{width:95%;}
	.form-search-box .form-member-wrap.certain > ul.in-flex > li{width:33.33%;}
	.form-search-box .form-member-wrap.certain .plus-wrap > li:first-child{width:40%;}
	.form-search-box .form-member-wrap.certain .plus-wrap > li:last-child{width:90px;}

	@media only screen and (max-width:1200px){	
	    .form-member-wrap.certain ul.in-flex li{display:inline-block;width:100%;}
	}

	@media only screen and (max-width:767px){	
		.member-bottom-buttons{width:90%;}
		.sub-table-wrap table.sub-table .main-profile{width:100%;}
		.sub-table-wrap table.sub-table .main-profile .contents-box{margin-right:1em;position:relative;text-align: center;}
	}

	@media only screen and (max-width:640px){
	    .email-cont li .input-box,.email-cont li .select-box{width:85px;}
		.contents-box .mm-input{width:120px !important;}
		.form-search-box .form-member-wrap.certain .plus-wrap > li:first-child{width:40px;}
		.form-search-box .form-member-wrap.certain .plus-wrap > li:last-child{width:70px;}
    
	}

	@media only screen and (max-width:480px){	
	    .email-cont li .input-box,.email-cont li .select-box{width:75px;}
		.form-member-wrap.certain ul.three-li li{width:100%;}
		.form-search-box.certain{padding:0.5em 0.3em;}
		.form-search-box .form-member-wrap.certain > ul.in-flex{display:inline-block;}
		.form-search-box .form-member-wrap.certain dl{margin:5px 10px;}
	    .form-search-box .form-member-wrap.certain > ul.in-flex > li{width:100%;}
		.form-search-box .form-member-wrap.certain .plus-wrap > li:first-child{width:50%;}
		.sub-table-wrap table.sub-table .main-profile{width:100%;}
		.sub-table-wrap table.sub-table .main-profile .contents-box{margin-right:1em;position:relative;text-align: center;}
	}


	/* 승급도전현황 */
	.main-top-wrap .sub-rankup{float:left;}
	.main-top-wrap .sub-rankup .contents-box{margin-right:1em;min-height:370px;position:relative;}
	.main-top-wrap .sub-rankup .contents-box .user-photo{width:100%;height:140px;background:#000e3f;border-radius:.28571429em;text-align:center}
	.main-top-wrap .sub-rankup ul li{float:none;}
	.main-top-wrap .sub-rankup .object-center{margin:0;position:absolute;bottom:20px;left:0;}
	.main-top-wrap .sub-rankup .big-number{font-size:1rem;font-weight:bold;}
	.big-number{font-size:1rem;font-weight:bold;}

	@media only screen and (max-width:991px){
		.ui.container.contents-wrap .main-container .contents-box{margin:0.5em auto;height:auto;position:relative;}
		.main-top-wrap .main-top-right .main-color-box{display:none;}
		.main-top-wrap{margin-top:0;}
		.main-top-wrap .sub-rankup,.main-top-wrap .main-top-right{width:100%;}
		.main-top-wrap .sub-rankup ul li{float:left;}
		.main-top-wrap .sub-rankup ul li.first-child{width:40%;}
		.main-top-wrap .sub-rankup ul li.last-child{width:60%;}
		.main-top-wrap .sub-rankup .contents-box .user-photo{width:100px;height:100px;border-radius:50%;background-size:90% 90%;margin-top:1em;display:table;}
		.contents-box .user-photo span{display:table-cell;vertical-align:middle;}
		.bg-title{position:relative;overflow:hidden;margin-bottom:8px;padding:0 3.125%;-webkit-border-radius:5px;border-radius:5px;line-height:40px;color:#fff;text-align:center;font-size:1.2em;font-weight:normal;}
		.main-container .object-center{margin:0.5em auto 1em auto;}
	}

	@media only screen and (max-width:767px){
		.main-top-wrap .sub-rankup .contents-box .user-photo{width:90px;height:90px;border-radius:50%;background-size:90% 90%;}
		.slider-wrap .slidecont .slide-title{font-size:1em;}
		.color-box .color-box-unit{font-size:1.5em;text-align:right;}
		.color-box .color-box-icon{display:none;}
		.main-text-box ul li .contents-box{padding:1em;}
		.color-box h4{font-size:1em;}
	}



/*******************************  주문관리  *******************************/


	/* list */	
	.goods-list.fl-left.three-li{display:flex;flex-wrap:wrap;display:-webkit-flex;-webkit-flex-wrap:wrap;margin-right:-10px;margin-left:-10px;}
	.goods-list.fl-left.three-li li{max-width:33.33%;flex:0 0 33.33%;-ms-flex:0 0 33.33%;-webkit-box-flex:0;z-index:2;}
	.goods-list-wrap{position:relative;clear:both;margin:0 auto;}
	.goods-list-wrap:after{content:'';display:block;clear:both;}
	.goods-list li{display:inline-block;color:#777;vertical-align:top;position:relative;text-align:center;}
	.goods-list li .img-area{position:relative;margin:0 auto;text-align:center;overflow:hidden;border:1px solid #e0e0e0;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-ms-transition:all 0.3s;-o-transition:all 0.3s;transition:all 0.3s;}
	.goods-list li .img-area:hover{box-shadow:0px 15px 35px rgba(50,50,90,0.1),0px 5px 15px rgba(0,0,0,0.07);box-sizing:border-box;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-ms-transition:all 0.3s;-o-transition:all 0.3s;transition:all 0.3s;}
	.goods-list li .img-area a img{max-width:100%;border:1px solid #e9e9e9;box-sizing:border-box;}
	.goods-list li .img-area a img:hover{border:1px solid #999;}
	.goods-list.three-li li .img-area,.goods-list.three-li li .text-area{width:90%;text-align:center !important;}
	.goods-list.three-li li .img-area a img{width:100%;box-sizing:border-box;border:0;}
	.goods-list.three-li li .img-area a img:hover{border:0;}
	.goods-list-wrap a{selector-dummy:expression(this.hideFocus=true);text-decoration:none;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-ms-transition:all 0.3s;-o-transition:all 0.3s;transition:all 0.3s;}
	.goods-list li .text-area{margin:10px auto 30px auto;padding:0;font-size:1em;line-height:1.5;text-align:center;letter-spacing:0;}
	.goods-list li .text-area em{font-style:normal;}
	.goods-list li .text-area .name{display:block;text-align:center;}
	.goods-list li .text-area .name a{font-size:1.071em;color:#333;}
	.goods-list li .text-area .name a:hover{color:#d9252e;}
	.goods-list li .text-area .explain{display:block;color:#999;font-size:0.929em;}
	.goods-list li .text-area .price{display:block;color:#000;font-size:1.143em;}
	.goods-list li .text-area .price span{font-weight:normal;color:#555;}
	.form-member-wrap .search-input.partner-order-list,.form-member-wrap .search-input.analysis{width:95%;}
	.form-member-wrap .fl-left.three-li.partner-order-list li dl{width:95%;}
	.ui.header.tbl-title.analysis{margin:0;}



	@media only screen and (max-width:1200px){	
		.goods-list.fl-left.three-li li{max-width:50%;flex:0 0 50%;-ms-flex:0 0 50%;}
	}

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

	@media only screen and (max-width:767px){	
	    .form-member-wrap .fl-left.three-li.partner-order-list{margin-top:5px;}
	    .form-member-wrap .fl-left.three-li.partner-order-list li{width:100%;}
	    .form-member-wrap .fl-left.three-li.partner-order-list li dl{}
	    .form-member-wrap .fl-left.three-li.partner-order-list li dt{width:20%;float:left;line-height:33px;}
	    .form-member-wrap .fl-left.three-li.partner-order-list li dd{width:80%;float:right;}
		.form-member-wrap .fl-left.three-li.partner-order-list li dl{width:100%;}
	}



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

	.mall-list{position:relative;padding:100px 0;}
	.mall-list h3{text-align:center;font-size:33px;color:#131313;font-family:'NotoM';}
	.pd-list-wrap{position:relative;margin:20px auto;clear:both;float:none;}
	.pd-list-wrap .pd-list-cont{display:block;box-sizing:border-box;padding:10px 0 0 0;}
	.pd-list-cont .pd-cont{display:flex;flex-wrap:wrap;display:-webkit-flex;-webkit-flex-wrap:wrap;margin-right:-10px;margin-left:-10px;}
	.pd-cont .pd-item{max-width:25%;flex:0 0 25%;-ms-flex:0 0 25%;-webkit-box-flex:0;z-index:2;}
	.pd-cont .pd-item.sub{max-width:33.33%;flex:0 0 33.33%;-ms-flex:0 0 33.33%;}/* 홈페이지 제품소개 */
	.pd-item .item-wrap{height:calc(100% - 20px;);display:-webkit-box;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;background:#fff;margin-bottom:20px;padding:20px;}
	.item-wrap .item-inner{border:1px solid #e0e0e0;width:100%;position:relative;}
	.item-inner .item-link{display:block;position:relative;z-index:1;}
	.item-link .item-thumbnail{position:relative;}
	.item-link .item-thumbnail .thumbnail.hover{opacity:0;}
	.item-link .item-thumbnail .thumbnail.base{opacity:1;}
	.item-link .item-thumbnail:hover .thumbnail.hover{opacity:1;}
	.item-link .item-thumbnail:hover .thumbnail.base{opacity:0;}
	.item-thumbnail .thumbnail img{width:100%;height:auto;vertical-align:middle;}
	.item-thumbnail .thumbnail.hover{position:absolute;left:0;top:0;opacity:0;width:100%;background:#e1f0e1;-webkit-transition:all 0.5s ease-in-out;transition:all 0.5s ease-in-out;}

	.item-wrap .item-inner:after{content:'';display:block;position:absolute;top:-2px;bottom:-2px;left:-2px;right:-2px;border:1px solid #ea5504;opacity:0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;-webkit-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out;}
	.item-wrap .item-inner:hover:after{border-width:2px;opacity:1;}
	.item-inner .item-explain{padding:20px 20px 10px 20px;font-size:0.889em;}
	.item-explain .itme-name{font-weight:normal;font-size:1.063em;color:#444;font-family:'NotoR';line-height:1.3;max-width:100%;display:inline-block;vertical-align:middle;overflow:hidden;text-overflow:ellipsis;height:40px;}
	.item-explain .item-detail{color:#777;display:block;margin-bottom:10px;font-size:1rem;}
	.item-explain span{display:block;vertical-align:middle;font-weight:600;letter-spacing:0;font-size:1.067rem;}
	.item-explain span.item-price{color:#000;margin:5px 0;}
	.item-explain span.item-price2{color:#828180;margin:5px 0;}
	.item-explain span.item-pv{color:#5390cd;}
	.item-explain span em{font-weight:normal;padding-left:3px;font-size:0.9em;}

	.item-inner .item-count-wrap{display:table;width:100%;table-layout:fixed;padding:0 20px 20px 20px;position:relative;z-index:5;}
	.item-count-wrap .item-count{display:table-cell;vertical-align:middle;}
	.item-count-wrap .item-count .count-module{display:block;height:35px;margin:0 auto;position:relative;border:1px solid #e0e0e0;}
	.item-count .count-module .count-input{display:block;width:35px;height:100%;padding:0 10px;margin:0 auto;position:relative;text-align:center;background:#fff;border:none;z-index:1;box-sizing:border-box;}
	.item-count .count-module .count-controller{display:block;width:100%;height:100%;position:absolute;left:0;top:0;}
	.item-count .count-module .count-controller button{width:31px;height:100%;margin:0;padding:0;position:absolute;top:0;font-size:0;text-aligns:center;background:#fff;border:none;outline:none;box-sizing:border-box;cursor:pointer;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;}
	.item-count .count-module .count-controller button:hover{background:#f4f4f4;}
	.count-controller button.count-up{right:0;border-left:1px solid #e0e0e0 !important;}
	.count-controller button.count-down{left:0;border-right:1px solid #e0e0e0 !important;}
	.count-controller button:after{width:100%;height:100%;font-family:'xeicon';font-size:15px;line-height:35px;color:#333;cursor:pointer;}
	.count-controller button.count-up:after{content:'\e913'}
	.count-controller button.count-down:after{content:'\e91a';}
	.item-count-wrap .item-cart{display:table-cell;vertical-align:middle;width:auto;padding-left:5px;}
	.mall-button{display:inline-block;width:70px;height:35px;text-align:center;text-decoration:none;white-space:nowrap;font-size:0.889em;}
	.mall-button.list-cart span{position:relative;width:100%;height:100%;font-family:'xeicon';padding-left:20px;}
	.mall-button.list-cart span:before{content:'\e9fb';position:absolute;top:-2px;left:0;font-size:18px;}
	.mall-button.list-cart{background:#f4f4f4;color:#727171;border:1px solid #dedede;}
	.mall-button.list-cart:hover{background:#fff;color:#131313;-webkit-transition:all 300ms;transition:all 300ms;}

	.mall-list .list-bottom-wrap{clear:both;position:relative;background:#f4f4f4;padding:20px;}
	.list-bottom-wrap .list-bottom-cont{display:table;width:100%;}
	.list-bottom-wrap .list-bottom-cont ul li{float:left;}
	.list-bottom-cont .bottom-pagenum{width:50%;display:table-cell;vertical-align:middle;}
	.bottom-pagenum ul{text-align:center;}
	.bottom-pagenum ul li{display:inline-block;vertical-align:top;min-width:35px;height:35px;margin:0 4px;}
	.bottom-pagenum ul li.btn-page{border:1px solid #e0e0e0;background:#fff;}
	.bottom-pagenum ul li span,.bottom-pagenum ul li a{position:relative;display:block;height:100%;line-height:35px;transition:color 300ms;-webkit-transition:color 300ms;}
	.bottom-pagenum ul li span:after,.bottom-pagenum ul li a:after{display:block;width:100%;height:100%;font-family:'xeicon';font-size:18px;color:#a1a1a1;}
	.bottom-pagenum ul li.btn-page.page-first span:after,.bottom-pagenum ul li.btn-page.page-first a:after{content:'\eb08';}
	.bottom-pagenum ul li.btn-page.page-prev span:after,.bottom-pagenum ul li.btn-page.page-prev a:after{content:'\e93d';}
	.bottom-pagenum ul li.btn-page.page-next span:after,.bottom-pagenum ul li.btn-page.page-next a:after{content:'\e940';}
	.bottom-pagenum ul li.btn-page.page-last span:after,.bottom-pagenum ul li.btn-page.page-last a:after{content:'\eb07';}
	.bottom-pagenum ul li a:hover::after{color:#131313;}
	.bottom-pagenum ul li.on span,.bottom-pagenum ul li.on a{color:#ea5504;}
	.bottom-pagenum ul li.btn-page.page-prev{margin-left:0;margin-right:10px;}

	.list-bottom-cont .bottom-buttons{width:50%;display:table-cell;vertical-align:middle;}
	.list-bottom-cont .bottom-buttons ul{float:right;}
	.list-bottom-cont .bottom-buttons ul li:last-child{margin-left:5px;}
	.bottom-button{display:table;height:45px;padding:0 30px;text-align:center;}
	.bottom-button span{display:table-cell;vertical-align:middle;color:#fff;}

	@media only screen and (max-width:1200px){	
	    .mall-list{padding:70px 0;}
		.pd-cont .pd-item{max-width:33.33%;flex:0 0 33.33%;-ms-flex:0 0 33.33%;}

	}



	@media only screen and (max-width:991px){	
	    .mall-list{padding:70px 0;}
		.pd-cont .pd-item{max-width:50%;flex:0 0 50%;-ms-flex:0 0 50%;}
	}

	@media only screen and (max-width:767px){	
	    .mall-list{padding:50px 0;}
		.pd-item .item-wrap{height:calc(100% - 20px);margin-bottom:5px;padding:10px;}
		.item-inner .item-explain{padding:10px;}
		.item-inner .item-count-wrap{padding:0 10px 10px 10px;}
		.mall-list .list-bottom-wrap{padding:0;background:#fff;}
		.list-bottom-cont .bottom-pagenum,.list-bottom-cont .bottom-buttons{width:100%;display:inline-block;}
		.list-bottom-cont .bottom-pagenum ul,.list-bottom-cont .bottom-buttons ul{display:flex;justify-content:center;align-items:center;float:none;margin:10px auto;}
		.bottom-pagenum ul li.btn-page.page-prev{margin-right:3px;}
		.bottom-button{padding:0 50px;}
	}

	@media only screen and (max-width:480px){	
		.pd-cont .pd-item{max-width:100%;flex:0 0 100%;-ms-flex:0 0 100%;}
		.item-link .item-thumbnail{height:230px;overflow:hidden;}
		.item-link .item-thumbnail .thumbnail{text-align:center;}
		.item-thumbnail .thumbnail img{width:auto;height:230px;margin:0 auto;}
	}

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



/*******************************  수당관리  *******************************/

	.form-dl{position:relative;clear:both;display:inline-block;width:100%;margin:0;padding:0;height:35px;}
	.form-dl dt{width:10%;float:left;}
	.form-dl dd{width:90%;float:left;margin:0;}
	.form-dl dd .dateserch-wrap{width:100%;position:relative;}

	.dateserch-wrap .calculate-wrap{position:relative;clear:both;width:60%;float:left;}
	.calculate-wrap input[type=text], select, textarea{width:100%;border:1px solid #ddd;border-radius:3px;box-sizing:border-box;resize:vertical;line-height:1.5;}
	.calculate-wrap select:focus, textarea:focus{outline:none;box-shadow: 0 0 0 2px #5263e4;}
	select::-ms-expand{display:none;}
	input.input-box{width:100%;height:35px;font-size:0.941rem;color:rgba(79,79,79,1);border:1px solid #d4dae2;cursor:default;background:none;appearance:none;-webkit-appearance:none;-moz-appearance:none;display:inline-block;vertical-align:baseline;-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{outline:none;box-shadow: 0 0 0 2px #5263e4;}

	select.select-box{width:100%;height:35px;color:rgba(79,79,79,1);border:1px solid #d4dae2;cursor:default;appearance:none;-webkit-appearance:none;-moz-appearance:none;display:inline-block;vertical-align:baseline;-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;}
	.icon-input{position:relative;font-size:0.941rem;}
	.icon-input .icon{position:absolute;right:1px;top:1px;z-index:2;width:33px;height:33px;border-top-right-radius:3px;border-bottom-right-radius:3px;cursor:pointer;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;-o-box-sizing:border-box;}
	.icon-input .icon:active:before{color:#0a4f8d}
	.icon-input .icon:before{font-family:"Icons";font-style:normal;font-weight:normal;text-transform:none;width:16px;line-height:32px;font-size:16px;color:#2472bb;height:inherit;left:10px;position:absolute;text-indent:0;}
	.icon-input .icon.calendar-date:before{content:'\f073';}
	.icon-input .icon.search:before{content:'\f002';}

	.date-picker{position:relative;width:200px;z-index:102;}
	.date-picker.input-text{padding:0 8px;font-size:14px;font-weight:500;line-height:33px;color:#333;display:block;background:none;height:35px;float:left;border:1px solid #3c82c2;border-right:0px;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;-o-box-sizing:border-box;border-top-left-radius:3px;border-bottom-left-radius:3px;border-top-right-radius:3px;border-bottom-right-radius:3px;}
	.ui-widget.ui-widget-content{max-width:280px;width:100%;border:1px solid #d4dae3;margin-top:5px;}
	.ui-datepicker .ui-datepicker-title {line-height:40px;text-align:center;height:40px;position:relative;width:50%;margin:0 auto;overflow:hidden;}
	.ui-datepicker .ui-datepicker-title select{padding:5px 0 5px 0;margin-top:5px;outline:none;font-size:0.941rem;}
	.ui-datepicker .ui-datepicker-title select.ui-datepicker-year{float:left;width:49%;}
	.ui-datepicker .ui-datepicker-title select.ui-datepicker-month{float:right;width:49%;}
	.hasDatepicker .ui-widget.ui-widget-content{border:0;max-width:360px;}

	.dateserch-wrap .btngroup-wrap{position:relative;width:38%;float:right;overflow:hidden;}
	.btngroup-wrap ul li{display:table;height:35px;}
	.btngroup-wrap .btn_date_term{font-size:0.941rem;border:1px solid #d4dae2;color:#777;background:#fff;border-left:0;box-sizing:border-box;display:table-cell;vertical-align:middle;text-align:center;width:100%;height:100%;}
	.btngroup-wrap li:first-child a{-webkit-border-radius:3px 0 0 3px;border-radius:3px 0 0 3px;border-left:1px solid #d4dae2;}
	.btngroup-wrap li:last-child a{-webkit-border-radius:0 3px 3px 0;border-radius:0 3px 3px 0;}
	.btngroup-wrap .btn_date_term:hover,.btngroup-wrap .btn_date_term.active{color:#fff;border:1px solid #2472bb;background:#2472bb;border-left:0;-webkit-transition:all .2s ease-out;-moz-transition:all .2s ease-out;-o-transition:all .2s ease-out;transition:all .2s ease-out;}
    .allsearch-btn{width:15%;margin:0 auto;}
	.form-search-box .form-bottom{clear:both;width:45%;margin:0 auto;}
	.benefit-text{font-size:0.941rem;color:#333;background:#fafafa;padding:10px;margin-bottom:20px;border:1px solid #dedede;}
    select.select-box{font-size:0.941rem;}

	@media only screen and (max-width:1200px){	
		.form-search-box .form-bottom{width:50%;}
	}

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

	@media only screen and (max-width:767px){	
		.allsearch-btn{width:25%;}
		.form-search-box .form-bottom{width:60%;}
	}

	@media only screen and (max-width:640px){	
		.form-search-box .form-dl{height:auto;}
		.form-search-box .form-dl dt{width:20%;}
		.form-search-box .form-dl dd{width:80%;}
		.dateserch-wrap .calculate-wrap,.dateserch-wrap .btngroup-wrap{position:relative;width:100%;clear:both;}	
		.dateserch-wrap .btngroup-wrap{margin-top:5px;}
		.form-search-box .form-bottom{width:70%;}
		input.input-box{padding:0 0 0 3px;}
		select.select-box{padding:0 22px 0 5px;}
		
	}

	@media only screen and (max-width:480px){	
		.allsearch-btn{width:40%;}
		.form-search-box .form-bottom{width:90%;}
	}



/*******************************  로그인/회원가입  *******************************/

	.login-wrap{position:relative;}
	.login-wrap h3{width:100%;text-align:center;padding:30px 0 0 0;overflow:hidden;font-size:2.571rem;color:#000;letter-spacing:-1px;text-transform:uppercase;font-weight:300;}
	.login-wrap h3 .eng-strong{font-size:2.857rem;}
	.login-wrap .login-text{text-align:center;color:#999;margin:0;padding:0;line-height:1.5;font-size:0.941rem;}
	.login-wrap .login-box{position:relative;width:50%;margin:30px auto 0 auto;overflow:hidden;}
	.login-box ul:after{content:'';display:block;clear:both;}
	.login-box ul{width:70%;display:inline-block;padding:2px;}
	.login-box ul li{position:relative;padding:0 0 10px 0;width:100%;}
	.login-box ul li .login-icon{position:absolute;top:0;left:0;z-index:1;width:50px;height:40px;display:table;border:1px solid #ddd;}
	.login-box ul li .login-icon span{display:table-cell;vertical-align:middle;text-align:center;cursor:default;}
	.login-icon span:before{font-family:"Icons";color:#aaa;font-size:1em;font-style:normal;font-weight:normal;text-transform:none !important;}
	.login-icon span.login-icon01:before{content:'\f007';}
	.login-icon span.login-icon02:before{content:'\f023';}
	.login-input{position:relative;margin:0 0 0 50px;z-index:2;}
	.login-box input{width:100%;height:40px;font-size:0.941rem;color:#333;line-height:40px;border:1px solid #ddd;padding:0 0 0 14px;margin:0 0 0 -1px;box-sizing:border-box;letter-spacing:0;}
	/*.login-box input:hover{border-color:#2473bb;}*/
	.login-box input:focus{outline:none;box-shadow: 0 0 0 2px #5263e4;}
	.login-box input::placeholder{color:#bbb;font-size:1rem;}
	.login-box .login-btn{position:absolute;right:0;top:0;width:30%;}
	.login-box .login-btn button{width:90%;float:right;height:90px;font-size:1.143em;}
	.login-bottom.btn-wrap{width:60%;margin:20px auto;}
	.login-bottom.btn-wrap li a{height:40px;line-height:40px;display:block;color:#fff;}

	.idfind-wrap{position:relative;width:70%;margin:30px auto;}
	.idfind-wrap .form-dl{margin-top:10px;}
	.idfind-wrap .form-dl dt{width:20%;float:left;}
	.idfind-wrap .form-dl dd{width:80%;float:left;margin:0;}
	.idfind-wrap .form-dl dd li{padding-left:10px;}
	.idfind-wrap .form-dl dd li:first-child{padding-left:0;}
	input.input-box.height40,select.select-box.height40{height:40px !important;line-height:40px !important;}
	.t-color-box{margin:20px auto;width:100%;padding:1em;text-align:center;font-size:1.143em;color:#fff;background:#6fc6cc;font-weight:bold;letter-spacing:1px;border-radius:3px;}

	.mem-join-wrap{position:relative;width:70%;margin:50px auto 100px auto;overflow:hidden;}
	.mem-join-wrap ul{display:inline-block;width:100%;}
	.mem-join-wrap ul li{float:left;width:50%;}
	.mem-join-wrap ul li a{display:block;padding:50px 0 70px 0;margin-left:30px;text-align:center;box-sizing:border-box;border-radius:.28571429em;-webkit-border-radius:.28571429em;-moz-border-radius:.28571429em;}
	.mem-join-wrap ul li:first-child a{margin-left:0;}
	.mem-join-wrap .join-icon{width:100px;height:100px;border-radius:50%;margin:0 auto 30px auto;display:table;background:rgba(255,255,255,0.3);text-align:center;}
	.mem-join-wrap .join-icon i{display:table-cell;vertical-align:middle;color:#fff;font-size:2.857rem;}
	.mem-join-wrap ul li a span{font-size:1.286rem;color:#fff;}

	.mem-complete{text-align:center;width:80%;margin:0 auto 30px auto;}
	.mem-complete .complete-icon{width:100px;height:100px;display:table;margin:50px auto 30px auto;border-radius:50%;background:#ea5504;}
	.mem-complete .complete-icon i{font-size:3.214em;color:#fff;display:table-cell;vertical-align:middle;}
	.mem-complete h4{color:#555;font-size:1.3rem;margin-bottom:1em;}
	.mem-complete h4 span{color:#000;}
	.mem-complete p{color:#777;line-height:1.5;}
	.mem-complete p span{color:#e64d4f;font-size:1.143em;}
	.mem-complete a.basic{width:22%;margin:30px auto;line-height:45px;height:45px;padding:0;}

	.sub-table .three.fl-left li{width:33.33%;}
	.sub-table .email-cont li:first-child .input-box{width:80%;}
	.sub-table .email-cont li:first-child span{width:20%;text-align:center;display:inline-block;}
	.sub-table .email-cont .input-box,.sub-table .email-cont .select-box{width:95%;}
	

	@media only screen and (min-width:992px) and (max-width:1199px){
		.login-wrap .login-box,.login-bottom.btn-wrap{width:70%;}


	 }

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

	 }

	@media only screen and (max-width:767px){	
		.login-box input{font-size:1rem;padding:0 0 0 5px;}
	    .login-wrap h3{padding:10px 0 0 0;}
		.login-wrap .login-box,.login-bottom.btn-wrap{width:80%;}
		.mem-join-wrap{width:90%;}
		.mem-join-wrap ul li a{padding:30px 0 50px 0;margin-left:10px;}
		.idfind-wrap{width:90%;margin:20px auto;}
		.idfind-wrap .form-dl dt{width:30%;}
		.idfind-wrap .form-dl dd{width:70%;}
		.idfind-wrap .form-dl dd li{padding-left:5px;}
		.t-color-box{padding:0.5em;}
	    .mem-complete a.basic{width:50%;}
	}

	@media only screen and (max-width:640px){	
	    input.input-box.height40,select.select-box.height40{height:35px !important;line-height:35px !important;}
		.login-wrap .login-box,.login-bottom.btn-wrap{width:90%;}	
	}

	@media only screen and (max-width:480px){	
		.login-wrap .login-box,.login-bottom.btn-wrap{width:100%;}
		.login-wrap h3{font-size:28px;}
		.login-wrap h3 .eng-strong{font-size:28px;}
		.mem-join-wrap{width:100%;margin:20px auto 30px auto;}
		.mem-join-wrap ul li a{padding:20px 0 30px 0;}
		.mem-join-wrap .join-icon{width:80px;height:80px;margin:0 auto 20px auto;}
		.mem-join-wrap .join-icon i{font-size:2.143rem;}
		.mem-join-wrap ul li a span{font-size:1.143rem;}
		.mem-complete a.basic{width:40%;margin:20px auto;}
		.login-box input{font-size:20px;letter-spacing:-0.5px;padding:0 0 0 5px;}
		.login-box input::placeholder{font-size:13px;}
		.login-bottom.btn-wrap li a{padding:0;font-size:13px;}
		.idfind-wrap{width:100%;margin:10px auto;}
	}




/******************************* policy *******************************/

	.policy{font-size:1em;color:#555;line-height:1.5;}
	.policy .section_title{font-size:1.071em;color:#000;}
	.policy .section_cont{margin-top:10px;margin-bottom:30px;}
	.policy .section_cont .privacy_depth1{margin-bottom:5px;}
	.policy .section_cont .privacy_depth2{margin-bottom:5px;margin-left:1em;text-indent:-1em;}
	.policy .section_cont .privacy_depth3{margin-bottom:5px;margin-left:2em;text-indent:-1em;}
	.policy .section_cont .terms_depth0{margin-bottom:5px;}
	.policy .section_cont .terms_depth1{margin-bottom:5px;margin-left:1em;text-indent:-1em;}
	.policy .section_cont .terms_depth2{margin-bottom:5px;margin-left:2em;text-indent:-1em;}
	


/******************************* print *******************************/

	@media print{
		body,table{color:#000;background:#fff;font:9pt/1.5 sans-serif;}
		body, article{width:100%;margin:0;padding:0;}
		h3{font-size:12pt;text-align:center;font-weight:bold;}
		h4{font-size:9pt;font-weight:bold;text-align:left;margin-bottom:10px;}
		@page{
			margin:2cm;
			ul, img{page-break-inside:avoid;}
			div{page-break-before:always;}
		}
		.print-logo{float:right;display:block;width:10%;}
		.sub-contents.print .info-txt{margin:0;color:#555;}
		.sub-contents.print .info-txt span{color:#000 !important;font-weight:bold;padding-right:5px;}
		.sub-contents.print table{border-top:1px solid #000;}
		.ui.table td,.ui.table th,.ui.table thead th{padding:5px 7px;}
		.contents-box,.table-wrap{padding:0;margin:0;}
		.sub-contents.print .contents-box{margin:0.2cm 0;padding:0.5cm;}
		.sub-contents.print .tleft-table td{padding:5px 7px 5px 15px;}
		.print-title{margin-bottom:10px;}
		.print-ceo{text-align:right;}
		.print-ceo span{}
	}




.board-button{height:40px;display:table;}
.board-button span{display:table-cell;vertical-align:middle;}
.sub-container h4.board-subject{font-size:1.125rem;color:#000;margin-bottom:10px;}
.sub-container .board-span{font-size:0.941rem;color:#888;}



/* 빠른주문 */
.mall-wrap span em.unit{padding-left:5px;font-size:0.938em;}
.fast_order_wrap{margin:10px auto 0 auto;}
.fast_order_wrap .select_area{padding:20px;border:1px solid #ddd;background:#fafafa;}
.select_area .check-wrap span,
.fast_order_wrap .result_area .obj div,
.fast_order_wrap .list_area .pd_cont .pd_price span{padding:0 10px;}
.select_area .search_cont span{padding:0 2px;}
.fast_order_wrap .result_area{display:none;margin:0px auto 0px auto;padding:15px;background:#111111;color:#fff;}
.fast_order_wrap .result_area .obj div{font-size:1.063em;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;}
.fast_order_wrap .result_area .obj div label{padding-left:20px;font-size:inherit;}
.fast_order_wrap .result_area a.ui.button{font-size:inherit;}
.fast_order_wrap .result_area .cart_menu{width:100%}
.fast_order_wrap .result_area .cart_basket{
	width:50%;float:left;	
	 /* &:before {
		content:attr(data-totalitems);
		font-size:12px;
		font-weight:600;
		position:absolute;
		top:-12px;		
		background:#2bd156;
		line-height:24px;
		padding:0 5px;
		height:24px;
		min-width:24px;
		color:white;
		text-align:center;
		border-radius:24px;
	  }
	  */
	  /*
	  &.shake {
		animation: shakeCart .4s ease-in-out forwards;
	  }
	  */
}

.fast_order_wrap .result_area .cart_basket .count{
	position: absolute;
    top: 1;
    margin-left: 20px;
    z-index: 2;
    font-size: 12px;
    border-radius: 50%;
    background: #d60b28;
    width: 20px;
    height: 20px;
    line-height:20px;
    display: block;
    text-align: center;
    color: white;
    font-family: 'Roboto', sans-serif;
    font-weight: bold;
}

.fast_order_wrap .result_area .cart_basket i{font-size:22px;}

.fast_order_wrap .result_area .fast_close{
		/*position: absolute;*/
        display: flex;
        justify-content: right;
        align-items: right;
        top: 0;
        right: 0;
        /*width: 15px;*/
        height: 40px;
        margin: -10px;
        /*background-color: white;*/
        color: white;
        font-weight: bold;
        /*border: 2px solid black;*/
        /*font-size: 11px;*/
}
.fast_order_wrap .list_area{margin-top:20px;border-top:1px solid #2473bb;}
.fast_order_wrap .list_area .pd_cont{padding:20px 0px 20px 0px;border-bottom:1px solid #ddd;-webkit-box-pack:justify;-moz-box-pack:justify;-ms-flex-pack:justify;-webkit-justify-content:space-between;}
.fast_order_wrap .list_area .pd_cont .pd_info{padding-left:20px;}
.fast_order_wrap .list_area .pd_cont .pd_info .pd_name{margin-bottom:10px;display:block;color:#000;}
.fast_order_wrap .list_area .pd_cont .pd_price span strong{color:#555;padding-right:5px;}
.select_area .check-wrap span:first-child,
.fast_order_wrap .list_area .pd_cont .pd_price span:first-child{padding-left:0px;}
.fast_order_wrap .list_area .pd_cont .qty_input{width:40px;height:35px;text-align:center;}
.fast_order_wrap .list_area .pd_cont .qty-area button{height:33px;}
.fast_order_wrap .open_area button{margin:0 auto !important;}
.fast_order_wrap .open_area button .icon{margin:0 0 0 5px !important;}
.fast_pop{position:fixed;right:30px;top:50%;z-index:100;background:#111111;padding:20px;border-top-left-radius: 10px;border-top-right-radius: 10px;border-bottom-right-radius: 10px;border-bottom-left-radius: 10px;}
.fast_pop span{text-align:right;}
.fast_pop div{padding:5px 0;color:#fff;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-box-pack:justify;-moz-box-pack:justify;-ms-flex-pack:justify;-webkit-justify-content:space-between;}
.fast_pop div strong{padding-right:10px;}
.fast_pop .button{display:inline-block;width:100%;margin:20px auto 0 auto !important;}

.go_fast_order{position:fixed;bottom:10%;right:30px;text-align:center;z-index:998;}
.go_fast_order .button{width:80px;height:80px;border-radius:50% !important;margin:0 auto !important;line-height:1.3 !important;padding:0 !important;}


.fast_order_wrap .mall-middle-wrap{position:relative;background:#002d7a;padding:1rem;border-radius:0.2rem;}
.fast_order_wrap .mall-middle-wrap form{display:flex;display:-webkit-flex;}
.fast_order_wrap .mall-middle-wrap form article{max-width:50%;flex:0 0 50%;-ms-flex:0 0 50%;display:inline-flex;}
.fast_order_wrap .mall-middle-wrap .category-title{display:table;color:#fff;width:100px;height:40px;}
.fast_order_wrap .mall-middle-wrap .category-title em{display:table-cell;vertical-align:middle;}
.fast_order_wrap .mall-middle-wrap .mall-category-select{width:100%;}
.fast_order_wrap .mall-middle-wrap .mall-category-select .select-box{height:40px;}

.fast_order_wrap .mall-middle-wrap article.mall-search{display:block;width:100%;padding-left:2rem;}
.mall-search .search-input{margin:0;position:relative;border-bottom:2px solid #fff;box-sizing:border-box;}
.mall-search .search-input input{width:100%;padding:0 50px 0 0;height:40px;line-height:40px;background:none;border:0;color:#fff;caret-color:#fff;border-bottom:1px solid rgba(255, 255, 255, 0.25);box-sizing:border-box;}
.mall-search a{position:absolute;right:0;top:-3px;width:40px;height:40px;}
.mall-search a:after{content:'';position:absolute;left:50%;top:50%;width:34px;height:34px;margin:-17px 0 0 -17px;background:url('../../../images/site/common/icon-common.png') no-repeat -200px -420px;}
.fast_order_wrap .mall-search .search-input input {border:0px solid #dedede;background:#002d7a;}
.mall-search .search-input input::-webkit-input-placeholder{color:#fff;}
.mall-search .search-input input::-moz-placeholder{color:#fff;}
.mall-search .search-input input::-ms-input-placeholder{color:#fff;}


@media only screen and (max-width:1600px){
	/*.fast_order_wrap .result_area{display:block;margin:10px auto 20px auto;padding:15px;}*/
	.fast_order_wrap .result_area{display:block;position:fixed;left:0;right:0;bottom:0;height:0px;z-index:109;background:#0747A6;padding:25px;border-top-left-radius: 10px;border-top-right-radius: 10px;opacity: 1;margin-bottom:68px;}
	.fast_order_wrap .result_area .obj div{-webkit-box-pack:justify;-moz-box-pack:justify;-ms-flex-pack:justify;-webkit-justify-content:space-between;}
	.fast_order_wrap .result_area .ff_cont .obj:first-child{display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;}
	.fast_order_wrap .result_area.mo_fixed{width:100%;position:fixed;top:0px;left:0px;right:0px;margin:0 auto;z-index:995;}

	.fast_order_wrap .result_area .line{position:relative;width:100%;height:15px;border-top:2px dashed rgba(174, 191, 217, 0.8);}
	.fast_pop{display:none;}

	/*
	.fast_pop{position:fixed;left:0;right:0;bottom:0;height:10rem;z-index:999;background:#8fb5d8;padding:20px;}
	.fast_pop span{text-align:right;}
	.fast_pop div{padding:5px 0;color:#fff;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-box-pack:justify;-moz-box-pack:justify;-ms-flex-pack:justify;-webkit-justify-content:space-between;}
	.fast_pop div strong{padding-right:10px;}
	.fast_pop .button{display:inline-block;width:100%;margin:0 auto 20px auto !important;}
	*/
}

@media only screen and (max-width:1280px){
	.mpd-list-wrap .pd-cont .pd-item{max-width:33.33%;flex:0 0 33.33%;-ms-flex:0 0 33.33%;}
}

@media only screen and (max-width:991px){
	/*
	.mall-wrap .detail-cont{padding:0 20px 20px 20px;}
	.detail-cont .f-inner{width:100%;}
	.detail-cont .f-inner.pd-info-wrap{padding:0px;}
	.mall-wrap .detail-cont.in-flex{display:inline-block !important;}
	.detail-cont .pd-thumb{padding-right:0;}
	.mall-wrap{margin:30px auto 0 auto;}
	.info-option .qty-area dl dt{line-height:auto;width:30%;}
	.qty-area{display:inline-block;width:100%;}
	.qty-area .choose-num{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-pack:center;-moz-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;} 
	.qty-area .choose-num li button,.qty-area .choose-num li input{width:35px !important;margin-left:-1px !important;}
	.qty-area .btn_change_qty{display:block;}
	.mpd-list-wrap .pd-cont .pd-item{max-width:50%;flex:0 0 50%;-ms-flex:0 0 50%;}
	.pd-info-wrap .top-title{margin-top:10px;}
	.pd-info-wrap .pd-info-cont{padding-top:15px;}
	.mpd-list-wrap .pd-item .item-wrap{margin-bottom:0px;padding:15px;}
*/	
	.fast_order_wrap{margin:10px auto 0 auto;}
	.fast_order_wrap .list_area .pd_cont .obj{max-width:100%;flex:0 0 100%;-ms-flex:0 0 100%;}
	.fast_order_wrap .list_area .pd_cont .obj.right_cont .qty-area{margin-top:10px;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;}
	.fast_order_wrap .result_area .ff_cont .obj{padding:0px;max-width:100%;flex:0 0 100%;-ms-flex:0 0 100%;}
	.fast_order_wrap .result_area a.ui.button{width:100%;font-weight:600;font-size:18px;}
	
	.go_fast_order{right:10px;}
	.go_fast_order button{width:70px;height:70px;}


	.detail-cont .pd-info-wrap{padding:0;}
	.fast_order_wrap .select_area{padding:15px 10px;}
	.fast_order_wrap .select_area .obj{max-width:100%;flex:0 0 100%;-ms-flex:0 0 100%;}
	.fast_order_wrap .list_area .pd_cont{padding:15px 0;}
	/*.fast_order_wrap .result_area{margin:0px auto;}*/
	.fast_order_wrap .result_area .obj div label{padding-left:0;color: #ffffff;font-size: 1.7rem; font-weight: 600; padding-right: 0.2rem;	}
	.fast_order_wrap .result_area .ff_cont .obj:first-child{flex-wrap:wrap;-webkit-flex-wrap:wrap;-moz-flex-wrap:wrap;}
	.fast_order_wrap .result_area .ff_cont .obj:first-child div{padding:5px;max-width:100%;flex:0 0 100%;-ms-flex:0 0 100%;}
	.fast_order_wrap .result_area .button{display: inline-block;width: 100%;margin: 10px auto 0 auto !important;}

}

@media only screen and (max-width:768px){
	/*
	.pd-info-wrap .top-title h3{font-size:1.5rem;}
	.mall-wrap .detail-cont{padding:0 10px 10px 10px;}
	.mpd-list-wrap .pd-item .item-wrap{padding:10px;}
	.fast_order_wrap{margin:30px auto 0 auto;}
	.qty-area .choose-num li button,.qty-area .choose-num li input{width:30px !important;height:30px;}
	.qty-area .btn_change_qty{width:90px;height:30px;line-height:30px;}
	.qty-area .btn_delete_qty{width:90px;height:30px;line-height:30px;}
*/
	.fast_order_wrap .mall-middle-wrap{background:#002d7a;padding:1rem 0;border-radius:0;}
	.fast_order_wrap .mall-middle-wrap form{display:block;}
	.fast_order_wrap .mall-middle-wrap form article{width:100%;margin:0;max-width:100%;flex:0 0 100%;-ms-flex:0 0 100%;}
	.fast_order_wrap .mall-middle-wrap .mall-category-select{width:100%;}
	.fast_order_wrap .mall-middle-wrap form article.mall-category{padding:0 1rem 1rem 1rem;border-bottom:5px solid #fff;}
	.fast_order_wrap .mall-middle-wrap form article.mall-search{padding:1rem 1rem 0 1rem;}
	

	.detail-cont .pd-info-wrap{padding:0;}
	.fast_order_wrap .select_area{padding:15px 10px;}
	.fast_order_wrap .select_area .obj{max-width:100%;flex:0 0 100%;-ms-flex:0 0 100%;}
	.fast_order_wrap .list_area .pd_cont{padding:15px 0;}
	/*.fast_order_wrap .result_area{margin:0px auto;}*/
	.fast_order_wrap .result_area .obj div label{padding-left:0;color: #ffffff;font-size: 1.7rem; font-weight: 600; padding-right: 0.2rem;	}
	.fast_order_wrap .result_area .ff_cont .obj:first-child{flex-wrap:wrap;-webkit-flex-wrap:wrap;-moz-flex-wrap:wrap;}
	.fast_order_wrap .result_area .ff_cont .obj:first-child div{padding:5px;max-width:100%;flex:0 0 100%;-ms-flex:0 0 100%;}
	.fast_order_wrap .result_area .button{display: inline-block;width: 100%;margin: 10px auto 0 auto !important;}
}

@media only screen and (max-width:640px){
	.detail-cont .pd-info-wrap{padding:0;}
	.fast_order_wrap .select_area{padding:15px 10px;}
	.fast_order_wrap .select_area .obj{max-width:100%;flex:0 0 100%;-ms-flex:0 0 100%;}
	.fast_order_wrap .list_area .pd_cont{padding:15px 0;}
	/*.fast_order_wrap .result_area{margin:0px auto;}*/
	.fast_order_wrap .result_area .obj div label{
		padding-left:0;
		color: #ffffff;
		font-size: 1.7rem;
        font-weight: 600;
        padding-right: 0.2rem;
	}
	.fast_order_wrap .result_area .ff_cont .obj:first-child{flex-wrap:wrap;-webkit-flex-wrap:wrap;-moz-flex-wrap:wrap;}
	.fast_order_wrap .result_area .ff_cont .obj:first-child div{padding:5px;max-width:100%;flex:0 0 100%;-ms-flex:0 0 100%;}
	.fast_order_wrap .result_area .button{
		display: inline-block;
		width: 100%;
		margin: 10px auto 0 auto !important;
	}
}

@media only screen and (max-width:520px){
	.select_area .check-wrap span,
	.fast_order_wrap .result_area .obj div,
	.fast_order_wrap .list_area .pd_cont .pd_price span{padding:0 5px;}
	.fast_order_wrap .list_area .pd_cont .pd_price span{display:inline-block;}
	.go_fast_order button{width:60px;height:60px;}
	.fast_order_wrap .result_area .ui.button{display:block;}
}

@media only screen and (max-width:480px){
	.mpd-list-wrap .pd-item .item-wrap{padding:5px;margin-bottom:10px;}
	.mpd-list-wrap .pd-cont .pd-item{max-width:100%;flex:0 0 100%;-ms-flex:0 0 100%;}
	.qty-area .choose-num li button,.qty-area .choose-num li input{width:25px !important;height:25px;}
	.qty-area .btn_change_qty{width:75px;height:25px;line-height:25px;}
	.qty-area .btn_delete_qty{width:75px;height:25px;line-height:25px;}

	.fast_order_wrap .result_area a.ui.button{width:100%;font-weight:600;font-size:16px;}
}


/******************************* 아코디언  *******************************/
.target {display: block;top: 0;left: 0;position: fixed;}
  .open-accordion {display: block; }
  .close-accordion {display: none; }
  :target ~ .open-accordion {display: none; }
  :target ~ .close-accordion {display: block; }
  
  .accordion {display: flex;flex-direction: column;gap: 0.2rem; }
  .accordion__li {width: 100%;background: white;border-radius: 0.4rem; }
  
  .accordion__li a > div {display: flex;justify-content: space-between;align-items: center;cursor: pointer; }
  .accordion__li a > div div {display: flex;align-items: center; }
  .accordion__num {font-size: 1.8rem;margin-right: 1.3rem; }
  .accordion__title {font-size: 1.6rem; }
  .accordion__li i {font-size: 1.3rem;position: relative;top: 0.1rem;right: 0.5rem;}
  
  /* When accordion is open */
  
  .accordion__content {font-size: 1.6rem;height: 0;overflow: hidden;transition: all 0.3s ease-in-out; }
  .accordion__content .fl-left li span{font-size: 1.0rem}
  .accordion__li:first-of-type :target ~ .accordion__content {height: 100%;padding-top: 1rem;}
  .accordion__li:nth-of-type(2) :target ~ .accordion__content {height: 100%;padding-top: 1rem;}
  .accordion__li:last-child :target ~ .accordion__content {height: 100%;padding-top: 1rem;}
  
  /*
  .accordion__li:first-of-type :target ~ .accordion__content {height: 8.2rem;padding-top: 1rem;}
  .accordion__li:nth-of-type(2) :target ~ .accordion__content {height: 13rem;padding-top: 1rem;}
  .accordion__li:last-child :target ~ .accordion__content {height: 15.4rem;padding-top: 1rem;}
  */