@charset "utf-8";

    #wrap.mall .site-cont,
	#wrap.community .site-cont,
	#wrap.membership .site-cont,
	#wrap.login .site-cont{padding-top:100px;}
	#wrap.mall .snb-cont,
	#wrap.community .snb-cont,
	#wrap.membership .snb-cont,
	#wrap.login .snb-cont{top:365px;}
	.subvis-wrap.mall,
	.subvis-wrap.mall .subvis-inner,
	.subvis-wrap.community,
	.subvis-wrap.community .subvis-inner,
	.subvis-wrap.membership,
	.subvis-wrap.membership .subvis-inner,
	.subvis-wrap.login,
	.subvis-wrap.login .subvis-inner{height:300px;padding-bottom:30px;}
	
	.subvis-wrap.community.sitenotice{background-image:none;background-color:#fff;}
	.subvis-wrap.community.sitephoto{background-image:url('../../../images/site/sub/sub_visual_gallery.jpg');}
	.subvis-wrap.community.sitemovie{background-image:url('../../../images/site/sub/sub_visual_movie.jpg');}
	.subvis-wrap.community.sitepds{background-image:url('../../../images/site/sub/sub_visual_dataroom.jpg');}
	.notice_image{display:none;}
	.subvis-wrap.community.sitenotice .notice_image{position:absolute;top:0;left:50%;margin-left:-600px;width:1000px;display:inline-block;}
	.subvis-wrap.community.sitenotice .notice_image span{height:300px;display:block;width:100%;position:relative;}
	.subvis-wrap.community.sitenotice .notice_image span img{position:absolute;right:-250px;bottom:-100px;}

	@media only screen and (max-width:1280px){
		#wrap.mall .site-cont,
		#wrap.community .site-cont,
		#wrap.membership .site-cont,
		#wrap.login .site-cont{padding-top:70px;}
		#wrap.mall .snb-cont,
		#wrap.community .snb-cont,
		#wrap.membership .snb-cont,
		#wrap.login .snb-cont{top:285px;}
		.subvis-wrap.mall,
		.subvis-wrap.mall .subvis-inner,
		.subvis-wrap.community,
		.subvis-wrap.community .subvis-inner,
		.subvis-wrap.membership,
		.subvis-wrap.membership .subvis-inner,
		.subvis-wrap.login,
		.subvis-wrap.login .subvis-inner{height:250px;padding-bottom:20px;}
		.subvis-wrap.community.sitenotice .notice_image{top:auto;bottom:-50px;left:0;margin-left:0px;width:100%;}
		.subvis-wrap.community.sitenotice .notice_image span{height:200px;}
		.subvis-wrap.community.sitenotice .notice_image span img{right:0px;bottom:0px;width:auto;height:200px !important;}
	}


	@media only screen and (max-width:991px){
		#wrap.mall .site-cont,
		#wrap.community .site-cont,
		#wrap.membership .site-cont,
		#wrap.login .site-cont{top:255px;}
		.subvis-wrap.mall,
		.subvis-wrap.mall .subvis-inner,
		.subvis-wrap.community,
		.subvis-wrap.community .subvis-inner,
		.subvis-wrap.membership,
		.subvis-wrap.membership .subvis-inner,
		.subvis-wrap.login,
		.subvis-wrap.login .subvis-inner{height:220px;}
		.subvis-wrap.community.sitenotice,
		.subvis-wrap.community.sitephoto,
		.subvis-wrap.community.sitemovie{background-position:right 30% bottom;}
		.subvis-wrap.mall{background-position:right top;}
		.subvis-wrap.community.sitepds,
		.subvis-wrap.office-main,
		.subvis-wrap.membership,
		.subvis-wrap.login{background-position:left top;}
	}

	@media only screen and (max-width:767px){
		#wrap.mall .snb-cont,
		#wrap.community .snb-cont,
		#wrap.membership .snb-cont,
		#wrap.login .snb-cont{top:235px;}
		.subvis-wrap.mall,
		.subvis-wrap.mall .subvis-inner,
		.subvis-wrap.community,
		.subvis-wrap.community .subvis-inner,
		.subvis-wrap.membership,
		.subvis-wrap.membership .subvis-inner,
		.subvis-wrap.login,
		.subvis-wrap.login .subvis-inner{height:200px;}
	}

	@media only screen and (max-width:520px){
		#wrap.mall .site-cont,
		#wrap.community .site-cont,
		#wrap.membership .site-cont,
		#wrap.login .site-cont{top:215px;}
		.subvis-wrap.mall,
		.subvis-wrap.mall .subvis-inner,
		.subvis-wrap.community,
		.subvis-wrap.community .subvis-inner,
		.subvis-wrap.membership,
		.subvis-wrap.membership .subvis-inner,
		.subvis-wrap.login,
		.subvis-wrap.login .subvis-inner{height:180px;}
	}



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

	.subvis-wrap{width:100%;height:420px;border-bottom:1px solid rgba(0,0,0,0.07);position:relative;background-repeat:no-repeat;background-position:top center;background-size:cover;z-index:3;background-image:url('../../../images/site/sub/sub_visual.jpg');}
	.subvis-wrap.company{background-image:url('../../../images/site/sub/sub_visual_company.jpg');}
	.subvis-wrap.product{background-image:url('../../../images/site/sub/sub_visual.jpg');}
	.subvis-wrap.business{background-image:url('../../../images/site/sub/sub_visual.jpg');}
	.subvis-wrap.mall{background-image:url('../../../images/site/sub/sub_visual_mall.jpg');}
	.subvis-wrap.community{background-image:url('../../../images/site/sub/sub_visual.jpg');}
	.subvis-wrap.login{background-image:url('../../../images/site/sub/sub_visual_myoffice.jpg');}
	.subvis-wrap.myoffice{background-image:url('../../../images/site/sub/sub_visual_myoffice.jpg');}
	.subvis-wrap.membership{background-image:url('../../../images/site/sub/sub_visual_myoffice.jpg');}
	.subvis-wrap .subvis-inner{position:relative;height:420px;display:table;text-align:center;width:100%;}
	.subvis-inner .sub-location{text-align:center;color:#555;display:table-cell;vertical-align:middle;}
	.sub-location h3{font-size:1.875em;font-family:'NotoM';display:block;color:#333;}
	.sub-location .subvis-navi{margin:20px auto 0 auto;}
	.subvis-navi span{position:relative;padding:0 15px;}
	.subvis-navi span:after{font-family:'xeicon';position:absolute;top:0px;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{display:flex;display:-webkit-flex;flex-wrap:wrap;}
	.subvis-snb ul li{flex-grow:1;-webkit-flex-grow:1;text-align:center;display:table;height:45px;border-left:1px solid rgba(255,255,255,0.22);}
	.subvis-snb.company ul li{width:33.33%;}
	.subvis-snb.business ul li{width:25%;}
	.subvis-snb.community ul li{width:20%;}
	.subvis-snb.product ul li{width:16.66%;}
	.subvis-snb.login,.subvis-snb.membership{display:none;}
	.subvis-snb ul li:first-child{border-left:none;}
	.subvis-snb ul li a{font-size:1rem;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:rgba(255,255,255,0.9);color:#131313;}
	.subvis-inner .submenu-select-wrap{display:none;}

	.snb-cont{position:absolute;top:380px;height:70px;z-index:11;width:100%;}
	.snb-cont .all-wrap{width:1000px;height:70px;left:50%;border-radius:20px;position:absolute;top:0;transform:translate(-50%,0);transition:all .3s ease;background:#c00000;box-shadow:0 10px 7px rgba(0, 0, 0, 0.12);-webkit-box-shadow:0 10px 7px rgba(0, 0, 0, 0.12);-moz-box-shadow:0 10px 7px rgba(0, 0, 0, 0.12);}
	.snb-cont .all-wrap .new-snb{width:1000px !important;margin:0 auto;}
	.new-snb .first-home{display:block;position:absolute;width:70px;height:70px;line-height:70px;border-top-left-radius:20px;border-bottom-left-radius:20px;background:#a70000;color:#fff;text-align:center;border-right:1px solid rgba(255,255,255,0.22);}
	.new-snb ul{display:flex;display:-webkit-flex;margin-left:70px;}
	.new-snb ul li{float:left;width:270px;line-height:70px;position:relative;border-right:1px solid rgba(255,255,255,0.22);}
	.new-snb .ui.dropdown{width:100%;padding-left:20px;font-size:1em;position:absolute;}

	.new-snb .ui.dropdown .snb-table{display:table;position:absolute;top:0;left:10px;padding-right:70px;height:70px;}
	.new-snb .ui.dropdown .snb-table span{display:table-cell;vertical-align:middle;line-height:1.5;color:#fff;}
	.new-snb .ui.dropdown .angle.down.icon{width:70px;height:70px;position:absolute;right:0;color:#fff;border-left:1px solid rgba(255,255,255,0.22);border-right:1px solid rgba(255,255,255,0.22);margin:0;}
	.new-snb .ui.dropdown .menu{top:69px;left:-1px;width:271px;box-shadow:none;border-radius:0px;border:none;}
	.new-snb .ui.dropdown .menu .item{color:#fff;background:#a70000;padding:15px 0 15px 20px !important;border-top:1px solid rgba(255,255,255,0.1);}
	.new-snb .ui.dropdown .menu .item:first-child{border-top:none;}
	.new-snb .ui.dropdown .menu .item:hover{color:#fff;background:#950000;}
	.snb-cont#location.fix{width:100%;}
	.snb-cont#location.fix .all-wrap{width:100%;position:fixed;top:0px;border-radius:0px;}
	.pdlist-title{text-align:center;padding:40px 0 30px 0;}
	.pdlist-title span{padding-top:5px;display:block;}

	/* mall */
	.snb-cont.mall:after{content:'';clear:both;display:block;}
	.snb-cont.mall .all-wrap{height:auto;display:inline-block;}
	.snb-cont.mall#location.fix .all-wrap{background:#c00000;}
	.snb-cont.mall#location.fix .all-wrap .new-snb .s_menu .one_depth{display:none;}
	.snb-cont.mall#location.fix .all-wrap .new-snb .s_menu .two_depth{padding:0;}
	.snb-cont.mall .all-wrap .new-snb{text-align:center;}
	.snb-cont.mall .all-wrap .new-snb .s_menu{padding:15px 0 20px 0;}
	.snb-cont.mall .all-wrap .new-snb .s_menu .one_depth{}
	.snb-cont.mall .all-wrap .new-snb .s_menu .one_depth a{padding:7px 30px;margin:0 5px;display:inline-block;background:#950000;color:#fff;border-radius:20px;}
	.snb-cont.mall .all-wrap .new-snb .s_menu .one_depth a.active{background:#fff;color:#000;}
	.snb-cont.mall .all-wrap .new-snb .s_menu .two_depth{margin-top:15px;display:flex;display:-ms-flexbox;flex-wrap:wrap;-ms-flex-wrap:wrap;justify-content:center;align-items:center;}
	.snb-cont.mall .all-wrap .new-snb .s_menu .two_depth a{padding:0 20px;color:rgba(255,255,255,0.7);}
	.snb-cont.mall .all-wrap .new-snb .s_menu .two_depth a.active{color:rgba(255,255,255,1);}
	.mall_allwrap{position:relative;padding:30px 0 70px 0;}

	@media only screen and (max-width:1280px){
	    .snb-cont .all-wrap .new-snb{width:100% !important;margin:0 auto !important;}
	}

	@media only screen and (max-width:991px){
	    .sub-location .subvis-navi{margin:10px auto 0 auto;}
		.pdlist-title{text-align:center;padding:30px 0 10px 0;}
	    .snb-cont.mall{top:230px;}
		.snb-cont .all-wrap{border-radius:0px;}
		.new-snb .first-home{border-top-left-radius:0px;border-bottom-left-radius:0px;}
	
	}

	@media only screen and (max-width:767px){
	    .snb-cont.mall{top:180px;}
	    .sub-location .subvis-navi{margin:0 auto;}
		.snb-cont#location.fix .all-wrap{position:relative;}
		.pdlist-title{padding:20px 0;}
		.snb-cont.mall .all-wrap .new-snb .s_menu{padding:10px 0;}
		.snb-cont.mall .all-wrap .new-snb .s_menu .one_depth a{padding:5px 10px;margin:3px;}
		.snb-cont.mall .all-wrap .new-snb .s_menu .two_depth{margin-top:0px;}
	}

	@media only screen and (max-width:520px){
		.pdlist-title{padding:20px 0 0 0;}
		.snb-cont.mall .all-wrap .new-snb .s_menu{padding:10px 0 10px 0;}
		.snb-cont.mall .all-wrap .new-snb .s_menu .one_depth{margin-bottom:5px;}
		.snb-cont.mall .all-wrap .new-snb .s_menu .two_depth a{padding:5px 7px;}
	}

	/* 마이오피스 */
	.subvis-wrap.office-main{height:310px;background-image:url('../../../images/site/sub/sub_visual_myoffice.jpg');}
	.subvis-wrap.office-main .subvis-inner{height:310px;}
	.subvis-wrap.office-main .subvis-inner .sub-location{padding-top:50px;}
	.snb-cont.office-main{top:280px;}
	.snb-cont.office-main .all-wrap{background:#08070c;}
	.snb-cont.office-main .new-snb .first-home{background:#020204;}
	.office-cont.cont-inner{padding:50px 0;}

	@media only screen and (max-width:1280px){
	    .subvis-wrap,.subvis-wrap.office-main,.subvis-wrap.office-main .subvis-inner,.subvis-wrap .subvis-inner{height:320px;}
		.snb-cont,.snb-cont.office-main{top:290px;width:100%;margin:0 auto;height:60px;}
		.snb-cont .all-wrap .new-snb{width:100%;}
		.snb-cont .all-wrap{width:90%;height:60px;}
		.new-snb .first-home,.new-snb .ui.dropdown .angle.down.icon{width:60px;height:60px;line-height:60px;}
		.new-snb .ui.dropdown{padding:0px;display:block;}
		.new-snb .ui.dropdown .snb-table{left:0;padding-right:60px;padding-left:5px;height:60px;}
		.new-snb .ui.dropdown .menu{top:59px;left:-2px;width:100%;}
		.new-snb ul{margin-left:60px;}
		.new-snb ul li{width:100%;line-height:60px;}
		.new-snb .ui.dropdown .snb-table span{word-break:keep-all;}
	}

	@media only screen and (max-width:991px){
	    .subvis-wrap,.subvis-wrap.office-main,.subvis-wrap.office-main .subvis-inner{height:250px;}
		.snb-cont,.snb-cont.office-main{top:220px;}
		.new-snb .ui.dropdown .snb-table{padding-right:50px;}
		.new-snb .ui.dropdown .menu .item{padding:12px !important;font-size:1em !important;}
		.subvis-navi span{padding:0 10px;}
		.subvis-navi span:after{top:0px;}
	}

	@media only screen and (max-width:767px){
	    .office-cont.cont-inner{padding:120px 0 50px 0;}
		.snb-cont.office-main{position:relative;top:-50px;height:auto;}
		.snb-cont.office-main .all-wrap{height:auto;}
		.snb-cont.office-main .new-snb .first-home{position:absolute;top:0px;left:0px;width:50px;height:49px;line-height:50px;z-index:33;}
		.snb-cont.office-main .new-snb .first-home{width:50px;height:50px;line-height:50px;}
		.snb-cont.office-main .new-snb ul{flex-wrap:wrap;margin:0;padding:0;}
		.snb-cont.office-main .new-snb ul li{flex:100%;height:50px;line-height:1.2;display:inline-block;border-bottom:1px solid rgba(255,255,255,0.11);border-right:none;}
		.snb-cont.office-main .new-snb .ui.dropdown .snb-table{height:50px;padding:0 0 0 20px;}
		.snb-cont.office-main .new-snb ul li:first-child .ui.dropdown .snb-table{padding:0 0 0 60px;}
		.snb-cont.office-main .new-snb .ui.dropdown .menu{top:50px;left:-1px;}
	}



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

    .sub-wrap{position:relative;padding:50px 0 50px 0;width:100%;background:#fff;min-height:1000px;}
	.sub-wrap.bg-all{background:#fff;}
	.sub-wrap .sub-title{font-size:2.2rem;text-align:center;padding:50px 0 50px 0;letter-spacing:-0.5px;position:relative;color:#000;font-family:'OpenSansM','NotoM';text-transform:uppercase;}
	.sub-wrap .sub-title span{display:block;font-size:0.941rem;color:#999;margin-top:22px;}
	.sub-wrap .sub-contents{position:relative;margin:0 auto;}

	/* list */
	.sub-contents .dot-list{padding-left:10px;margin:5px 0;}
	.sub-contents .dot-list > li{float:none;position:relative;letter-spacing:-0.05px;padding:3px 0 3px 10px;line-height:1.5;display:block;}
	.sub-contents .dot-list li span{}
	.sub-contents .dot-list > li:before{content:'';position:absolute;top:16px;left:0px;width:3px;height:3px;border-radius:50%;background:#aaa;}
	.sub-contents .dot-list.dot-blue > li:before{content:'';background:#008bce;position:absolute;top:15px;left:0px;width:5px;height:5px;border-radius:50%;}
	.sub-contents .none-list{list-style-type:none;}
	.sub-contents .none-list li{float:none;position:relative;padding:5px 0 5px 10px;line-height:1.5;}
	.sub-contents ol.decimal-list{padding-left:10px;margin:5px 0;}
	.sub-contents ol.decimal-list > li{float:none;list-style-type:decimal;margin-left:15px;position:relative;padding:3px 0 3px 10px;line-height:1.5;}
	.sub-contents ol.upper-alpha{padding-left:10px;margin:5px 0;}
	.sub-contents ol.upper-alpha > li{float:none;list-style-type:upper-alpha;margin-left:15px;position:relative;padding:3px 0 3px 10px;line-height:1.5;}

	/* text */
	.sub-contents .t-normal{color:#777;font-size:15px;line-height:1.5;letter-spacing:-0.03em;}
	.sub-contents .t-group{color:#555;line-height:1.8;}
	.t-group h6{margin-top:20px;}
	.t-bg{color:#fff !important;padding:0 2px;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;}
	.t-right{text-align:right;margin-top:30px;}
	.sub-contents .biz-cont.ethics h4{width:100%;text-align:center;padding-bottom:10px;}
	
	/* table */
	.table-type1{border-top:2px solid #5a5a5a;}
	.table-type1 thead th,.table-type1 tbody th{background:#fffdf8;text-align:center;color:#000;letter-spacing:-0.3px;padding:15px 5px 10px;border-bottom:1px solid #ddd;border-left:1px solid #ddd;font-weight:normal;}
	.table-type1 thead th:first-child,.table-type1 tbody th:first-child{border-left:1px solid #ddd;}
	.table-type1 thead td:last-child,.table-type1 thead th:last-child{border-right:1px solid #ddd;}
	.table-type1 tbody th{border-bottom:1px solid #ddd;}
	.table-type1 thead td{background:#fff;text-align:center;color:#000;letter-spacing:-0.3px;padding:15px 10px 10px;border-left:1px solid #ddd;border-bottom:1px solid #ddd;}
	.table-type1 thead th span{background:#ededed;text-align:center;color:#454545;display:block;}
	.table-type1 tbody td{text-align:left;color:#555;vertical-align:middle;padding:15px;border-right:1px solid #ddd;border-bottom:1px solid #ddd;border-left:1px solid #ddd;}
	.table-type1 thead th.bd-bottom{border-bottom:1px solid #fff;}
	.table-type1 tbody td span{font-size:inherit;line-height:inherit;color:#000;margin-bottom:10px;display:block;}
	.table-type1 tbody td a{color:#777;text-decoration:underline;}
	.table-type1 tbody td a:hover{color:#000;}
	.table-type1 tbody tr.t-center td{text-align:center;}
	.table-type1 tbody td strong{font-weight:bold;letter-spacing:1px;}
		
    /* image */
	.inner-image{display:block;padding:20px 0;text-align:center;}
	.sub-contents .diagram-image{border:1px solid #dedede;margin:20px auto;}

    /* tab */
	ul.tab{position:relative;margin:0;padding:0;list-style:none;width:100%;display:flex;display:-webkit-flex;flex-wrap:wrap;}
	ul.tab li{cursor:pointer;text-align:center;}
	.tab-container{clear:both;width:100%;background:#fff;}
	.tab-contents{display:none;}

	/* button */
	.pd-button{margin-top:30px;}
	.pd-button li{margin-left:5px;}
	.pd-button li:first-child{margin-left:0;}
	.pd-button li button,.pd-button li a{width:100%;height:50px;line-height:50px;display:table;text-align:center;}
	.pd-button li button span,.pd-button li a span{color:#fff;font-size:1.063rem;}

    @media only screen and (max-width:991px){
		.sub-wrap{padding:40px 0 40px 0;min-height:auto;}
	    .sub-wrap .sub-title{font-size:2rem;padding:30px 0;}
    }

    @media only screen and (max-width:768px){
	    .sub-contents .t-normal{font-size:14px;line-height:1.3;}
    }

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



/******************************* login *******************************/

	.sub-wrap.login{background:#f5f8fb;padding:50px 0 150px 0;}
	.site-loginwrap{position:relative;width:660px;margin:0 auto;display:block;box-sizing:border-box;}
	.site-loginwrap .login-inner{position:relative;padding:50px 70px;background:#fff;box-shadow:0 10px 7px rgba(0, 0, 0, 0.12);-webkit-box-shadow:0 10px 7px rgba(0, 0, 0, 0.12);-moz-box-shadow:0 10px 7px rgba(0, 0, 0, 0.12);}
	.login-inner ul:after{content:'';display:block;clear:both;}
	.login-inner ul{width:100%;display:inline-block;}
	.login-inner ul li{position:relative;padding:0 0 10px 0;width:100%;}
	.login-inner ul li .login-icon{position:absolute;top:0;left:0;z-index:1;width:50px;height:50px;display:table;background:#f5f5f6;}
	.login-inner 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-inner input{width:100%;height:50px;font-size:1em;letter-spacing:0;color:#3f403e;line-height:40px;border:1px solid #f5f5f6;background:#f5f5f6;padding:0 0 0 14px;margin:0 0 0 -1px;box-sizing:border-box;}
	.login-inner input:hover{border-color:#2473bb;}
	.login-inner .login-btn{}
	.login-inner .login-btn button{width:100%;height:50px;}
	.login-inner hr.login-line{border-top:1px solid rgba(16, 85, 96, 0.1);}
	.login-inner .btn-wrap{width:100%;margin:20px auto 0 auto;}
	.login-inner .btn-wrap ul{display:flex;flex-wrap:nowrap;display:-webkit-flex;align-items:center;}
	.login-inner .btn-wrap ul li{width:33.33%;padding:0 3px;margin:0;}
	.login-inner .btn-wrap ul li .basic{height:45px;margin:0;line-height:unset;}
	.login-inner .btn-wrap ul li .basic span{display:table-cell;vertical-align:middle;}

    @media only screen and (max-width:991px){
		.sub-wrap.login{padding:50px 0 100px 0;}
		.site-loginwrap{width:90%;}
		.site-loginwrap .login-inner{padding:50px;}
    }

    @media only screen and (max-width:767px){
		.site-loginwrap .login-inner{padding:40px;}
    }

    @media only screen and (max-width:520px){
		.site-loginwrap .login-inner{padding:30px;}

    }



/******************************* id find *******************************/

	.idfind-wrap{position:relative;width:100%;margin:0 auto;border:1px solid #d6d7d5;}
	.idfind-wrap .title{width:100%;margin-top:50px;display:inline-block;text-align:center;padding:0;font-size:2.2rem;color:#000;letter-spacing:-1px;text-transform:uppercase;font-weight:300;}
	.idfind-wrap .login-text{text-align:center;color:#777;margin:5px 0 10px 0;padding:0;line-height:1.5;font-size:0.875rem;}
	.idfind-wrap .idfind-button{width:30%;margin:0 auto;}
	.idfind-button button{display:table;height:40px;line-height:40px;width:100%;text-align:center;border:1px solid #000;background:#3f403e;color:#fff;}
	.idfind-button button:hover{background:#000;}
	.idfind-wrap .idfind-inner{width:90%;margin:0 auto 20px auto;}
	.idfind-inner .form-dl{margin-top:10px;display:flex;align-items:center;}
	.idfind-inner .form-dl dt{width:25%;float:left;line-height:1.2;}
	.idfind-inner .form-dl dd{width:75%;float:left;margin:0;}
	.idfind-inner .form-dl dd li{padding-left:10px;}
	.idfind-inner .form-dl dd li:first-child{padding-left:0;}
	input.input-box.height40,select.select-box.height40{height:40px;line-height:40px;}
	.t-color-box{margin:20px auto;width:90%;padding:1em;text-align:center;font-size:1rem;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 .title{text-align:center;font-size:1.250rem;color:#000;}
	.mem-join-wrap .title span{font-size:1rem;display:block;color:#777;margin-top:0.5rem;}
	.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;}

	/* 본인인증,주문완료 */
	.identity-cont{position:relative;text-align:center;}
	.identity-cont .identity-icon{width:180px;height:180px;background:#eee url('../../../images/site/sub/identity-bg.png') no-repeat center center;display:block;margin:0 auto 30px auto;border-radius:50%;}
	.identity-cont .payfinish-icon{width:180px;height:180px;background:#5b5b5b url('../../../images/site/sub/payfinish-bg.png') no-repeat center center;display:block;margin:30px auto;border-radius:50%;}
	.identity-cont h5{color:#ff6f00;font-size:1.250rem;margin-bottom:10px;}
	.identity-cont span{font-size:1rem;color:#555;}
	.identity-cont .special-button{width:20%;margin:50px auto 0 auto;}
	.identity-cont .special-button .basic{width:100%;height:50px;line-height:50px;padding:0;margin:0;border:none;}
	.s-basic.search{background:#3f403e;width:35px;height:35px;border:1px solid #3f403e;color:#fff;text-align:center;padding:0;margin:0 0 0 5px;}
	.identity-cont .finish-box{margin:20px auto;text-align:left;padding:20px 30px;border:1px solid #e9e9e9;width:60%;background:#fafafa;line-height:1.8;}
	.identity-cont .finish-box p:before{top:12px;}

	/* 회원가입 */
	.half-form-wrap{position:relative;margin:0 auto;}
	.half-form-wrap h4{text-align:center;font-family:'NotoR';color:#000;margin:20px auto 0 auto;}
	.half-wrap,.form-group{position:relative;width:70%;margin:20px auto 0 auto;padding:50px;border-top:2px solid #111;border-bottom:1px solid #111;background:#fff;}
	.half-form-wrap .half-wrap{padding:20px;}
	.half-form-wrap .half-wrap:first-child{margin:0 auto;padding:10px;}
	.half-wrap .input-box,.half-wrap .basic,.half-wrap .select-box,.form-group .input-box,.form-group .basic,.form-group .select-box{font-size:0.941rem;height:40px;line-height:40px;}
    .half-wrap .form-cont-wrap{padding:10px 50px;}

	/* 회원가입 팝업 */
	.popup-wrap .one-btn-wrap{width:30%;margin:10px auto 0 auto;}
	.popup-wrap .one-btn-wrap .basic{width:100%;}
	.half-wrap.half-bd{margin-top:0;}
	.in-flex.form-top{width:80%;margin:0 auto;}
	.form-top li{float:left;}
	.form-top.in-select{position:relative;display:flex;display:-webkit-flex;}
	.form-top.in-select .title{width:100px;}
	.form-top.in-select .input-box{width:200px;float:left;}
	.form-top.in-select select{width:50px;}
	.form-top.in-select a.basic{width:110px;padding:0;}

	.form-top li .title{float:left;width:30%;display:table;height:40px;text-align:left;padding-left:10px;}
	.form-top li .title span{display:table-cell;vertical-align:middle;}
	.form-top li input.input-box{float:right;width:70%;}
	.form-top li a.basic{float:left;color:#fff;margin-left:10px;}
	.half-wrap.middle{padding:0;}
	.half-wrap dl.form-cont,.form-group dl.form-cont{border-bottom:1px solid #dedede;padding:10px;display:inline-block;width:100%;}
	.half-wrap dl.form-cont:last-child{border-bottom:none;}
	.form-cont dt{float:left;width:30%;height:40px;display:table;padding-left:20px;}
	.form-cont dt span{display:table-cell;vertical-align:middle;color:#000;font-family:'NotoR';}
	.form-cont dt span.point{position:relative;padding-left:15px;}
	.form-cont dt span.point:before{content:'*';position:absolute;top:10px;left:0;font-size:1.3rem;font-weight:bold;color:#d9252e;}
	.form-cont dd{float:right;width:70%;padding-right:20px;}
	.form-cont dd span{color:#777;line-height:40px;}
	.form-cont .two.in-flex li,.form-cont .three.in-flex li,.form-cont .four.in-flex li{margin-left:5px;}
	.form-cont .two.in-flex li:first-child,.form-cont .three.in-flex li:first-child,.form-cont .four.in-flex li:first-child{margin-left:0;}
	.form-cont .in-flex.half{width:50% !important;}
	.form-cont .email-cont li:first-child .input-box{width:90%;}
	.form-cont .email-cont li:first-child span{width:10%;text-align:center;display:inline-block;}
	.form-cont .zipcode li:first-child .input-box{width:120px;}
	.form-cont .zipcode .btn_zipcode{padding:0 5px;font-size:0.875rem;margin-left:5px;}
	.form-cont .zipcode-adress li{margin-top:5px;}
	.half-wrap .btn-wrap.one{width:25%;margin:10px auto;}
	.half-wrap .btn-wrap.bottom .basic{line-height:50px;height:50px;}
	.btn-wrap .basic{display:table;text-align:center;color:#fff;height:40px;}
	.btn-wrap .basic span{line-height:1.3;}
	.form-cont .file-input{font-size:0.875em;background:#eee;border:1px solid #ddd;padding:3px;margin:5px 0 0 0;}

	/* 가입완료 */
	.join-finish{text-align:center;}
	.complete-icon{width:120px;height:120px;margin:20px auto 30px auto;display:table;border-radius:50%;background:#98c61a;text-align:center;}
	.complete-icon i{display:table-cell;vertical-align:middle;color:#fff;font-size:3.125rem;}
	.join-finish p.t-group{margin:20px auto;}
	.join-finish .division-line{background:#dedede;}

	@media only screen and (max-width:1200px){
		.half-wrap{width:auto;max-width:none;margin-left:1em;margin-right:1em;}
		.half-form-wrap .half-wrap:first-child{margin:0 1em 0 1em;}
	}

	@media only screen and (max-width:1024px){
		.form-top.in-select{display:inline-block;width:100%;}
		.form-top.in-select li{width:100%;float:none;}
		.form-top.in-select .title{width:100%;}
		.form-top.in-select .input-box{width:100%;float:none;}
		.form-top.in-select select{width:100%;}
		.form-top.in-select a.basic{width:100%;padding:0;margin:10px 0 10px 0;}
	}

	@media only screen and (max-width:991px){	
	    .in-flex.form-top{width:100% !important;}
		.half-wrap .form-cont-wrap{padding:20px;}
	}

	@media only screen and (max-width:768px){	
	    .in-flex.form-top{display:inline-block !important;}
	    .form-top li{width:100%;float:none;}
		.form-top li .title{float:none;width:100%;height:35px;text-align:left;padding-right:10px;}
		.form-top li input.input-box{float:none;width:100%;}
		.form-top li a.basic{float:none;width:100%;margin:10px auto 0 auto;}
		.half-wrap .btn-wrap.one{width:90%;}
		.half-wrap,.form-group{padding:30px;}
		.form-cont dt{padding-left:0px;}
	    .half-wrap dl.form-cont,.form-group dl.form-cont{padding:5px;}
		.half-form-wrap h4{margin:10px auto 0 auto;}
	    .half-wrap,.form-group{width:100%;margin:10px auto 0 auto;padding:10px;}
		.half-wrap .form-cont-wrap{padding:10px 0;}
	}

	@media only screen and (max-width:640px){
	    .form-cont .in-flex.half{width:100% !important;}
		.form-cont dt{width:30%;}
		.form-cont dd{width:70%;padding-right:0;}
	}

	@media only screen and (max-width:480px){	
	    .form-cont dt{float:none;width:100%;height:30px;}
		.form-cont dd{float:none;width:100%;padding:0;}
	}

	.mem-complete{text-align:center;}
	.mem-complete .complete-icon{width:100px;height:100px;display:table;margin:50px auto 30px auto;border-radius:50%;background:#afb5bc;}
	.mem-complete .complete-icon i{font-size:3.214em;color:#fff;display:table-cell;vertical-align:middle;}
	.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:18%;margin:30px auto;}

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

	@media only screen and (max-width:767px){	
		.mem-join-wrap{width:90%;}
		.mem-join-wrap ul li a{padding:30px 0 50px 0;margin-left:10px;}
	}

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

	@media only screen and (max-width:480px){	
		.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;}
	}



/******************************* company *******************************/

	/* 회사소개 */
	.sub-contents.company{position:relative;min-height:1000px;}
	.sub-contents.company .inner{padding:50px 0;}
	.sub-contents.company .inner .ff_object .obj.image{}
	.sub-contents.company .inner .ff_object .obj.text{text-align:left;}
	.sub-contents.company .inner .ff_object .obj.text .group{margin-bottom:40px;}
	.sub-contents.company .inner .ff_object .obj.text .group:last-child{margin-bottom:0px;}
	.sub-contents.company .inner .ff_object .obj.text p.group{font-size:18px;line-height:1.6;color:#555;}

    @media all and (max-width:991px){
	    .sub-contents.company .inner .ff_object{-webkit-box-orient:vertical;-webkit-box-direction:reverse;-ms-flex-direction:column-reverse;flex-direction:column-reverse;}
		.sub-contents.company .inner .ff_object .obj{text-align:center;flex:0 0 100%;-ms-flex:0 0 100%;max-width:100%;}
		.sub-contents.company .inner .ff_object .obj.text{text-align:center;}
		.sub-contents.company .inner{padding:30px 0;}
		.sub-contents.company .inner .ff_object .obj.text .group{margin-bottom:30px;}
		.sub-contents.company .inner .ff_object .obj.text p.group{font-size:16px;line-height:1.5;}
	}

    @media all and (max-width:767px){
		.sub-contents.company .inner{padding:20px 0;}
		.sub-contents.company .inner .ff_object .obj.text h3{font-size:2em;}
		.sub-contents.company .inner .ff_object .obj.text h4{font-size:1.500em;}
		.sub-contents.company .inner .ff_object .obj.text .group{margin-bottom:20px;}
		.sub-contents.company .inner .ff_object .obj.text p.group{font-size:14px;line-height:1.4;}
	}

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



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

    .sub-contents.business .flow-cont{}
	.business .flow-cont .image{margin:0 auto 50px auto;padding:30px 0 0 0;background:#fafafa;border:1px solid #eee;text-align:center;}
	.business .flow-cont .text{}
	.flow-cont .text p{margin-bottom:15px;line-height:1.5;}
	.sub-contents.business.marketing-wrap{position:relative;}
	.marketing-wrap .group{margin-bottom:70px !important;box-sizing:border-box;}
	.marketing-wrap .m_group{margin-bottom:50px !important;box-sizing:border-box;}
	.marketing-wrap .s_group{margin-bottom:30px !important;box-sizing:border-box;}
	.marketing-wrap .ss_group{margin-bottom:20px !important;box-sizing:border-box;}
	.marketing-wrap .group h5{font-size:24px;position:relative;color:#000;text-align:center;padding:0 0 50px 0;}
	.marketing-wrap .group h5:after{content:'';width:60px;height:4px;background:#ddd;position:absolute;top:45px;left:50%;margin-left:-30px;}
	.marketing-wrap .group h6{font-size:18px;color:#000;margin-bottom:10px;}
	.marketing-wrap .group p,.marketing-wrap .group ol li{font-size:16px;color:#777;}
	.marketing-wrap  p.small{padding-top:20px;font-size:0.938em;color:#00a5b9;}
	.marketing-wrap  .point-text{color:#f1520a;display:inline-block;}
	.marketing-wrap  .point-text2{color:#b23801;}
	.marketing-wrap .group .image{margin:30px auto;}
	.marketing-wrap .group .image img{border:1px solid #ddd;max-width:none;}
	.marketing-wrap .group .image.wid_all{text-align:center;width:100%;max-width:100%;}
    .marketing-wrap .group .image.wid_all img{border:none;}
	.markeing_example{padding:30px;background:#fafafa;}
	.markeing_example .image.obj{flex:60%;}
	.markeing_example .text.obj{flex:30%;padding-left:50px;}
	.markeing_example .image.obj.padding{flex:80%;padding:20px;background:#fff;border:1px solid #ddd;}
	.markeing_example .image.obj.padding img{border:none;}
	.markeing_example .text.obj.padding{flex:20%;padding-left:20px;}
	.markeing_example .text .dot-list{margin-bottom:20px;background:#fff;border:1px solid #eee;padding:20px;}
	.markeing_example .text p{margin-bottom:10px;}
	.marketing-wrap .example_box{padding:30px;margin-bottom:30px;display:inline-block;width:100%;position:relative;background:#fafafa;border:1px solid #eee;}
	.marketing-wrap .example_box .active_image{text-align:center;margin:0 auto;}
	.marketing-wrap .star{position:relative;padding-left:25px;}
	.marketing-wrap .star:before{content:'';width:20px;height:20px;position:absolute;top:0px;left:0px;background:url('../../../images/site/sub/left_star.png') no-repeat top center;background-size:20px 20px;}
    .marketing-wrap .inner_title{color:#333;display:block;font-weight:600;margin-bottom:0px;}
	.marketing-wrap .table-type1.th_left th{padding:15px 20px;text-align:left;}
	.marketing-wrap .table_title{margin-bottom:30px;}
	.marketing-wrap .table_title h6{margin-bottom:5px;}
	.marketing-wrap .table-wrap .td_center td{text-align:center;}


    @media all and (max-width:991px){
	    .marketing-wrap .group .table-wrap{width:100%;overflow-x:scroll;}
		.marketing-wrap .group .table-type1 thead th, .marketing-wrap .group .table-type1 tbody th{padding:12px 10px;}
	    .marketing-wrap .group .table-type1 td{padding:10px;}
		.marketing-wrap .group{margin-bottom:50px !important;}
		.marketing-wrap .m_group{margin-bottom:40px !important;}
		.marketing-wrap .s_group{margin-bottom:20px !important;}
		.marketing-wrap .ss_group{margin-bottom:10px !important;}
		.marketing-wrap .group h5{font-size:20px;padding:0 0 40px 0;}
		.marketing-wrap .group h5:after{top:40px;}
		.marketing-wrap .group h6{font-size:16px;}
		.markeing_example .image.obj{flex:100%;}
		.markeing_example .text.obj{flex:100%;padding-left:0;margin-top:10px;}
		.markeing_example .image.obj.padding{flex:100%;padding:15px;}
		.markeing_example .text.obj.padding{flex:100%;padding-left:0;}
	}

    @media all and (max-width:767px){
	    .marketing-wrap .group h5:after{top:35px;}
		.marketing-wrap .group .table-type1 thead th, .marketing-wrap .group .table-type1 tbody th{padding:10px;}
	    .marketing-wrap .group .table-type1 td{padding:7px;}
		.marketing-wrap .group{margin-bottom:40px !important;}
		.marketing-wrap .m_group{margin-bottom:30px !important;}
		.marketing-wrap .s_group{margin-bottom:10px !important;}
		.marketing-wrap .group h5{font-size:18px;}
		.marketing-wrap .group h6{font-size:16px;}
		.marketing-wrap .group p,.marketing-wrap .group ol li{font-size:15px;}
		.markeing_example{padding:20px;}
		.markeing_example .text .dot-list{margin-bottom:15px;padding:15px;}
		.marketing-wrap .example_box{padding:20px;margin-bottom:15px;}
		.marketing-wrap  p.small{padding-top:10px;}
	}

    @media all and (max-width:520px){
		.markeing_example .text .dot-list{margin-bottom:10px;padding:10px;}
		.marketing-wrap .example_box{padding:15px;margin-bottom:10px;}
		.marketing-wrap .group h5{font-size:17px;}
		.marketing-wrap .group h6{font-size:15px;}
		.marketing-wrap .group p,.marketing-wrap .group ol li{font-size:14px;}
	}


	/* 자동재구매 안내 */
	.autoship-top{position:relative;}
	.autoship-top .inner-cont{display:table;width:100%;height:300px;padding-top:30px;}
	.autoship-top .inner-cont .img-inner-text{vertical-align:top;}
	.autoship-top .inner-cont .img-inner-text h5{color:#333;margin-bottom:10px;font-weight:normal;}
	.autoship-top .inner-cont .img-inner-text h3{position:relative;font-size:2.063rem;padding-top:40px;color:#222;margin-bottom:10px;}
	.autoship-top .inner-cont .img-inner-text h3:before{content:'';position:absolute;top:10px;left:50%;width:1px;height:20px;background:#333;}
	.autoship-top .inner-cont .img-inner-text span{color:#777;}
	.autoship-top .inner-cont .img-inner-text  .img-inner-button{width:15%;margin:50px auto;}
	.autoship-top .inner-cont .img-inner-text  .img-inner-button .arrow-button{padding:7px 0;}
	.autoship .img-bg.autoship-01{width:100%;height:200px;background:#fff url('../../../images/site/sub/autoship-top-bg.jpg') no-repeat top center;}
	.autoship .brand-title{padding:30px 0;}
	.autoship .brand-title .logo-circle span{position:relative;font-size:2rem;color:#fff;}
	.autoship .brand-title .logo-circle span:before{content:'';position:absolute;top:28px;left:50%;margin-left:-4px;width:8px;height:8px;border-radius:50%;background:#fff;}
	.autoship .autoship-middle{position:relative;}
	.autoship-middle .cont{text-align:center;padding:30px 0;}
	.autoship-middle .cont h5{font-size:1.500rem;color:#d5e5ab;font-weight:normal;}
	.autoship-middle .cont .circle-cont{width:60%;margin:10px auto 0 auto;padding:50px;border:1px solid rgba(255,255,255,0.3);background:rgba(0,0,0,0.2);}
	.circle-cont li{}
	.circle-cont li .circle{width:160px;height:160px;margin:0 auto;border-radius:50%;background:#fff;border:5px dotted #7cb328;text-align:center;display:table;}
	.circle-cont li .circle span{display:table-cell;vertical-align:middle;font-size:1.063rem;}
	.circle-cont li span em{display:block;font-size:1.250rem;font-weight:600;color:#000;padding-top:5px;}
	.circle-cont .arrow-next{width:79px;height:52px;margin:50px auto 0 auto;background:url('../../../images/common/icon-common.png') no-repeat -200px -350px;}

	.autoship-middle .dot-title,.autoship-middle .none-title{color:#222;font-size:2rem;text-align:center;position:relative;display:inline-block;width:100%;}
	.autoship-middle .dot-title:before{content:'';position:absolute;top:-22px;left:50%;margin-left:-4px;width:8px;height:8px;border-radius:50%;background:#98c61a;}
	.autoship-middle .middle-cont.second{margin:100px auto;}
	.fit-box-wrap{position:relative;margin:50px auto 0 auto;}
	.fit-box-wrap .in-flex li{position:relative;width:25%;padding:30px;border:1px solid #dedede;background:#fff;margin-left:-1px;margin-bottom:-1px;min-height:300px;box-sizing:border-box;}
	.fit-box-wrap .in-flex li.next:after,.fit-box-wrap .in-flex li.down:before,.fit-box-wrap .in-flex li.prev:before{font-family:'Icons';}
	.fit-box-wrap .in-flex li.next:after,.fit-box-wrap .in-flex li.down:before,.fit-box-wrap .in-flex li.prev:before{position:absolute;width:50px;height:50px;border-radius:50%;background:#dedede;z-index:23;color:#fff;text-align:center;line-height:50px;}
	.fit-box-wrap .in-flex li.next:after{content:'\f061';top:50%;right:-25px;margin-top:-25px;}
	.fit-box-wrap .in-flex li.down:before{content:'\f063';top:0;left:50%;margin-top:-25px;margin-left:-25px;}
	.fit-box-wrap .in-flex li.prev:before{content:'\f060';top:50%;right:-25px;margin-top:-25px;}
	.fit-box-wrap .in-flex li:last-child::after{content:none;}
	.fit-box-wrap .fit-cont{text-align:center;}
	.fit-cont .number{color:#bcbcbc;font-size:1.5rem;margin-bottom:10px;}
	.fit-cont .fit-title{color:#000;min-height:40px;font-size:1.063rem;}
	.fit-cont .fit-icon{width:100px;height:100px;background:#fff url('../../../images/common/icon-common.png') no-repeat;margin:10px auto;}
	.fit-cont .fit-icon.one{background-position:-280px -10px;}
	.fit-cont .fit-icon.two{background-position:-280px -110px;}
	.fit-cont .fit-icon.three{background-position:-280px -210px;}
	.fit-cont .fit-icon.four{background-position:-280px -310px;}
	.fit-cont .fit-icon.five{background-position:-280px -410px;}
	.fit-cont .fit-icon.six{background-position:-400px 0px;}
	.fit-cont .fit-icon.seven{background-position:-400px -100px;}
	.fit-cont .fit-icon.eight{background-position:-400px -200px;}
	.fit-cont .t-normal{text-align:left;}
	.fit-cont .t-normal span{position:relative;display:block;font-size:0.941rem;margin-bottom:5px;padding-left:10px;}
	.fit-cont .t-normal span:before{content:'';position:absolute;top:10px;left:0px;width:3px;height:3px;border-radius:50%;background:#aaa;}

	.middle-cont.modify{padding:70px 0;background:#f4f4f4 url('../../../images/site/sub/autoship-modify-bg.jpg') no-repeat top center;}
	.middle-cont.modify .none-title{color:#fff;}
	.middle-cont.modify .wrap{margin:50px auto 0 auto;}
	.middle-cont.modify .modify-cont .circle{width:120px;height:120px;border-radius:50%;background:#cacaca;margin:0 auto 20px auto;text-align:center;display:table;}
	.middle-cont.modify .modify-cont .circle span{display:table-cell;vertical-align:middle;}
	.middle-cont.modify .modify-cont .circle span img{width:60%;}
	.middle-cont.modify .wrap .in-flex > li{width:50%;margin:0 10px;border:1px solid #dedede;padding:30px;background:#fff;text-align:center;}
	.middle-cont.modify .wrap ol.dot-list{margin-top:20px;}
	.middle-cont.modify .wrap ol.dot-list li{text-align:left;}

	.middle-cont.remind{background:#fff;}
	.middle-cont.remind .remind-cont{margin:50px auto;}
	.remind-cont > ul.in-flex > li{width:50%;padding:20px;}
	.remind-cont > ul.in-flex > li:after{content:'';display:block;clear:both;}
	.remind-cont .img{position:relative;}
	.remind-cont .img img{display:block;margin:0;border:none;max-width:100%;}
	.remind-cont .img:after{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background:transparent;}
	.remind-cont .photo-text{z-index:2;position:relative;margin:-40px 0 0 20px;padding:30px;background:#fff;}
	.remind-cont .photo-text h4{font-size:1.188rem;}
	.remind-cont .dot-list{margin:10px 0;line-height:24px;color:#555;}
	.remind-cont .inner-t{position:relative;padding-left:80px;}
	.remind-cont .inner-t p{font-size:1.063rem;margin-bottom:15px;color:#222;}
	.middle-cont.remind .remind-button{width:15%;margin:70px auto;}
	.middle-cont.remind .remind-button .arrow-button{padding:7px 0;}

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

    @media all and (max-width:991px){
	    .autoship-top .inner-cont .img-inner-text  .img-inner-button{width:40%;margin:30px auto;}
		.autoship-middle .cont .circle-cont{width:95%;padding:20px;}
		.circle-cont li .circle{width:120px;height:120px;}
		.circle-cont .arrow-next{margin:30px auto 0 auto;}
		.fit-box-wrap .in-flex li{padding:10px;min-height:auto;}
		.remind-cont > ul.in-flex > li{padding:10px;}
		.remind-cont .photo-text{margin:10px 0 0 0;padding:10px;}
		.remind-cont .inner-t{padding-left:20px;}
		.middle-cont.remind .remind-button{width:40%;margin:30px auto;}
	
	}

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

    @media all and (max-width:640px){
	    .autoship-middle .middle-cont.second{margin:50px auto;}
		.middle-cont.modify{padding:50px 0;}
	    .fit-box-wrap .in-flex li.next:after,.fit-box-wrap .in-flex li.down:before,.fit-box-wrap .in-flex li.prev:before{width:30px;height:30px;line-height:30px;}
		.fit-box-wrap .in-flex li.next:after{top:30%;right:-15px;margin-top:-15px;}
		.fit-box-wrap .in-flex li.down:before{left:50%;margin-top:-15px;margin-left:-15px;}
		.fit-box-wrap .in-flex li.prev:before{top:30%;right:-15px;margin-top:-15px;}
		.middle-cont.modify .wrap .in-flex > li{padding:10px;}
		.middle-cont.modify .modify-cont .circle{width:90px;height:90px;margin:0 auto 10px auto;}
	}

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




/******************************* 쇼핑하기 *******************************/

	.mall-wrap{position:relative;margin:50px auto 100px auto;}

	.mpd-list-wrap{position:relative;margin:0 auto;clear:both;float:none;}
	.mpd-list-wrap .pd-list-cont{display:block;box-sizing:border-box;padding:10px 0 0 0;}
	.mpd-list-wrap .pd-list-cont .pd-cont{display:flex;flex-wrap:wrap;display:-webkit-flex;-webkit-flex-wrap:wrap;margin-right:-10px;margin-left:-10px;-webkit-box-pack:center;-moz-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;}
	.mpd-list-wrap .pd-cont .pd-item{max-width:25%;flex:0 0 25%;-ms-flex:0 0 25%;-webkit-box-flex:0;z-index:2;}
	.mpd-list-wrap .pd-cont .pd-item.sub{max-width:33.33%;flex:0 0 33.33%;-ms-flex:0 0 33.33%;width:33.33%;}
	.mpd-list-wrap .pd-item .item-wrap{height:calc(100% - 20px;);margin-bottom:20px;padding: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;}
	.mpd-list-wrap .item-wrap .item-inner{border:1px solid #e0e0e0;width:100%;position:relative;}
	.mpd-list-wrap .item-inner .item-link{display:block;position:relative;z-index:1;}
	.mpd-list-wrap .item-link .item-thumbnail{position:relative;background:#fafafa;}
	.mpd-list-wrap .item-link .item-thumbnail .thumbnail{text-align:center;height:auto !important;}
	.mpd-list-wrap .item-link .item-thumbnail .thumbnail.hover{opacity:0;}
	.mpd-list-wrap .item-link .item-thumbnail .thumbnail.base{opacity:1;}
	.mpd-list-wrap .item-link .item-thumbnail:hover .thumbnail.hover{opacity:1;}
	.mpd-list-wrap .item-link .item-thumbnail:hover .thumbnail.base{opacity:0;}
	.mpd-list-wrap .item-thumbnail .thumbnail img{height:auto;vertical-align:middle;}
	.mpd-list-wrap .item-thumbnail .thumbnail.hover{position:absolute;left:0;top:0;opacity:0;width:100%;background:transparent;-webkit-transition:all 0.5s ease-in-out;transition:all 0.5s ease-in-out;}
	.mpd-list-wrap .item-wrap .item-inner:after{content:'';display:block;position:absolute;top:-2px;bottom:-2px;left:-2px;right:-2px;border:1px solid #f79e78;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;}
	.mpd-list-wrap .item-wrap .item-inner:hover:after{border-width:2px;opacity:1;}
	.mpd-list-wrap .item-inner .item-explain{padding:20px;text-align:left;font-size:1rem;}
	.mpd-list-wrap .item-explain .item-name{font-weight:normal;font-size:1.063em;color:#000;font-family:'NotoR';line-height:1.3;max-width:100%;display:inline-block;vertical-align:middle;overflow:hidden;text-overflow:ellipsis;min-height:28px;white-space:nowrap;}
	.mpd-list-wrap .item-explain dl.part_area{margin-top:10px;padding:10px;background:#f7f7f7;border-radius:5px;display:inline-block;width:100%;}
	.mpd-list-wrap .item-explain dl.part_area dt{margin-bottom:5px;padding:2px 10px;font-size:0.875em;border-radius:20px;display:inline-block;background:#777 !important;color:#fff !important;}
	.mpd-list-wrap .item-explain dl.part_area dd{font-size:0.875em;color:#777;line-height:1.5;word-break:keep-all;}
	.mpd-list-wrap .item-explain .item-detail{color:#777;display:block;margin-bottom:10px;font-size:0.941rem;font-weight:normal;}
	.mpd-list-wrap .item-explain span{display:block;vertical-align:middle;font-weight:600;letter-spacing:0;font-size:1.067rem;}
	.mpd-list-wrap .item-explain span.item-price{color:#000;margin:0;}
	.mpd-list-wrap .item-explain span.item-pv{color:#5390cd;}
	.mpd-list-wrap .item-explain span em{font-weight:normal;padding-left:3px;font-size:0.9em;}

	.mpd-list-wrap .item-inner .item-count-wrap{display:flex;justify-content:left;align-items:left;padding:10px 20px 20px 20px;}
	.mpd-list-wrap .item-count-wrap .item-count .count-module{display:inline-flex;height:35px;margin:0 auto;position:relative;border:1px solid #e0e0e0;}
	.mpd-list-wrap .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;z-index:1;box-sizing:border-box;border-left:1px solid #e0e0e0;border-right:1px solid #e0e0e0;}
	.mpd-list-wrap .item-count .count-module button{width:31px;height:100%;margin:0;padding: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;}
	.mpd-list-wrap .item-count .count-module button:hover{background:#f4f4f4;}
	.mpd-list-wrap .count-module button.count-up{}
	.mpd-list-wrap .count-module button.count-down{}
	.mpd-list-wrap .count-module button:after{width:100%;height:100%;font-family:'xeicon';font-size:15px;line-height:35px;color:#333;cursor:pointer;}
	.mpd-list-wrap .count-module button.count-up:after{content:'\e913'}
	.mpd-list-wrap .count-module button.count-down:after{content:'\e91a';}
	.mpd-list-wrap .item-count-wrap .item-cart{display:table-cell;vertical-align:middle;width:auto;padding-left:5px;}
	.mpd-list-wrap .list-button{display:inline-block;width:40px;height:35px;text-align:center;text-decoration:none;white-space:nowrap;font-size:0.889em;}
	.mpd-list-wrap .list-button span{position:relative;width:100%;height:100%;font-family:'xeicon';display:block;}
	.mpd-list-wrap .list-button span:before{position:absolute;top:5px;left:6px;font-size:1.5rem;}
	.mpd-list-wrap .list-button.list-love span:before{content:'\ea11';}
	.mpd-list-wrap .list-button.list-cart span:before{content:'\e9fb';}
	.mpd-list-wrap .list-button.list-love{background:#fff;color:#777;border:1px solid #e0e0e0;}
	.mpd-list-wrap .list-button.list-love:hover{background:#777;color:#fff;border:1px solid #777;-webkit-transition:all 300ms;transition:all 300ms;}
	.mpd-list-wrap .list-button.list-cart{background:#98c61a;color:#fff;border:1px solid #98c61a;}
	.mpd-list-wrap .list-button.list-cart:hover{background:#7cb328;-webkit-transition:all 300ms;transition:all 300ms;}
	.mpd-list-wrap .mpd-more{width:40%;margin:20px auto 0 auto;}
	.mpd-list-wrap .mpd-more a{text-align:center;height:50px;display:table;width:100%;border:1px solid #555;background:#fff;}
	.mpd-list-wrap .mpd-more a span{display:table-cell;vertical-align:middle;}
	.mpd-list-wrap .mpd-more a span:after{display:inline-block;width:14px;height:8px;margin:8px 0 0 15px;background-position:-10px -150px;background-image:url('../../../images/common/icon-common.png');background-repeat:no-repeat;vertical-align:top;content:''}
	.mpd-list-wrap .mpd-more a:hover{background:#fafafa;color:#000;}

	/* SNS */
	.mall-wrap .sns-area{position:absolute;top:0;right:0;font-size:0;}
	.mall-wrap .sns-area ul{display:inline-block;vertical-align:top;}
	.sns-area .sns-icon{width:30px;height:30px;display:inline-block;vertical-align:middle;text-indent:-9999px;margin-left:5px;}
	.sns-area .sns-icon.kakaotalk{background:#ffe600 url('../../../images/common/icon-common.png') no-repeat 0 -320px;}
	.sns-area .sns-icon.facebook{background:#445d98 url('../../../images/common/icon-common.png') no-repeat 0 -350px;}
	.sns-area .sns-icon.instargram{background:#e42253 url('../../../images/common/icon-common.png') no-repeat 0 -380px;}
	.sns-area .sns-icon.band{background:#44b64e url('../../../images/common/icon-common.png') no-repeat 0 -410px;}
	.sns-area .sns-icon.kakaostory{background:#f3d60f url('../../../images/common/icon-common.png') no-repeat 0 -440px;}

	/* 상세보기 */
	.mall-wrap .detail-cont{padding:0 50px 50px 50px;overflow:hidden;}
	.detail-cont .f-inner{width:50%;}
	.detail-cont .pd-thumb{text-align:left;position:relative;padding-right:50px;}
	.detail-cont .pd-thumb img{width:100%;}
	.detail-cont .pd-info-wrap{padding:0 0 0 70px;position:relative;}
	.pd-info-wrap .top-title{margin-bottom:10px;}
	.pd-info-wrap .top-title h3{font-size:2rem;line-height:1.5;color:#222;margin-bottom:8px;font-family:'NotoL';font-weight:100;}
	.pd-info-wrap .pd-info-cont{border-top:2px solid #333;padding-top:28px;}
	.pd-info-cont .pd-info{}
	.pd-info dl{margin:10px 0 0 0;display:inline-block;width:100%;}
	.pd-info dl dt{float:left;width:30%;color:#222;}
	.pd-info dl dd{float:left;width:70%;}
	.pd-info .info-option{padding:10px 0;margin-top:28px;border-top:1px solid #ddd;border-bottom:1px solid #ddd;}
	.info-option .qty-area{margin:15px 0;}
	.info-option .qty-area dl{padding:19px;margin:0;overflow:hidden;overflow:hidden;position:relative;background:#fafafa;border:1px solid #ddd;}
	.info-option .qty-area dl dt{line-height:35px;width:100px;}
	.info-option .qty-area dl dd{}
	.qty-area .choose-num li button,.qty-area .choose-num li input{width:35px;height:35px;background:#fff;}
	.qty-area{display:flex;align-items:center;}
	
	.pd-info .pd-total{padding:20px 0;}
	.pd-info .pd-total dd{text-align:right;color:#222;}
	.pd-info .pd-total dd span{font-size:1.750rem;padding-right:3px;}
	.point01-line{background:#fff;border:1px solid #fa9c53;}
	.point01-line:hover{border:1px solid #ff6f00;}
	.pd-button li button.point01-line span{color:#ff6f00;}
	.choose-num.inline.field .ui.button,.choose-num.inline.field .input-box{margin:0;}
	.choose-num.inline.field .input-box{width:40px !important;height:auto !important;margin-top:-3px !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:flex;align-items: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;width:100%;margin:3px 0 0 0 !important;}
	    .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;}
	}

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


	@media only screen and (max-width:640px){
	    .detail-cont .pd-info-wrap{padding:0;}
	}

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

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

	/* MyPick package */
	.fast_order_wrap .mypick_area{}
	.fast_order_wrap .mypick_area.list_area{width:100%;border:1px solid #000;padding:20px;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;-webkit-box-pack:justify;-moz-box-pack:justify;-ms-flex-pack:justify;-webkit-justify-content:space-between;}
    .fast_order_wrap .mypick_area.list_area .data_list.menu{width:100%;min-width:100%;height:400px;overflow-y:scroll;padding-top:20px;}
	.fast_order_wrap .mypick_area.list_area .pd_cont,
	.fast_order_wrap .mypick_area.list_area .data_list.menu .item{padding:0px !important;}
	.fast_order_wrap .mypick_area.list_area.ui.dropdown > .text{width:100%;}
	.fast_order_wrap .mypick_view{text-align:center;}
	.fast_order_wrap .mypick_view img{max-width:100%;display:block;margin:0 auto;}
	.fast_order_wrap .mypick_area.list_area .data_list.menu .item.pd_event{background:#fdf1e8;border:2px solid #ff7200 !important;}
    .fast_order_wrap .mypick_area.list_area .data_list.menu .item.pd_event .ui.basic.buttons .button, .ui.basic.button{background:#fff !important;}
	.fast_order_wrap .mypick_area.list_area .data_list.menu .item.pd_event:hover{background:#ffe6cc;border:2px solid #ff7200 !important;}



	/* 빠른주문 */
	.mall-wrap span em.unit{padding-left:5px;font-size:0.938em;}
	.fast_order_wrap{margin:50px auto 0 auto;}
	.fast_order_wrap .ui.header small{padding-left:10px;color:#999;}
	.fast_order_wrap .select_area{padding:20px;border:1px solid #ddd;background:#fafafa;}
	.fast_order_wrap .result_top_area{padding:20px;border:1px solid #2473bb;background:#2473bb;border-radius:0.28571429rem;}
	.fast_order_wrap #select_list{margin:10px 0;}
	.fast_order_wrap #select_list div{margin:3px 0;padding:5px 10px;border:1px solid #2473bb;background:#fff;display:block;border-radius:0.28571429rem;color:#333;}
	.fast_order_wrap .total_box{background:rgba(255,255,255,0.1);border:1px solid rgba(255,255,255,0.3);padding:5px;margin-top:10px;border-radius:0.28571429rem;}
	.fast_order_wrap .total_box div{padding:0 20px;color:rgba(255,255,255,0.7);}
	.fast_order_wrap .total_box div:first-child{padding-left:0px;}
	.fast_order_wrap .total_box div span{padding-left:10px;color:#fff;}
	.fast_order_wrap .total_box div span em{font-weight:normal;padding-left:2px;}
	.fast_order_wrap .total_box div span label{font-size:1.250em;color:#fff;font-weight:500;}
	.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:10px auto 30px auto;padding:20px;background:#2473bb;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 .list_area{margin-top:20px;border-top:1px solid #2473bb;}
	.fast_order_wrap .list_area .pd_cont{padding:20px;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:10px 0 10px 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_info .pd_name span{font-weight:normal;font-size:0.875em;color:#999;display:block;font-family:'NotoR';}
	.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;border-left:none;border-right:none;}
	.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:999;background:#2473bb;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: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;}


	@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 .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_pop{display:none;}
	}

	@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;width:100px;margin:3px auto 0 auto !important;}
	    .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:30px auto 0 auto;}
		.fast_order_wrap .list_area .pd_cont .obj .pd_image,
		.fast_order_wrap .list_area .pd_cont .obj .pd_image img{width:80px !important;background:#eee;}.fast_order_wrap .result_area .ff_cont .obj{padding:5px;max-width:100%;flex:0 0 100%;-ms-flex:0 0 100%;}
		.fast_order_wrap .result_area a.ui.button{width:100%;}

	    .go_fast_order{right:10px;}
		.go_fast_order button{width:70px;height:70px;}

		.fast_order_wrap .ui.header small{padding-left:5px;}
		.fast_order_wrap .result_top_area{padding:15px 10px;}
		.result_top_area .ff_object.f_between{-webkit-box-pack:center;-moz-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;}
		.fast_order_wrap #select_list{margin:5px 0;}
		.fast_order_wrap #select_list div{margin:2px 0;padding:2px 5px;}
		.fast_order_wrap .total_box div{padding:0 10px;}
		.fast_order_wrap .total_box div span{padding-left:5px;}
	}

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

	@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%;text-align:center;}
		.fast_order_wrap .list_area .pd_cont{padding:15px 0;}
	    .fast_order_wrap .result_area{margin:10px auto;}
		.fast_order_wrap .result_area .obj div label{padding-left:0;}
		.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:0;max-width:100%;flex:0 0 100%;-ms-flex:0 0 100%;}
		.fast_order_wrap .ui.header small{padding-left:0px;display:block;}
	}

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

		.fast_order_wrap .list_area .pd_cont .pd_info{padding-left:10px;}
		.fast_order_wrap .list_area .pd_cont .obj.right_cont .qty-area{padding:5px 0 0 10px;}
		.fast_order_wrap .total_box div{padding:0 5px;}
		.fast_order_wrap .list_area .pd_cont .qty_input{width:35px;height:27px;padding:0;}
		.fast_order_wrap .list_area .pd_cont .qty-area button{width:25px;height:25px;line-height:25px;text-align:center;padding:0;}


	}

	@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;}
	    .fast_order_wrap .total_box div strong{display:block;text-align:center;}
		.fast_order_wrap .total_box div{padding:0 10px;}

		.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{padding:0 0 10px 10px;}
		
	}



	/* 상세보기탭 */
	.sub-wrap .detail-middle{position:relative;width:100%;height:200px;margin:0 auto;background:#eee url('../../../images/site/sub/pd-detail-banner.jpg') no-repeat top center;}
	.detail-wrap .tab-wrap.detail{margin:50px 0;}
	.detail-tab ul.tab li{width:25%;height:55px;display:table;text-align:center;border-bottom:2px solid #eee;}
	.detail-tab ul.tab li.active{border-bottom:2px solid #000;}.detail-tab ul.tab li.active span{color:#000;}
	.detail-tab ul.tab li span{display:table-cell;vertical-align:middle;color:#777;font-size:1.063rem;}
	.detail-wrap .tab-container{position:relative;}
	.detail-wrap .tab-contents{padding:70px 0;}
	.detail-wrap .tab-contents h4{text-align:center;color:#000;padding-bottom:30px;}
	.tab-contents#pd-detail{text-align:center;}
	.tab-contents#pd-detail img{width:auto;}
	.detail-wrap .detail-list{display:block;width:15%;line-height:50px;margin:0 auto;background:#fff;border:1px solid #333;text-align:center;}
	.detail-wrap .detail-list span{color:#000;}
	.detail-wrap .detail-list:hover{background:#333;}.detail-wrap .detail-list:hover span{color:#fff;}

	@media only screen and (max-width:1280px){
	    .sub-wrap .detail-middle{display:none;}
	}

	@media only screen and (max-width:1024px){
	    .detail-wrap .detail-list{width:25%;}
		.detail-wrap .tab-contents{padding:30px 0;}
	}

	@media only screen and (max-width:520px){
	    .detail-wrap .detail-list{width:50%;}
	}

	/*관심상품, 장바구니*/
	.sub-contents .pd-table{position:relative;border-top:2px solid #333;margin:50px 0 0 0;}
	.pd-table table{}
	.pd-table table thead th{background:#fafafa;padding:15px 7px !important;color:#000;}
	.pd-table table thead th,.pd-table table tbody td{padding:10px 0;border-bottom:1px solid #ddd;font-weight:normal;}
	.pd-table table tbody tr.data-none td{text-align:center;padding:50px 0;}
	.pd-table.pdlist .only-icon i{font-size:1.250rem;opacity:1 !important;}
	.pd-table.pdlist .only-icon.btn_cart i{font-size:1.563rem;color:#ff6f00;}
	.pd-table.pdlist .check-wrap input[type=checkbox]:not(old){background-size:30px 30px;height:30px;}
	.pd-table.pdlist .check-wrap input[type=checkbox]:not(old) + label{height:30px;padding-left:30px;background-size:30px 30px;line-height:30px;}
	.pd-table.pdlist .check-wrap input[type=checkbox]:not(old):checked + label{background-size:30px 30px;}
	.pd-table.pdlist .data_list .data-none td{text-align:center;padding:30px 0;}
	.pd-table .pd-table-item{}
	.pd-table .pd-table-item .cartin-image{width:20%;height:145px;display:table;}
	.pd-table .pd-table-item .cartin-image span{display:table-cell;vertical-align:middle;}
	.pd-table .pd-table-item .cartin-info{width:80%;height:145px;display:table;}
	.pd-table img.web_image{width:120px;}
	.pd-table-item .cartin-info .info-inner{padding:0 10px;display:table-cell;vertical-align:middle;}
	.pd-table-item .info-inner span{display:block;letter-spacing:0px;margin:3px 0;}
	.pd-table-item .info-inner span.tit{}
	.pd-table-item .info-inner span em{color:#222;padding-right:3px;}
	.qty-area .s-pd.basic{margin-left:3px;color:#fff !important;}
	.mall-wrap .pd-button.in-flex.two{width:40% !important;margin:70px auto 50px auto;}

	/* 결제하기 */
	.mall-wrap .total-sum,.mall_allwrap .total-sum{padding:30px 0;background:#fafafa;overflow:hidden;}
	.mall_allwrap .total-sum{margin:20px auto 0 auto;border:1px solid #eee;}
	.total-sum ul{float:right;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;flex-wrap:wrap;-webkit-flex-wrap:wrap;-moz-flex-wrap:wrap;}
	.total-sum ul li{float:left;padding:0 35px 0 50px;text-align:center;}
	.total-sum .subject{display:block;margin-bottom:8px;color:#555;}
	.total-sum .price{font-size:1rem;}
	.total-sum .price em{color:#000;font-weight:600;font-size:1.375rem;line-height:30px;padding-right:5px;}
	.total-sum li.delivery{background:url('../../../images/site/sub/total-sum-plus.png') no-repeat left 30px;}
	.total-sum li.pay-price{float:left;background:url('../../../images/site/sub/total-sum-equal.png') no-repeat left 30px;}
	.formgroup-wrap{position:relative;clear:both;}
	.formgroup-wrap h5{margin:30px 0 0 0;}
	.formgroup-wrap h5 span i{margin-right:10px;}
	.formgroup-wrap h5 em{font-size:0.938rem;color:#888;padding-left:5px;}
	.formgroup-wrap .form-group{border-top:1px solid #333;padding:0 30px;}
	.form-group dl.form-cont{padding:5px 0;}
	.form-group dl.form-cont:last-child{border-bottom:none;}
	.form-group{width:100%;}
	.form-group .check-wrap{height:40px;line-height:40px;}
	.form-group .form-cont .in-flex.zipcode{width:215px !important;position:relative;}
	.in-flex.zipcode .btn_zipcode{position:absolute;top:0;right:0;}
	.form-group .form-cont .l-height{line-height:40px;}
	.form-group .form-cont textarea{font-size:0.941rem;color:#216baf;}
	.form-group.area_pay_kind{border-top:1px solid #ddd;background:#fafafa;margin:10px auto 30px auto;padding:20px;}
	.form-group.area_pay_kind .form-cont{background:#fff;}
	.formgroup-wrap .buychoose-box{border:3px solid #d5dee7;background:#f5f8fb;margin:20px auto;text-align:center;padding:20px 50px;}
	.buychoose-box ul.fl-left{width:auto;}
	.formgroup-wrap.payment .form-group:last-child{border-bottom:none;}
	input.use_amt.input-box{text-align:right;padding-right:10px;}
	.area_pay_kind .table-wrap.overflow-x{border-top:1px solid #000;}

    @media only screen and (max-width:991px) {
	    .sub-contents .pd-table{margin:30px 0 0 0;}
    }

    @media only screen and (max-width:768px) {
		.sub-contents .pd-table{overflow-x:scroll;}
	    .mall-wrap .pd-button.in-flex.two{width:80% !important;margin:30px auto 20px auto;}
		.formgroup-wrap .form-group{padding:0 20px;}
		.mall-wrap .total-sum,.mall_allwrap .total-sum{padding:15px 0;}
		.total-sum ul li{padding:0 15px 0 20px;}
		.total-sum ul li:first-child{padding-left:0px;}
    }


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

	.board-searchbox{clear:both;width:100%;margin-top:40px;padding:30px 0;text-align:center;background:#f7f7f7;}
	.board-searchbox input.searchbox-input{height:40px;}
	.board-searchbox .board-search{width:80px;height:40px;background:#999;border:0;font-size:1em;color:#fff;vertical-align:middle;cursor:pointer;margin-left:2px;}
	.board-searchbox .board-search:hover{background:#555;}
	.board-table{width:100%;}
	.board-table a{color:#333;}
	.board-table thead th{padding:0.625rem 0;background:#c00000;border-bottom:1px solid rgba(255,255,255,0.3);color:#fff;border-top:none;font-weight:normal;}
	.board-table thead th:first-child{border-top-left-radius:10px;border-bottom-left-radius:10px;}
	.board-table thead th:last-child{border-top-right-radius:10px;border-bottom-right-radius:10px;}
	.board-table tbody td{padding:0.625rem 0;word-break:break-all;text-align:center;border-bottom:1px solid #ddd;color:#777;line-height:1.5;vertical-align:middle;}
	.board-table tbody td a:hover{text-decoration:underline;color:#333;}
	.board-table tbody td.title{text-align:left;padding:1em 2em;}
	.board-table tbody td.board-date{font-size:0.875em;color:#999;}

	.boardview-box{width:100%;height:auto;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;background:#fff;}
	.boardview-box .title-box{width:100%;padding:20px;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;border-top:2px solid #000;border-bottom:1px solid #ddd;text-align:left;}
	.boardview-box .title-box h4{margin-bottom:10px;font-size:1.375rem;color:#000;}
	.title-box dl{font-size:0.875em;}
	.title-box dl::after{content:'';display:block;clear:both;}
	.title-box dl dt{float:left;position:relative;padding:0 5px 0 10px;}
	.title-box dl dt:before{content:'';position:absolute;width:3px;height:3px;border-radius:50%;left:0;top:10px;background:#aaa;}
	.title-box dl dd{margin-right:15px;float:left;color:#777;}
	.boardview-box .view-box{padding:50px 20px;margin-bottom:30px;border-bottom:1px solid #000;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;text-align:left;font-size:1rem;color:#777;line-height:1.7;word-break:keep-all;-ms-word-break:keep-all;}
	.boardview-box .listview-btn{margin:0 auto;display:table;}
	.boardview-box .board-img{text-align:center;}
	.listview-btn .list-btn{width:150px;height:50px;background:#454545;font-size:1em;color:#fff;display:table-cell;vertical-align:middle;text-align:center;}
	.listview-btn .list-btn:hover{background:#222;}
	.gallery-wrap{position:relative;}
	.gallery-wrap .gallery-cont{margin:30px auto;padding:0;list-style:none;zoom:1;}
	.gallery-wrap .gallery-cont li{position:relative;min-height:1px;padding-left:15px;padding-right:15px;float:left;margin-left:0;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;}
	.gallery-cont .gallery-box{position:relative;margin:0 auto;border:1px solid #ddd;background:#fff;border-radius:0 0 2px 2px;}
	.gallery-cont .gallery-info{padding:12px 10px;font-size:1em;background:#f6f6f6;line-height:1.5;}
	.gallery-cont .gallery-info .gallery-date{position:absolute;bottom:10px;right:10px;display:inline-block;color:#999;}
	.gallery-cont .gallery-box a{display:block;}

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

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

	.board-searchbox{clear:both;width:100%;margin-top:40px;padding:30px 0;text-align:center;background:#f7f7f7;}
	.board-searchbox .board-search{width:80px;height:40px;background:#999;border:0;color:#fff;vertical-align:middle;cursor:pointer;margin-left:2px;}
	.board-searchbox .board-search:hover{background:#555;}
	.board-searchbox ul{display:inline-flex;display:-webkit-inline-flex;}
	.board-searchbox ul li{margin:0 3px;}
	.board-searchbox ul li:first-child{width:100px;}
	.board-searchbox ul li .select-box,.board-searchbox ul li .input-box,.board-searchbox ul li button.basic{height:40px;}

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

    /* 이벤트 게시판 : 2022.08.26 */
	.review_wrap{}
	.review_wrap .view_cont.bg_special{padding:10px 20px 20px 20px;background:#f5f8fb;}
	.view_cont.other{padding-bottom:30px;border-bottom:2px solid #333;}
	.review_wrap .view_cont h5{font-size:20px;margin-bottom:20px;}
	.view_cont .ff_object{margin:-30px;}
	.view_cont .ff_object .obj{padding:30px;}
	.review_wrap .image{position:relative;cursor:pointer;}
	.review_wrap .image img{width:350px;height:350px !important;}
	.review_wrap .image:hover img{opacity:1;-webkit-animation:flash 1.5s;animation:flash 1.5s;}
    .review_wrap .explain{margin-top:10px;}
	.review_wrap .explain p{}
	.review_wrap .like_cont{}
	.review_wrap .like_cont .result_area{padding:5px 10px;border-radius:30px;border:1px solid #2185D0;color:#000;background:#fff;}
	.review_wrap .like_cont .result_area i{color:#2185D0;}

    /* write_form */
	.review_wrap.mi_inner .write_form{box-sizing:border-box;}
	.review_wrap.mi_inner .title{margin-bottom:30px;position:relative;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;}
	.review_wrap.mi_inner .title strong{font-size:18px;left:0px;top:15px;color:#000;position:absolute;}
	.review_wrap.mi_inner .title:before{content:'';position:absolute;bottom:0px;left:0px;width:100%;height:2px;background:#000;}
	.review_wrap.mi_inner .title input[type="text"]{height:50px;font-size:18px;padding-left:80px;border:none;}
	.write_form h4{font-size:18px;margin-bottom:10px;color:#000;font-weight:500;}
	.write_form h4 span{padding-left:10px;font-size:14px;color:#999;}
	.write_form .cont_area .cont:last-child{margin-bottom:0px;}
	.write_form .cont_area{padding:20px;background:#f5f8fb;}
	.write_form .file_box{position:relative;}
	.write_form .file_box .cont{margin-bottom:10px;width:100%;position:relative;display:-webkit-inline-box;display:-moz-inline-box;display:-ms-inline-flexbox;display:-webkit-inline-flex;display:inline-flex;-webkit-box-align:center;-moz-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;}
    .write_form .file_box input[type="text"],.write_form .file_box input[type="file"]{border:0;}
	.write_form .file_box input[type="file"]{font-size:14px;width:35%;}
	.write_form .file_box input[type="text"]{background:#fff;}

	/* board_view */
	.review_wrap .board_view{}
	.review_wrap .board_view .title_box{padding:30px;background:#eaf3fb;}
	.review_wrap .board_view .title_box h4{margin-bottom:10px;}
	.review_wrap .board_view .title_box dl dt{padding-left:20px;}
	.review_wrap .board_view .title_box dl dt:first-child{padding-left:0px;}
	.review_wrap .board_view .title_box dl dd{padding-left:10px;line-height:1.3;}
	.review_wrap .board_view .view_area{}
	.review_wrap .board_view .view_area h5{font-size:18px;margin-bottom:10px;display:block;color:#000;}
	.review_wrap .board_view .view_area .image_cont{padding:30px;background:#fafafa;text-align:center;}
	.review_wrap .board_view .view_area .image_cont img{width:500px;max-width:100%;margin:10px auto;}
	.review_wrap .board_view .view_area .bbs_contents{padding:30px;border:1px solid #ddd;}
	.review_wrap .board_view .view_area .bbs_contents,
	.review_wrap .board_view .view_area .bbs_contents h4{font-size:1em;color:#777;word-break:keep-all;line-height:1.5;}

	.popup-wrap.event_pop{display:block;position:fixed;min-width:auto;top:30px;left:50%;margin-left:-300px;z-index:9999;background:#fff;border-radius:0.5em;border:none;-webkit-box-shadow:1px 3px 3px 0px rgba(0, 0, 0, 0.2), 1px 3px 15px 2px rgba(0, 0, 0, 0.2);box-shadow:1px 3px 3px 0px rgba(0, 0, 0, 0.2), 1px 3px 15px 2px rgba(0, 0, 0, 0.2);-webkit-transform-origin:50% 25%;transform-origin:50% 25%;-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;}
	.popup-wrap.event_pop .content{height:700px;overflow-y:scroll;}
	.event_pop_fade{display:block;background:#000;position:fixed;left:0;top:0;width:100%;height:100%;opacity:.70;z-index:9998;}
	.event_pop_bottom{padding:7px 20px;line-height:unset;background:#0a2b54;border-bottom-left-radius:0.5em;border-bottom-right-radius:0.5em;color:#fff;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;-webkit-box-pack:right;-moz-box-pack:right;-ms-flex-pack:right;-webkit-justify-content:right;justify-content:right;}

	@-webkit-keyframes flash{
		0% {opacity:.4;}
		100%{opacity:1;}
	}
	@keyframes flash{
		0%{opacity:.4;}
		100%{opacity:1;}
	}

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


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

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

		.view_cont.other{padding-bottom:20px;}
		.review_wrap .view_cont h5{font-size:18px;margin-bottom:10px;}
		.view_cont .ff_object{margin:-15px;}
		.view_cont .ff_object .obj{padding:15px;}
		.view_cont .view_bottom.ff_object .obj{flex:0 0 50%;-ms-flex:0 0 50%;max-width:50%;}
		.review_wrap .image img{width:100%;height:auto !important;}

		/* write_form */
		.write_form .file_box.m_group{margin-bottom:30px;}
		.review_wrap.mi_inner .title{margin-bottom:20px;}
		.review_wrap.mi_inner .title strong{font-size:17px;top:12px;}
		.review_wrap.mi_inner .title input[type="text"]{height:45px;font-size:16px;padding-left:70px;}
		.write_form h4{font-size:17px;}
		.write_form h4 span{padding-left:5px;font-size:13px;}
		.write_form .cont_area{padding:15px;}
		.write_form .file_box input[type="file"]{font-size:13px;width:50%;padding:0px;margin-right:5px;line-height:1;}

		/* board_view */
		.review_wrap .board_view .title_box{padding:20px;}
		.review_wrap .board_view .title_box h4{text-align:center;}
		.review_wrap .board_view .title_box dl dt{padding-left:15px;}
		.review_wrap .board_view .title_box .ff_object{margin:-10px;-webkit-box-pack:center;-moz-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;}
		.review_wrap .board_view .title_box .ff_object .obj{padding:10px;}
		.review_wrap .board_view .view_area h5{text-align:center;}
		.review_wrap .board_view .view_area .image_cont{padding:20px;}
		.review_wrap .board_view .view_area .image_cont img{width:100%;}
		.review_wrap .board_view .view_area .bbs_contents{padding:20px;}

		/* event_popup */
		.popup-wrap.event_pop{width:80%;margin-left:-40%;}
	    .popup-wrap.event_pop .content{height:600px;}
		.event_pop_bottom{padding:5px 10px;}
	}

	 @media all and (max-width:768px){
		 .board-table thead th,.board-table tbody td,.board-table tbody td.title{padding:1em 0.5em;}
		 .board-searchbox{margin-top:10px;padding:10px 0;}
		 .boardview-box .title-box{padding:10px;}
		 .boardview-box .title-box h4{margin-bottom:10px;}
		 figure.bx-grandi{height:auto;}
		 .fl-left.four-li.gallery-cont.data_list li{width:50%;}		
		 
		 .view_cont.other{padding-bottom:10px;}
		 .review_wrap .view_cont h5{font-size:16px;}
		 .view_cont .ff_object{margin:-10px;}
		 .view_cont .ff_object .obj{padding:10px;flex:0 0 50%;-ms-flex:0 0 50%;max-width:50%;}

		/* event_popup */
	    .popup-wrap.event_pop .content{height:auto;overflow-y:auto;}
		 
	 }

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

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

		 .review_wrap .view_cont h5{font-size:15px;}
		 .view_cont .ff_object .obj,.view_cont .view_bottom.ff_object .obj{flex:0 0 100%;-ms-flex:0 0 100%;max-width:100%;}

		/* write_form */
		.write_form .file_box.m_group{margin-bottom:20px;}
		.review_wrap.mi_inner .title{margin-bottom:10px;}
		.review_wrap.mi_inner .title strong{font-size:16px;top:10px;}
		.review_wrap.mi_inner .title input[type="text"]{font-size:15px;padding-left:50px;}
		.write_form h4{font-size:16px;}
		.write_form h4 span{padding-left:0px;display:block;padding-top:5px;}
		.write_form .cont_area{padding:10px;}

		/* board_view */
		.review_wrap .board_view .title_box{padding:10px;}
		.review_wrap .board_view .title_box dl dt,.review_wrap .board_view .title_box dl dd{padding-left:5px;}
		.review_wrap .board_view .view_area h5{font-size:16px;}
		.review_wrap .board_view .view_area .image_cont{padding:10px;}
		.review_wrap .board_view .view_area .bbs_contents{padding:10px;}
	}



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

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

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

	/* 소비자 회원 초대링크 생성:2020.04.14 */
	.popup.invite_popup .title_area .title{font-size:2rem;padding:0 0 10px 0;word-break:keep-all;line-height:1.3;}
	.popup.invite_popup .title_area p{text-align:center;font-size:1em;word-break:keep-all;}
	.popup.invite_popup .login-text{padding:10px 20px 0 20px;color:#333;margin:0;text-align:left;}
	.popup.invite_popup .url_cont{margin-bottom:20px;padding:0 10px;}
	.popup.invite_popup .url_cont h5{padding-right:5px;color:#000;font-size:1em;font-weight:500;}
	.popup.invite_popup .url_cont .url_input{width:100%;}
	.popup.invite_popup .idfind-button{width:50%;margin:0 auto 50px auto}
	.popup.invite_popup .idfind-button button{border:none;}





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

	}

	@media screen and (max-width:640px){
		.popup-inner{width:90%;padding:20px;height:80%;overflow-y:scroll;}
		.popup-inner .form-box{padding:10px;}
		.form-box dl{border-bottom:2px dotted #ddd;}
		.form-box dl dt,.form-box dl dd{float:none;width:100%;font-size:14px;}
		.form-box .infotxt{margin-left:0;font-size:12px;}
		.popup-inner h2{font-size:20px;}
		.popup-inner h3{font-size:16px;}
		.popup.invite_popup .popup-inner{height:auto;}
		.popup.invite_popup .popup-close.big{top:15px;right:15px;width:30px;height:30px;}
		.popup.invite_popup .title_area .title{margin-top:30px;font-size:1.750rem;}
	    .popup.invite_popup .idfind-button{width:70%;margin:0 auto 30px auto;}
		.popup.invite_popup .t-color-box{margin:10px auto;}

	}

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


/*******************************  카드신청  *******************************/

.sub-wrap.bg-card{background-image:url('../../../images/site/sub/card_bg.png');background-repeat:no-repeat;background-attachment:fixed;background-position:center bottom;}
.sub-wrap.bg-card .sub-title{padding:30px 0;}

.half-wrap.apply-card{position:relative;margin:0 auto;padding:2em;background:#f5f8fb;border:none;}
.apply-card fieldset{}
.apply-card .ui.header{text-transform:uppercase;font-weight:500;}
.apply-card .ui.fluid.search.selection.dropdown,
.apply-card input{padding:0.7em;}
.apply-card .ui.fluid.search.selection.dropdown{min-height:auto;}
.apply-card .ui.fluid.search.selection.dropdown > .dropdown.icon{line-height:auto;top:auto;}
.apply-card .ui.form .field > label{color:#333;}
.apply-card .member-agree label{font-size:0.938em;color:#777;}
.apply-card .ui.form ::-webkit-input-placeholder{color:#dcdcdc;font-size:13px;}
.apply-card .ui.form :-ms-input-placeholder{color:#dcdcdc;font-size:13px;}
.apply-card .ui.form ::-moz-placeholder{color:#dcdcdc;font-size:13px;}
.apply-card .ui.dropdown:not(.button) > .default.text, 
.apply-card .ui.default.dropdown:not(.button) > .text{color:#dcdcdc;font-size:13px;}

.apply-card .ui.form :focus::-webkit-input-placeholder{color:#999;font-size:13px;}
.apply-card .ui.form :focus:-ms-input-placeholder{color:#999;font-size:13px;}
.apply-card .ui.form :focus::-moz-placeholder{color:#999;font-size:13px;}