@charset "utf-8";
/*---------------------------------------------------------------------------
	DIV LAYOUT GUIDE
	#wrapper > #container > (#regin) > #area > #section > #box
	GNB	(Global Navigation Bar)	:	사이트 최상위 전체 공통네비게이션.메인메뉴, 대분류 메뉴, 전체 사이트에서 사용되는 공통메뉴바
	LNB	(Local Navigation Bar)	:	현재 서비스 영역(Local)만 해당되는 네비게이션.서브메뉴, 중분류 메뉴, 각 서브분류 별 사용되는 메뉴바
	SNB	(Side Navigation Bar)	:	메인메뉴, 서브메뉴를 제외한 나머지 사이드메뉴, 기타메뉴바
	FNB	(Foot Navigation Bar)	:	하단메뉴, 하단로고, 주소, 카피라이팅 영역

	menubar, background-color			: #313040;		rgb(49, 48, 64)
	radio, color						: #cd0067;		rgb(205, 0, 103)
	botton								: #d01679;		rgb(208, 22, 121)
	border								: #d9d9d9;		rgb(217, 217, 217)
	th									: #f5f5f5;		rgb(245, 245, 245)
---------------------------------------------------------------------------*/
/*--------------------------------------------------
	LAYOUT	header_blue
--------------------------------------------------*/
	#container > .header_blue{
		clear: both;
		position: relative;
		display: block;
		width: 100%;
		height: 200px;
		background: url('../../../../main/images/ko/sub/customer/top_blue_bg.jpg') no-repeat top center;
		/*background-color: #6788cd;*/
	}
	.header_blue > .bule_area{
		clear: both;
		position: relative;
		display: block;
		width: 100%;
		/*
		left: 50%;
		margin-left: -500px;
		*/
		overflow: hidden;
		text-align: center;
	}
	 .bule_area > .title{
		position: relative;
		display: block;
		margin-top: 55px;
	 }
	 .bule_area > .title > span{
		font-size: 40px;
		color: #fff;
		font-weight: bold;
	 }
	 .bule_area > .script{
		position: relative;
		display: block;
		margin-top: 10px;
	 }
	 .bule_area > .script > span{
		font-size: 18px;
		color: #fff;
		font-weight: normal;
	 }

/*--------------------------------------------------
	LAYOUT	header_underline
--------------------------------------------------*/
	#container > .header_underline{
		clear: both;
		position: relative;
		display: block;
		width: 1200px;
		margin: 0 auto;
		margin-bottom: 30px;
		/*background-color: #6788cd;*/
	}
	.header_underline > .line_area{
		clear: both;
		position: relative;
		display: block;
		width: 100%;			
		margin: auto 0;
		border-bottom: 2px solid #000;
		/*
		left: 50%;
		margin-left: -500px;
		*/
		overflow: hidden;
		text-align: center;
	}
	 .line_area > .title{
		position: relative;
		display: block;
		margin: 70px 0 30px 0;
	 }
	 .line_area > .title > span{
		font-size: 40px;
		color: #1f1f1f;
		font-weight: bold;
	 }
	 .line_area > .script{
		position: relative;
		display: block;
		margin-top: 10px;
	 }
	 .line_area > .script > span{
		font-size: 18px;
		color: #1f1f1f;
		font-weight: normal;
	 }



/*--------------------------------------------------
	LAYOUT	append
--------------------------------------------------*/
	#container > .append{
		clear: both;
		position: relative;
		display: block;
		width: 1200px;
		margin: 0 auto;
		/*
		left: 50%;
		margin-left: -540px;
		*/
		overflow: hidden;
		background-color: #fff;
	}
	.append > .section{
		clear: both;
		position: relative;
		display: block;
		width: 100%;
	}


/*--------------------------------------------------
	이벤트	>	이벤트 메뉴
--------------------------------------------------*/
	.append > .section > .event_menu{
		display: inline-block;
		position: relative;
		width: 100%;
	}
	.append > .section > .event_menu > ul{
	}
	.append > .section > .event_menu > ul > li{
		float: left;
		width: 16.67%;
		height: 50px;
		border-top: 1px solid #d9d9d9;
		border-bottom: 1px solid #d9d9d9;
		border-left: 1px solid #d9d9d9;
		text-align: center;
		cursor: pointer;
		padding-top: 15px;

		font-size: 16px;
		color: #3f3f3f;
		font-weight: normal;
	}
	.append > .section > .event_menu > ul > li:last-child{
		padding-right: 0px;
		border-right: 1px solid #d9d9d9;
	}
	.append > .section > .event_menu > ul > li.on{
		background-color: #313040;
		border-color: #313040;
		color: #fff;
	}



/*--------------------------------------------------
	이벤트	>	리스트
--------------------------------------------------*/
	.append > .section > .list_event{
		clear: both;
		display: inline-block;
		position: relative;
		width: 100%;
	}
	.append > .section > .list_event > ul > li{
		float: left;
		width: 415px;
		padding-right: 45px;
		padding-bottom: 60px;
	}
	.append > .section > .list_event > ul > li:nth-of-type(3n){
		width: 370px;
		padding-right: 0px;
	}
	.append > .section > .list_event > ul > li > .event_box{
		clear: both;
		display: block;
		position: relative;
		width: 100%;
		cursor: pointer;
	}
	.append > .section > .list_event > ul > li > .event_box > .subject{
		clear: both;
		position: relative;
		display: block;
		text-align: left;
		margin-top: 20px;

		font-size: 24px;
		color: #1f1f1f;
		font-weight: bold;
	}
	.append > .section > .list_event > ul > li > .event_box > .script{
		clear: both;
		position: relative;
		display: block;
		text-align: left;
		margin-top: 10px;

		font-size: 14px;
		color: #1f1f1f;
		font-weight: normal;
	}
	.append > .section > .list_event > ul > li > .event_box > .date{
		clear: both;
		position: relative;
		display: block;
		text-align: left;
		margin-top: 10px;

		font-size: 13px;
		color: #7f7f7f;
		font-weight: normal;
	}



/*--------------------------------------------------
	이벤트	>	당첨자발표
--------------------------------------------------*/
	.append > .section > .list_winner{
		clear: both;
		display: block;
		position: relative;
		width: 100%;
	}
	.append > .section > .list_winner > table{
		width: 100%;
		table-layout: fixed;
		border-collapse: separate;	/*	separate	: 표(table)의 테두리와 셀(td)의 테두리 사이에 간격을 둡니다.
										collapse	: 표(table)의 테두리와 셀(td)의 테두리 사이의 간격을 없앱니다. 겹치는 부분은 한 줄로 나타냅니다.
										initial		: 기본값으로 설정합니다.
										inherit		: 부모 요소의 속성값을 상속받습니다.
									*/
		border-top: 2px solid #313040;
	}
	.append > .section > .list_winner > table > thead > tr > th{
		text-align: center;
		vertical-align: middle;
		padding: 5px 0px 5px 0px;
		border-bottom: 1px solid #d9d9d9;
		height: 50px;
	}
	.append > .section > .list_winner > table > thead > tr > th > span{
		font-size: 14px;
		color: #0f0f0f;
		font-weight: normal;
	}
	.append > .section > .list_winner > table > tbody > tr{
		/*
		cursor: pointer;
		*/
	}
	.append > .section > .list_winner > table > tbody > tr > td{
		text-align: center;
		vertical-align: middle;
		padding: 5px 0px 5px 0px;
		border-bottom: 1px solid #d9d9d9;
		line-height: 21px;
		height: 50px;
	}
	.append > .section > .list_winner > table > tbody > tr > td > span{
		font-size: 14px;
		color: #0f0f0f;
		font-weight: normal;
	}




/*--------------------------------------------------
	매거진	>	매거진 메뉴
--------------------------------------------------*/
	.append > .section > .magazine_menu{
		display: inline-block;
		position: relative;
		width: 100%;
	}
	.append > .section > .magazine_menu > table{
		clear: both;
		border-collapse: collapse;	/*	separate	: 표(table)의 테두리와 셀(td)의 테두리 사이에 간격을 둡니다.
										collapse	: 표(table)의 테두리와 셀(td)의 테두리 사이의 간격을 없앱니다. 겹치는 부분은 한 줄로 나타냅니다.
										initial		: 기본값으로 설정합니다.
										inherit		: 부모 요소의 속성값을 상속받습니다.
									*/
	}
	.append > .section > .magazine_menu > table > tbody > tr > td{
		width: 200px;
		height: 40px;
		border: 1px solid #d9d9d9;
		text-align: center;
		cursor: pointer;

		font-size: 14px;
		color: #1f1f1f;
		font-weight: normal;
	}
	.append > .section > .magazine_menu > table > tbody > tr > td.on{
		background-color: #313040;
		border-color: #313040;
		color: #fff;
	}



