@charset "utf-8";

/* ======================================================================
   Pulmuone Lohas Brand CSS
   - duplicate selectors/properties merged
   - responsive rules grouped at the bottom
   ====================================================================== */

/*header lnb*/
.depth2.promenu .menu:after {
	display: block;
	clear: both;
	content: "";
}

.depth2.promenu .menu>dl {
	float: left;
	margin-right: 45px;
}

.depth2.promenu .menu>dl>dt {
	color: #414141;
	font-size: 16px;
	padding-bottom: 5px;
	border-bottom: 1px solid #000;
	margin-bottom: 20px;
	display: inline-block;
	font-weight: 700;
}

.depth2.promenu .menu>dl>dd {
	
}

.depth2.promenu .menu>dl>dd:after {
	display: block;
	clear: both;
	content: "";
}

.depth2.promenu .menu>dl>dd>h3 {
	float: left;
	width: 80px;
}

.depth2.promenu .menu>dl>dd>h3 img {
	max-width: 100%;
}

.depth2.promenu .menu>dl>dd .lst {
	float: left;
}

.depth2.promenu .menu>dl>dd .lst:after {
	display: block;
	clear: both;
	content: "";
}

.depth2.promenu .menu>dl>dd .lst>ul {
	float: left;
	margin: 0 16px;
}

.depth2.promenu .menu>dl>dd .lst>ul>li {
	margin-top: 14px;
}

.depth2.promenu .menu>dl>dd .lst>ul>li:first-child {
	margin-top: 0;
}

.depth2.promenu .menu>dl>dd .lst>ul>li>a {
	color: #898787;
}

.depth2.promenu .menu .bg {
	
}

.depth2.promenu .menu .bg img {
	
}

/*header - 野껓옙占쎄퉳占쎌겫占쎈열*/
#area_search {
	position: absolute;
	width: 100%;
	background-color: #f9f9f9;
	background-color: rgba(249, 249, 249, 0.9);
	box-shadow: 0px 1px 3px #ddd;
	opacity: 0;
	top: 0;
	visibility: hidden;
	-webkit-transition: opacity .4s ease-in-out, top .4s ease-in-out,
		visibility .4s ease-in-out;
	-moz-transition: opacity .4s ease-in-out, top .4s ease-in-out,
		visibility .4s ease-in-out;
	-o-transition: opacity .4s ease-in-out, top .4s ease-in-out, visibility
		.4s ease-in-out;
	transition: opacity .4s ease-in-out, top .4s ease-in-out, visibility .4s
		ease-in-out;
}

#area_search.on {
	opacity: 1;
	top: 100%;
	visibility: visible;
}

#area_search>.inner {
	max-width: 950px;
	margin: 0 auto;
	padding: 30px 0;
}

#area_search .search {
	position: relative;
	border-bottom: 2px solid #7e7e7e;
}

#area_search .search>label {
	position: absolute;
	font-size: 25px;
	color: #737373;
	left: 10px;
	top: 0;
	bottom: 0;
	height: 25px;
	line-height: 25px;
	margin: auto;
	cursor: text;
	width: 100%;
}

#area_search .search>input {
	font-size: 25px;
	height: 55px;
	line-height: 55px;
	border-width: 0;
	outline: 0;
	padding: 0px 10px;
	background-color: transparent;
	width: 100%;
}

#area_search .search>button {
	position: absolute;
	right: 0;
	top: 0;
	bottom: 0;
	margin: auto;
}

#area_search ul.hash {
	margin-top: 20px;
}

#area_search ul.hash>li {
	display: inline-block;
	margin: 0 7px;
}

#area_search ul.hash>li>a {
	color: #8a8a8a;
	font-size: 14px;
}

/* 뚣끇占썬끇 빍占쎈뼒 - 野껓옙占쎄퉳占쎌겫占쎈열*/
#search_box {
	position: relative;
	padding-bottom: 1em;
}

#search_box>div.bx_select {
	position: absolute;
	z-index: 1;
	top: 0;
}

#search_box>div.search {
	position: relative;
	text-align: right;
	height: 60px;
}

#search_box>div.search.divide_line {
	border-bottom: 1px solid #eeeeee;
	border-top: 1px solid #eeeeee;
	padding-top: 12px;
}

#search_box>div.search label {
	position: absolute;
	height: 100%;
	color: #666;
	line-height: 2.625em;
	margin-left: 0.5em;
}

#search_box>div.search button {
	line-height: 2.625em;
	font-size: 1em;
	width: 4.5em;
	background-color: #333333;
	color: #fff;
	font-weight: 700;
}

input.ipt {
	box-sizing: border-box;
	font-size: 1em;
	height: 2.5833em;
	width: 9.375em;
	border: 1px solid #c1c1c1;
	background: #fff;
	line-height: 2.4em;
	padding: 0px 0.5em;
	-webkit-appearance: none;
	box-shadow: none;
}

#search_box>div.search button.recipe {
	line-height: 2.625em;
	font-size: 1.2em;
	width: 100px;
	height: 50px;
	background-color: #ffffff;
	border-radius: 4px;
	color: #1d9244;
	font-weight: 500; /* padding: 5px 12px; */
	background:
		url(https://www.pulmuone-lohas.com/pc/brand/images/common/ico_recipe_search.png)
		no-repeat left;
	background-size: 45%;
}

input.ipt.w100p {
	width: 100%;
}

input.ipt.w350 {
	width: 350px;
}

input.ipt.w384 {
	width: 384px;
}

input.ipt.w420 {
	width: 420px;
}

input.ipt.w150 {
	width: 150px;
}

input.ipt.w120 {
	width: 120px;
}

input.ipt.w80 {
	width: 80px;
}

input.ipt.w400_recipe {
	width: 400px;
	height: 50px;
	margin-right: 10px;
	margin-left: 50px;
	box-sizing: border-box;
	font-size: 1.5em;
	border: 1px solid #bdbdbd;
	border-radius: 10px;
	background: #fff;
	line-height: 2.4em;
	padding: 0px 0.5em;
	-webkit-appearance: none;
	box-shadow: none;
}


/*野껊슣 뻻占쎈솇  뀎占 */
.bbs_nomal_view .meta {
	line-height: 30px;
	font-size: 1em;
	padding: 10px 150px 10px 20px;
	border-top: #9E9E9E 2px solid;
	border-bottom: #D0D0D0 1px solid;
	color: #333;
	position: relative;
	background-color: #f3f3f3;
}

.bbs_nomal_view .meta .date {
	height: 16px;
	line-height: 16px;
	font-size: 13px;
	color: #adadad;
	position: absolute;
	top: 0px;
	bottom: 0;
	right: 13px;
	margin: auto;
	font-weight: 700;
}

.bbs_nomal_view .file {
	position: absolute;
	z-index: 2;
	padding-right: 20px;
	text-align: right;
	margin-top: 13px;
	right: 0;
}

.bbs_nomal_view .file .fileIcon {
	padding-left: 18px;
	display: -moz-inline-stack;
	display: inline-block;
	zoom: 1;
	vertical-align: middle;
	background: url() 0px 50% no-repeat;
}

.bbs_nomal_view .file a.dnBtn {
	color: #0396f4;
}

.bbs_nomal_view .fileList {
	width: 260px;
	padding: 8px 30px 8px 10px;
	text-align: left;
	border: #999 1px solid;
	background-color: #fff;
	position: absolute;
	top: 47px;
	right: 20px;
	display: none;
}

.bbs_nomal_view .fileList ul li {
	display: block;
	width: 212px;
	padding-right: 48px;
	height: 21px;
	line-height: 21px;
	font-family: "dotum", serif;
	color: #333333;
	font-size: 12px;
	position: relative;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
}

.bbs_nomal_view .fileList ul li a.dn {
	height: 21px;
	line-height: 21px;
	text-decoration: underline;
	font-size: 11px;
	position: absolute;
	top: 0;
	right: 0;
}

.bbs_nomal_view .fileList .close {
	width: 13px;
	height: 13px;
	background: url(../images/bbs/btn_close.gif) 0 50% no-repeat;
	white-space: nowrap;
	overflow: hidden;
	font-size: 0;
	line-height: 0;
	text-shadow: none;
	color: transparent;
	position: absolute;
	top: 12px;
	right: 8px;
}

.bbs_nomal_view .article_view {
	padding: 50px 40px;
	position: relative;
	z-index: 1;
	color: #666666;
}

.bbs_nomal_view .article_view p {
	line-height: 1.5;
	margin: 0.4em 0;
}

.bbs_nomal_view .article_view p img {
	max-width: 100%;
}

.bbs_nomal_view .article_answer {
	background: url(/pc/brand/images/customer/bg_dot.gif) repeat-x left top;
	padding: 50px 40px;
}

.bbs_nomal_view .article_answer h3 {
	margin-bottom: 2em;;
}

.bbs_nomal_view .article_answer .con {
	position: relative;
	padding-left: 40px;
}

.bbs_nomal_view .article_answer .con>img {
	position: absolute;
	left: 0;
}

.bbs_nomal_view .article_answer .con>p {
	color: #666666;
	line-height: 1.5;
	margin: 0.4em 0;
}

.bbs_nomal_view .article_answer .btns {
	margin-top: 45px;
}

.bbs_nomal_view .article_answer .btns button {
	width: 142px;
	height: 28px;
	color: #fff;
	background-color: #5C65B5;
	vertical-align: middle;
	margin-left: 15px;
}

.bbs_nomal_view .article_answer .btns.satis.off {
	display: none;
}
/* 占쎌뵠占쎌읈疫뀐옙 占쎈뼄占쎌벉疫뀐옙 */
.bbsPage {
	width: 100%;
	margin-top: 40px;
	border-top: 1px solid #9E9E9E;
	border-bottom: 1px solid #9E9E9E;
}

.bbsPage td {
	padding: 14px;
	text-align: left;
	vertical-align: middle;
	border-style: solid;
	border-top-width: 1px;
	border-color: #dedede;
}

.bbsPage td.h {
	width: 100px;
	text-align: center;
}

.bbsPage tr:first-child td {
	border-top: 0;
}

.bbsPage td.h img {
	margin-right: 13px;
	vertical-align: middle;
}

.bot_btns {
	text-align: center;
	margin-top: 40px;
}

.bot_btns.nomg {
	margin: 0;
}

.bot_btns.rgt {
	text-align: right;
}

.bot_btns button {
	min-width: 200px;
	height: 50px;
	font-size: 15px;
	font-weight: 700;
}

.bot_btns button.mini {
	font-size: 15px;
	min-width: 145px;
	height: 37px;
}

.bot_btns button.pink {
	background-color: #005116;
	color: #fff;
}

.bot_btns button.dpgreen {
	background-color: #005116;
	color: #fff;
}

.bot_btns button.gray {
	border: 1px solid #6D6D6D;
	background-color: #7c7c7c;
	color: #fff;
}

.bot_btns button.gray2 {
	border: 1px solid #3b3b3b;
	background-color: #3b3b3b;
	color: #fff;
}

.bot_btns button.white {
	border: 1px solid #d8d8d8;
	color: #707070;
}

.bot_btns button.request img {
	margin-right: 10px;
}

/*form*/
.formType {
	width: 100%;
	border-top: 2px solid #9e9e9e;
}

.formType table {
	width: 100%;
}

.formType table tbody td, .formType table tbody th {
	border-style: solid;
	border-width: 0px 0 1px 0px;
	border-color: #D0D0D0;
	vertical-align: middle;
	padding: 10px 13px;
	text-align: left;
}

.formType table tbody th {
	color: #333;
	font-size: 13px;
	line-height: 17px;
	background-color: #f8f8f9;
	padding-left: 40px;
	vertical-align: top;
	padding: 17px 13px 17px 40px;
}

.formType table tbody td {
	color: #666666;
}

.formType table tbody td .textarea {
	max-width: 580px;
}

.formType table tbody td textarea {
	width: 100%;
	height: 100px;
	margin-bottom: 13px;
	border-color: #BBBBBB;
}

.formType input.ipt {
	border-color: #BBBBBB;
	height: 30px;
	line-height: 28px;
}

.formType div.fileinputs {
	max-width: 500px;
}

.formType .calcu {
	display: inline-block;
	vertical-align: middle;
}

.formType button {
	height: 30px;
	min-width: 66px;
	padding: 0 10px;
	background-color: #999999;
	border: 1px solid #BBBBBB;
	color: #fff;
}

.formType .check_list_normal label {
	margin-right: 30px;
}

.formType .check_list_normal label input[type="radio"] {
	margin: 0;
}

.formType .bx_tip {
	margin-top: 20px;
	border-top: 1px solid #ccc;
	padding-top: 20px;
}

.formType .bx_tip>ul {
	
}

.formType .bx_tip>ul>li {
	line-height: 1.5em;
}

.formType .bx_tip>ul>li+li {
	margin-top: 10px;
}

/*input file fake*/
div.fileinputs {
	position: relative;
	width: 100%;
}

div.fakefile {
	margin-right: 141px;
}

div.fakefile img {
	position: absolute;
	right: 0;
	top: 0;
	bottom: 0;
	margin: auto;
}

div.fakefile input {
	width: 100%;
}

input.file {
	position: absolute;
	left: 0;
	top: 0;
	cursor: pointer;
	width: 100%;
	height: 28px;
	line-height: 28px;
	text-align: right;
	-moz-opacity: 0;
	opacity: 0;
	z-index: 2;
}

.formType table tbody td span.tip {
	display: inline-block;
	font-size: 12px;
	color: #666;
	margin: 0.5em 0
}

/*faq*/
.lst_tab_cont {
	
}

.lst_tab_cont>.inner {
	overflow: hidden;
	margin-bottom: 10px;
}

.lst_tab_cont ul {
	
}

.lst_tab_cont ul>li {
	padding: 0 15px;
	float: left;
	position: relative;
}

.lst_tab_cont ul>li:first-child {
	padding-left: 0;
}

.lst_tab_cont ul>li>a {
	min-width: 117px;
	padding: 6px 0px;
	line-height: 1.3;
	display: block;
	border-radius: 14px;
	text-align: center;
}

.lst_tab_cont ul>li.on>a {
	background-color: #005116;
	color: #fff;
}

.lst_tab_cont ul>li:after {
	position: absolute;
	left: -1px;
	height: 13px;
	border-left: 1px solid #D4D4D4;
	top: 0;
	bottom: 0;
	content: "";
	margin: auto;
}

#faq .lst_faq ul {
	border-top: 2px solid #9e9e9e;
}

#faq .lst_faq ul li {
	position: relative;
	line-height: 1.3em;
	padding-bottom: 0;
}

#faq .lst_faq ul li span.date {
	color: #adadad;
	font-size: 1.250em;
	margin-bottom: 2.5%;
	font-weight: 700;
	display: block;
}

#faq .lst_faq ul li .que {
	display: block;
	position: relative;
	line-height: 1.2;
	padding: 15px 20px 15px 40px;
	border-bottom: 1px solid #D0D0D0;
}

#faq .lst_faq ul li .que:after {
	display: block;
	clear: both;
	content: "";
}

#faq .lst_faq ul li .que strong {
	display: block;
	font-weight: bold;
	font-size: 15px;
	position: absolute;
	margin-top: -2px;
}

#faq .lst_faq ul li .que span {
	display: block;;
	margin-left: 60px;
	line-height: 1.4;
	margin-right: 25px;
}

#faq .lst_faq ul li .ans {
	padding: 15px 20px 40px 40px;
	display: none;
	background-color: #f6f6f6;
	border-bottom: 1px solid #D0D0D0;
	font-size: 1em;
	position: relative;
	overflow: hidden;
}

#faq .lst_faq ul li .ans:after {
	display: block;
	clear: both;
	content: "";
}

#faq .lst_faq ul li .ans strong {
	display: block;
	font-weight: bold;
	font-size: 15px;
	position: absolute;
	color: #a94c91;
}

#faq .lst_faq ul li .ans p {
	margin-left: 60px;
	line-height: 1.4;
}

#faq .lst_faq ul li .detail_arr {
	position: absolute;
	top: 0;
	bottom: 0;
	right: 20px;
	width: 21px;
	height: 21px;
	margin: auto;
	background-image: url(/m/images/common/faq_arr_open.gif);
	background-position: right 0;
	background-repeat: no-repeat;
	background-size: 100%;
}

#faq .lst_faq ul li.on .detail_arr {
	background-image: url(/m/images/common/faq_arr_close.gif);
}

#faq .lst_faq ul li.on {
	
}

/* ⑤벊占쏙옙沅쀯옙鍮 */
#notice>h2 {
	margin-bottom: 20px;
}

/*椰꾨떯由곤옙 뻼 占쎄맒占쎈뼖*/
#healthqna .bx_banner {
	position: relative;
	margin-bottom: 30px;
	height: 168px;
	border: 1px solid #507EBC;
	background-color: #507EBC;
	overflow: hidden;
}

#healthqna .bx_banner .bg {
	
}

#healthqna .bx_banner .bg img {
	position: absolute;
	top: 0;
	bottom: 0;
	right: 0px;
	margin: auto;
}

#healthqna .bx_banner .tit {
	
}

#healthqna .bx_banner .tit img {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 30px;
	margin: auto;
}

#healthqna .area_policy {
	margin-top: 40px;
	margin-bottom: 40px;
}

#healthqna .area_policy>h3 {
	
}

#healthqna .bx_policy {
	max-height: 200px;
	padding: 1.5em;
	border: 1px solid #E9E9E9;
	overflow: hidden;
	overflow-y: auto;
	margin: 1em 0;
	font-size: 12px;
	line-height: 1.5;
}

#healthqna .bx_policy dt {
	font-size: 14px;
	line-height: 20px;
	margin: 0.5em 0 0.2em;
	font-weight: 700;
}

#healthqna .bx_policy dd {
	
}

/*占쎈７占쎌뵥占쎈뱜 占쎄텢占쏙옙占쎈   占쎈뻿筌ｏ옙*/
#request_gift .bx_point {
	margin-bottom: 35px;
}

.bx_point p.tip {
	text-align: right;
	font-size: 15px;
	margin-bottom: 5px;
}

.bx_point p.tip strong {
	font-size: 18px;
	color: #005116;
}

.bx_point p.tip a {
	color: #ffffff;
	font-size: 13px;
	line-height: 23px;
	display: inline-block;
	padding: 5px 15px;
	background-color: #6a6a6a;
	text-align: center;
	margin-left: 5px;
}

.bx_point p.tip a img {
	margin-right: 5px;
}

.bx_point>dl {
	border: 1px solid #A3A3A3;
	border-radius: 7px;
	position: relative;
}

.bx_point>dl:after {
	display: block;
	clear: both;
	content: "";
}

.bx_point>dl>dt {
	border: 3px solid #005116;
	border-radius: 7px;
	margin: -1px;
	float: left;
	padding: 50px 40px 20px 0;
	width: 60%;
	box-sizing: border-box;
}

.bx_point>dl>dt h2 {
	position: absolute;
	top: 2px;
}

.bx_point>dl>dt .con:after {
	display: block;
	clear: both;
	content: "";
}

.bx_point>dl>dt .con figure {
	width: 176px;
	text-align: center;
	float: left;
}

.bx_point>dl>dt .con figure img {
	
}

.bx_point>dl>dt .con ul {
	margin-left: 176px;
}

.bx_point>dl>dt .con ul>li {
	background: url(/pc/brand/images/g_point/bg_disc.gif) no-repeat 10px
		center;
	padding: 5px 20px;
	margin: 5px 0;
	color: #666666;
	font-size: 15px;
}

.bx_point>dl>dt .con ul>li strong {
	display: block;
	float: right;
	font-weight: 700;
}

.bx_point>dl>dt .con ul>li.str {
	background-color: #f7f1e9;
	font-weight: 700;
	color: #333;
	border-radius: 19px;
	behavior: url(/pie/PIE.htc);
}

.bx_point>dl>dt .con ul>li.str strong {
	color: #005116;
}

.bx_point>dl>dd {
	padding-top: 55px;
	width: 40%;
	float: right
}

.bx_point>dl>dd>.inner {
	margin: 0 30px;
}

.bx_point>dl>dd h2 {
	padding: 10px;
	border-bottom: 1px solid #DDDDDD;
	font-size: 15px;
}

.bx_point>dl>dd p {
	padding: 10px;
}

.bx_point>dl>dd ul {
	
}
/*.bx_point > dl > dd ul > li{padding:10px 20px;border-bottom:1px solid #DDDDDD;}
.bx_point > dl > dd ul > li:after{display: block; clear:both; content:"";}
.bx_point > dl > dd ul > li > strong{padding-left:26px; background: url(/pc/brand/images/g_point/icon_arrow.gif) no-repeat left center;float: left;color: #666666;font-weight: 400;}
.bx_point > dl > dd ul > li > span{float: right;}*/
.bx_point>dl>dt .con>dl {
	margin-left: 176px;
	line-height: 60px;
	padding-top: 30px;
}

.bx_point>dl>dt .con>dl>dt {
	color: #333333;
	font-size: 15px;
	float: left;
}

.bx_point>dl>dt .con>dl>dd {
	font-size: 40px;
	color: #666666;
	font-weight: 400;
	text-align: right;
	border-bottom: 1px solid #005116;
}

.bx_point>dl>dt .con>dl>dd>p {
	display: inline-block;
}

.bx_point>dl>dt .con>dl>dd strong {
	color: #005116;
}

.bx_point>dl>dd.type2 {
	padding-top: 0;
}

.bx_point>dl>dd.type2 ul {
	margin-top: 15px;
}

.bx_point>dl>dd.type2 ul>li {
	padding: 14px 10px;
	border-top: 1px solid #DDDDDD;
	line-height: 22px;
}

.bx_point>dl>dd.type2 ul>li:first-child {
	border-width: 0;
}

.bx_point>dl>dd.type2 ul>li:after {
	display: block;
	clear: both;
	content: "";
}

.bx_point>dl>dd.type2 ul>li>strong {
	float: left;
	color: #333333;
	font-size: 15px;
}

.bx_point>dl>dd.type2 ul>li>span {
	float: right;
	font-size: 15px;
	color: #666666;
	text-align: right;
}

.bx_point>dl>dd.type2 ul>li>span button {
	height: 22px;
	background-color: #005116;
	color: #fff;
	font-size: 12px;
	padding: 0 10px;
}

.bx_point>dl>dd.type2 ul>li>span small {
	font-size: 13px;
}

.bx_point>dl>dd.type2 ul>li>span.view_more {
	font-size: 13px;
	color: #b55d9e;
	line-height: 20px;
}

.bx_point>dl>dd.type2 ul>li>span.view_more a {
	text-decoration: underline;
}

.bx_point.coupon {
	
}

.bx_point.coupon p.tip strong {
	color: #b55c9e;
}

.bx_point.coupon>dl>dt {
	border-color: #333;
}

.bx_point.coupon>dl>dt .con>dl>dd strong {
	color: #333;
}

.bx_point.coupon>dl>dt .con>dl>dd {
	border-color: #333;
}

.bx_search_type1 {
	
}

.bx_search_type1 dl {
	background-color: #eceef0;
	padding: 10px 25px;
	border: 1px solid #D8D8DB;
	margin-bottom: 34px;
}

.bx_search_type1 dl>dt {
	font-size: 16px;
	font-weight: 700;
	float: left;
	width: 100px;
	line-height: 29px;
}

.bx_search_type1 dl>dd {
	margin-left: 108px;
}

.bx_search_type1 dl>dd:after {
	display: block;
	clear: both;
	content: "";
}

.bx_search_type1 dl>dd .left {
	float: left;
}

.bx_search_type1 dl>dd .right {
	float: right;
}

.bx_search_type1 dl>dd input[type="text"] {
	box-sizing: border-box;
	width: 168px;
	height: 29px;
	border: 1px solid #9C9C9C;
	font-size: 13px;
	color: #8e9099;
	padding: 0 10px;
}

.bx_search_type1 dl>dd .right button {
	font-size: 13px;
	min-width: 80px;
	padding: 0 10px;
	height: 29px;
	border: 1px solid #C0C0C1;
	color: #666666;
	border-radius: 3px;
}

.bx_search_type1 dl>dd .right button.on {
	color: #ffffff;
	background-color: #8a96a1;
	border-color: #8a96a1;
}

#point_history .bx_detail.off {
	display: none;
}

#point_history .bx_detail>td {
	padding: 3% 5.8%;
	background-color: #fbf7f3;
	color: #666666;
	text-align: left;
}

#point_history .bx_detail>td>h4 {
	padding: 0px 5px 15px 5px;
	border-bottom: 1px dotted #8A8989;
	font-size: 1em;
	font-weight: 400;
}

#point_history .bx_detail>td>div {
	margin-top: 20px;
	padding: 0 5px;
}

#point_history .bx_detail>td>div p {
	line-height: 26px;
	font-size: 13px;
}

#point_history .bx_detail>td>div p.mb15 {
	margin-bottom: 15px;
}

#point_history .bx_detail>td>div p strong {
	text-decoration: underline;
	color: #d80202;
}

/*(占쎈７占쎌뵥占쎈뱜 占쎄텢占쏙옙占쎈   占쎈뻿筌ｏ옙)*/
#gift_basket {
	margin-top: 50px;
}

#gift_basket>.inner {
	padding: 35px 35px 20px 35px;
	border: 1px solid #B1B1B1;
}

#gift_basket>.inner>h2 {
	font-size: 22px;
	padding-bottom: 20px;
}

#gift_basket .bot_btns {
	position: relative;
	text-align: left;
	margin-top: 20px;
}

#gift_basket .bot_btns:after {
	display: block;
	clear: both;
	content: "";
}

#gift_basket .bot_btns>p {
	margin-right: 200px;
	color: #666666;
	line-height: 24px;
}

#gift_basket .bot_btns>button {
	float: right;
}

#request_gift .filter {
	text-align: right;
	margin: 20px 0px;
	overflow: hidden;
}

#request_gift .filter>ul {
	margin-right: -36px;
}

#request_gift .filter>ul>li {
	display: inline-block;
	margin-right: 18px;
	padding-right: 18px;
	position: relative;
}

#request_gift .filter>ul>li:after {
	position: absolute;
	top: 0;
	bottom: 0;
	right: 0;
	height: 10px;
	width: 1px;
	background-color: #D9D9D9;
	margin: auto;
	content: '';
}

#request_gift .filter>ul>li>a {
	display: block;
	font-size: 12px;
}

#request_gift .filter>ul>li.on>a {
	padding-right: 25px;
	position: relative;
	color: #b55d9e;
	text-decoration: underline;
}

#request_gift .filter>ul>li.on>a:after {
	position: absolute;
	content: '';
	border-top: 5px solid #A74E8E;
	border-left: 5px solid transparent;
	border-right: 5px solid transparent;
	height: 0;
	width: 0;
	margin: auto;
	top: 0;
	bottom: 0;
	right: 0;
}

/*g占쎈７占쎌뵥占쎈뱜 鈺곌퀬 돳*/
#point_history {
	margin-top: 40px;
}

#point_history>h2 {
	font-size: 22px;
	margin-bottom: 20px;
	position: relative;
}

#point_history>h2 .select {
	position: absolute;
	right: 0;
	bottom: 0;
}

#point_history>h2 .select select {
	width: 185px;
	height: 33px;
	border: 1px solid #DFDFDF;
	font-size: 13px;
	padding: 0 10px;
	color: #666;
}

#point_history dl.bot_txt {
	border-top: 1px solid #D9D9D9;
	padding: 20px 25px;
	margin-top: 35px;
}

#point_history dl.bot_txt:after {
	display: block;
	clear: both;
	content: "";
	color: #666666;
}
#prd_cont .howaboutthisreceipe{
		width:40%; background: url('/resources/img/brand/ico_prd_recipe_tit.png') no-repeat left; background-size: contain;
}

#point_history dl.bot_txt>dt {
	background: url(/pc/brand/images/g_point/ico_caution.gif) no-repeat left
		center;
	float: left;
	color: #9a7447;
	font-weight: 700;
	padding-left: 30px;
	min-height: 17px;
	line-height: 24px;
}

#point_history dl.bot_txt>dd {
	display: table;
}

#point_history dl.bot_txt>dd {
	margin-left: 20px;
	line-height: 24px;
}

#point_history dl.bot_txt>p {
	background: url(/pc/brand/images/g_point/ico_caution.gif) no-repeat left
		center;
	color: #9a7447;
	padding-left: 30px;
	min-height: 17px;
	line-height: 24px;
}

/*占쎈 믭옙 뵠 뇡占  占쎈뮞占쏙옙占쎌뵬  빊遺쏙옙*/
.tb_type2 {
	width: 100%;
	border-top: 1px solid #000
}

.tb_type2 tr td {
	border-bottom: 1px dotted #898989;
	vertical-align: middle;
	padding: 20px 0;
}

.tb_type2 tr td.ta-l {
	text-align: left;
	padding-left: 10px;
}

.tb_type2 tr td.title h1 {
	font-size: 15px;
}

.tb_type2 tr td.title p {
	color: #787878;
}

.tb_type2 tr td.price {
	font-weight: bold;
	text-align: right;
}

.tb_type2 tr td.price .ori_price {
	font-size: 14px;
	color: #666;
	text-decoration: line-through;
	display: block;
	margin-bottom: 5px;
}

.tb_type2 tr td.price .sale_price {
	font-size: 16px;
	color: #005116;
	display: block;
}

.tb_type2 tr td.count {
	font-size: 15px;
}

.tb_type2 tr td.del {
	text-align: center;
}

.tb_type2 tr td.del>a {
	text-decoration: underline;
	color: #555555;
	font-size: 15px;
}

.tb_type2 .img {
	width: 88px;
	height: 88px;
	background-color: #fff;
	border: 1px solid #e9e9e9;
	text-align: center;
}

.tb_type2  a {
	display: block;
	width: 100%;
	height: 100%;
	overflow: hidden;
	padding: 5px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.tb_type2  a img {
	max-width: 100%;
	max-height: 100%;
}

/* 뵳 딅뮞占쎈뱜 占쏙옙占쎌뿯  빊遺쏙옙*/
/* lst_type04 */
.lst_type04 .list>ul {
	margin-left: -1.375em;
}

.lst_type04 .list>ul>li {
	width: 25%;
	float: left;
}

.lst_type04 .list>ul>li>div {
	display: block;
	margin-left: 1.375em;
	margin-bottom: 1.275em;
}

.lst_type04 .list>ul>li>div>* {
	display: block;
}

.lst_type04 .list .img {
	text-align: center;
	height: 10.625em;
	border: 1px solid #DDDDDD;
	height: 0;
	padding-bottom: 100%;
	position: relative;
}

.lst_type04 .list .img>a {
	display: block;
	position: absolute;
	height: 70%;
	width: 70%;
	top: 0;
	bottom: 0;
	right: 0;
	left: 0;
	margin: auto;
}

.lst_type04 .list .img img {
	max-width: 100%;
	max-height: 100%;
	vertical-align: middle
}

.lst_type04 .list .con {
	padding: 1.4375em;
}

.lst_type04 .list .con h4 {
	text-align: center;
	color: #333333;
	font-size: 15px;
	line-height: 1.3em;
	height: 1.3em;
	margin-bottom: 0.3em;;
	overflow: hidden;
}

.lst_type04 .list .con p {
	color: #666;
	line-height: 18px;
	height: 35px;
	overflow: hidden;
	text-align: center;
	font-size: 13px;
}

.lst_type04 .list .con p.point {
	font-weight: 700;
	font-size: 15px;
	color: #005116;
	margin-top: 10px;
	height: 18px;
}

/* //lst_type04 */

/*占쎄맒占쎈 뱄옙 땾占쎌쎗*/
.lst_type04 .list>ul>li>div>.btns {
	padding: 0 !important;
	position: relative;
	text-align: center;
}

.lst_type04 .btns .pd_cnt {
	position: relative;
	display: inline-block;
	background-color: #fff;
	border: 1px solid #dadada;
	overflow: hidden;
	margin-right: 5px;
}

.lst_type04 .btns .pd_cnt>button {
	position: absolute;
	width: 24px;
	height: 26px;
	top: 0;
	bottom: 0;
	margin: auto;
}

.lst_type04 .btns .pd_cnt>button.plus {
	right: 0px;
	border-left: 1px solid #dadada;
	background: url(/pc/brand/images/g_point/btn_plus.gif) no-repeat center
		center;
}

.lst_type04 .btns .pd_cnt>button.plus::after {
	width: 0.25em;
	height: 1.3125em;
	background: #acacac;
}

.lst_type04 .btns .pd_cnt>button.minus {
	left: 0px;
	border-right: 1px solid #dadada;
	background: url(/pc/brand/images/g_point/btn_minus.gif) no-repeat center
		center;
}

.lst_type04 .btns .pd_cnt .cnt {
	position: relative;
	margin: 0 24px;
}

.lst_type04 .btns .pd_cnt .cnt>input {
	height: 26px;
	display: block;
	font-size: 13px;
	line-height: 26px;
	color: #333;
	border-width: 0px;
	padding: 0px;
	margin: 0px;
	background: none;
	text-align: center;
	width: 33px;
	color: #333;
}

.lst_type04 .btns button.basket {
	width: 97px;
	height: 28px;
	border: 1px solid #726363;
	color: #4d4343;
	font-weight: 700;
}

.lst_type04 .btns button.basket:hover {
	color: #fff;
	background-color: #6a6a6a;
	border-color: #6a6a6a;
}

/* 뵳 딅뮞占쎈뱜 占쏙옙占쎌뿯  빊遺쏙옙*/
/* lst_type05 */
.lst_type05 .list>ul {
	margin-left: -12px;
}

.lst_type05 .list>ul>li {
	width: 25%;
	float: left;
}

.lst_type05 .list>ul>li>div {
	display: block;
	margin-left: 12px;
	margin-bottom: 24px;
	border: 1px solid #CECECE;
	padding: 22px 11px 15px;
}

.lst_type05 .list>ul>li>div>* {
	display: block;
}

.lst_type05 .list p.point {
	font-weight: 700;
	font-size: 20px;
	color: #333333;
	margin-bottom: 10px;
	height: 24px;
	text-align: center;
}

.lst_type05 .list .img {
	text-align: center;
	height: 0;
	padding-bottom: 100%;
	position: relative;
}

.lst_type05 .list .img>a {
	display: block;
	position: absolute;
	height: 100%;
	width: 100%;
	top: 0;
	bottom: 0;
	right: 0;
	left: 0;
	margin: auto;
}

.lst_type05 .list .img img {
	max-width: 100%;
	max-height: 100%;
	vertical-align: middle
}

.lst_type05 .list .con {
	padding: 1.4375em;
}

.lst_type05 .list .con h4 {
	text-align: center;
	color: #333333;
	font-size: 15px;
	line-height: 1.3em;
	margin-bottom: 0.3em;
	/*height:2.6em;overflow:hidden;display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;*/
}

.lst_type05 .list .con p {
	color: #666;
	line-height: 18px;
	overflow: hidden;
	text-align: center;
	font-size: 13px;
	height: 36px;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
}

.lst_type05 .btns button.basket {
	width: 100%;
	height: 28px;
	border: 1px solid #9D9D9D;
	color: #4d4343;
	font-weight: 700;
	font-size: 15px;
}

.lst_type05 .btns button.basket:hover {
	background-color: #6A6A6A;
	color: #fff;
}

/* Set the dimensions of the replaced select element and make it transparent. */
.customized-select.custom-select-replaced {
	border: 0;
	filter: alpha(opacity = 0);
	/* Move to IE-specific CSS file if you want to. */
	opacity: 0;
	position: relative;
	z-index: 10;
}

.select_w100 .custom-select-container {
	display: block;
}

.custom-select {
	display: block;
	left: 0;
	position: absolute;
	top: 0;
	z-index: 1;
}

.custom-select-container {
	position: relative;
	display: inline-block;
}

.custom-select-container>select {
	padding: 0 20px 0 0;
	margin: 0;
	font-size: 0.875em;
	line-height: 28px;
	height: 30px;
	border-width: 0px;
}

.custom-select-container>select.w100 {
	width: 100%;
}

.custom-select-container>select>option {
	
}

.custom-select-container>span {
	display: inline-block;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	height: 100%;
}

.custom-select>span {
	display: block;
	box-sizing: border-box;
	line-height: 28px;
	font-size: 0.875em;
	background-color: #fff;
	border: 1px solid #c1c1c1;
	height: 100%;
	filter: none;
	background: url(/pc/brand/images/common/ico_select02.png) no-repeat 90%
		center;
	background: url(/pc/brand/images/common/ico_select02.png) no-repeat
		right 0.6em center;
}

.custom-select span span {
	display: block;
	margin-left: 10px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.tab_list2 ul {
	border-bottom: 2px solid #606060;
	margin-left: 1px;
}

.tab_list2 ul:after {
	display: block;
	clear: both;
	content: "";
}

.tab_list2 li {
	float: left;
	width: 20%;
	font-size: 15px;
	color: #6d6d6d;
}

.tab_list2.n2 li {
	width: 50%;
}

.tab_list2 li a {
	display: block;
	height: 50px;
	line-height: 50px;
	text-align: center;
	letter-spacing: -1px;
	background-color: #f8f8f8;
	border-left: 0;
	border: 1px solid #C4C4C4;
	border-bottom-width: 0;
	margin-left: -1px;
	white-space: nowrap;
	font-size: 15px;
	position: relative;
}

.tab_list2 li:hover a {
	text-decoration: none;
	background-color: #f8f8f8;
	color: #333;
}

.tab_list2 li.on {
	
}

.tab_list2 li.on a {
	background: #fff;
	color: #333;
	font-weight: 700;
	border: 2px solid #606060;
	border-bottom-width: 0;
	margin-bottom: -2px;
	padding-bottom: 1px;
	z-index: 1;
}

/* 占쎄퐣 뇡占  占쎌젫占쎈    뵳 딅뮞占쎈뱜 */

/* sub top */
#prd_list .spot_visual {
	height: 400px;
}

#prd_list .spot_visual:after {
	display: block;
	clear: both;
	content: "";
}

#prd_list .spot_visual .sub_visual {
	width: 684px;
	border: 1px solid #ddd;
	float: left;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

#prd_list .spot_visual .spe_sale {
	width: 253px;
	background-color: #f1f4ed;
	float: right;
	text-align: center;
	height: 100%;
}

#prd_list .spot_visual .spe_sale h1 {
	margin-top: 30px;
	margin-bottom: 26px;
}

#prd_list .spot_visual .spe_sale .special_prd {
	position: relative;
}

#prd_list .spot_visual .spe_sale .special_prd .lst_sepPrd {
	width: 190px;
	margin: 0 auto;
	overflow: hidden;
}

#prd_list .spot_visual .spe_sale .special_prd .lst_sepPrd ul:after {
	clear: both;
	display: block;
	content: "";
}

#prd_list .spot_visual .spe_sale .special_prd .lst_sepPrd ul {
	width: 1320px;
}

#prd_list .spot_visual .spe_sale .special_prd .lst_sepPrd ul li {
	float: left;
	margin: 0 8px;
}

#prd_list .spot_visual .spe_sale .special_prd .prev {
	position: absolute;
	top: 117px;
	left: 0;
	z-index: 1;
}

#prd_list .spot_visual .spe_sale .special_prd .next {
	position: absolute;
	top: 117px;
	right: 0;
	z-index: 1;
}

#prd_list .spot_visual .spe_sale .img {
	width: 180px;
	height: 180px;
	border-bottom: 3px solid #e5e2db;
	margin: 0px auto;
	background: #fff;
	margin-bottom: 15px;
}

#prd_list .spot_visual .spe_sale .img {
	max-width: 100%;
}

#prd_list .spot_visual .spe_sale .img a>img {
	max-width: 80%;
}

#prd_list .spot_visual .spe_sale .con>h2 {
	font-size: 15px;
	color: #79a92a;
	line-height: 18px;
	margin-top: 25px;
}

#prd_list .spot_visual .spe_sale .con>h3 {
	font-size: 15px;
	color: #525252;
	line-height: 34px;
	font-weight: 400;
}

#prd_list .spot_visual .spe_sale .con>p {
	color: #333;
	font-weight: bold;
	font-size: 15px;
	margin-top: 10px;
}

#prd_list .spot_ban {
	margin-top: 1%;
}

/* sub top E*/

/* prd_list */
#prd_Area {
	margin-top: 3%;
}

#prd_Area>.header .lst_cate ul:after {
	display: block;
	clear: both;
	content: "";
}

#prd_Area>.header .lst_cate ul {
	border: 1px solid #d5d5d5;
}

#prd_Area>.header .lst_cate ul li {
	float: left;
	width: 16.66%;
	padding: 2em 0;
	text-align: center;
	background-color: #fdfdfc;
	border-style: solid;
	border-width: 0 0 1px 1px;
	border-color: #f0f0f2;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	position: relative;
}

#prd_Area>.header .lst_cate ul li a {
	
}

#prd_Area>.header .lst_cate ul li a:hover {
	border-bottom: 1px solid #989897;
}

#prd_list .lst_cate {
	border: 1px solid #d5d5d5;
}

#prd_list .lst_cate table {
	width: 100%;
}

#prd_list .lst_cate table tr td:first-child {
	border-left: 0;
}

#prd_list .lst_cate table tr:first-child td {
	border-top: 0;
}

#prd_list .lst_cate table td {
	width: 16.66%;
	text-align: center;
	font-size: 15px;
	padding: 1.5em 0;
	background-color: #fdfdfc;
	border-style: solid;
	border-width: 1px 0 0 1px;
	border-color: #f0f0f2;
}

#prd_list .lst_cate table td a:hover {
	border-bottom: 1px solid #989897;
}

#prd_list .lst_prdArea .top {
	margin-top: 20px;
}

#prd_list .lst_prdArea .top:after {
	display: block;
	clear: both;
	content: "";
}

#prd_list .lst_prdArea .top p {
	color: #666;
	float: right;
	line-height: 30px;
	margin-bottom: 14px;
}

#prd_list .lst_prdArea .top p strong {
	color: #cb60af;
	font-weight: bold;
}

#prd_list .lst_prdArea .top button {
	float: right;
	border: 1px solid #cacaca;
	behavior: url(/pie/PIE.htc);
	position: relative;
	padding: 9px 10px;
	border-radius: 0.5em;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,f4f4f4+100 */
	background: #ffffff; /* Old browsers */
	background: -moz-linear-gradient(top, #ffffff 0%, #f4f4f4 100%);
	/* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff),
		color-stop(100%, #f4f4f4)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #ffffff 0%, #f4f4f4 100%);
	/* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #ffffff 0%, #f4f4f4 100%);
	/* Opera 11.10+ */
	background: -ms-linear-gradient(top, #ffffff 0%, #f4f4f4 100%);
	/* IE10+ */
	background: linear-gradient(to bottom, #ffffff 0%, #f4f4f4 100%);
	/* W3C */
}

/* //占쎄퐣 뇡占  占쎌젫占쎈    뵳 딅뮞占쎈뱜 E */

/* 占쎄퐣 뇡占  占쎌젫占쎈   占쎄맒占쎄쉭 */
#area_brand_page #prd_view {
	margin-top: 0;
}

#prd_view #pd_top {
	overflow: hidden;
}

#prd_view #pd_top:after {
	display: block;
	clear: both;
	content: "";
}

#prd_view .img_prd {
	width: 538px;
	float: left;
	position: relative;
}

#prd_view .img_prd .prd_images {
	overflow: hidden;
	height: 538px;
	border: 0px solid #CECECE;
	position: relative;
}

#prd_view .img_prd .prd_images .swiper-wrapper {
	height: 100%;
}

#prd_view .img_prd .prd_images .swiper-slide {
	width: 100%;
	padding: 1.5em;
	box-sizing: border-box;
	text-align: center;
	position: relative;
	height: 100%;
}

#prd_view .img_prd .prd_images .swiper-slide img {
	max-width: 85%;
	max-height: 85%;
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	margin: auto;
}

#prd_view .img_prd .prd_images .allure {
	position: absolute;
	right: 10px;
	margin: 15px 10px 0;
	z-index: 2;
	width: 60px;
	height: 60px;
}

#prd_view .img_prd .prd_images .btn_next_prev {
	display: none;
}

#prd_view .img_prd .prd_images .btn_next_prev>button {
	position: absolute;
	top: 0;
	bottom: 0;
	height: 55px;
	margin: auto;
}

#prd_view .img_prd .prd_images button.prev {
	left: 0;
}

#prd_view .img_prd .prd_images button.next {
	right: 0;
}

#prd_view .swiper-pagination {
	text-align: center;
	display: block;
	margin-top: 2em;
	text-align: center
}

#prd_view .swiper-pagination.recipe_paging {
	margin-bottom: -500px;
}

#prd_view .swiper-pagination-switch {
	width: 0.875em;
	height: 0.875em;
	margin: 0 0.3em;
	background-color: #e3e3e3;
	display: inline-block;
	border-radius: 50%;
	behavior: url(/pie/PIE.htc);
}

#prd_view .swiper-active-switch {
	background-color: #005116;
}

#prd_view .btn_manual {
	text-align: center;
	margin-top: 1.5em;
	display: flex;
	justify-content: center;
}

#prd_view .btn_manual>button {
	border: 1px solid #B4B4B4;
	border-radius: 2px;
	padding: 5px 10px;
	font-size: 13px;
	color: #575656;
	display: flex;
	align-items: center;
}

#prd_view .btn_manual>button img {
	margin-left: 5px;
}

/*sns icons*/
#btns_sns {
	text-align: right;
	margin-bottom: -8px;
}

#area_brand_page #btns_sns {
	margin-top: -10px;
	margin-bottom: 0;
}

#btns_sns li {
	display: inline-block;
	height: 27px;
}

#btns_sns li img {
	max-height: 100%;
}

#prd_view .prd_info {
	width: 50%;
	float: right; /* border-top: 1px solid #ddd; */
	padding-top: 10px;
}

#prd_view .prd_info header h1 {
	color: #005116;
	font-size: 15px;
	margin-top: 10px;
}

#prd_view .prd_info header h2 {
	font-size: 28px;
	color: #333;
	margin-top: 10px;
	margin-bottom: 25px;
}

#prd_view .prd_info header p {
	font-size: 15px;
	color: #666;
	line-height: 22px;
}

#prd_view .prd_info header p.coupon_alert {
	font-size: 13px;
	color: #ee7216;
	line-height: 22px;
}

#prd_view .pd_info {
	background-color: #fbfbfb;
	border-top: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
	margin: 20px 0;
}

#prd_view .pd_info dl {
	font-size: 15px;
	padding: 1.5em 0em 0.5em 1.5em;
	line-height: 22px;
}

#prd_view .pd_info dl:after {
	content: '';
	display: block;
	clear: both;
}

#prd_view .pd_info dl dt {
	color: #333;
	width: 30%;
	float: left;
}

#prd_view .pd_info dl dd {
	color: #666;
	margin-bottom: 15px;
	display: table;
}

#prd_view .pd_info dl dt .g_ti {
	font-weight: bold;
}

#prd_view .pd_info dl dd strong.gpoint {
	font-size: 15px;
}

#prd_view .pd_info.shipping {
	background-color: #fff;
	border-top: 0;
	border-bottom: 0;
	margin: 0;
	margin-bottom: 0.5em;
}

#prd_view .pd_info.shipping dl {
	padding: 0 0 0 1.5em;
}

#prd_view .pd_info.shipping dl dt {
	width: 30%;
}

#prd_view .pd_info.shipping dl dd {
	text-align: left;
	font-size: 15px;
	width: 70%;
}

#prd_view .pd_info.shipping dl dd .ship_info {
	vertical-align: top;
	border: 1px solid #ddd;
	padding: 0.3em 1em;
	-webkit-border-radius: 0.5em;
	-moz-border-radius: 0.5em;
	border-radius: 0.5em;
	behavior: url(/pie/PIE.htc);
	margin-left: 5px;
	color: #868686;
	font-size: 0.95em;
}

#prd_view .pd_info.shipping .option_box {
	width: 100%;
}

#prd_view .pd_info.shipping .option_box>div {
	display: table;
	overflow: hidden;
	background: #f5f5f5;
	border-bottom: 1px solid #ececec;
	padding: 10px 3%;
	width: 94%;
}

#prd_view .pd_info.shipping .option_box>div div {
	display: table-cell;
	vertical-align: middle;
}

#prd_view .pd_info.shipping .option_box>div:first-child {
	border-top: 1px solid #ececec
}

#prd_view .pd_info.shipping .option_box>div>div>strong {
	float: left;
	line-height: 27px;;
	width: 60%;
}

#area_shop_page #prd_view .option_box div .pd_cnt {
	float: left;
	width: 40%;
}

#area_shop_page #prd_view .option_box div .pd_cnt>ul {
	width: 100%;
}

#area_shop_page #prd_view .option_box div .pd_cnt>ul:after {
	content: "";
	display: block;
	clear: both;
}

#area_shop_page #prd_view .option_box div .pd_cnt>ul li.last {
	float: right;
	border-left: 1px solid #dadada;
}

#area_shop_page #prd_view .option_box div .pd_cnt>ul li.last img {
	position: relative;
	margin-top: -5px;
}

/* #prd_view .prd_info .ha_order{border: 0.3em solid #f1f1f1; padding: 1.2em 3em; text-align: center;} */
#prd_view .prd_info .ha_order {
	width: 100%;
	border: 1px solid #00521c;
	color: #00521c;
	padding: 15px;
	box-sizing: border-box;
	text-align: center;
	display: block;
}

#prd_view .prd_info .ha_order img {
	margin-right: 15px;
	vertical-align: middle;
}

#prd_view .prd_info .ha_order+.btn_prd {
	margin-top: 15px;
}

#prd_view .prd_info .btn_prd {
	margin-top: 40px;
}

#prd_view .prd_info .btn_prd ul:after {
	display: block;
	clear: both;
	content: "";
}

/* 濡쒗븯 뒪留  李쒗븯湲  踰꾪듉  궘 젣 */
#prd_view .prd_info .btn_prd ul {
	margin: 0 -3px;
}

#prd_view .prd_info .btn_prd ul li {
	float: left;
	width: 100%;
	text-align: center;
	padding: 0 3px;
	box-sizing: border-box;
}

#prd_view .prd_info .btn_prd ul.oneBtn li {
	width: 100%;
}

#prd_view .prd_info .btn_prd ul.threeBtn li {
	width: 33.333%;
}

#prd_view .prd_info .btn_prd ul li a {
	display: block;
	font-size: 15px;
	padding: 1em 0;
}

#prd_view .prd_info .btn_prd ul li a.gray {
	background-color: #333; /*border: 1px solid #333;*/
	color: #fff;
}

#prd_view .prd_info .btn_prd ul li a.pink {
	background-color: #005116;
	border: 1px solid #005116;
	color: #fff;
}

#prd_view .prd_info .btn_prd ul li a.white {
	background-color: #fff;
	border: 1px solid #d8d8d8;
	color: #707070;
}

#prd_view .prd_info .btn_prd ul li a.buy_btn {
	background-color: #5dbc06;
	border-color: #5dbc06;
	color: #fff;
}

#prd_view .prd_info .btn_prd ul li.soldout {
	width: 66%;
}

#prd_view .prd_info .btn_prd ul li.soldout a {
	background-color: #f5f5f5;
	border: 1px solid #d8d8d8;
	color: #d1d0d0;
}

/* 占쎌쁽占쎈뼖占쎄숲 筌≪뮉釉 疫뀐옙 甕곌쑵 뱣 占쎌 筌욑옙 */
#prd_view .prd_info .btn_prd_shop ul {
	margin: -2px;
}

#prd_view .prd_info .btn_prd_shop ul li {
	float: left;
	width: 33.333%;
	text-align: center;
	box-sizing: border-box;
	padding: 2px;
}

#prd_view .prd_info .btn_prd_shop ul li a {
	display: block;
	font-size: 15px;
	padding: 1em 0;
}

#prd_view .prd_info .btn_prd_shop ul li a.gray {
	background-color: #333;
	border: 1px solid #333;
	color: #fff;
}

#prd_view .prd_info .btn_prd_shop ul li a.pink {
	background-color: #005116;
	border: 1px solid #005116;
	color: #fff;
}

#prd_view .prd_info .btn_prd_shop ul li a.white {
	background-color: #fff;
	border: 1px solid #d8d8d8;
	color: #707070;
}

#prd_view .prd_info .btn_prd_shop ul li.soldout {
	width: 66%;
}

#prd_view .prd_info .btn_prd_shop ul li.soldout a {
	background-color: #f5f5f5;
	border: 1px solid #d8d8d8;
	color: #d1d0d0;
}

#prd_view .prd_info p.ship_alert {
	font-size: 13px;
	color: #FF0000;
	line-height: 22px;
}

.fc_pink {
	color: #005116;
}

#prd_view #prd_cont {
	margin-top: 10%;
}

#prd_view #prd_cont .lst_cont ul {
	background-color: #7f7f7f;
}

#prd_view #prd_cont .lst_cont ul:after {
	display: block;
	clear: both;
	content: "";
}

#prd_view #prd_cont .lst_cont ul li {
	float: left;
	width: 33.333%;
	text-align: center;
	font-size: 15px;
	font-weight: bold;
	border-left: 1px solid #9a9a9a;
	border-right: 1px solid #6c6c6c;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	background-color: #7f7f7f;
}

#prd_view.lohas #prd_cont .lst_cont ul li {
	width: 33.333%;
}

#prd_view #prd_cont .lst_cont ul li.last {
	border-right: 0;
}

#prd_view #prd_cont .lst_cont ul li:first-child {
	border-left: 0;
}

#prd_view #prd_cont .lst_cont ul li a {
	color: #fff;
	display: block;
	padding: 1em 0;
}

#prd_view #prd_cont .lst_cont ul li.on a {
	background-color: #fff;
	color: #333;
	margin: 1% 1% 0 1%;
	padding: 1em 0 0.85em 0;
	border-radius: 0 0.5em 0 0;
}
/*#area_shop_page #prd_view #prd_cont .lst_cont ul li{width: 20%;}*/
#prd_cont>article {
	margin-bottom: 7%;
}

#prd_cont>article>article#detail6 {
	margin-top: 5%;
	line-height: 1.75;
}

#prd_cont>article .allure {
	display: none;
	position: absolute;
	right: 2.0%;
	margin: 130px 0 0 0;
	z-index: 0;
	width: 7.0%;
	height: 17vh;
}

#prd_cont .additional_info {
	text-align: left;
}

#prd_cont .additional_info>dl {
	
}

#prd_cont .additional_info>dl>dt {
	font-size: 18px;
	margin-top: 1.5em;
	padding-bottom: 8px;
	border-bottom: 2px solid #D6D6D6;
	font-weight: 700;
}

#prd_cont .additional_info>dl>dd {
	margin: 15px;
}

#prd_cont .additional_info h3 {
	color: #666666;
	font-size: 16px;
	padding-left: 14px;
	position: relative;
	margin: 15px 0;
}

#prd_cont .additional_info h3:before {
	position: absolute;
	height: 17px;
	top: 0;
	bottom: 0;
	left: 0px;
	border-left: 4px solid #a20083;
	content: '';
	margin: auto;
}

#prd_cont .additional_info p {
	font-size: 13px;
	color: #666666;
	line-height: 1.75;
}

#prd_cont .additional_info p.point {
	color: #005116;
}

.additional_info table.tb_prd_info {
	width: 100%;
	border-top: 1px solid #000;
	margin-bottom: 25px;
	margin-top: 10px;
}

.additional_info table.tb_prd_info>thead>tr>th {
	color: #666666;
	font-size: 13px;
	padding: 10px 15px;
	background-color: #f0f0f0;
	text-align: center;
}

.additional_info table.tb_prd_info>tbody>tr {
	
}

.additional_info table.tb_prd_info>tbody>tr.skyblue {
	background-color: #f9fefe;
}

.additional_info table.tb_prd_info>tbody>tr>td {
	color: #666666;
	font-size: 12px;
	padding: 8px 15px;
	border-bottom: 1px solid #ddd;
	text-align: left;
}

.additional_info table.tb_prd_info.ta_c>tbody>tr>td {
	text-align: center;
}

.additional_info table.tb_prd_info.ta_c>tbody>tr>td>strong {
	color: #000;
}

.additional_info table.tb_prd_info.ta_r>tbody>tr>td {
	text-align: right
}

.additional_info table.tb_prd_info.ta_r>tbody>tr>td.l {
	text-align: left
}

.additional_info table.tb_prd_info.ta_r>thead>tr>th {
	text-align: right
}

.additional_info table.tb_prd_info.ta_r>thead>tr>th.l {
	text-align: left
}

.additional_info ul.ul_prd_info {
	padding-left: 1em;
}

.additional_info ul.ul_prd_info>li {
	font-size: 16px;
	color: #666666;
	line-height: 2em;
	position: relative;
}

.additional_info ul.ul_prd_info>li:before {
	width: 5px;
	border-top: 1px solid #666;
	top: 15px;
	left: -1em;
	height: 0;
	margin: auto;
	content: '';
	position: absolute;
}

.additional_info ol.ol_prd_info {
	padding-left: 1.5em;
}

.additional_info ol.ol_prd_info>li {
	font-size: 16px;
	color: #666666;
	line-height: 2em;
	list-style: decimal;
}

#detail1 {
	text-align: center;
	width: 100%; /* max-width:950px; */
}

#detail1 img {
	width: 100%;
	max-width: 950px;
}

#detail3 .likeArea {
	text-align: center;
	padding: 5.5% 0;
	border: 0.4em solid #D3D3D3;
	margin-bottom: 5%;
}

#detail3 .likeArea strong {
	font-size: 20px;
	display: block;
	color: #333;
	font-weight: bold;
}

#detail3 .likeArea strong span {
	color: #005116;
	border-bottom: 1px solid #005116;
}

#detail3 .likeArea button {
	width: 9em; /* padding-left: 2em; */
	background: url(/m/images/common/ico_like.png ) 2em 0.75em no-repeat
		#005116;
	border: 1px solid #005116;
	color: #fff;
	font-size: 15px;
	font-weight: bold;
	padding: 0.8em 0;
	margin-top: 5%;
	text-align: left;
	background-size: 18px;
	padding-left: 3.7em;
}

#detail3 .likeArea button:active {
	background: url(/m/images/common/ico_like_on.png ) 2em 0.75em no-repeat
		#fff;
	border: 1px solid #ddd;
	color: #333;
	background-size: 18px;
}

#detail3 {
	
}

#detail3 .contents {
	border: 0.4em solid #D3D3D3;
	background-color: #fff
}

#detail3 .title {
	position: relative;
	margin: 1.875em 2em 1em 2em;
	border-bottom: 1px dotted #333;
	padding-bottom: 20px;
}

#detail3 .title dt {
	font-size: 20px;
	font-weight: bold;
}

#detail3 .title dt span {
	font-size: 15px;
	margin-top: 0.8em;
	margin-left: 2em;
}

#detail3 .title dt span strong {
	font-weight: 600;
	color: #005116;;
}

#detail3 .title dd {
	position: absolute;
	top: -6px;
	right: 0;
}

#detail3 .title dd .stars {
	display: inline-block;
	vertical-align: super;
	margin-right: 1em;
}

#detail3 .title dd .stars>li {
	display: inline-block;
	height: 1.1875em;
	width: 1.1875em;
	background: url(/m/images/common/ico_star_off.png) center center
		no-repeat;
	background-size: contain;
}

#detail3 .title dd .stars>li.on {
	background-image: url(/m/images/common/ico_star_on.png)
}

#detail3 .title dd p {
	display: inline-block;
	font-size: 20px;
	text-align: right;
}

#detail3 .title dd p strong {
	font-size: 35px;
	color: #005116;
}

#detail3 .write {
	position: relative;
	margin: 0 2em 1.875em 2em;
}

#detail3 .write .stars {
	display: inline-block;
}

#detail3 .write .stars>li {
	display: inline-block;
}

#detail3 .write .stars>li>a {
	display: block;
	height: 2.6875em;
	width: 2.6875em;
	background: url(/m/images/common/ico_star2_off.png) center center
		no-repeat;
	background-size: contain;
}

#detail3 .write .stars>li.on>a {
	background-image: url(/m/images/common/ico_star2_on.png)
}

#detail3 .write .writeBox_review {
	position: relative;
	border: 0.1875em solid #333333;
	margin-top: 1.25em;
}

#detail3 .write .writeBox_review textarea {
	display: block;
	width: 70%;
	box-sizing: border-box;
	border-width: 0px;
	padding: 0.5em;
	font-size: 1.2em;
	line-height: 1.2em;
	height: 6.625em;
	outline: none;
	-webkit-appearance: none;
}

#detail3 .write .writeBox_review button {
	position: absolute;
	width: 15%;
	height: 100%;
	background-color: #333;
	color: #fff;
	font-size: 1.25em;
	font-weight: 700;
	top: 0;
	right: 0;
}

#detail3 .lst_review {
	margin: 2% 0.5em 0 0.5em;
}

#detail3 .lst_review ul.list>li {
	padding: 1.25em;
	border-bottom: 1px solid #D3D3D3;
}

#detail3 .lst_review ul.list>li>.date {
	font-size: 1.25em;
	color: #adadad;
	margin-bottom: 0.5em;
}

#detail3 .lst_review ul.list>li>.date>* {
	vertical-align: middle;
}

#detail3 .lst_review ul.list>li>.date>strong {
	color: #333;
	margin-right: 1.5em;
}

#detail3 .lst_review ul.list>li>.date>span {
	margin-left: 1.5em;
}

#detail3 .lst_review .stars {
	display: inline-block;
}

#detail3 .lst_review .stars>li {
	display: inline-block;
	height: 0.95em;
	width: 0.95em;
	background: url(/m/images/common/ico_star_off.png) center center
		no-repeat;
	background-size: contain;
	margin: 0.1em;
}

#detail3 .lst_review .stars>li.on {
	background-image: url(/m/images/common/ico_star_on.png)
}

#detail3 .lst_review ul.list>li p {
	font-size: 13px;
	line-height: 1.6667;
	letter-spacing: -0.5px;
}

/* //占쎄퐣 뇡占  占쎌젫占쎈   占쎄맒占쎄쉭 E*/

/* 占쎄텢占쎈씜占쎈툧占쎄땀 */

/* 占쎄텢占쎈씜占쎄쉐 ⑤벊占쏙옙 뜚 占쎈뻻占쎈뮞占쎈   */
#system .header {
	margin-bottom: 40px;
}

#system .header p {
	font-size: 30px;
	color: #666;
	line-height: 42px;
}

#system .header p span {
	color: #e69137;
}

#system .article ul li {
	margin-bottom: 30px;
}

#system .article ul li:after {
	clear: both;
	display: block;
	content: "";
}

#system .article ul li .img {
	width: 50%;
	float: left;
}

#system .article ul li .img img {
	width: 100%;
}

#system .article ul li .cont {
	width: 50%;
	float: left;
	padding-left: 4%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

#system .article ul li .cont h1 {
	font-size: 22px;
	color: #333;
	font-weight: bold;
}

#system .article ul li .cont dl {
	margin-top: 20px;
}

#system .article ul li .cont dl dt {
	font-size: 15px;
	font-weight: bold;
	color: #b5985a;
	margin-bottom: 13px;
}

#system .article ul li .cont dl dd {
	line-height: 22px;
}

#business_system {
	
}

#business_system>h2 {
	margin-bottom: 10px;
}

#business_system>table {
	width: 100%;
}

#business_system>table>tbody>tr>th, #business_system>table>tbody>tr>td {
	padding: 29px 21px;
	vertical-align: middle;
	border-top: 1px solid #D8D8D8;
}

#business_system>table>tbody>tr:first-child>th, #business_system>table>tbody>tr:first-child>td
	{
	border-width: 0;
}

#business_system>table>tbody>tr>th {
	text-align: left;
}

#business_system>table>tbody>tr>th img {
	
}

#business_system>table>tbody>tr>td {
	
}

#business_system>table td h3 {
	color: #b5985a;
	font-size: 15px;
	margin-bottom: 5px;
	line-height: 1.5;
	margin-top: 15px;
}

#business_system>table td h3:first-child {
	margin-top: 0;
}

#business_system>table td p {
	color: #666666;
	font-size: 13px;
	line-height: 22px;
	word-break: keep-all
}

/* 占쎄텢占쎈씜揶쏆뮇苑뺠눧紐꾩벥 */
#inquire_business .subTopimg img {
	width: 100%;
}

#inquire_business>.header {
	
}

#inquire_business>.header>p {
	font-size: 20px;
	color: #666;
	margin-top: 3%;
	line-height: 26px;
}

#inquire_business>.header>p span {
	color: #214c8f;
}

#inquire_business>.header .staff {
	margin-top: 5%;
	border: 0.6em solid #e9e9e9;
	position: relative;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding: 3%;
}

#inquire_business>.header .staff:after {
	display: block;
	clear: both;
	content: "";
}

#inquire_business>.header .staff>p {
	font-size: 15px;
	color: #333;
	font-weight: bold;
	float: left;
	padding-top: 10px;
	padding-left: 1em;
}

#inquire_business>.header .staff>ul {
	margin-left: 5em;
	float: left;
}

#inquire_business>.header .staff li {
	position: relative;
	padding-left: 1.5em;
	line-height: 1.3em;
	margin-top: 11px;
}

#inquire_business>.header .staff li:first-child {
	margin-top: 0;
}

#inquire_business>.header .staff li:after {
	position: absolute;
	top: 0.4em;
	left: 0;
	width: 0.35em;
	height: 0.35em;
	border-radius: 30px;
	background-color: #bdbdbd;
	content: "";
}

#inquire_business .condition li:after {
	display: block;
	clear: both;
	content: "";
}

#inquire_business .condition li {
	position: relative;
	height: 7em;
	text-align: left;
}

#inquire_business .condition li .img {
	position: absolute;
	width: 20%;
}

#inquire_business .condition li dl {
	position: absolute;
	margin-top: 10px;
	width: 100%;
	padding-left: 14%;
}

#inquire_business .condition li:first-child dl {
	margin-top: 5px;
}

#inquire_business .condition li dl dt {
	font-size: 15px;
	font-weight: bold;
	color: #214c8f;
	margin-bottom: 10px;
}

#inquire_business .condition li dl dd {
	line-height: 24px;
}

#inquire_business .area_policy {
	margin-top: 3%;
}

#inquire_business .area_policy>h3 {
	
}

#inquire_business .bx_policy {
	max-height: 80px;
	padding: 0.2em 1.0em;
	border: 1px solid #E9E9E9;
	overflow: hidden;
	overflow-y: auto;
	margin: 1em 0;
	font-size: 12px;
	line-height: 1.5;
}

#inquire_business .bx_policy dt {
	font-size: 14px;
	line-height: 20px;
	margin: 0.5em 0 0.2em;
	font-weight: 700;
}

#inquire_business .bx_policy dd {
	
}

#inquire_business .bx_agree {
	
}

#inquire_business .formType {
	margin-top: 2%;
}

/* 占쎄텢占쎈씜揶쏆뮇苑뺧옙釉욑옙沅  */
#guide .subTopimg img {
	width: 100%;
}

#guide>.header {
	
}

#guide>.header>p {
	font-size: 20px;
	color: #666;
	margin-top: 3%;
	line-height: 26px;
}

#guide>.header>p span {
	color: #214c8f;
}

#guide>.header .staff {
	margin-top: 5%;
	border: 0.6em solid #e9e9e9;
	position: relative;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding: 3%;
}

#guide>.header .staff:after {
	display: block;
	clear: both;
	content: "";
}

#guide>.header .staff>p {
	font-size: 15px;
	color: #333;
	font-weight: bold;
	float: left;
	padding-top: 10px;
	padding-left: 1em;
}

#guide>.header .staff>ul {
	margin-left: 5em;
	float: left;
}

#guide>.header .staff li {
	position: relative;
	padding-left: 1.5em;
	line-height: 1.3em;
	margin-top: 11px;
}

#guide>.header .staff li:first-child {
	margin-top: 0;
}

#guide>.header .staff li:after {
	position: absolute;
	top: 0.4em;
	left: 0;
	width: 0.35em;
	height: 0.35em;
	border-radius: 30px;
	background-color: #bdbdbd;
	content: "";
}

#guide>.article {
	margin-top: 5%;
}

#guide .condition li:after {
	display: block;
	clear: both;
	content: "";
}

#guide .condition li {
	position: relative;
	height: 7em;
	text-align: left;
}

#guide .condition li .img {
	position: absolute;
	width: 20%;
}

#guide .condition li dl {
	position: absolute;
	margin-top: 10px;
	width: 100%;
	padding-left: 14%;
}

#guide .condition li:first-child dl {
	margin-top: 5px;
}

#guide .condition li dl dt {
	font-size: 15px;
	font-weight: bold;
	color: #214c8f;
	margin-bottom: 10px;
}

#guide .condition li dl dd {
	line-height: 24px;
}

/* // 占쎄텢占쎈씜揶쏆뮇苑뺧옙釉욑옙沅  */

/* 占쎈연占쎈뮞占쎈선占쎈굡獄쏅뗄 뵠占쏙옙 */

/*占쎈꺖揶쏉옙*/
#adviser1>.header {
	
}

#adviser1>.header h1 {
	font-size: 36px;
	color: #333;
	font-weight: normal;
	line-height: 52px;
	margin: 3% 0;
}

#adviser1>.header h1 span {
	color: #8ebe3f;
}

#adviser1>.header {
	text-align: center;
}

#adviser1>.header dl {
	margin-top: 5%;
	text-align: left;
}

#adviser1>.header dl dt {
	font-size: 25px;
	color: #333;
	margin-bottom: 15px;
}

#adviser1>.header dl dd {
	font-size: 18px;
	line-height: 30px;
}

#adviser1>.header dl dd span {
	color: #78b11a;
}

#adviser1>.article {
	margin-top: 5%;
}

#adviser1>.article .lst_mission:after {
	display: block;
	clear: both;
	content: "";
}

#adviser1>.article .lst_mission dt {
	font-size: 20px;
	color: #b5985a;
	font-weight: bold;
	float: left;
}

#adviser1>.article .lst_mission dd {
	font-size: 15px;
	line-height: 24px;
	float: left;
	margin-left: 10px;
	margin-bottom: 20px;
}

#adviser1>.article .lst_lohas_pg:after {
	display: block;
	clear: both;
	content: "";
}

#adviser1>.article .lst_lohas_pg li {
	float: left;
	margin-left: 8%;
	text-align: left;
}

#adviser1>.article .lst_lohas_pg li:first-child {
	margin-left: 0;
}

#adviser1>.article .lst_lohas_pg li .img {
	width: 11.7em;
}

#adviser1>.article .lst_lohas_pg li .img img {
	width: 100%;
}

#adviser1>.article .lst_lohas_pg li dl {
	margin-top: 23px;
	padding-left: 22px;
}

#adviser1>.article .lst_lohas_pg li dl dt {
	font-size: 15px;
	color: #a98c61;
	font-weight: bold;
	margin-bottom: 20px;
}

#adviser1>.article .lst_lohas_pg li dl dd {
	font-size: 13px;
	margin-bottom: 8px;
}

/*  뜮袁⑹읈 */
#adviser2 .subTopimg img {
	width: 100%;
}

#adviser2>.header dl {
	margin-top: 5%;
}

#adviser2>.header dl dt {
	font-size: 28px;
	line-height: 40px;
	margin-bottom: 2%;
}

#adviser2>.header dl dt span {
	color: #005116;
	font-weight: bold;
}

#adviser2>.header dl dd {
	font-size: 15px;
	line-height: 26px;
}

#adviser2>.header dl dd strong {
	border-bottom: 1px solid #333;
	padding-bottom: 0.1em;
}

#adviser2 .sponsorship {
	border: 0.5em solid #e9e9e9;
	margin: 3% 0 5% 0;
	padding: 2% 5%;
}

#adviser2 .sponsorship:after {
	display: block;
	clear: both;
	content: "";
}

#adviser2 .sponsorship p {
	font-size: 15px;
	color: #333;
	line-height: 50px;
	font-weight: bold;
	float: left;
	width: 80%;
}

#adviser2 .sponsorship button {
	font-size: 14.8px;
	font-weight: bold;
	float: right;
	width: 16%;
	border: 1px solid #ddd;
	border-radius: 0.2em;
	padding: 1em 0;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f7f7f7+25,e5e5e5+100 */
	background: rgb(247, 247, 247); /* Old browsers */
	background: -moz-linear-gradient(top, rgba(247, 247, 247, 1) 25%,
		rgba(229, 229, 229, 1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(25%, rgba(247
		, 247, 247, 1)), color-stop(100%, rgba(229, 229, 229, 1)));
	/* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, rgba(247, 247, 247, 1) 25%,
		rgba(229, 229, 229, 1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, rgba(247, 247, 247, 1) 25%,
		rgba(229, 229, 229, 1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, rgba(247, 247, 247, 1) 25%,
		rgba(229, 229, 229, 1) 100%); /* IE10+ */
	background: linear-gradient(to bottom, rgba(247, 247, 247, 1) 25%,
		rgba(229, 229, 229, 1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f7f7f7',
		endColorstr='#e5e5e5', GradientType=0); /* IE6-9 */
}

#adviser2 .lst_vision ul li {
	margin-bottom: 2em;
}

#adviser2 .lst_vision ul li dl dt {
	font-size: 16px;
	color: #333;
	font-weight: bold;
	margin-bottom: 0.8em;
}

#adviser2 .lst_vision ul li dl dt span.c1 {
	color: #c65aaa;
}

#adviser2 .lst_vision ul li dl dt span.c2 {
	color: #20498a;
}

#adviser2 .lst_vision ul li dl dt span.c3 {
	color: #7ebb1a;
}

#adviser2 .lst_vision ul li dl dt span.c4 {
	color: #e69137;
}

#adviser2 .lst_vision ul li dl dt span.c5 {
	color: #b5985a;
}

#adviser2 .lst_vision ul li dl dd {
	font-size: 14px;
	line-height: 20px;
}

#adviser2 .img_graph2 {
	margin: 3% 0;
}

#adviser2 .lst_lohas_step {
	
}

#adviser2 .lst_lohas_step:after {
	display: block;
	clear: both;
	content: "";
}

#adviser2 .lst_lohas_step li {
	float: left;
	text-align: center;
	width: 25%;
}

#adviser2 .lst_lohas_step li .img {
	margin-bottom: 1em;
}

#adviser2 .lst_lohas_step li dt {
	font-size: 16px;
	color: #20498a;
	margin-bottom: 0.3em;
	font-weight: bold;
}

#adviser2 .lst_lohas_step li dd {
	line-height: 20px;
}

/* 占쎌굺占쎄문 */
#adviser3>.header {
	margin-bottom: 100px;
}

#adviser3>.header .subTopimg {
	margin-bottom: 46px;
}

#adviser3>.header .subTopimg img {
	width: 100%;
}

#adviser3 .health_adviser p {
	font-size: 28px;
	color: #333;
	margin-bottom: 45px;
}

#adviser3 .health_adviser ul:after {
	clear: both;
	display: block;
	content: "";
}

#adviser3 .health_adviser ul li {
	float: left;
	width: 50%;
	padding-left: 6%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

#adviser3 .health_adviser ul li:first-child {
	border-right: 1px solid #ddd;
	padding-left: 0;
}

#adviser3 .health_adviser ul li dl dt {
	font-size: 22px;
	font-weight: bold;
	margin-bottom: 15px;
}

#adviser3 .health_adviser ul li.health1 dt img {
	width: 7%;
	max-width: 35px;
}

#adviser3 .health_adviser ul li.health2 dt img {
	width: 8%;
	max-width: 35px;
}

#adviser3 .health_adviser ul li.health1 dl dt {
	color: #005116;
}

#adviser3 .health_adviser ul li.health2 dl dt {
	color: #20498a;
}

#adviser3 .health_adviser ul li dl dd {
	font-size: 15px;
	color: #666;
	line-height: 24px;
}

#adviser3 .health_adviser ul li dl dd .ud_line {
	font-weight: bold;
	border-bottom: 1px solid #333;
	color: #333;
}

#adviser3 .health_adviser ul li dl dd strong {
	color: #333;
}

#adviser3 .lst_av_info li dt {
	font-size: 15px;
	color: #a98c61;
	margin-bottom: 20px;
	font-weight: bold;
}

#adviser3 .lst_av_info li dd {
	line-height: 24px;
	color: #666;
}

#adviser3 .lst_av_info li {
	margin-top: 35px;
}

#adviser3 .lst_av_info li:first-child {
	margin-top: 0;
}

#adviser3 li.benefit1 {
	position: relative;
}

#adviser3 .img_bf1 {
	position: absolute;
	right: 0;
	top: 20px;
}

#adviser3 .img_lohas_pd {
	margin-bottom: 35px;
}

#adviser3 .lst_lohas_pd li {
	margin-top: 35px;
}

#adviser3 .lst_lohas_pd li:first-child {
	margin-top: 0;
}

#adviser3 .lst_lohas_pd dt {
	font-size: 15px;
	color: #a98c61;
	margin-bottom: 20px;
	font-weight: bold;
}

#adviser3 .lst_lohas_pd dd {
	line-height: 24px;
	color: #666;
}

#adviser3 .lohas {
	margin-top: 10%;
}

#adviser3 .exper .cont_top h2 {
	color: #20498a;
	font-size: 20px;
	margin-bottom: 22px;
}

#adviser3 .exper .cont_top strong {
	color: #333;
}

#adviser3 .exper .cont_top p {
	color: #666;
}

#adviser3 .exper  dl {
	margin-top: 30px;
}

#adviser3 .exper dl dt {
	font-size: 15px;
	color: #a98c61;
	margin-bottom: 18px;
	font-weight: bold;
}

#adviser3 .exper dl dd {
	line-height: 24px;
	color: #666;
}

#adviser3  .factory .lst_factory {
	margin-top: 5%;
	position: relative;
	overflow: hidden;
	z-index: 1;
	height: 177px;
}

#adviser3  .factory .lst_factory ul:after {
	display: block;
	clear: both;
	content: "";
}

#adviser3  .factory .lst_factory ul>li {
	float: left;
}

#adviser3  .factory .lst_factory ul>li  img {
	width: 100%;
}

#adviser3 .excursions_program h1 {
	font-size: 15px;
	color: #a98c61;
	margin-bottom: 20px;
	font-weight: bold;
	margin-top: 30px;
}

#adviser3 .lst_program {
	border: 0.7em solid #e9e9e9;
	padding: 0 30px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

#adviser3 .excursions_program ul li {
	border-bottom: 1px solid #dedede;
	padding: 25px 10px;
}

#adviser3 .excursions_program ul li:last-child {
	border-bottom: 0;
}

#adviser3 .excursions_program ul li h2 {
	font-size: 18px;
	color: #333;
	font-weight: normal;
}

#adviser3 .excursions_program ul li .ico {
	margin-right: 0.7em;
	display: inline-block;
	vertical-align: middle;
}

#adviser3 .excursions_program ul li p {
	font-size: 13px;
	line-height: 22px;
	margin-top: 3%;
	color: #666;
}

#adviser3  .lst_lohas {
	margin-top: 8;
	position: relative;
	overflow: hidden;
	z-index: 1;
	height: 177px;
}

#adviser3  .lst_lohas img {
	width: 100%;
}

#adviser3 .swiper-pagination {
	position: absolute;
	top: 8%;
	right: 3%;
	text-align: center;
	display: block;
}

#adviser3 .swiper-pagination-switch {
	width: 1.0em;
	height: 1.0em;
	margin: 0 0.3em;
	background-color: #fff;
	display: inline-block;
	border-radius: 2em;
	box-shadow: 0px 1px 2px #555 inset;
	behavior: url(/pie/PIE.htc);
}

#adviser3 .swiper-active-switch {
	background-color: #8ebe3f;
}

/* //占쎈연占쎈뮞占쎈선占쎈굡獄쏅뗄 뵠占쏙옙 E*/

/* CSStar */
#cs_star>.header {
	margin-bottom: 5%;
}

#cs_star .subTopimg img {
	width: 100%;
}

#cs_star .lst_csstar li {
	float: left;
	text-align: center;
	width: 25%;
}

#cs_star .lst_csstar  li .img {
	margin-bottom: 1em;
}

#cs_star .lst_csstar dl dt {
	color: #78b11a;
	font-size: 16px;
	margin-bottom: 0.3em;
	font-weight: bold;
}

#cs_star  .lst_csstar li dd {
	line-height: 20px;
}

#cs_star .img_castar {
	text-align: center;
	margin: 5% 0;
}

/* CS Star E*/

/* 揶쏉옙筌띾  젎 筌≪뼐由  */
#agency {
	
}

#agency .header {
	background: url(/pc/brand/images/business/bg_store.gif) 600px top
		no-repeat;
	min-height: 206px;
	padding-top: 5%;
}

#agency .lst_store_search {
	width: 594px;
	margin-top: 3%;
}

#agency .lst_store_search ul li {
	border-top: 1px dashed #ccc;
	padding: 2% 0;
}

#agency .lst_store_search ul li:first-child {
	border-top: 0;
}

#agency .lst_store_search ul li dl:after {
	display: block;
	clear: both;
	content: "";
}

#agency .lst_store_search ul li dt {
	color: #333;
	float: left;
	line-height: 32px;
	width: 73px;
}

#agency .lst_store_search ul li dd {
	float: left;
	width: 87%;
}

#agency .lst_store_search ul li dd select {
	color: #999;
	border: 1px solid #c1c1c1;
	height: 33px;
	font-family: "NanumGothic";
	font-size: 12px;
}

#agency .lst_store_search ul li dd select.selectBox.wp30 {
	width: 30%;
}

#agency .lst_store_search ul li dd .inputST1 {
	height: 33px;
	border: 1px solid #c1c1c1;
	padding: 0 3%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	width: 280px;
}

#agency .lst_store_search ul li dd button {
	color: #fff;
	background-color: #333;
	line-height: 33px;
	padding: 0 3%;
}

#agency>.article {
	margin-top: 2%;
}

#agency>.article p.result {
	margin-bottom: 1em;
}

#agency>.article p.result span {
	color: #005116;
}

#agency .tb_type1 tbody td {
	font-size: 12px;
}

ul.lst_addr li {
	line-height: 1.5em;
}

ul.lst_addr li:after {
	display: block;
	clear: both;
	content: "";
}

ul.lst_addr li span {
	float: left;
	width: 43px;
}

ul.lst_addr li p {
	float: left;
	width: 87%;
}
/* //揶쏉옙筌띾  젎 筌≪뼐由  E*/

/* 筌욑옙占쎌뜚 눧紐꾩벥 */
#support .header {
	margin-bottom: 40px;
}

#support .lst_inq_support ul li {
	line-height: 38px;
	font-size: 15px;
	color: #666;
}

#support .lst_inq_support ul li strong {
	font-size: 20px;
	color: #b5985a;
	margin-right: 10px;
}

#support .btnArea button {
	text-align: center;
	width: 40%;
	border: 0.15em solid #d6d9d1;
	border-radius: 0.35em;
	padding: 2% 0;
	margin: 1.5em 0.2em;
	font-size: 15px;
	color: #333;
	background: #ffffff; /* Old browsers */
	background: -moz-linear-gradient(top, #ffffff 0%, #fbfbfb 100%);
	/* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff),
		color-stop(100%, #fbfbfb)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #ffffff 0%, #fbfbfb 100%);
	/* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #ffffff 0%, #fbfbfb 100%);
	/* Opera 11.10+ */
	background: -ms-linear-gradient(top, #ffffff 0%, #fbfbfb 100%);
	/* IE10+ */
	background: linear-gradient(to bottom, #ffffff 0%, #fbfbfb 100%);
	/* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff',
		endColorstr='#fbfbfb', GradientType=0); /* IE6-9 */
}

#support .btnArea button img {
	margin-right: 10px;
}

#pop_potential_test {
	
}

#pop_potential_test header {
	
}

#pop_potential_test header>h1 {
	font-size: 1em;
	background-color: #c4c4c4;
	padding: 1.25em 2.5em
}

#pop_potential_test header>h1 strong {
	font-size: 24px;
	color: #ffffff;
	margin-right: 1em;
	display: inline-block;
}

#pop_potential_test header>h1 small {
	color: #737373;
	font-size: 13px;
	vertical-align: bottom;
	display: inline-block;
	margin-bottom: 3px;
}

#pop_potential_test header>h1 button.btn_close {
	width: 17px;
	top: 15px;
	right: 10px;
}

#pop_potential_test .cont {
	padding: 2em 2em 3em;
}

#pop_potential_test .cont>dl {
	position: relative;
	font-size: 16px;
}

#pop_potential_test .cont>dl:after {
	content: '';
	clear: both;
	display: block;
}

#pop_potential_test .cont>dl>dt {
	width: 10em;
	position: absolute;
	height: 100%;
}

#pop_potential_test .cont>dl>dt .img {
	
}

#pop_potential_test .cont>dl>dt .img img {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	max-width: 100%;
	max-height: 100%;
}

#pop_potential_test .cont>dl>dd {
	margin-left: 10.625em;
	padding: 10px 0 40px;
}

#pop_potential_test .cont>dl>dd h2 {
	font-size: 18px;
	color: #294569;
	font-weight: 400;
	margin-bottom: 0.75em
}

#pop_potential_test .cont>dl>dd p {
	font-size: 15px;
	line-height: 1.6em;
}

#pop_potential_test .cont .tip {
	text-align: right;
	font-size: 13px;
	color: #689a13;
	margin-bottom: 5px;
}

#pop_potential_test .cont>ul {
	padding: 28px;
	background-color: #f6f3ee;
}

#pop_potential_test .cont>ul>li {
	margin-top: 20px;
}

#pop_potential_test .cont>ul>li:first-child {
	margin: 0;
}

#pop_potential_test .cont>ul>li p {
	color: #666666;
	font-size: 15px;
}

#pop_potential_test .cont>ul>li input[type="checkbox"] {
	margin-right: 15px;
}

#pop_potential_test .btn_btns {
	margin-top: 30px;
	text-align: center;
}

#pop_potential_test .btn_btns button {
	color: #fff;
	font-size: 15px;
	padding: 15px 25px;
	border: 1px solid #7AA137;
	background-color: #8ab63e;
}

#pop_potential_result {
	background-color: #fff;
}

#pop_potential_result header {
	height: 63px;
	background: url(/pc/brand/images/business/bg_potential_head.jpg) 0 0
		repeat-x;
	overflow: hidden;
	position: relative;
}

#pop_potential_result header>img {
	position: absolute;
	left: 50px;
	bottom: -5px;
}

#pop_potential_result header button.btn_close {
	width: 17px;
	top: 15px;
	right: 10px;
}

#pop_potential_result .cont {
	padding: 55px;
	min-height: 342px;
	position: relative;
	display: none;
}

#pop_potential_result .cont.on {
	display: block;
}

#pop_potential_result .cont .txt {
	position: relative;
	z-index: 1
}

#pop_potential_result .cont .txt>h2 {
	color: #294569;
	font-size: 26px;
	margin-bottom: 5px;
}

#pop_potential_result .cont .txt>h3 {
	color: #6281a3;
	font-size: 15px;
	margin-bottom: 30px;
}

#pop_potential_result .cont .txt>.bx_p {
	position: relative;
	padding: 20px 0 30px;
}

#pop_potential_result .cont .txt>.bx_p:after {
	position: absolute;
	content: '';
	top: 0;
	height: 2px;
	width: 64px;
	background-color: #294569;
	left: 0;
}

#pop_potential_result .cont .txt>.bx_p>p {
	color: #666666;
	font-size: 13px;
	line-height: 22px;
}

#pop_potential_result .cont .txt>button {
	color: #fff;
	font-size: 13px;
	background-color: #ffc37d;
	min-width: 110px;
	line-height: 30px;
	height: 30px;
	text-align: center;
}

#pop_potential_result .cont .bg {
	position: absolute;
	bottom: 0;
	right: 0;
}

#pop_potential_result .cont.result1 .txt {
	
}

#pop_potential_result .cont.result2 .txt {
	
}

#pop_potential_result .cont.result3 .txt {
	
}

#pop_potential_result .cont.result4 .txt {
	
}

#pop_potential_result .cont.result1 .bg {
	
}

#pop_potential_result .cont.result2 .bg {
	right: 20px;
}

#pop_potential_result .cont.result3 .bg {
	
}

#pop_potential_result .cont.result4 .bg {
	
}

/* 占쎄텢占쎈씜占쎈툧占쎄땀 E*/

/* 域밸챶 뵛筌ｏ옙 占쎌뵬占쎌뵠占쎈늄 */

/* 域밸챶 뵛筌ｏ옙 占쎈뮞占쎈꽅 뵳占  - 筌ｌ쥚釉  */
#greenche_stroy {
	
}

#greenche_stroy #bx_story_video {
	position: relative;
	height: 0;
	padding-bottom: 56.25%;
}

#greenche_stroy #bx_story_video>.inner {
	position: absolute;
	top: 0;
	bottom: 0;
	right: 0;
	left: 0;
}

#greenche_stroy #bx_story_video>.inner iframe {
	width: 100%;
	height: 100%;
}

#greenche_stroy>h2 {
	color: #666666;
	font-weight: 400;
	font-size: 30px;
	margin: 60px 0;
	line-height: 40px;
	text-align: center;
}

#greenche_stroy>h2>strong {
	color: #005116;
}

#greenche_stroy .list_story {
	
}

#greenche_stroy .list_story>ul {
	margin-left: -5px;
}

#greenche_stroy .list_story>ul:after {
	content: '';
	display: block;
	clear: both;
}

#greenche_stroy .list_story>ul>li {
	width: 33.3%;
	float: left;
}

#greenche_stroy .list_story>ul>li>.inner {
	margin-left: 5px;
}

#greenche_stroy .list_story .img {
	
}

#greenche_stroy .list_story .img>img {
	width: 100%;
}

#greenche_stroy .list_story .con {
	padding: 15px 10px 15px;
	text-align: left;
	background-color: #ffffff;
	margin-bottom: 50px;
}

#greenche_stroy .list_story .con>h3 {
	font-size: 22px;
}

#greenche_stroy .list_story .con .ico {
	height: 40px;
	position: relative;
	margin-top: 20px;
	margin-bottom: 30px;
}

#greenche_stroy .list_story .con .ico>img {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;
	max-width: 100%;
	max-height: 100%;
}

#greenche_stroy .list_story .con p {
	color: #666666;
	font-size: 13px;
	line-height: 21px;
	-ms-word-break: keep-all;
	word-break: keep-all;
	min-height: 110px;
}

#greenche_stroy #stroy1 {
	background: url(/pc/brand/images/life/img_story1.png) 72% 122px
		no-repeat;
}

#greenche_stroy #stroy1>.header {
	font-size: 30px;
	color: #666;
	line-height: 40px;
}

#greenche_stroy #stroy1>.header strong {
	color: #005116;
	font-weight: bold;
}

#greenche_stroy #stroy1>.article {
	height: 1076px;
	position: relative;
	margin-top: 30px;
}

#greenche_stroy #stroy1>.article dl dt {
	margin-bottom: 10px;
}

#greenche_stroy #stroy1>.article dl dt strong {
	font-size: 20px;
	color: #878787;
	font-family: "roboto";
	font-weight: 500;
	margin-bottom: 10px;
	display: block;
}

#greenche_stroy #stroy1>.article li {
	position: relative;
}

#greenche_stroy #stroy1>.article li dl {
	position: absolute;
}

#greenche_stroy #stroy1>.article li.philo1 dl {
	top: 32px;
	left: 50px;
}

#greenche_stroy #stroy1>.article li.philo1 .img {
	position: absolute;
	right: 90px;
	top: 0;
}

#greenche_stroy #stroy1>.article li.philo2 dl {
	top: 369px;
	left: 372px;
}

#greenche_stroy #stroy1>.article li.philo2 .img {
	position: absolute;
	left: 16px;
	top: 320px;
}

#greenche_stroy #stroy1>.article li.philo3 dl {
	top: 705px;
	left: 50px;
}

#greenche_stroy #stroy1>.article li.philo3 .img {
	position: absolute;
	right: 90px;
	top: 676px;
}

#greenche_stroy #stroy1>.article li.philo2 dl dt strong {
	color: #333;
}

#greenche_stroy #stroy1>.article li.philo3 dl dt strong {
	color: #20498a;
}

#greenche_stroy #stroy1>.article dl dt p {
	color: #333;
	font-size: 26px;
	font-weight: bold;
	line-height: 34px;
}

#greenche_stroy #stroy1>.article dl dd.lst_hypen {
	position: relative;
	padding-left: 0.7em;
}

#greenche_stroy #stroy1>.article dl dd.lst_hypen span {
	position: absolute;
	left: 0;
	top: 0;
}

#greenche_stroy #stroy1>.article dl dd {
	font-size: 15px;
	color: #666;
	line-height: 28px;
}

/*域밸챶 뵛筌ｏ옙 占쎈뮞占쎈꽅 뵳占  - 筌ｌ뮇肉겼첎 뮆而삼옙 뻻占쎈뮞占쎈   */
#greenche_stroy #stroy2>.header {
	margin-bottom: 40px;
}

#greenche_stroy #stroy2  .subTopimg img {
	width: 100%;
}

#greenche_stroy #stroy2>.article ul li {
	width: 50%;
	height: 30em;
	float: left;
	padding: 5%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

#greenche_stroy #stroy2>.article ul li h1 {
	font-size: 24px;
	font-weight: bold;
	margin-bottom: 40px;
}

#greenche_stroy #stroy2>.article ul li h1 .title {
	vertical-align: bottom;
}

#greenche_stroy #stroy2>.article ul li.sys1 {
	border-bottom: 1px solid #ededed;
}

#greenche_stroy #stroy2>.article ul li.sys2 {
	border-bottom: 1px solid #ededed;
	border-left: 1px solid #ededed;
}

#greenche_stroy #stroy2>.article ul li.sys4 {
	border-left: 1px solid #ededed;
}

#greenche_stroy #stroy2>.article ul li.sys1 h1 {
	color: #005116;
}

#greenche_stroy #stroy2>.article ul li.sys2 h1 {
	color: #20498a;
}

#greenche_stroy #stroy2>.article ul li.sys3 h1 {
	color: #e69137;
}

#greenche_stroy #stroy2>.article ul li.sys4 h1 {
	color: #8ebe3f;
}

#greenche_stroy #stroy2>.article ul li dt {
	font-size: 18px;
	color: #333;
	font-weight: bold;
	margin-bottom: 24px;
	line-height: 26px;
}

#greenche_stroy #stroy2>.article ul li dd {
	line-height: 24px;
	color: #666;
}

/* 域밸챶 뵛筌ｏ옙 占쎈뮞占쎈꽅 뵳占  - BI */
#greenche_stroy #stroy3>.header {
	text-align: center;
	margin-bottom: 40px;
}

#greenche_stroy #stroy3>.article ul li {
	margin-bottom: 50px;
}

#greenche_stroy #stroy3>.article ul li h1 {
	font-size: 24px;
	color: #333;
	font-weight: bold;
	margin-bottom: 15px;
}

#greenche_stroy #stroy3>.article ul li p {
	font-size: 15px;
	color: #666;
	line-height: 24px;
}

#greenche_stroy #stroy3>.article ul li .btn_bi {
	background-color: #f8f8f8;
	border: 1px solid #d5d5d5;
	font-size: 13px;
	font-weight: bold;
	color: #333;
	padding: 10px 15px 10px 20px;
	margin-top: 20px;
	display: inline-block;
}

#greenche_stroy #stroy3>.article ul li .btn_bi span {
	padding-left: 15px;
	margin-left: 10px;
	border-left: 1px solid #d5d5d5;
}

#greenche_stroy #stroy3>.article ul li .lst_spotColor {
	text-align: center;
	margin-top: 20px;
}

#greenche_stroy #stroy3>.article ul li .img_ident {
	text-align: center;
	margin-top: 20px;
}

/*占쎌뵠占쎈뎡 뵳怨쀫뮞占쎈꽅 뵳占 */
#issilin_story .story_top {
	border-top: 2px solid #553d3c;
}

#issilin_story .story_top ul:after {
	clear: both;
	display: block;
	content: "";
}

#issilin_story .story_top ul li {
	float: left;
	width: 50%;
	height: 427px;
}

#issilin_story .story_top ul li.iss1 {
	background: url(/pc/brand/images/life/bg_iss1.png) left bottom repeat-x;
	padding: 35px 33px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

#issilin_story .story_top ul li.iss1 h1 {
	margin-bottom: 28px;
}

#issilin_story .story_top ul li.iss1 p {
	color: #333;
	font-size: 15px;
	line-height: 25px;
	margin-bottom: 40px;
}

#issilin_story .story_top ul li.iss1 strong.point_txt {
	font-size: 30px;
	font-weight: bold;
	color: #544238;
	line-height: 40px;
}

#issilin_story .story_top ul li.iss2 {
	background-color: #aa7a76;
	color: #fff;
	padding: 8% 0 0 5%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

#issilin_story .story_top ul li.iss2 p {
	font-size: 15px;
	line-height: 25px;
	margin-bottom: 39px;
}

#issilin_story .story_top ul li.iss2 h3 {
	font-size: 18px;
	margin-bottom: 10px;
}

#issilin_story .story_top ul li.iss2 p>strong {
	
}

#issilin_story .story_top .img_issilin {
	background-color: #f9e7e5;
}

#issilin_story .story_top .img_issilin img {
	width: 100%;
}

#issilin_story .lst_faq {
	border-top: 2px solid #333;
	margin-top: 10%;
}

#issilin_story .lst_faq ul li {
	position: relative;
	line-height: 1.3em;
	padding-bottom: 0;
}

#issilin_story .lst_faq ul li .que {
	cursor: pointer;
	position: relative;
	font-size: 20px;
	color: #000;
	font-weight: bold;
}

#issilin_story .lst_faq ul li .que p {
	padding: 2.5% 1.5em;
	border-bottom: 1px solid #9d9d9d;
}

#issilin_story .lst_faq ul li .que p.shadow {
	/* Opera * /
box-shadow:5px 4px 9px  #e4e4e4;
/* Firefox */
	-moz-box-shadow: 5px 4px 9px #e4e4e4;
	/* Safiri, Chrome */
	-webkit-box-shadow: 5px 4px 9px #e4e4e4;
	/* IE */
	filter: progid:DXImageTransform.Microsoft.Shadow(color=silver, direction=135,
		strength=20);
}

#issilin_story .lst_faq ul li .que p>span {
	font-size: 0.8em;
	color: #999;
	font-weight: 400;
	margin-left: 5px;
}

#issilin_story .lst_faq>ul>li>.ans {
	padding: 2% 20px;
	display: none;
	border-bottom: 1px solid #9d9d9d;
	line-height: 1.5em;
}

#issilin_story .lst_faq>ul>li>.ans>p {
	color: #333;
	margin-left: 3%;
	font-weight: normal;
	position: relative;
	font-size: 1.500em;
}

#issilin_story .lst_faq ul li .detail_arr {
	position: absolute;
	top: 32%;
	right: 1em;
	width: 1em;
	height: 1em;
	background-image: url(/m/images/life/ico_plus.png);
	background-position: right 0;
	background-repeat: no-repeat;
	background-size: 100%;
}

#issilin_story .lst_faq ul li .detail_arr.on {
	background-image: url(/m/images/life/ico_minus.png);
}

#issilin_story .lst_faq>ul>li>.ans>.cont {
	
}

#issilin_story .lst_faq>ul>li>.ans>.cont.principle {
	margin: 2% 0;
}

#issilin_story .lst_faq>ul>li>.ans>.cont ul li {
	border-top: 1px solid #e0e0e0;
	padding: 3% 0;
	height: 7em;
}

#issilin_story .lst_faq>ul>li>.ans>.cont ul li:first-child {
	border-top: 0;
}

#issilin_story .lst_faq>ul>li>.ans>.cont ul li:after {
	display: block;
	clear: both;
	content: "";
}

#issilin_story .lst_faq>ul>li>.ans>.cont ul li .img {
	width: 71px;
	margin: 0 auto 0.7em auto;
	position: absolute;
}

#issilin_story .lst_faq>ul>li>.ans>.cont ul li .img img {
	width: 100%;
}

#issilin_story .lst_faq>ul>li>.ans>.cont ul li dl {
	position: absolute;
	margin-right: 2em;
	margin-left: 8em;
	padding-top: 1em;
}

#issilin_story .lst_faq>ul>li>.ans>.cont ul li dl dt {
	font-size: 20px;
	font-weight: bold;
}

#issilin_story .lst_faq>ul>li>.ans>.cont ul li dl dt>span {
	color: #005116;
}

#issilin_story .lst_faq>ul>li>.ans>.cont ul li dl dd {
	font-size: 13px;
	line-height: 24px;
	color: #333;
	margin-top: 3%;
}

#issilin_story .lst_faq>ul>li>.ans>.cont.blackBean {
	margin: 3% 0;
}

#issilin_story .lst_faq>ul>li>.ans>.cont.blackBean:after {
	display: block;
	clear: both;
	content: "";
}

#issilin_story .lst_faq>ul>li>.ans>.cont.blackBean .img {
	width: 30%;
	float: left;
}

#issilin_story .lst_faq>ul>li>.ans>.cont.blackBean .img img {
	width: 100%;
}

#issilin_story .lst_faq>ul>li>.ans>.cont.blackBean .info_blackBean {
	float: left;
	width: 70%;
	padding-left: 5%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

#issilin_story .lst_faq>ul>li>.ans>.cont.blackBean .info_blackBean h1 {
	font-size: 25px;
	line-height: 35px;
}

#issilin_story .lst_faq>ul>li>.ans>.cont.blackBean .info_blackBean h1 span
	{
	color: #005116;
}

#issilin_story .lst_faq>ul>li>.ans>.cont.blackBean .info_blackBean p {
	font-size: 13px;
	line-height: 25px;
	margin: 3% 0;
}

#issilin_story .lst_faq>ul>li>.ans>.cont.blackBean .info_blackBean p span
	{
	color: #005116;
}

#issilin_story .skincare {
	margin-top: 5%;
}

#issilin_story .skincare header {
	font-size: 13px;
	line-height: 1.7em;
}

#issilin_story .skincare header p>span {
	color: #b14695;
}

#issilin_story .skincare article {
	margin-top: 5%;
}

#issilin_story .lst_faq>ul>li>.ans>.cont.skincare ul li dl {
	margin-left: 10em;
}

#issilin_story .lst_faq>ul>li>.ans>.cont.skincare ul li dl dt {
	font-weight: normal;
}

#issilin_story .lst_faq>ul>li>.ans>.cont.skincare ul li .img {
	width: 93px;
}

#issilin_story .lst_faq>ul>li:last-child>.ans {
	border-bottom: 0;
}

#issilin_story .lst_faq>ul>li>.ans>.cont ul li:last-child {
	padding-bottom: 0;
}

/*  뇡 슢 삏占쎈굡 揶쎼끇 쑎 뵳占  - 筌띲끆援낉쭪占  E-book */
#brand .recent_ebook {
	
}

#brand .recent_ebook>dl {
	position: relative;
	margin-bottom: 85px;
}

#brand .recent_ebook>dl:after {
	content: '';
	display: block;
	clear: both;
}

#brand .recent_ebook>dl>dt {
	width: 48.26%;
}

#brand .recent_ebook>dl>dt .img {
	position: relative;
	height: 0;
	padding-bottom: 135%;
}

#brand .recent_ebook>dl>dt .img>img {
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	top: 0;
	max-width: 100%;
	max-height: 100%;
	margin: auto;
	box-shadow: 2px 1px 5px rgba(0, 0, 0, 0.25)
}

#brand .recent_ebook>dl>dd {
	position: absolute;
	right: 0;
	height: 100%;
	width: 45.65%;
	top: 0;
}

#brand .recent_ebook>dl>dd h3 {
	text-align: right;
	font-size: 14px;
	color: #333333;
	border-bottom: 1px solid #8E8E8E;
	line-height: 34px;
}

#brand .recent_ebook>dl>dd .con {
	
}

#brand .recent_ebook>dl>dd h4 {
	color: #a1a1a1;
	font-size: 25px;
	font-weight: 400;
	padding: 60px 0 30px 10px;
}

#brand .recent_ebook>dl>dd .list {
	overflow: hidden;
	overflow-y: auto;
}

#brand .recent_ebook .list>ul {
	
}

#brand .recent_ebook .list>ul>li {
	padding: 9px 5px;
	border-bottom: 1px solid #ECECEC;
}

#brand .recent_ebook .list>ul>li>a {
	display: block;
	padding-left: 10px;
	position: relative;
	line-height: 1.5;
	font-size: 14px;
	color: #7d7d7d;
	-ms-text-overflow: ellipsis;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
}

#brand .recent_ebook .list>ul>li>a:after {
	position: absolute;
	top: 7px;
	left: 0;
	background: url(/pc/brand/images/life/arr_next1.png) 0 0 no-repeat;
	height: 100%;
	width: 10px;
}

#brand .recent_ebook .list>ul>li>a:hover {
	color: #333333;
}

#brand .recent_ebook .list>ul>li>a:hover:after {
	content: '';
}

#brand .recent_ebook .bot_btn {
	padding-top: 30px;
}

#brand .recent_ebook .bot_btn>button {
	border: 1px solid #989898;
	color: #333333;
	font-size: 13px;
	height: 36px;
	min-width: 126px;
}

#brand .recent_ebook .bot_btn>button>* {
	vertical-align: middle;
}

#brand .lst_ebook ul:after {
	display: block;
	clear: both;
	content: "";
}

#brand .lst_ebook>ul {
	margin-left: -3%;
}

#brand .lst_ebook>ul>li {
	float: left;
	width: 25%;
	position: relative;
	padding-left: 3%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

#brand .lst_ebook>ul>li a {
	display: block;
}

#brand .lst_ebook>ul>li .img {
	display: block;
	position: relative;
	height: 0;
	padding-bottom: 121.173%;
}

#brand .lst_ebook>ul>li .img img {
	width: 100%;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	width: 100%;
}

#brand .lst_ebook>ul>li .title {
	display: block;
	z-index: 3;
	width: 88%;
	padding: 0.6em 0 0.6em 0;
	position: absolute;
	bottom: 0;
	right: 0;
	color: #fff;
	font-size: 15px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	background-color: rgba(0, 0, 0, 0.5);
	background-image: url(trg.png);
	/* IE 5.5 - 7 */
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#cc000000,
		endColorstr=#cc000000);
	/* IE 8 */
	-ms-filter:
		"progid:DXImageTransform.Microsoft.gradient(startColorstr=#cc000000, endColorstr=#cc000000)";
}

#brand .lst_ebook ul li .title:not([dummy]) {
	/* IE9 only */
	filter: progid:DXImageTransform.Microsoft.gradient(enabled='false');
}

#brand .lst_ebook ul li .title>.ico {
	margin: 0 0.5em 0 0.8em;
}

#brand .lst_ebook ul li .title>.ico img {
	width: 1.5em;
}

#pop_ebook_view {
	width: 1200px;
	overflow: visible;
}

#pop_ebook_view>.inner {
	padding: 30px 60px;
}

#pop_ebook_view header {
	position: relative;
}

#pop_ebook_view header h2 {
	color: #333333;
	font-size: 20px;
	margin-bottom: 15px;
}

#pop_ebook_view header p {
	position: absolute;
	bottom: -10px;
	right: 0;
}

#pop_ebook_view .bx_book {
	height: 0;
	position: relative;
	padding-bottom: 67.5%;
	z-index: 0;
}

#pop_ebook_view .bx_book>.inner {
	position: absolute;
	top: 0;
	bottom: 0;
	right: 0;
	left: 0;
	border: 2px solid #DFDFDF;
}
/*#pop_ebook_view .bx_book > .inner:before{position: absolute;width:42%;left:5%;height:15%;background-color: rgba(0,0,0,0.5);box-shadow: 0 0 60px 0px rgba(0,0,0,0.5);content: '';bottom:0;border-radius:50%;}
#pop_ebook_view .bx_book > .inner:after{position: absolute;width:42%;right:5%;height:15%;background-color: rgba(0,0,0,0.5);box-shadow: 0 0 60px 0px rgba(0,0,0,0.5);content: '';bottom:0;border-radius:50%;}*/
#pop_ebook_view #flipbook {
	height: 100%;
	position: relative;
	z-index: 2;
	-webkit-transition: margin-left 0.3s ease-in-out;
	-moz-transition: margin-left 0.3s ease-in-out;
	-o-transition: margin-left 0.3s ease-in-out;
	-ms-transition: margin-left 0.3s ease-in-out;
	transition: margin-left 0.3s ease-in-out;
}

#pop_ebook_view.w120 {
	width: 1400px;
}

#pop_ebook_view.w140 {
	width: 1600px;
}

#pop_ebook_view .bx_book img {
	width: 100%;
}

#pop_ebook_view .bx_book button.pagi {
	position: absolute;
	height: 46px;
	top: 0;
	bottom: 0;
	margin: auto;
	z-index: 50;
}

#pop_ebook_view .bx_book button.pagi.btn_prev {
	left: 10px;
}

#pop_ebook_view .bx_book12000 button.pagi.btn_next {
	right: 10px;
}

#pop_ebook_view footer {
	margin-top: 18px;
}

#pop_ebook_view .selectArea {
	float: right;
	position: relative;
	z-index: 1
}

#pop_ebook_view .selectArea .bx_select {
	float: left;
}

#pop_ebook_view .selectArea select {
	position: relative;
	color: #666;
	font-size: 13px;
	width: 100%;
	border: 2px solid #e1e1e1;
	box-sizing: border-box;
	border-radius: 0;
	background-color: #fff;
	line-height: 31px;
	height: 35px;
}

#pop_ebook_view .selectArea .input_page {
	position: relative;
	margin-left: 0.5em;
	font-size: 13px;
	height: 2.09em;
	float: left;
	line-height: 31px;
	height: 35px;
}

#pop_ebook_view .selectArea .input_page input {
	background-color: #f3f3f3;
	border: 2px solid #e1e1e1;
	padding: 0px 10px;
	width: 130px;
	height: 100%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

#pop_ebook_view .selectArea .input_page button {
	height: 100%;
	background-color: #005116;
	color: #fff;
	padding: 0 15px;
}

#pop_ebook_view footer .paging {
	font-size: 18px;
	font-weight: bold;
	color: #333;
	line-height: 1.9em;
	position: absolute;
	left: 0;
	right: 0;
	text-align: center;
}

#pop_ebook_view footer .paging>span.current {
	color: #005116;
}

#pop_ebook_view .btns button {
	position: absolute;
	top: 0;
	bottom: 0;
	margin: auto;
	height: 59px;
}

#pop_ebook_view .btns button.btn_prev {
	left: 0;
}

#pop_ebook_view .btns button.btn_next {
	right: 0;
}

/*  뇡 슢 삏占쎈굡 揶쎼끇 쑎 뵳占  - 占쎌냹癰귣똻 겫占쎄맒*/
#brand .video {
	position: relative;
	height: 0;
	padding-bottom: 56.25%;
}

#brand .video>iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

#brand .promo_info header {
	position: relative;
	line-height: 24px;
	margin-top: 24px;
	margin-bottom: 30px;
}

#brand .promo_info header p {
	font-size: 20px;
	font-weight: bold;
	color: #333;
}

#brand .promo_info header button {
	text-align: left;
	color: #fff;
	border: 1px solid #888;
	padding: 6px 26px 6px 15px;
	position: absolute;
	right: 0;
	top: 0;
	background: url(/pc/brand/images/life/ico_down.png) 90% center no-repeat
		#888;
}

#brand .promo_info header button.on {
	color: #333;
	background: url(/pc/brand/images/life/ico_up.png) 90% center no-repeat
		#fff;
}

#brand .promo_info article {
	color: #666;
	line-height: 25px;
	display: none;
}

#brand .lst_video {
	padding-top: 5%;
	border-top: 1px solid #ddd;
	margin-top: 5%;
}

#brand .lst_video ul:after {
	display: block;
	clear: both;
	content: "";
}

#brand .lst_video ul {
	margin-left: -2%;
}

#brand .lst_video ul li {
	float: left;
	margin-bottom: 5%;
	width: 25%;
	padding-left: 2%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

#brand .lst_video ul li .img {
	position: relative;
	height: 0;
	padding-bottom: 56.25%;
	text-align: center;
}

#brand .lst_video ul li img {
	width: 100%;
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
}

#brand .lst_video ul li dl {
	margin-top: 25px;
}

#brand .lst_video ul li dl dt {
	color: #333;
	font-weight: bold;
	font-size: 15px;
	margin-bottom: 5px;
	line-height: 20px;
	-ms-text-overflow: ellipsis;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
}

#brand .lst_video ul li dl dd {
	line-height: 20px;
}

/*  뇡 슢 삏占쎈굡 揶쎼끇 쑎 뵳占  - 占쎌뵥占쎈뇵 꽴臾롰   */
#brand #brand3 .lst_print ul {
	margin-left: -1.5%;
}

#brand #brand3 .lst_print ul:after {
	clear: both;
	display: block;
	content: "";
}

#brand #brand3 .lst_print ul li {
	width: 25%;
	float: left;
	margin-bottom: 5%;
	padding-left: 1.5%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

#brand #brand3 .lst_print ul li a {
	display: block;
	-webkit-transition: box-shadow .17s ease-out;
	box-shadow-moz-transition: .17s ease-out;
	-o-transition: box-shadow .17s ease-out;
	box-shadow-transition: .17s ease-out;
}

#brand #brand3 .lst_print ul li a:hover { /* transform: scale(1.0);  */
	box-shadow: 0px 3px 6px -2px #666;
	z-index: 1;
}

#brand #brand3 .lst_print ul li .img {
	display: block;
	border: 1px solid #dcdcdc;
	height: 0;
	padding-bottom: 130%;
	position: relative;
	overflow: hidden
}

#brand #brand3 .lst_print ul li .img img {
	width: 100%;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
}

#brand #brand3 .lst_print ul li .cont {
	display: block;
	padding: 20px 10px;
}

#brand #brand3 .lst_print ul li .cont .title {
	display: block;
	font-weight: bold;
	font-size: 15px;
	color: #333;
}

#brand #brand3 .lst_print ul li .cont .date {
	display: block;
	font-size: 13px;
	color: #999;
	margin-top: 11px;
}

#brand #brand3 .view_box {
	text-align: left;
	position: fixed;
	top: 0;
	right: 0;
	left: 50%;
	bottom: 0;
	z-index: 200;
	margin-left: -241px;
	display: none;
	background-color: #fff;
	width: 482px;
	height: 650px;
	margin-top: 10%;
}

#brand #brand3 .view_box>.inner {
	background-color: #fff;
	text-align: center; /* height: 100%; */
}

#brand #brand3 .view_box .print_area {
	
}

#brand #brand3 .view_box .print_area img {
	width: 100%;
	margin: 0 auto;
}

#brand #brand3 .view_box>.inner>.view_box_btn {
	display: block;
	margin: 0px 0 0 0;
	position: absolute;
	top: 0;
	right: -44px;
	z-index: 10;
}

#brand #brand3 .view_box>.inner>.view_box_btn button {
	cursor: pointer;
	width: 2.5em;
}

#brand #brand3 .view_box>.inner>.view_box_btn button img {
	width: 100%;
}

.pop_bg {
	position: fixed;
	width: 100%;
	height: 100%;
	background: #000;
	opacity: 0.7;
	left: 0;
	top: 0;
	z-index: 50;
	display: none;
}

/* 域밸챶 뵛筌ｏ옙 占쎌뵬占쎌뵠占쎈늄 E*/

/*  ⑤벀而㏆옙援뱄옙 땸 */

/* 占쎌뵠甕겹끋 뱜 */
#event>.header {
	border-top: 2px solid #9e9e9e;
	text-align: right;
	padding-top: 20px;
}

#event>.header .selectBox {
	border: 1px solid #dfdfdf;
	height: 40px;
	font-family: "NanumGothic";
	margin-right: 2%;
	width: 240px;
	color: #666;
}

#event .lst_event {
	
}

#event .lst_event ul:after {
	display: block;
	clear: both;
	content: "";
}

#event .lst_event ul li {
	width: 46%;
	float: left;
	margin: 2%;
	border: 1px solid #ccc;
	box-shadow: 1px 2px 5px -2px rgba(0, 0, 0, .25);
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

#event .lst_event ul li a {
	display: block;
}

#event .lst_event ul li .img {
	display: block;
	position: relative;
	height: 0; /* padding-bottom:53.653%; */
	padding-bottom: 100%;
	overflow: hidden;
}

#event .lst_event ul li .img img {
	width: 100%;
	position: absolute;
}

#event .lst_event ul li .con {
	display: block;
	background-color: #fff;
	border-top: 1px solid #ccc;
}

#event .lst_event ul li .con>.inner {
	display: block;
	padding: 0 0 4.4% 4.26%;
	margin-top: 3.73%;
	position: relative;
}

#event .lst_event ul li .con>.inner h1 {
	font-size: 1.5em;
	font-weight: 700;
	padding-top: 1%;
	padding-right: 4.5em;
	overflow: hidden;
	-ms-text-overflow: ellipsis;
	text-overflow: ellipsis;
	white-space: nowrap;
}

#event .lst_event ul li .con>.inner span.date {
	display: block;
	color: #adadad;
	font-size: 1.250em;
	margin-top: 2.5%;
	font-weight: 700;
}

#event .lst_event ul li .con>.inner span.date .clock {
	margin-right: 2%;
	line-height: 1.4em;
}

#event .lst_event ul li .con>.inner span.date .clock img {
	width: 1.5em;
	vertical-align: top;
}

#event .lst_event ul li.txt_empty_content {
	width: auto;
	font-size: 1.125em;
	text-align: center;
	float: none;
	border-width: 0;
	box-shadow: none;
	padding: 40px 0 80px;
	border-bottom: 1px solid #999;
}

/* 占쎌뵠甕겹끋 뱜  뀎占  */
#event_view .area_view {
	background-color: #fff;
	margin-bottom: 20px;
	border-top: 2px solid #9e9e9e;
}

#event_view .area_view .header {
	border-bottom: 1px solid #ddd;
}

#event_view .area_view .header .con {
	background-color: #fff;
}

#event_view .area_view .header .con>.inner {
	padding: 0 0 20px 20px;
	margin-top: 17px;
	position: relative;
}

#event_view .area_view .header .con>.inner h1 {
	width: 82%;
	font-size: 20px;
	line-height: 1.3em;
	font-weight: 700;
	padding-top: 9px;
}

#event_view .area_view .header .con>.inner p.date {
	color: #adadad;
	font-size: 1.250em;
	margin-top: 12px;
	font-weight: 700;
}

#event_view .area_view .header .con>.inner p.date .clock {
	margin-right: 10px;
	line-height: 1.4em;
}

#event_view .area_view .header .con>.inner p.date .clock img {
	width: 1.5em;
	vertical-align: top;
}

#event_view .area_view .article {
	padding: 5.14% 3.7% 0;
}

#event_view .area_view .article .img img {
	width: 100%;
}

#event_view .label {
	right: 17px;
}

#event_view .area_view .event_type1 {
	
}

#event_view .area_view .event_type1 .bx_img {
	margin-bottom: 20px;
}

#event_view .area_view .event_type1 .bx_img>img {
	width: 100%;
}

#event_view .area_view .event_type1 .bx_con {
	border: 6px solid #e1dbdf;
	padding: 3% 5%;
	margin-bottom: 20px;
	box-sizing: border-box;
}

#event_view .area_view .event_type1 .prd_url {
	margin-bottom: 20px;
	text-align: center;
}

#event_view .area_view .event_type1 button.prd_info {
	padding: 10px 15px;
	font-size: 15px;
	line-height: 1.2;
	color: #000000;
	border: 1px solid #000;
	font-weight: 700;
}

#event_view .area_view .event_type1 button.prd_info>span {
	margin-right: 10px;
	vertical-align: middle;
}

#event_view .area_view .event_type1 dl.event_info {
	
}

#event_view .area_view .event_type1 dl.event_info:after {
	content: '';
	display: block;
	clear: both;
}

#event_view .area_view .event_type1 dl.event_info>dt {
	color: #333333;
	font-size: 16px;
	font-weight: 700;
	float: left;
	clear: both;
	line-height: 26px;
	border-bottom: 1px solid #c7c5c3;
}

#event_view .area_view .event_type1 dl.event_info>dd {
	color: #333333;
	font-size: 16px;
	margin-left: 84px;
	line-height: 26px;
	margin-bottom: 22px;
}

#event_view .area_view .event_type1 dl.event_info>dd:last-child {
	margin-bottom: 0;
}

#event_view .area_view .event_type1 dl.event_info>dd p {
	
}

#event_view .area_view .event_type1 dl.event_info>dd p.alert {
	color: #b23d6d;
}

#event_view .area_view .event_type1 dl.event_info>dd p.alert strong {
	color: #a61f62;
}

#event_view .area_view .event_type1 .bot_btn {
	text-align: center;
	margin-top: 3%;
}

#event_view .area_view .event_type1 button.btn_show_pop {
	height: 67px;
	padding: 0 10px;
	min-width: 312px;
	color: #ffffff;
	font-size: 20px;
	font-weight: 700;
	background-color: #8aba2a;
}

#event_view .area_list {
	padding: 0 3.7%;
	margin-bottom: 30px;
}

#event_view .area_list>.inner {
	border: 1px solid #bebebe;
	box-sizing: border-box;
}

#event_view .area_list>.inner>ul {
	margin: 0 2%;
}

#event_view .area_list>.inner>ul>li {
	border-bottom: 1px solid #e8e8e8;
	padding: 3% 0;
}

#event_view .area_list>.inner>ul>li:last-child {
	border: 0;
}

#event_view .area_list>.inner>ul>li>.title {
	font-size: 20px;
	line-height: 1.2;
	background: url(/pc/brand/images/common/ico_list.png) 0 center no-repeat;
	padding-left: 25px;
	margin-bottom: 2%;
}

#event_view .area_list>.inner>ul>li>.cont {
	padding-left: 25px;
}

#event_view .area_list .result {
	text-align: center;
}

#event_view .area_list .result input {
	background-color: #edeff2;
	border: 1px solid #9e9e9e;
	text-align: center;
	width: 60px;
	height: 60px;
	margin: 5px;
	font-size: 35px;
	box-sizing: border-box;
}

#event_view .area_list .result.small input {
	width: 50px;
	height: 50px;
}

#event_view .area_list .result span {
	margin: 0 10px;
	font-size: 35px;
	line-height: 45px;
	vertical-align: middle;
}

#event_view .area_list p {
	font-size: 18px;
	line-height: 30px;
	color: #666;
}

#event_view .area_list p.em {
	color: #333;
	position: relative;
	padding-left: 12px;
}

#event_view .area_list p.em span {
	position: absolute;
	left: 0;
}

#event_view .area_list p.em a {
	color: #2b8aec;
	text-decoration: underline;
}

#event_view .area_list .infoBox {
	background-color: #f7f4ef;
	border: 1px solid #c3b6a9;
	box-sizing: border-box;
	padding: 2%;
	margin-top: 20px;
}

#event_view .area_list .infoBox>.inner {
	padding-left: 30px;
	padding-right: 170px;
	position: relative;
}

#event_view .area_list .infoBox p {
	color: #333;
}

#event_view .area_list .infoBox .name {
	margin-bottom: 15px;
}

#event_view .area_list .infoBox button {
	font-size: 18px;
	line-height: 24px;
	color: #fff;
	border: 1px solid #000;
	border-radius: 3px;
	background-color: #505050;
	padding: 0 2%;
	position: absolute;
	top: 0;
	right: 0;
	height: 100%;
}

#event_view .area_list ul.textList>li {
	font-size: 18px;
	line-height: 30px;
	color: #666;
	position: relative;
	padding-left: 20px;
}

#event_view .area_list ul.textList>li span {
	position: absolute;
	left: 0;
}

#event_view .area_list ul.inputList {
	margin-top: 20px;
}

#event_view .area_list ul.inputList>li {
	margin-bottom: 15px;
	position: relative;
}

#event_view .area_list ul.inputList>li:last-child {
	margin-bottom: 0;
}

#event_view .area_list ul.inputList>li .title {
	margin: 10px 0;
	font-size: 18px;
	vertical-align: middle;
	color: #666;
	width: 155px;
	display: inline-block;
	font-weight: bold;
}

#event_view .area_list ul.inputList>li input.ipt {
	max-width: 350px;
	width: 100%;
	height: 40px;
	font-size: 15px;
}

#event_view .area_list ul.inputList>li button {
	height: 40px;
	background-color: #505050;
	color: #fff;
	padding: 0 20px;
	font-size: 15px;
}

#event_view .area_list ul.inputList>li textarea {
	max-width: 620px;
	width: 100%;
	height: 170px;
	box-sizing: border-box;
	padding: 1%;
}

#event_view .area_list ul.inputList>li.textarea .title {
	vertical-align: top;
}

#event_view .area_list ul.inputList>li input.ipt.number {
	width: 125px;
	text-align: right;
}

#event_view .area_list ul.inputList>li span.age {
	font-size: 18px;
	margin-left: 5px;
}

#event_view .area_list .bot_btn {
	text-align: center;
	margin-bottom: 3%;
}

#event_view .area_list button.btn_show_pop {
	height: 67px;
	padding: 0 10px;
	min-width: 312px;
	color: #ffffff;
	font-size: 20px;
	font-weight: 700;
	background-color: #a61f62;
}

#event_view .area_list .bx_check {
	margin-top: 20px;
}

#event_view .area_list .bx_check>label {
	color: #333;
	font-size: 18px;
	font-weight: 700;
	vertical-align: middle;
}

#event_view .area_list .bx_check input {
	width: 20px;
	height: 20px;
}

#event_view .area_winner {
	margin-bottom: 10%;
	margin: 0 2%;
}

#event_view .area_winner .inner {
	background-color: #fafafa;
	padding: 5% 4.4% 6.6% 4.4%;
	border: 0.3em solid #d6d6d6;
}

#event_view .area_winner .inner h1 {
	font-size: 24px;
	line-height: 1.3em;
	font-weight: 700;
}

#event_view .area_winner .inner h1 img {
	width: 1.8em;
	margin-right: 0.5em;
}

#event_view .area_winner .inner .con {
	font-size: 15px;
	line-height: 26px;
	margin: 4.8% 2em 0 4em;
	color: #333;
}

#event_view .area_winner .lst_con {
	margin-top: 2em;
}

#event_view .area_winner .lst_con>li {
	margin-bottom: 30px;
}

#event_view .area_winner .lst_win {
	margin-bottom: 3%;
}

#pop_event_type1 {
	width: 850px;
}

#pop_event_type1>.inner {
	
}

#pop_event_type1>.inner button.btn_submit {
	background: url(/pc/brand/images/share/btn_event_back.png) 0 0 no-repeat;
	width: 196px;
	height: 48px;
	color: #fff;
	font-size: 20px;
	font-weight: bold;
}

#pop_event_type1 .bot_btn {
	margin-top: 40px;
	text-align: center;
}

#pop_event_type1>.inner>header {
	position: relative;
	text-align: center;
	padding: 30px 0 60px;
	color: #fff;
}

#pop_event_type1>.inner>header .bg img {
	position: absolute;
	height: 100%;
	left: 0;
	right: 0;
	margin: auto;
	top: 0;
	bottom: 0;
}

#pop_event_type1>.inner>header span.cate {
	position: relative;
	display: inline-block;
	padding: 8px 0;
	border-bottom: 1px solid #fff;
	font-size: 15px;
}

#pop_event_type1>.inner>header h2 {
	position: relative;
	margin-top: 40px;
	font-size: 35px;
	line-height: 1.2;
	font-weight: 400;
}

#pop_event_type1 .tb_event_type1 {
	padding: 25px 34px 62px;
}

.tb_event_type1>table {
	width: 100%;
}

.tb_event_type1>table>thead>tr>th {
	color: #858585;
	font-size: 15px;
	padding: 10px;
	text-align: center;
	vertical-align: middle;
	border-bottom: 2px solid #707070;
}

.tb_event_type1>table>tbody>tr>td {
	font-size: 15px;
	padding: 10px;
	text-align: center;
	vertical-align: middle;
	border-bottom: 1px solid #E5E5E5;
	color: #666666;
	position: relative;
	overflow: hidden;
}

.tb_event_type1>table>tbody>tr>td.num {
	text-align: left;
}

.tb_event_type1>table>tbody>tr>td.tit {
	text-align: left;
	font-weight: 700;
}

/*占쎌뵠甕겹끋 뱜 野껉퀗 궢 占쎈솚占쎈씜*/
#pop_event_type1_result {
	
}

#pop_event_type1_result>.inner {
	background-color: #fff;
}

#pop_event_type1_result>.inner>header {
	position: relative;
	text-align: center;
	padding: 30px 0 60px;
	color: #fff;
}

#pop_event_type1_result>.inner>header .bg img {
	position: absolute;
	height: 100%;
	left: 0;
	right: 0;
	margin: auto;
	top: 0;
	bottom: 0;
}

#pop_event_type1_result>.inner>header span.cate {
	position: relative;
	display: inline-block;
	padding: 8px 0;
	border-bottom: 1px solid #fff;
	font-size: 15px;
}

#pop_event_type1_result>.inner>header h2 {
	position: relative;
	margin-top: 40px;
	font-size: 35px;
	line-height: 1.2;
	font-weight: 400;
}

#pop_event_type1_result>.inner>article {
	padding: 5.909% 5.227%;
}

#pop_event_type1_result .bx_result {
	text-align: center;
	margin-bottom: 6.96%;
}

#pop_event_type1_result .bx_result>h2 {
	color: #294569;
	font-size: 26px;
	margin-bottom: 6.5823%;
}

#pop_event_type1_result .bx_result>h2>span {
	display: inline-block;
	min-width: 103px;
	height: 38px;
	line-height: 38px;
	border: 2px solid #A9D5EB;
	border-radius: 20px;
	background-color: #fff;
	color: #1dbfea;
	font-size: 30px;
	text-align: center;
}

#pop_event_type1_result .bx_result>.ico {
	margin-bottom: 18px;
}

#pop_event_type1_result .bx_result>.ico img {
	max-width: 100%;
}

#pop_event_type1_result .bx_result>h3 {
	color: #6281a3;
	font-size: 20px;
	margin-bottom: 10px;
}

#pop_event_type1_result .bx_result>p {
	line-height: 24px;
	color: #666666;
	font-size: 15px;
}

#pop_event_type1_result .bx_apply table {
	width: 100%;
	border: 1px solid #D3D3D3;
	border-collapse: collapse;
	border-spacing: 0;
}

#pop_event_type1_result .bx_apply table>tbody>tr>th,
	#pop_event_type1_result .bx_apply table>tbody>tr>td {
	vertical-align: middle;
	border-bottom: 1px solid #E2E2E2;
	padding: 15px;
	text-align: left;
}

#pop_event_type1_result .bx_apply table>tbody>tr>th {
	color: #666666;
	font-size: 15px;
	background-color: #f4f4f4;
}

#pop_event_type1_result .bx_apply table>tbody>tr>td {
	
}

#pop_event_type1_result .bx_apply table>tbody>tr>td input[type="text"] {
	border: 1px solid #CDCDCD;
	background-color: #F8F8F8;
	height: 34px;
	width: 255px;
	font-size: 13px;
	color: #666;
	padding: 0 10px;
	box-sizing: border-box;
}

#pop_event_type1_result .bx_apply table>tbody>tr>td input[type="number"]
	{
	border: 1px solid #CDCDCD;
	background-color: #F8F8F8;
	height: 34px;
	width: 77px;
	font-size: 13px;
	color: #666;
	padding: 0 10px;
	box-sizing: border-box;
	text-align: right;
}

#pop_event_type1_result .bx_apply table>tbody>tr>td.phone select {
	border: 1px solid #CDCDCD;
	background-color: #F8F8F8;
	height: 34px;
	min-width: 77px;
	font-size: 13px;
	color: #666;
	box-sizing: border-box;
}

#pop_event_type1_result .bx_apply table>tbody>tr>td.phone input[type="text"]
	{
	width: 77px;
}

#pop_event_type1_result .bx_apply table>tbody>tr>td button {
	height: 34px;
	color: #fff;
	background-color: #7f7f7f;
	padding: 0 15px;
}

#pop_event_type1_result .bot_btn {
	margin-top: 40px;
	text-align: center;
}

#pop_event_type1_result button.btn_submit {
	background: url(/pc/brand/images/share/btn_event_back2.png) 0 0
		no-repeat;
	width: 196px;
	height: 48px;
	color: #fff;
	font-size: 20px;
	font-weight: bold;
}

#pop_event_type1_result .area_agree {
	margin-top: 30px;
}

#pop_event_type1_result .area_agree>.bx_agree {
	position: relative;
}

#pop_event_type1_result .area_agree>.bx_agree+.bx_agree {
	margin-top: 11px;
}

#pop_event_type1_result .area_agree dl.in {
	padding: 0 20px;
	border: 1px solid #D3D3D3;
	margin-right: 131px;
	-webkit-transition: border-color .3s ease-in-out;
	-moz-transition: border-color .3s ease-in-out;
	-ms-transition: border-color .3s ease-in-out;
	-o-transition: border-color .3s ease-in-out;
	transition: border-color .3s ease-in-out;
}

#pop_event_type1_result .area_agree dl.in>dt {
	padding: 14px 0px;
	position: relative;
}

#pop_event_type1_result .area_agree dl.in>dt>h3 {
	color: #333333;
	font-size: 15px;
}

#pop_event_type1_result .area_agree dl.in>dt>button {
	position: absolute;
	top: 0;
	bottom: 0;
	right: 0;
	height: 24px;
	font-size: 15px;
	line-height: 24px;
	color: #666666;
	margin: auto;
	outline: none;
}

#pop_event_type1_result .area_agree dl.in>dt>button:after {
	content: '';
	height: 100%;
	vertical-align: middle;
	display: inline-block;
}

#pop_event_type1_result .area_agree dl.in>dt>button>* {
	vertical-align: middle;
}

#pop_event_type1_result .area_agree dl.in>dd {
	display: none;
}

#pop_event_type1_result .area_agree dl.in>dd>.inner {
	padding: 14px 0px;
	border-top: 1px solid #CFCFCF;
	color: #666666;
	font-size: 15px;
	line-height: 24px;
	-ms-word-break: keep-all;
	word-break: keep-all;
}

#pop_event_type1_result .area_agree dl.in>dd .parag+.parag {
	margin-top: 20px;
}

#pop_event_type1_result .area_agree dl.in>dd h4 {
	font-size: 16px;
}

#pop_event_type1_result .area_agree dl.in>dd p {
	margin-bottom: 0.5em;
}

#pop_event_type1_result .area_agree dl.in>dd ul.li_dash {
	
}

#pop_event_type1_result .area_agree dl.in>dd ul.li_dash>li {
	position: relative;
	padding-left: 0.75em;
}

#pop_event_type1_result .area_agree dl.in>dd ul.li_dash>li:after {
	content: '-';
	position: absolute;
	top: 0;
	left: 0;
}

#pop_event_type1_result .area_agree .bx_agree.on dl.in {
	border-color: #2DC4EB;
}

#pop_event_type1_result .area_agree .bx_agree.on dl.in>dd {
	display: block;
}

#pop_event_type1_result .area_agree .bx_agree.on dl.in>dt>button>img {
	-webkit-transform: rotate(180deg);
	-moz-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	-o-transform: rotate(180deg);
	transform: rotate(180deg);
}

#pop_event_type1_result .area_agree .bx_check {
	position: absolute;
	top: 4px;
	right: 0;
	overflow: hidden;
}

#pop_event_type1_result .area_agree .bx_check>label {
	color: #666666;
	font-size: 15px;
	font-weight: 700;
}

#pop_event_type1_result .area_agree .bx_check .ico_check {
	display: inline-block;
	width: 40px;
	height: 40px;
	border-radius: 5px;
	background-color: #bfc5ca;
	vertical-align: middle;
}

#pop_event_type1_result .area_agree .bx_check>label>span {
	vertical-align: middle;
}

#pop_event_type1_result .area_agree .bx_check>input {
	position: absolute;
	left: -20px;
	top: 0;
}

#pop_event_type1_result .area_agree .bx_check.on {
	
}

#pop_event_type1_result .area_agree .bx_check.on .ico_check {
	background: #19cf21 url(/pc/brand/images/common/ico_check.gif) center
		center no-repeat;
}

#pop_event_type1_result .area_agree p.caution {
	color: #d38a7a;
	font-size: 15px;
	margin-top: 10px;
	margin-left: 5px;
}

/* 占쎈솊疫뀐옙占쎄텚疫꿸퀗由  */
.area_reply {
	background-color: #fff;
	margin: 4% 2% 0 2%;
	border-top: 1px solid #d0d0d0;
}

.area_reply>.inner {
	
}

.area_reply .inner .header .title:after {
	display: block;
	clear: both;
	content: "";
}

.area_reply .inner .header {
	padding: 5% 0 4% 0;
}

.area_reply .inner .header .title h1 {
	float: left;
	font-size: 24px;
	line-height: 1.3em;
	font-weight: 700;
}

.area_reply .inner .header .title h1 img {
	width: 1.613em;
	margin-right: 0.5em;
}

.area_reply .inner .header .title p {
	float: left;
	font-size: 1.250em;
	margin-left: 2%;
	padding-top: 0.7em;
}

.area_reply .inner .header .title p span {
	color: #005116;
	font-weight: bold;
}

.area_reply .inner .header .writeBox_review {
	position: relative;
	margin-top: 2%;
	box-sizing: border-box;
}

.area_reply .inner .header .writeBox_review textarea {
	width: 85%;
	box-sizing: border-box;
	border-width: 0.23em;
	border-right: 0;
	border-color: #333;
	padding: 0.8em;
	font-size: 1.2em;
	line-height: 1.2em;
	height: 6em;
	outline: none;
	-webkit-appearance: none;
	color: #333;
}

.area_reply .inner .header .writeBox_review button {
	position: absolute;
	width: 15%;
	height: 100%;
	background-color: #333;
	color: #fff;
	font-size: 1.25em;
	font-weight: 700;
	box-sizing: border-box;
}

.area_reply .inner .article ul.list {
	border-bottom: 1px solid #D3D3D3;
}

.area_reply .inner .article ul.list>li {
	padding: 25px 10px;
	border-top: 1px solid #D3D3D3;
}

.area_reply .inner .article ul.list>li>.date {
	font-size: 15px;
	color: #adadad;
	margin-bottom: 10px;
}

.area_reply .inner .article ul.list>li>.date>* {
	vertical-align: middle;
}

.area_reply .inner .article ul.list>li>.date>strong {
	color: #333;
	margin-right: 1.5em;
}

.area_reply .inner .article ul.list>li>.date>span {
	margin-right: 1.5em;
	font-weight: bold;
}

.area_reply .inner .article ul.list>li p {
	font-size: 15px;
	line-height: 1.6667;
	letter-spacing: -0.5px;
}

/* 占쎌궔占쎌뵬占쎌뵥 Poll */
#survey>.header {
	border-top: 2px solid #9e9e9e;
	text-align: right;
	padding-top: 20px;
}

#survey>.header .selectBox {
	border: 1px solid #dfdfdf;
	height: 40px;
	font-family: "NanumGothic";
	margin-right: 2%;
	width: 240px;
	color: #666;
}

#survey .lst_event {
	
}

#survey .lst_event ul:after {
	display: block;
	clear: both;
	content: "";
}

#survey .lst_event ul li {
	width: 46%;
	float: left;
	margin: 2%;
	border: 1px solid #ccc;
	box-shadow: 1px 2px 5px -2px rgba(0, 0, 0, .25);
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

#survey .lst_event ul li a {
	display: block;
}

#survey .lst_event ul li .img {
	display: block;
	position: relative;
	height: 0;
	padding-bottom: 53.653%;
	overflow: hidden;
}

#survey .lst_event ul li .img img {
	width: 100%;
	position: absolute;
}

#survey .lst_event ul li .con {
	display: block;
	background-color: #fff;
	border-top: 1px solid #ccc;
}

#survey .lst_event ul li .con>.inner {
	display: block;
	padding: 0 0 4.4% 4.26%;
	margin-top: 3.73%;
	position: relative;
}

#survey .lst_event ul li .con>.inner h1 {
	font-size: 1.5em;
	font-weight: 700;
	padding-top: 1%;
	padding-right: 4.5em;
	overflow: hidden;
	-ms-text-overflow: ellipsis;
	text-overflow: ellipsis;
	white-space: nowrap;
}

#survey .lst_event ul li .con>.inner span.date {
	display: block;
	color: #adadad;
	font-size: 1.250em;
	margin-top: 2.5%;
	font-weight: 700;
}

#survey .lst_event ul li .con>.inner span.date .clock {
	margin-right: 2%;
	line-height: 1.4em;
}

#survey .lst_event ul li .con>.inner span.date .clock img {
	width: 1.5em;
	vertical-align: top;
}

#survey .lst_event ul li.txt_empty_content {
	width: auto;
	font-size: 1.125em;
	text-align: center;
	float: none;
	border-width: 0;
	box-shadow: none;
	padding: 40px 0 80px;
	border-bottom: 1px solid #999;
}

/* 占쎌궔占쎌뵬占쎌뵥 Poll 占쎄맒占쎄쉭占쎈읂占쎌뵠筌욑옙 */
#survey_view .label {
	top: 0.5em;
}

#survey_view .area_view {
	background-color: #fff;
	margin-bottom: 3%;
	border-top: 2px solid #9e9e9e;
}

#survey_view .area_view .header {
	border-bottom: 1px solid #ddd;
}

#survey_view .area_view .header .con {
	background-color: #fff;
}

#survey_view .area_view .header .con>.inner {
	padding: 0 0 20px 20px;
	margin-top: 17px;
	position: relative;
}

#survey_view .area_view .header .con>.inner h1 {
	width: 82%;
	font-size: 20px;
	line-height: 1.3em;
	font-weight: 700;
	padding-top: 9px;
}

#survey_view .area_view .header .con>.inner p.date {
	color: #adadad;
	font-size: 1.250em;
	margin-top: 12px;
	font-weight: 700;
}

#survey_view .area_view .header .con>.inner p.date .clock {
	margin-right: 10px;
	line-height: 1.4em;
}

#survey_view .area_view .header .con>.inner p.date .clock img {
	width: 1.5em;
	vertical-align: top;
}

#survey_view .area_view>.article .lst_poll {
	margin: 0 2%;
	position: relative;
	overflow: hidden;
}

#survey_view .area_view>.article .lst_poll li {
	padding: 2.5em 0;
	border-bottom: 1px solid #d9d9d9;
}

#survey_view .area_view>.article .lst_poll li:after {
	clear: both;
	display: block;
	content: "";
}

#survey_view .area_view>.article .radiobtn {
	float: left;
	margin: 4.2em 1.5em;
}

#survey_view .area_view>.article .lst_poll .img {
	float: left;
	width: 11.188em;
}

#survey_view .area_view>.article .lst_poll .img img {
	width: 100%;
}

#survey_view .area_view>.article .lst_poll .cont {
	float: left;
	margin-left: 18em;
	position: absolute;
	margin-right: 5%;
}

#survey_view .area_view>.article .lst_poll .cont dt {
	font-size: 18px;
	color: #333;
	margin-bottom: 1em;
}

#survey_view .area_view>.article .lst_poll .cont dd {
	font-size: 15px;
	color: #666;
	line-height: 30px;
}

#pop_survey_view {
	
}

#pop_survey_view>.inner {
	
}

#pop_survey_view>.inner>h2 {
	color: #ffffff;
	font-size: 24px;
	line-height: 30px;
	padding: 25px 35px;
	background-color: #c4c4c4;
}

#pop_survey_view .bx_con {
	padding: 40px;
}

#pop_survey_view .bx_con>ul {
	padding: 15px;
}

#pop_survey_view .bx_con>ul>li {
	position: relative;
	margin-top: 19px;
}

#pop_survey_view .bx_con>ul>li:first-child {
	margin-top: 0;
}

#pop_survey_view .bx_con .img {
	width: 70px;
	height: 70px;
	float: left;
	position: relative;
	border: 1px solid #DCDCDC
}

#pop_survey_view .bx_con .img>img {
	max-width: 100%;
	max-height: 100%;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	position: absolute;
	margin: auto;
}

#pop_survey_view .bx_con .con {
	margin-left: 97px;
}

#pop_survey_view .bx_con .con:after {
	content: '';
	display: block;
	clear: both;
}

#pop_survey_view .bx_con .con>h3 {
	color: #666666;
	font-size: 15px;
	margin-bottom: 5px;
	padding-top: 10px;
}

#pop_survey_view .bx_con .bx_graph {
	
}

#pop_survey_view .bx_con .graph {
	margin-right: 150px;
	position: relative;
	white-space: nowrap;
}

#pop_survey_view .bx_con .graph>.line {
	height: 11px;
	border-radius: 5px;
	background-color: #005116;
	display: inline-block;
}

#pop_survey_view .bx_con .graph>p {
	margin-left: 10px;
	display: inline-block;
	top: 0;
	bottom: 0;
	line-height: 35px;
	font-size: 18px;
	color: #005116;
	font-weight: 700;
}

#pop_survey_view .bx_con .graph>p>small {
	font-size: 13px;
}

#pop_survey_view .btns {
	border-top: 1px solid #CBCBCB;
	padding-top: 30px;
	margin-top: 20px;
	text-align: center;
}

#pop_survey_view .btns button {
	color: #707070;
	font-weight: 700;
	text-align: center;
	font-size: 15px;
	min-width: 135px;
	height: 40px;
	border: 1px solid #A8A8A8;
}

/* lst_check */
.lst_check .on .bx_radio>span {
	background-color: #8ebe3f;
}

.lst_check.radio>strong {
	display: inline-block;
	font-size: 1.375em;
}

.lst_check.radio>span>* {
	vertical-align: middle;
}

.lst_check.radio label {
	display: inline-block;
	color: #929292;
	font-size: 1.25em;
}

.lst_check.radio label>* {
	vertical-align: middle;
}

.lst_check label .bx_radio {
	display: inline-block;
	width: 1.3em;
	height: 1.3em;
	border: 1px solid #424242;
	box-sizing: border-box;
	position: relative;
	vertical-align: middle;
	border-radius: 50%;
}

.lst_check label .bx_radio>span {
	position: absolute;
	width: 50%;
	height: 50%;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	margin: auto;
	border-radius: 50%;
}

.lst_check.radio label+input[type='radio'] {
	left: -5em;
	position: absolute;
}
/*  ⑤벀而㏆옙援뱄옙 땸 E*/

/*  뵳 딅뮞占쎈뱜 筌ｋ똾寃뺟뵳 딅뮞占쎈뱜  (radio) */
.lst_check2.radio {
	overflow: hidden;
	vertical-align: middle;
}
/* .lst_check2.radio {display:inline-block; overflow:hidden; vertical-align: middle;} */
.lst_check2.radio>label {
	display: inline-block;
	zoom: 1;
	position: relative;
	overflow: hidden;
	min-width: 125px;
	font-size: 18px;
	border: 1px solid #bababa;
	text-align: center;
	line-height: 40px;
	padding: 0px 10px;
	color: #666;
	vertical-align: middle;
	-webkit-transition: background-color .15s ease-in-out;
	-moz-transition: background-color .15s ease-in-out;
	-o-transition: background-color .15s ease-in-out;
	transition: background-color .15s ease-in-out;
	box-sizing: border-box;
}

.lst_check2.radio>label.on {
	background-color: #005116;
	border-color: #005116;
	color: #fff;
}

.lst_check2.radio>label, .lst_check>input {
	vertical-align: bottom;
	cursor: pointer;
}

.lst_check2.radio>label input {
	position: absolute;
	left: -50px;
	top: -50px;
}

/* G占쎈７占쎌뵥占쎈뱜 筌롢끇苡 占쎈뤊 */

/* G占쎈７占쎌뵥占쎈뱜 筌롢끇苡 占쎈뤊 - 筌롢끇苡 占쎈뤊占쎈툧占쎄땀 */
#membership .subTopimg img {
	width: 100%;
}

#membership .article {
	margin-top: 50px;
}

#membership #mem1 .member_info {
	margin-top: 40px;
}

#membership #mem1 .member_info ul:after {
	display: block;
	clear: both;
	content: "";
}

#membership #mem1 .member_info ul li {
	text-align: center;
	border-left: 1px solid #efefef;
	float: left;
	width: 100%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

#membership #mem1 .member_info ul li:first-child {
	border-left: 0;
}

#membership #mem1 .member_info ul li p {
	font-size: 15px;
	line-height: 20px;
	margin-top: 18px;
}

#membership #mem1 .member_info ul li p span.pink {
	color: #005116;
}

#membership #mem1 .member_info ul li p span.green {
	color: #7daf2b;
}

#membership #mem1 .haBox {
	border: 0.5em solid #e9e9e9;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding: 2% 3%;
	margin-top: 40px;
}

#membership #mem1 .haBox dt {
	color: #333;
	font-weight: bold;
	margin-bottom: 10px;
	font-size: 15px;
}

#membership #mem1 .haBox dd {
	line-height: 20px;
}

#membership #mem1 .lst_gp_memer ul:after {
	display: block;
	clear: both;
	content: "";
}

#membership #mem1 .lst_gp_memer li {
	float: left;
	width: 40%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

#membership #mem1 .lst_gp_memer li.wide {
	width: auto;
}

#membership #mem1 .lst_gp_memer li:after {
	clear: both;
	display: block;
	content: "";
}

#membership #mem1 .lst_gp_memer li strong.title {
	font-size: 15px;
	color: #a98c61;
	border: 0.15em solid #ded8c9;
	float: left;
	border-radius: 50em;
	display: inline-block;
	padding: 3em 0.7em;
	behavior: url(/pie/PIE.htc);
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

#membership #mem1 .lst_gp_memer li p {
	float: left;
	line-height: 20px;
	display: table;
	height: 9em;
	padding-left: 15px;
}

#membership #mem1 .lst_gp_memer li p span {
	display: table-cell;
	vertical-align: middle;
}

#membership #mem1 .way_join p strong {
	font-size: 15px;
	color: #a98c61;
	margin-right: 9px;
}

#membership #mem1 .way_join ul {
	margin-top: 3%;
}

#membership #mem1 .way_join ul:after {
	clear: both;
	display: block;
	content: "";
}

#membership #mem1 .way_join ul li {
	width: 40%;
	float: left;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	border: 0.15em solid #d6d9d0;
	border-radius: 0.3em;
	behavior: url(/pie/PIE.htc);
	text-align: center;
	font-size: 15px;
	margin-right: 2%;
}

#membership #mem1 .way_join ul li button {
	padding: 1em 0;
	width: 100%;
}

/* G占쎈７占쎌뵥占쎈뱜 筌롢끇苡 占쎈뤊 - 筌롢끇苡 占쎈뤊 占쎌굺占쎄문 */
#membership #mem2 .my_point {
	background-color: #858585;
	font-size: 15px;
	border: 1px solid #6e6e6e;
	border-radius: 0.5em;
	behavior: url(/pie/PIE.htc);
	color: #fff;
	padding: 1.5% 3%;
	margin-top: 3%;
}

#membership #mem2 .my_point img {
	margin-left: 6px;
}

#membership #mem2 .freebies {
	margin-top: 35px;
}

#membership #mem2 .freebies dt {
	color: #a98c61;
	font-size: 15px;
	font-weight: bold;
	margin-bottom: 13px;
}

#membership #mem2 .freebies dd {
	line-height: 22px;
}

/*.lst_ptStandard{ width: 620px; margin: 5% auto; border-left:1px solid #ddd; border-right: 1px solid #ddd; border-top: 1px solid #727272;}*/
.lst_ptStandard ul li {
	border-bottom: 1px solid #ddd;
	font-size: 1.375em;
	padding: 0.7em 0;
}

.lst_ptStandard ul li:after {
	display: block;
	clear: both;
	content: "";
}

.lst_ptStandard ul li p.tit {
	float: left;
	width: 50%;
	color: #a98c61;
	font-weight: bold;
	position: relative;
	text-align: center;
	font-size: 15px;
}

.lst_ptStandard ul li p.tit:after {
	position: absolute;
	top: 0.2em;
	right: 0;
	width: 0;
	height: 0;
	border-top: 0.4em solid transparent;
	border-left: 0.4em solid #ddd1c0;
	border-bottom: 0.4em solid transparent;
	margin-left: 5%;
	content: "";
}

.lst_ptStandard ul li p.benefit {
	float: left;
	width: 50%;
	text-align: center;
	font-size: 15px;
	color: #333;
}

.lst_ptStandard {
	border-top: 1px solid #727272;
	margin: 5% auto;
}

.lst_ptStandard table {
	width: 100%;
	border: 1px solid #E9E9E9;
	border-collapse: collapse;
}

.lst_ptStandard table>tbody>tr>th, .lst_ptStandard table>tbody>tr>td {
	text-align: center;
	border-bottom: 1px solid #E9E9E9;
	border-left: 1px solid #E9E9E9;
	padding: 17px 10px;
	font-weight: 400;
	vertical-align: middle;
}

.lst_ptStandard table>tbody>tr>th {
	font-size: 15px;
	color: #666666;
	background-color: #fefcf9;
}

.lst_ptStandard table>tbody>tr>th strong {
	color: #474747;
}

.lst_ptStandard table>tbody>tr>td {
	color: #333333;
	font-size: 15px;
}

.lst_memStep {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	border: 0.7em solid #e9e9e9;
	margin-top: 10px;
}

.lst_memStep ul:after {
	clear: both;
	display: block;
	content: "";
}

.lst_memStep ul li {
	float: left;
	width: 33.2%;
	text-align: center;
	border-left: 1px solid #e9e9e9;
	padding: 3% 0;
	position: relative;
}

.lst_memStep ul li:first-child {
	border-left: 0;
}

.lst_memStep ul li:first-child:after {
	background: none;
}

.lst_memStep ul li:after {
	position: absolute;
	width: 42px;
	top: 50%;
	left: -21px;
	margin-top: -21px;
	z-index: 1;
	height: 42px;
	background: url(/pc/brand/images/g_point/memStep_arr.png) left center;
	content: "";
}

.lst_memStep ul li p {
	font-size: 15px;
	color: #666;
	line-height: 24px;
	margin-top: 20px;
	height: 5em;
	padding-top: 3%;
}

/* G占쎈７占쎌뵥占쎈뱜 筌롢끇苡 占쎈뤊 - 占쎄텢占쏙옙占쎈 뱄옙 뻿筌ｏ옙占쎄땀占쎈열*/
.tb_type1 .use_point {
	color: #005116;
	font-weight: bold;
}

.tb_type1 .detail {
	color: #005116;
	border-bottom: 1px solid #005116;
	font-weight: bold;
}

.tb_type1 .detail:hover {
	color: #005116;;
}

.tb_type1 .cont_his {
	display: none;
}

.tb_type1 .cont_his>td {
	position: relative;
	background-color: #faf8f8;
	padding: 10px 52px;
}

.tb_type1 .cont_his .close_table {
	position: absolute;
	top: 20px;
	right: 20px;
}

.tb_type1 .cont_his .table_dot .img {
	width: 88px;
	height: 88px;
	background-color: #fff;
	border: 1px solid #e9e9e9;
}

.tb_type1 .cont_his .table_dot  a {
	display: block;
	width: 100%;
	height: 100%;
	overflow: hidden;
	padding: 5px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.tb_type1 .cont_his .table_dot  a img {
	max-width: 100%;
	max-height: 100%;
}

#request_gift .banner {
	height: 131px;
}

#request_gift .banner img {
	width: 100%;
}

#pop_request_completed {
	width: 503px;
}

#pop_request_completed>.inner {
	
}

#pop_request_completed header {
	position: relative;
	padding: 13px 30px 8px;
	background-color: #2f2f2f;
}

#pop_request_completed header>h2 {
	color: #ffffff;
	font-size: 18px;
	font-weight: 700;
}

#pop_request_completed header>button.btn_close {
	position: absolute;
	height: 18px;
	right: 20px;
	top: 0;
	bottom: 0;
	margin: auto;
	width: auto;
}

#pop_request_completed article {
	padding: 40px 20px;
}

#pop_request_completed article>h3 {
	text-align: center;
	font-size: 20px;
	margin-bottom: 7px;
	font-weight: 400;
}

#pop_request_completed .bx_con {
	padding: 25px 29px;
	background: url(/pc/shop/images/mypage/bg_dot_gray3.png) left bottom
		repeat-x;
}

#pop_request_completed .bx_con:after {
	content: '';
	display: block;
	clear: both;
}

#pop_request_completed .bx_con>.img {
	float: left;
	width: 138px;
	height: 138px;
	border: 1px solid #A2A2A2;
	position: relative;
	margin-right: 28px;
}

#pop_request_completed .bx_con>.img>img {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;
	max-width: 80%;
	max-height: 80%;
}

#pop_request_completed .bx_con>.txt {
	display: table;
	padding-top: 25px;
}

#pop_request_completed .bx_con>.txt>h4 {
	font-size: 15px;
	font-weight: 400;
	margin-bottom: 20px;
}

#pop_request_completed .bx_con>.txt>p {
	color: #666666;
	font-size: 13px;
	line-height: 20px;
	margin-bottom: 2px;
}

#pop_request_completed .bx_additional {
	padding: 25px 29px 0;
}

#pop_request_completed .bx_additional>h4 {
	color: #666666;
	font-size: 15px;
	line-height: 22px;
	margin-bottom: 15px;
	font-weight: 400;
}

#pop_request_completed .bx_additional>p {
	font-size: 13px;
	line-height: 24px;
	color: #666666;
}

#pop_request_completed .bx_additional>p>strong {
	color: #d80202;
}

/*table_dot - (占쎄텢占쏙옙占쎈 뱄옙 뻿筌ｏ옙占쎄땀占쎈열,)*/
.table_dot {
	width: 100%;
}

.table_dot tr td {
	border-top: 1px dotted #898989;
	vertical-align: middle;
	padding: 20px 0;
}

.table_dot tr td.ta-l {
	text-align: left;
	padding-left: 10px;
}

.table_dot tr:first-child td {
	border-top: 0;
}

.table_dot tr td.title h1 {
	font-size: 15px;
}

.table_dot tr td.title p {
	color: #787878;
}

.table_dot tr td.price {
	font-weight: bold;
	text-align: right;
}

.table_dot tr td.price .ori_price {
	font-size: 14px;
	color: #666;
	text-decoration: line-through;
	display: block;
	margin-bottom: 5px;
}

.table_dot tr td.price .sale_price {
	font-size: 16px;
	color: #005116;
	display: block;
}

.table_dot tr td.count {
	font-size: 15px;
}

/* G占쎈７占쎌뵥占쎈뱜 筌롢끇苡 占쎈뤊E*/

/*G占쎈７占쎌뵥占쎈뱜 - 癰귣챷 뵥占쎌뵥筌앾옙*/
#area_member_certification>h2 {
	text-align: center;
	margin-top: 36px;
}

#area_member_certification .bx_cont {
	
}

#area_member_certification .tab_type4 {
	border-bottom: 2px solid #808080;
}

#area_member_certification .tab_type4>ul {
	margin-left: 1px;
}

#area_member_certification .tab_type4>ul:after {
	content: '';
	display: block;
	clear: both;
}

#area_member_certification .tab_type4>ul>li {
	width: 33.333%;
	float: left;
}

#area_member_certification .tab_type4>ul>li>a {
	display: block;
	border: 1px solid #B5B5B5;
	text-align: center;
	font-size: 15px;
	line-height: 29px;
	padding: 15px 0;
	color: #666666;
	margin-left: -1px;
	border-bottom-width: 0;
	position: relative;
	background-color: #fff;
	-ms-text-overflow: ellipsis;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
}

#area_member_certification .tab_type4>ul>li.on>a {
	border-width: 2px;
	border-color: #666666;
	z-index: 1;
	border-bottom-width: 0;
	margin-bottom: -2px;
	padding: 14px 0 17px 0;
}

#area_member_certification .bx_cont .con {
	margin-top: 48px;
	text-align: center;
}

#area_member_certification .bx_cont .con h3 {
	font-size: 15px;
	color: #666666;
	margin-bottom: 50px;
	font-weight: 400;
}

#area_member_certification .bx_cont .con>ul {
	margin-left: -100px;
}

#area_member_certification .bx_cont .con>ul>li {
	display: inline-block;
	margin-left: 100px;
	margin-bottom: 20px;
}

#area_member_certification .bx_cont .con>ul>li>a {
	
}

#area_member_certification .bx_form {
	width: 405px;
	margin: auto;
	margin-bottom: 60px;
	text-align: left;
}

#area_member_certification.step2 .bx_form {
	max-width: 666px;
	margin: 0 0 60px 0;
	width: auto;;
}

#area_member_certification .bx_form>dl:after {
	content: '';
	clear: both;
	display: block;
}

#area_member_certification .bx_form>dl>dt {
	float: left;
	clear: both;
	position: relative;
	padding-left: 10px;
	color: #333333;
	font-size: 15px;
	line-height: 30px;
}

#area_member_certification .bx_form>dl>dt:after {
	content: '';
	position: absolute;
	width: 2px;
	height: 2px;
	top: 0;
	bottom: 0;
	left: 0;
	margin: auto;
	background-color: #005116;
}

#area_member_certification .bx_form>dl>dd {
	margin-left: 91px;
	margin-bottom: 20px;
}

#area_member_certification .bx_form>dl>dd input.ipt {
	height: 30px;
	border-color: #C7C7C7;
}

#area_member_certification .bx_form>dl>dd input.ipt.w93 {
	width: 95px;
}

#area_member_certification .bx_form>dl>dt.hori {
	float: none;
	margin-bottom: 13px;
}

#area_member_certification .bx_form>dl>dt.hori+dd {
	margin-left: 0;
}

#area_member_certification .bx_form ol.bx {
	padding: 16px 25px;
	border: 1px solid #C7C7C7;
}

#area_member_certification .bx_form ol.bx>li {
	line-height: 24px;
	font-size: 13px;
	color: #808080;
}

#area_member_certification .bx_form>p {
	color: #666666;
}

#area_member_certification.fail>.inner {
	width: 760px;
	margin: auto;
}

#area_member_certification.fail>.inner>h2 {
	text-align: center;
	margin-bottom: 36px;
	padding-bottom: 38px;
	position: relative;
	margin-bottom: 18px;
}

#area_member_certification.fail>.inner>h2:after {
	content: '';
	left: 0;
	right: 0;
	width: 127px;
	margin: auto;
	bottom: 0;
	border-bottom: 1px solid #A6B0B8;
	position: absolute;
}

#area_member_certification.fail .bx_caution {
	padding: 43px 40px;
	background-color: #f7f7f7;
	text-align: center;
}

#area_member_certification.fail .bx_caution>img {
	margin-right: 10px;
}

#area_member_certification.fail .bx_caution>span {
	vertical-align: middle;
	color: #333333;
	font-size: 20px;
}

#area_member_certification.fail>.inner>p {
	font-size: 15px;
	line-height: 25px;
	text-align: center;
	margin: 30px 0;
}

#area_member_certification .bot_btns2 {
	padding-top: 20px;
	border-top: 1px solid #A1ACB4;
	text-align: center;
}

#area_member_certification .bot_btns2 button {
	min-width: 145px;
	height: 37px;
	border: 1px solid #898989;
	color: #fff;
	background-color: #9C9C9C;
}

#area_member_certification .bot_btns2 button.btn_purple {
	border-color: #A3418A;
	background-color: #005116;
}

/*1:1 눧紐꾩벥*/
#pop_satisfaction {
	width: 450px;
}

#pop_satisfaction>.inner {
	padding: 36px;
}

#pop_satisfaction h2 {
	font-size: 25px;
	color: #333333;
	font-weight: 400;
	padding-bottom: 20px;
	border-bottom: 1px solid #CCCCCC;
	margin-bottom: 20px;
}

#pop_satisfaction h2 strong {
	color: #005116;
}

#pop_satisfaction h3 {
	color: #666666;
	font-size: 18px;
	font-weight: 400;
	margin-bottom: 30px;
}

#pop_satisfaction p {
	color: #666666;
	font-size: 15px;
	margin-bottom: 1em;
	line-height: 21px;
}

#pop_satisfaction .score {
	margin-bottom: 70px;
	margin-top: 40px;
}

#pop_satisfaction .score>ul {
	text-align: center;
}

#pop_satisfaction .score>ul>li {
	display: inline-block;
	margin: 0 5px;
}

#pop_satisfaction .score>ul>li>a {
	display: block;
	font-size: 27px;
	width: 62px;
	height: 62px;
	border-radius: 50%;
	line-height: 62px;
	color: #005116;
	background-color: #e7e7e7;
}

#pop_satisfaction .score>ul>li>a.on {
	background-color: #005116;
	color: #fff;
}

#pop_satisfaction .score>ul>li>a small {
	font-size: 13px;
}

#pop_satisfaction .score {
	margin-bottom: 70px;
	margin-top: 40px;
}

#pop_satisfaction .score>ul {
	text-align: center;
}

#pop_satisfaction .score>ul>li {
	display: inline-block;
	margin: 0 5px;
}

#pop_satisfaction .score>ul>li>label {
	display: block;
	font-size: 27px;
	width: 62px;
	height: 62px;
	border-radius: 50%;
	line-height: 62px;
	color: #005116;
	background-color: #e7e7e7;
	position: relative;
	overflow: hidden;
	cursor: pointer
}

#pop_satisfaction .score>ul>li>label.on {
	background-color: #005116;
	color: #fff;
}

#pop_satisfaction .score>ul>li>label small {
	font-size: 13px;
}

#pop_satisfaction .score>ul>li>label input {
	position: absolute;
	left: -100px;
}

#pop_satisfaction .btns {
	text-align: center;
}

#pop_satisfaction .btns>button {
	color: #fff;
	width: 145px;
	height: 50px;
	line-height: 50px;
	font-size: 17px;
	border-radius: 5px;
}

#pop_satisfaction .btns>button.gray1 {
	background-color: #575757;
}

#pop_satisfaction .btns>button.gray2 {
	background-color: #878787;
}

/*占쎌읈筌ｋ똻萸낉옙 믤 ⑥쥓 봺 甕곌쑵 뱣 & 占쎌쟿占쎌뵠占쎈선筌∽옙 */
.btn_cate {
	position: absolute;
	max-width: 190px;
	min-width: 150px;
	width: 100%;
	height: 45px;
	top: 0;
	left: 0;
	box-sizing: border-box;
	background-color: #fff;
}

.btn_cate>button {
	position: relative;
	z-index: 6;
	width: 100%;
	padding: 0 20px;
	font-size: 16px;
	line-height: 43px;
	border-radius: 0;
	color: #333;
	box-sizing: border-box;
	border-left: 1px solid #cfcfcf;
	border-right: 1px solid #cfcfcf;
	font-weight: bold;
	outline: none;
}

.btn_cate>button:before {
	content: '';
	display: inline-block;
	vertical-align: middle;
	width: 15px;
	height: 43px;
	margin-right: 13px;
	background: url(/pc/shop/images/header/ico_cate.png) center no-repeat;
}

.btn_cate>button.on {
	background-color: #408a34;
	color: #fff;
	border-color: #408a34;
}

.btn_cate>button.on:before {
	background: url(/pc/shop/images/header/ico_cate_white.png) center
		no-repeat;
}

.pop_cate {
	display: none;
	position: absolute;
	top: 100%;
	left: 0;
	z-index: 5;
	width: 100%;
}

.pop_cate * {
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
}

.pop_cate>.inner {
	position: relative;
}

.pop_cate .depth1 {
	width: 190px;
	border-left: 1px solid #216616;
	border-right: 1px solid #216616;
}

.pop_cate .depth1:last-child {
	border-bottom: 1px solid #216616;
}

.pop_cate .depth1+.depth1 {
	border-top: 1px solid #d4d4d4;
}

.pop_cate .depth1 .tit {
	display: block;
	width: 100%;
	height: 65px;
	line-height: 65px;
	box-sizing: border-box;
	padding-left: 33px;
	background-color: #fff;
	color: #666;
	font-size: 15px;
	font-weight: bold;
	position: relative;
}

.pop_cate .depth1 .tit:after {
	content: '';
	position: absolute;
	top: 50%;
	right: 20px;
	box-sizing: border-box;
	border-right: 2px solid #fff;
	border-bottom: 2px solid #fff;
	width: 10px;
	height: 10px;
	margin-top: -5px;
	transform: rotate(-45deg);
}

.pop_cate .depth1:hover .tit {
	background-color: #00390f;
	color: #fff;
}

.pop_cate .depth1:hover .depth2 {
	display: block;
}
/* .pop_cate .depth1:first-child .depth2 { display: block; } */
.pop_cate .depth2 {
	display: none;
	position: absolute;
	top: 0;
	left: 189px;
	height: 100%;
	background-color: #fff;
	border: 1px solid #216616;
	border-left: 1px solid #d4d4d4;
	padding: 40px 50px;
}

.pop_cate .depth2>ul {
	display: inline-block;
	vertical-align: top;
}

.pop_cate .depth2>ul+ul {
	margin-left: 40px;
}

.pop_cate .depth2>ul>li+li {
	margin-top: 20px;
}

.pop_cate .depth2>ul>li>a {
	font-size: 15px;
	color: #787878;
}

.pop_cate .depth2>ul>li>a:hover {
	color: #216616;
	border-bottom: 1px solid #216616;
}

/* .pop_cate button.btn_close { font-size: 13px; line-height: 45px; padding: 0 30px; position: absolute; top: 0; right: 0; background: url(/pc/shop/images/header/ico_cate_close.png) right center no-repeat; }
.pop_cate .depth1 {display:table-cell;overflow: hidden; box-sizing: border-box; position: relative;width:33.3333333333333%;border-left: 1px solid #e9e9e9;}
.pop_cate .depth1.food {border-left: none; }
.pop_cate .depth1.life {}
.pop_cate .depth1.set .img{position:relative;width:47%;border:1px solid #eee;margin:5.5% auto}
.pop_cate .depth1.set .img img{width:100%;max-width:100%}
.pop_cate .depth1 .tit { width: 100%; height: 50px; border-top: 1px solid #e9e9e9; border-bottom: 1px solid #e9e9e9; background-color: #f3f3f3; text-align: center; font-size: 15px; line-height: 50px;top: 0; left: 0;text-align:center}
.pop_cate .depth1 .tit a:hover { font-weight: bold; }
.pop_cate .depth1 ul { float: left; height: 100%; padding: 20px 0 20px; box-sizing: border-box; }
.pop_cate .depth1.food ul { width: 50%;  }
.pop_cate .depth1.life ul { width: 50%; }
.pop_cate .depth1 ul.dotted { border-right: 1px dashed #e9e9e9; }
.pop_cate .depth1 ul li { padding: 0 25px; }
.pop_cate .depth1 ul li a { font-size: 13px; line-height: 36px; color: #666; }
.pop_cate .depth1 ul li a .ico { vertical-align: middle; margin-right: 10px; font-size: 18px; }
.pop_cate .depth1 ul li.actvice a,
.pop_cate .depth1 ul li a:hover { color: #005116; font-weight: bold; } */

/*my HA 甕곌쑵 뱣 & 占쎌쟿占쎌뵠占쎈선筌∽옙 */
.btn_myha {
	position: absolute;
	max-width: 120px;
	top: 11%;
	right: 0;
}

.btn_myha>button {
	position: relative;
	-webkit-box-shadow: 2px 2px 2px #ddd;
	-moz-box-shadow: 2px 2px 2px #ddd;
	box-shadow: 2px 2px 2px #ddd;
	border-radius: 5px;
}

.btn_myha>button>img {
	display: block;
	margin: 0;
}

.btn_myha>button>.h_on {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	display: block;
	visibility: hidden;
	opacity: 0;
	-webkit-transition: visibility .1s ease-in-out, opacity .1s ease-in-out;
	-moz-transition: visibility .1s ease-in-out, opacity .1s ease-in-out;
	-o-transition: visibility .1s ease-in-out, opacity .1s ease-in-out;
	transition: visibility .1s ease-in-out, opacity .1s ease-in-out;
}

.btn_myha>button.tran3>.h_on {
	-webkit-transition: visibility .2s ease-in-out, opacity .2s ease-in-out;
	-moz-transition: visibility .2s ease-in-out, opacity .2s ease-in-out;
	-o-transition: visibility .2s ease-in-out, opacity .2s ease-in-out;
	transition: visibility .2s ease-in-out, opacity .2s ease-in-out;
}

.btn_myha>button>.h_on>img {
	display: block;
}

.btn_myha>button.on>.h_on {
	visibility: visible;
	opacity: 1;
}

.pop_myha {
	display: none;
	position: absolute;
	top: 100%;
	right: 0;
	width: 296px;
	z-index: 2;
}

.pop_myha .bg_arr {
	position: absolute;
	top: -12px;
	right: 16%;
}

.pop_myha .inner {
	border: 1px solid #8fa2cf;
	background-color: #fff;
}

.pop_myha .manager {
	background: url(/pc/shop/images/header/bg_myha.jpg) left top no-repeat;
	padding: 7px 20px;
}

.pop_myha .manager.lst_ha ul li {
	border-top: 1px solid #bfcbe9;
	color: #304982;
	background: url(/pc/shop/images/header/manager_arr.png) left center
		no-repeat;
}

.pop_myha .store {
	padding: 10px 20px 20px;
	background-color: #fff;
	border-bottom: 1px solid #dcdcdc;
}

.pop_myha .store.lst_ha ul li {
	border-top: 1px solid #bfcbe9;
	color: #304982;
	background: url(/pc/shop/images/header/store_arr.png) left center
		no-repeat;
}

.pop_myha .store.lst_ha>form>p {
	line-height: 1.75;
	margin-top: 10px;
}

.pop_myha .store.lst_ha .bx_input {
	padding-right: 120px;
	position: relative;
	margin-top: 10px;
}

.pop_myha .store.lst_ha .bx_input>input[type="text"] {
	width: 100%;
	height: 32px;
	border: 1px solid #CECECE;
	box-sizing: border-box;
	padding: 0 10px;
}

.pop_myha .store.lst_ha .bx_input>button {
	height: 32px;
	border: 1px solid #4C5DB3;
	background-color: #6E7ED1;
	color: #fff;
	width: 56px;
	position: absolute;
	right: 0;
	top: 0;
}

.pop_myha .store.lst_ha .bx_input>button.chk {
	right: 60px;
	border: 1px solid #626262;
	background-color: #fff;
	color: #626262;
}

.pop_myha .store.lst_ha>form>input[type="text"] {
	width: 100%;
	margin-top: 20px;
	height: 30px;
}

.pop_myha .store.lst_ha>form>button {
	width: 100%;
	background-color: #D2DCF7;
	height: 32px;
	margin-top: 20px;
}

.pop_myha .lst_ha ul li:first-child {
	border-top: 0;
}

.pop_myha .lst_ha ul li {
	padding: 10px 0 10px 5%;
	box-sizing: border-box;
}

.pop_myha .lst_ha ul li:after {
	display: block;
	clear: both;
	content: "";
}

.pop_myha .lst_ha ul li strong {
	float: left;
	width: 26%;
}

.pop_myha .lst_ha ul li p {
	float: left;
	text-align: right;
	width: 74%;
}

.pop_myha .lst_ha ul.bx_result {
	margin-top: 10px;
}

.pop_myha .lst_ha ul.bx_result li {
	position: relative;
}

.pop_myha .lst_ha ul.bx_result li p {
	text-align: left;;
	line-height: 27px;
}

.pop_myha .lst_ha ul.bx_result li button {
	float: right;
	border: 1px solid #646464;
	background-color: #fff;
	color: #00390c;
	padding: 5px;
	padding-right: 15px;
	background: url(/pc/shop/images/header/store_arr.png) 90% center
		no-repeat;
}

.pop_myha .lst_ha ul.bx_result li.none {
	background: none;
	padding: 0;
	text-align: center;
}

.pop_myha .lst_ha ul.bx_result li.none .text {
	font-size: 15px;
	color: #00390c;
	display: inline-block;
	padding: 10px 35px;
	margin-bottom: 10px;
	position: relative;
}

.pop_myha .lst_ha ul.bx_result li.none .text:before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 25px;
	height: 19px;
	background: url(/pc/shop/images/common/i_1.png) center no-repeat;
	background-size: contain;
}

.pop_myha .lst_ha ul.bx_result li.none .text:after {
	content: '';
	position: absolute;
	bottom: 0;
	right: 0;
	width: 25px;
	height: 19px;
	background: url(/pc/shop/images/common/i_2.png) center no-repeat;
	background-size: contain;
}

.pop_myha .lst_ha ul.bx_result li.none .em {
	text-align: left;
	background-color: #f2fbf8;
	color: #959393;
	padding: 10px 10px 10px 20px;
	line-height: 1.5;
}

.pop_myha .lst_ha ul.bx_result li.none .em>span {
	margin-left: -10px;
	color: #00390c;
}

.pop_myha .lst_ha ul.bx_result li.none .em dl {
	margin-top: 10px;
}

.pop_myha .lst_ha ul.bx_result li.none .em dd {
	padding-left: 46px;
}

.pop_myha .lst_ha ul.bx_result li.none .em dd:first-child {
	padding-left: 0;
}

.pop_myha .lst_ha ul.bx_result li.none .em .green {
	color: #34b302;
}

.pop_myha .lst_ha ul.bx_result li.none .em .red {
	color: #cc3333;
}

.pop_myha .benefit {
	padding: 28px 20px;
	background-color: #fff;
}

.pop_myha .benefit:after {
	display: block;
	clear: both;
	content: "";
}

.pop_myha .benefit .img {
	float: left;
	margin-right: 3%;
	vertical-align: middle;
	padding-top: 4%;
}

.pop_myha .benefit .cont {
	float: left;
	line-height: 22px;
}

.pop_myha .benefit .cont span {
	font-weight: bold;
	color: #005116;
	border-bottom: 1px solid #005116;
}

.pop_myha .closingBox {
	background-color: #f1f1f1;
	padding: 15px 20px 17px;
	border-top: 1px solid #dcdcdc;
}

.pop_myha .closingBox:after {
	content: '';
	display: block;
	clear: both;
}

.pop_myha .closingBox button {
	padding: 5px 10px;
	border: 1px solid #b1b1b1;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}

.pop_myha .closingBox button.btn_close {
	float: right;
}

.pop_myha .manager>h2 {
	font-size: 16px;
	color: #3c558d;
	line-height: 1.5;
	border-bottom: 1px solid #A4B0CC;
	padding-top: 34px;
	margin: 0 16px 34px;
	text-align: center;
}

.pop_myha .issue_code {
	position: relative;
	margin: 20px 20px 30px;
	position: relative;
}

.pop_myha .issue_code>img {
	position: absolute;
}

.pop_myha .issue_code>.con {
	margin-left: 65px;
}

.pop_myha .issue_code>.con>p {
	color: #666666;
	font-size: 13px;
	line-height: 20px;
	margin-bottom: 10px;
}

.pop_myha .issue_code>.con>a {
	color: #6e7ed1;
	font-size: 13px;
	font-weight: 700;
}

.pop_myha .issue_code>.con>a>span {
	text-decoration: underline;
}

#area_brand_page .btn_myha {
	top: -10px;
}

#area_brand_page .pop_myha {
	top: 35px;
	text-align: left;
}

.bx_img_h {
	position: relative;
}

.bx_img_h>img {
	display: block;
}

.bx_img_h>.h_on {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	display: block;
	visibility: hidden;
	opacity: 0;
	-webkit-transition: visibility .2s ease-in-out, opacity .2s ease-in-out;
	-moz-transition: visibility .2s ease-in-out, opacity .2s ease-in-out;
	-o-transition: visibility .2s ease-in-out, opacity .2s ease-in-out;
	transition: visibility .2s ease-in-out, opacity .2s ease-in-out;
}

.bx_img_h>.h_on>img {
	display: block;
}

.bx_img_h:hover>.h_on {
	visibility: visible;
	opacity: 1;
}

/*占쏙옙占쎈ごHA 굜遺얜굡獄쏆룄由  占쎈솚占쎈씜*/
#pop_register_myha {
	max-width: 96%;
	width: 892px;
}

#pop_register_myha>.inner {
	
}

#pop_register_myha>.inner>h2 {
	font-size: 18px;
	color: #ffffff;
	background-color: #434343;
	line-height: 25px;
	padding: 10px 37px;
	position: relative;
}

#pop_register_myha>.inner>h2>button {
	position: absolute;
	top: 0;
	bottom: 0;
	margin: auto;
	right: 20px;
	height: 17px;
}

#pop_register_myha>.inner>h2>button>img {
	display: block;
}

#pop_register_myha>.inner>div {
	padding: 64px 35px;
}

#pop_register_myha .header {
	background: url(/pc/brand/images/business/bg_store.gif) 550px top
		no-repeat;
	min-height: 164px;
	padding-top: 5%;
}

#pop_register_myha .header>h3 {
	margin-bottom: 30px;
}

#pop_register_myha .store_search {
	float: left;
	width: 87%;
}

#pop_register_myha .store_search .inputST1 {
	height: 33px;
	border: 1px solid #c1c1c1;
	padding: 0 3%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	width: 280px;
}

#pop_register_myha .store_search button {
	color: #fff;
	background-color: #333;
	line-height: 33px;
	padding: 0 3%;
}

#pop_register_myha .store_search select {
	border: 1px solid 1px solid #c1c1c1;
	height: 33px;
	box-sizing: border-box;
	min-width: 100px;
}

#pop_register_myha .store_search select+.inputST1 {
	width: 200px;
	padding: 0 2%;
}

#pop_register_myha .article {
	
}

#pop_register_myha .article p.result {
	margin-bottom: 1em;
	color: #333;
}

#pop_register_myha .article p.result span {
	color: #005116;
}

#pop_register_myha .tb_type1 tbody td {
	font-size: 12px;
}

#pop_register_myha .tb_type1 tbody td a.link {
	color: #005116;
	font-weight: 700;
	text-decoration: underline;
}

#pop_register_myha .article>p {
	color: #005116;
	margin-top: 7px;
}

/*占쎌뵠占쎌뒠占쎈튋 꽴占 */
#area_terms {
	margin-top: 52px;
}

#area_terms>h2 {
	margin-bottom: 20px;
}

#area_terms .box_policy {
	border-top: 2px solid #8b8b8b;
	padding: 30px 0;
	color: #666666;
	font-size: 13px;
	line-height: 22px;
}

#area_terms .box_policy h4 {
	color: #4a4a4a;
	font-size: 17px;
	line-height: 2em;
	margin-top: 30px;
}

#area_terms .box_policy p {
	
}

/*G占쎈７占쎌뵥占쎈뱜 筌롢끇苡 占쎈뼏 占쎌뵥筌앾옙 占쎌넇占쎌뵥*/
.layout_certifi {
	margin-bottom: 100px;
}

.layout_certifi>header {
	margin-top: 60px;
	text-align: center;
	margin-bottom: 30px;
}

.layout_certifi>header>h2 {
	margin-bottom: 20px;
}

.layout_certifi>header>h3 {
	font-size: 17px;
	margin-bottom: 20px;
	font-weight: 400;
}

.layout_certifi>header>h2 img {
	max-width: 100%;
}

.layout_certifi>header>p {
	color: #666666;
	font-size: 15px;
	line-height: 28px;
}

.layout_certifi .bx_cont {
	background-color: #f7f7f7;
	padding: 3.1579% 5.2632%;
}

.layout_certifi .bx_cont>p {
	color: #666666;
	font-size: 15px;
	line-height: 28px;
}

.layout_certifi .bx_cont>ul {
	margin-top: 40px
}

.layout_certifi .bx_cont>ul>li {
	padding: 20px 15px;
	position: relative;
	border-top: 1px solid #CECECE;
}

.layout_certifi .bx_cont>ul>li:first-child {
	border-width: 0;
}

.layout_certifi .bx_cont>ul>li>img {
	position: absolute;
	left: 15px;
	top: 0;
	bottom: 0;
	margin: auto;
}

.layout_certifi .bx_cont>ul>li>.txt {
	padding-left: 90px;
}

.layout_certifi .bx_cont>ul>li>.txt>h3 {
	color: #333333;
	font-size: 18px;
	line-height: 30px;
}

.layout_certifi .bx_cont>ul>li>.txt>p {
	font-size: 18px;
	color: #666666;
}

.layout_certifi>article {
	
}

.layout_certifi>article>table {
	border: 1px solid #B9B9B9;
	width: 100%;
}

.layout_certifi>article>table td {
	padding: 29px 5%;
	text-align: left;
	border-bottom: 1px solid #D2D2D2;
}

.layout_certifi>article>table td.ico {
	width: 130px;
	text-align: right;
	padding-left: 0;
}

.layout_certifi>article>table td>h2 {
	color: #333333;
	font-size: 18px;
	line-height: 1.5;
}

.layout_certifi>article>table td>h2>* {
	vertical-align: middle;
	line-height: 1;
}

.layout_certifi>article>table td>p {
	color: #666666;
	font-size: 13px;
	line-height: 1.5;
}

.layout_certifi>article>table td.ico>span {
	vertical-align: middle;
	min-width: 5em;
	text-align: center;
	color: #7c7c7c;
	font-size: 15px;
	font-weight: 700;
	display: inline-block;
}

.layout_certifi>article>table td.ico.type2>span {
	color: #e15b67;
}

.layout_certifi>article>table td.ico.type3>span {
	color: #2ba47d;
}

.layout_certifi>article>table .gray td {
	background-color: #fcfcfc;
}

.layout_certifi>article>table td button.btn_gray {
	color: #fff;
	background-color: #9f9f9f;
	font-size: 13px;
	min-width: 100px;
	padding: 0 10px;
	height: 29px;
	vertical-align: middle;
}

#pop_request_reason_fail {
	width: 604px;
}

#pop_request_reason_fail>.inner {
	
}

#pop_request_reason_fail button.btn_close {
	width: 17px;
	top: 10px;
	right: 10px;
}

#pop_request_reason_fail header {
	padding: 6.6225% 2% 4.9669%;
}

#pop_request_reason_fail header>p {
	color: #333333;
	font-size: 15px;
	line-height: 25px;
	text-align: center;
}

#pop_request_reason_fail article {
	border-top: 1px solid #BBC3C9;
	border-bottom: 1px solid #BBC3C9;
	background-color: #F7F7F7;
	padding: 4.9669% 16.5563%;
}

#pop_request_reason_fail article>ul {
	
}

#pop_request_reason_fail article>ul>li {
	margin-bottom: 20px;
}

#pop_request_reason_fail article>ul>li>strong {
	display: block;
	float: left;
	font-size: 15px;
	line-height: 20px;
	padding-top: 5px;
	clear: both;
	padding-left: 1em;
	position: relative;
}

#pop_request_reason_fail article>ul>li>strong:after {
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	bottom: 0;
	width: 3px;
	height: 3px;
	background-color: #005116;
	margin: auto;
}

#pop_request_reason_fail article>ul>li>div {
	padding-left: 90px;
}

#pop_request_reason_fail article input.ipt {
	height: 30px;
	line-height: inherit;
}

.ipt_phone {
	
}

.ipt_phone>ul {
	margin-left: -10px;
}

.ipt_phone>ul:after {
	content: '';
	display: block;
	clear: both;
}

.ipt_phone>ul>li {
	float: left;
	width: 33.333%;
	box-sizing: border-box;
	padding-left: 10px;
	position: relative;
}

.ipt_phone>ul>li:after {
	content: '-';
	width: 10px;
	left: 0;
	top: 0;
	bottom: 0;
	text-align: center;
	position: absolute;
	margin: auto;
	height: 1em;
}

.ipt_phone>ul>li:first-child:after {
	content: none;
}

#area_fail_certification>header {
	margin-bottom: 50px;
}

/*G占쎈７占쎌뵥占쎈뱜 筌띾 苡 占쎈뼏 - 雅뚯눖揆 占쎄맒占쎄쉭*/
.tit-st1 {
	font-size: 25px;
	margin-bottom: 0.5em;
}

.list_ordered {
	margin-bottom: 13px;
}

.list_ordered>table {
	width: 100%;
}

.list_ordered>table>thead>tr>th {
	border-top: 1px solid #c3c3c3;
	border-bottom: 1px solid #c3c3c3;
	font-size: 13px;
	line-height: 21px;
	padding: 5px;
	background: url(/pc/shop/images/mypage/bg_gradi_gray.jpg) 0 0 repeat-x;
}

.list_ordered>table>tbody>tr>td {
	text-align: center;
	vertical-align: middle;
	padding: 20px 10px;
	background: url(/pc/shop/images/common/bg_dot_gray2.jpg) left bottom
		repeat-x;
}

.list_ordered.no_dot>table>tbody>tr>td {
	background: #fff;
	border-bottom: 1px solid #D6D6D6;
}

.list_ordered td.brand img {
	max-width: 100%;
}

.list_ordered .img {
	width: 88px;
	height: 87px;
	border: 1px solid #E9E9E9;
	position: relative;
}

.list_ordered .img img {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;
	max-width: 100%;
	max-height: 100%;
}

.list_ordered td.name {
	text-align: left;
}

.list_ordered td.name p {
	color: #999;
	margin-top: 5px;
	font-size: 12px;
}

.list_ordered .ori {
	font-weight: 700;
	color: #333;
}

.list_ordered .bene {
	color: #005116;
}

.list_ordered td.btns {
	padding: 10px;
}

.list_ordered td.btns>dl>dt {
	font-weight: 700;
	text-align: center;
	margin-bottom: 7px;
}

.list_ordered td.btns>dl>dd {
	margin-top: 2px;
}

.list_ordered td.btns button {
	color: #666666;
	font-size: 12px;
	width: 85px;
	height: 21px;
	border: 1px solid #BDBDBD;
	background-color: #EEEEEE;
}

.list_ordered .bot_btns {
	margin-top: 13px;
}

.list_ordered .bot_btns button {
	min-width: 127px;
	height: 34px;
	color: #666666;
	font-size: 13px;
	background-color: #fff;
	border: 1px solid #BDBDBD;
}

.list_ordered .pd_cnt {
	position: relative;
	margin-bottom: 10px;
}

.list_ordered .pd_cnt:after {
	content: '';
	display: block;
	clear: both;
}

.list_ordered .pd_cnt>ul {
	width: 88px;
	margin: auto;
}

.list_ordered .pd_cnt>ul>li {
	float: left;
	height: 25px;
	border: 1px solid #DADADA;
	border-left-width: 0px
}

.list_ordered .pd_cnt>ul>li:first-child {
	border-left-width: 1px;
}

.list_ordered .pd_cnt>ul li>button {
	display: block;
	width: 25px;
	height: 100%;
	line-height: normal;
	background-color: #fff;
}

.list_ordered .pd_cnt>ul li.cnt {
	width: 34px;
	background: #fff;
	font-size: 12px;
	text-align: center;
	line-height: 22px;
}

.list_ordered .pd_cnt>ul li.cnt>input {
	display: block;
	height: 100%;
	border-width: 0px;
	padding: 0px;
	line-height: 22px;
	margin: 0px;
	background: none;
	text-align: center;
	width: 100%;
	font-size: 12px;
	color: #727272;
}

.list_ordered .bx_btn_change {
	text-align: center;
}

.list_ordered .bx_btn_change button {
	font-size: 14px;
	border-bottom: 1px solid #333;
	padding: 1px;
}

.list_ordered .tit-st1 {
	margin-top: 30px;
}

.list_ordered .tit-st1:first-child {
	margin-top: 0;
}

.bx_address_set {
	margin-top: 30px;
}

.bx_address_set>h2 {
	color: #333333;
	font-size: 18px;
	margin-bottom: 12px;
}

.bx_address_set>div {
	padding: 23px 39px;
	border: 1px solid #8D8D8D;
	color: #777777;
}

.bx_address_set>div>h3 {
	font-size: 13px;
	line-height: 20px;
	margin-bottom: 15px;
	position: relative;
}

.bx_address_set>div>h3.ico:after {
	content: '';
	position: absolute;
	right: 100%;
	top: 0;
	bottom: 0;
	margin: auto 5px auto auto;
	background: url(/pc/shop/images/order/ico_landmark.png) 0 0 no-repeat;
	width: 12px;
	height: 15px;
}

.bx_address_set>div>h3>span {
	font-weight: 400;
	color: #999999;
}

.bx_address_set>div>h4 {
	font-weight: 400;
	line-height: 20px;
	margin-bottom: 3px;
}

.bx_address_set>div>p {
	line-height: 20px;
	font-weight: 700;
}

.bx_address_set .bot {
	border-top: 1px solid #DDDDDD;
	padding: 10px 20px 0;
	margin: 20px -15px 0;
}

.bx_address_set .bot>span {
	color: #777777;
	vertical-align: middle;
	margin-right: 15px;
	line-height: 27px;
}

.bx_address_set .bot button {
	font-size: 13px;
	color: #fff;
	background-color: #595959;
	height: 27px;
	padding: 0 12px;
	vertical-align: middle;
}

.bx_address_set.t2>div {
	padding: 23px 29px;
	overflow: hidden;
}

.bx_address_set .list_hori {
	margin-left: -60px;
}

.bx_address_set .list_hori>p {
	float: left;
	margin-left: 60px;
	line-height: 20px;
	font-weight: 700;
}

.bx_address_set .list_hori>p input {
	width: 100px;
	font-size: 13px;
	height: 20px;
	margin: 0;
	padding: 0px 10px;
	border: 1px solid #ddd;
}

.bx_address_set .list_hori>p input.readonly {
	background-color: #f1f1f1;
	color: #666;
}

.bx_address_set .list_hori>p.phone input {
	width: 4em;
}

#request_gift_detail .list_ordered {
	margin-bottom: 35px;
}

#request_gift_completed .list_ordered {
	margin-bottom: 35px;
}

#request_gift_completed .bx_notice {
	padding: 27px;
	border: 1px solid #DBE3E3;
	background-color: #f9fcfc;
	position: relative;
	margin-top: 31px;
}

#request_gift_completed .bx_notice .ico {
	position: absolute;
	left: 27px;
}

#request_gift_completed .bx_notice .txt {
	margin-left: 57px
}

#request_gift_completed .bx_notice .txt>h3 {
	color: #3e7f9d;
	font-size: 15px;
	line-height: 25px;
	margin-bottom: 10px;
}

#request_gift_completed .bx_notice .txt>p {
	color: #333333;
	font-size: 13px;
}

/*占쎌뵠筌롫뗄 뵬占쎈땾占쎈뻿椰꾧퀡占 */
#area_unsubscribe_email {
	padding: 130px 0 150px;
	max-width: 790px;
	margin: auto;
}

#area_unsubscribe_email header {
	text-align: center;
	margin-bottom: 30px;
}

#area_unsubscribe_email header img {
	margin-bottom: 13px;
}

#area_unsubscribe_email header h2 {
	color: #333333;
	font-size: 25px;
}

#area_unsubscribe_email header h2>strong {
	color: #005116;
}

#area_unsubscribe_email article {
	border-top: 2px solid #828282;
	background-color: #F7F7F7;
	padding: 32px 5px;
	text-align: center;
}

#area_unsubscribe_email article>dl {
	
}

#area_unsubscribe_email article>dl>dt {
	display: inline-block;
	vertical-align: middle;
	margin-right: 1.5em;
}

#area_unsubscribe_email article>dl>dd {
	display: inline-block;
	vertical-align: middle;
	text-align: left;
}

#area_unsubscribe_email article p {
	color: #666666;
	font-size: 16px;
	line-height: 28px;
}

#area_unsubscribe_email .bot_btns button {
	min-width: 158px;
}

.main_notice_pop {
	position: absolute;
	top: 110px;
	left: 10%;
	z-index: 30;
	border: 1px solid #ccc;
	box-shadow: 0 0 5px -1px rgba(0, 0, 0, 0.3);
	display: none;
}

.main_notice_pop>div.img {
	position: relative;
}

.main_notice_pop a.link {
	position: relative;
	display: block;
}

.main_notice_pop .multiLink {
	position: absolute;
	width: 100%;
	bottom: 0;
	height: 62%;
}

.main_notice_pop .multiLink a.link {
	height: 50%;
}

.main_notice_pop>div.txt {
	background-color: #333;
	color: #fff;
	padding: 5px;
	font-size: 12px;
	position: relative;
	text-align: right;
}

.main_notice_pop>div.txt label>* {
	vertical-align: middle;
}

.main_notice_pop>div.txt input {
	margin: 0;
}

.main_notice_pop>div.txt button {
	color: #fff;
	text-decoration: underline;
	padding: 0 5px;
}

.main_center_pop {
	width: 1050px;
	max-width: 96%;
	overflow: visible;
}

.main_center_pop .img a {
	display: block;
}

.main_center_pop .img img {
	max-width: 100%;
}

.main_center_pop button.btn_close {
	right: inherit;
	left: 100%;
	margin-left: 10px;
}

.main_center_pop button.btn_close img {
	max-width: inherit
}

.main_center_pop div.txt {
	background-color: #333;
	color: #fff;
	padding: 5px;
	font-size: 12px;
	position: relative;
	text-align: right;
}

.main_notice_pop div.txt label>* {
	vertical-align: middle;
}

.main_notice_pop div.txt input {
	margin: 0;
}

.main_notice_pop div.txt button {
	color: #fff;
	text-decoration: underline;
	padding: 0 5px;
}

.page_tmp_event {
	
}

.page_tmp_event header {
	padding-bottom: 30px;
	border-bottom: 1px solid #757575;
	text-align: center;
	margin-bottom: 30px;
}

.page_tmp_event header p {
	font-size: 18px;
	margin: 15px 0;
}

.page_tmp_event header h2 {
	font-size: 28px;
}

.page_tmp_event .bx_cont {
	text-align: center;
}

.page_tmp_event .bx_cont img {
	max-width: 100%;
}

/*占쎌쟿占쎌뵠占쎈선 占쎈르占쎌쓨*/
.custom_alert {
	width: 760px;
	max-width: 96%
}

.custom_alert>.inner {
	background-color: #fff;
}

.custom_alert h2 {
	font-size: 1em;
	padding: 19px 32px;
	background-color: #f7f7f7;
}

.custom_alert h2>img {
	vertical-align: middle;
	margin-right: 5px;
	max-height: 43px
}

.custom_alert h2>span {
	vertical-align: middle;
	font-size: 20px;
	color: #333;
	line-height: 26px;
}

.custom_alert section {
	padding: 40px 32px;
	text-align: center;
}

.custom_alert section .txt {
	color: #666666;
	font-size: 15px;
	line-height: 1.5;
	margin-bottom: 40px;
	min-height: 50px;
}

.custom_alert section .btn {
	text-align: center;
}

.custom_alert section .btn button {
	min-width: 158px;
	height: 50px;
	background-color: #6a6a6a;
	line-height: inherit;
	padding: 0 10px;
	font-size: 15px;
	font-weight: 700;
	color: #fff;
}

/*占쎌럲筌욑옙*/
#page_webzine .recent_ebook {
	margin-top: 40px;
	margin-bottom: 40px;
}

#page_webzine .recent_ebook>dl {
	position: relative;
}

#page_webzine .recent_ebook>dl:after {
	content: '';
	display: block;
	clear: both;
}

#page_webzine .recent_ebook>dl>dt {
	width: 48.26%;
}

#page_webzine .recent_ebook>dl>dt .img {
	position: relative;
	height: 0;
	max-width: 385px;
	padding-bottom: 113%;
	border: 1px solid #dadada;
	box-sizing: border-box;
	margin: 0 auto;
}

#page_webzine .recent_ebook>dl>dt .img>img {
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	top: 0;
	max-width: 100%;
	max-height: 100%;
	margin: auto;
}

#page_webzine .recent_ebook>dl>dd {
	position: absolute;
	right: 0;
	height: 100%;
	width: 52%;
	top: 0;
	padding-bottom: 100px;
	box-sizing: border-box;
}

#page_webzine .recent_ebook>dl>dd h3 {
	font-size: 35px;
	color: #333333;
	font-weight: bold;
	border-bottom: 1px solid #8E8E8E;
	line-height: 1.2;
	padding: 15px 0;
}

#page_webzine .recent_ebook>dl>dd h3 span {
	font-size: 16px;
	margin-left: 15px;
}

#page_webzine .recent_ebook>dl>dd .con {
	
}

#page_webzine .recent_ebook>dl>dd h4 {
	color: #a1a1a1;
	font-size: 20px;
	margin: 15px 0 20px;
	font-weight: 400;
	line-height: 1.5;
}

#page_webzine .recent_ebook>dl>dd .list {
	overflow: hidden;
	overflow-y: auto;
}

#page_webzine .recent_ebook .list>ul {
	
}

#page_webzine .recent_ebook .list>ul>li {
	display: block;
	padding-left: 10px;
	position: relative;
	line-height: 1.5;
	font-size: 13px;
	color: #3c3c3c;
	-ms-text-overflow: ellipsis;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
}

#page_webzine .recent_ebook .list>ul>li+li {
	margin-top: 15px;
}

#page_webzine .recent_ebook .list>ul>li:after {
	content: '·';
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 10px;
	font-weight: bold;
}

#page_webzine .recent_ebook .bot_btn {
	position: absolute;
	bottom: 25px;
	left: 0;
}

#page_webzine .recent_ebook .bot_btn>button {
	border: 1px solid #989898;
	color: #333;
	background-color: #fff;
	font-size: 15px;
	height: 40px;
	min-width: 125px;
}

#page_webzine .recent_ebook .bot_btn>button.view {
	color: #fff;
	background-color: #80bb0a;
	border-color: #80bb0a;
}

#page_webzine .recent_ebook .bot_btn>button>* {
	vertical-align: middle;
}

#page_webzine .recent_ebook .bot_btn>button>img {
	margin-right: 5px;
}

#page_webzine>.top {
	border-top: 2px solid #9e9e9e;
	padding-top: 10px;
}

#page_webzine>.top:after {
	display: block;
	clear: both;
	content: "";
}

#page_webzine>.top p {
	color: #666;
	float: right;
	line-height: 30px;
	margin-bottom: 14px;
}

#page_webzine>.top p strong {
	color: #cb60af;
	font-weight: bold;
}

#page_webzine>.top .selectBox {
	border: 1px solid #dfdfdf;
	height: 40px;
	font-family: "NanumGothic";
	margin-right: 2%;
	width: 140px;
	color: #666;
}

.webzine_list {
	
}

.webzine_list>ul {
	margin-left: -25px;
}

.webzine_list>ul:after {
	content: '';
	display: table;
	clear: both;
}

.webzine_list>ul>li {
	float: left;
	width: 25%;
	margin-bottom: 25px;
}

.webzine_list>ul>li>.in {
	/* border:1px solid #D5D5D5;padding: 15px 18px; */
	margin-left: 25px;
}

.webzine_list .img {
	display: block;
	height: 0;
	padding-bottom: 143%;
	position: relative;
	border: 1px solid #dadada;
	background-color: #f3f3f3;
	overflow: hidden;
	box-sizing: border-box;
}

.webzine_list .img>img {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	width: 100%;
}

.webzine_list .img .tag {
	width: 43px;
	height: 43px;
	display: block;
	position: absolute;
	top: 2%;
	left: 2%;
	z-index: 1;
}

.webzine_list .txt {
	
}

.webzine_list .txt>h3 {
	color: #666666;
	font-size: 15px;
	padding: 15px 0; /* border-bottom: 1px solid #DDDDDD; */
	-ms-text-overflow: ellipsis;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
}

.webzine_list .txt>dl {
	margin: 10px 0;
	line-height: 22px;
}

.webzine_list .txt>dl>dt {
	font-size: 13px;
	color: #9c8772;
}

.webzine_list .txt>dl>dd {
	color: #9e9e9e;
	font-size: 13px;
	position: relative;
	padding-left: 0.75em;
}

.webzine_list .txt>dl>dd:after {
	content: '-';
	position: absolute;
	top: 0;
	left: 0;
}

.webzine_list .sns_list {
	text-align: right;
}

.webzine_list .sns_list>ul {
	
}

.webzine_list .sns_list>ul>li {
	display: inline-block;
	margin: 0 0 0 5px;
}

.webzine_list .sns_list>ul>li>a {
	
}

.webzine_list .bot_btn {
	
}

.webzine_list .bot_btn:after {
	content: '';
	display: block;
	clear: both;
}

.webzine_list .bot_btn>button {
	border: 1px solid #989898;
	color: #333;
	background-color: #fff;
	font-size: 13px;
	height: 35px;
	width: 50%;;
	box-sizing: border-box;
	float: left;
}

.webzine_list .bot_btn>button>* {
	vertical-align: middle;
}

.webzine_list .bot_btn>button+button {
	border-left: 0;
}

.webzine_list .bot_btn>button>img {
	margin-right: 5px;
}

#page_webzine .btn_more {
	margin-top: 50px;
}

#page_webzine .btn_more>button {
	width: 100%;
	height: 55px;
	border-radius: 5px;
	border: 1px solid #d2d2d2;
	background-color: #f3f3f3;
	color: #666;
	font-size: 20px;
}

#page_webzine .btn_more>button .ico_plus {
	margin-right: 12px;
}

/*占쎄틙 3占쎈윛占쎈뮞*/
.tab_depth3 {
	border: 0px solid #D5D5D5;
	overflow: hidden;
	background-color: #FDFDFC;
	position: relative;
}

.tab_depth3>ul {
	margin-left: -1px;
}

.tab_depth3>ul:after {
	content: '';
	display: table;
	clear: both;
}

.tab_depth3>ul>li {
	width: 16.6666%;
	float: left;
}

.tab_depth3.col1>ul>li {
	width: 100%;
}

.tab_depth3.col2>ul>li {
	width: 50%;
}

.tab_depth3.col3>ul>li {
	width: 33.333%;
}

.tab_depth3.col4>ul>li {
	width: 25%;
}

.tab_depth3.col5>ul>li {
	width: 20%;
	border:1px solid #ececec;
}

.tab_depth3>ul>li:before {
	top: 0;
	bottom: 0;
	content: '';
	position: absolute;
}

.tab_depth3>ul>li>a {
	display: block;
	position: relative;
	height: 66px;
	border-bottom: 1px solid #F0F0F2;
	margin: 0 -1px -1px 0;
	overflow: hidden;
	text-align: center;
	color: #333333;
	font-size: 15px;
	padding: 0 10px;
}

.tab_depth3>ul>li>a:after {
	display: inline-block;
	height: 100%;
	vertical-align: middle;
	content: '';
}

.tab_depth3>ul>li>a>span {
	display: inline-block;
	position: relative;
	vertical-align: middle; /* padding-left: 0.75em */;
}
/* .tab_depth3 > ul > li > a > span:after{content: '夷 ';left: 0;top: 0;position: absolute;} */
.tab_depth3>ul>li.on>a>span {
	color: #fff;
}

.tab_depth3>ul>li.on {
	background-color: #6f6f6f;
}

/*레시피 3depth 메뉴스타*/
.recipe_depth3 {
	/*border:1px solid #D5D5D5;overflow: hidden;background-color: #FDFDFC;*/
	position: relative;
}

.recipe_depth3>ul {
	margin-left: -1px;
}

.recipe_depth3>ul:after {
	content: '';
	display: table;
	clear: both;
}

.recipe_depth3>ul>li { /*width: 16.6666%;*/
	float: left;
}

.recipe_depth3.col1>ul>li {
	width: 100%;
}

.recipe_depth3.col2>ul>li {
	width: 50%;
}

.recipe_depth3.col3>ul>li { /*width: 33.333%;*/
	border: 1px solid #e0e0e0;
	border-radius: 80px;
	margin-right: 7px;
}

.recipe_depth3.col4>ul>li {
	width: 25%;
}

.recipe_depth3.col5>ul>li {
	width: 20%;
}

.recipe_depth3>ul>li:before {
	top: 0;
	bottom: 0; /*border-left:1px solid #F0F0F2;*/
	content: '';
	position: absolute;
}

.recipe_depth3>ul>li>a {
	display: block;
	position: relative;
	height: 48px;
	/*border-bottom:1px solid #F0F0F2;border-right:1px solid #F0F0F2*/;
	margin: 0 -1px -1px 0;
	overflow: hidden;
	text-align: center;
	color: #333333;
	font-size: 15px;
	padding: 0 10px;
	line-height: 15px;
}

.recipe_depth3>ul>li>a:after {
	display: inline-block;
	height: 100%;
	vertical-align: middle;
	content: '';
}

.recipe_depth3>ul>li>a>span {
	display: inline-block;
	position: relative;
	vertical-align: middle;
	padding: 0.75em;
}
/* .recipe_depth3 > ul > li > a > span:after{content: '夷 ';left: 0;top: 0;position: absolute;} */
.recipe_depth3>ul>li.on>a>span {
	color: #fff;
}

.recipe_depth3>ul>li.on {
	background-color: #226717;
	border: 1px solid #226717;
}

.sub_tab {
	overflow: hidden;
	border-left: 1px solid #e0e0e0;
	margin-top: 30px;
}

.sub_tab li {
	float: left;
}

.sub_tab li a {
	border: 1px solid #e0e0e0;
	border-left: 0;
	display: block;
	color: #000;
	height: 40px;
	line-height: 40px;
	text-align: center;
}

.sub_tab li.on a {
	color: #fff;
	background: #a2a2a2;
}

.sub_tab.length2 li {
	width: 50%;
}

.sub_tab.length3 li {
	width: 33.33%;
}

.sub_tab.length4 li {
	width: 25%;
}

.sub_tab.length5 li {
	width: 20%;
}

.sub_tab.length6 li {
	width: 16.666%;
}

.sub_tab.length7 li {
	width: 14.28%;
}

/* 獄쏄퀣 꽊筌욑옙癰귨옙野껓옙 占쎌쟿占쎌뵠占쎈선占쎈솚占쎈씜 */
#pop_addres_change {
	max-width: 510px;
	width: 100%;
}

#pop_addres_change header {
	height: 50px;
	background: #333;
	padding: 0 20px;
	position: relative;
}

#pop_addres_change header h1 {
	font-size: 18px;
	color: #fff;
	line-height: 50px;
}

#pop_addres_change header .btn_close {
	top: 50%;
	right: 20px;
	margin-top: -9px;
}

#pop_addres_change .content {
	min-height: 350px;
	padding: 30px 20px;
	position: relative;
}

#pop_addres_change .address_list {
	
}

#pop_addres_change .address_list>li {
	margin-left: 40px;
	margin-bottom: 30px;
}

#pop_addres_change .address_list>li p {
	font-size: 15px;
	line-height: 25px;
	color: #666;
}

#pop_addres_change .address_list>li p.tit {
	margin-left: -35px;
	color: #333;
	margin-bottom: 5px;
}

#pop_addres_change .address_list>li p.tit strong {
	font-size: 15px;
	line-height: 25px;
}

#pop_addres_change .address_list>li.new_address {
	margin-right: 40px;
}

#pop_addres_change .content .btn_btns {
	text-align: center;
}

#pop_addres_change .content .btn_btns .btn_pack.gray {
	font-size: 15px;
	font-weight: normal;
	background-color: #767676;
	padding: 10px;
}

#pop_addres_change .table_new_addr {
	display: none;
}

#pop_addres_change .table_new_addr.on {
	display: block;
}

#pop_apply_cancel {
	max-width: 750px;
	width: 100%;
}

#pop_apply_cancel header {
	height: 50px;
	background: #333;
	padding: 0 20px;
	position: relative;
}

#pop_apply_cancel header h1 {
	font-size: 18px;
	color: #fff;
	line-height: 50px;
}

#pop_apply_cancel header .btn_close {
	top: 50%;
	right: 20px;
	margin-top: -9px;
}

#pop_apply_cancel .content {
	min-height: 350px;
	padding: 30px 20px;
	position: relative;
}

#pop_apply_cancel .top_text {
	padding: 20px;
	margin-bottom: 20px;
}

#pop_apply_cancel .top_text h2 {
	font-size: 20px;
	line-height: 30px;
	color: #2f7c23;
	font-weight: normal;
	margin-bottom: 15px;
}

#pop_apply_cancel .top_text ul li {
	font-size: 13px;
	line-height: 25px;
	color: #666;
}

#pop_apply_cancel .account_info {
	margin-bottom: 30px;
}

#pop_apply_cancel .account_info table {
	width: 100%;
	border-top: 1px solid #868686;
}

#pop_apply_cancel .account_info table th {
	width: 125px;
	background-color: #f8f8f9;
	font-size: 13px;
	line-height: 60px;
	color: #333;
	text-align: left;
	padding-left: 20px;
	border-bottom: 1px solid #e7e7e7;
}

#pop_apply_cancel .account_info table td {
	padding: 0 20px;
	border-bottom: 1px solid #e7e7e7;
}

#pop_apply_cancel .account_info table td input {
	width: 100%;
	max-width: 420px;
	height: 40px;
	line-height: 40px;
	box-sizing: border-box;
	padding: 1em;
}

#pop_apply_cancel .content .btn_btns {
	text-align: center;
}

#pop_apply_cancel .content .btn_btns .btn_pack.gray {
	font-size: 15px;
	font-weight: normal;
	background-color: #333;
	padding: 10px;
}

/* 占쎌쟿占쎈뻻占쎈돗 */
#recipe>.header {
	border-top: 2px solid #9e9e9e;
	text-align: right;
	padding-top: 20px;
}

#recipe .lst_recipe {
	
}

#recipe .lst_recipe ul {
	margin: 30px 0 0 0;
}

#recipe .lst_recipe ul:after {
	display: block;
	clear: both;
	content: "";
}

#recipe .lst_recipe ul li {
	width: 31.2%;
	float: left;
	margin: 1%;
	/*border: 1px solid #ccc; box-shadow: 1px 2px 5px -2px rgba(0,0,0, .25); -webkit-box-sizing: border-

box;-moz-box-sizing: border-box;box-sizing:border-box ; */
}

#recipe .lst_recipe ul li a {
	display: block;
}

#recipe .lst_recipe ul li .img {
	display: block;
	position: relative;
	height: 0; /* padding-bottom:53.653%; */
	padding-bottom: 110%;
	overflow: hidden;
	border-radius: 8px;
	background: url(${result.upthumbFileName}) no-repeat;
	background-size: 100%;
}

#recipe .lst_recipe ul li .img img {
	width: 100%;
	position: absolute;
}

#recipe .lst_recipe ul li .con {
	display: block;
	background-color: #fff; /*border-top: 1px solid #ccc; */
}

#recipe .lst_recipe ul li .con>.inner {
	display: block; /*padding:0 4.26% 4.4%;*/
	margin-top: 3%;
	margin-bottom: 5%;
	position: relative;
	height: 60px;
}

#recipe .lst_recipe ul li .con>.inner h1 {
	font-size: 1.2em;
	font-weight: 500;
	padding-top: 1%;
	overflow: hidden;
	-ms-text-overflow: ellipsis;
	text-overflow: ellipsis;
	white-space: nowrap;
	text-align: center;
}

#recipe .lst_recipe ul li .con>.inner .tag {
	font-size: 1.0em;
	font-weight: 300;
	margin-top: 0.75em;
	color: #333;
	text-align: center;
}

#recipe .lst_recipe ul li.txt_empty_content {
	width: auto;
	font-size: 1.125em;
	text-align: center;
	float: none;
	border-width: 0;
	box-shadow: none;
	padding: 40px 0 80px;
	border-bottom: 1px solid #999;
}

#recipe .lst_recipe ul li.none {
	width: 100%;
	box-shadow: none;
	border: 0;
	font-size: 1.5em;
	text-align: center;
	padding: 3em 0;
}

#recipe #btns_sns {
	margin-top: 10px;
}

#recipe #related_prd {
	margin-top: 4em;
	padding-top: 2em;
	border-top: 1px solid #9E9E9E;
}

#recipe #related_prd h2 {
	margin-bottom: 1em;
}

#recipe .bbsbot {
	padding-top: 2em;
	padding-top: 2em;
	border-top: 1px solid #9E9E9E;
}

#recipe .bbsbot>.inner {
	background-color: #f5f5f5;
	padding: 15px 35px;
	display: table;
	width: 100%;
	box-sizing: border-box;
}

#recipe .bbsbot>.inner>* {
	display: table-cell;
	vertical-align: middle;
}

#recipe .bbsbot>.inner>.text {
	padding-left: 30px;
	font-size: 16px;
	color: #768480;
	font-weight: 500;
	line-height: 26px;
	font-family: 'PulmuoneLOHAS', sans-serif;
}

#recipe .tagList {
	padding-bottom: 2em;
}

#recipe .tagList span {
	display: inline-block;
	border: 1px solid #e9e9e9;
	background-color: #fafafa;
	color: #333;
	font-size: 13px;
	text-align: center;
	padding: 0 20px;
	line-height: 30px;
	box-sizing: border-box;
}

#column {
	
}

#column .list {
	border-top: 2px solid #9e9e9e;
}

#column .list ul li {
	display: table;
	width: 100%;
	box-sizing: border-box;
	border-bottom: 1px solid #e4e4e4;
	padding: 30px 10px;
}

#column .list ul li>* {
	display: table-cell;
	vertical-align: middle;
}

#column .list ul li>.img {
	
}

#column .list ul li>.img a {
	display: block;
	position: relative;
	overflow: hidden;
	width: 240px;
	height: 150px;
	background-color: #f9f9f9;
}

#column .list ul li>.img a:before {
	content: '';
	z-index: 2;
	position: absolute;
	width: 100%;
	height: 100%;
	border: 1px solid #d4d4d4;
	box-sizing: border-box;
}

#column .list ul li>.img img {
	width: 100%
}

#column .list ul li>.cont {
	padding-left: 30px;
	padding-right: 20px;
}

#column .list ul li>.cont .title {
	font-size: 20px;
	font-weight: bold;
	color: #333;
	margin-bottom: 10px;
}

#column .list ul li>.cont .text {
	font-size: 13px;
	font-weight: bold;
	color: #858585;
	margin-bottom: 10px;
	line-height: 24px;
	height: 48px;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2; /* 라인수 */
	-webkit-box-orient: vertical;
	word-wrap: break-word;
}

#column .list ul li>.cont .info>* {
	font-size: 13px;
	color: #8c9883;
	position: relative;
}

#column .list ul li>.cont .info>*+* {
	margin-left: 20px;
}

#column .list ul li>.cont .info .view:before {
	content: '';
	width: 20px;
	height: 10px;
	display: inline-block;
	background: url(/pc/brand/images/life/ico_view2.png) center no-repeat;
	margin-right: 5px;
	vertical-align: middle;
}

#column .list ul li>.cont .info .date:before {
	content: '';
	width: 14px;
	height: 14px;
	display: inline-block;
	background: url(/pc/brand/images/life/ico_date.png) center no-repeat;
	margin-right: 5px;
	vertical-align: middle;
}

#column .list ul li>.cont .info .write {
	margin-left: 12px;
	padding-left: 12px;
}

#column .list ul li>.cont .info .write:before {
	content: '';
	position: absolute;
	top: 50%;
	left: 0;
	width: 1px;
	height: 10px;
	margin-top: -5px;
	background-color: #d6d6d6;
}

#column .list ul li.none {
	width: 100%;
	box-shadow: none;
	border: 0;
	font-size: 1.5em;
	text-align: center;
	padding: 3em 0;
}

/* 占쎌궎占쎈늄占쎌뵬占쎌뵥  뜎醫뤿？ 鈺곌퀬 돳 */
#coupon {
	
}

#coupon .myCoupon {
	margin-bottom: 1.667em;
}

#coupon .myCoupon_top {
	text-align: right;
	font-size: 15px;
	color: #333;
	margin-bottom: 1em;
}

#coupon .myCoupon_top strong {
	font-size: 18px;
	color: #b55c9e;
}

#coupon .myCoupon_top a {
	font-size: 13px;
	color: #fff;
	font-weight: bold;
	background-color: #6a6a6a;
	padding: 10px 15px;
	margin-left: 17px;
}

#coupon .myCoupon_body {
	border: 1px solid #a3a3a3;
	border-radius: 5px;
	display: table;
	width: 100%;
	box-sizing: border-box;
}

#coupon .myCoupon_body table {
	width: 100%;
	box-sizing: border-box;
}

#coupon .myCoupon_body table th {
	font-size: 15px;
	color: #333;
	text-align: left;
	font-weight: bold;
	line-height: 1.5;
	padding: 10px;
	border-bottom: 1px solid #ddd;
}

#coupon .myCoupon_body table td {
	font-size: 15px;
	color: #666;
	text-align: right;
	line-height: 1.5;
	padding: 10px;
	border-bottom: 1px solid #ddd;
}

#coupon .myCoupon_card {
	display: table-cell;
	width: 60%;
	border: 3px solid #333;
	border-radius: 5px;
	box-sizing: border-box;
	vertical-align: middle;
	position: relative;
	padding: 70px 35px 50px;
}

#coupon .myCoupon_card .tit {
	background-color: #b55d9e;
	font-size: 16px;
	color: #fff;
	font-weight: bold;
	display: inline-block;
	padding: 5px 40px 5px 20px;
	border-bottom-right-radius: 40px;
	position: absolute;
	top: 0;
	left: 0;
}

#coupon .myCoupon_card table {
	padding-left: 130px;
}

#coupon .myCoupon_card table th {
	border-bottom: 1px solid #333;
	vertical-align: middle;
	padding: 0;
	font-weight: normal;
}

#coupon .myCoupon_card table td {
	border-bottom: 1px solid #333;
	vertical-align: middle;
	font-size: 40px;
	padding: 0;
}

#coupon .myCoupon_card table td strong {
	
}

#coupon .myCoupon_info {
	display: table-cell;
	width: 40%;
	box-sizing: border-box;
	padding: 25px;
	vertical-align: top;
}

#coupon .article h2 {
	margin-bottom: 15px;
	padding-left: 10px;
}

#greenche_stroy .staff {
	border: 0.6em solid #e9e9e9;
	position: relative;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding: 2% 3%;
	margin: 1.667em 0;
}

#greenche_stroy .staff:after {
	display: block;
	clear: both;
	content: "";
}

#greenche_stroy .staff>p {
	font-size: 15px;
	color: #333;
	font-weight: bold;
	padding-bottom: 1em;
}

#greenche_stroy .staff>ul {
	
}

#greenche_stroy .staff li {
	position: relative;
	padding-left: 1em;
	line-height: 1.3em;
	margin-top: 11px;
	max-width: 700px;
}

#greenche_stroy .staff li:first-child {
	margin-top: 0;
}

#greenche_stroy .staff li:after {
	position: absolute;
	top: 0.4em;
	left: 0;
	width: 0.35em;
	height: 0.35em;
	border-radius: 30px;
	background-color: #bdbdbd;
	content: "";
}

/*占쎄국*/
.btn_ship {
	display: block;
	width: 85px;
	height: 21px;
	line-height: 21px;
	font-size: 12px;
	background: #fff;
	border: 1px solid #ccc;
	margin: 3px auto 0 auto
}

.txt-set {
	display: block;
	margin-bottom: 3px;
	color: #8aba3f;
	font-weight: 700;
	font-size: 14px
}

/* 180717 異붽  */
.btn_coupon {
	font-size: 13px;
	background: #333;
	color: #fff;
	vertical-align: middle;
	margin-left: 18px;
	padding: 5px
}

.btn_gift {
	border-bottom: 1px solid #aaa;
}

.mt8 {
	margin-top: 8px
}

.coupon_btn_w {
	text-align: right;
	margin-bottom: 18px
}

.btn-st1 {
	height: 28px;
	padding: 0 8px;
	font-size: 13px;
}

.coupon_btn_w button {
	margin-left: 5px;
	background: #333;
	color: #fff
}

.bg-black {
	background: #333;
	color: #fff
}

.bg-white {
	background: #fff;
	color: #111;
	border: 1px solid #ccc
}

.price-edit {
	background: #eee;
	vertical-align: text-bottom;
	font-size: 14px;
	display: inline-block;
	margin-top: 8px;
	padding: 3px
}

#pop_coupon {
	position: fixed;
	left: 50%;
	top: 50%;
	z-index: 111;
	background: #fff;
	padding: 30px;
	display: none;
	z-index: 150;
	width: 800px;
	margin-left: -400px
}

#pop_coupon header {
	position: relative;
	margin-bottom: 15px
}

#pop_coupon h2 {
	font-size: 24px
}

#pop_coupon .close {
	position: absolute;
	right: 0;
	top: 0;
	font-size: 30px;
	line-height: 1
}

#pop_coupon .cont {
	font-size: 14px;
	max-height: 470px;
	overflow-y: auto
}

#pop_coupon .cont th, #pop_coupon .cont td {
	font-size: 14px !important
}

#pop_coupon .cont td {
	padding: 10px !important
}

#pop_coupon .disable td {
	background: #eee;
	color: #888
}

#pop_coupon .disable td button {
	background: #ccc;
	color: #777
}

.coupon_btn_w.c {
	text-align: center
}

#coupon_list table td {
	vertical-align: middle
}

#coupon_list table .end {
	background: #f7f7f7
}

#coupon_list table .end td {
	color: #aaa !important
}

#coupon_list table td a {
	text-decoration: underline
}

#pop_coupon_m {
	position: fixed;
	left: 50%;
	top: 50%;
	z-index: 111;
	background: #fff;
	padding: 30px;
	display: none;
	z-index: 150;
	width: 1000px;
	margin-left: -500px
}

#pop_coupon_m header {
	position: relative;
	margin-bottom: 15px
}

#pop_coupon_m h2 {
	font-size: 24px
}

#pop_coupon_m .close {
	position: absolute;
	right: 0;
	top: 0;
	font-size: 30px;
	line-height: 1
}

#pop_coupon_m .cont {
	font-size: 14px;
	max-height: 1000px;
	overflow-y: auto;
	min-height: 500px
}

.box_edit_type3 {
	height: 100%;
}

.box_edit_type3:after {
	content: "";
	clear: both;
	display: block;
}

.box_edit_type3>nav {
	float: left;
	width: 23%;
	height: 100%;
	padding-top: 30px;
	box-sizing: border-box;
	position: relative;
	border: 1px solid #ddd;
	margin-left: 2.666%;
	min-height: 300px
}

.box_edit_type3>nav:first-child {
	margin-left: 0;
}

.box_edit_type3>nav>h3 {
	height: 30px;
	position: absolute;
	width: 100%;
	background-color: #9fbfb1;
	width: 100%;
	line-height: 30px;
	text-align: center;
	top: 0;
	box-sizing: border-box;
}

.box_edit_type3>nav>ul {
	height: 100%;
	overflow: hidden;
	overflow-y: auto;
}

.box_edit_type3>nav>ul>li {
	
}

.box_edit_type3>nav>ul>li>a {
	display: block;
	line-height: 1.5em;
	padding: 5px;
}

.box_edit_type3>nav>ul>li.on>a {
	color: #fff;
	background: #5ca7fc url(/oktomato/images/common/ico_selected.png)
		no-repeat right 10px center;
}

.box_edit_type3>nav.depth1 {
	
}

.box_edit_type3>nav.depth2 {
	
}

.box_edit_type3>nav.depth3 {
	
}

.box_edit_type3>nav.depth4 {
	
}

#searchBox.new {
	background: #f3f3f5;
	padding: 10px
}

#searchBox.new input {
	height: 28px;
	border: 0;
	padding: 0 5px
}

#searchBox.new button {
	width: 47px;
	height: 28px
}

.fl {
	float: left;
}

.fr {
	float: right;
}

.sch_goods_w * {
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
}

.sch_goods_w .l {
	width: 37%;
	float: left;
}

.sch_goods_w .r {
	width: 60%;
	float: right;
	position: relative;
}

.box_edit_type3.cate2>nav {
	width: 47%
}

.sch_goods_w .submit_sch {
	text-align: left;
	position: relative;
	margin-top: 18px;
}
/* .sch_goods_w .submit_sch:before{position:absolute;left: 50%;width: 1px;height: 100%;background: #ddd;content: ''} */
.sch_goods_w .submit_sch>* {
	max-height: 500px;
	overflow-y: auto;
	padding: 0 1em;
}
/* .submit_sch .dep1{float: left; width: 50%}
.submit_sch .dep2{float: right; width: 50%} */
.pop_goods_img {
	margin: 0 0 0 -3%;
	position: relative;
	font-size: 13px;
}

.pop_goods_img li {
	margin: 0 0 3% 3%;
	position: relative;
	float: left;
	width: 47%
}

.pop_goods_img li img {
	max-width: 100%
}

.pop_goods_img .img {
	position: relative;
	padding-bottom: 77%;
	width: 100% !important;
	height: auto !important;
	border: 0 !important
}

.pop_goods_img .img img {
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	margin: auto;
	max-height: 100%
}

.pop_goods_img .txt {
	white-space: nowrap;
}

.pop_goods_img .tit {
	text-align: center;
	height: 30px;
	overflow: hidden;;
	line-height: 1.15;
}

.pop_goods_img button {
	position: absolute;
	top: 0;
	right: 0
}

.category_menu {
	margin-top: 8px;
}

.category_menu * {
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
}

.category_menu>li {
	float: right;
	width: 49%;
}

.category_menu>li:first-child {
	float: left;
}

.category_menu .tit {
	display: block;
	text-align: center;
	background: #f1f1f1
}

.category_menu .depth>li {
	float: left;
	width: 50%
}

.cate_btn {
	float: right;
}

button.intb.gold {
	min-width: 30px;
	padding: 0px 15px;
	height: 28px;
	color: #fff;
	font-size: 13px;
	font-weight: 700;
	background: #a98c61;
	border-radius: 3px;
	border-width: 0px;
	-webkit-transition: .1s linear;
	-moz-transition: .1s linear;
	-o-transition: .1s linear;
	transition: .1s linear;
}

button.intb.gray {
	min-width: 30px;
	padding: 0px 15px;
	height: 28px;
	color: #575757;
	font-size: 13px;
	font-weight: 700;
	background: #E1E1E1;
	border-radius: 3px;
	border-width: 0px;
	-webkit-transition: .1s linear;
	-moz-transition: .1s linear;
	-o-transition: .1s linear;
	transition: .1s linear;
}

#pop_register_hacode {
	width: 94%;
	max-width: 600px;
	background-color: #fff;
}

#pop_register_hacode>.inner {
	position: relative;
	width: 100%;
	padding: 50px 30px;
	box-sizing: border-box;
}

#pop_register_hacode .closeBtn {
	position: absolute;
	top: 25px;
	right: 25px;
}

#pop_register_hacode .closeBtn span {
	display: block;
	width: 26px;
	height: 26px;
	position: relative;
}

#pop_register_hacode .closeBtn span:before, #pop_register_hacode .closeBtn span:after
	{
	content: '';
	position: absolute;
	top: 50%;
	left: 0;
	width: 100%;
	height: 3px;
	background-color: #28534a;
	margin-top: -1.5px;
}

#pop_register_hacode .closeBtn span:before {
	transform: rotate(-45deg);
}

#pop_register_hacode .closeBtn span:after {
	transform: rotate(45deg);
}

#pop_register_hacode .top_title {
	font-size: 25px;
	color: #333;
	line-height: 1.5;
	padding: 0 15px;
	margin-bottom: 20px;
}

#pop_register_hacode .agreeBox {
	background-color: #e8f0ee;
	border: 1px solid #cee1dc;
	padding: 20px 30px;
}

#pop_register_hacode .agreeBox .tit {
	font-size: 18px;
	color: #333;
	margin-bottom: 20px;
}

#pop_register_hacode .agreeBox ul li {
	font-size: 15px;
	color: #7b9898;
	line-height: 1.5;
	padding-left: 10px;
	text-indent: -10px;
}

#pop_register_hacode .agreeBox ul li+li {
	margin-top: 10px;
}

#pop_register_hacode .agreeBox .agreeChk {
	margin-top: 30px;
	padding: 0 10px;
}

#pop_register_hacode [type="radio"] {
	box-sizing: border-box;
	padding: 0;
}

#pop_register_hacode [type="radio"]:not(:checked), #pop_register_hacode [type="radio"]:checked
	{
	position: absolute;
	left: -9999px;
	opacity: 0;
}

#pop_register_hacode [type="radio"]+label {
	position: relative;
	padding-left: 30px;
	cursor: pointer;
	display: inline-block;
	height: 20px;
	line-height: 20px;
	font-size: 15px;
	color: #333;
	vertical-align: middle;
	-webkit-user-select: none;
	-moz-user-select: none;
	-khtml-user-select: none;
	-ms-user-select: none;
	margin-right: 20px;
}

#pop_register_hacode [type="radio"]+label:last-child {
	margin-right: 0;
}

#pop_register_hacode [type="radio"]+label:before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 20px;
	height: 20px;
	z-index: 0;
	border: 1px solid #666666;
	border-radius: 0;
	background-color: #fff;
	transition: .2s;
	margin: 0;
	box-sizing: border-box;
}

#pop_register_hacode [type="radio"]:checked+label:before {
	border-color: #005116;
	background-color: #005116;
}

#pop_register_hacode [type="radio"]:checked+label:after {
	content: '';
	position: absolute;
	top: 0px;
	left: 5px;
	z-index: 1;
	width: 9px;
	height: 14px;
	border-top: 2px solid transparent;
	border-left: 2px solid transparent;
	border-right: 2px solid #fff;
	border-bottom: 2px solid #fff;
	-webkit-transform: rotateZ(37deg);
	transform: rotateZ(37deg);
	box-sizing: border-box;
}

#pop_register_hacode .bot_text {
	text-align: center;
	padding: 35px 0;
	font-size: 18px;
	color: #333;
}

#pop_register_hacode .bot_text span {
	color: #1d7462;
	border-bottom: 1px solid #1d7462;
}

#pop_register_hacode .inputArea {
	position: relative;
}

#pop_register_hacode .inputArea input {
	border: 1px solid #999;
	padding: 0 20px;
	padding-right: 150px;
	width: 100%;
	height: 50px;
	font-size: 18px;
	color: #333;
	box-sizing: border-box;
}

#pop_register_hacode .inputArea button {
	width: 140px;
	height: 40px;
	background-color: #e9e9e9;
	color: #666;
	font-size: 15px;
	position: absolute;
	top: 5px;
	right: 5px;
}

#pop_register_hacode .btnArea {
	margin-top: 35px;
	text-align: center;
}

#pop_register_hacode .btnArea button {
	width: 175px;
	height: 50px;
	background-color: #333;
	color: #fff;
	font-size: 15px;
}

/* New Membership */
input::placeholder {
	color: #8d8d8d;
}

.ipt {
	background-color: #fff;
	border: 1px solid #b9b9b9;
	padding: 0 0.667em;
	height: 30px;
	line-height: 30px;
	box-sizing: border-box;
	outline: none;
}

textarea.ipt {
	height: auto;
	line-height: 1.5;
	resize: none;
	padding: 0.667em;
}

.ipt.trans {
	border-width: 0;
}

.ipt.sty01 {
	border-width: 0;
	border-bottom-width: 1px;
}

.ipt.w50 {
	width: 50px !important;
}

.ipt.w100 {
	width: 100px !important;
}

.ipt.w200 {
	width: 200px !important;
}

.ipt.w350 {
	width: 350px !important;
}

.ipt.w600 {
	width: 600px !important;
}

.ipt.w100p {
	width: 100%;
}

.ipt.center {
	text-align: center;
}

.ipt:disabled {
	background-color: #eee;
	color: #aaa;
}

.ipt_group {
	position: relative;
	display: table;
	width: 100%;
}

.ipt_group+.ipt_group {
	margin-top: 0.5em;
}

.ipt_group.right {
	text-align: right;
}

.ipt_group .ipt {
	display: table-cell;
	position: relative;
	z-index: 2;
	float: left;
	width: 100%;
}

.ipt_left, .ipt_right {
	display: table-cell;
	position: relative;
	width: 1%;
	white-space: nowrap;
	vertical-align: middle;
}

.ipt_left {
	padding-right: 0.5em;
}

.ipt_left.addon {
	padding-right: 0;
}

.ipt_left.addon>* {
	border-top-right-radius: 0;
	border-bottom-right-radius: 0;
}

.ipt_left>.btn {
	height: 2.667em;
	line-height: 2.667em;
}

.ipt_left.addon+.ipt:not(:first-child):not(:last-child) {
	border-radius: 0;
	border-left: 0;
	border-right: 0;
}

.ipt_right {
	padding-left: 0.5em;
}

.ipt_right.addon {
	padding-left: 0;
}

.ipt_right.addon>* {
	border-top-left-radius: 0;
	border-bottom-left-radius: 0;
}

.ipt_right>.btn {
	height: 2.667em;
	line-height: 2.667em;
}

.ipt ~ .ipt_right.addon {
	border-top-right-radius: 0;
	border-bottom-right-radius: 0;
}

.ipt[type="number"]::-webkit-outer-spin-button, .ipt[type="number"]::-webkit-inner-spin-button
	{
	-webkit-appearance: none;
	margin: 0;
}

.datepicker {
	position: relative;
}

.datepicker .ipt {
	padding-right: 3em;
}

.datepicker .btn {
	position: absolute;
	top: 0;
	right: 0;
	z-index: 3;
	cursor: pointer;
}

.ipt.stGray {
	height: 50px;
	line-height: 48px;
	background-color: #f3f3f3;
	border-color: #f3f3f3;
	padding: 5px 20px;
}

.ipt.innerBtn {
	
}

.ipt.innerBtn+.btn {
	height: 30px;
	line-height: 30px;
	font-size: 13px;
	position: absolute;
	top: 5px;
	right: 5px;
	z-index: 3;
	cursor: pointer;
}

.ipt_field {
	position: relative;
	margin-top: 1em;
}

.ipt_field input, .ipt_field textarea {
	width: 100%;
	background-color: transparent;
	border: none;
	border-bottom: 1px solid #ced9ee;
	border-radius: 0;
	outline: none;
	height: 3em;
	width: 100%;
	font-size: 1em;
	color: #666;
	margin: 0 0 1.333em 0;
	padding: 0;
	-webkit-box-shadow: none;
	box-shadow: none;
	-webkit-box-sizing: content-box;
	box-sizing: content-box;
	-webkit-transition: all 0.3s;
	transition: all 0.3s;
}

.ipt_field textarea {
	overflow-y: hidden;
	padding: 0.8em 0 1.6em 0;
	resize: none;
	min-height: 3em;
}

.ipt_field label {
	width: 100%;
	color: #999;
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	font-size: 1em;
	cursor: text;
	-webkit-transition: -webkit-transform .2s ease-out;
	transition: -webkit-transform .2s ease-out;
	transition: transform .2s ease-out;
	transition: transform .2s ease-out, -webkit-transform .2s ease-out;
	-webkit-transform-origin: 0% 100%;
	transform-origin: 0% 100%;
	text-align: initial;
	-webkit-transform: translateY(12px);
	transform: translateY(12px);
	pointer-events: none;
}

.ipt_field label .re {
	color: #fc1a1a;
}

.ipt_field .pwView {
	position: absolute;
	top: 8px;
	right: 0;
	width: 30px;
	height: 30px;
	background: url(/pc/brand/images/common/ico_pwview.png) center no-repeat;
	text-indent: -9999px;
	border: 0;
	padding: 0;
	outline: none;
	cursor: pointer;
}

.ipt_field .pwView.on {
	background: url(/pc/brand/images/common/ico_pwview_on.png) center
		no-repeat;
}

.ipt_field input:focus, .ipt_field textarea:focus, .ipt_field.active input,
	.ipt_field.active textarea {
	border-bottom: 1px solid #666;
}

.ipt_field input:focus+label, .ipt_field textarea:focus+label,
	.ipt_field.active label {
	-webkit-transform: translateY(-14px) scale(0.8);
	transform: translateY(-14px) scale(0.8);
	-webkit-transform-origin: 0 0;
	transform-origin: 0 0;
	color: #666;
}

.ipt_field input.valid {
	border-bottom: 1px solid #00bf6f;
}

.ipt_field input.invalid {
	border-bottom: 1px solid #f96b5f;
}

.ipt_field input+label+.ht {
	position: relative;
	font-size: 0.75em;
	line-height: 20px;
	display: block;
	min-height: 20px;
	margin-top: -20px;
}

.ipt_field input.valid+label+.ht, .ipt_field input.invalid+label+.ht {
	color: transparent;
}

.ipt_field input+label+.ht:after {
	content: '';
	display: none;
	position: absolute;
	top: 0;
}

.ipt_field input.valid+label+.ht:after {
	content: attr(data-success);
	color: #00bf6f;
	display: block;
}

.ipt_field input.invalid+label+.ht:after {
	content: attr(data-error);
	color: #f96b5f;
	display: block;
}

.ipt_field .btn {
	position: absolute;
	top: 6px;
	right: 0;
	height: 30px;
	line-height: 30px;
}

input[type="checkbox"].custom, input[type="radio"].custom {
	box-sizing: border-box;
	padding: 0;
}

[type="radio"].custom:not(:checked), [type="radio"].custom:checked, [type="checkbox"].custom:not(:checked),
	[type="checkbox"].custom:checked {
	position: absolute;
	left: -9999px;
	opacity: 0;
}

[type="radio"].custom:not(:checked)+label, [type="radio"].custom:checked+label
	{
	position: relative;
	padding-left: 25px;
	cursor: pointer;
	display: inline-block;
	min-width: 30px;
	height: 30px;
	line-height: 30px;
	font-size: 1em;
	margin-right: 20px;
	transition: .28s ease;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

[type="radio"].custom+label.text-none {
	min-width: auto;
	padding-left: 20px;
}

[type="radio"].custom+label:before, [type="radio"].custom+label:after {
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	margin: 5px 5px 5px 0;
	width: 20px;
	height: 20px;
	z-index: 0;
	transition: .28s ease;
	box-sizing: border-box;
}

[type="radio"].custom:not(:checked)+label:before, [type="radio"].custom:not(:checked)+label:after,
	[type="radio"].custom:checked+label:before, [type="radio"].custom:checked+label:after
	{
	border-radius: 50%;
}

[type="radio"].custom:not(:checked)+label:before, [type="radio"].custom:not(:checked)+label:after
	{
	border: 1px solid #ced9ee;
}

[type="radio"].custom:checked+label:after, [type="radio"].custom:checked+label:before
	{
	border: 1px solid #ced9ee;
}

[type="radio"].custom:checked+label:after {
	background-color: #1d9244;
	-webkit-transform: scale(0.5);
	transform: scale(0.5);
}

[type="checkbox"].custom+label {
	position: relative;
	padding-left: 35px;
	cursor: pointer;
	display: inline-block;
	height: 25px;
	line-height: 25px;
	font-size: 1em;
	-webkit-user-select: none;
	-moz-user-select: none;
	-khtml-user-select: none;
	-ms-user-select: none;
	margin-right: 20px;
	vertical-align: middle;
}

[type="radio"].custom+label:last-child, [type="checkbox"].custom+label:last-child
	{
	margin-right: 0;
}

[type="checkbox"].custom+label:before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 25px;
	height: 25px;
	z-index: 0;
	border: 1px solid #bababa;
	background-color: #fff;
	transition: .2s;
	margin: 0;
	box-sizing: border-box;
}

[type="checkbox"].custom:checked+label:before {
	
}

[type="checkbox"].custom:checked+label:after {
	content: '';
	position: absolute;
	top: 3px;
	left: 8px;
	z-index: 1;
	width: 9px;
	height: 15px;
	border-right: 2px solid #16b583;
	border-bottom: 2px solid #16b583;
	-webkit-transform: rotateZ(45deg);
	transform: rotateZ(45deg);
	box-sizing: border-box;
}

[type="checkbox"].custom+label.text-none {
	min-width: auto;
	padding-left: 25px;
	margin-right: 10px;
}

#subPageTitle {
	font-size: 30px;
	color: #333;
	text-align: center;
	margin-top: 60px;
	font-weight: bold;
}

.loginPageSection {
	max-width: 500px;
	background-color: #fff;
	border: 1px solid #d9d9d9;
	padding: 50px;
	margin: 30px auto 70px;
	box-sizing: border-box;
}

.loginPageSection .logo {
	text-align: center;
	margin-bottom: 20px;
}

.loginPageSection .logo img {
	width: 70px;
}

.loginPageSection .title {
	display: none;
	text-align: center;
	font-size: 40px;
	color: #333;
	position: relative;
	margin-bottom: 40px;
	padding-bottom: 10px;
	font-weight: 500;
}

.loginPageSection .title:after {
	content: '';
	width: 35px;
	height: 1px;
	background-color: #a2a2a2;
	position: absolute;
	bottom: 0;
	left: 50%;
	margin-left: -12.5px;
}

.loginPageSection .subTit {
	display: none;
}

.loginPageSection .login_form {
	margin: 0 auto;
}

.loginPageSection .login_form .ipt_field {
	margin-top: 0;
}

.loginPageSection .login_form .ipt_field+.ipt_field {
	margin-top: 10px;
}

.loginPageSection .login_form .ipt_field input {
	font-size: 15px;
	border: 1px solid #ccc;
	background-color: #f5f5f5;
	border-radius: 0;
	padding: 0 20px;
	box-sizing: border-box;
	height: 50px;
	margin-bottom: 0;
	color: #333;
	position: relative;
	z-index: 2;
}

.loginPageSection .login_form .ipt_field input:focus {
	border-color: #bfcbd2;
	background-color: #fff;
}

.loginPageSection .login_form .ipt_field label {
	width: auto;
	line-height: 50px;
	-webkit-transform: translateY(0);
	transform: translateY(0);
	left: 20px;
	color: #9ca6ae;
	z-index: 2;
	font-size: 15px;
	color: #a8a8a8;
}

.loginPageSection .login_form .ipt_field input:focus+label,
	.loginPageSection .login_form .ipt_field label.active {
	display: none;
}

.loginPageSection .login_form .ipt_field input.invalid {
	margin-bottom: 25px;
}

.loginPageSection .login_form .ipt_field input+label+.ht {
	z-index: 1;
}

.loginPageSection .login_form .ipt_field .pwView {
	top: 10px;
	right: 15px;
	z-index: 2;
}

.loginPageSection .login_form .login_btn {
	margin-top: 20px;
}

.loginPageSection .login_form .login_btn .btn {
	display: block;
	text-align: center;
	font-size: 20px;
	color: #fff;
	width: 100%;
	height: 70px;
	line-height: 70px;
	background-color: #1d9244;
	color: #fff;
	border: 1px solid #1d9244;
	padding: 0;
}

.loginPageSection .login_form .loginOpt {
	margin-top: 15px;
	width: 100%;
	display: table;
}

.loginPageSection .login_form .loginOpt>* {
	display: table-cell;
	vertical-align: middle;
}

.loginPageSection .login_form .loginOpt label {
	font-size: 13px;
	color: #666;
}

.loginPageSection .login_form .loginOpt [type="checkbox"].custom:checked+label:after
	{
	border-right-color: #1d9244;
	border-bottom-color: #1d9244;
}

.loginPageSection .login_form .loginOpt .findAccount {
	text-align: right;
}

.loginPageSection .login_form .loginOpt .findAccount li {
	display: inline-block;
	position: relative;
}

.loginPageSection .login_form .loginOpt .findAccount li+li {
	padding-left: 10px;
	margin-left: 10px;
}

.loginPageSection .login_form .loginOpt .findAccount li+li:before {
	content: '';
	width: 1px;
	height: 12px;
	margin-top: -6px;
	background-color: #d8d8d8;
	position: absolute;
	top: 50%;
	left: 0;
}

.loginPageSection .login_form .loginOpt .findAccount li a {
	font-size: 13px;
	color: #666;
}

.loginPageSection .login_form+.join_form {
	margin-top: 30px;
	border-top: 1px solid #e4e4e4;
}

.loginPageSection .join_form {
	padding-top: 30px;
}

.loginPageSection .join_form .joinTxt {
	text-align: center;
	font-size: 15px;
	color: #333;
	margin-bottom: 15px;
}

.loginPageSection .join_form .joinBtn {
	display: block;
	text-align: center;
	font-size: 20px;
	width: 100%;
	height: 70px;
	line-height: 70px;
	background-color: #fff;
	color: #333;
	border: 1px solid #bababa;
	padding: 0;
}

.loginPageSection .join_form .joinBtn.type1 {
	background-color: #1d9244;
	border-color: #1d9244;
	color: #fff;
	margin-bottom: 30px;
}

.loginPageSection .join_form .joinBtn.type2 {
	background-color: #fff;
	border-color: #1d9244;
	color: #1d9244;
	border-width: 2px;
	margin-bottom: 30px;
}

.loginPageSection .join_form .joinBtn.type2 span {
	color: #0f7575;
}

.loginPageSection .join_form .info {
	padding: 10px 0;
	box-sizing: border-box;
}

.loginPageSection .join_form .info .tit {
	font-size: 20px;
	color: #222;
	margin-bottom: 15px;
}

.loginPageSection .join_form .info .tit .icon {
	width: 20px;
	margin-right: 5px;
	vertical-align: middle;
	margin-top: -3px;
}

.loginPageSection .join_form .info .txt {
	font-size: 15px;
	color: #666;
}

.loginPageSection .find_form {
	
}

.loginPageSection .find_form .form {
	margin-bottom: 40px;
}

.loginPageSection .find_form .form li+li {
	margin-top: 25px;
}

.loginPageSection .find_form .form li .tit {
	font-size: 15px;
	color: #666;
	margin-bottom: 10px;
}

.loginPageSection .find_form .form li .ipt {
	width: 100%;
	height: 50px;
	box-sizing: border-box;
	border-color: #ccc;
	background-color: #f5f5f5;
	padding: 0 20px;
}

.loginPageSection .find_form .form li .ipt::placeholder {
	color: #aeaeae;
}

.loginPageSection .find_form .form li .ipt_right {
	vertical-align: top;
}

.loginPageSection .find_form .form li .sendBtn {
	font-size: 15px;
	width: 80px;
	height: 50px;
	line-height: 50px;
	border: 1px solid #333;
	color: #333;
	background-color: #fff;
	border-radius: 5px;
	box-sizing: border-box;
}

.loginPageSection .find_form .form li .ipt.cert {
	border-color: #ec2127;
	padding-right: 65px;
}

.loginPageSection .find_form .form li .certBtn {
	font-size: 15px;
	width: 80px;
	height: 50px;
	line-height: 50px;
	border: 1px solid #ec2127;
	color: #fff;
	background-color: #ec2127;
	border-radius: 5px;
	box-sizing: border-box;
}

.loginPageSection .find_form .form li .certNum {
	color: #ec2127;
	font-size: 0.85em;
	line-height: 1.2;
	margin-top: 7px;
	display: inline-block;
}

.loginPageSection .find_form .form li .certCount {
	font-size: 15px;
	color: #ec2127;
	position: absolute;
	top: 15px;
	right: 100px;
	z-index: 2;
}

.loginPageSection .find_form .form li #phoneNumCert.completed .certNum {
	display: none;
}

.loginPageSection .find_form .form li #phoneNumCert.completed .certCount
	{
	display: none;
}

.loginPageSection .find_form .form li #phoneNumCert.completed .ipt {
	border-color: #5db244;
}

.loginPageSection .find_form .form li #phoneNumCert.completed .ipt_right
	{
	display: none;
}

.loginPageSection .find_form .btns button {
	background-color: #1d9244;
	border: 1px solid #1d9244;
	display: block;
	text-align: center;
	font-size: 20px;
	color: #fff;
	width: 100%;
	height: 70px;
	line-height: 70px;
	padding: 0;
}

.loginPageSection .find_form .ipt.validate+.ht {
	position: relative;
	font-size: 0.85em;
	line-height: 20px;
	display: block;
	min-height: 20px;
	margin-top: -20px;
	float: left;
	width: 100%;
}

.loginPageSection .find_form .ipt.invalid+.ht {
	margin-top: 0.5em;
	color: #ec2127;
}

#container.sub .container_inner.joinPage {
	max-width: 770px;
}

#joinStep {
	background-color: #fff;
	border-bottom: 2px solid #333;
	width: 100%;
	height: 70px;
	margin-top: 40px;
	position: relative;
	display: table;
	box-sizing: border-box;
}

#joinStep>* {
	display: table-cell;
	vertical-align: middle;
}

#joinStep .step {
	display: none;
}

#joinStep .title {
	font-size: 24px;
	color: #333;
	line-height: 70px;
	font-weight: bold;
}

#joinStep .list {
	text-align: right;
}

#joinStep .list>li {
	display: inline-block;
	vertical-align: middle;
	text-align: center;
	line-height: 36px;
	width: 40px;
	height: 40px;
	background-color: #ededed;
	border: 2px solid #ededed;
	color: #c3c3c3;
	border-radius: 100%;
	position: relative;
}

#joinStep .list>li+li {
	margin-left: 40px;
}

#joinStep .list>li+li:before {
	content: '';
	position: absolute;
	left: -27px;
	top: 14px;
	width: 0;
	height: 0;
	border-top: 4px solid transparent;
	border-left: 8px solid #d3d3d3;
	border-bottom: 4px solid transparent;
}

#joinStep .list>li.active {
	border-color: #1d9244;
	background-color: #fff;
	text-indent: -9999px;
}

#joinStep .list>li.active:after {
	content: '';
	position: absolute;
	top: 11px;
	left: 9px;
	display: inline-block;
	width: 20px;
	height: 10px;
	border-left: 2px solid #1d9244;
	border-bottom: 2px solid #1d9244;
	transform: rotate(-45deg);
}

#joinStep .list>li.active+li:before {
	border-left-color: #1d9244;
}

.requiredAlert {
	text-align: right;
	margin-top: 15px;
}

.requiredAlert span {
	color: #d23232;
}

.joinPageSection {
	padding: 50px 0;
}

.joinPageSection>.title {
	font-size: 20px;
	color: #333;
	max-width: 640px;
	margin: 0 auto;
	margin-bottom: 30px;
}

.joinPageSection .terms_all {
	max-width: 445px;
	margin: 0 auto;
	margin-bottom: 35px;
}

.joinPageSection .terms_all input {
	box-sizing: border-box;
	padding: 0;
	position: absolute;
	left: -9999px;
	opacity: 0;
}

.joinPageSection .terms_all label {
	display: block;
	font-size: 20px;
	color: #222;
	width: 100%;
	height: 65px;
	line-height: 65px;
	border: 1px solid #939393;
	border-radius: 5px;
	text-align: center;
	position: relative;
	cursor: pointer;
}

.joinPageSection .terms_all label:before {
	content: '';
	display: inline-block;
	width: 30px;
	height: 15px;
	border-left: 3px solid #222;
	border-bottom: 3px solid #222;
	transform: rotate(-45deg);
	margin-right: 20px;
	margin-bottom: 5px;
	cursor: pointer;
}

.joinPageSection .terms_all input:checked+label {
	color: #1d9244;
	border-color: #1d9244;
}

.joinPageSection .terms_all input:checked+label:before {
	border-color: #1d9244;
}

.joinPageSection .terms_list {
	max-width: 440px;
	margin: 0 auto;
}

.joinPageSection .terms_list>li {
	display: table;
	width: 100%;
	box-sizing: border-box;
	padding: 10px 4px;
}

.joinPageSection .terms_list>li+li {
	border-top: 1px solid #e1e1e1;
}

.joinPageSection .terms_list>li>* {
	display: table-cell;
	vertical-align: top;
}

.joinPageSection .terms_list>li .chk {
	font-size: 16px;
	line-height: 30px;
	color: #333;
}

.joinPageSection .terms_list>li .chk label {
	margin-right: 0;
	vertical-align: middle;
}

.joinPageSection .terms_list>li .chk [type="checkbox"].custom:checked+label:after
	{
	border-right-color: #1d9244;
	border-bottom-color: #1d9244;
}

.joinPageSection .terms_list>li .chk span {
	color: #1d9244;
}

.joinPageSection .terms_list>li .chk .sub {
	margin-left: 40px;
	margin-top: 5px;
}

.joinPageSection .terms_list>li .chk .sub li {
	display: inline-block;
}

.joinPageSection .terms_list>li .chk .sub li+li {
	margin-left: 15px;
}

.joinPageSection .terms_list>li .link {
	text-align: right;
	line-height: 30px;
}

.joinPageSection .terms_list>li .link a {
	font-size: 15px;
	color: #787878;
	position: relative;
	display: inline-block;
}

.joinPageSection .terms_list>li .link a:after {
	content: '';
	display: inline-block;
	width: 10px;
	height: 10px;
	border-top: 1px solid #b2b2b2;
	border-right: 1px solid #b2b2b2;
	transform: rotate(45deg);
	margin-left: 8px;
}

.joinPageSection .terms_alert {
	max-width: 400px;
	margin: 0 auto;
	margin-top: 20px;
	font-size: 13px;
	color: #a1a1a1;
	background-color: #f0f0f0;
	padding: 20px;
	line-height: 1.5;
}

.joinPageSection .terms_alert span {
	color: #333;
}

.joinPageSection .terms_alert a {
	color: #4675f9;
	border-bottom: 1px solid #4675f9;
}

.joinPageSection .join_form {
	max-width: 620px;
	margin: 0 auto;
}

.joinPageSection .join_form dl {
	display: table;
	width: 100%;
	box-sizing: border-box;
}

.joinPageSection .join_form *+dl {
	margin-top: 30px;
}

.joinPageSection .join_form dl>* {
	display: table-cell;
	vertical-align: top;
}

.joinPageSection .join_form dt {
	width: 130px;
	height: 50px;
	line-height: 50px;
	font-size: 15px;
	color: #333;
}

.joinPageSection .join_form dt.re:after {
	content: '*';
	color: #d23232;
}

.joinPageSection .join_form dd {
	line-height: 50px;
	font-size: 15px;
	color: #333;
}

.joinPageSection .join_form dd .ipt {
	height: 50px;
	line-height: 50px;
	font-size: 15px;
	border-color: #dbdbdb;
	color: #666;
}

.joinPageSection .join_form dd .ipt.cert {
	border-color: #ec2127;
	padding-right: 65px;
}

.joinPageSection .join_form dd .ipt_left, .joinPageSection .join_form dd .ipt_right
	{
	vertical-align: top;
}

.joinPageSection .join_form dd .sendBtn {
	font-size: 15px;
	width: 80px;
	height: 50px;
	line-height: 50px;
	border: 1px solid #333;
	color: #333;
	background-color: #fff;
	border-radius: 5px;
	box-sizing: border-box;
}

.joinPageSection .join_form dd .certBtn {
	font-size: 15px;
	width: 80px;
	height: 50px;
	line-height: 50px;
	border: 1px solid #ec2127;
	color: #fff;
	background-color: #ec2127;
	border-radius: 5px;
	box-sizing: border-box;
}

.joinPageSection .join_form dd .certNum {
	color: #ec2127;
	font-size: 0.85em;
	line-height: 1.2;
	margin-top: 7px;
}

.joinPageSection .join_form dd .certCount {
	font-size: 15px;
	color: #ec2127;
	position: absolute;
	top: 0;
	right: 100px;
	z-index: 2;
}

.joinPageSection .join_form dd #phoneNumCert.completed .certNum {
	display: none;
}

.joinPageSection .join_form dd #phoneNumCert.completed .certCount {
	display: none;
}

.joinPageSection .join_form dd #phoneNumCert.completed .ipt {
	border-color: #5db244;
}

.joinPageSection .join_form dd #phoneNumCert.completed .ipt_right {
	display: none;
}

.joinPageSection .join_form dd .findAddressBtn {
	font-size: 15px;
	width: 120px;
	height: 50px;
	line-height: 50px;
	border: 1px solid #666;
	color: #666;
	background-color: #eee;
	border-radius: 5px;
	box-sizing: border-box;
	margin-top: 10px;
}

.joinPageSection .join_form dd .ipt_group.birth {
	margin: 0 -5px;
	display: block;
	width: auto;
}

.joinPageSection .join_form dd .ipt_group.birth:after {
	content: '';
	display: block;
	clear: both;
}

.joinPageSection .join_form dd .ipt_group.birth>* {
	width: 33.333%;
	float: left;
	box-sizing: border-box;
	padding: 0 5px;
}

.joinPageSection .join_form dd .ipt_group.email>* {
	display: table-cell;
	vertical-align: middle;
}

.joinPageSection .alert {
	max-width: 620px;
	margin: 0 auto;
	padding-left: 30px;
	font-size: 15px;
	color: #d3938b;
	position: relative;
	margin-top: 30px;
	box-sizing: border-box;
}

.joinPageSection .alert .icon {
	width: 20px;
	height: 20px;
	position: absolute;
	top: 1px;
	left: 0;
}

.joinPageSection .lohamiSelect {
	max-width: 620px;
	margin: 0 auto;
}

.joinPageSection .lohamiSelect li+li {
	margin-top: 20px;
}

.joinPageSection .lohamiSelect label {
	font-size: 15px !important;
	color: #333 !important;
}

.joinPageSection .lohamiSelect .em {
	font-size: 15px;
	color: #ec2127;
	padding-left: 25px;
}

.joinPageSection .lohamiSelect .findLohami {
	border: 1px solid #787878;
	border-radius: 5px;
	padding: 25px;
	margin-top: 10px;
}

.joinPageSection .lohamiSelect .findLohami dl {
	display: table;
	width: 100%;
}

.joinPageSection .lohamiSelect .findLohami dl+dl {
	margin-top: 10px;
}

.joinPageSection .lohamiSelect .findLohami dl>* {
	display: table-cell;
	vertical-align: top;
}

.joinPageSection .lohamiSelect .findLohami dt {
	width: 80px;
	height: 50px;
	line-height: 50px;
	font-size: 15px;
	color: #333;
	box-sizing: border-box;
}

.joinPageSection .lohamiSelect .findLohami dd {
	line-height: 50px;
}

.joinPageSection .lohamiSelect .findLohami dd .ipt {
	height: 50px;
	line-height: 50px;
	font-size: 15px;
	border-color: #dbdbdb;
	color: #666;
}

.joinPageSection .lohamiSelect .findLohami .findLohamiBtn {
	display: block;
	width: 100%;
	font-size: 15px;
	height: 40px;
	line-height: 40px;
	border: 1px solid #333;
	color: #333;
	background-color: #fff;
	border-radius: 5px;
	box-sizing: border-box;
	margin-top: 20px;
}

.joinPageSection .alertBox {
	font-size: 15px;
	background-color: #f1f1f1;
	color: #666;
	text-align: center;
	padding: 30px;
	box-sizing: border-box;
	width: 100%;
	margin-top: 20px;
}

.joinPageSection .alertBox span {
	color: #ec2127;
}

.joinPageSection .alertBox .tel {
	color: #328eff;
}

.joinPageSection .completeBox {
	max-width: 440px;
	margin: 0 auto;
	line-height: 0;
	text-align: center;
}

.joinPageSection .completeBox img {
	max-width: 100%;
}

.joinPageSection .complete_btn {
	max-width: 440px;
	margin: 0 auto;
}

.joinPageSection .complete_btn:after {
	content: '';
	display: block;
	clear: both;
}

.joinPageSection .complete_btn li {
	float: left;
	width: 50%;
	padding: 5px;
	box-sizing: border-box;
}

.joinPageSection .complete_btn .btn {
	display: block;
	font-size: 20px;
	width: 100%;
	line-height: 65px;
	padding: 0;
	font-weight: 500;
	order: 1px solid #10caa7;
	border-radius: 5px;
	box-sizing: border-box;
	text-align: center;
}

.joinPageSection .complete_btn .type1 {
	color: #fff;
	background-color: #848484;
}

.joinPageSection .complete_btn .type2 {
	color: #fff;
	background-color: #333;
}

.join_step_btn {
	max-width: 445px;
	margin: 0 auto;
	padding-bottom: 50px;
}

.join_step_btn .btn {
	display: block;
	text-align: center;
	width: 100%;
	height: 70px;
	line-height: 70px;
	border: 0;
	border-radius: 5px;
	box-sizing: border-box;
	color: #fff;
	background-color: #333;
	font-size: 26px;
}

.join_form .ipt.validate+.ht {
	position: relative;
	font-size: 0.85em;
	line-height: 20px;
	display: block;
	min-height: 20px;
	margin-top: -20px;
	float: left;
	width: 100%;
}

.join_form .ipt.invalid+.ht {
	margin-top: 0.5em;
	color: #ec2127;
}

#mypage_myInfo {
	max-width: 880px;
	margin: 0 auto;
}

#mypage_myInfo .head {
	font-size: 22px;
	font-weight: 500;
	color: #222;
	border-bottom: 2px solid #333;
	padding-bottom: 15px;
}

#mypage_myInfo dl {
	padding: 30px 0;
	display: table;
	width: 100%;
	border-bottom: 1px solid #ddd;
}

#mypage_myInfo dl>* {
	display: table-cell;
	vertical-align: top;
}

#mypage_myInfo dl dt {
	font-size: 15px;
	color: #a0a0a0;
	padding-left: 30px;
	width: 225px;
	box-sizing: border-box;
}

#mypage_myInfo dl dd {
	font-size: 15px;
	color: #333;
	padding-right: 100px;
	position: relative;
}

#mypage_myInfo dl dd .btn {
	position: absolute;
	top: 50%;
	right: 20px;
	height: 35px;
	padding: 0 20px;
	border: 1px solid #818181;
	background-color: #fff;
	color: #333;
	font-size: 15px;
	margin-top: -17.5px;
}

#mypage_myInfo .smsChk {
	padding: 20px 0;
}

#mypage_myInfo .smsChk label {
	font-size: 15px;
	color: #333;
}

#mypage_myInfo_btns {
	padding: 20px 30px;
	margin-bottom: 50px;
	text-align: center;
}

#mypage_myInfo_btns>* {
	display: inline-block;
}

#mypage_myInfo_btns .btn {
	font-size: 16px;
	border: 1px solid #333;
	background-color: #333;
	color: #fff;
	display: inline-block;
	width: 155px;
	height: 50px;
	line-height: 50px;
	box-sizing: border-box;
}

#mypage_myInfo_btns .btn.black {
	background-color: #222;
	border-color: #222;
}

#mypage_myInfo_btns .btn.gray {
	background-color: #adadad;
	border-color: #adadad;
}

#mypage_chagne_pw {
	max-width: 480px;
}

#mypage_chagne_pw dt {
	width: 160px;
}

#mypage_chagne_pw .alert {
	padding: 20px;
	padding-top: 0;
}

#mypage_chagne_pw .alert .tit {
	display: inline-block;
	font-size: 15px;
	color: #ef6a6a;
	background-color: #fae2e2;
	margin-bottom: 5px;
	width: 60px;
	line-height: 30px;
	text-align: center;
	border-radius: 30px;
}

#mypage_chagne_pw .alert .txt {
	font-size: 15px;
	color: #ef6a6a;
}

#mypage_chagne_tell {
	max-width: 480px;
}

#mypage_chagne_tell dt {
	width: 160px;
}

#mypage_chagne_tell .alert {
	padding: 20px;
	padding-top: 0;
}

#mypage_chagne_tell .alert .tit {
	display: inline-block;
	font-size: 15px;
	color: #ef6a6a;
	background-color: #fae2e2;
	margin-bottom: 5px;
	width: 60px;
	line-height: 30px;
	text-align: center;
	border-radius: 30px;
}

#mypage_chagne_tell .alert .txt {
	font-size: 15px;
	color: #ef6a6a;
}

#mypage_chagne_birth {
	max-width: 480px;
}

#mypage_chagne_email {
	max-width: 480px;
}

#membership_leave {
	max-width: 480px;
}

#membership_leave .leave_form {
	padding: 25px;
	padding-bottom: 15px;
}

#membership_leave .leave_form .top {
	border-bottom: 1px solid #d3d3d3;
	text-align: center;
	font-size: 15px;
	color: #333;
	padding: 25px 0;
	padding-top: 0;
}

#membership_leave .leave_form .list {
	padding: 15px 10px;
}

#membership_leave .leave_form .list label {
	font-size: 16px;
	color: #333;
}

#membership_leave .leave_form .list textarea.ipt {
	width: 100%;
	margin-top: 10px;
}

#membership_leave .leave_form .chk {
	padding: 15px 10px;
	padding-top: 0;
	border-bottom: 1px solid #d3d3d3;
}

#membership_leave .leave_form .chk label {
	font-size: 16px;
	color: #333;
	line-height: 1.5;
}

#membership_leave .input_btn .btn {
	background-color: #898989;
}

.input_form dl {
	display: table;
	width: 100%;
	box-sizing: border-box;
}

.input_form *+dl {
	margin-top: 20px;
}

.input_form dl>* {
	display: table-cell;
	vertical-align: top;
}

.input_form dt {
	width: 100px;
	height: 45px;
	line-height: 45px;;
	font-size: 15px;
	color: #333;
	box-sizing: border-box;
}

.input_form dt.re:after {
	content: '*';
	color: #d23232;
}

.input_form dd {
	font-size: 13px;
	color: #333;
	line-height: 45px;
}

.input_form dd .ipt {
	font-size: 13px;
	height: 45px;
	line-height: 45px;
	border-color: #dbdbdb;
	color: #666;
}

.input_form dd .ipt_right {
	vertical-align: top;
}

.input_form dd .ipt.validate+.ht {
	position: relative;
	font-size: 0.85em;
	line-height: 20px;
	display: block;
	min-height: 20px;
	margin-top: -20px;
	float: left;
	width: 100%;
}

.input_form dd .ipt.invalid+.ht {
	margin-top: 0.5em;
	color: #ec2127;
}

.input_form dd .sendBtn {
	font-size: 15px;
	width: 80px;
	height: 45px;
	line-height: 45px;
	border: 1px solid #333;
	color: #333;
	background-color: #fff;
	border-radius: 5px;
	box-sizing: border-box;
}

.input_form dd .ipt.cert {
	border-color: #ec2127;
	padding-right: 65px;
}

.input_form dd .certBtn {
	font-size: 15px;
	width: 80px;
	height: 45px;
	line-height: 45px;
	border: 1px solid #ec2127;
	color: #fff;
	background-color: #ec2127;
	border-radius: 5px;
	box-sizing: border-box;
}

.input_form dd .certNum {
	color: #ec2127;
	font-size: 0.85em;
	line-height: 1.2;
	margin-top: 7px;
	display: inline-block;
}

.input_form dd .certCount {
	font-size: 15px;
	color: #ec2127;
	position: absolute;
	top: 0;
	right: 100px;
	z-index: 2;
}

.input_form dd #phoneNumCert.completed .certNum {
	display: none;
}

.input_form dd #phoneNumCert.completed .certCount {
	display: none;
}

.input_form dd #phoneNumCert.completed .ipt {
	border-color: #5db244;
}

.input_form dd #phoneNumCert.completed .ipt_right {
	display: none;
}

.input_form dd .findAddressBtn {
	width: 100px;
	height: 30px;
	line-height: 26px;
	font-size: 13px;
	border: 1px solid #666;
	color: #666;
	background-color: #eee;
	border-radius: 5px;
	box-sizing: border-box;
	margin-top: 5px;
}

.input_form dd .ipt_group.birth {
	margin: 0 -5px;
	display: block;
	width: auto;
}

.input_form dd .ipt_group.birth:after {
	content: '';
	display: block;
	clear: both;
}

.input_form dd .ipt_group.birth>* {
	width: 33.333%;
	float: left;
	box-sizing: border-box;
	padding: 0 5px;
}

.input_form dd .ipt_group.email>* {
	display: table-cell;
	vertical-align: middle;
}

/* Modals */
#modal_overlay {
	position: fixed;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	z-index: 1000;
	/* background:url("../img/common/transparent.png") repeat; */
	background-color: rgba(0, 0, 0, 0.5);
	visibility: hidden;
	opacity: 0;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#cc000000,
		endColorstr=#cc000000);
	-ms-filter:
		"progid:DXImageTransform.Microsoft.gradient(startColorstr=#cc000000, endColorstr=#cc000000)";
	-webkit-transition: visibility .3s ease-in-out, opacity .3s ease-in-out;
	-moz-transition: visibility .3s ease-in-out, opacity .3s ease-in-out;
	-o-transition: visibility .3s ease-in-out, opacity .3s ease-in-out;
	transition: visibility .3s ease-in-out, opacity .3s ease-in-out;
}

#modal_overlay:nth-child(n) {
	filter: none
}

#modal_overlay.on {
	visibility: visible;
	opacity: 1;
}

.modal {
	position: fixed;
	left: 0;
	right: 0;
	margin: auto;
	z-index: 1100;
	display: none;
	visibility: hidden;
	opacity: 0;
	-webkit-overflow-scrolling: touch;
	width: 94%;
	max-width: 94%;
	min-width: 300px;
	max-height: 94%;
	min-height: 150px;
	overflow: hidden;
	-webkit-transform: scale(0.6, 0.6);
	-moz-transform: scale(0.6, 0.6);
	-ms-transform: scale(0.6, 0.6);
	-o-transform: scale(0.6, 0.6);
	transform: scale(0.6, 0.6);
	-webkit-transition: visibility .4s ease-in-out, opacity .4s ease-in-out,
		-webkit-transform .3s ease-in-out .4s, width 0.5s
		cubic-bezier(.67, .04, .32, 1);
	-moz-transition: visibility .4s ease-in-out, opacity .4s ease-in-out,
		-moz-transform .3s ease-in-out .4s, width 0.5s
		cubic-bezier(.67, .04, .32, 1);
	-ms-transition: visibility .4s ease-in-out, opacity .4s ease-in-out,
		-ms-transform .3s ease-in-out .4s, width 0.5s
		cubic-bezier(.67, .04, .32, 1);
	-o-transition: visibility .4s ease-in-out, opacity .4s ease-in-out,
		-o-transform .3s ease-in-out .4s, width 0.5s
		cubic-bezier(.67, .04, .32, 1);
	transition: visibility .4s ease-in-out, opacity .4s ease-in-out,
		transform .3s ease-in-out .4s, width 0.5s
		cubic-bezier(.67, .04, .32, 1);
}

.modal.on {
	visibility: visible;
	opacity: 1;
	-webkit-transform: scale(1, 1);
	-moz-transform: scale(1, 1);
	-ms-transform: scale(1, 1);
	-o-transform: scale(1, 1);
	transform: scale(1, 1);
	-webkit-transition: visibility .3s ease-in-out, opacity .3s ease-in-out,
		-webkit-transform .4s cubic-bezier(.67, .04, .32, 1) .1s, width 0.5s
		cubic-bezier(.67, .04, .32, 1);
	-moz-transition: visibility .3s ease-in-out, opacity .3s ease-in-out,
		-moz-transform .4s cubic-bezier(.67, .04, .32, 1) .1s, width 0.5s
		cubic-bezier(.67, .04, .32, 1);
	-ms-transition: visibility .3s ease-in-out, opacity .3s ease-in-out,
		-ms-transform .4s cubic-bezier(.67, .04, .32, 1) .1s, width 0.5s
		cubic-bezier(.67, .04, .32, 1);
	-o-transition: visibility .3s ease-in-out, opacity .3s ease-in-out,
		-o-transform .4s cubic-bezier(.67, .04, .32, 1) .1s, width 0.5s
		cubic-bezier(.67, .04, .32, 1);
	transition: visibility .3s ease-in-out, opacity .3s ease-in-out,
		transform .4s cubic-bezier(.67, .04, .32, 1) .1s, width 0.5s
		cubic-bezier(.67, .04, .32, 1);
}

.modal>.inner {
	position: relative;
	background-color: #fff;
	width: 100%;
	height: 100%;
	padding: 0;
	box-sizing: border-box;
}

.modal>.inner:after {
	content: '';
	display: block;
	clear: both;
}

.modal>.inner .modal_header {
	padding: 1.333em;
	padding-right: 60px;
	background-color: #333;
	position: relative;
}

.modal>.inner .modal_header>h2 {
	color: #fff;
	font-size: 20px;
}

.modal>.inner .modal_content {
	overflow-y: auto;
	overflow-x: hidden;
	color: #666;
}

.modal>.inner .modal_content>.inner { /* padding: 1.538em; */
	
}

.modal>.inner .modal_footer {
	padding: 1.333em;
	border-top: 1px solid #ced9ee;
}

.modal>.inner .modal_footer .btn_group {
	margin-top: 0;
}

.modal button.modal_close {
	position: absolute;
	top: 12px;
	right: 0.667em;
	z-index: 3;
	width: 45px;
	height: 45px;
	overflow: hidden;
	border: 0;
	padding: 0;
	background: url(/pc/brand/images/common/btn_close04.png) center
		no-repeat;
	background-size: 40%;
}

.modal .modal_header button.modal_close {
	top: 50%;
	margin-top: -22.5px;
	background: url(/pc/brand/images/common/ico_close_w.png) center
		no-repeat;
	background-size: 40%;
}

.modal .input_form {
	padding: 20px;
}

.modal .input_btn {
	padding: 10px;
}

.modal .input_btn .btn {
	display: block;
	width: 100%;
	height: 55px;
	line-height: 55px;
	color: #fff;
	background-color: #0cb1ca;
	font-size: 18px;
	text-align: center;
}

#terms_box {
	max-width: 1200px;
	margin: 0 auto;
	box-sizing: border-box;
	background-color: #f5f5f5;
	margin-bottom: 40px;
}

#terms_box>.inner {
	padding: 0 50px;
}

#terms_box .header {
	padding: 35px 0 20px;
	border-bottom: 1px solid #ddd;
	position: relative;
}

#terms_box .header:after {
	content: '';
	display: block;
	clear: both;
}

#terms_box .header h1 {
	font-size: 30px;
	font-weight: 500;
	color: #333;
	display: none;
	line-height: 35px;
	padding-left: 20px;
}

#terms_box .header select.ipt {
	width: auto;
	min-width: 180px;
	float: right;
	height: 35px;
}

#terms_box .header .modal_close {
	background: url(/pc/brand/images/common/btn_close04.png) center
		no-repeat;
}

#terms_box .content {
	padding: 40px 20px;
	font-size: 13px;
	color: #8b8b8b;
	min-height: 600px;
	box-sizing: border-box;
}

#terms_box .content h4 {
	font-size: 15px;
	color: #333;
	margin-bottom: 5px;
}

#terms_box.modal {
	max-width: 1000px;
}

#terms_box.modal .header {
	background-color: #fff;
	position: relative;
}

#terms_box.modal .header h1 {
	display: inline-block;
}

#terms_box #area_terms {
	margin-top: 0;
}

#terms_box #area_terms .box_policy {
	border-top: 0;
	padding-top: 0;
}

#terms_box table {
	width: 100%;
	margin: 10px 0;
}

#terms_box table th {
	border: 1px solid #999;
	text-align: left;
	padding: 10px;
	font-weight: 500;
	color: #666;
}

#terms_box table td {
	border: 1px solid #999;
	text-align: left;
	padding: 10px;
}
/* =========================================================
  1. 로하스생활기업
=========================================================
.static_box_c { word-break: keep-all; }
.static_box_c img { max-width: 100%; }
.static_box_c{padding-top:23px;clear: both;}
.static_box_c li{margin-bottom: 100px;position: relative;}
.static_box_c li .thum{line-height: 0; box-sizing: border-box;}
.static_box_c li .cont h4{font-size: 24px; color:#000000;line-height: 1.35em;margin-bottom: 30px;position: relative;padding-top:12px; font-weight: normal;}
.static_box_c li .cont h4:before{content: ""; width:23px; height: 2px; background: #1f100e; position: absolute; top:0; left:0;}
.static_box_c li .br_span{display: block; width:100%; clear: both;}
.static_box_c li .img_lohas{margin-bottom: 17px;}
.static_box_c li .img_health{margin-bottom: 17px;}
.static_box_c li .text_content{font-size: 13px; color:#666;line-height: 1.85em;}

스타일별
left
.static_box_c li.left_type{padding-left:515px;min-height: 295px;}
.static_box_c li.left_type .thum{position: absolute; top:0; left:0; padding-right: 50px; width: 515px; }
.static_box_c li.left_type .cont{padding-top:26px;}

right
.static_box_c li.right_type{padding-right:530px;min-height: 295px;}
.static_box_c li.right_type .thum{position: absolute; top:0; right:0;padding-left: 30px; width: 530px; }

아이콘 타이틀
h3.icon_title_box{margin-bottom: 34px;}
h3.icon_title_box .icon_item{width:42px; height: 44px; display: block; background: url(/pc/brand/images/lohas/icon_leaf.png) no-repeat;margin:0 auto 15px;}
h3.icon_title_box .title{font-size: 24px; color:#222; line-height: 1.26em;display: block;text-align: center; font-weight: normal;}
h3.icon_title_box .br_span{display: block; width:100%; clear: both;}

이미지박스 리스트
.static_imgbox_c .img_box{line-height: 0;}
.static_imgbox_c .title_box h4{margin-bottom: 20px;}
.static_imgbox_c .title_box .title{font-size: 22px; color:#fff;display: block; text-align: center;}
.static_imgbox_c .text_box{font-size: 13px; color:#fff;line-height: 1.6em;text-align: center;}
.static_imgbox_c .br_span{display: block; width:100%; clear: both;}
.static_imgbox_c .title_box{padding:20px 20px; box-sizing: border-box;}
.static_imgbox_c .img_box a{display: block; line-height: 0;position: relative;}
.static_imgbox_c .img_box .hover_imgbox{position: absolute; top:0; left:0;z-index: 10;transition:all ease-out 0.1s;-webkit-transition:all ease-out 0.1s;-moz-transition:all ease-out 0.1s;-ms-transition:all ease-out 0.1s;opacity: 0; visibility: hidden;}

호버
.static_imgbox_c .img_box a:hover .hover_imgbox{opacity: 1; visibility: visible;}

스타일별 ul
.static_imgbox_c .img_box ul.step1{max-width: 509px;float: left;}
.static_imgbox_c .img_box ul.step1 .img_step1{width:50%;float: left;}
.static_imgbox_c .img_box ul.step1 .img_step2{width:50%;float: left;}
.static_imgbox_c .img_box ul.step1 .img_step3{width:100%;clear: both;}
.static_imgbox_c .img_box li{margin:0;}
.static_imgbox_c .img_box ul.step2{max-width: 189px;float: left;}
.static_imgbox_c .img_box ul.step3 .img_step1{width:304px;float: left;}
.static_imgbox_c .img_box ul.step3 .img_step2{width:304px;float: left;}
.static_imgbox_c .img_box ul.step3 .img_step3{width:304px;float: left;clear: both;}
.static_imgbox_c .img_box ul.step3 .img_step4{width:304px;float: left;}

스타일별
right
.static_imgbox_c .right_type{position: relative;padding-right:250px;background: #f18219;margin-bottom: 30px;overflow: hidden;}
.static_imgbox_c .right_type .title_box{width:250px;position: absolute; top:50%; right:0;margin-top:-134px;}
.static_imgbox_c .right_type .title_box .icon_item{width:31px; height: 37px; background: url(/pc/brand/images/lohas/icon_item_s3.png) no-repeat;display: block;margin:0 auto 12px;}

left
.static_imgbox_c .left_type{position: relative;padding-left:342px;background: #2f735c;overflow: hidden;}
.static_imgbox_c .left_type .title_box{width:342px;position: absolute; top:50%; left:0;margin-top:-133px;}
.static_imgbox_c .left_type .title_box .icon_item{width:35px; height: 34px; background: url(/pc/brand/images/lohas/icon_item_s1.png) no-repeat;display: block;margin:0 auto 12px;}

.img_lohas{width:113px; height: 21px; background: url(/pc/brand/images/lohas/text_lohas.png) no-repeat;text-indent: -99999px;}
.img_health{width:132px; height: 21px; background: url(/pc/brand/images/lohas/text_health.png) no-repeat;text-indent: -99999px;}

.sustainable_business_box { word-break: keep-all; }
.sustainable_business_box .br_span{display: block; width:100%; clear: both;}
.sustainable_business_box{clear: both;padding-top:11px;}
.sustainable_business_box .line_h3{font-size: 24px; color:#1f100e;padding-top:11px; position: relative;clear: both;line-height: 1.3em;margin-bottom: 10px;}
.sustainable_business_box .line_h3:before{content: ""; width:23px; height: 2px;background:#1f100e;position: absolute; top:0; left:0; }
.sustainable_business_box .sub_text_box{font-size: 18px; color:#222; line-height: 1.35em;margin-bottom: 22px;}
.sustainable_business_box .text_content{font-size: 13px; color:#666; line-height: 1.85em;margin-bottom: 33px;}
.sustainable_business_box h4{font-size: 18px; color:#222; line-height: 1.35em;margin-bottom: 15px;}
.sustainable_business_box .download_box > ul{margin:0 -5px;}
.sustainable_business_box .download_box > ul > li{padding:0 5px;margin-bottom: 10px;width:33.333%; float: left;box-sizing:border-box;}
.sustainable_business_box .download_box > ul > li.clear{clear: both;}
.sustainable_business_box .download_box .box_item{border:solid 1px #cccccc;}
.sustainable_business_box .download_box .thum{line-height: 0;overflow: hidden;}
.sustainable_business_box .download_box .thum img{width:100%;}
.sustainable_business_box .download_box .cont{border-top:solid 1px #cccccc;}
.sustainable_business_box .download_box .cont .box_container{padding:37px 30px;}
.sustainable_business_box .download_box .cont dt{float: left;margin-right:30px;}
.sustainable_business_box .download_box .cont dd{overflow: hidden;}
.sustainable_business_box .download_box .cont dd .text{font-size: 12px; color:#666;margin-right:8px;display: inline-block;vertical-align: middle;text-transform: uppercase;padding-bottom: 1px;transition:all ease-out 0.1s;-webkit-transition:all ease-out 0.1s;-moz-transition:all ease-out 0.1s;-ms-transition:all ease-out 0.1s;border-bottom:solid 1px transparent;}
.sustainable_business_box .download_box .cont dd .icon_item{width:12px; height: 13px; display: inline-block;background: url(/pc/brand/images/lohas/icon_download_btn.png) no-repeat;vertical-align: middle;position: relative;}
.sustainable_business_box .download_box .cont dd .icon_item:after{content:"";width:12px; height: 13px; display: inline-block;background: url(/pc/brand/images/lohas/icon_download_btn_h.png) no-repeat;position: absolute; top:0; left:0;opacity: 0;visibility: hidden;transition:all ease-out 0.1s;-webkit-transition:all ease-out 0.1s;-moz-transition:all ease-out 0.1s;-ms-transition:all ease-out 0.1s;}
.sustainable_business_box .download_box .sub_ul li{clear: both;margin-top:10px;}
.sustainable_business_box .download_box .sub_ul li:first-child{margin-top:0;}
.sustainable_business_box .download_box .sub_ul a{}
.sustainable_business_box .download_box .sub_ul a:hover .text{border-bottom: 1px solid #666;}
.sustainable_business_box .download_box .cont dt{font-size: 30px; color:#222;font-family: Arial sans-serif;line-height: 1em;}
.sustainable_business_box .download_box .cont dd .sub_ul a:hover .icon_item:after{opacity: 1; visibility: visible;}

.page_header{clear: both;margin-bottom: 50px;background: #f9f9f9;padding:30px 20px 38px; margin-top: 70px;word-break: keep-all;}
.page_header h3{margin-bottom: 25px;}
.page_header h3 .icon_item{width:49px; height: 35px; display: block; background: url(/pc/brand/images/lohas/icon_title.png) no-repeat;margin:0 auto 20px;}
.page_header h3 .text{display: block;text-align: center;font-size: 26px; color:#000000;}
.page_header .sub_title_cont{text-align: center;font-size: 18px; color:#000;line-height: 1.4em;}
.page_header .br_span{display: block; clear: both; width:100%;}

.brand_story_single .brand_post_box{overflow: hidden;margin-bottom: 55px;overflow: hidden;}
.brand_story_single .brand_post_box .br_span{display: block; width:100%; clear: both;}
.brand_story_single .brand_post_box ul{margin:0 -12px;}
.brand_story_single .brand_post_box li{width:33.333%; float: left;padding:0 12px;box-sizing: border-box;}
.brand_story_single .brand_post_box .thum{line-height: 0;}
.brand_story_single .brand_post_box .cont{border:solid 1px #e2e2e2; border-top:none;min-height: 214px;}
.brand_story_single .brand_post_box .cont{border:solid 1px #e2e2e2; border-top:none;min-height: 250px;}수정
.brand_story_single .brand_post_box .cont .item_container{padding:30px 21px 34px;}
.brand_story_single .brand_post_box .cont h4{font-size: 18px; color:#111;margin-bottom: 15px;}
.brand_story_single .brand_post_box .cont h4 sup{font-size: 10px; line-height: 1em; vertical-align: top;}
.brand_story_single .brand_post_box .cont .text_box{font-size: 13px; color:#666;line-height: 1.8em;letter-spacing: -0.6px;}

.brand_story_single .bullet_title{font-size: 28px; color:#111;text-align: center;padding-bottom: 16px; margin-bottom: 30px; position: relative;}
.brand_story_single .bullet_title:after{content: "";width:34px; height: 1px; background: #111; position: absolute; bottom:0; left:50%; margin-left:-17px;}

=========================================================
  5. 마진
=========================================================
.m0{margin:0px !important; }
.m1{margin:1px !important; }
.m2{margin:2px !important; }
.m3{margin:3px !important; }
.m4{margin:4px !important; }
.m5{margin:5px !important; }
.m6{margin:6px !important; }
.m7{margin:7px !important; }
.m8{margin:8px !important; }
.m9{margin:9px !important; }
.m10{margin:10px !important; }
.m11{margin:11px !important; }
.m12{margin:12px !important; }
.m13{margin:13px !important; }
.m14{margin:14px !important; }
.m15{margin:15px !important; }
.m16{margin:16px !important; }
.m17{margin:17px !important; }
.m18{margin:18px !important; }
.m19{margin:19px !important; }
.m20{margin:20px !important; }

.mt0{margin-top:0px !important; }
.mt1{margin-top:1px !important; }
.mt2{margin-top:2px !important; }
.mt3{margin-top:3px !important; }
.mt4{margin-top:4px !important; }
.mt5{margin-top:5px !important; }
.mt6{margin-top:6px !important; }
.mt7{margin-top:7px !important; }
.mt8{margin-top:8px !important; }
.mt9{margin-top:9px !important; }
.mt10{margin-top:10px !important; }
.mt11{margin-top:11px !important; }
.mt12{margin-top:12px !important; }
.mt13{margin-top:13px !important; }
.mt14{margin-top:14px !important; }
.mt15{margin-top:15px !important; }
.mt16{margin-top:16px !important; }
.mt17{margin-top:17px !important; }
.mt18{margin-top:18px !important; }
.mt19{margin-top:19px !important; }
.mt20{margin-top:20px !important; }
.mt30{margin-top:30px !important; }
.mt37{margin-top:37px !important; }
.mt40{margin-top:40px !important; }
.mt70{margin-top:70px !important; }

.mr0{margin-right:0px !important; }
.mr1{margin-right:1px !important; }
.mr2{margin-right:2px !important; }
.mr3{margin-right:3px !important; }
.mr4{margin-right:4px !important; }
.mr5{margin-right:5px !important; }
.mr6{margin-right:6px !important; }
.mr7{margin-right:7px !important; }
.mr8{margin-right:8px !important; }
.mr9{margin-right:9px !important; }
.mr10{margin-right:10px !important; }
.mr11{margin-right:11px !important; }
.mr12{margin-right:12px !important; }
.mr13{margin-right:13px !important; }
.mr14{margin-right:14px !important; }
.mr15{margin-right:15px !important; }
.mr16{margin-right:16px !important; }
.mr17{margin-right:17px !important; }
.mr18{margin-right:18px !important; }
.mr19{margin-right:19px !important; }
.mr20{margin-right:20px !important; }

.mb0{margin-bottom:0px !important; }
.mb1{margin-bottom:1px !important; }
.mb2{margin-bottom:2px !important; }
.mb3{margin-bottom:3px !important; }
.mb4{margin-bottom:4px !important; }
.mb5{margin-bottom:5px !important; }
.mb6{margin-bottom:6px !important; }
.mb7{margin-bottom:7px !important; }
.mb8{margin-bottom:8px !important; }
.mb9{margin-bottom:9px !important; }
.mb10{margin-bottom:10px !important; }
.mb11{margin-bottom:11px !important; }
.mb12{margin-bottom:12px !important; }
.mb13{margin-bottom:13px !important; }
.mb14{margin-bottom:14px !important; }
.mb15{margin-bottom:15px !important; }
.mb16{margin-bottom:16px !important; }
.mb17{margin-bottom:17px !important; }
.mb18{margin-bottom:18px !important; }
.mb19{margin-bottom:19px !important; }
.mb20{margin-bottom:20px !important; }
.mb25{margin-bottom:25px !important; }
.mb40{margin-bottom:40px !important; }
.mb43{margin-bottom:43px !important; }
.mb50{margin-bottom:50px !important; }
.mb70{margin-bottom:70px !important; }

.ml0{margin-left:0px !important; }
.ml1{margin-left:1px !important; }
.ml2{margin-left:2px !important; }
.ml3{margin-left:3px !important; }
.ml4{margin-left:4px !important; }
.ml5{margin-left:5px !important; }
.ml6{margin-left:6px !important; }
.ml7{margin-left:7px !important; }
.ml8{margin-left:8px !important; }
.ml9{margin-left:9px !important; }
.ml10{margin-left:10px !important; }
.ml11{margin-left:11px !important; }
.ml12{margin-left:12px !important; }
.ml13{margin-left:13px !important; }
.ml14{margin-left:14px !important; }
.ml15{margin-left:15px !important; }
.ml16{margin-left:16px !important; }
.ml17{margin-left:17px !important; }
.ml18{margin-left:18px !important; }
.ml19{margin-left:19px !important; }
.ml20{margin-left:20px !important; }

=========================================================
  3. 타입 two형
=========================================================
.tbl_type_two{margin-bottom: 84px !important;width:100%;}
.tbl_type_two th{border:solid 1px #e0e2e1;font-size: 13px; color:#000; font-weight: bold;border-left:none;border-right:none;border-top:none;text-align: left;padding:16px 15px 15px 50px;text-align: center;text-align: left;}
.tbl_type_two td{border:solid 1px #e0e2e1;font-size: 13px;border-left:none;border-right:none;border-top:none;text-align: left;padding:16px 15px 15px;}
.tbl_type_two td span{font-size: 13px;line-height: 1.45em;}
.tbl_type_two td .bullet_text{float: left;margin-right:5px;display: block;font-weight: bold;}
.tbl_type_two td .text{overflow: hidden;display: block;}
.tbl_type_two tbody tr:first-child th,.tbl_type_two tbody tr:first-child td{border-top:solid 1px #000;}

=========================================================
  4. 타입 three형
=========================================================
.tbl_type_three{margin-bottom: 50px !important;width:100%;}
.tbl_type_three th,.tbl_type_three td{border:solid 1px #e0e2e1;font-size: 14px;border-left:none;border-right:none;border-top:none;text-align: left;padding:15px 15px 14px;}
.tbl_type_three tbody th,.tbl_type_three tbody td{font-size: 13px; color:#666; line-height: 1.7em;padding:15px 15px 14px 15px;font-weight: normal;text-align: center;}
.tbl_type_three thead th{border-top:solid 1px #000;color:#000;text-align: center; border-bottom: solid 1px #999999;}
.tbl_type_three tbody th{text-align: left;font-weight: bold;color:#000;padding-left:50px;}

=========================================================
  5. 타입 four형
=========================================================
.tbl_type_four{margin-bottom: 50px !important;width:100%;}
.tbl_type_four th,.tbl_type_four td{border:solid 1px #e0e2e1;font-size: 14px;border-left:none;border-right:none;border-top:none;text-align: left;padding:15px 15px 14px;}
.tbl_type_four tbody th,.tbl_type_four tbody td{font-size: 13px; color:#666; line-height: 1.7em;padding:15px 15px 14px 15px;font-weight: normal;text-align: center;}
.tbl_type_four thead th{border-top:solid 1px #000;color:#000;text-align: center; border-bottom: solid 1px #999999;}
.tbl_type_four tbody th{text-align: left;font-weight: bold;color:#000;padding-left:50px;}

=========================================================
  13. 환경경영전략
=========================================================
.environmental_box { word-break: keep-all; }
.environmental_box .br_span{display: block; width:100%; clear: both;}
.environmental_box h4{font-size: 28px; color:#000;margin-bottom: 30px;line-height: 1.3em;}
.environmental_box h5.line_bullet{font-size: 22px; color:#000; padding-top:11px; position: relative;margin-bottom: 15px;line-height: 1.3em;font-weight: normal;}
.environmental_box h5.line_bullet:before{content: ""; width:24px; height: 2px; background: #000; position: absolute; top:0; left:0;}
.environmental_box .sub_text_box{font-size: 18px; color:#222;line-height: 1.35em;margin-bottom: 25px;}
.environmental_box h6{font-size: 18px; color:#222;font-weight: normal;margin-bottom: 10px;}
.environmental_box .text_content_box{font-size: 13px; color:#666; line-height:1.85em;margin-bottom: 26px;}
이미지 박스
.radius_list_box{margin-bottom: 86px;}
.radius_list_box ul{text-align: center; font-size: 0; line-height: 0;margin-bottom: 28px;}
.radius_list_box ul li{width:236px; height: 236px;background: url(/pc/brand/images/lohas/environmental_radius_box.png) no-repeat;text-align: center;display: inline-block;vertical-align: top;margin:0 14px;}
.radius_list_box ul li h6{margin-bottom: 0;}
.radius_list_box ul li .title{font-size: 18px; color:#1f100e; line-height: 1.3em; display: block;margin-bottom: 4px;text-align: center;}
.radius_list_box ul li .sub_text{font-size: 14px; color:#1f100e; line-height: 1.3em;text-align: center;}
.radius_list_box p{font-size: 13px; color:#666; line-height:1.85em;margin-bottom: 26px;}
.radius_list_box ul li .title .sup_text{font-size: 10px;}

리스트당 아이콘
step1
.radius_list_box ul li.step1{padding-top:45px;}
.radius_list_box ul li.step1 .icon_item{width:46px; height: 71px;display: block; margin:0 auto 14px;background: url(/pc/brand/images/lohas/icon_environmental_step1.png) no-repeat;}

step2
.radius_list_box ul li.step2{padding-top:51px;}
.radius_list_box ul li.step2 .icon_item{width:56px; height: 59px;display: block; margin:0 auto 18px;background: url(/pc/brand/images/lohas/icon_environmental_step2.png) no-repeat;}

step3
.radius_list_box ul li.step3{padding-top:62px;}
.radius_list_box ul li.step3 .icon_item{width:57px; height: 58px;display: block; margin:0 auto 27px;background: url(/pc/brand/images/lohas/icon_environmental_step3.png) no-repeat;}

스태틱 리스트
.environmental_box .list_static_box{background: #f6f6f4;padding:57px 50px 57px;margin-bottom: 96px;}
.environmental_box .list_static_box .box_container > ul > li{clear: both;padding:58px 0 0; margin-top:58px; border-top:solid 1px #e0e2e1;overflow: hidden;}
.environmental_box .list_static_box .box_container > ul > li:first-child{border-top:none;margin-top:0; padding-top:0;}
.environmental_box .list_static_box li .thum{float: left;padding:0 19px;margin-right:56px;}
.environmental_box .list_static_box li .cont{overflow: hidden;}
.environmental_box .list_static_box .title{font-size: 16px; color:#1f100e;margin-bottom: 16px;font-weight: bold;}
.environmental_box .list_static_box .sub_title{font-size: 18px; color:#222; line-height: 1.35em;margin-bottom: 20px;}
.environmental_box .list_static_box .sub_list li{padding-left:15px; font-size: 13px; color:#666; line-height: 1.85em;position: relative;}
.environmental_box .list_static_box .sub_list li:before{content: "-"; position: absolute; top:0; left:0;}

스태틱 푸터
.footer_static_box{position:relative;padding:40px 330px 40px 0;clear: both;}
.footer_static_box h5{font-size: 18px; color:#222; line-height: 1.35em;margin-bottom: 25px;font-weight: normal;clear: both;}
.footer_static_box ul li{font-size: 16px; color:#666; line-height: 1.35em;font-weight: 300;margin-bottom: 3px;}
.footer_static_box .thum{line-height: 0; position: absolute; top:0;right:50px;}

=========================================================
  14. 환경경영성과
=========================================================
.environmental_box h5.tbl_title_h5{font-size: 16px;color:#222;line-height: 1.35em;margin-bottom: 12px;font-weight: bold;}

스태틱 포스트
.environmental_box .brand_story_single .brand_post_box{margin-bottom: 90px;}
.environmental_box .brand_story_single .brand_post_box ul{margin:0 -5px;}
.environmental_box .brand_story_single .brand_post_box li{padding:0 5px;}
.environmental_box .brand_story_single .brand_post_box .thum{border:solid 1px #e2e2e2;border-bottom:0;}
.environmental_box .brand_story_single .brand_post_box .thum img { max-width: 100%; }
.environmental_box .brand_story_single .brand_post_box .cont{border-top:solid 1px #e2e2e2;}
.environmental_box .brand_story_single .brand_post_box .cont .item_container{padding:30px 27px 34px;}
.environmental_box .brand_story_single .brand_post_box .cont{min-height: 316px;}
.environmental_box .brand_story_single .brand_post_box .cont{min-height: 332px;}

원 리스트
.environmental_box .static_one_box{overflow: hidden;margin-bottom: 80px;}
.environmental_box .static_one_box .thum{line-height: 0;float: left;margin-right:80px;}
.environmental_box .static_one_box .cont{overflow: hidden;}
.environmental_box .static_one_box h5{font-size: 20px; color:#222;line-height: 1.35em;margin-bottom: 23px;font-weight: bold;}
.environmental_box .static_one_box .sub_text{font-size: 20px; color:#222; font-weight: bold; line-height: 1.35em;margin-bottom: 23px;font-weight: 300;}
.environmental_box .static_one_box .cont p{font-size: 13px; color:#666; line-height: 1.85em;margin-bottom: 25px;}

이미지 리스트
.environmental_box .img_list_box{position: relative;overflow: hidden;clear: both;}
.environmental_box .img_list_box ul{margin:0 -5px;}
.environmental_box .img_list_box li{line-height: 0;width:50%; float: left;padding:0 5px;margin-bottom: 10px; box-sizing: border-box; }
.environmental_box .img_list_box li img { max-width: 100%; }
.environmental_box .img_list_box h4{width:290px; height: 270px; position: absolute; top:50%; left:50%; margin-top:-135px; margin-left:-145px;background-color: rgba(255,255,255,0.9);z-index: 10;text-align: center;padding-top:90px; box-sizing: border-box;}
.environmental_box .img_list_box h4 .sub_text{display: block;font-size: 22px; color:#222; line-height: 1.35em;margin-bottom: 14px;}
.environmental_box .img_list_box h4 .title{display: block;font-size: 30px; color:#222; line-height: 1.3em;}

=========================================================
  15. 바른마음경영
=========================================================
.correct_heart{padding-top:11px;clear: both;word-break: keep-all;}
.correct_heart .br_span{display: block; width:100%; clear: both;}
.top_line_title{font-size: 22px; color:#000; padding-top:12px; position: relative;margin-bottom: 40px;line-height: 1.3em;font-weight: normal;clear: both;}
.top_line_title:before{content: ""; width:24px; height: 2px; background: #000; position: absolute; top:0; left:0;}

라디우스 리스트
.radius_item_box{margin-bottom: 148px;}
.radius_item_box ul{overflow: hidden;}
.radius_item_box ul li{width:20%; float: left;text-align: center;padding:0 5px;box-sizing: border-box;}
.radius_item_box ul li .thum{line-height: 0;margin-bottom: 32px;}
.radius_item_box ul li .cont h4{font-size: 18px; color:#222;line-height: 1.3em;margin-bottom: 14px;}
.radius_item_box ul li .cont p.sub_text{font-size: 13px; color:#666; line-height: 1.7em;}

아이콘 리스트
.icon_list_itembox > ul{border-top:solid 1px #e0e2e1;}
.icon_list_itembox > ul > li{width:50%; float: left;padding:40px 0 40px 35px;border-bottom:solid 1px #e0e2e1;box-sizing: border-box;}
.icon_list_itembox > ul > li.last{border-bottom: none;}
.icon_list_itembox > ul > li .thum{line-height: 0; width:114px; margin-right:43px; float: left;}
.icon_list_itembox > ul > li .cont{overflow: hidden;padding-top:20px;}
.icon_list_itembox > ul > li.clear{clear: both;}
.icon_list_itembox > ul > li .cont h4{font-size: 18px; color:#222; line-height: 1.3em;margin-bottom: 10px;}
.icon_list_itembox > ul > li:first-child ul{min-height: 95px;}
.icon_list_itembox > ul > li:first-child + li ul{min-height: 95px;}
.icon_list_itembox > ul > li:first-child ul{min-height: 104px;}
.icon_list_itembox > ul > li:first-child + li ul{min-height: 104px;}
.icon_list_itembox > ul > li ul span{font-size: 13px; color:#666; line-height: 1.7em;}
.icon_list_itembox > ul > li ul span.bullet{margin-right:5px;float: left;display: block;}
.icon_list_itembox > ul > li ul span.text{display: block; overflow: hidden;}

=========================================================
  16. 자율순수프로그램
=========================================================
.about_program .br_span{display: block; width:100%; clear: both;}
.depth_title{font-size: 33px; color:#000; line-height: 1.3em;margin-bottom: 25px;}
.about_program .text_box{font-size: 14px; color:#666; line-height: 1.85em;margin-bottom: 14px;}
.gray_document_box{background: #f6f6f4;margin-bottom: 60px;min-height: 352px;}
.gray_document_box .box_container{padding:35px 320px 30px 100px;position: relative;}
.gray_document_box h4{margin-bottom: 24px;}
.gray_document_box .sub_text_box{font-size: 22px; color:#222; line-height: 1.35em;margin-bottom: 18px;}
.gray_document_box .content_text{font-size: 14px; color:#666; line-height: 1.7em;}
.gray_document_box.type_three{min-height: 250px;}
.gray_document_box.type_three .document_box{width:179px;}
.gray_document_box.type_three .document_box img { width: 100%; }
.gray_document_box.type_three .box_container{padding-top:75px;}

.document_box{position: absolute; top:0; right:0;line-height: 0;width:252px;}
.document_box .scale_btn{width:32px; height: 32px; display: block;background: #656565;transition:all ease-out 0.1s;-webkit-transition:all ease-out 0.1s;-moz-transition:all ease-out 0.1s;-ms-transition:all ease-out 0.1s;position: absolute; bottom:0; right:0;z-index: 10;padding-top:7px; box-sizing: border-box;}
.document_box .scale_btn .icon_item{width:17px; height: 17px;display: block;background: url(/pc/brand/images/lohas/icon_scale.png) no-repeat;text-indent: -99999px;margin:0 auto;}

호버
.document_box .scale_btn:hover{background: #a6ce39;}

리스트박스
.about_program .list_bullet_box{background: #f5f4f1;margin-bottom: 79px;}
.about_program .list_bullet_box .box_container{padding:30px 50px;overflow: hidden;}
.about_program .list_bullet_box dt{width:50%;float: left;padding-top:44px; box-sizing: border-box;}
.about_program .list_bullet_box dd{width:50%;float: left;background: url(/pc/brand/images/lohas/list_line_bg.png) repeat-y;background-position: 0 0;padding-left:70px; box-sizing: border-box;}
.about_program .list_bullet_box dt h5{font-size: 18px; color:#222;margin-bottom: 5px;}
.about_program .list_bullet_box dt .text{font-size: 14px; color:#666; line-height: 1.85em;}
.about_program .list_bullet_box dd li{font-size: 14px; color:#222; line-height: 1.45em;padding:3px 0 3px 42px;margin-top: 3px; clear: both;}
.about_program .list_bullet_box dd li:first-child{margin-top:0;}

불렛
.about_program .list_bullet_box dd  ul{padding:20px 0;}
.about_program .list_bullet_box dd li.step1{background: url(/pc/brand/images/lohas/icon_bullet_1.png) no-repeat;background-position: 0 0;}
.about_program .list_bullet_box dd li.step2{background: url(/pc/brand/images/lohas/icon_bullet_2.png) no-repeat;background-position: 0 0;}
.about_program .list_bullet_box dd li.step3{background: url(/pc/brand/images/lohas/icon_bullet_3.png) no-repeat;background-position: 0 0;}
.about_program .list_bullet_box dd li.step4{background: url(/pc/brand/images/lohas/icon_bullet_4.png) no-repeat;background-position: 0 0;}
.about_program .list_bullet_box dd li.step5{background: url(/pc/brand/images/lohas/icon_bullet_5.png) no-repeat;background-position: 0 0;}
.about_program .list_bullet_box dd li.step6{background: url(/pc/brand/images/lohas/icon_bullet_6.png) no-repeat;background-position: 0 0;}
.about_program .list_bullet_box dd li.step7{background: url(/pc/brand/images/lohas/icon_bullet_7.png) no-repeat;background-position: 0 0;}
.about_program .list_bullet_box dd li.step8{background: url(/pc/brand/images/lohas/icon_bullet_8.png) no-repeat;background-position: 0 0;}

썸네일 리스트
.about_program .list_thum_box{padding-top:26px; clear: both;}
.about_program .list_thum_box .thum{line-height: 0;margin-right:99px;float: left;}
.about_program .list_thum_box .cont{overflow: hidden;}
.about_program .list_thum_box > ul > li{clear: both;padding:56px 0;border-top:solid 1px #e0e0e0;}
.about_program .list_thum_box > ul > li:first-child{border-top:none;padding-top:0;}
.about_program .list_thum_box h5{font-size: 22px; color:#222; line-height: 1.35em;margin-bottom: 8px;font-weight: normal;}
.about_program .list_thum_box dt{font-size: 18px; color:#222;margin-bottom: 6px;clear: both;}
.about_program .list_thum_box dd{font-size: 14px; color:#666; line-height: 1.85em;margin-bottom: 21px;clear: both;}
.about_program .list_thum_box dd p{font-size: 14px; color:#666; line-height: 1.85em;margin-bottom: 12px;}
.about_program .list_thum_box .bullet_ul li{font-size: 14px; color:#666; line-height: 1.85em;position: relative; padding-left:15px;}
.about_program .list_thum_box .bullet_ul li:before{content: "-";position: absolute; top:0; left:0;}
.about_program .list_thum_box > ul > li:first-child .cont{padding-top:18px;}

색 박스
.about_program .list_thum_box .year_box{margin-bottom: 35px;overflow: hidden;}
.about_program .list_thum_box .year_box li{padding:28px 16px;}
.about_program .list_thum_box .year_box .title{font-size: 26px; color:#222;text-align: center;display: block;padding-bottom: 12px; margin-bottom: 14px;border-bottom: solid 1px #d4ddbc;}
.about_program .list_thum_box .date{font-size: 18px; color:#222;text-align: center;display: block;}
.about_program .list_thum_box .year_box li{width:132px;float: left;margin-right:10px;}

컬러
.about_program .list_thum_box .year_box li.step1{background: #eff8d6;}
.about_program .list_thum_box .year_box li.step2{background: #faf9e7;}
.about_program .list_thum_box .year_box li.step3{background: #f8f7f0;}

#fair-trade .page_header { margin-top: 100px; }

=========================================================
  17. CP 미션과 비전
=========================================================
.cp_mission_vision .text_box{font-size: 14px; color:#666; line-height: 1.85em; margin-bottom: 39px;}
.cp_mission_vision .img_box img { width: 100%; }

컨텐츠
.pg_content{position: relative;}

레이아웃
.col_two .col_box{width:50%;float: left;}
.col_two .col_box.left_box{padding-right:48px;}
.col_two .col_box.right_box{padding-left:48px;}

컨텐츠 헤더
.fair_trade .pg_content_head{margin-bottom: 35px;}
.fair_trade .pg_content_head h4{font-size: 33px;color:#000;margin-bottom: 11px;}
.fair_trade .pg_content_head p{font-size: 22px; color:#222222; line-height: 1.4em;font-weight: 300;letter-spacing: -0.5px;}
.fair_trade .pg_content_head .br_span{display: block; clear: both; width:100%;}

컨텐츠 본문
.fair_trade .col_box p{font-size: 14px; color:#666666;line-height: 1.85em;margin-bottom: 25px;}
.fair_trade .col_header_box h5{font-size: 28px; color:#222;margin-bottom: 26px;font-weight: 500;padding-top:15px; position: relative;}
.fair_trade .col_header_box h5:before{content: ""; width:24px; height: 2px; background: #000; position: absolute; top:0; left:0;}
.fair_trade .col_header_box p{font-size: 21px; color:#222222;line-height: 1.45em;margin-bottom: 40px;font-weight: 300;letter-spacing: -0.5px;}
.fair_trade .col_box .img_item{padding:0 20px;text-align: center;}

상황별 이미지 높이
.fair_trade li[class*="tab_"]{display: none;}
.fair_trade li[class*="tab_"].active{display: block;}

3년차
.fair_trade .tab_step1 .col_box .img_item{margin-top:152px;margin-bottom: 123px;}

4년차
.fair_trade .tab_step2 .col_box .img_item{margin-top:77px;margin-bottom:87px;}

5년차
.fair_trade .tab_step3 .col_box .img_item{margin-top:77px;margin-bottom:89px;}

6년차
.fair_trade .tab_step4 .col_box .img_item{margin-top:81px;margin-bottom:102px;}

7년차
.fair_trade .tab_step5 .col_box .img_item{margin-top:81px;margin-bottom:106px;}




컨텐츠 푸터
.fair_trade .col_footer_box{margin-top:60px;}
.fair_trade .col_footer_box .sub_cont_text{font-size: 14px; color:#222; display: block;margin-bottom: 6px;}
.fair_trade .col_footer_box .name{font-size: 24px; color:#222222;display: block;}

셀렉트박스
.pg_content .select_box{width:240px;position: absolute;z-index: 5;background: #fff;top:55px; right:0;}
.pg_content .select_box .text_box{line-height:0;font-size: 14px; color:#1f100e;width:100%; text-overflow: ellipsis; overflow: hidden; white-space: nowrap;font-family: 'Lato',SimHei;}
.pg_content .select_box .text_box span{font-size: 14px; color:#666666;height: 16px; line-height: 16px;}
.pg_content .select_box .select_container{padding:15px 34px 14px 15px;border:solid 1px #cccccc;height: 45px;cursor: pointer;transition:all ease-out 0.1s;-webkit-transition:all ease-out 0.1s;-moz-transition:all ease-out 0.1s;-ms-transition:all ease-out 0.1s;}
.pg_content .text_box .icon_item{width:14px; height: 8px;background: url(/wp-content/themes/pulmuone/images/icon/icon_search_arrow_b.png) no-repeat; display: block; position: absolute; top:50%; right:15px;margin-top:-4px;}

.pg_content .select_box .select_container.on{border:solid 1px #89b70a;}

ul
.pg_content .select_box .select_ul{position: absolute; top:45px; left:0;width:100%;display: none;}
.pg_content .select_box .select_ul li a{padding:14px 26px 13px 15px;display: block;font-size: 14px; color:#666666;background: #fff;transition:all ease-out 0.1s;-webkit-transition:all ease-out 0.1s;-moz-transition:all ease-out 0.1s;-ms-transition:all ease-out 0.1s;}
.pg_content .select_box .select_ul li{border:solid 1px #cccccc;border-top:none;}

호버
.pg_content .select_box .select_ul li a:hover{background: #afd34c; color:#fff;} */
#pop_event_type19 {
	width: 850px;
}

#pop_event_type19>.inner {
	
}

#pop_event_type19>.inner button.btn_submit {
	background: url(/pc/brand/images/share/btn_event_back.png) 0 0 no-repeat;
	width: 196px;
	height: 48px;
	color: #fff;
	font-size: 20px;
	font-weight: bold;
}

#pop_event_type19 .bot_btn {
	margin-top: 40px;
	text-align: center;
}

#pop_event_type19>.inner>header {
	position: relative;
	text-align: center;
	padding: 30px 0 60px;
	color: #fff;
}

#pop_event_type19>.inner>header .bg img {
	position: absolute;
	height: 100%;
	left: 0;
	right: 0;
	margin: auto;
	top: 0;
	bottom: 0;
}

#pop_event_type19>.inner>header span.cate {
	position: relative;
	display: inline-block;
	padding: 8px 0;
	border-bottom: 1px solid #fff;
	font-size: 15px;
}

#pop_event_type19>.inner>header h2 {
	position: relative;
	margin-top: 40px;
	font-size: 35px;
	line-height: 1.2;
	font-weight: 400;
}

#pop_event_type19 .tb_event_type1 {
	padding: 25px 34px 62px;
}

.tb_event_type1>table {
	width: 100%;
}

.tb_event_type1>table>thead>tr>th {
	color: #858585;
	font-size: 15px;
	padding: 10px;
	text-align: center;
	vertical-align: middle;
	border-bottom: 2px solid #707070;
}

.tb_event_type1>table>tbody>tr>td {
	font-size: 15px;
	padding: 10px;
	text-align: center;
	vertical-align: middle;
	border-bottom: 1px solid #E5E5E5;
	color: #666666;
	position: relative;
	overflow: hidden;
}

.tb_event_type1>table>tbody>tr>td.num {
	text-align: left;
}

.tb_event_type1>table>tbody>tr>td.tit {
	text-align: left;
	font-weight: 700;
}

/*占쎌뵠甕겹끋 뱜 野껉퀗 궢 占쎈솚占쎈씜*/
#pop_event_type19_result {
	
}

#pop_event_type19_result>.inner {
	background-color: #fff;
}

#pop_event_type19_result>.inner>header {
	position: relative;
	text-align: center;
	padding: 30px 0 60px;
	color: #fff;
}

#pop_event_type19_result>.inner>header .bg img {
	position: absolute;
	height: 100%;
	left: 0;
	right: 0;
	margin: auto;
	top: 0;
	bottom: 0;
}

#pop_event_type19_result>.inner>header span.cate {
	position: relative;
	display: inline-block;
	padding: 8px 0;
	border-bottom: 1px solid #fff;
	font-size: 15px;
}

#pop_event_type19_result>.inner>header h2 {
	position: relative;
	margin-top: 40px;
	font-size: 35px;
	line-height: 1.2;
	font-weight: 400;
}

#pop_event_type19_result>.inner>article {
	padding: 5.909% 5.227%;
}

#pop_event_type19_result .bx_result {
	text-align: center;
	margin-bottom: 6.96%;
}

#pop_event_type19_result .bx_result>h2 {
	color: #294569;
	font-size: 26px;
	margin-bottom: 6.5823%;
}

#pop_event_type19_result .bx_result>h2>span {
	display: inline-block;
	min-width: 103px;
	height: 38px;
	line-height: 38px;
	border: 2px solid #A9D5EB;
	border-radius: 20px;
	background-color: #fff;
	color: #1dbfea;
	font-size: 30px;
	text-align: center;
}

#pop_event_type19_result .bx_result>.ico {
	margin-bottom: 18px;
}

#pop_event_type19_result .bx_result>.ico img {
	max-width: 100%;
}

#pop_event_type19_result .bx_result>h3 {
	color: #6281a3;
	font-size: 20px;
	margin-bottom: 10px;
}

#pop_event_type19_result .bx_result>p {
	line-height: 24px;
	color: #666666;
	font-size: 15px;
}

#pop_event_type19_result .bx_apply table {
	width: 100%;
	border: 1px solid #D3D3D3;
	border-collapse: collapse;
	border-spacing: 0;
}

#pop_event_type19_result .bx_apply table>tbody>tr>th,
	#pop_event_type19_result .bx_apply table>tbody>tr>td {
	vertical-align: middle;
	border-bottom: 1px solid #E2E2E2;
	padding: 15px;
	text-align: left;
}

#pop_event_type19_result .bx_apply table>tbody>tr>th {
	color: #666666;
	font-size: 15px;
	background-color: #f4f4f4;
}

#pop_event_type19_result .bx_apply table>tbody>tr>td {
	
}

#pop_event_type19_result .bx_apply table>tbody>tr>td input[type="text"]
	{
	border: 1px solid #CDCDCD;
	background-color: #F8F8F8;
	height: 34px;
	width: 255px;
	font-size: 13px;
	color: #666;
	padding: 0 10px;
	box-sizing: border-box;
}

#pop_event_type19_result .bx_apply table>tbody>tr>td input[type="number"]
	{
	border: 1px solid #CDCDCD;
	background-color: #F8F8F8;
	height: 34px;
	width: 77px;
	font-size: 13px;
	color: #666;
	padding: 0 10px;
	box-sizing: border-box;
	text-align: right;
}

#pop_event_type19_result .bx_apply table>tbody>tr>td.phone select {
	border: 1px solid #CDCDCD;
	background-color: #F8F8F8;
	height: 34px;
	min-width: 77px;
	font-size: 13px;
	color: #666;
	box-sizing: border-box;
}

#pop_event_type19_result .bx_apply table>tbody>tr>td.phone input[type="text"]
	{
	width: 77px;
}

#pop_event_type19_result .bx_apply table>tbody>tr>td button {
	height: 34px;
	color: #fff;
	background-color: #7f7f7f;
	padding: 0 15px;
}

#pop_event_type19_result .bot_btn {
	margin-top: 40px;
	text-align: center;
}

#pop_event_type19_result button.btn_submit {
	background: url(/pc/brand/images/share/btn_event_back2.png) 0 0
		no-repeat;
	width: 196px;
	height: 48px;
	color: #fff;
	font-size: 20px;
	font-weight: bold;
}

#pop_event_type19_result .area_agree {
	margin-top: 30px;
}

#pop_event_type19_result .area_agree>.bx_agree {
	position: relative;
}

#pop_event_type19_result .area_agree>.bx_agree+.bx_agree {
	margin-top: 11px;
}

#pop_event_type19_result .area_agree dl.in {
	padding: 0 20px;
	border: 1px solid #D3D3D3;
	margin-right: 131px;
	-webkit-transition: border-color .3s ease-in-out;
	-moz-transition: border-color .3s ease-in-out;
	-ms-transition: border-color .3s ease-in-out;
	-o-transition: border-color .3s ease-in-out;
	transition: border-color .3s ease-in-out;
}

#pop_event_type19_result .area_agree dl.in>dt {
	padding: 14px 0px;
	position: relative;
}

#pop_event_type19_result .area_agree dl.in>dt>h3 {
	color: #333333;
	font-size: 15px;
}

#pop_event_type19_result .area_agree dl.in>dt>button {
	position: absolute;
	top: 0;
	bottom: 0;
	right: 0;
	height: 24px;
	font-size: 15px;
	line-height: 24px;
	color: #666666;
	margin: auto;
	outline: none;
}

#pop_event_type19_result .area_agree dl.in>dt>button:after {
	content: '';
	height: 100%;
	vertical-align: middle;
	display: inline-block;
}

#pop_event_type19_result .area_agree dl.in>dt>button>* {
	vertical-align: middle;
}

#pop_event_type19_result .area_agree dl.in>dd {
	display: none;
}

#pop_event_type19_result .area_agree dl.in>dd>.inner {
	padding: 14px 0px;
	border-top: 1px solid #CFCFCF;
	color: #666666;
	font-size: 15px;
	line-height: 24px;
	-ms-word-break: keep-all;
	word-break: keep-all;
}

#pop_event_type19_result .area_agree dl.in>dd .parag+.parag {
	margin-top: 20px;
}

#pop_event_type19_result .area_agree dl.in>dd h4 {
	font-size: 16px;
}

#pop_event_type19_result .area_agree dl.in>dd p {
	margin-bottom: 0.5em;
}

#pop_event_type19_result .area_agree dl.in>dd ul.li_dash {
	
}

#pop_event_type19_result .area_agree dl.in>dd ul.li_dash>li {
	position: relative;
	padding-left: 0.75em;
}

#pop_event_type19_result .area_agree dl.in>dd ul.li_dash>li:after {
	content: '-';
	position: absolute;
	top: 0;
	left: 0;
}

#pop_event_type19_result .area_agree .bx_agree.on dl.in {
	border-color: #2DC4EB;
}

#pop_event_type19_result .area_agree .bx_agree.on dl.in>dd {
	display: block;
}

#pop_event_type19_result .area_agree .bx_agree.on dl.in>dt>button>img {
	-webkit-transform: rotate(180deg);
	-moz-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	-o-transform: rotate(180deg);
	transform: rotate(180deg);
}

#pop_event_type19_result .area_agree .bx_check {
	position: absolute;
	top: 4px;
	right: 0;
	overflow: hidden;
}

#pop_event_type19_result .area_agree .bx_check>label {
	color: #666666;
	font-size: 15px;
	font-weight: 700;
}

#pop_event_type19_result .area_agree .bx_check .ico_check {
	display: inline-block;
	width: 40px;
	height: 40px;
	border-radius: 5px;
	background-color: #bfc5ca;
	vertical-align: middle;
}

#pop_event_type19_result .area_agree .bx_check>label>span {
	vertical-align: middle;
}

#pop_event_type19_result .area_agree .bx_check>input {
	position: absolute;
	left: -20px;
	top: 0;
}

#pop_event_type19_result .area_agree .bx_check.on {
	
}

#pop_event_type19_result .area_agree .bx_check.on .ico_check {
	background: #19cf21 url(/pc/brand/images/common/ico_check.gif) center
		center no-repeat;
}

#pop_event_type19_result .area_agree p.caution {
	color: #d38a7a;
	font-size: 15px;
	margin-top: 10px;
	margin-left: 5px;
}

.lst_check2 label .bx_radio {
	margin-right: 0px;
}

.bx-wrapper {
	margin: 10px 30px 30px 30px;
}

.bx-pager {
	margin-top: 20px !important;
	position: static !important;
}

.background-gradient {
	background: radial-gradient(circle, white 30%, white 25%, white 70%, white 95%);
}

#container.sub .container_inner {
	margin: 0 auto !important;
}

#back_img {
	background-image: url('/resources/img/brand/pc_new_brand_1.jpg');
	padding: 115px 20px 50px 20px;
}

.swiper-pagination-bullet-active {
	background-color: white !important;
	border-color: white !important;
}

#pop_event_type20 {
	width: 850px;
}

#pop_event_type20>.inner {
	
}

#pop_event_type20>.inner button.btn_submit {
	background: url(/pc/brand/images/share/btn_event_back.png) 0 0 no-repeat;
	width: 196px;
	height: 48px;
	color: #fff;
	font-size: 20px;
	font-weight: bold;
}

#pop_event_type20 .bot_btn {
	margin-top: 40px;
	text-align: center;
}

#pop_event_type20>.inner>header {
	position: relative;
	text-align: center;
	padding: 30px 0 60px;
	color: #fff;
}

#pop_event_type20>.inner>header .bg img {
	position: absolute;
	height: 100%;
	left: 0;
	right: 0;
	margin: auto;
	top: 0;
	bottom: 0;
}

#pop_event_type20>.inner>header span.cate {
	position: relative;
	display: inline-block;
	padding: 8px 0;
	border-bottom: 1px solid #fff;
	font-size: 15px;
}

#pop_event_type20>.inner>header h2 {
	position: relative;
	margin-top: 40px;
	font-size: 35px;
	line-height: 1.2;
	font-weight: 400;
}

#pop_event_type20 .tb_event_type1 {
	padding: 25px 34px 62px;
}

.tb_event_type1>table {
	width: 100%;
}

.tb_event_type1>table>thead>tr>th {
	color: #858585;
	font-size: 15px;
	padding: 10px;
	text-align: center;
	vertical-align: middle;
	border-bottom: 2px solid #707070;
}

.tb_event_type1>table>tbody>tr>td {
	font-size: 15px;
	padding: 10px;
	text-align: center;
	vertical-align: middle;
	border-bottom: 1px solid #E5E5E5;
	color: #666666;
	position: relative;
	overflow: hidden;
}

.tb_event_type1>table>tbody>tr>td.num {
	text-align: left;
}

.tb_event_type1>table>tbody>tr>td.tit {
	text-align: left;
	font-weight: 700;
}

/*占쎌뵠甕겹끋 뱜 野껉퀗 궢 占쎈솚占쎈씜*/
#pop_event_type20_result {
	
}

#pop_event_type20_result>.inner {
	background-color: #fff;
}

#pop_event_type20_result>.inner>header {
	position: relative;
	text-align: center;
	padding: 30px 0 60px;
	color: #fff;
}

#pop_event_type20_result>.inner>header .bg img {
	position: absolute;
	height: 100%;
	left: 0;
	right: 0;
	margin: auto;
	top: 0;
	bottom: 0;
}

#pop_event_type20_result>.inner>header span.cate {
	position: relative;
	display: inline-block;
	padding: 8px 0;
	border-bottom: 1px solid #fff;
	font-size: 15px;
}

#pop_event_type20_result>.inner>header h2 {
	position: relative;
	margin-top: 40px;
	font-size: 35px;
	line-height: 1.2;
	font-weight: 400;
}

#pop_event_type20_result>.inner>article {
	padding: 5.909% 5.227%;
}

#pop_event_type20_result .bx_result {
	text-align: center;
	margin-bottom: 6.96%;
}

#pop_event_type20_result .bx_result>h2 {
	color: #294569;
	font-size: 26px;
	margin-bottom: 6.5823%;
}

#pop_event_type20_result .bx_result>h2>span {
	display: inline-block;
	min-width: 103px;
	height: 38px;
	line-height: 38px;
	border: 2px solid #A9D5EB;
	border-radius: 20px;
	background-color: #fff;
	color: #1dbfea;
	font-size: 30px;
	text-align: center;
}

#pop_event_type20_result .bx_result>.ico {
	margin-bottom: 18px;
}

#pop_event_type20_result .bx_result>.ico img {
	max-width: 100%;
}

#pop_event_type20_result .bx_result>h3 {
	color: #6281a3;
	font-size: 20px;
	margin-bottom: 10px;
}

#pop_event_type20_result .bx_result>p {
	line-height: 24px;
	color: #666666;
	font-size: 15px;
}

#pop_event_type20_result .bx_apply table {
	width: 100%;
	border: 1px solid #D3D3D3;
	border-collapse: collapse;
	border-spacing: 0;
}

#pop_event_type20_result .bx_apply table>tbody>tr>th,
	#pop_event_type20_result .bx_apply table>tbody>tr>td {
	vertical-align: middle;
	border-bottom: 1px solid #E2E2E2;
	padding: 15px;
	text-align: left;
}

#pop_event_type20_result .bx_apply table>tbody>tr>th {
	color: #666666;
	font-size: 15px;
	background-color: #f4f4f4;
}

#pop_event_type20_result .bx_apply table>tbody>tr>td {
	
}

#pop_event_type20_result .bx_apply table>tbody>tr>td input[type="text"]
	{
	border: 1px solid #CDCDCD;
	background-color: #F8F8F8;
	height: 34px;
	width: 255px;
	font-size: 13px;
	color: #666;
	padding: 0 10px;
	box-sizing: border-box;
}

#pop_event_type20_result .bx_apply table>tbody>tr>td input[type="number"]
	{
	border: 1px solid #CDCDCD;
	background-color: #F8F8F8;
	height: 34px;
	width: 77px;
	font-size: 13px;
	color: #666;
	padding: 0 10px;
	box-sizing: border-box;
	text-align: right;
}

#pop_event_type20_result .bx_apply table>tbody>tr>td.phone select {
	border: 1px solid #CDCDCD;
	background-color: #F8F8F8;
	height: 34px;
	min-width: 77px;
	font-size: 13px;
	color: #666;
	box-sizing: border-box;
}

#pop_event_type20_result .bx_apply table>tbody>tr>td.phone input[type="text"]
	{
	width: 77px;
}

#pop_event_type20_result .bx_apply table>tbody>tr>td button {
	height: 34px;
	color: #fff;
	background-color: #7f7f7f;
	padding: 0 15px;
}

#pop_event_type20_result .bot_btn {
	margin-top: 40px;
	text-align: center;
}

#pop_event_type20_result button.btn_submit {
	background: url(/pc/brand/images/share/btn_event_back2.png) 0 0
		no-repeat;
	width: 196px;
	height: 48px;
	color: #fff;
	font-size: 20px;
	font-weight: bold;
}

#pop_event_type20_result .area_agree {
	margin-top: 30px;
}

#pop_event_type20_result .area_agree>.bx_agree {
	position: relative;
}

#pop_event_type20_result .area_agree>.bx_agree+.bx_agree {
	margin-top: 11px;
}

#pop_event_type20_result .area_agree dl.in {
	padding: 0 20px;
	border: 1px solid #D3D3D3;
	margin-right: 131px;
	-webkit-transition: border-color .3s ease-in-out;
	-moz-transition: border-color .3s ease-in-out;
	-ms-transition: border-color .3s ease-in-out;
	-o-transition: border-color .3s ease-in-out;
	transition: border-color .3s ease-in-out;
}

#pop_event_type20_result .area_agree dl.in>dt {
	padding: 14px 0px;
	position: relative;
}

#pop_event_type20_result .area_agree dl.in>dt>h3 {
	color: #333333;
	font-size: 15px;
}

#pop_event_type20_result .area_agree dl.in>dt>button {
	position: absolute;
	top: 0;
	bottom: 0;
	right: 0;
	height: 24px;
	font-size: 15px;
	line-height: 24px;
	color: #666666;
	margin: auto;
	outline: none;
}

#pop_event_type20_result .area_agree dl.in>dt>button:after {
	content: '';
	height: 100%;
	vertical-align: middle;
	display: inline-block;
}

#pop_event_type20_result .area_agree dl.in>dt>button>* {
	vertical-align: middle;
}

#pop_event_type20_result .area_agree dl.in>dd {
	display: none;
}

#pop_event_type20_result .area_agree dl.in>dd>.inner {
	padding: 14px 0px;
	border-top: 1px solid #CFCFCF;
	color: #666666;
	font-size: 15px;
	line-height: 24px;
	-ms-word-break: keep-all;
	word-break: keep-all;
}

#pop_event_type20_result .area_agree dl.in>dd .parag+.parag {
	margin-top: 20px;
}

#pop_event_type20_result .area_agree dl.in>dd h4 {
	font-size: 16px;
}

#pop_event_type20_result .area_agree dl.in>dd p {
	margin-bottom: 0.5em;
}

#pop_event_type20_result .area_agree dl.in>dd ul.li_dash {
	
}

#pop_event_type20_result .area_agree dl.in>dd ul.li_dash>li {
	position: relative;
	padding-left: 0.75em;
}

#pop_event_type20_result .area_agree dl.in>dd ul.li_dash>li:after {
	content: '-';
	position: absolute;
	top: 0;
	left: 0;
}

#pop_event_type20_result .area_agree .bx_agree.on dl.in {
	border-color: #2DC4EB;
}

#pop_event_type20_result .area_agree .bx_agree.on dl.in>dd {
	display: block;
}

#pop_event_type20_result .area_agree .bx_agree.on dl.in>dt>button>img {
	-webkit-transform: rotate(180deg);
	-moz-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	-o-transform: rotate(180deg);
	transform: rotate(180deg);
}

#pop_event_type20_result .area_agree .bx_check {
	position: absolute;
	top: 4px;
	right: 0;
	overflow: hidden;
}

#pop_event_type20_result .area_agree .bx_check>label {
	color: #666666;
	font-size: 15px;
	font-weight: 700;
}

#pop_event_type20_result .area_agree .bx_check .ico_check {
	display: inline-block;
	width: 40px;
	height: 40px;
	border-radius: 5px;
	background-color: #bfc5ca;
	vertical-align: middle;
}

#pop_event_type20_result .area_agree .bx_check>label>span {
	vertical-align: middle;
}

#pop_event_type20_result .area_agree .bx_check>input {
	position: absolute;
	left: -20px;
	top: 0;
}

#pop_event_type20_result .area_agree .bx_check.on {
	
}

#pop_event_type20_result .area_agree .bx_check.on .ico_check {
	background: #19cf21 url(/pc/brand/images/common/ico_check.gif) center
		center no-repeat;
}

#pop_event_type20_result .area_agree p.caution {
	color: #d38a7a;
	font-size: 15px;
	margin-top: 10px;
	margin-left: 5px;
}

.swiper-pagination-bullet {
	width: 15px !important;
	height: 15px !important;
}

.lst_check2 label .bx_radio {
	margin-right: 0px;
}

.titleArea.line h1 {
	margin-bottom: 18px;
	padding-bottom: 17px;
	border-bottom: 1px solid #757575;
}

/* ===============================================================
Basic Swiper Styles
================================================================*/
.swiper-container {
	margin: 0 auto;
	position: relative;
	overflow: hidden;
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	-ms-backface-visibility: hidden;
	-o-backface-visibility: hidden;
	backface-visibility: hidden;
	/* Fix of Webkit flickering */
	z-index: 1;
}

.swiper-wrapper {
	position: relative;
	width: 100%;
	-webkit-transition-property: -webkit-transform, left, top;
	-webkit-transition-duration: 0s;
	-webkit-transform: translate3d(0px, 0, 0);
	-webkit-transition-timing-function: ease;
	-moz-transition-property: -moz-transform, left, top;
	-moz-transition-duration: 0s;
	-moz-transform: translate3d(0px, 0, 0);
	-moz-transition-timing-function: ease;
	-o-transition-property: -o-transform, left, top;
	-o-transition-duration: 0s;
	-o-transform: translate3d(0px, 0, 0);
	-o-transition-timing-function: ease;
	-o-transform: translate(0px, 0px);
	-ms-transition-property: -ms-transform, left, top;
	-ms-transition-duration: 0s;
	-ms-transform: translate3d(0px, 0, 0);
	-ms-transition-timing-function: ease;
	transition-property: transform, left, top;
	transition-duration: 0s;
	transform: translate3d(0px, 0, 0);
	transition-timing-function: ease;
}

.swiper-free-mode>.swiper-wrapper {
	-webkit-transition-timing-function: ease-out;
	-moz-transition-timing-function: ease-out;
	-ms-transition-timing-function: ease-out;
	-o-transition-timing-function: ease-out;
	transition-timing-function: ease-out;
	margin: 0 auto;
}

.swiper-slide {
	float: left;
}

/* IE10 Windows Phone 8 Fixes */
.swiper-wp8-horizontal {
	-ms-touch-action: pan-y;
}

.swiper-wp8-vertical {
	-ms-touch-action: pan-x;
}

.swiper-slide img {
	margin: 0 auto;
}

/********************** label *********************/

/* lst_type01 - 제품 리스트 */
.lst_type01 .list>ul {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 3fr));
	gap: 20px;
}

.lst_type01 .list>ul:after {
	display: block;
	clear: both;
	content: "";
}

.lst_type01 .list>ul>li {
	position: relative;
	float: left;
	margin-bottom: 1.275em;
	max-height: 442px;
}

.lst_type01 .list>ul>li>a {
	display: block;
	border: 1px solid #D5D5D5;
	height: 100%;
	box-sizing: border-box;
	min-height: 385px;
}

.lst_type01 .list>ul>li>a>* {
	display: block;
	padding: 1.4375em;
}

.lst_type01 .list .img {
	text-align: center;
	height: 0;
	padding: 0 0 70% 0;
	position: relative;
	margin-top: 13%;
}

.lst_type01 .list .img>img {
	max-width: 100%;
	max-height: 100%;
	vertical-align: middle;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;
}

.lst_type01 .list .tag {
	padding: 2% 2% 0 2%;
	position: absolute;
	z-index: 1;
}

.lst_type01 .list .tag img {
	width: 3.3em;
}

.lst_type01 .list .con {
	padding-top: 0.25em;
	padding-bottom: 2.5em;
}

.lst_type01 .list .con .title {
	display: block;
	text-align: center;
	font-weight: bold;
	color: #333333;
	font-size: 15px;
	line-height: 22px;
	margin-bottom: 0.5em;;
	overflow: hidden;
}

.lst_type01 .list .con .detail {
	display: block;
	color: #a4988c;
	font-size: 13px;
	margin-bottom: 1em;
}

.lst_type01 .list .con .info {
	display: block;
	font-size: 13px;
	color: #9e9e9e;
	line-height: 18px;
	overflow: hidden;
	text-align: center;
}

.lst_type01 .list .con strong {
	font-size: 15px;
	color: #333;
	display: block;
	text-align: center;
	margin-top: 1em;
}

.lst_type01 .list .allure {
	position: absolute;
	right: 10px;
	margin: 15px 10px 0;
	z-index: 2;
	width: 1.8vw;
	height: 25px;
}

/* //lst_type01 - 제품 리스트 */

/* lst_type02 */
.lst_type02 .list>ul {
	margin-left: -1.375em;
}

.lst_type02 .list>ul>li {
	width: 25%;
	float: left;
}

.lst_type02 .list>ul>li>a {
	display: block;
	margin-left: 1.375em;
	margin-bottom: 1.275em;
}

.lst_type02 .list>ul>li>a>* {
	display: block;
	padding: 1.4375em;
}

.lst_type02 .list .img {
	text-align: center;
	height: 10.625em;
}

.lst_type02 .list .img>img {
	max-width: 100%;
	max-height: 100%;
	vertical-align: middle
}

.lst_type02 .list .con h4 {
	text-align: center;
	color: #333333;
	font-size: 15px;
	line-height: 1.3em;
	height: 1.3em;
	margin-bottom: 0.3em;;
	overflow: hidden;
}

.lst_type02 .list .con p {
	color: #666;
	line-height: 18px;
	height: 35px;
	overflow: hidden;
	text-align: center;
	font-size: 13px;
}

#prd_cont .prd_detail2 .lst_type02 .list .con h4 {
	height: auto;
}

#prd_cont .prd_detail2 .lst_type02 .list .con p {
	height: auto;
}

/* //lst_type02 */

/* lst_type03 */
.lst_type03>ul>li:after {
	display: block;
	clear: both;
	content: "";
}

.lst_type03>ul>li {
	margin-bottom: 5%;
}

.lst_type03>ul>li .title1.f-n {
	float: inherit;
}

.lst_type03>ul>li .cont.f-n {
	float: inherit;
	margin-left: 0;
	width: 100%;
	margin-top: 40px;
}

.lst_type03>ul>li .title1 {
	width: 20%;
	float: left;
	text-align: left;
	font-size: 20px;
	color: #333;
	font-weight: bold;
	line-height: 28px;
	padding-top: 2%;
	border-top: 1px solid #3f3f3f;
}

.lst_type03>ul>li .cont {
	float: left;
	margin-left: 5%;
	width: 75%;
}

.lst_type03 .nomal_txt {
	line-height: 24px;
}

.lst_type03>ul>li .cont.slogan {
	float: left;
	margin-left: 5%;
	width: 75%;
	height: 200px;
	background-image: url(/pc/brand/images/business/img_adviser_intro2.jpg);
	background-repeat: no-repeat;
	background-size: 75%;
}
/* //lst_type03 */

/* paging */
.paging_comm {
	margin-top: 50px;
	font-size: 16px;
	line-height: 14px;
	text-align: center;
	vertical-align: top;
}

.paging_comm .link_page {
	display: inline-block;
	padding: 0px 1px 3px 1px;
	margin-right: 1px;
	text-decoration: none;
	vertical-align: -1px;
	color: #666;
	font-size: 14px;
	line-height: 16px;
	vertical-align: middle;
}

.paging_comm em {
	font-style: normal;
}

.paging_comm a {
	margin: 0 10px;
}

.paging_comm em.link_page {
	font-weight: bold;
	color: #b55c9e;
	font-style: normal;
	border-bottom: 1px solid #b55c9e;
	margin-right: 10px;
}

.paging_comm em.link_among {
	margin-right: 5px;
	color: #333;
	font-weight: normal;
}

.paging_comm .btn_prev.ls {
	padding-right: 15px;
}

.paging_comm .btn_next.ls {
	padding-left: 15px;
}

.paging_comm .btn_prev {
	padding-left: 5px;
}

.paging_comm .btn_next {
	padding-right: 5px;
}

/* //paging */

/*테이블 타입*/
table.tb_type1 {
	width: 100%;
	border-top: 2px solid #9e9e9e;
	margin-bottom: 5px;
}

table.tb_type1>thead th {
	background-color: #f8f8f8;
	color: #333;
	font-weight: bold;
	padding: 1.3077em 0;
	border-bottom: 1px solid #d0d0d0;
}

table.tb_type1>tbody {
	
}

table.tb_type1>tbody>tr {
	
}

table.tb_type1>tbody>tr.notice_fix {
	font-weight: 800;
	background-color: #f5f5f5;
}

table.tb_type1>tbody>tr>td {
	border-bottom: 1px solid #D0D0D0;
	color: #333333;
	line-height: 1.2;
	padding: 1.3077em 0.8em;
	text-align: center;
	vertical-align: middle;
}

table.tb_type1>tbody>tr>td.tit {
	text-align: left;
}

table.tb_type1>tbody>tr>td.date {
	color: #adadad;
	font-weight: 700;
}

table.tb_type1>tbody>tr>td.ans {
	text-decoration: underline;
	color: #b55c9e;
}

table.tb_type1>tbody>tr>td.address {
	text-align: left;
}

table.tb_type1>tbody>tr>td.save {
	color: #b55c9e;
	text-align: right;
	font-weight: 700;
	padding-left: 20px;
	padding-right: 20px;
}

table.tb_type1>tbody>tr>td.use {
	color: #214c8f;
	text-align: right;
	font-weight: 700;
	padding-left: 20px;
	padding-right: 20px;
}

table.tb_type1>tbody>tr>td.btn button {
	color: #5f5f5f;
	font-size: 12px;
	min-width: 55px;
	padding: 0 5px;
	height: 23px;
	border: 1px solid #A1A1A1
}

table.tb_type1>tbody>tr>td.btn button.gray {
	background-color: #e7e7e7;
}

table.tb_type1>tbody>tr>td.point.plus {
	color: #b55c9e;
	font-weight: 700;
}

table.tb_type1>tbody>tr>td.point.minus {
	color: #214c8f;
	font-weight: 700;
}

table.tb_type1>tbody>tr>td.event {
	color: #229656;
}

table.tb_type1>tbody>tr>td.promotion {
	color: #b55c9e;
}

table.tb_type3 {
	width: 100%;
}

table.tb_type3>tbody {
	
}

table.tb_type3>tbody>tr {
	
}

table.tb_type3>tbody>tr>td {
	vertical-align: middle;
	font-size: 15px;
	padding: 0 10px;
}

table.tb_type3>tbody>tr>td>.img {
	width: 88px;
	height: 88px;
	border: 1px solid #E9E9E9;
	background-color: #fff;
	position: relative;
}

table.tb_type3>tbody>tr>td>.img>img {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	max-width: 100%;
	max-height: 100%;
	margin: auto;
}

table.tb_type3>tbody>tr>td.tit {
	text-align: left;
}

table.tb_type3>tbody>tr>td.tit>strong {
	display: block;
	color: #333333;
	font-size: 15px;
	margin-bottom: 5px;
}

table.tb_type3>tbody>tr>td.tit>p {
	font-size: 13px;
}

table.tb_type3>tbody>tr>td.point {
	font-size: 16px;
	color: #b55c9e;
	font-weight: 700;
	text-align: center;
}

table.tb_type4 {
	width: 100%;
	border-top: 1px solid #D0D0D0;
}

table.tb_type4>tbody>tr>td {
	color: #666;
	font-size: 13px;
	padding: 18px;
	text-align: center;
	border-bottom: 1px solid #D0D0D0;
}

table.tb_type4>tbody>tr>td.date {
	color: #8f8f8f;
	font-weight: 700;
}

table.tb_type4>tbody>tr>td.price {
	font-weight: 700;
	color: #333;
}

table.tb_type4>tbody>tr>td a.btn_detail {
	color: #b55c9e;
	text-decoration: underline;
}

table.tb_type4>tbody>tr.detail>td {
	padding: 25px 18px;
	text-align: left;
	color: #333;
}

table.tb_type4 .detail dl>dt {
	float: left;
	width: 100px;
	font-weight: 700;
	clear: both;
	line-height: 20px;
	padding-top: 4px;
}

table.tb_type4 .detail dl>dt .star {
	color: #b55c9e;
}

table.tb_type4 .detail dl>dt small {
	font-weight: 400;
	color: #878787;
	font-size: 12px;
	display: block;
}

table.tb_type4 .detail dl>dd {
	margin-left: 100px;
	margin-bottom: 23px;
}

table.tb_type4 .detail dl>dd select {
	height: 28px;
	min-width: 267px;
	box-sizing: border-box;
	padding-left: 10px;
	border: 1px solid #dadada;
	color: #666;
}

table.tb_type4 .detail dl>dd textarea {
	box-sizing: border-box;
	border: 1px solid #DADADA;
	padding: 10px;
	width: 100%;
}

.common_caution {
	position: relative;
	padding-left: 30px;
	background: url(/pc/shop/images/mypage/ico_caution.gif) 9px 2px
		no-repeat;
}

.common_caution img {
	position: absolute;
	top: 0;
	left: 5;
}

.common_caution p {
	color: #519cc4;
	font-size: 13px;
	line-height: 20px;
}

.ccmtable_tit {
	font-size: 1.2em;
	margin: 40px 0 15px 0;
	font-weight: 700;
	color: #008000;
}

/* product.jsp client-side pagination */
#prd_Area .bot {
	clear: both;
}

#prd_Area .paginate {
	clear: both;
	margin-top: 44px;
	text-align: center;
	font-size: 0;
	line-height: 0;
}

#prd_Area .paginate .pages {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 4px;
	margin: 0 10px;
	vertical-align: middle;
}

#prd_Area .paginate button {
	-webkit-appearance: none;
	appearance: none;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	box-sizing: border-box;
	margin: 0 3px;
	padding: 0;
	border: 0;
	background: transparent;
	font-family: inherit;
	text-align: center;
	vertical-align: middle;
	cursor: pointer;
	outline: 0;
}

#prd_Area .paginate button.page-number {
	width: 28px;
	height: 28px;
	line-height: 28px;
	color: #333333;
	font-size: 16px;
	font-weight: 400;
}

#prd_Area .paginate button.page-number.on {
	color: #005116;
	font-weight: 700;
	text-decoration: underline;
	text-underline-offset: 4px;
}

#prd_Area .paginate button.page-number:not(.on):not(:disabled):hover,
	#prd_Area .paginate button.page-number:not(.on):not(:disabled):focus {
	color: #005116;
	text-decoration: underline;
	text-underline-offset: 4px;
}

#prd_Area .paginate button.page-control {
	width: 38px;
	height: 38px;
	min-width: 38px;
	line-height: 38px;
	border: 1px solid #d6d6d6;
	border-radius: 50%;
	background: #fff;
	color: #777777;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 26px;
	font-weight: 400;
	transition: background-color .15s ease, border-color .15s ease, color
		.15s ease;
}

#prd_Area .paginate button.page-control.first, #prd_Area .paginate button.page-control.last
	{
	font-size: 20px;
	letter-spacing: -1px;
}

#prd_Area .paginate button.page-control.prev, #prd_Area .paginate button.page-control.next
	{
	font-size: 20px;
}

#prd_Area .paginate button.page-control:not(:disabled):hover, #prd_Area .paginate button.page-control:not(:disabled):focus
	{
	border-color: #005116;
	background: #005116;
	color: #fff;
}

#prd_Area .paginate button.disabled, #prd_Area .paginate button:disabled
	{
	border-color: #e5e5e5;
	background: #f7f7f7;
	color: #c8c8c8;
	cursor: default;
}

#prd_Area .paginate button:focus-visible {
	box-shadow: 0 0 0 2px rgba(0, 81, 22, .18);
}

#prd_Area .lst_prd .txt_empty_content {
	grid-column: 1/-1;
	width: 100%;
	float: none;
	text-align: center;
	padding: 50px 0;
	border-top: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
	color: #666;
	font-size: 16px;
}

@media screen and (max-width:640px) {
	#prd_Area .paginate {
		margin-top: 32px;
	}
	#prd_Area .paginate .pages {
		display: block;
		margin: 12px 0;
	}
	#prd_Area .paginate button.page-control {
		width: 34px;
		height: 34px;
		min-width: 34px;
		line-height: 34px;
		margin: 0 2px;
	}
	#prd_Area .paginate button.page-number {
		width: 30px;
		height: 30px;
		line-height: 30px;
		margin: 0 1px;
		font-size: 14px;
	}
}

/* product.jsp category filter */
#prd_top .sub_tab a.js-category-filter {
	cursor: pointer;
}

#prd_top .sub_tab li.on a {
	font-weight: 700;
}

.img-text {
	float: left;
	position: absolute;
	color: #333;
	font-size: 0.71em;
	bottom: 40px;
	text-overflow: ellipsis;
	font-weight: 400;
	white-space: normal;
	overflow: hidden;
	line-height: 1.5;
	display: -webkit-box;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
	text-align: left;
}

.swiper {
	width: 100%;
	height: 100%;
}

.swiper-slide {
	text-align: center;
	font-size: 18px;
	/* Center slide text vertically */
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
	/* margin-right: 20px; */
}

.swiper-slide img {
	display: block;
	/*     width: 100%; */
	height: 100%;
	object-fit: cover;
}

.swiper-slide img.recipe {
	height: 65%;
	border-radius: 8px;
}


.desktop .fb__tabs {
    position: relative;
    overflow: auto hidden;
    white-space: nowrap;
    font-size: 0
}

.desktop .fb__tabs:before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 1px;
    background: #d6d6d6
}

.desktop .fb__tabs__list {
    display: inline-block;
    width: 232px;
    height: 48px;
    background-color: #f7f7f7
}

.desktop .fb__tabs__list:first-child {
    padding-left: 0
}

.desktop .fb__tabs__list:last-child {
    padding-right: 0
}

.desktop .fb__tabs__count {
    display: inline-block;
    margin-left: 2px;
    color: #c2c2c2;
    font-size: 14px;
    line-height: 20px
}

.desktop .fb__tabs__btn {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 14px 92px;
    color: #000;
    font-size: 16px;
    line-height: 20px;
    letter-spacing: -.4px
}

.desktop .fb__tabs input {
    display: none
}

.desktop .fb__tabs input.disabled+.fb__tabs__btn,.desktop .fb__tabs input:disabled+.fb__tabs__btn {
    color: #d6d6d6
}

.desktop .fb__tabs input.disabled:checked+.fb__tabs__btn,.desktop .fb__tabs input:checked+.fb__tabs__btn {
    z-index: 1;
    background-color: #fff;
    color: #80c342;
    font-weight: 700;
    border-left: 1px solid #d6d6d6;
    border-right: 1px solid #d6d6d6
}

.desktop .fb__tabs input.disabled:checked+.fb__tabs__btn:before,.desktop .fb__tabs input:checked+.fb__tabs__btn:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 1px;
    background: #d6d6d6
}

.desktop .fb__tabs input.disabled:checked+.fb__tabs__btn:after,.desktop .fb__tabs input:checked+.fb__tabs__btn:after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 2px;
    background: #fff
}

.desktop .fb__tabs input.disabled:checked+.fb__tabs__btn .fb__tabs__count,.desktop .fb__tabs input:checked+.fb__tabs__btn .fb__tabs__count {
    color: #80c342;
    font-weight: 700
}

.desktop .fb__category-tab {
    overflow: auto hidden;
    white-space: nowrap;
    font-size: 0
}

.desktop .fb__category-tab__list {
    display: inline-block;
    padding: 0 2px
}

.desktop .fb__category-tab__list:first-child {
    padding-left: 0
}

.desktop .fb__category-tab__list:last-child {
    padding-right: 0
}

.desktop .fb__category-tab__btn {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    min-width: 48px;
    padding: 10px 16px;
    background: #fff;
    border: 1px solid #ebebeb;
    border-radius: 8px;
    color: #000;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: -.4px
}

.desktop .fb__category-tab input {
    display: none
}

.desktop .fb__category-tab input:checked+.fb__category-tab__btn {
    background: #004f18;
    border-color: #004f18;
    color: #fff;
    font-weight: 700
}

.desktop .fb__icon-tab {
    overflow: auto hidden;
    white-space: nowrap;
    font-size: 0
}

.desktop .fb__icon-tab__list {
    display: inline-block;
    padding: 0 7px
}

.desktop .fb__icon-tab__list:first-child {
    padding-left: 0
}

.desktop .fb__icon-tab__list:last-child {
    padding-right: 0
}

.desktop .fb__icon-tab__btn {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    min-width: 48px;
    padding-top: 56px;
    background: #fff;
    color: rgba(0,0,0,.12);
    font-size: 12px;
    line-height: 16px;
    letter-spacing: -.4px
}

.desktop .fb__icon-tab__btn:before {
    margin: 0 auto;
    border-radius: 100%;
    background: #e0e0e0;
    overflow: hidden
}

.desktop .fb__icon-tab__btn:after,.desktop .fb__icon-tab__btn:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    width: 48px;
    height: 48px
}

.desktop .fb__icon-tab__btn:after {
    bottom: calc(100% - 48px);
    margin: auto
}


.desktop .fb__icon-tab input {
    display: none
}

.desktop .fb__icon-tab input:checked+.fb__icon-tab__btn {
    color: #80c342;
    font-weight: 700
}

.desktop .fb__icon-tab input:checked+.fb__icon-tab__btn:before {
    background: #80c342
}

.desktop .fb__input-text__inner {
    position: relative
}

.desktop .fb__input-text__btns {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 0
}

.desktop .fb__input-text__btns>* {
    display: block!important;
    position: relative!important;
    top: 0!important;
    right: 0!important;
    bottom: 0!important;
    left: 0!important;
    margin: 0 8px 0 0!important
}

.desktop .fb__input-text input {
    width: 100%;
    height: 32px;
    padding: 0 36px 0 12px;
    border: 1px solid #c2c2c2;
    border-radius: 8px;
    background: #fff;
    font-size: 14px;
    line-height: 16px;
    letter-spacing: -.4px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.desktop .fb__input-text input:-moz-placeholder-shown+.fb__input-text__clear {
    display: none
}

.desktop .fb__input-text input:-ms-input-placeholder+.fb__input-text__clear {
    display: none
}

.desktop .fb__input-text input:placeholder-shown+.fb__input-text__clear {
    display: none
}

.desktop .fb__input-text input:disabled {
    cursor: no-drop
}

.desktop .fb__input-text input:focus {
    position: relative
}

.desktop .fb__input-text__clear {
    position: absolute;
    top: 50%;
    right: 8px;
    z-index: 2;
    width: 24px;
    height: 24px;
    margin-top: -12px;
    font-size: 0
}



.desktop .fb__input-text__visible {
    display: none;
    position: absolute;
    top: 50%;
    right: 8px;
    z-index: 2;
    width: 32px;
    height: 32px;
    margin-top: -16px;
    font-size: 0
}

.desktop .fb__input-text__visible input {
    font-size: 16px
}



.desktop .fb__input-text.disabled input:disabled {
    border-color: #f5f5f5;
    background: #f5f5f5;
    color: #d6d6d6
}

.desktop .fb__input-text.disabled input:disabled+.fb__input-text__clear {
    display: none
}

.desktop .fb__input-text.readonly input:-moz-read-only+.fb__input-text__clear {
    display: none
}

.desktop .fb__input-text.readonly input:read-only+.fb__input-text__clear {
    display: none
}

.desktop .fb__input-text.invalid input {
    border-color: red
}

.desktop .fb__input-text.visible .fb__input-text__visible {
    display: block
}

.desktop .fb__input-text.line .fb__input-text__inner:before {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 2px;
    border-radius: 1px;
    background: #ebebeb
}

.desktop .fb__input-text.line input {
    height: 48px;
    padding: 0 36px 0 0;
    border: none;
    font-size: 14px
}

.swiper-container{
	margin-top: 20px; height: 485px;
}