/*--------------------------------------------------
	매거진	>	리스트
--------------------------------------------------*/
	.append > .section > .list_magazine{
		clear: both;
		display: inline-block;
		position: relative;
		width: 100%;
	}
	.append > .section > .list_magazine > ul > li{
		float: left;
		width: 415px;
		height: auto;
        display: block;
        overflow: hidden;
		padding-right: 45px;
		padding-bottom: 50px;
	}
	.append > .section > .list_magazine > ul > li:nth-of-type(3n){
		width: 370px;
		padding-right: 0px;
	}
	.append > .section > .list_magazine > ul > li > .magazine_box{
		clear: both;
		display: block;
		position: relative;
		width: 100%;
		cursor: pointer;
	}
	.append > .section > .list_magazine > ul > li > .magazine_box > .subject{
		clear: both;
		position: relative;
		display: block;
		text-align: left;
		margin-top: 25px;
		line-height: 30px;

		font-size: 24px;
		color: #1f1f1f;
		font-weight: bold;
	}
	.append > .section > .list_magazine > ul > li > .magazine_box > .script{
		position: relative;
		display: block;
		text-align: left;
		margin-top: 15px;
		line-height: 21px;

		font-size: 14px;
		color: #6f6f6f;
		font-weight: normal;
	}



/*--------------------------------------------------
	매거진	>	상세
--------------------------------------------------*/
	.append > .section > .magazine_date{
		clear: both;
		display: block;
		position: relative;

		font-size: 14px;
		color: #6f6f6f;
		font-weight: normal;
	}
	.append > .section > .magazine_subject{
		clear: both;
		display: block;
		position: relative;

		font-size: 30px;
		color: #1f1f1f;
		font-weight: bold;
	}
	.append > .section > .magazine_contents{
		clear: both;
		display: block;
		position: relative;
		border-top: 2px solid #313040;
		padding: 50px 50px 50px 50px;
		line-height: 26px;

		font-size: 16px;
		color: #6f6f6f;
		font-weight: normal;
	}



/*--------------------------------------------------
	매거진	>	상세	>	관련제품
--------------------------------------------------*/
	.append > .section > .swiper-container{
		clear: both;
		display: block;
		position: relative;
		width: 100%;
		border-top: 2px solid #313040;
		border-bottom: 2px solid #313040;
		padding-top: 30px;
		padding-bottom: 50px;
	}
	.append > .section > .swiper-container > .title{
		clear: both;
		display: inline-block;
		position: relative;
		padding-bottom: 15px;

		font-size: 20px;
		color: #1f1f1f;
		font-weight: bold;
	}
	.swiper-slide{
		clear: both;
		display: inline-block;
		position: relative;
		width: 100%;
	}
	.swiper-slide > ul > li{
		float: left;
		width: 310px;
		padding-right: 40px;
	}
	.swiper-slide > ul > li:nth-of-type(4n){
		width: 270px;
		padding-right: 0px;
	}
	.swiper-slide > ul > li > .related_products{
		clear: both;
		display: block;
		position: relative;
		width: 100%;
		cursor: pointer;
	}
	.swiper-slide > ul > li > .related_products > .subject{
		clear: both;
		position: relative;
		display: block;
		text-align: left;
		margin-top: 15px;

		font-size: 20px;
		color: #1f1f1f;
		font-weight: bold;
	}
	.swiper-slide > ul > li > .related_products > .script{
		position: relative;
		display: block;
		text-align: left;
		margin-top: 10px;
		line-height: 20px;

		font-size: 13px;
		color: #7f7f7f;
		font-weight: normal;
	}
	.swiper-slide > ul > li > .related_products > .price{
		position: relative;
		display: block;
		text-align: left;
		margin-top: 8px;
	}
	.swiper-slide > ul > li > .related_products > .price > span{
		font-size: 13px;
		color: #1f1f1f;
		font-weight: normal;
	}
	.swiper-slide > ul > li > .related_products > .price > span.num{
		font-size: 17px;
		color: #1f1f1f;
		font-weight: bold;
	}



/*--------------------------------------------------
	매거진	>	댓글
--------------------------------------------------*/
	.append > .section > .magazine_txt{
		clear: both;
		display: block;
		position: relative;
		width: 100%;
	}
	.append > .section > .magazine_txt > span{
		font-size: 20px;
		color: #1f1f1f;
		font-weight: bold;
	}
	.append > .section > .magazine_txt > span.cnt{
		font-size: 13px;
		color: #5f5f5f;
		font-weight: bold;
	}
	.append > .section > .magazine_cmt{
		clear: both;
		display: inline-block;
		position: relative;
		width: 100%;
	}
	/*
	.append > .section > .magazine_cmt > .cmt_left{
		width: 1030px;
		float: left;
	}
	.append > .section > .magazine_cmt > .cmt_right{
		width: 160px;
		float: right;
	}
	*/



/*--------------------------------------------------
	이벤트	>	당첨자발표
--------------------------------------------------*/
	.append > .section > .list_comment{
		clear: both;
		display: block;
		position: relative;
		width: 100%;
	}
	.append > .section > .list_comment > table{
		width: 100%;
		table-layout: fixed;
		border-collapse: separate;	/*	separate	: 표(table)의 테두리와 셀(td)의 테두리 사이에 간격을 둡니다.
										collapse	: 표(table)의 테두리와 셀(td)의 테두리 사이의 간격을 없앱니다. 겹치는 부분은 한 줄로 나타냅니다.
										initial		: 기본값으로 설정합니다.
										inherit		: 부모 요소의 속성값을 상속받습니다.
									*/
		border-top: 2px solid #313040;
	}
	.append > .section > .list_comment > table > tbody > tr{
		/*
		cursor: pointer;
		*/
	}
	.append > .section > .list_comment > table > tbody > tr > td{
		text-align: center;
		vertical-align: middle;
		padding: 5px 0px 5px 0px;
		border-bottom: 1px solid #d9d9d9;
		line-height: 21px;
		height: 60px;
	}
	.append > .section > .list_comment > table > tbody > tr > td > span{
		font-size: 14px;
		color: #0f0f0f;
		font-weight: normal;
	}



/*--------------------------------------------------
	큐레이션샵	>	메뉴
--------------------------------------------------*/
	.append > .section > .curationshop_menu{
		clear: both;
		display: block;
		position: relative;
		width: 100%;
		text-align: center;
	}
	.append > .section > .curationshop_menu > ul{
		display: inline-block;
	}
	.append > .section > .curationshop_menu > ul > li{
		float: left;
		width: 110px;
	}
	.append > .section > .curationshop_menu > ul > li > .menu_box{
		clear: both;
		display: block;
		position: relative;
		width: 100%;
		cursor: pointer;
		text-align: center;
	}
	.append > .section > .curationshop_menu > ul > li > .menu_box > .txt{
		display: inline-block;
		position: relative;
		text-align: center;
		margin-top: 5px;
		padding-left: 5px;
		padding-right: 5px;
		padding-bottom: 1px;

		font-size: 16px;
		color: #1f1f1f;
		font-weight: normal;
	}
	.append > .section > .curationshop_menu > ul > li > .menu_box > .txt.on{
		font-weight: bold;
		border-bottom: 2px solid #cd0067;
	}


/*--------------------------------------------------
	큐레이션샵	>	리스트
--------------------------------------------------*/
	.append > .section > .list_curationshop{
		clear: both;
		display: block;
		position: relative;
		width: 100%;
	}
	.append > .section > .list_curationshop > .list_title{
		display: block;
		position: relative;

		font-size: 29px;
		color: #1f1f1f;
		font-weight: normal;
	}
	.append > .section > .list_curationshop > .list_sub{
		clear: both;
		display: inline-block;
		position: relative;
		width: 100%;
		margin-top: 10px;
	}
	.append > .section > .list_curationshop > .list_sub > .sub_left{
		float: left;

		font-size: 16px;
		color: #1f1f1f;
		font-weight: normal;
	}
	.append > .section > .list_curationshop > .list_sub > .sub_right{
		float: right;
	}
	.append > .section > .list_curationshop > ul{
		display: inline-block;
		position: relative;
		width: 100%;
		margin-top: 20px;
	}
	.append > .section > .list_curationshop > ul > li{
		float: left;
		width: 410px;
		padding-right: 30px;
	}
	.append > .section > .list_curationshop > ul > li:nth-of-type(3n){
		width: 380px;
		padding-right: 0px;
	}
	.append > .section > .list_curationshop > ul > li > .curationshop_box{
		clear: both;
		display: block;
		position: relative;
		width: 100%;
		cursor: pointer;
	}
	.append > .section > .list_curationshop > ul > li > .curationshop_box > .subject{
		clear: both;
		position: relative;
		display: block;
		text-align: left;
		margin-top: 15px;

		font-size: 19px;
		color: #1f1f1f;
		font-weight: bold;
	}
	.append > .section > .list_curationshop > ul > li > .curationshop_box > .script{
		position: relative;
		display: block;
		text-align: left;
		margin-top: 5px;
		line-height: 21px;

		font-size: 14px;
		color: #7f7f7f;
		font-weight: normal;
	}



/*--------------------------------------------------
	큐레이션샵	>	서브리스트
--------------------------------------------------*/
	.append > .section > .sublist_curationshop{
		clear: both;
		display: inline-block;
		position: relative;
		width: 100%;
	}
	.append > .section > .sublist_curationshop > ul > li{
		float: left;
		width: 310px;
		padding-right: 40px;
		padding-bottom: 55px;
	}
	.append > .section > .sublist_curationshop > ul > li:nth-of-type(4n){
		width: 270px;
		padding-right: 0px;
	}
	.append > .section > .sublist_curationshop > ul > li > .related_products{
		clear: both;
		display: block;
		position: relative;
		width: 100%;
		cursor: pointer;
	}
	.append > .section > .sublist_curationshop > ul > li > .related_products > .subject{
		clear: both;
		position: relative;
		display: block;
		text-align: left;
		margin-top: 15px;

		font-size: 17px;
		color: #1f1f1f;
		font-weight: bold;
	}
	.append > .section > .sublist_curationshop > ul > li > .related_products > .script{
		position: relative;
		display: block;
		text-align: left;
		margin-top: 8px;
		line-height: 20px;

		font-size: 13px;
		color: #7f7f7f;
		font-weight: normal;
	}
	.append > .section > .sublist_curationshop > ul > li > .related_products > .price{
		position: relative;
		display: block;
		text-align: left;
		margin-top: 8px;
	}
	.append > .section > .sublist_curationshop > ul > li > .related_products > .price > span{
		font-size: 13px;
		color: #1f1f1f;
		font-weight: normal;
	}
	.append > .section > .sublist_curationshop > ul > li > .related_products > .price > span.num{
		font-size: 17px;
		color: #1f1f1f;
		font-weight: bold;
	}



/*--------------------------------------------------
	LAYOUT	header_bestreview
--------------------------------------------------*/
	#container > .header_bestreview{
		clear: both;
		position: relative;
		display: block;
		width: 100%;
		height: 487px;
		background-color: #ebebeb;
	}
	.header_bestreview > .title_area {
		width: 1200px;
		height: 487px;
		margin: 0 auto;
	}
	.header_bestreview > .bestreview_area{
		clear: both;
		position: relative;
		display: block;
		width: 1200px;
		margin: 0 auto;
		/*
		left: 50%;
		margin-left: -540px;
		*/
		overflow: hidden;
		text-align: left;
	}
	.header_bestreview > .bestreview_area > .area_left{
		float: left;
		width: 500px;
	}
	.header_bestreview > .bestreview_area > .area_left > .title{
		margin-top: 100px;

		font-size: 50px;
		color: #36324d;
		font-weight: bold;
	}
	.header_bestreview > .bestreview_area > .area_left > .script{
		margin-top: 20px;
		line-height: 30px;

		font-size: 20px;
		color: #3c4777;
		font-weight: normal;
	}
	.header_bestreview > .bestreview_area > .area_left > .desc{
		clear: both;
		display: block;
		position: relative;
		width: 100%;
		margin-top: 40px;
	}
	.header_bestreview > .bestreview_area > .area_left > .desc > table{
		width: 100%;
		table-layout: fixed;
		border-collapse: separate;	/*	separate	: 표(table)의 테두리와 셀(td)의 테두리 사이에 간격을 둡니다.
										collapse	: 표(table)의 테두리와 셀(td)의 테두리 사이의 간격을 없앱니다. 겹치는 부분은 한 줄로 나타냅니다.
										initial		: 기본값으로 설정합니다.
										inherit		: 부모 요소의 속성값을 상속받습니다.
									*/
	}
	.header_bestreview > .bestreview_area > .area_left > .desc > table > tbody > tr{
		/*
		cursor: pointer;
		*/
	}
	.header_bestreview > .bestreview_area > .area_left > .desc > table > tbody > tr > td{
		text-align: left;
		vertical-align: middle;
		line-height: 21px;

		font-size: 14px;
		color: #383729;
		font-weight: normal;
	}

	.header_bestreview > .bestreview_area > .area_right{
		float: right;
		width: 700px;
	}
	.header_bestreview > .bestreview_area > .area_right > .review{
		margin-top: 70px;
	}
	.header_bestreview > .bestreview_area > .area_right > .review > table{
		width: 100%;
		table-layout: fixed;
		border-collapse: separate;	/*	separate	: 표(table)의 테두리와 셀(td)의 테두리 사이에 간격을 둡니다.
										collapse	: 표(table)의 테두리와 셀(td)의 테두리 사이의 간격을 없앱니다. 겹치는 부분은 한 줄로 나타냅니다.
										initial		: 기본값으로 설정합니다.


										inherit		: 부모 요소의 속성값을 상속받습니다.
									*/
	}
	.header_bestreview > .bestreview_area > .area_right > .review > table > tbody > tr{
		/*
		cursor: pointer;
		*/
	}
	.header_bestreview > .bestreview_area > .area_right > .review > table > tbody > tr > td{
		vertical-align: top;
	}
	.header_bestreview > .bestreview_area > .area_right > .review > table > tbody > tr > td > .contents{
		clear: both;
		display: block;
		position: relative;
		width: 300px;
		height: 300px;
		text-align: left;
		vertical-align: top;
		background-color: #fff;
		padding: 30px 20px 20px 20px;
	}
	.header_bestreview > .bestreview_area > .area_right > .review > table > tbody > tr > td > .contents > .star{
		position: relative;
		display: block;
		width: 100%;
		line-height: 20px;
		padding-bottom: 10px;

		font-size: 14px;
		font-weight: normal;
		color: #4f4f4f;
	}
	.header_bestreview > .bestreview_area > .area_right > .review > table > tbody > tr > td > .contents > .box_scroll{
		clear: both;
		position: relative;
		display: block;
		width: 100%;
		max-height: 200px;
	}
	.header_bestreview > .bestreview_area > .area_right > .review > table > tbody > tr > td > .contents .box_desc{
		position: relative;
		display: block;
		width: 100%;
		line-height: 22px;

		font-size: 14px;
		font-weight: normal;
		color: #7f7f7f;
	}
	.header_bestreview > .bestreview_area > .area_right > .review > table > tbody > tr > td > .contents > .id{
		position: absolute;
		bottom: 15px;
		width: 100%;

		font-size: 14px;
		font-weight: normal;
		color: #6f6f6f;
	}

	.header_bestreview > .bestreview_area > .area_right > .desc{
		clear: both;
		display: block;
		position: relative;
		width: 100%;
		margin-top: 40px;
	}
	.header_bestreview > .bestreview_area > .area_right > .desc > table{
		width: 100%;
		table-layout: fixed;
		border-collapse: separate;	/*	separate	: 표(table)의 테두리와 셀(td)의 테두리 사이에 간격을 둡니다.
										collapse	: 표(table)의 테두리와 셀(td)의 테두리 사이의 간격을 없앱니다. 겹치는 부분은 한 줄로 나타냅니다.
										initial		: 기본값으로 설정합니다.
										inherit		: 부모 요소의 속성값을 상속받습니다.
									*/
	}
	.header_bestreview > .bestreview_area > .area_right > .desc > table > tbody > tr{
		/*
		cursor: pointer;
		*/
	}
	.header_bestreview > .bestreview_area > .area_right > .desc > table > tbody > tr > td{
		text-align: left;
		vertical-align: middle;
		line-height: 21px;

		font-size: 14px;
		color: #383729;
		font-weight: normal;
	}


/*--------------------------------------------------
	LAYOUT	append_review
--------------------------------------------------*/
	#container > .body_bestreview{
		clear: both;
		position: relative;
		display: block;
		width: 100%;
		padding-bottom: 100px;
	}
	.body_bestreview > .append_review{
		clear: both;
		position: relative;
		display: block;
		width: 1200px;
		margin: 0 auto;
		/*
		left: 50%;
		margin-left: -540px;
		*/
		overflow: hidden;
	}
	.append_review > .section{
		clear: both;
		position: relative;
		display: block;
		width: 100%;
	}



/*--------------------------------------------------
	BESTREVIEW	>	메뉴
--------------------------------------------------*/
	.append_review > .section > .reviews_munu{
		clear: both;
		display: inline-block;
		position: relative;
		width: 100%;
	}
    .append_review > .section > .reviews_munu{
		clear: both;
		display: inline-block;
		position: relative;
		width: 100%;
	}
	.append_review > .section > .reviews_munu > ul > li{
		float: left;
		padding-right: 10px;
        cursor: pointer;
	}
    .append_review > .section > .reviews_munu > ul > li > a{
		font-size: 16px;
		color: #1f1f1f;
		font-weight: normal;
	}
	.append_review > .section > .reviews_munu > ul > li > a.on{
		color: #cd0067;
		font-weight: bold;
		border-bottom: 2px solid #cd0067;
	}
	.append_review > .section > .reviews_munu > ul > li.detach{
		padding-left: 20px;
		padding-right: 20px;

	}
	.append_review > .section > .reviews_munu > ul > li.detach > div{
		/*
		height: 13px;
		border-left: 1px solid #d9d9d9;
		margin-top: 1px;
		*/
	}
    .append_review > .section > .reviews_munu > ul > li > .btn_area {
        width: auto; 
        height: auto;
        display: block;
    }
    .append_review > .section > .reviews_munu > ul > li > .btn_area > div {
        width: auto; 
        height: auto;
        text-align: center; 
        margin: 0 auto;
    }
    .append_review > .section > .reviews_munu > ul > li > .btn_area > div > span.title {
        font-size: 16px;
    padding: 10px 20px;
    border-radius: 30px;
    background-color: #ebebeb;
    color: #333;
    cursor: pointer;
    margin: 0 10px 10px 0;
    }
    .append_review > .section > .reviews_munu > ul > li > .btn_area > .on > span.title {
    background-color: #cd0067;
    color: #FFF!important;
    }
    .append_review > .section > .reviews_munu > ul > li > .btn_area > .on {
        
    }
    .append_review > .section > .reviews_munu > ul > li > .btn_area > .on img {
        vertical-align: middle;
    }

    .append_review > .section > .reviews_munu > ul > li > .btn_area > div img {
        vertical-align: middle;
    }
    .append_review > .section > .reviews_munu > ul > li > .btn_area > span.title {
        font-size: 16px;
    padding: 10px 20px;
    border-radius: 30px;
    background-color: #ebebeb;
    color: #333;
    cursor: pointer;
    margin: 0 10px 10px 0;
    }

/*--------------------------------------------------
	BESTREVIEW	>	리스트
--------------------------------------------------*/
	.append_review > .section > .list_reviews{
		clear: both;
		display: inline-block;
		position: relative;
		width: 100%;
	}
	.append_review > .section > .list_reviews > ul > li{		
		width: 100%;
	}
	
	.append_review > .section > .list_reviews > ul > li > .review_box {
		clear: both;
		display: block;
		position: relative;
		width: 100%;
        border-bottom: solid 1px #d9d9d9;
	}
	.append_review > .section > .list_reviews > ul > li > .review_box > .contents{
		clear: both;
		position: relative;
		display: block;
		width: 100%;
		height: auto;
		padding: 15px 0;
	}
	.append_review > .section > .list_reviews > ul > li > .review_box > .contents > .pro_title {
		font-size: 16px;
		font-weight: bold;
		color: #000;
		padding-bottom: 10px;        
	}
    .reviews_pro_title {
		font-size: 16px;
		font-weight: bold;
		color: #000;
		padding-bottom: 10px;        
	}
	.append_review > .section > .list_reviews > ul > li > .review_box > .contents > .star{
		position: relative;
		display: block;
		width: 100%;
		padding-bottom: 10px;

		font-size: 14px;
		font-weight: normal;
		color: #4f4f4f;
	}
    .reviews_star{
		position: relative;
		display: block;
		width: 100%;
		padding-bottom: 10px;

		font-size: 14px;
		font-weight: normal;
		color: #4f4f4f;
	}
	.append_review > .section > .list_reviews > ul > li > .review_box > .contents > .box_scroll{
		clear: both;
		position: relative;
		display: block;
		width: 100%;
		max-height: 120px;
	}
	.append_review > .section > .list_reviews > ul > li > .review_box > .contents .box_desc{
		position: relative;		
		width: 100%;
		line-height: 24px;

		font-size: 13px;
		font-weight: normal;
		color: #7f7f7f;
	}
	.append_review > .section > .list_reviews > ul > li > .review_box > .contents > .id{
        padding: 15px 0;
        width: 100%;
		font-size: 13px;
		font-weight: normal;
		color: #6f6f6f;
	}
    .reviews_id{
        width: 100%;
		font-size: 11px;
		font-weight: normal;
		color: #6f6f6f;
	}
    .photo_view_btn {
        font-size: 11px;
        color: #cd0067;
        border: 1px solid #cd0067;
        padding: 5px 10px;
        cursor: pointer;
    }



/*--------------------------------------------------
	이용후기	>	내용보기	> POPUP
--------------------------------------------------*/
	.layer_reviews{
		display:none;
		position:fixed;
		_position:absolute;

		top:0;
		left:0;
		width:100%;
		height:100%;
		z-index:9999;
	}
	.layer_reviews > .layer_bg{
		position:absolute;
		top:0;
		left:0;
		width:100%;
		height:100%;
		background:#000;
		opacity:.5;
		filter:alpha(opacity=50);
	}
	.layer_reviews > .reviews_box{
		display:block;
	}
	.reviews_box{
		display:none;
		position: absolute;
		top: 50%;
		left: 50%;
		background:#fff;
		border: 1px solid #313040;
		z-index: 5000;
	}
	.reviews_box > .layer_iframe{
		clear: both;
		position: relative;
		display: block;
	}
	.reviews_box > .layer_iframe > iframe{
		overflow-y:hidden;
		width: 800px;
		height: 1100px;
	}
	.reviews_box > .layer_close{
		position:absolute;
		top: 30px;
		right: 30px;
	}
	.reviews_box > .layer_close > a{
		font-size: 35px;
		color: #ffffff;
		font-weight: lighter;
	}
	.reviews_box > .layer_close > img{
		width: 30px;
	}


	.reviews_popup{
		clear: both;
		position: relative;
		display: block;
		width: 100%;
		padding: 20px 20px 20px 20px;
		background-color: #ffffff;
	}
	.reviews_popup > .section_title{
		position: relative;
		display: block;
		height: 60px;
		background-color: #313040;
	}
	.reviews_popup > .section_title > span{
		font-size: 24px;
		color: #ffffff;
		font-weight: bold;
		margin-top: 20px;
		margin-left: 20px;
	}
	.reviews_popup > .section{
		clear: both;
		position: relative;
		display: block;
		width: 100%;
	}
	.reviews_popup > .section > .product_box{
		clear: both;
		display: inline-block;
		position: relative;
		width: 100%;
	}
	.reviews_popup > .section > .product_box > ul{
		display: inline-block;
	}
	.reviews_popup > .section > .product_box > ul > li{
		float: left;
	}
	.reviews_popup > .section > .product_box > ul > li:nth-of-type(2){
		padding-left: 20px;
	}
	.reviews_popup > .section > .product_box > ul > li > img{
		width: 100px;
		height: 100px;
	}
	.reviews_popup > .section > .product_box > ul > li > .title{
		font-size: 17px;
		color: #1f1f1f;
		font-weight: bold;
	}
	.reviews_popup > .section > .product_box > ul > li > .script{
		margin-top: 10px;
		line-height: 21px;

		font-size: 13px;
		color: #1f1f1f;
		font-weight: normal;
	}




/*--------------------------------------------------
	이용후기	>	내용보기	>	gallery
--------------------------------------------------*/
	.reviews_popup > .section > .gallery_scroll{
		clear: both;
		position: relative;
		display: block;
		width: 100%;
		height: auto;
        margin-bottom: 15px;
	}
	.reviews_popup > .section .gallery{
		clear: both;
		display: block;
		position: relative;
		width: 100%;
	}
	.reviews_popup > .section .gallery > .thumbnails{
		padding-top: 10px;
		padding-bottom: 10px;
		border-bottom: 1px solid #d9d9d9;
	}
	.reviews_popup > .section .gallery > .carousel{
		width: 500px;
		/*
		max-height: 500px;
		*/
		margin: 0 auto;
	}


	.reviews_popup > .section > .contents{
		clear: both;
		position: relative;
		display: block;
		width: 100%;
		height: auto;
		padding: 10px 30px 0px 30px;
	}
	.reviews_popup > .section > .contents > .star{
		position: relative;
		display: block;
		width: 100%;
		padding-bottom: 10px;

		font-size: 16px;
		font-weight: bold;
		color: #333333;
	}
	.reviews_popup > .section > .contents > .box_scroll{
		clear: both;
		position: relative;
		display: block;
		width: 100%;
		height: auto;
	}
	.reviews_popup > .section > .contents .box_desc{
		position: relative;
		display: block;
		width: 100%;
		line-height: 24px;

		font-size: 13px;
		font-weight: normal;
		color: #7f7f7f;
	}
	.reviews_popup > .section > .contents > .id{		
		width: 100%;

		font-size: 13px;
		font-weight: normal;
		color: #6f6f6f;
        padding: 20px 0;
	}
/*--------------------------------------------------
	이지템플릿
--------------------------------------------------*/
	#container > .area_selfdesign {
		clear: both;
		position: relative;
		display: block;
		width: 1500px;
		margin: 0 auto;
		background-color: #fff;
	}
	.area_selfdesign > .left_menu {
		float: left;
		width: 239px;
	}
	.area_selfdesign > .left_menu > .title {
		padding: 30px 0 0 15px;
		width: 100%;
		height: 60px;
	}
	.area_selfdesign > .left_menu > .title > span {
		font-size: 18px;
		font-weight: bold;
		color: #000;
	}
	.area_selfdesign > .left_menu > .tab_group {
		clear: both;
		display: block;
		position: relative;
		width: 210px;
		height: auto;
		margin: 0 auto;
	}
	.area_selfdesign > .left_menu > .tab_group .tab_product_info {
		
	}
	.area_selfdesign > .left_menu > .tab_group .tab_product_info > ul {
		padding-top: 20px;
	}
	.area_selfdesign > .left_menu > .tab_group .tab_product_info > ul > li {
		margin-bottom: 15px;
	}
	.area_selfdesign > .left_menu > .tab_group .tab_product_info > ul > li > a{		
		font-size: 13px;
		color: #333;		
	}
	.area_selfdesign > .area_right_contents {		
		width: 100%;
		height: auto;        
	}
	.area_selfdesign > .area_right_contents > .area_select_menu {
		width: 100%;
		height: auto;				
	}
	.area_selfdesign > .area_right_contents > .area_select_menu > .area_table {
		width: 100%;
		margin: 0 auto;
		height: auto;
		overflow: hidden;
	}
	.area_selfdesign > .area_right_contents > .area_select_menu > .area_table > table {
		margin: 20px 0 30px 0;
	}
	.area_selfdesign > .area_right_contents > .area_select_menu > .area_table > table th {		
		color: #000;
		font-weight: bold;
		font-size: 16px;
        padding-left: 15px;
	}
    .area_selfdesign > .area_right_contents > .area_select_menu > .area_table > table td {		
        width: 100%;
	}
	.area_selfdesign > .area_right_contents > .area_select_menu > .area_table > table td > ul > li {
		float: left;
		margin: 10px 10px;
	}
	.area_selfdesign > .area_right_contents > .area_select_menu > .area_table > table td > ul > li > a {
		padding: 5px 10px;
		border-radius: 20px;
		border: 1px solid #d9d9d9;
		background-color: #FFF;
		color: #333;
        font-size: 14px;
	}
	.area_selfdesign > .area_right_contents > .area_select_menu > .area_table > table td > ul > li.active > a {
		padding: 5px 10px;
		border-radius: 20px;
		border: 1px solid #333333;
		background-color: #333333;
		color: #ffffff;
        font-size: 14px;
	}
	.area_selfdesign > .area_right_contents > .selfdesign_contents {		
		width: 100%;
		margin-bottom: 40px;
		overflow: hidden;
	}
	.area_selfdesign > .area_right_contents > .selfdesign_contents > .area_contents {		
		overflow: hidden;
	}
	.area_selfdesign > .area_right_contents > .selfdesign_contents > .area_contents > ul {
		background-color: #f1f1f1;		
		margin-top: 30px;
		margin-left: 20px;
		float: left;
	}
	.area_selfdesign > .area_right_contents > .selfdesign_contents > .image_01 > ul > li {
		width: 290px;
	}
	.area_selfdesign > .area_right_contents > .selfdesign_contents > .image_02 > ul > li {
		width: 450px;
	}
	.area_selfdesign > .area_right_contents > .selfdesign_contents > .image_03 > ul > li {
		width: 300px;
	}
	.area_selfdesign > .area_right_contents > .selfdesign_contents > .area_contents > ul > li {
		padding: 10px;
		text-align: center;
	}
	.area_selfdesign > .area_right_contents > .selfdesign_contents > .area_contents > ul > li.title {
		padding: 0;
	}
	.area_selfdesign > .area_right_contents > .selfdesign_contents > .area_contents > ul > li.title > span {
		font-size: 14px;
		color: #000000;
		font-weight: bold;
	}
	.area_selfdesign > .area_right_contents > .selfdesign_contents > .area_contents > ul > li > span {
		font-size: 12px;
		color: #000000;
	}
	.area_selfdesign > .area_right_contents > .selfdesign_contents > .area_contents > table {
		clear: both;
		border-collapse: collapse;	/*	separate	: 표(table)의 테두리와 셀(td)의 테두리 사이에 간격을 둡니다.
										collapse	: 표(table)의 테두리와 셀(td)의 테두리 사이의 간격을 없앱니다. 겹치는 부분은 한 줄로 나타냅니다.
										initial		: 기본값으로 설정합니다.
										inherit		: 부모 요소의 속성값을 상속받습니다.
									*/		
	}
	.area_selfdesign > .area_right_contents > .selfdesign_contents > .area_contents > table > tr > td {
		width: 25%;
	}
    .ezt_submenu > ul > li {
		float: left;
		margin-right: 10px;
        display: flex;
	}
    .ezt_submenu > ul > li > a {
		padding: 10px 15px;
		border-radius: 30px;
		border: 1px solid #ebebeb;
		background-color: #ebebeb;
		color: #333;
        font-size: 16px;
	}
	.ezt_submenu > ul > li.act > a {
		padding: 10px 15px;
		border-radius: 20px;
		border: 1px solid #cd0067;
		background-color: #cd0067;
		color: #ffffff;
        font-size: 16px;
	}
/*--------------------------------------------------
	이용약관
--------------------------------------------------*/
	.wow_service {
/* padding: 30px 0; */		
	}
	.wow_service > ul > li {
		list-style: none;
	}
	.wow_service > ul > li {		
		padding: 5px 0;
		line-height: 22px;
	}
	.wow_service > ul > li.title01 {		
		padding: 30px 0 10px 0;
	}
	.wow_service > ul > li.title01 > span{
		font-size: 24px;
		font-weight: bold;
		color: #000000;
	}
	.wow_service > ul > li.title02 {		
		padding: 15px 0 10px 0;
	}
	.wow_service > ul > li.title02 > span{
		font-size: 18px;
		font-weight: bold;
		color: #333;
	}
	.wow_service > ul > li > span{
		font-size: 14px;
		color: #666;
	}
	.wow_service > ul > li img{
		margin-right: 40px;
	}
	.wow_service > ul > li.subtext01 {		
		padding: 0;
	}
	.wow_service > ul > li.subtext01 > span{
		font-size: 14px;
		color: #666;
		margin-left: 15px;
	}
	.wow_service > ul > li > table {
		border: 1px solid #d9d9d9;
	}
	.wow_service > ul > li > table > tbody > tr > th {		
		border: 1px solid #d9d9d9;
		background-color: #f0f0f0;
		text-align: center;
		padding: 5px;
		font-size: 14px;
		font-weight: bold;
		color: #000000;
	}
	.wow_service > ul > li > table > tbody > tr > td {		
		border: 1px solid #d9d9d9;		
		padding: 5px 10px;
		font-size: 14px;
		color: #333333;
	}
/*--------------------------------------------------
	불법인쇄물
--------------------------------------------------*/
	.wow_service > ul > li > .accordion {
		background-color: #eee;
		color: #000;
		cursor: pointer;
		padding: 18px 18px 36px 18px;
		width: 100%;
		border: none;
		text-align: left;
		outline: none;
		font-size: 18px;
		font-weight: bold;
		transition: 0.4s;
	}
	.wow_service > ul > li > .active, .accordion:hover {
  		background-color: #ccc;
	}
	.wow_service > ul > li > .accordion:after {
		content: '\002B';
		color: #777;
		font-weight: bold;
		float: right;
		margin-left: 5px;
	}
	.wow_service > ul > li > .active:after {
		content: "\2212";
	}

	.wow_service > ul > li > .panel {
		padding: 0 18px;
		background-color: white;
		border: 1px solid #d9d9d9;
		max-height: 0;
		overflow: hidden;
		transition: max-height 0.2s ease-out;
	}
	.wow_service > ul > li > .panel > ul > li.title02 {		
		padding: 15px 0 10px 0;
		font-size: 18px;
		font-weight: bold;
		color: #333;
	}
	.wow_service > ul > li > .panel > ul > li > span{
		font-size: 14px;
		color: #666;
		padding-bottom: 20px;
	}
	.wow_service > ul > li > .panel > ul > li > table {
		border: 1px solid #d9d9d9;
	}
	.wow_service > ul > li > .panel > ul > li > table > tbody > tr > th {		
		border: 1px solid #d9d9d9;
		background-color: #f0f0f0;
		text-align: center;
		padding: 5px;
		font-size: 14px;
		font-weight: bold;
		color: #000000;
	}
	.wow_service > ul > li > .panel > ul > li > table > tbody > tr > td {		
		border: 1px solid #d9d9d9;		
		padding: 5px 10px;
		font-size: 14px;
		color: #333333;
	}

/*--------------------------------------------------
	디자인의뢰 단가표
--------------------------------------------------*/
	.dsod > ul > li > .accordion2 {
		background-color: #CD0067;
		color: #FFFFFF;
		cursor: pointer;
		padding: 18px 18px 18px 18px;
		width: 100%;
		border: none;
		text-align: left;
		outline: none;
		font-size: 20px;
		font-weight: bold;
		transition: 0.4s;
	}
	.dsod > ul > li > .active2, .accordion2:hover {
  		background-color: #ccc;
        color: #000000;
	}
	.dsod > ul > li > .accordion2:after {
		content: '\002B';
		color: #FFFFFF;
		font-weight: bold;
		float: right;
		margin-left: 5px;
	}
	.dsod > ul > li > .active2:after {
		content: "\2212";
	}

	.dsod > ul > li > .panel2 {
		padding: 0 18px;
		background-color: white;
		border: 1px solid #d9d9d9;
		max-height: 0;
		overflow: hidden;
		transition: max-height 0.2s ease-out;
	}
	.dsod > ul > li > .panel2 > ul > li > table {
		width: 100%;
		table-layout: fixed;
		border-collapse: collapse;	/*	separate	: 표(table)의 테두리와 셀(td)의 테두리 사이에 간격을 둡니다.
										collapse	: 표(table)의 테두리와 셀(td)의 테두리 사이의 간격을 없앱니다. 겹치는 부분은 한 줄로 나타냅니다.
										initial		: 기본값으로 설정합니다.
										inherit		: 부모 요소의 속성값을 상속받습니다.
									*/
	}
	.dsod > ul > li > .panel2 > ul > li > table > tbody > tr > td {		
		border: 1px solid #d9d9d9;		
		padding: 5px 10px;
		font-size: 14px;
		color: #333333;
	}
/*--------------------------------------------------
	이지템플릿활용기
--------------------------------------------------*/
    .eztp_contents {
        width: 1200px;
        height: auto;
        overflow: hidden;
        margin: 0 auto;
    }
	.eztp_contents > ul > li > .accordion {
		cursor: pointer;
		width: 1200px;
        height: 150px;
		border: none;
		outline: none;
		transition: 0.4s;
	}
	.eztp_contents > ul > li > .active, .accordion:hover {
	}
	.eztp_contents > ul > li > .accordion:after {
		content: url(../../../../main/images/ko/sub/ez_plus.jpg);
		color: #FFFFFF;
		font-weight: bold;
		float: right;
		margin-left: 5px;
	}
	.eztp_contents > ul > li > .active:after {
		content: url(../../../../main/images/ko/sub/ez_minus.jpg);
	}

	.eztp_contents > ul > li > .panel {
		max-height: 0;
		overflow: hidden;
		transition: max-height 0.2s ease-out;
	}
/*--------------------------------------------------
	멤버십
--------------------------------------------------*/
	.append > .section > .wow_membership {
		clear: both;
		display: block;
		position: relative;
		width: 100%;
	}
	.append > .section > .wow_membership > .list_title {
		display: block;
		position: relative;
		font-size: 24px;
		color: #1f1f1f;
		font-weight: bold;
	}
	.append > .section > .wow_membership > table {
		clear: both;
		border-collapse: collapse;	/*	separate	: 표(table)의 테두리와 셀(td)의 테두리 사이에 간격을 둡니다.
										collapse	: 표(table)의 테두리와 셀(td)의 테두리 사이의 간격을 없앱니다. 겹치는 부분은 한 줄로 나타냅니다.
										initial		: 기본값으로 설정합니다.
										inherit		: 부모 요소의 속성값을 상속받습니다.
									*/
		border-top: 2px solid #000000;
	}
	.append > .section > .wow_membership > table > tbody > tr > th {
		height: 150px;
		background-color: #f4f4f4;
		border-left: 1px solid #d8d8d8;
		border-bottom: 1px solid #d8d8d8;
		font-size: 18px;
		font-weight: bold;
		color: #1f1f1f;
		text-align: center;
	}
	.append > .section > .wow_membership > table > tbody > tr > th > span {
		font-size: 16px;
		font-weight: bold;
		color: #1f1f1f;
		line-height: 24px;
	}
	.append > .section > .wow_membership > table > tbody > tr > th:first-child {
		border-left: 0;
	}
	.append > .section > .wow_membership > table > tbody > tr > td {
		border-left: 1px solid #d8d8d8;
		border-bottom: 1px solid #d8d8d8;
		height: 120px;
		font-size: 14px;
		font-weight: normal;
		color: #333;
		text-align: center;
	}
	.append > .section > .wow_membership > table > tbody > tr > td > span {
		font-size: 18px;
		font-weight: bold;
		color: #1f1f1f;

	}
	.append > .section > .wow_membership > table > tbody > tr > td:first-child {
		border-left: 0;
	}
	.append > .section > .wow_membership > .membership_notice {
		margin-top: 50px;
		padding: 35px;
		width: 100%;
		background-color: #f4f4f4;
		border-top: 2px solid #000000;
		font-size: 20px;
		font-weight: bold;
		line-height: 30px;
		color: #1f1f1f;
	}
	.append > .section > .wow_membership > .membership_notice > span {
		font-size: 14px;
		font-weight: normal;
		color: #333;
	}
/*--------------------------------------------------
	제품상세 css
--------------------------------------------------*/

.prod_detail_title {
    font-size: 2.6rem;
    font-weight: bold;
    color: #303030;
}
.prod_detail_sbutitle {
    font-size: 2rem;
    color: #303030;
    font-weight: normal;
}
.prod_detail_sbutitle2 {
    font-size: 1.5rem;
    color: #303030;
    font-weight: bold;
}
.prod_detail_txt01 {
    font-size: 1.3rem;    
    color: #303030;
    font-weight: normal;
    line-height: 1.8rem;
}
.prod_detail_txt02 {
    font-size: 1.15rem;    
    color: #666666;
    font-weight: normal;
    line-height: 1.5rem;
}
.prod_detail_text_underline {
    background: url(https://wowpress.co.kr/wow2.0/detail/text_underline.jpg) repeat-x;
    background-position-y: bottom;    
}
/*--------------------------------------------------
	파일업로드체크 css
--------------------------------------------------*/
.file_uct {
    width: 100%; 
    height: auto; 
    background-color: #2347b8; 
    color: #ffffff; 
    border: solid 1px #2347b8; 
    padding: 15px; 
    font-size: 20px; 
}
.file_uc_box {
    width: 100%; 
    height: auto; 
    padding: 15px; 
    border: solid 1px #cfcfcf; 
    border-top: 0; 
    overflow: hidden;
}
.file_uc_left {    
    height: auto; 
    padding: 10px; 
    text-align: center; 
}
.file_uc_right {
    height: auto; 
    padding: 10px; 
    text-align: center;
}
.btn_pdf_up {        
    text-align: center;
    background: #2347b8 url(https://wowpress.co.kr/wow2.0/images/pdf_file_upload.png) no-repeat center;
    width: 150px;
    height: 150px;
}
.btn_pdf_up2 {
    padding: 10px 20px;
    background-color: #2347b8;
    text-align: center;
    color: #FFFFFF;
    font-size: 18px;
}
.btn_cart_up {
    padding: 10px 20px;
    background-color: #ffffff;
    text-align: center;
    color: #333333;
    font-size: 18px;
    border: 1px solid #bdbdbd;
}
.btn_modify_up {
    padding: 10px 20px;
    background-color: #888888;
    text-align: center;
    color: #FFFFFF;
    font-size: 18px;
    width: 100%;
}

.btn_file_up {
    padding: 10px 20px;
    background-color: #333333;
    text-align: center;
    color: #FFFFFF;
    font-size: 18px;
}
.fc_red {
    color: red;
}
.img_pdf_file {
    max-width: 510px;
    max-height: 400px;
}
.input_pdf_upload {
    width: 100%;
    height: 50px;
    text-align: center;
}


.input_pdf_upload [type="file"] {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0 none;
}
.input_pdf_upload .file_label {
  display: inline-block;
  min-width: 53px;
  height: 40px;
  line-height: 40px;
  padding: 0 10px;
  border-radius: 2px;
  font-size: 14px;
  background-color: #2347b8;
  color: #fff;
  text-align: center;
}
.input_pdf_upload .file_name {
  width: 500px;
  background: #f5f5f5;
  height: 40px;
  line-height: 26px;
  text-indent: 5px;
  border: 1px solid #bbb;
}
/*--------------------------------------------------
	제품상세 new css
--------------------------------------------------*/

.prod_info_title_01 {
    width: 100%;
    font-size: 40px;
    font-weight: 400;
    color: #333;
    text-align: center;
    display: inline-block;
    padding-top: 70px;
}
.prod_info_title_subtxt {
    width: 100%;
    font-size: 18px;
    font-weight: 300;
    color: #333;
    text-align: center;
    display: inline-block;
    padding-bottom: 50px;
}
.prod_info_title_name {
    width: 100%;
    font-size: 26px;
    font-weight: 600;
    color: #333;
    text-align: center;
    display: inline-block;
    padding-top: 50px;
    padding-bottom: 50px;
}
.prod_info_title_02 {
    font-size: 20px;
    font-weight: 500;
    color: #333;
    display: inline-block;
    padding-top: 30px;
}
.prod_info_title_03 {
    font-size: 16px;
    font-weight: 500;
    color: #333;
    display: inline-block;
    padding-top: 30px;
    padding-bottom: 30px;
}
.prod_info_text_01 {
    font-size: 16px;
    font-weight: 300;
    color: #333;
    display: inline-block;
    padding-top: 20px;
}
.titleline_01 {
    width: 1px;
    height: 30px;
    margin: 0 auto;
    background-color: #cd0067;
    margin-bottom: 20px;
    margin-top: 20px;
}
ul.prod_info_01 {
    padding-top: 20px;
}
ul.prod_info_01 > li {
    text-align: center;
    float: left;
    padding-left: 15px;
}
ul.prod_info_01 > li:first-child {
    padding-left: 0;
}
ul.prod_info_02 {
    width: 960px;
    margin: 0 auto;
    padding-top: 20px;
}
ul.prod_info_02 > li {
    width: 320px;
    text-align: center;
    float: left;
}
ul.prod_info_est {
    width: 1200px;
    background-color: #d5d5d5;
    padding: 50px 0;
    overflow: hidden;
}
ul.prod_info_est > li {
    width: 100%;
    text-align: center;
    font-size: 24px;
    font-weight: 500;
    color: #000;
}
ul.prod_info_easy {
    width: 1200px;
    background-color: #d5d5d5;
    padding: 20px 0 50px 0;
    overflow: hidden;
}
ul.prod_info_easy > li {
    width: 400px;
    text-align: center;
    float: left;
}
ul.prod_info_img1 {
    width: 100%;
}
ul.prod_info_img1 > li {
    width: 100%;
    text-align: center;
    padding-bottom: 30px;
}
ul.prod_info_img2 {
    width: 1200px;
}
ul.prod_info_img2 > li {
    width: 600px;
    text-align: center;
    float: left;
    padding-bottom: 30px;
}
ul.prod_info_img3 {
    width: 1200px;
}
ul.prod_info_img3 > li {
    width: 400px;
    text-align: center;
    float: left;
    padding-bottom: 30px;
}
ul.prod_info_size {
    width: 550px;
    margin: 0 auto;
}
ul.prod_info_size > li {
    text-align: center;
    line-height: 25px;
    margin: 20px 0;
}
ul.prod_info_size > li:nth-of-type(2n) {
    text-align: left;
}
ul.prod_info_notice {
    width: 1100px;
    margin: 0 auto;
}
ul.prod_info_notice > li {
    text-align: left;
    line-height: 25px;
    margin: 20px 0;
    font-size: 15px;    
    font-weight: 300;
}
.prod_box_title {
    padding: 10px 20px;
    font-size: 18px;
    color: #222;
    font-weight: 500;
    border: 1px solid #999;
    margin-top: 30px;
}
.prod_box_pdf {
    padding: 10px 20px;
    font-size: 24px;
    color: #FFF;
    font-weight: 800;
    background-color: #ef3744;
    border: 1px solid #cc1a26;
}
.prod_box_ai {
    padding: 10px 20px;
    font-size: 24px;
    color: #FFF;
    font-weight: 800;
    background-color: #fdba59;
    border: 1px solid #a46c1a;
}
.prod_box_eps {
    padding: 10px 20px;
    font-size: 24px;
    color: #FFF;
    font-weight: 800;
    background-color: #b7b7b7;
    border: 1px solid #767676;
}
.prod_dtext {    
    font-size: 14px;
    font-weight: 300;
    color: #333;
}
.prod_info_subject_01 {
    width: 100%;
    font-size: 35px;
    font-weight: 400;
    color: #333;
    text-align: center;
    display: inline-block;
    padding-top: 100px;
}
.prod_button_01 {
    padding: 10px 20px;
    font-size: 20px;
    color: #cd0067;
    font-weight: 500;
    border: 1px solid #cd0067;
    cursor: pointer;
}
.calendar_table {
    width: 50%;
    height: auto;
    overflow: hidden;
    margin: 0 auto;
}
.calendar_table > table {
    width: 100%;
    clear: both;
    border-collapse: collapse;	/*	separate	: 표(table)의 테두리와 셀(td)의 테두리 사이에 간격을 둡니다.
                                    collapse	: 표(table)의 테두리와 셀(td)의 테두리 사이의 간격을 없앱니다. 겹치는 부분은 한 줄로 나타냅니다.
                                    initial		: 기본값으로 설정합니다.
                                    inherit		: 부모 요소의 속성값을 상속받습니다.
                                */
}
.calendar_table > table > tbody > tr > th {
    height: 40px;
    background-color: #cccccc;
    border-right: 1px solid #d8d8d8;
    border-bottom: 1px solid #d8d8d8;
    font-size: 18px;
    font-weight: 600;
    color: #1f1f1f;
    text-align: center;
}
.calendar_table > table > tbody > tr > td {
    height: 40px;
    background-color: #f4f4f4;
    border-bottom: 1px solid #d8d8d8;
    font-size: 18px;
    font-weight: 400;
    color: #1f1f1f;
    text-align: left;
    padding-left: 20px;    
}
/*--------------------------------------------------
	오픈마켓 css
--------------------------------------------------*/

.openmarket_area {
    width: 100%; 
    height: auto; 
    background-color: #fff; 
    margin-top: -25px; 
    border: 1px solid #e1e1e1; 
    border-top: 0; 
    margin-bottom: 30px;
}
.openmarket_area > ul > li {
    width: 100%;
    display: flex;
    border-bottom: 1px solid #e1e1e1;
}
.openmarket_area > ul > li:last-child {
    border-bottom: 0;
}
.openmarket_area_title {
    width:150px;
    font-size: 14px;
    font-weight: 500;
    color: #666;
    padding:10px 10px 10px 20px;
    background-color:#f5f5f5;
}

.file_input_textbox {
    float: left
}
.file_input_div {
    position: relative;
    width: 100px;
    height: 23px;
    overflow: hidden;
}
.file_input_button {
    width: 100px;
    position: absolute;
    top: 0px;
    background-color: #aaa;
    color: #fff;
    border-style: solid;
}
.file_input_hidden {
    font-size: 45px;
    position: absolute;
    right: 0px;
    top: 0px;
    opacity: 0;
    filter: alpha(opacity=0);
    -ms-filter: "alpha(opacity=0)";
    -khtml-opacity: 0;
    -moz-opacity: 0;
}
/*--------------------------------------------------
	이지템플릿 랜딩
--------------------------------------------------*/
.ez_landing_area {
    display: flex;
    width: 625px;
    flex-flow: row wrap;
    justify-content: center;
    margin: 0 auto;
    list-style: none;
    flex-wrap: nowrap;
    flex-direction: row;
}
.ez_landing_area > li {
    width: 85px;
    height: 85px;
    background-color: #f4f8fb;
    border-radius: 20px;
    margin-right: 50px;
    text-align: center;
    padding-top: 16px;
    cursor: pointer;
}
.ez_landing_area > li:last-child {
    margin-right: 0;
}
.ez_landing_area > li.ez-active {
    width: 85px;
    height: 85px;
    background-color: #fff;
    border: solid 1px #c9c9c9;
    border-radius: 20px;
}
.ez_landing_area > li img {
    display: inline-block;
    filter: grayscale(1);
}
.ez_landing_area > li.ez-active img {
    display: inline-block;
    filter: grayscale(0);
    margin-top: -1px;
}
.ez_landing_area > li span {
    width: 100%;
    padding-top: 30px;
    font-size: 13px;
    padding-bottom: 20px;    
}
.ez_landing_area > li.ez-active span {
    border-bottom: solid 4px #000;
}
.eztlanding_top {
    width: 100%; 
    height: 270px; 
    background: url(/wow2.0/images/img_eztlanding_top.jpg) no-repeat top center;
}
.eztlanding_notice_area {
    width: 430px; 
    height: 235px; 
    position: absolute; 
    top: 175px; 
    left: 0; 
    background-color: rgba( 0, 0, 0, 0.3 );
    z-index:98;
}
.eztlanding_notice_area > ul {
    width: 350px;
    height: auto;
    margin: 0 auto;
    margin-top: 30px;
}
.eztlanding_notice_area > ul > li:first-child {
    width: 100%;
    height: 40px;
    border-bottom: 1px solid #fff;
    font-size: 22px;
    color: #fff;
    font-weight: 600;
    cursor: default;
}
.eztlanding_banner {
    width: 770px; 
    height: 260px; 
    position: absolute; 
    top: 50px; 
    right: 0;
}
.eztlanding_notice_area > ul > li {
    width: 100%;
    height: 40px;
    border-bottom: 1px dashed #fff;
    cursor: pointer;
}
.eztlanding_notice_area > ul > li:nth-child(5) {
    border-bottom:0;
}
.eztlanding_notice_area > ul > li > span {
    height: 40px;
    font-size: 14px;
    color: #fff;
    line-height: 280%;
}
.eztlanding_notice_area > ul > li > span.ezt_list_w {
    width:56px;
}
.eztlanding_area {    
    width: 1200px;
    height: 110px;
    margin: 0 auto;
}
.eztlanding_area > li:nth-of-type(1) {  
    width: 240px;
    height: 110px;
    float: left;
    cursor: pointer;
    background: url(/wow2.0/images/img_eztlanding_menu_00_off.jpg) no-repeat top center;
}
.eztlanding_area > li:nth-of-type(1).ez-active {
    background: url(/wow2.0/images/img_eztlanding_menu_00_on.jpg) no-repeat top center;
}
.eztlanding_area > li:nth-of-type(2) {  
    width: 240px;
    height: 110px;
    float: left;
    cursor: pointer;
    background: url(/wow2.0/images/img_eztlanding_menu_01_off.jpg) no-repeat top center;
}
.eztlanding_area > li:nth-of-type(2).ez-active {
    background: url(/wow2.0/images/img_eztlanding_menu_01_on.jpg) no-repeat top center;
}
.eztlanding_area > li:nth-of-type(3) {  
    width: 240px;
    height: 110px;
    float: left;
    cursor: pointer;
    background: url(/wow2.0/images/img_eztlanding_menu_02_off.jpg) no-repeat top center;
}
.eztlanding_area > li:nth-of-type(3).ez-active {
    background: url(/wow2.0/images/img_eztlanding_menu_02_on.jpg) no-repeat top center;
}
.eztlanding_area > li:nth-of-type(4) {  
    width: 240px;
    height: 110px;
    float: left;
    cursor: pointer;
    background: url(/wow2.0/images/img_eztlanding_menu_03_off.jpg) no-repeat top center;
}
.eztlanding_area > li:nth-of-type(4).ez-active {
    background: url(/wow2.0/images/img_eztlanding_menu_03_on.jpg) no-repeat top center;
}
.eztlanding_area > li:nth-of-type(5) {  
    width: 240px;
    height: 110px;
    float: left;
    cursor: pointer;
    background: url(/wow2.0/images/img_eztlanding_menu_04_off.jpg) no-repeat top center;
}
.eztlanding_area > li:nth-of-type(5).ez-active {
    background: url(/wow2.0/images/img_eztlanding_menu_04_on.jpg) no-repeat top center;
}
/*--------------------------------------------------
	마이페이지 리뉴얼
--------------------------------------------------*/
.mypage_renew_info_area {
    width: 100%;
    height: 90px;
    border-radius: 15px;
    background-color: #f8f8f8;
    position: relative;
}
.mypage_renew_info_user {
    width: 900px;
    height: 40px;
    position: absolute;
    top: 26px;
    left: 30px;
}
.mypage_renew_benefit {
    width: 170px;
    height: 40px;
    border-radius: 20px;
    background-color: #d01679;
    font-size: 18px;
    font-weight: 700;
    color: #FFF;
}
.mypage_renew_point_area {
    width: 225px;
    height: 110px;
    border-radius: 15px;
    background-color: #f8f8f8;
    position: relative;
}
.mypage_renew_point_box {
    width: 205px;
    height: 55px;
    border-radius: 10px;
    background-color: #fff;    
    position: absolute;
    bottom: 10px;
    left: 10px;    
}
.mypage_renew_state_area {
    width: 100%;
    height: 160px;
    /*border: 1px solid #e5e5e5;*/
    border-radius: 15px;
}
.mypage_renew_state_area > ul > li {
    width: 100px;
    height: 110px;
    float: left;
    border-right: dashed 1px #e5e5e5;
}
.mypage_renew_state_area > ul > li:last-child {
    border-right: 0;
}

.mypage_renew_state_area > ul > li > span {
   display:block;
}
.mypage_renew_review_area {
    width: 100%;
    height: 160px;
    border-radius: 15px;
    background-color: #f3f3f3;
    position: relative;
}
.mypage_renew_review_text_01 {
    width: 180px;
    font-size: 20px;
    color: #000;
    font-weight: 300;
    position: absolute;
    top: 65px;
    left: 40px;
}
.mypage_renew_review_text_02 {
    width: 70px;
    height: 70px;
    border-radius: 35px;
    background-color: #d01679;
    position: absolute;
    top: 42px;
    left: 215px;
    font-size: 24px;
    font-weight: 600;
    color: #FFF;
    line-height: 280%;
    text-decoration: underline;
    text-align: center;
    cursor: pointer;
}
.mypage_renew_review_text_03 {
    width: 30px;
    font-size: 20px;
    color: #000;
    font-weight: 300;
    position: absolute;
    top: 65px;
    left: 290px;
}
.mypage_renew_review_img {
    width: 570px;
    height: 110px;
    position: absolute;
    top: 25px;
    right: 25px;
}

.curpoint{cursor:pointer;}

/*24.05.08 신규 추가*/
.eztlanding_new_top{position:relative; width:100%; height:410px;}
.eztlanding_new_top img{position:absolute; left:50%; margin-left:-960px;}

/*25.06.04*/
.mypage_renew_grade{position:relative; width:100%; background:#f8f8f8; border-radius:15px; padding:30px 20px; box-sizing:border-box;}
.re_grade_01{text-align:center; font-size:21px; letter-spacing:-0.5px; color:#333;}
.re_grade_01 span.sky{color:#6495ed; font-weight:bold; font-size:24px;}
.re_grade_01 span.scarlet{color:#d01679; font-weight:bold; border-bottom:1px solid #d01679; font-size:24px;}
.re_grade_02{text-align:center; font-size:16px;}
.re_grade_02 span.scarlet{color:#d01679; font-weight:bold;}
.grade_list{position:relative; display:flex; flex-wrap:nowrap; padding:30px 0; z-index:50;}
.grade_list > div{width:14%; text-align:center;}

.g_progress_bar{position:absolute; bottom:137px; left:72px; width:800px !important; height:11px; background:#ddd; overflow:hidden;}
.g_progress_bar .color_bar{
	height:11px;
	border-radius:20px;
	background:linear-gradient(-45deg, #fa709a, #fee140);
}

.g_progress_bar .color_S{width:12%;}
.g_progress_bar .color_G{width:28%;}
.g_progress_bar .color_D{width:44%;}
.g_progress_bar .color_V{width:60%;}
.g_progress_bar .color_VV{width:76%;}
.g_progress_bar .color_St{width:93%;}
.g_progress_bar .color_St100{width:100%;}

.payback_info_list{clear:both; padding-top:10px;}
.payback_info_list ul li{font-size:16px; margin-top:5px;}

.first_pay{display:flex; flex-wrap:nowrap; flex-direction:row; justify-content:end; align-items:center; padding:18px 10px 0 0;}